@dreamcommerce/aurora 2.25.0 → 2.25.1

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

@@ -22,15 +22,19 @@ 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;"}
+{"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;"}

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

@@ -18,27 +18,33 @@ 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,
@@ -55,22 +61,29 @@ 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;"}
+{"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;"}

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,16 +71,19 @@ 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({
@@ -91,18 +94,22 @@ 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), {}, {
@@ -110,21 +117,25 @@ 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'], {
@@ -147,11 +158,12 @@ 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
@@ -165,6 +177,7 @@ 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;"}
+{"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;"}

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

@@ -9,39 +9,44 @@ 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;"}
+{"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;"}

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

@@ -14,20 +14,25 @@ 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),
@@ -44,9 +49,10 @@ 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,
@@ -56,14 +62,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 {
@@ -72,15 +78,17 @@ 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;"}
+{"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;"}

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

@@ -11,6 +11,7 @@ var ColorPickerUtils = /*#__PURE__*/function () {
   function ColorPickerUtils() {
     _rollupPluginBabelHelpers.classCallCheck(this, ColorPickerUtils);
   }
+
   return _rollupPluginBabelHelpers.createClass(ColorPickerUtils, null, [{
     key: "isGradient",
     value: function isGradient(color) {
@@ -20,13 +21,14 @@ 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())
@@ -37,44 +39,58 @@ 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,
@@ -90,10 +106,13 @@ _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 = [{
@@ -172,6 +191,7 @@ _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({
@@ -179,6 +199,7 @@ _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;"}
+{"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;"}

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

@@ -15,15 +15,18 @@ 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;"}
+{"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;"}

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

@@ -20,10 +20,11 @@ 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;"}
+{"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;"}