@dreamcommerce/aurora 2.23.6 → 2.23.7-0

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

@@ -22,19 +22,15 @@ var useStyles = reactJss_esm.createUseStyles({
     }
   }
 });
-
 var ColorPickerLabel = function ColorPickerLabel(_ref2) {
   var name = _ref2.name,
-      isRequired = _ref2.isRequired,
-      id = _ref2.id;
-
+    isRequired = _ref2.isRequired,
+    id = _ref2.id;
   var _useContext = React.useContext(context.ColorPickerContext),
-      setInitialColor = _useContext.setInitialColor,
-      color = _useContext.color;
-
+    setInitialColor = _useContext.setInitialColor,
+    color = _useContext.color;
   var _useContext2 = React.useContext(index.DropdownContext),
-      isOpen = _useContext2.isOpen;
-
+    isOpen = _useContext2.isOpen;
   var classes = useStyles({
     color: color
   });

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/saturation_lightness_picker.js

@@ -18,33 +18,27 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var SaturationLightnessPicker = function SaturationLightnessPicker(_ref) {
   var classes = _ref.classes,
-      saturationLightnessPanelRef = _ref.saturationLightnessPanelRef;
-
+    saturationLightnessPanelRef = _ref.saturationLightnessPanelRef;
   var _useContext = React.useContext(context.ColorPickerContext),
-      setColor = _useContext.setColor,
-      setSaturationLightnessPointer = _useContext.setSaturationLightnessPointer;
-
+    setColor = _useContext.setColor,
+    setSaturationLightnessPointer = _useContext.setSaturationLightnessPointer;
   var saturationLightnessPickerEvent = function saturationLightnessPickerEvent(position) {
     if (!saturationLightnessPanelRef.current) {
       return;
     }
-
     var elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();
-
     var _getIndicatorPosition = range_mappings.getIndicatorPositionFromPosition({
-      elementRect: elementRect,
-      position: position
-    }),
-        positionX = _getIndicatorPosition.positionX,
-        positionY = _getIndicatorPosition.positionY;
-
+        elementRect: elementRect,
+        position: position
+      }),
+      positionX = _getIndicatorPosition.positionX,
+      positionY = _getIndicatorPosition.positionY;
     var _getSaturationLightne = utilities.getSaturationLightnessFromPosition({
-      elementRect: elementRect,
-      position: position
-    }),
-        lightness = _getSaturationLightne.lightness,
-        saturation = _getSaturationLightne.saturation;
-
+        elementRect: elementRect,
+        position: position
+      }),
+      lightness = _getSaturationLightne.lightness,
+      saturation = _getSaturationLightne.saturation;
     setColor(function (color) {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, color), {}, {
         saturation: saturation,
@@ -61,29 +55,22 @@ var SaturationLightnessPicker = function SaturationLightnessPicker(_ref) {
       top: positionY
     });
   };
-
   var onMouseDown = function onMouseDown(event) {
     event.preventDefault();
-
     if (!(saturationLightnessPanelRef !== null && saturationLightnessPanelRef !== void 0 && saturationLightnessPanelRef.current)) {
       return;
     }
-
     saturationLightnessPickerEvent(event_registration.mapMouseEventToPosition(event));
     event_registration.registerOnMouseEvents(saturationLightnessPickerEvent);
   };
-
   var onTouchStart = function onTouchStart(event) {
     event.preventDefault();
-
     if (!(saturationLightnessPanelRef !== null && saturationLightnessPanelRef !== void 0 && saturationLightnessPanelRef.current)) {
       return;
     }
-
     saturationLightnessPickerEvent(event_registration.mapTouchEventToPosition(event));
     event_registration.registerOnTouchEvents(saturationLightnessPickerEvent);
   };
-
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(classes.saturationLightnessPanel, " ").concat(main_module['default'][css_classes.cssColorPickerSaturationLightnessPicker]),
     ref: saturationLightnessPanelRef,

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

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

@@ -30,8 +30,8 @@ var useStyles = reactJss_esm.createUseStyles({
   saturationLightnessPointer: {
     transform: function transform(_ref2) {
       var _ref2$saturationLight = _ref2.saturationLightnessPointer,
-          left = _ref2$saturationLight.left,
-          top = _ref2$saturationLight.top;
+        left = _ref2$saturationLight.left,
+        top = _ref2$saturationLight.top;
       return "translate3d(".concat(left - 10, "px,").concat(top - 10, "px,0px)");
     },
     '& > div': {
@@ -50,9 +50,9 @@ var useStyles = reactJss_esm.createUseStyles({
   huePointer: {
     transform: function transform(_ref5) {
       var _ref5$hueSliderPointe = _ref5.hueSliderPointer,
-          top = _ref5$hueSliderPointe.top,
-          left = _ref5$hueSliderPointe.left,
-          screenName = _ref5.screenName;
+        top = _ref5$hueSliderPointe.top,
+        left = _ref5$hueSliderPointe.left,
+        screenName = _ref5.screenName;
       return screenName === 'xs' ? "translate3d(".concat(left - 10, "px,0px,0px)") : "translate3d(0px,".concat(top - 10, "px,0px)");
     },
     '& > div': {
@@ -71,19 +71,16 @@ var useStyles = reactJss_esm.createUseStyles({
 });
 var PureColorPicker = function PureColorPicker(_ref8) {
   var _color$hex2;
-
   var hideChooseCancelButtons = _ref8.hideChooseCancelButtons;
-
   var _useContext = React.useContext(context.ColorPickerContext),
-      color = _useContext.color,
-      setColor = _useContext.setColor,
-      initialColor = _useContext.initialColor,
-      hueSliderPointer = _useContext.hueSliderPointer,
-      saturationLightnessPointer = _useContext.saturationLightnessPointer,
-      setHueSliderPointer = _useContext.setHueSliderPointer,
-      setSaturationLightnessPointer = _useContext.setSaturationLightnessPointer,
-      screenName = _useContext.screenName;
-
+    color = _useContext.color,
+    setColor = _useContext.setColor,
+    initialColor = _useContext.initialColor,
+    hueSliderPointer = _useContext.hueSliderPointer,
+    saturationLightnessPointer = _useContext.saturationLightnessPointer,
+    setHueSliderPointer = _useContext.setHueSliderPointer,
+    setSaturationLightnessPointer = _useContext.setSaturationLightnessPointer,
+    screenName = _useContext.screenName;
   var saturationLightnessPanelRef = React.useRef(null);
   var hueSliderRef = React.useRef(null);
   var classes = useStyles({
@@ -94,22 +91,18 @@ var PureColorPicker = function PureColorPicker(_ref8) {
   });
   React.useEffect(function () {
     var _color$hex;
-
     var initialColor = utilities.getColorFromHex((_color$hex = color.hex) !== null && _color$hex !== void 0 ? _color$hex : '');
-    setNewColorPickerPositions(initialColor); // eslint-disable-next-line react-hooks/exhaustive-deps
+    setNewColorPickerPositions(initialColor);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
   var inputOnChange = function inputOnChange(event) {
     var value = event.target.value;
     var hexValue = "#".concat(value);
-
     if (!(hueSliderRef !== null && hueSliderRef !== void 0 && hueSliderRef.current) || !(saturationLightnessPanelRef !== null && saturationLightnessPanelRef !== void 0 && saturationLightnessPanelRef.current)) {
       return;
     }
-
     try {
       var _color = utilities.getColorFromHex(hexValue);
-
       setNewColorPickerPositions(_color);
     } catch (e) {
       setColor(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, color), {}, {
@@ -117,25 +110,21 @@ var PureColorPicker = function PureColorPicker(_ref8) {
       }));
     }
   };
-
   var setNewColorPickerPositions = function setNewColorPickerPositions(newColor) {
     var _getIndicatorPosition = utilities.getIndicatorPositionsFromHEX({
-      hueSliderRef: hueSliderRef,
-      saturationLightnessPanelRef: saturationLightnessPanelRef,
-      hex: newColor.hex
-    }),
-        saturationLightnessPointer = _getIndicatorPosition.saturationLightnessPointer,
-        hueSliderPointer = _getIndicatorPosition.hueSliderPointer;
-
+        hueSliderRef: hueSliderRef,
+        saturationLightnessPanelRef: saturationLightnessPanelRef,
+        hex: newColor.hex
+      }),
+      saturationLightnessPointer = _getIndicatorPosition.saturationLightnessPointer,
+      hueSliderPointer = _getIndicatorPosition.hueSliderPointer;
     setColor(newColor);
     setSaturationLightnessPointer(saturationLightnessPointer);
     setHueSliderPointer(hueSliderPointer);
   };
-
   var restoreInitialColor = function restoreInitialColor() {
     setColor(initialColor);
   };
-
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPicker])
   }, /*#__PURE__*/React__default['default'].createElement(saturation_lightness_picker['default'], {
@@ -158,12 +147,11 @@ var PureColorPicker = function PureColorPicker(_ref8) {
     restoreInitialColor: restoreInitialColor
   }));
 };
-
 var ColorPickerWithContext = function ColorPickerWithContext(_ref9) {
   var initialColor = _ref9.initialColor,
-      onChange = _ref9.onChange,
-      hideChooseCancelButtons = _ref9.hideChooseCancelButtons,
-      name = _ref9.name;
+    onChange = _ref9.onChange,
+    hideChooseCancelButtons = _ref9.hideChooseCancelButtons,
+    name = _ref9.name;
   var colorPickerContext = use_color_picker.useColorPicker({
     initialColorHex: initialColor !== null && initialColor !== void 0 ? initialColor : '',
     onChange: onChange
@@ -177,7 +165,6 @@ var ColorPickerWithContext = function ColorPickerWithContext(_ref9) {
     hideChooseCancelButtons: hideChooseCancelButtons
   }));
 };
-
 var index = with_translation['default'](ColorPickerWithContext);
 
 exports.PureColorPicker = PureColorPicker;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/use_color_picker.js

@@ -9,44 +9,39 @@ var use_screen_detect = require('../../hooks/use_screen_detect.js');
 
 var useColorPicker = function useColorPicker(_ref) {
   var initialColorHex = _ref.initialColorHex,
-      onChange = _ref.onChange;
-
+    onChange = _ref.onChange;
   var _useState = React.useState({
-    hue: 0,
-    saturation: constants.SATURATION_OFFSET,
-    lightness: 100,
-    hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : ''
-  }),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      color = _useState2[0],
-      setColor = _useState2[1];
-
+      hue: 0,
+      saturation: constants.SATURATION_OFFSET,
+      lightness: 100,
+      hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : ''
+    }),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    color = _useState2[0],
+    setColor = _useState2[1];
   var _useState3 = React.useState({
-    hue: 0,
-    saturation: constants.SATURATION_OFFSET,
-    lightness: 100,
-    hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : ''
-  }),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      initialColor = _useState4[0],
-      setInitialColor = _useState4[1];
-
+      hue: 0,
+      saturation: constants.SATURATION_OFFSET,
+      lightness: 100,
+      hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : ''
+    }),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    initialColor = _useState4[0],
+    setInitialColor = _useState4[1];
   var _useState5 = React.useState({
-    top: 0,
-    left: 0
-  }),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      hueSliderPointer = _useState6[0],
-      setHueSliderPointer = _useState6[1];
-
+      top: 0,
+      left: 0
+    }),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    hueSliderPointer = _useState6[0],
+    setHueSliderPointer = _useState6[1];
   var _useState7 = React.useState({
-    left: 0,
-    top: 0
-  }),
-      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      saturationLightnessPointer = _useState8[0],
-      setSaturationLightnessPointer = _useState8[1];
-
+      left: 0,
+      top: 0
+    }),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    saturationLightnessPointer = _useState8[0],
+    setSaturationLightnessPointer = _useState8[1];
   var screenName = use_screen_detect.useScreenDetect();
   React.useEffect(function () {
     onChange === null || onChange === void 0 || onChange(color);

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

@@ -14,25 +14,20 @@ var color_converter = require('../../utilities/colors/color_converter.js');
  * @param hex, string with color
  * @return
  */
-
 var getIndicatorPositionsFromHEX = function getIndicatorPositionsFromHEX(_ref) {
   var _saturationLightnessP, _hueSliderRef$current;
-
   var saturationLightnessPanelRef = _ref.saturationLightnessPanelRef,
-      hueSliderRef = _ref.hueSliderRef,
-      hex = _ref.hex;
-
+    hueSliderRef = _ref.hueSliderRef,
+    hex = _ref.hex;
   var _ColorConverter$hex2h = color_converter.ColorConverter.hex2hsv(hex),
-      hue = _ColorConverter$hex2h.hue,
-      saturation = _ColorConverter$hex2h.saturation,
-      value = _ColorConverter$hex2h.value;
-
+    hue = _ColorConverter$hex2h.hue,
+    saturation = _ColorConverter$hex2h.saturation,
+    value = _ColorConverter$hex2h.value;
   var _ref2 = (saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 || (_saturationLightnessP = saturationLightnessPanelRef.current) === null || _saturationLightnessP === void 0 ? void 0 : _saturationLightnessP.getBoundingClientRect()) || {},
-      _ref2$width = _ref2.width,
-      width = _ref2$width === void 0 ? 0 : _ref2$width,
-      _ref2$height = _ref2.height,
-      height = _ref2$height === void 0 ? 0 : _ref2$height;
-
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 0 : _ref2$width,
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? 0 : _ref2$height;
   var hueSliderRect = hueSliderRef === null || hueSliderRef === void 0 || (_hueSliderRef$current = hueSliderRef.current) === null || _hueSliderRef$current === void 0 ? void 0 : _hueSliderRef$current.getBoundingClientRect();
   var saturationLightnessPointer = {
     left: range_mappings.constrainToRange(saturation * width / constants.MAX_SATURATION_VALUE, 0, width),
@@ -49,10 +44,9 @@ var getIndicatorPositionsFromHEX = function getIndicatorPositionsFromHEX(_ref) {
 };
 var getColorFromHex = function getColorFromHex(value) {
   var _ColorConverter$hex2h2 = color_converter.ColorConverter.hex2hsl(value),
-      hue = _ColorConverter$hex2h2.hue,
-      saturation = _ColorConverter$hex2h2.saturation,
-      lightness = _ColorConverter$hex2h2.lightness;
-
+    hue = _ColorConverter$hex2h2.hue,
+    saturation = _ColorConverter$hex2h2.saturation,
+    lightness = _ColorConverter$hex2h2.lightness;
   return {
     hue: hue,
     saturation: saturation,
@@ -62,14 +56,14 @@ var getColorFromHex = function getColorFromHex(value) {
 };
 var getHueFromPosition = function getHueFromPosition(_ref3) {
   var hueSliderRect = _ref3.hueSliderRect,
-      position = _ref3.position,
-      screenName = _ref3.screenName;
+    position = _ref3.position,
+    screenName = _ref3.screenName;
   var clientY = position.clientY,
-      clientX = position.clientX;
+    clientX = position.clientX;
   var top = hueSliderRect.top,
-      height = hueSliderRect.height,
-      width = hueSliderRect.width,
-      left = hueSliderRect.left;
+    height = hueSliderRect.height,
+    width = hueSliderRect.width,
+    left = hueSliderRect.left;
   var distance = screenName === 'xs' ? range_mappings.constrainToRange(clientX - left, 0, width) : range_mappings.constrainToRange(clientY - top, 0, height);
   var hue = screenName === 'xs' ? distance * (constants.MAX_HUE_VALUE - 1) / width : distance * (constants.MAX_HUE_VALUE - 1) / height;
   return {
@@ -78,17 +72,15 @@ var getHueFromPosition = function getHueFromPosition(_ref3) {
 };
 var getSaturationLightnessFromPosition = function getSaturationLightnessFromPosition(_ref4) {
   var elementRect = _ref4.elementRect,
-      position = _ref4.position;
+    position = _ref4.position;
   var width = elementRect.width,
-      height = elementRect.height;
-
+    height = elementRect.height;
   var _getIndicatorPosition = range_mappings.getIndicatorPositionFromPosition({
-    elementRect: elementRect,
-    position: position
-  }),
-      positionX = _getIndicatorPosition.positionX,
-      positionY = _getIndicatorPosition.positionY;
-
+      elementRect: elementRect,
+      position: position
+    }),
+    positionX = _getIndicatorPosition.positionX,
+    positionY = _getIndicatorPosition.positionY;
   var saturation = positionX * constants.MAX_SATURATION_VALUE / width || constants.SATURATION_OFFSET;
   var lightness = constants.MAX_LIGHTNESS_VALUE - positionY * (constants.MAX_LIGHTNESS_VALUE / 2) / height - saturation / 2;
   return {

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

package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js

@@ -11,7 +11,6 @@ var ColorPickerUtils = /*#__PURE__*/function () {
   function ColorPickerUtils() {
     _rollupPluginBabelHelpers.classCallCheck(this, ColorPickerUtils);
   }
-
   return _rollupPluginBabelHelpers.createClass(ColorPickerUtils, null, [{
     key: "isGradient",
     value: function isGradient(color) {
@@ -21,14 +20,13 @@ var ColorPickerUtils = /*#__PURE__*/function () {
     key: "getColorPickerGradientValue",
     value: function getColorPickerGradientValue(gradient) {
       var _gradient$degrees;
-
       return {
         gradientType: gradient.gradientType,
         angle: gradient.gradientType === constants.GRADIENT_TYPES.radial ? undefined : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
         radialShape: gradient.gradientType === constants.GRADIENT_TYPES.radial ? constants.GRADIENT_RADIAL_SHAPES.circle : undefined,
         colors: gradient.colors.map(function (_ref) {
           var left = _ref.left,
-              value = _ref.value;
+            value = _ref.value;
           return {
             stop: left,
             value: "#".concat(ColorPickerUtils.getTinyColorInstance(value).toHex8())
@@ -39,58 +37,44 @@ var ColorPickerUtils = /*#__PURE__*/function () {
   }]);
 }();
 _ColorPickerUtils = ColorPickerUtils;
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getTinyColorInstance", function (color) {
   return tinycolor['default'](color);
 });
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getColorPickerValue", function (color) {
   var _color$name;
-
   var initialColorValue = typeof color === 'string' ? color : color === null || color === void 0 ? void 0 : color.value;
   if (!initialColorValue) return {
     value: constants.COLOR_PICKER_INITIAL_STATE,
     name: ''
   };
   var parsedColorValue = initialColorValue ? _ColorPickerUtils.getTinyColorInstance(initialColorValue).toHex8() : constants.COLOR_PICKER_INITIAL_STATE;
-
   if (_ColorPickerUtils.isGradient(initialColorValue)) {
     parsedColorValue = initialColorValue;
   }
-
   return {
     value: parsedColorValue,
     name: typeof color === 'string' ? '' : (_color$name = color === null || color === void 0 ? void 0 : color.name) !== null && _color$name !== void 0 ? _color$name : ''
   };
 });
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getRgbaValue", function (colorSet) {
   return colorSet.toRgb();
 });
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getHexValue", function (colorSet) {
   var alphaValue = colorSet.getAlpha();
   return alphaValue < 1 ? colorSet.toHex8() : colorSet.toHex();
 });
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getHexValueString", function (colorSet) {
   return "#".concat(_ColorPickerUtils.getHexValue(colorSet));
 });
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "isHexChar", function (value) {
   var hexRegEx = /^$|[0-9a-fA-F]+$/;
   return hexRegEx.test(value);
 });
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getAllColorTypes", function (color) {
   var tinyColor = typeof color === 'string' ? _ColorPickerUtils.getTinyColorInstance(color) : _ColorPickerUtils.getTinyColorInstance(color.value);
-
   var rgba = _ColorPickerUtils.getRgbaValue(tinyColor);
-
   var hex = _ColorPickerUtils.getHexValue(tinyColor);
-
   var hexString = _ColorPickerUtils.getHexValueString(tinyColor);
-
   var allColorTypes = {
     rgba: {
       r: rgba.r,
@@ -106,13 +90,10 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getAllColorTypes", f
   };
   return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, allColorTypes), variableName && variableName);
 });
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades", function (_ref2) {
   var color = _ref2.color,
-      name = _ref2.name;
-
+    name = _ref2.name;
   var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
-
   var colorHsl = colorTiny.toHsl();
   var isNeutral = name.includes('neutral');
   var blackShade = [{
@@ -191,7 +172,6 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades",
   var result = [].concat(_rollupPluginBabelHelpers.toConsumableArray(isNeutral ? blackShade : []), shades, _rollupPluginBabelHelpers.toConsumableArray(isNeutral ? whiteShade : []));
   return _ColorPickerUtils.convertVariableShadesToHex(result);
 });
-
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "convertVariableShadesToHex", function (variables) {
   return variables.map(function (variable) {
     var colorTiny = _ColorPickerUtils.getTinyColorInstance({
@@ -199,7 +179,6 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "convertVariableShade
       s: variable.s,
       l: variable.l
     });
-
     var colorHex = colorTiny.toHexString();
     return {
       name: variable.name,

package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/components/color_label_input.js

@@ -15,18 +15,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ColorPickerInput = function ColorPickerInput(_ref) {
   var id = _ref.id,
-      name = _ref.name;
-
+    name = _ref.name;
   var _useColorPicker = use_color_picker.useColorPicker(),
-      hex = _useColorPicker.hex,
-      color = _useColorPicker.color,
-      isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
-      gradientType = _useColorPicker.gradientType;
-
+    hex = _useColorPicker.hex,
+    color = _useColorPicker.color,
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
+    gradientType = _useColorPicker.gradientType;
   var _useTranslation = useTranslation.useTranslation(),
-      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
-      t = _useTranslation2[0];
-
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
   var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
   if (isCurrentValueGradient) colorName = gradientType === constants.GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
   return /*#__PURE__*/React__default['default'].createElement(input['default'], {

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

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js

@@ -20,11 +20,10 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 var ColorPickerContent = function ColorPickerContent() {
   var _useColorPicker = use_color_picker.useColorPicker(),
-      color = _useColorPicker.color,
-      setColor = _useColorPicker.setColor,
-      colorVariables = _useColorPicker.colorVariables,
-      isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
-
+    color = _useColorPicker.color,
+    setColor = _useColorPicker.setColor,
+    colorVariables = _useColorPicker.colorVariables,
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
   var colorValue = typeof color === 'string' ? color : color.value;
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(color_picker_header.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])

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