gatsby-image - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

index.js

@@ -35,5 +35,2 @@ "use strict";
 
-// TODO add tests
-// TODO don't blast away base64 SSR on non-IOObserver. Probably don't default to using imgLoaded.
-
 // Handle legacy names for image queries.
@@ -179,2 +176,3 @@ var convertProps = function convertProps(props) {
         className = _convertProps.className,
+        outerWrapperClassName = _convertProps.outerWrapperClassName,
         _convertProps$style = _convertProps.style,
@@ -200,2 +198,3 @@ style = _convertProps$style === undefined ? {} : _convertProps$style,
         {
+          className: (outerWrapperClassName ? outerWrapperClassName : "") + " gatsby-image-outer-wrapper",
           style: {
@@ -278,2 +277,3 @@ zIndex: 0,
         {
+          className: (outerWrapperClassName ? outerWrapperClassName : "") + " gatsby-image-outer-wrapper",
           style: {
@@ -345,2 +345,3 @@ zIndex: 0,
   className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]), // Support Glamor's css prop.
+  outerWrapperClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
   style: _propTypes2.default.object,
@@ -347,0 +348,0 @@ position: _propTypes2.default.string,

package.json

 {
   "name": "gatsby-image",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Lazy-loading React image component with optional support for the blur-up effect.",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -155,13 +155,14 @@ # gatsby-image
 
-| Name              | Type            | Description                              |
-| ----------------- | --------------- | ---------------------------------------- |
-| `resolutions`       | `object`        | Data returned from the `resolutions` query  |
-| `sizes`           | `object`        | Data returned from the `sizes` query   |
-| `fadeIn`          | `bool`          | Defaults to fading in the image on load  |
-| `title`           | `string`        | Passed to the `img` element  |
-| `alt`             | `string`        | Passed to the `img` element   |
-| `className`       | `string|object` | Passed to the wrapper div. Object is needed to support Glamor's css prop |
-| `style`           | `object`        | Spread into the default styles in the wrapper div |
-| `position`           | `string`        | Defaults to `relative`. Pass in `absolute` to make the component `absolute` positioned |
-| `backgroundColor` | `string|bool`   | Set a colored background placeholder. If true, uses "lightgray" for the color. You can also pass in any valid color string. |
+| Name                      | Type            | Description                              |
+| ------------------------- | --------------- | ---------------------------------------- |
+| `resolutions`             | `object`        | Data returned from the `resolutions` query  |
+| `sizes`                   | `object`        | Data returned from the `sizes` query   |
+| `fadeIn`                  | `bool`          | Defaults to fading in the image on load  |
+| `title`                   | `string`        | Passed to the `img` element  |
+| `alt`                     | `string`        | Passed to the `img` element   |
+| `className`               | `string|object` | Passed to the wrapper div. Object is needed to support Glamor's css prop |
+| `outerWrapperClassName`   | `string|object` | Passed to the outer wrapper div. Object is needed to support Glamor's css prop |
+| `style`                   | `object`        | Spread into the default styles in the wrapper div |
+| `position`                | `string`        | Defaults to `relative`. Pass in `absolute` to make the component `absolute` positioned |
+| `backgroundColor`         | `string|bool`   | Set a colored background placeholder. If true, uses "lightgray" for the color. You can also pass in any valid color string. |
 
@@ -168,0 +169,0 @@ ## Some other stuff to be aware of

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

297

increased by0.68%

Number of lines in readme file

171

increased by0.59%

Worsened metrics

Total package byte prevSize

19086

decreased by-0.46%

Number of package files

6

decreased by-14.29%

No dependency changes