@invisionag/iris-react-image-container - npm Package Compare versions

Comparing version 2.0.7 to 2.1.0

dist/index.js

@@ -128,3 +128,3 @@ module.exports =
   componentId: "f62acz-0"
-})(["font-size:", ";color:", ";display:flex;justify-content:center;svg{width:1em;height:1em;fill:currentColor;.shapeColorFiller{fill:", ";}}"], function (_ref) {
+})(["font-size:", ";color:", ";display:flex;justify-content:center;svg{width:1em;height:1em;fill:currentColor;.background{fill:", ";}.shapeColorFiller{fill:", ";}}"], function (_ref) {
   var scale = _ref.scale;
@@ -136,3 +136,6 @@ return scale ? "".concat(scale, "em") : '';
 }, function (_ref3) {
-  var fillShape = _ref3.fillShape;
+  var backgroundColor = _ref3.backgroundColor;
+  return backgroundColor || 'none';
+}, function (_ref4) {
+  var fillShape = _ref4.fillShape;
   return fillShape ? _invisionag_iris_colors__WEBPACK_IMPORTED_MODULE_1___default.a.white100 : '';
@@ -153,4 +156,4 @@ });
 
-  reactHotLoader.register(ImageContainer, "ImageContainer", "/Users/merith.wannewitz/code/iris/packages/react-image-container/src/index.js");
-  reactHotLoader.register(_default, "default", "/Users/merith.wannewitz/code/iris/packages/react-image-container/src/index.js");
+  reactHotLoader.register(ImageContainer, "ImageContainer", "/Users/tobiaslengsholz/projects/iris/packages/react-image-container/src/index.js");
+  reactHotLoader.register(_default, "default", "/Users/tobiaslengsholz/projects/iris/packages/react-image-container/src/index.js");
   leaveModule(module);
@@ -157,0 +160,0 @@ })();

package.json

 {
   "name": "@invisionag/iris-react-image-container",
-  "version": "2.0.7",
+  "version": "2.1.0",
   "main": "dist/index.js",
@@ -8,5 +8,5 @@ "license": "MIT",
   "dependencies": {
-    "@invisionag/iris-colors": "^4.2.0",
-    "@invisionag/iris-settings": "^5.0.7",
-    "@invisionag/iris-tools": "^4.0.7"
+    "@invisionag/iris-colors": "^4.2.1",
+    "@invisionag/iris-settings": "^5.0.8",
+    "@invisionag/iris-tools": "^4.0.8"
   },
@@ -16,3 +16,3 @@ "peerDependencies": {
   },
-  "gitHead": "ce4e12597b5deefe1ca7050a5a74c15b0a9e9964"
+  "gitHead": "cab09f5672ddba901e625b6a32007de90fa39dbf"
 }

src/index.js

@@ -9,2 +9,3 @@ // @flow
   fillShape?: boolean,
+  backgroundColor?: string,
 };
@@ -23,2 +24,6 @@
 
+    .background {
+      fill: ${({ backgroundColor }) => backgroundColor || 'none'};
+    }
+
     .shapeColorFiller {
@@ -25,0 +30,0 @@ fill: ${({ fillShape }: $Shape<Props>) =>

No alert changes

Improved metrics

Total package byte prevSize

9940

increased by3.91%

Lines of code

200

increased by3.63%

Dependency changes

• + Added@babel/runtime@7.26.7(transitive)

• - Removed@babel/runtime@7.26.0(transitive)

• Updated@invisionag/iris-colors@^4.2.1

• Updated@invisionag/iris-settings@^5.0.8

• Updated@invisionag/iris-tools@^4.0.8