@dreamcommerce/aurora 3.0.0-245 → 3.0.0-246

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var stack = require('../../stack/stack.js');
+var use_color_picker = require('../hooks/use_color_picker.js');
+var color_picker_inputs = require('./color_picker_inputs/color_picker_inputs.js');
+var color_picker_shades = require('./color_picker_shades.js');
+var color_picker_hue = require('./color_picker_overrides/color_picker_hue.js');
+var color_picker_opacity = require('./color_picker_overrides/color_picker_opacity.js');
+var color_picker_square = require('./color_picker_overrides/color_picker_square.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerImpl = function ColorPickerImpl() {
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-flex-col aurora-gap-2"
+  }, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    spacing: "2.5",
+    direction: "column",
+    onMouseDown: function onMouseDown(ev) {
+      return (
+        // Prevents whole page from being selected when dragging
+        ev.preventDefault()
+      );
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "color-picker__square aurora-overflow-hidden"
+  }, /*#__PURE__*/React__default['default'].createElement(color_picker_square.Square, null)), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "color-picker__hue aurora-w-full"
+  }, /*#__PURE__*/React__default['default'].createElement(color_picker_hue.Hue, null)), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "color-picker__opacity aurora-w-full"
+  }, /*#__PURE__*/React__default['default'].createElement(color_picker_opacity.Opacity, null))), /*#__PURE__*/React__default['default'].createElement(color_picker_inputs.ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React__default['default'].createElement(color_picker_shades.ColorPickerShades, null) : null);
+};
+
+exports.ColorPickerImpl = ColorPickerImpl;
+//# sourceMappingURL=color_picker_impl.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_impl.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js

@@ -33,9 +33,12 @@ var ColorPickerInputs = function ColorPickerInputs() {
     }
   };
   return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
-    spacing: "2",
-    align: "center"
-  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("select", {
+    spacing: "1",
+    align: "center",
+    className: "aurora-pt-2"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-items-center"
+  }, /*#__PURE__*/React__default['default'].createElement("select", {
     value: type,
     onChange: handleSelectType,
     className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none"
@@ -46,7 +49,7 @@ var ColorPickerInputs = function ColorPickerInputs() {
   }, color_picker_constants.COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-flex-1"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "color-picker__inputs-value-container aurora-flex aurora-border aurora-rounded-4 aurora-overflow-hidden"
+    className: "color-picker__inputs-value-container aurora-flex aurora-border aurora-rounded-4 aurora-overflow-hidden aurora-h-6"
   }, inputs())), /*#__PURE__*/React__default['default'].createElement(current_color_preview.CurrentColorPreview, null));
 };
 

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.js

@@ -46,20 +46,24 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     }
   }, [hex, disable]);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    className: "aurora-h-full aurora-px-2 aurora-text-xs",
     type: "text",
     maxLength: 8,
     value: value.toUpperCase(),
     onChange: handleOnChange,
     onBlur: hexBlur,
     onFocus: hexFocus
-  }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "!aurora-h-6 !aurora-px-1.5 aurora-text-xs",
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
+  }, /*#__PURE__*/React__default['default'].createElement("input", {
+    className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
     type: "text",
     value: alphaValue,
     onChange: handleOnChangeAlpha,
     onKeyPress: utilities.InputUtils.preventTypingLetters
-  }));
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-text-xs aurora-pl-0.5"
+  }, "%")));
 };
 
 exports.ColorPickerInputsHex = ColorPickerInputsHex;

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_hex.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.js

@@ -20,7 +20,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     alphaValue = _useColorPicker.alphaValue,
     rgbaArr = _useColorPicker.rgbaArr;
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "!aurora-h-6 !aurora-px-1.5 aurora-text-xs",
+    className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
     type: "text",
     value: rgbaArr[0],
     onChange: function onChange(e) {
@@ -28,7 +28,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     },
     onKeyPress: utilities.InputUtils.preventTypingLetters
   }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "!aurora-h-6 !aurora-px-1.5 aurora-text-xs",
+    className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
     type: "text",
     value: rgbaArr[1],
     onChange: function onChange(e) {
@@ -36,20 +36,24 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     },
     onKeyPress: utilities.InputUtils.preventTypingLetters
   }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "!aurora-h-6 !aurora-px-1.5 aurora-text-xs",
+    className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
     type: "text",
     value: rgbaArr[2],
     onChange: function onChange(e) {
       return setB(Number(e.target.value));
     },
     onKeyPress: utilities.InputUtils.preventTypingLetters
-  }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    className: "!aurora-h-6 !aurora-px-1.5 aurora-text-xs",
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
+  }, /*#__PURE__*/React__default['default'].createElement("input", {
+    className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
     type: "text",
     value: alphaValue,
     onChange: handleOnChangeAlpha,
     onKeyPress: utilities.InputUtils.preventTypingLetters
-  }));
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-text-xs aurora-pl-0.5"
+  }, "%")));
 };
 
 exports.ColorPickerInputsRgba = ColorPickerInputsRgba;

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
+var cn = require('../../../utilities/cn.js');
 var stack = require('../../stack/stack.js');
 var typography = require('../../typography/typography.js');
 var tooltip = require('../../tooltip/tooltip.js');
@@ -39,7 +40,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
       return setSolid(previousSolidColor);
     },
     "aria-label": "Color picker solid mode",
-    className: "aurora-bg-info-active ".concat(commonClassNames, " ").concat(!isCurrentValueGradient && activeClassNames)
+    className: cn.cn('aurora-bg-neutral-700', commonClassNames, !isCurrentValueGradient && activeClassNames)
   })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
     variant: "dark"
   }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
@@ -52,7 +53,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
       return setLinear(previousGradientColor);
     },
     "aria-label": "Color picker linear gradient mode",
-    className: "color-picker-mode-toggler__button_gradient_linear ".concat(commonClassNames, " ").concat(gradientType === 'linear-gradient' && activeClassNames)
+    className: cn.cn('color-picker-mode-toggler__button_gradient_linear', commonClassNames, gradientType === 'linear-gradient' && activeClassNames)
   })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
     variant: "dark"
   }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
@@ -65,7 +66,7 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
       return setRadial(previousGradientColor);
     },
     "aria-label": "Color picker radial gradient mode",
-    className: "color-picker-mode-toggler__button_gradient_radial ".concat(commonClassNames, " ").concat(gradientType === 'radial-gradient' && activeClassNames)
+    className: cn.cn('color-picker-mode-toggler__button_gradient_radial', commonClassNames, gradientType === 'radial-gradient' && activeClassNames)
   })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
     variant: "dark"
   }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
+var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
+var styles = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
+var dropper_fill_icon = require('../../../../assets/icons/dropper_fill_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Zmieniono wzgledem react-best-gradient-color-picker:
+ * - Zmieniono ikonke
+ * - Usunieto caly kod zwiazany z html2canvas
+ */
+var EyeDropper = function EyeDropper(_ref) {
+  var onSelect = _ref.onSelect;
+  var _usePicker = context.usePicker(),
+    defaultStyles = _usePicker.defaultStyles;
+  var getEyeDrop = function getEyeDrop() {
+    // @ts-expect-error - ts does not evaluate for window.EyeDropper
+    if (!window.EyeDropper) {
+      return;
+    }
+    // @ts-expect-error - ts does not evaluate for window.EyeDropper
+    var eyeDropper = new window.EyeDropper();
+    var abortController = new window.AbortController();
+    eyeDropper.open({
+      signal: abortController.signal
+    }).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;
+      onSelect("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", 1)"));
+    }).catch(function (e) {
+      console.log(e);
+    });
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+    onClick: getEyeDrop,
+    id: "rbgcp-eyedropper-btn",
+    style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles.rbgcpEyedropperBtn), styles.controlBtnStyles(false, defaultStyles)), {}, {
+      background: '#F5F6FA'
+    })
+  }, /*#__PURE__*/React__default['default'].createElement(dropper_fill_icon.DropperFillIcon, {
+    className: "aurora-w-4 aurora-h-4 aurora-stroke-0"
+  })));
+};
+
+exports.EyeDropper = EyeDropper;
+//# sourceMappingURL=color_picker_eye_dropper.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_eye_dropper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,2DAA+D;AACvF,sBAAsB,oFAAwF;AAC9G,qBAAqB,0FAA8F;AACnH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_gradient_bar.js

@@ -0,0 +1,164 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
+var formatters = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
+var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * Zmieniono wzgledem react-best-gradient-color-picker:
+ * - Dodano e.preventDefault() do handleDown
+ * - Wysokosc i szerokosc Handle
+ */
+var Handle = function Handle(_ref) {
+  var left = _ref.left,
+    i = _ref.i,
+    setDragging = _ref.setDragging;
+  var _usePicker = context.usePicker(),
+    colors = _usePicker.colors,
+    selectedColor = _usePicker.selectedColor,
+    squareWidth = _usePicker.squareWidth,
+    defaultStyles = _usePicker.defaultStyles,
+    createGradientStr = _usePicker.createGradientStr;
+  var isSelected = selectedColor === i;
+  var leftMultiplyer = (squareWidth - 18) / 100;
+  var setSelectedColor = function setSelectedColor(index) {
+    var newGradStr = colors === null || colors === void 0 ? void 0 : colors.map(function (cc, i) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, cc), {}, {
+        value: i === index ? formatters.high(cc) : formatters.low(cc)
+      });
+    });
+    createGradientStr(newGradStr);
+  };
+  var handleDown = function handleDown(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    setSelectedColor(i);
+    setDragging(true);
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    id: "gradient-handle-".concat(i),
+    onMouseDown: function onMouseDown(e) {
+      return handleDown(e);
+    },
+    style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles.rbgcpGradientHandleWrap), {}, {
+      left: (left || 0) * leftMultiplyer,
+      top: -3
+    })
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles.rbgcpGradientHandle), isSelected ? {
+      boxShadow: '0px 0px 5px 1px rgba(86, 140, 245,.95)',
+      border: '2px solid white'
+    } : {}), {}, {
+      width: 16,
+      height: 16
+    })
+  }, isSelected && (/*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      width: 4,
+      height: 4,
+      borderRadius: '100%',
+      background: 'white'
+    }
+  }))));
+};
+/**
+ * Zmieniono wzgledem react-best-gradient-color-picker:
+ * - Przeniesiono handleMove na window
+ * - Wysokosc i marginesy GradientBar
+ */
+var GradientBar = function GradientBar() {
+  var _usePicker2 = context.usePicker(),
+    currentColor = _usePicker2.currentColor,
+    createGradientStr = _usePicker2.createGradientStr,
+    colors = _usePicker2.colors,
+    value = _usePicker2.value,
+    handleGradient = _usePicker2.handleGradient,
+    squareWidth = _usePicker2.squareWidth;
+  var barRef = React.useRef(null);
+  var draggingRef = React.useRef(false);
+  function force90degLinear(color) {
+    return color.replace(/(radial|linear)-gradient\([^,]+,/, 'linear-gradient(90deg,');
+  }
+  var setDragging = function setDragging(val) {
+    draggingRef.current = val;
+  };
+  var addPoint = function addPoint(e) {
+    var _ref2;
+    var left = utils.getHandleValue(e);
+    var newColors = (_ref2 = [].concat(_rollupPluginBabelHelpers.toConsumableArray(colors.map(function (c) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, c), {}, {
+        value: formatters.low(c)
+      });
+    })), [{
+      value: currentColor,
+      left: left
+    }])) === null || _ref2 === void 0 ? void 0 : _ref2.sort(function (a, b) {
+      return a.left - b.left;
+    });
+    createGradientStr(newColors);
+  };
+  var handleDown = function handleDown(e) {
+    if (draggingRef.current) return;
+    e.preventDefault();
+    e.stopPropagation();
+    addPoint(e);
+    setDragging(true);
+  };
+  React.useEffect(function () {
+    var handleUp = function handleUp() {
+      setDragging(false);
+    };
+    var handleMove = function handleMove(e) {
+      if (!draggingRef.current || !barRef.current) return;
+      var newEvent = {
+        target: barRef.current,
+        clientX: e.clientX
+      };
+      handleGradient(currentColor, utils.getHandleValue(newEvent));
+    };
+    window.addEventListener('mouseup', handleUp);
+    window.addEventListener('mousemove', handleMove);
+    return function () {
+      window.removeEventListener('mouseup', handleUp);
+      window.removeEventListener('mousemove', handleMove);
+    };
+  }, [currentColor, handleGradient]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-my-[1px]",
+    style: {
+      width: '100%',
+      position: 'relative'
+    },
+    id: "gradient-bar"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: barRef,
+    style: {
+      height: 10,
+      borderRadius: 10,
+      width: squareWidth,
+      backgroundImage: force90degLinear(value)
+    },
+    onMouseDown: function onMouseDown(e) {
+      return handleDown(e);
+    }
+  }), colors === null || colors === void 0 ? void 0 : colors.map(function (c, i) {
+    return /*#__PURE__*/React__default['default'].createElement(Handle, {
+      i: i,
+      left: c.left,
+      key: "".concat(i, "-").concat(c),
+      setDragging: setDragging
+    });
+  }));
+};
+
+exports.GradientBar = GradientBar;
+exports.Handle = Handle;
+//# sourceMappingURL=color_picker_gradient_bar.js.map

package/build/cjs/{external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js.map → packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_gradient_bar.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wFAA4F;AAChH,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}