@uiw/react-color-compact - npm Package Compare versions

Comparing version 1.2.4 to 1.3.0

cjs/index.js

@@ -60,13 +60,15 @@ "use strict";
   };
+  var wrapperStyle = (0, _objectSpread2["default"])({
+    '--compact-background-color': '#f6f6f6',
+    background: 'var(--compact-background-color)',
+    borderRadius: 3,
+    display: 'flex',
+    width: 240,
+    flexWrap: 'wrap',
+    paddingTop: 5,
+    paddingLeft: 5
+  }, style);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     ref: ref,
-    style: (0, _objectSpread2["default"])({
-      background: '#f6f6f6',
-      borderRadius: 3,
-      display: 'flex',
-      width: 240,
-      flexWrap: 'wrap',
-      paddingTop: 5,
-      paddingLeft: 5
-    }, style),
+    style: wrapperStyle,
     className: [prefixCls, className || ''].filter(Boolean).join(' ')
@@ -73,0 +75,0 @@ }, other), {}, {

esm/index.js

@@ -51,13 +51,15 @@ import _extends from "@babel/runtime/helpers/extends";
   };
+  var wrapperStyle = _extends({
+    '--compact-background-color': '#f6f6f6',
+    background: 'var(--compact-background-color)',
+    borderRadius: 3,
+    display: 'flex',
+    width: 240,
+    flexWrap: 'wrap',
+    paddingTop: 5,
+    paddingLeft: 5
+  }, style);
   return /*#__PURE__*/_jsxs("div", _extends({
     ref: ref,
-    style: _extends({
-      background: '#f6f6f6',
-      borderRadius: 3,
-      display: 'flex',
-      width: 240,
-      flexWrap: 'wrap',
-      paddingTop: 5,
-      paddingLeft: 5
-    }, style),
+    style: wrapperStyle,
     className: [prefixCls, className || ''].filter(Boolean).join(' ')
@@ -64,0 +66,0 @@ }, other, {

package.json

 {
   "name": "@uiw/react-color-compact",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "description": "Color Compact component for React.",
@@ -38,6 +38,6 @@ "homepage": "https://uiwjs.github.io/react-color/#/compact",
   "dependencies": {
-    "@uiw/color-convert": "1.2.4",
-    "@uiw/react-color-editable-input": "1.2.4",
-    "@uiw/react-color-editable-input-rgba": "1.2.4",
-    "@uiw/react-color-swatch": "1.2.4"
+    "@uiw/color-convert": "1.3.0",
+    "@uiw/react-color-editable-input": "1.3.0",
+    "@uiw/react-color-editable-input-rgba": "1.3.0",
+    "@uiw/react-color-swatch": "1.3.0"
   },
@@ -44,0 +44,0 @@ "devDependencies": {

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

Total package byte prevSize

17004

increased by1.49%

Lines of code

420

increased by0.24%

Dependency changes

• + Added@uiw/color-convert@1.3.0(transitive)

• + Added@uiw/react-color-editable-input@1.3.0(transitive)

• + Added@uiw/react-color-editable-input-rgba@1.3.0(transitive)

• + Added@uiw/react-color-swatch@1.3.0(transitive)

• - Removed@uiw/color-convert@1.2.4(transitive)

• - Removed@uiw/react-color-editable-input@1.2.4(transitive)

• - Removed@uiw/react-color-editable-input-rgba@1.2.4(transitive)

• - Removed@uiw/react-color-swatch@1.2.4(transitive)

• Updated@uiw/color-convert@1.3.0

• Updated@uiw/react-color-editable-input@1.3.0

• Updated@uiw/react-color-editable-input-rgba@1.3.0

• Updated@uiw/react-color-swatch@1.3.0