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

Comparing version 1.2.4 to 1.3.0

cjs/index.js

@@ -23,15 +23,18 @@ "use strict";
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var stylePointer = (0, _objectSpread2["default"])({
+    '--colorful-pointer-background-color': '#fff',
+    '--colorful-pointer-border': '2px solid #fff',
+    height: 28,
+    width: 28,
+    position: 'absolute',
+    transform: 'translate(-14px, -4px)',
+    boxShadow: '0 2px 4px rgb(0 0 0 / 20%)',
+    borderRadius: '50%',
+    background: "url(".concat(_reactColorAlpha.BACKGROUND_IMG, ")"),
+    backgroundColor: 'var(--colorful-pointer-background-color)',
+    border: 'var(--colorful-pointer-border)',
+    zIndex: 1
+  }, style);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    style: (0, _objectSpread2["default"])({
-      height: 28,
-      width: 28,
-      position: 'absolute',
-      transform: 'translate(-14px, -4px)',
-      boxShadow: '0 2px 4px rgb(0 0 0 / 20%)',
-      borderRadius: '50%',
-      background: "url(".concat(_reactColorAlpha.BACKGROUND_IMG, ")"),
-      backgroundColor: '#fff',
-      border: '2px solid #fff',
-      zIndex: 1
-    }, style),
+    style: stylePointer,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -38,0 +41,0 @@ style: {

esm/index.js

@@ -18,15 +18,18 @@ import _extends from "@babel/runtime/helpers/extends";
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var stylePointer = _extends({
+    '--colorful-pointer-background-color': '#fff',
+    '--colorful-pointer-border': '2px solid #fff',
+    height: 28,
+    width: 28,
+    position: 'absolute',
+    transform: 'translate(-14px, -4px)',
+    boxShadow: '0 2px 4px rgb(0 0 0 / 20%)',
+    borderRadius: '50%',
+    background: "url(" + BACKGROUND_IMG + ")",
+    backgroundColor: 'var(--colorful-pointer-background-color)',
+    border: 'var(--colorful-pointer-border)',
+    zIndex: 1
+  }, style);
   return /*#__PURE__*/_jsx("div", _extends({}, props, {
-    style: _extends({
-      height: 28,
-      width: 28,
-      position: 'absolute',
-      transform: 'translate(-14px, -4px)',
-      boxShadow: '0 2px 4px rgb(0 0 0 / 20%)',
-      borderRadius: '50%',
-      background: "url(" + BACKGROUND_IMG + ")",
-      backgroundColor: '#fff',
-      border: '2px solid #fff',
-      zIndex: 1
-    }, style),
+    style: stylePointer,
     children: /*#__PURE__*/_jsx("div", {
@@ -33,0 +36,0 @@ style: {

package.json

 {
   "name": "@uiw/react-color-colorful",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "description": "Color Colorful",
@@ -39,6 +39,6 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/color-convert": "1.2.4",
-    "@uiw/react-color-alpha": "1.2.4",
-    "@uiw/react-color-hue": "1.2.4",
-    "@uiw/react-color-saturation": "1.2.4"
+    "@uiw/color-convert": "1.3.0",
+    "@uiw/react-color-alpha": "1.3.0",
+    "@uiw/react-color-hue": "1.3.0",
+    "@uiw/react-color-saturation": "1.3.0"
   },
@@ -45,0 +45,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

16756

increased by3.47%

Lines of code

377

increased by2.17%

Dependency changes

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

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

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

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

• + Added@uiw/react-drag-event-interactive@1.3.0(transitive)

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

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

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

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

• - Removed@uiw/react-drag-event-interactive@1.2.4(transitive)

• Updated@uiw/color-convert@1.3.0

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

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

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