@dreamcommerce/aurora 2.20.9-9 → 2.20.10-0

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Controls.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var constants = require('../constants.js');
 var context = require('../context.js');
 var icon = require('./icon.js');
+var styles = require('../styles/styles.js');
 var EyeDropper = require('./EyeDropper.js');
 var AdvancedControls = require('./AdvancedControls.js');
 var ComparibleColors = require('./ComparibleColors.js');
@@ -16,42 +16,146 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
 var defaultColor = constants.config.defaultColor,
     defaultGradient = constants.config.defaultGradient;
 
-var Controls = function Controls(_ref) {
-  var locales = _ref.locales,
-      hideEyeDrop = _ref.hideEyeDrop,
-      hideAdvancedSliders = _ref.hideAdvancedSliders,
-      hideColorGuide = _ref.hideColorGuide,
-      hideInputType = _ref.hideInputType,
-      hideColorTypeBtns = _ref.hideColorTypeBtns,
-      hideGradientControls = _ref.hideGradientControls,
-      hideGradientType = _ref.hideGradientType,
-      hideGradientAngle = _ref.hideGradientAngle,
-      hideGradientStop = _ref.hideGradientStop;
+var ColorTypeBtns = function ColorTypeBtns(_a) {
+  var _b, _c;
+
+  var hideColorTypeBtns = _a.hideColorTypeBtns,
+      isGradient = _a.isGradient,
+      setSolid = _a.setSolid,
+      setGradient = _a.setGradient,
+      locales = _a.locales;
+  var defaultStyles = context.usePicker().defaultStyles;
+
+  if (hideColorTypeBtns) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        width: 1
+      }
+    });
+  } else {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: __assign({
+        display: 'flex',
+        alignItems: 'center'
+      }, defaultStyles.rbgcpControlBtnWrapper)
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      onClick: setSolid,
+      id: "rbgcp-solid-btn",
+      style: styles.colorTypeBtnStyles(!isGradient, defaultStyles)
+    }, (_b = locales === null || locales === void 0 ? void 0 : locales.CONTROLS) === null || _b === void 0 ? void 0 : _b.SOLID), /*#__PURE__*/React__default['default'].createElement("div", {
+      onClick: setGradient,
+      id: "rbgcp-gradient-btn",
+      style: styles.colorTypeBtnStyles(isGradient || false, defaultStyles)
+    }, (_c = locales === null || locales === void 0 ? void 0 : locales.CONTROLS) === null || _c === void 0 ? void 0 : _c.GRADIENT));
+  }
+};
 
-  var _usePicker = context.usePicker(),
-      onChange = _usePicker.onChange,
-      isGradient = _usePicker.isGradient,
-      handleChange = _usePicker.handleChange,
-      classes = _usePicker.classes,
-      previous = _usePicker.previous;
+var InputTypeDropdown = function InputTypeDropdown(_a) {
+  var openInputType = _a.openInputType,
+      setOpenInputType = _a.setOpenInputType;
 
-  var _useState = React.useState(false),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      openComparibles = _useState2[0],
-      setOpenComparibles = _useState2[1];
+  var _b = context.usePicker(),
+      inputType = _b.inputType,
+      setInputType = _b.setInputType,
+      defaultStyles = _b.defaultStyles;
 
-  var _useState3 = React.useState(false),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      openInputType = _useState4[0],
-      setOpenInputType = _useState4[1];
+  var vTrans = openInputType ? 'visibility 0ms linear' : 'visibility 100ms linear 150ms';
+  var zTrans = openInputType ? 'z-index 0ms linear' : 'z-index 100ms linear 150ms';
+  var oTrans = openInputType ? 'opacity 120ms linear' : 'opacity 150ms linear 50ms';
 
-  var _useState5 = React.useState(false),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      openAdvanced = _useState6[0],
-      setOpenAdvanced = _useState6[1];
+  var handleInputType = function handleInputType(e, val) {
+    if (openInputType) {
+      e.stopPropagation();
+      setInputType(val);
+      setOpenInputType(false);
+    }
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: __assign({
+      visibility: openInputType ? 'visible' : 'hidden',
+      zIndex: openInputType ? '' : -100,
+      opacity: openInputType ? 1 : 0,
+      transition: "".concat(oTrans, ", ").concat(vTrans, ", ").concat(zTrans)
+    }, defaultStyles.rbgcpColorModelDropdown)
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: function onClick(e) {
+      return handleInputType(e, 'rgb');
+    },
+    style: styles.modalBtnStyles(inputType === 'rgb', defaultStyles)
+  }, "RGB"), /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: function onClick(e) {
+      return handleInputType(e, 'hsl');
+    },
+    style: styles.modalBtnStyles(inputType === 'hsl', defaultStyles)
+  }, "HSL"), /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: function onClick(e) {
+      return handleInputType(e, 'hsv');
+    },
+    style: styles.modalBtnStyles(inputType === 'hsv', defaultStyles)
+  }, "HSV"), /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: function onClick(e) {
+      return handleInputType(e, 'cmyk');
+    },
+    style: styles.modalBtnStyles(inputType === 'cmyk', defaultStyles)
+  }, "CMYK"));
+};
+
+var Controls = function Controls(_a) {
+  var locales = _a.locales,
+      _b = _a.hideEyeDrop,
+      hideEyeDrop = _b === void 0 ? false : _b,
+      _c = _a.hideAdvancedSliders,
+      hideAdvancedSliders = _c === void 0 ? false : _c,
+      _d = _a.hideColorGuide,
+      hideColorGuide = _d === void 0 ? false : _d,
+      _e = _a.hideInputType,
+      hideInputType = _e === void 0 ? false : _e,
+      _f = _a.hideColorTypeBtns,
+      hideColorTypeBtns = _f === void 0 ? false : _f,
+      _g = _a.hideGradientControls,
+      hideGradientControls = _g === void 0 ? false : _g,
+      _h = _a.hideGradientType,
+      hideGradientType = _h === void 0 ? false : _h,
+      _j = _a.hideGradientAngle,
+      hideGradientAngle = _j === void 0 ? false : _j,
+      _k = _a.hideGradientStop,
+      hideGradientStop = _k === void 0 ? false : _k;
+
+  var _l = context.usePicker(),
+      onChange = _l.onChange,
+      isGradient = _l.isGradient,
+      handleChange = _l.handleChange,
+      previous = _l.previous,
+      defaultStyles = _l.defaultStyles;
+
+  var _m = React.useState(false),
+      openComparibles = _m[0],
+      setOpenComparibles = _m[1];
+
+  var _o = React.useState(false),
+      openInputType = _o[0],
+      setOpenInputType = _o[1];
+
+  var _p = React.useState(false),
+      openAdvanced = _p[0],
+      setOpenAdvanced = _p[1];
 
   var noTools = hideEyeDrop && hideAdvancedSliders && hideColorGuide && hideInputType;
   var solidColor = (previous === null || previous === void 0 ? void 0 : previous.color) || defaultColor;
@@ -86,9 +190,11 @@ var Controls = function Controls(_ref) {
       }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
-        width: '100%'
-      },
-      className: "".concat(classes.ac, " ").concat(classes.jsb)
+        width: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+      }
     }, /*#__PURE__*/React__default['default'].createElement(ColorTypeBtns, {
       hideColorTypeBtns: hideColorTypeBtns,
       setGradient: setGradient,
@@ -96,10 +202,9 @@ var Controls = function Controls(_ref) {
       setSolid: setSolid,
       locales: locales
     }), !allRightControlsHidden && /*#__PURE__*/React__default['default'].createElement("div", {
-      style: {
+      style: __assign({
         display: noTools ? 'none' : ''
-      },
-      className: classes.rbgcpControlBtnWrapper
+      }, defaultStyles.rbgcpControlBtnWrapper)
     }, !hideEyeDrop && /*#__PURE__*/React__default['default'].createElement(EyeDropper['default'], {
       onSelect: handleChange
     }), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -107,21 +212,19 @@ var Controls = function Controls(_ref) {
       onClick: function onClick() {
         return setOpenAdvanced(!openAdvanced);
       },
-      className: controlBtnStyles(openAdvanced, classes),
-      style: {
+      style: __assign({
         display: hideAdvancedSliders ? 'none' : 'flex'
-      }
+      }, styles.controlBtnStyles(openAdvanced, defaultStyles))
     }, /*#__PURE__*/React__default['default'].createElement(icon.SlidersIcon, {
       color: openAdvanced ? '#568CF5' : ''
     })), /*#__PURE__*/React__default['default'].createElement("div", {
       id: "rbgcp-comparibles-btn",
-      style: {
+      style: __assign({
         display: hideColorGuide ? 'none' : 'flex'
-      },
+      }, styles.controlBtnStyles(openComparibles, defaultStyles)),
       onClick: function onClick() {
         return setOpenComparibles(!openComparibles);
-      },
-      className: controlBtnStyles(openComparibles, classes)
+      }
     }, /*#__PURE__*/React__default['default'].createElement(icon.PaletteIcon, {
       color: openComparibles ? '#568CF5' : ''
     })), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -129,10 +232,9 @@ var Controls = function Controls(_ref) {
       onClick: function onClick() {
         return setOpenInputType(!openInputType);
       },
-      className: controlBtnStyles(openInputType, classes),
-      style: {
+      style: __assign({
         display: hideInputType ? 'none' : 'flex'
-      }
+      }, styles.controlBtnStyles(openInputType, defaultStyles))
     }, /*#__PURE__*/React__default['default'].createElement(icon.InputsIcon, {
       color: openInputType ? '#568CF5' : ''
     }), /*#__PURE__*/React__default['default'].createElement(InputTypeDropdown, {
@@ -150,115 +252,5 @@ var Controls = function Controls(_ref) {
   }
 };
 
-var InputTypeDropdown = function InputTypeDropdown(_ref2) {
-  var openInputType = _ref2.openInputType,
-      setOpenInputType = _ref2.setOpenInputType;
-
-  var _usePicker2 = context.usePicker(),
-      inputType = _usePicker2.inputType,
-      setInputType = _usePicker2.setInputType,
-      classes = _usePicker2.classes;
-
-  var vTrans = openInputType ? 'visibility 0ms linear' : 'visibility 100ms linear 150ms';
-  var zTrans = openInputType ? 'z-index 0ms linear' : 'z-index 100ms linear 150ms';
-  var oTrans = openInputType ? 'opacity 120ms linear' : 'opacity 150ms linear 50ms';
-
-  var handleInputType = function handleInputType(e, val) {
-    if (openInputType) {
-      e.stopPropagation();
-      setInputType(val);
-      setOpenInputType(false);
-    }
-  };
-
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      visibility: openInputType ? 'visible' : 'hidden',
-      zIndex: openInputType ? '' : -100,
-      opacity: openInputType ? 1 : 0,
-      transition: "".concat(oTrans, ", ").concat(vTrans, ", ").concat(zTrans)
-    },
-    className: classes.rbgcpColorModelDropdown
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    onClick: function onClick(e) {
-      return handleInputType(e, 'rgb');
-    },
-    className: modalBtnStyles(inputType === 'rgb', classes)
-  }, "RGB"), /*#__PURE__*/React__default['default'].createElement("div", {
-    onClick: function onClick(e) {
-      return handleInputType(e, 'hsl');
-    },
-    className: modalBtnStyles(inputType === 'hsl', classes)
-  }, "HSL"), /*#__PURE__*/React__default['default'].createElement("div", {
-    onClick: function onClick(e) {
-      return handleInputType(e, 'hsv');
-    },
-    className: modalBtnStyles(inputType === 'hsv', classes)
-  }, "HSV"), /*#__PURE__*/React__default['default'].createElement("div", {
-    onClick: function onClick(e) {
-      return handleInputType(e, 'cmyk');
-    },
-    className: modalBtnStyles(inputType === 'cmyk', classes)
-  }, "CMYK"));
-};
-
-var ColorTypeBtns = function ColorTypeBtns(_ref3) {
-  var hideColorTypeBtns = _ref3.hideColorTypeBtns,
-      isGradient = _ref3.isGradient,
-      setSolid = _ref3.setSolid,
-      setGradient = _ref3.setGradient,
-      locales = _ref3.locales;
-
-  var _usePicker3 = context.usePicker(),
-      classes = _usePicker3.classes;
-
-  if (hideColorTypeBtns) {
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      style: {
-        width: 1
-      }
-    });
-  } else {
-    var _locales$CONTROLS, _locales$CONTROLS2;
-
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: classes.rbgcpControlBtnWrapper
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
-      onClick: setSolid,
-      id: "rbgcp-solid-btn",
-      className: colorTypeBtnStyles(!isGradient, classes)
-    }, locales === null || locales === void 0 || (_locales$CONTROLS = locales.CONTROLS) === null || _locales$CONTROLS === void 0 ? void 0 : _locales$CONTROLS.SOLID), /*#__PURE__*/React__default['default'].createElement("div", {
-      onClick: setGradient,
-      id: "rbgcp-gradient-btn",
-      className: colorTypeBtnStyles(isGradient || false, classes)
-    }, locales === null || locales === void 0 || (_locales$CONTROLS2 = locales.CONTROLS) === null || _locales$CONTROLS2 === void 0 ? void 0 : _locales$CONTROLS2.GRADIENT));
-  }
-};
-
-var colorTypeBtnStyles = function colorTypeBtnStyles(selected, classes) {
-  if (selected) {
-    return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpControlBtnSelected);
-  } else {
-    return classes.rbgcpControlBtn;
-  }
-};
-var controlBtnStyles = function controlBtnStyles(selected, classes) {
-  if (selected) {
-    return "".concat(classes.rbgcpControlIconBtn, " ").concat(classes.rbgcpControlBtnSelected);
-  } else {
-    return classes.rbgcpControlIconBtn;
-  }
-};
-var modalBtnStyles = function modalBtnStyles(selected, classes) {
-  if (selected) {
-    return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpColorModelDropdownBtn, " ").concat(classes.rbgcpControlBtnSelected);
-  } else {
-    return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpColorModelDropdownBtn);
-  }
-};
-
-exports.colorTypeBtnStyles = colorTypeBtnStyles;
-exports.controlBtnStyles = controlBtnStyles;
 exports.default = Controls;
-exports.modalBtnStyles = modalBtnStyles;
 //# sourceMappingURL=Controls.js.map

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js

@@ -3,34 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
 var context = require('../context.js');
 var Portal = require('./Portal.js');
 var html2canvas_esm = require('../../../../html2canvas/dist/html2canvas.esm.js');
-var Controls = require('./Controls.js');
+var styles = require('../styles/styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var DropperIcon = function DropperIcon(_ref) {
-  var color = _ref.color;
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
 
-  var _usePicker = context.usePicker(),
-      classes = _usePicker.classes;
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
 
-  var col = color || '';
-  var style1 = {
-    fill: 'none',
-    stroke: col,
-    strokeWidth: '1.4px'
-  };
-  var style2 = {
-    fill: col,
-    stroke: col,
-    strokeWidth: '1.4px'
+    return t;
   };
+
+  return __assign.apply(this, arguments);
+};
+
+var DropperIcon = function DropperIcon(_a) {
+  var color = _a.color;
+  var defaultStyles = context.usePicker().defaultStyles;
+  var col = color || '';
   return /*#__PURE__*/React__default['default'].createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
@@ -40,41 +40,53 @@ var DropperIcon = function DropperIcon(_ref) {
       width: 16
     }
   }, /*#__PURE__*/React__default['default'].createElement("path", {
-    style: style1,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon,
+    style: __assign(__assign({
+      fill: 'none',
+      strokeWidth: '1.4px'
+    }, defaultStyles.rbgcpControlIcon), col && {
+      stroke: col
+    }),
     d: "M15.6,7h0L7.78,14.86c-.37.37-1.61.38-2,.75s-.5,1.53-.76,2a3.53,3.53,0,0,1-.52.52,1.6,1.6,0,0,1-2.27-.06l-.32-.32a1.61,1.61,0,0,1-.06-2.27A3.25,3.25,0,0,1,2.4,15c.47-.26,1.65-.35,2-.73s.34-1.64.71-2c1.68-1.73,5.61-5.65,7.91-7.93h0l1.14,1.38L15.6,7Z"
   }), /*#__PURE__*/React__default['default'].createElement("polygon", {
-    style: style2,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon2,
+    style: __assign(__assign({
+      strokeWidth: '1.4px'
+    }, defaultStyles.rbgcpControlIcon2), col && {
+      stroke: col,
+      fill: col
+    }),
     points: "15.7 8.87 11.13 4.29 12.69 2.73 17.25 7.31 15.7 8.87"
   }), /*#__PURE__*/React__default['default'].createElement("path", {
-    style: style2,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: classes.rbgcpControlIcon2,
+    style: __assign(__assign({
+      strokeWidth: '1.4px'
+    }, defaultStyles.rbgcpControlIcon2), col && {
+      stroke: col,
+      fill: col
+    }),
     d: "M18.18,3.71,16.36,5.53a1.33,1.33,0,0,1-1.88,0h0a1.34,1.34,0,0,1,0-1.89l1.81-1.82a1.34,1.34,0,0,1,1.89,0h0A1.34,1.34,0,0,1,18.18,3.71Z"
   }));
 };
 
-var Dropper = function Dropper(_ref2) {
-  var onSelect = _ref2.onSelect;
+var Dropper = function Dropper(_a) {
+  var onSelect = _a.onSelect;
+  var defaultStyles = context.usePicker().defaultStyles;
 
-  var _usePicker2 = context.usePicker(),
-      classes = _usePicker2.classes;
+  var _b = React.useState(null),
+      pickerCanvas = _b[0],
+      setPickerCanvas = _b[1];
 
-  var _useState = React.useState(null),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      pickerCanvas = _useState2[0],
-      setPickerCanvas = _useState2[1];
+  var _c = React.useState(false),
+      coverUp = _c[0],
+      setCoverUp = _c[1];
 
-  var _useState3 = React.useState(false),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      coverUp = _useState4[0],
-      setCoverUp = _useState4[1];
+  var _d = React.useState(false),
+      isPicking = _d[0],
+      setIsPicking = _d[1];
 
   var takePick = function takePick() {
     var root = document.getElementById('root');
@@ -104,20 +116,17 @@ var Dropper = function Dropper(_ref2) {
           pageY = e.pageY;
       var x1 = pageX * 2;
       var y1 = pageY * 2;
-
-      var _pickerCanvas$getImag2 = _rollupPluginBabelHelpers.slicedToArray(pickerCanvas.getImageData(x1, y1, 1, 1).data, 3),
-          r = _pickerCanvas$getImag2[0],
-          g = _pickerCanvas$getImag2[1],
-          b = _pickerCanvas$getImag2[2];
-
-      onSelect("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", 1)"));
+      var rgb = pickerCanvas.getImageData(x1, y1, 1, 1).data;
+      onSelect("rgba(".concat(rgb[0], ", ").concat(rgb[1], ", ").concat(rgb[2], ", 1)"));
     }
 
+    setIsPicking(false);
     setCoverUp(false);
   };
 
   var getEyeDrop = function getEyeDrop() {
-    // @ts-expect-error - ts does not evaluate for window.EyeDropper
+    setIsPicking(true); // @ts-expect-error - ts does not evaluate for window.EyeDropper
+
     if (!window.EyeDropper) {
       takePick();
     } else {
@@ -129,14 +138,16 @@ var Dropper = function Dropper(_ref2) {
       }).then(function (result) {
         var tinyHex = tinycolor['default'](result.sRGBHex);
 
-        var _tinyHex$toRgb = tinyHex.toRgb(),
-            r = _tinyHex$toRgb.r,
-            g = _tinyHex$toRgb.g,
-            b = _tinyHex$toRgb.b;
+        var _a = tinyHex.toRgb(),
+            r = _a.r,
+            g = _a.g,
+            b = _a.b;
 
         onSelect("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", 1)"));
+        setIsPicking(false);
       }).catch(function (e) {
         console.log(e);
+        setIsPicking(false);
       });
     }
   };
@@ -144,14 +155,14 @@ var Dropper = function Dropper(_ref2) {
   return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
     onClick: getEyeDrop,
     id: "rbgcp-eyedropper-btn",
-    className: "".concat(Controls.controlBtnStyles(coverUp, classes), " ").concat(classes.rbgcpEyedropperBtn)
+    style: __assign(__assign({}, defaultStyles.rbgcpEyedropperBtn), styles.controlBtnStyles(coverUp, defaultStyles))
   }, /*#__PURE__*/React__default['default'].createElement(DropperIcon, {
-    color: coverUp ? 'rgb(86, 140, 245)' : ''
+    color: isPicking ? 'rgb(86, 140, 245)' : ''
   })), coverUp && /*#__PURE__*/React__default['default'].createElement(Portal['default'], null, /*#__PURE__*/React__default['default'].createElement("div", {
     onClick: function onClick(e) {
       return getColorLegacy(e);
     },
-    className: classes.rbgcpEyedropperCover
+    style: defaultStyles.rbgcpEyedropperCover
   })));
 };
 

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}