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

Comparing version 1.2.4 to 1.3.0

cjs/Point.js

@@ -26,2 +26,11 @@ "use strict";
   }, []);
+  var styleWrapper = (0, _objectSpread2["default"])({
+    '--circle-point-background-color': '#fff',
+    height: checked ? '100%' : 0,
+    width: checked ? '100%' : 0,
+    borderRadius: '50%',
+    backgroundColor: 'var(--circle-point-background-color)',
+    boxSizing: 'border-box',
+    transition: 'height 100ms ease 0s, width 100ms ease 0s'
+  }, rectProps.style);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -49,10 +58,3 @@ ref: btn,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, rectProps), {}, {
-      style: (0, _objectSpread2["default"])({
-        height: checked ? '100%' : 0,
-        width: checked ? '100%' : 0,
-        borderRadius: '50%',
-        backgroundColor: '#fff',
-        boxSizing: 'border-box',
-        transition: 'height 100ms ease 0s, width 100ms ease 0s'
-      }, rectProps.style)
+      style: styleWrapper
     }))
@@ -59,0 +61,0 @@ });

esm/Point.js

@@ -21,2 +21,11 @@ import _extends from "@babel/runtime/helpers/extends";
   }, []);
+  var styleWrapper = _extends({
+    '--circle-point-background-color': '#fff',
+    height: checked ? '100%' : 0,
+    width: checked ? '100%' : 0,
+    borderRadius: '50%',
+    backgroundColor: 'var(--circle-point-background-color)',
+    boxSizing: 'border-box',
+    transition: 'height 100ms ease 0s, width 100ms ease 0s'
+  }, rectProps.style);
   return /*#__PURE__*/_jsx("div", {
@@ -44,12 +53,5 @@ ref: btn,
     children: /*#__PURE__*/_jsx("div", _extends({}, rectProps, {
-      style: _extends({
-        height: checked ? '100%' : 0,
-        width: checked ? '100%' : 0,
-        borderRadius: '50%',
-        backgroundColor: '#fff',
-        boxSizing: 'border-box',
-        transition: 'height 100ms ease 0s, width 100ms ease 0s'
-      }, rectProps.style)
+      style: styleWrapper
     }))
   });
 }

package.json

 {
   "name": "@uiw/react-color-circle",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "description": "Color swatch component for React.",
@@ -38,4 +38,4 @@ "homepage": "https://uiwjs.github.io/react-color/#/circle",
   "dependencies": {
-    "@uiw/color-convert": "1.2.4",
-    "@uiw/react-color-swatch": "1.2.4"
+    "@uiw/color-convert": "1.3.0",
+    "@uiw/react-color-swatch": "1.3.0"
   },
@@ -42,0 +42,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

14743

increased by1.73%

Lines of code

311

increased by0.97%

Published versions last year

18

increased by5.88%

Dependency changes

• + Added@uiw/color-convert@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-swatch@1.2.4(transitive)

• Updated@uiw/color-convert@1.3.0

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