@dreamcommerce/aurora 2.23.6 → 2.24.0-1

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

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

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js

@@ -10,33 +10,27 @@ import { mapMouseEventToPosition, registerOnMouseEvents, mapTouchEventToPosition
 
 var SaturationLightnessPicker = function SaturationLightnessPicker(_ref) {
   var classes = _ref.classes,
-      saturationLightnessPanelRef = _ref.saturationLightnessPanelRef;
-
+    saturationLightnessPanelRef = _ref.saturationLightnessPanelRef;
   var _useContext = useContext(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 = getIndicatorPositionFromPosition({
-      elementRect: elementRect,
-      position: position
-    }),
-        positionX = _getIndicatorPosition.positionX,
-        positionY = _getIndicatorPosition.positionY;
-
+        elementRect: elementRect,
+        position: position
+      }),
+      positionX = _getIndicatorPosition.positionX,
+      positionY = _getIndicatorPosition.positionY;
     var _getSaturationLightne = 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 _objectSpread2(_objectSpread2({}, color), {}, {
         saturation: saturation,
@@ -53,29 +47,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(mapMouseEventToPosition(event));
     registerOnMouseEvents(saturationLightnessPickerEvent);
   };
-
   var onTouchStart = function onTouchStart(event) {
     event.preventDefault();
-
     if (!(saturationLightnessPanelRef !== null && saturationLightnessPanelRef !== void 0 && saturationLightnessPanelRef.current)) {
       return;
     }
-
     saturationLightnessPickerEvent(mapTouchEventToPosition(event));
     registerOnTouchEvents(saturationLightnessPickerEvent);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classes.saturationLightnessPanel, " ").concat(styles[cssColorPickerSaturationLightnessPicker]),
     ref: saturationLightnessPanelRef,

package/build/esm/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;"}
+{"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;"}

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

@@ -22,8 +22,8 @@ var useStyles = 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': {
@@ -42,9 +42,9 @@ var useStyles = 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': {
@@ -63,19 +63,16 @@ var useStyles = createUseStyles({
 });
 var PureColorPicker = function PureColorPicker(_ref8) {
   var _color$hex2;
-
   var hideChooseCancelButtons = _ref8.hideChooseCancelButtons;
-
   var _useContext = useContext(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 = useRef(null);
   var hueSliderRef = useRef(null);
   var classes = useStyles({
@@ -86,22 +83,18 @@ var PureColorPicker = function PureColorPicker(_ref8) {
   });
   useEffect(function () {
     var _color$hex;
-
     var initialColor = 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 = getColorFromHex(hexValue);
-
       setNewColorPickerPositions(_color);
     } catch (e) {
       setColor(_objectSpread2(_objectSpread2({}, color), {}, {
@@ -109,25 +102,21 @@ var PureColorPicker = function PureColorPicker(_ref8) {
       }));
     }
   };
-
   var setNewColorPickerPositions = function setNewColorPickerPositions(newColor) {
     var _getIndicatorPosition = 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.createElement("div", {
     className: "".concat(styles[cssColorPicker])
   }, /*#__PURE__*/React.createElement(SaturationLightnessPicker, {
@@ -150,12 +139,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 = useColorPicker({
     initialColorHex: initialColor !== null && initialColor !== void 0 ? initialColor : '',
     onChange: onChange
@@ -169,7 +157,6 @@ var ColorPickerWithContext = function ColorPickerWithContext(_ref9) {
     hideChooseCancelButtons: hideChooseCancelButtons
   }));
 };
-
 var index = withTranslation(ColorPickerWithContext);
 
 export default index;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/color_picker/use_color_picker.js

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

package/build/esm/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;"}
+{"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;"}

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

@@ -10,25 +10,20 @@ import { ColorConverter } from '../../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 = 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: constrainToRange(saturation * width / MAX_SATURATION_VALUE, 0, width),
@@ -45,10 +40,9 @@ var getIndicatorPositionsFromHEX = function getIndicatorPositionsFromHEX(_ref) {
 };
 var getColorFromHex = function getColorFromHex(value) {
   var _ColorConverter$hex2h2 = 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,
@@ -58,14 +52,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' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);
   var hue = screenName === 'xs' ? distance * (MAX_HUE_VALUE - 1) / width : distance * (MAX_HUE_VALUE - 1) / height;
   return {
@@ -74,17 +68,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 = getIndicatorPositionFromPosition({
-    elementRect: elementRect,
-    position: position
-  }),
-      positionX = _getIndicatorPosition.positionX,
-      positionY = _getIndicatorPosition.positionY;
-
+      elementRect: elementRect,
+      position: position
+    }),
+    positionX = _getIndicatorPosition.positionX,
+    positionY = _getIndicatorPosition.positionY;
   var saturation = positionX * MAX_SATURATION_VALUE / width || SATURATION_OFFSET;
   var lightness = MAX_LIGHTNESS_VALUE - positionY * (MAX_LIGHTNESS_VALUE / 2) / height - saturation / 2;
   return {

package/build/esm/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;"}
+{"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;"}

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

@@ -7,7 +7,6 @@ var ColorPickerUtils = /*#__PURE__*/function () {
   function ColorPickerUtils() {
     _classCallCheck(this, ColorPickerUtils);
   }
-
   return _createClass(ColorPickerUtils, null, [{
     key: "isGradient",
     value: function isGradient(color) {
@@ -17,14 +16,13 @@ var ColorPickerUtils = /*#__PURE__*/function () {
     key: "getColorPickerGradientValue",
     value: function getColorPickerGradientValue(gradient) {
       var _gradient$degrees;
-
       return {
         gradientType: gradient.gradientType,
         angle: gradient.gradientType === GRADIENT_TYPES.radial ? undefined : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
         radialShape: gradient.gradientType === GRADIENT_TYPES.radial ? 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())
@@ -35,58 +33,44 @@ var ColorPickerUtils = /*#__PURE__*/function () {
   }]);
 }();
 _ColorPickerUtils = ColorPickerUtils;
-
 _defineProperty(ColorPickerUtils, "getTinyColorInstance", function (color) {
   return tinycolor(color);
 });
-
 _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: COLOR_PICKER_INITIAL_STATE,
     name: ''
   };
   var parsedColorValue = initialColorValue ? _ColorPickerUtils.getTinyColorInstance(initialColorValue).toHex8() : 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 : ''
   };
 });
-
 _defineProperty(ColorPickerUtils, "getRgbaValue", function (colorSet) {
   return colorSet.toRgb();
 });
-
 _defineProperty(ColorPickerUtils, "getHexValue", function (colorSet) {
   var alphaValue = colorSet.getAlpha();
   return alphaValue < 1 ? colorSet.toHex8() : colorSet.toHex();
 });
-
 _defineProperty(ColorPickerUtils, "getHexValueString", function (colorSet) {
   return "#".concat(_ColorPickerUtils.getHexValue(colorSet));
 });
-
 _defineProperty(ColorPickerUtils, "isHexChar", function (value) {
   var hexRegEx = /^$|[0-9a-fA-F]+$/;
   return hexRegEx.test(value);
 });
-
 _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,
@@ -102,13 +86,10 @@ _defineProperty(ColorPickerUtils, "getAllColorTypes", function (color) {
   };
   return _objectSpread2(_objectSpread2({}, allColorTypes), variableName && variableName);
 });
-
 _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 = [{
@@ -187,7 +168,6 @@ _defineProperty(ColorPickerUtils, "getVariableShades", function (_ref2) {
   var result = [].concat(_toConsumableArray(isNeutral ? blackShade : []), shades, _toConsumableArray(isNeutral ? whiteShade : []));
   return _ColorPickerUtils.convertVariableShadesToHex(result);
 });
-
 _defineProperty(ColorPickerUtils, "convertVariableShadesToHex", function (variables) {
   return variables.map(function (variable) {
     var colorTiny = _ColorPickerUtils.getTinyColorInstance({
@@ -195,7 +175,6 @@ _defineProperty(ColorPickerUtils, "convertVariableShadesToHex", function (variab
       s: variable.s,
       l: variable.l
     });
-
     var colorHex = colorTiny.toHexString();
     return {
       name: variable.name,

package/build/esm/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,sBAAsB,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,qDAAyD;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/aurora/src/components/color_picker_new/components/color_label_input.js

@@ -7,18 +7,15 @@ import { useColorPicker } from '../hooks/use_color_picker.js';
 
 var ColorPickerInput = function ColorPickerInput(_ref) {
   var id = _ref.id,
-      name = _ref.name;
-
+    name = _ref.name;
   var _useColorPicker = 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(),
-      _useTranslation2 = _slicedToArray(_useTranslation, 1),
-      t = _useTranslation2[0];
-
+    _useTranslation2 = _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 === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
   return /*#__PURE__*/React.createElement(Input, {

package/build/esm/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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;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/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js

@@ -11,11 +11,10 @@ import { ColorPickerFooter } from './color_picker_footer.js';
 
 var ColorPickerContent = function ColorPickerContent() {
   var _useColorPicker = 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPickerContainer])

package/build/esm/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;"}
+{"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;"}