Chore: Release v3.6.1

Author: amrw-js

CHANGELOG.md

@@ -27,8 +27,12 @@ Types of changes:
 -------------
 
 -------------
-## 3.6.0 - 2022-04-25
+## 3.6.1 - 2022-04-26
 ### Fixed
+- Low preview image width
+
+## 3.6.0 - 2022-04-25
+### Changed
 - Update documentations
 
 ## 3.6.0-beta.20 - 2022-04-18

README.md

@@ -1,4 +1,4 @@
-[![Release](https://img.shields.io/badge/release-v3.6.0-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
+[![Release](https://img.shields.io/badge/release-v3.6.1-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
 [![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
 [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
@@ -38,7 +38,7 @@
 		•
 		<a href="https://scaleflex.github.io/react-cloudimage-responsive/" target="_blank">Demo</a>
 		•
-		<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-forked-9yq9tm" target="_blank">Code Sandbox</a>
+		<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-re0y6m" target="_blank">Code Sandbox</a>
 		•
 		<a href="https://medium.com/@dmitry_82269/responsive-images-in-2019-now-easier-than-ever-b76e5a43c074" target="_blank">Why?</a>
 	</strong>
@@ -76,7 +76,6 @@ Cloudimage, contact us at
 * [Step 3: Implement](#implement)
 * [Configuration](#configuration)
 * [Image properties](#image_properties)
-* [Examples & workarounds](#examples_workarounds)
 * [Browser support](#browser_support)
 * [Filerobot UI Family](#ui_family)
 * [Contributing](#contributing)
@@ -169,7 +168,7 @@ render(<App />, document.body);
 NOTE: "ratio" is recommended to prevent page layout jumping. The parameter is used to calculate image height to hold
 the image position while image is loading.
 
-<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-forked-b8zebi"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-9e9rb5"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 
 ### BackgroundImg component:
 
@@ -179,7 +178,7 @@ the image position while image is loading.
 </BackgroundImg>
 ```
 
-<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-kvep0t"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-fseygn"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
 
 ## <a name="configuration"></a> Config
 
@@ -396,7 +395,7 @@ A function to be executed after the image is loaded
 
 If set to true, the plugin will only add query parameters to the provided image source URL.
 
-<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-jtf2e4"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-6xl8pw"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
 
 ### disableAnimation
 
@@ -499,11 +498,6 @@ The lazyLoad configuration to [LazyLoad](https://github.com/twobin/react-lazyloa
 
 To see the full Cloudimage documentation, [click here](https://docs.cloudimage.io/go/cloudimage-documentation).
 
-## <a name="examples_workarounds"></a>Examples & workarounds
-* [See all](https://github.com/scaleflex/react-cloudimage-responsive/blob/master/examples/EXAMPLES.md)
-* [Cropping](https://github.com/scaleflex/react-cloudimage-responsive/blob/master/examples/EXAMPLES.md#cropping)
-* [Integration with Gatsby](https://github.com/scaleflex/react-cloudimage-responsive/blob/master/examples/EXAMPLES.md#integration-with-gatsby)
-
 ## <a name="browser_support"></a>Browser support
 
 Tested in all modern browsers and IE 11.

examples/EXAMPLES.md

@@ -1,6 +1,6 @@
 {
   "name": "react-cloudimage-responsive",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "main": "dist/index.js",
   "description": "Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.",
   "author": "scaleflex",
@@ -40,7 +40,7 @@
     "publish-demo": "npm run build-demo && npm run deploy"
   },
   "dependencies": {
-    "cloudimage-responsive-utils": "^2.4.7",
+    "cloudimage-responsive-utils": "^2.4.8",
     "core-js": "^3.15.2",
     "prop-types": "^15.8.1",
     "react-lazyload": "^3.2.0",