react-best-gradient-color-picker - npm Package Compare versions

Comparing version 3.0.12-beta.2 to 3.0.12-beta.3

dist/cjs/components/Controls.js

@@ -119,3 +119,3 @@ "use strict";
     else {
-        return (react_1.default.createElement("div", { style: { paddingTop: 12, paddingBottom: 4 } },
+        return (react_1.default.createElement("div", { style: { paddingBottom: 4 } },
             react_1.default.createElement("div", { style: {
@@ -122,0 +122,0 @@ width: '100%',

dist/cjs/components/Presets.js

@@ -30,2 +30,11 @@ "use strict";
     };
+    var getBorder = function (p) {
+        if (!p)
+            return '';
+        var c = p === null || p === void 0 ? void 0 : p.replace(' ', '');
+        if (c === 'rgba(255,255,255,1)') {
+            return '1px solid #96959c';
+        }
+        return '';
+    };
     return (react_1.default.createElement("div", { style: {
@@ -42,2 +51,3 @@ display: 'flex',
                 flexShrink: 0,
+                border: getBorder(value),
             } }),
@@ -55,3 +65,3 @@ react_1.default.createElement("div", { style: {
                 marginBottom: 2,
-                border: p === 'rgba(255,255,255,1)' ? '1px solid #96959c' : '',
+                border: getBorder(p),
             }, 
@@ -58,0 +68,0 @@ // className="rbgcp-preset-color"

dist/cjs/components/Square.js

@@ -112,3 +112,3 @@ "use strict";
     }, []);
-    return (react_1.default.createElement("div", { style: { position: 'relative' } },
+    return (react_1.default.createElement("div", { style: { position: 'relative', marginBottom: 12 } },
         react_1.default.createElement("div", { onMouseUp: stopDragging, onTouchEnd: stopDragging, onMouseDown: handleCanvasDown, onTouchStart: handleCanvasDown, onMouseMove: function (e) { return handleMove(e); }, style: { position: 'relative', cursor: 'ew-cross' } },
@@ -115,0 +115,0 @@ react_1.default.createElement("div", { style: __assign(__assign(__assign({}, defaultStyles.rbgcpHandle), { transform: "translate(".concat((_a = dragPos === null || dragPos === void 0 ? void 0 : dragPos.x) !== null && _a !== void 0 ? _a : 0, "px, ").concat((_b = dragPos === null || dragPos === void 0 ? void 0 : dragPos.y) !== null && _b !== void 0 ? _b : 0, "px)") }), (dragging ? { transition: '' } : {})), onMouseDown: handleMouseDown }),

dist/esm/components/Controls.js

@@ -91,3 +91,3 @@ var __assign = (this && this.__assign) || function () {
     else {
-        return (React.createElement("div", { style: { paddingTop: 12, paddingBottom: 4 } },
+        return (React.createElement("div", { style: { paddingBottom: 4 } },
             React.createElement("div", { style: {
@@ -94,0 +94,0 @@ width: '100%',

dist/esm/components/Presets.js

@@ -25,2 +25,11 @@ /* eslint-disable react/no-array-index-key */
     };
+    var getBorder = function (p) {
+        if (!p)
+            return '';
+        var c = p === null || p === void 0 ? void 0 : p.replace(' ', '');
+        if (c === 'rgba(255,255,255,1)') {
+            return '1px solid #96959c';
+        }
+        return '';
+    };
     return (React.createElement("div", { style: {
@@ -37,2 +46,3 @@ display: 'flex',
                 flexShrink: 0,
+                border: getBorder(value),
             } }),
@@ -50,3 +60,3 @@ React.createElement("div", { style: {
                 marginBottom: 2,
-                border: p === 'rgba(255,255,255,1)' ? '1px solid #96959c' : '',
+                border: getBorder(p),
             }, 
@@ -53,0 +63,0 @@ // className="rbgcp-preset-color"

dist/esm/components/Square.js

@@ -84,3 +84,3 @@ var __assign = (this && this.__assign) || function () {
     }, []);
-    return (React.createElement("div", { style: { position: 'relative' } },
+    return (React.createElement("div", { style: { position: 'relative', marginBottom: 12 } },
         React.createElement("div", { onMouseUp: stopDragging, onTouchEnd: stopDragging, onMouseDown: handleCanvasDown, onTouchStart: handleCanvasDown, onMouseMove: function (e) { return handleMove(e); }, style: { position: 'relative', cursor: 'ew-cross' } },
@@ -87,0 +87,0 @@ React.createElement("div", { style: __assign(__assign(__assign({}, defaultStyles.rbgcpHandle), { transform: "translate(".concat((_a = dragPos === null || dragPos === void 0 ? void 0 : dragPos.x) !== null && _a !== void 0 ? _a : 0, "px, ").concat((_b = dragPos === null || dragPos === void 0 ? void 0 : dragPos.y) !== null && _b !== void 0 ? _b : 0, "px)") }), (dragging ? { transition: '' } : {})), onMouseDown: handleMouseDown }),

package.json

 {
   "name": "react-best-gradient-color-picker",
-  "version": "3.0.12-beta.2",
+  "version": "3.0.12-beta.3",
   "description": "An easy to use color/gradient picker for React.js",
@@ -5,0 +5,0 @@ "type": "module",

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

453098

increased by0.16%

Lines of code

10911

increased by0.27%

No dependency changes