@dreamcommerce/aurora 3.0.0-279 → 3.0.0-280

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

@@ -12,11 +12,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["id", "name", "initialColor", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
+var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
 var ColorPicker = function ColorPicker(_ref) {
   var id = _ref.id,
     name = _ref.name,
-    initialColor = _ref.initialColor,
+    value = _ref.value,
     colorVariables = _ref.colorVariables,
     errors = _ref.errors,
     onChange = _ref.onChange,
@@ -27,7 +27,7 @@ var ColorPicker = function ColorPicker(_ref) {
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useSetupColorPicker = setup_color_picker['default']({
       colorVariables: colorVariables,
-      initialColor: initialColor,
+      value: value,
       onChange: onChange,
       onCancel: onCancel,
       onSave: onSave,
@@ -54,8 +54,10 @@ var ColorPicker = function ColorPicker(_ref) {
     setSolid = _useSetupColorPicker.setSolid,
     withGradient = _useSetupColorPicker.withGradient,
     isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
-    setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
-  var value = React.useMemo(function () {
+    setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
+    degrees = _useSetupColorPicker.degrees,
+    shadeName = _useSetupColorPicker.shadeName;
+  var contextVal = React.useMemo(function () {
     return {
       color: color,
       setColor: setColor,
@@ -79,11 +81,13 @@ var ColorPicker = function ColorPicker(_ref) {
       previousGradientColor: previousGradientColor,
       withGradient: withGradient,
       isColorPickerOpened: isColorPickerOpened,
-      setIsColorPickerOpened: setIsColorPickerOpened
+      setIsColorPickerOpened: setIsColorPickerOpened,
+      degrees: degrees,
+      shadeName: shadeName
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, shadeName]);
   return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
-    value: value
+    value: contextVal
   }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], _rollupPluginBabelHelpers.objectSpread2({
     id: id,
     name: name,

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

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

@@ -23,10 +23,6 @@ var GRADIENT_TYPES = {
   linear: 'linear-gradient',
   radial: 'radial-gradient'
 };
-var GRADIENT_RADIAL_SHAPES = {
-  circle: 'circle',
-  ellipse: 'ellipse'
-};
 
 exports.COLOR_PICKER_ALPHA_MAX_VALUE = COLOR_PICKER_ALPHA_MAX_VALUE;
 exports.COLOR_PICKER_CONTENT_MAX_HEIGHT = COLOR_PICKER_CONTENT_MAX_HEIGHT;
@@ -36,6 +32,5 @@ exports.COLOR_PICKER_PADDING_LEFT = COLOR_PICKER_PADDING_LEFT;
 exports.COLOR_PICKER_SWATCH_SIZES = COLOR_PICKER_SWATCH_SIZES;
 exports.COLOR_PICKER_TYPES = COLOR_PICKER_TYPES;
 exports.COLOR_PICKER_WIDTH = COLOR_PICKER_WIDTH;
-exports.GRADIENT_RADIAL_SHAPES = GRADIENT_RADIAL_SHAPES;
 exports.GRADIENT_TYPES = GRADIENT_TYPES;
 //# sourceMappingURL=color_picker_constants.js.map

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

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

@@ -4,30 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var ColorPickerContext = /*#__PURE__*/React.createContext({
-  color: {
-    value: '',
-    name: ''
-  },
-  setColor: function setColor() {},
-  hex: '',
-  hslArr: [],
-  handleOnChangeAlpha: function handleOnChangeAlpha() {},
-  alphaValue: '',
-  rgbaArr: [],
-  setR: function setR() {},
-  setG: function setG() {},
-  setB: function setB() {},
-  handleCancel: function handleCancel() {},
-  handleSave: function handleSave() {},
-  setSolid: function setSolid() {},
-  setRadial: function setRadial() {},
-  setLinear: function setLinear() {},
-  isCurrentValueGradient: false,
-  withGradient: false,
-  isColorPickerOpened: false,
-  setIsColorPickerOpened: function setIsColorPickerOpened() {}
-});
+var ColorPickerContext = /*#__PURE__*/React.createContext(null);
 
 exports.ColorPickerContext = ColorPickerContext;
 //# sourceMappingURL=color_picker_context.js.map

package/build/cjs/packages/aurora/src/components/color_picker/color_picker_context.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var color_picker_constants = require('./color_picker_constants.js');
-var formatters = require('../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
 var tinycolor = require('../../../../../external/tinycolor2/esm/tinycolor.js');
+var formatters = require('../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
 
 var _ColorPickerUtils;
 var ColorPickerUtils = /*#__PURE__*/function () {
@@ -15,25 +14,7 @@ var ColorPickerUtils = /*#__PURE__*/function () {
   return _rollupPluginBabelHelpers.createClass(ColorPickerUtils, null, [{
     key: "isGradient",
     value: function isGradient(color) {
-      return color.includes('linear-gradient') || color.includes('radial-gradient');
-    }
-  }, {
-    key: "getColorPickerGradientValue",
-    value: function getColorPickerGradientValue(gradient) {
-      var _gradient$degrees;
-      return {
-        gradientType: gradient.gradientType,
-        angle: gradient.gradientType === color_picker_constants.GRADIENT_TYPES.radial ? undefined : parseFloat((_gradient$degrees = gradient.degrees) !== null && _gradient$degrees !== void 0 ? _gradient$degrees : '90deg'),
-        radialShape: gradient.gradientType === color_picker_constants.GRADIENT_TYPES.radial ? color_picker_constants.GRADIENT_RADIAL_SHAPES.circle : undefined,
-        colors: gradient.colors.map(function (_ref) {
-          var left = _ref.left,
-            value = _ref.value;
-          return {
-            stop: left,
-            value: "#".concat(ColorPickerUtils.getTinyColorInstance(value).toHex8())
-          };
-        })
-      };
+      return /(linear|radial|conic)-gradient\s*\(/.test(color);
     }
   }]);
 }();
@@ -41,22 +22,6 @@ _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: color_picker_constants.COLOR_PICKER_INITIAL_STATE,
-    name: ''
-  };
-  var parsedColorValue = initialColorValue ? _ColorPickerUtils.getTinyColorInstance(initialColorValue).toHex8() : color_picker_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();
 });
@@ -67,12 +32,8 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getHexValue", functi
 _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 tinyColor = _ColorPickerUtils.getTinyColorInstance(color.value);
   var rgba = _ColorPickerUtils.getRgbaValue(tinyColor);
   var hex = _ColorPickerUtils.getHexValue(tinyColor);
   var hexString = _ColorPickerUtils.getHexValueString(tinyColor);
@@ -91,9 +52,9 @@ _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;
+_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades", function (_ref) {
+  var color = _ref.color,
+    name = _ref.name;
   var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
   var colorHsl = colorTiny.toHsl();
   var isNeutral = name.includes('neutral');
@@ -196,6 +157,14 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "updateGradientWithAc
     });
   });
 });
+_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "findVariable", function (variables, color) {
+  var _Object$values$find;
+  return (_Object$values$find = Object.values(variables).find(function (v) {
+    var variableTiny = _ColorPickerUtils.getTinyColorInstance(v.value);
+    var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
+    return variableTiny.toHexString() === colorTiny.toHexString();
+  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
+});
 
 exports.ColorPickerUtils = ColorPickerUtils;
 //# sourceMappingURL=color_picker_utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,uFAA2F;AACpH,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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF,yBAAyB,uFAA2F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -8,6 +8,7 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var input = require('../../input/input.js');
 var color_picker_constants = require('../color_picker_constants.js');
 var use_color_picker = require('../hooks/use_color_picker.js');
+var color_picker_utils = require('../color_picker_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,11 +24,14 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
     hex = _useColorPicker.hex,
     color = _useColorPicker.color,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
-    gradientType = _useColorPicker.gradientType;
+    gradientType = _useColorPicker.gradientType,
+    colorVariables = _useColorPicker.colorVariables,
+    shadeName = _useColorPicker.shadeName;
   var _useTranslation = useTranslation.useTranslation(),
     _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());
+  var variableName = (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.variables) && color_picker_utils.ColorPickerUtils.findVariable(colorVariables.variables, color) || shadeName || '';
+  var colorName = variableName ? "".concat(t(variableName)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
   if (isCurrentValueGradient) colorName = gradientType === color_picker_constants.GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
   return /*#__PURE__*/React__default['default'].createElement(input.Input, {
     className: "aurora-cursor-pointer",

package/build/cjs/packages/aurora/src/components/color_picker/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;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var color_picker_constants = require('../color_picker_constants.js');
+var use_color_picker = require('../hooks/use_color_picker.js');
+var color_picker_footer = require('./color_picker_footer.js');
 var utils = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
 var context = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
 var styles = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
-var use_color_picker = require('../hooks/use_color_picker.js');
-var color_picker_footer = require('./color_picker_footer.js');
 var color_picker_variables = require('./color_picker_variables.js');
 var color_picker_controls = require('./color_picker_controls.js');
 var color_picker_impl = require('./color_picker_impl.js');
@@ -24,8 +24,7 @@ var ColorPickerContent = function ColorPickerContent() {
     setColor = _useColorPicker.setColor,
     colorVariables = _useColorPicker.colorVariables,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
-  var colorValue = typeof color === 'string' ? color : color.value;
-  var safeValue = utils.objectToString(colorValue);
+  var safeValue = utils.objectToString(color);
   var defaultStyles = styles.getStyles(true);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(context['default'], {
     value: safeValue,

package/build/cjs/packages/aurora/src/components/color_picker/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,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,qFAAyF;AAC7G,sBAAsB,iFAAqF;AAC3G,qBAAqB,uFAA2F;AAChH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -12,8 +12,8 @@ var tooltip_trigger = require('../../tooltip/components/tooltip_trigger.js');
 var tooltip_content = require('../../tooltip/components/tooltip_content.js');
 var tooltip_provider = require('../../tooltip/context/tooltip_provider.js');
 var color_picker_constants = require('../color_picker_constants.js');
-var context = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
 var use_color_picker = require('../hooks/use_color_picker.js');
+var context = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
 var color_picker_gradient_angle = require('./color_picker_gradient_controls/color_picker_gradient_angle.js');
 var color_picker_mode_toggler = require('./color_picker_mode_toggler.js');
 var color_picker_gradient_bar = require('./color_picker_overrides/color_picker_gradient_bar.js');

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_controls.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,sBAAsB,iFAAqF;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,iFAAqF;AAC3G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -6,8 +6,6 @@ var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var button = require('../../button/button.js');
-var color_picker_context = require('../color_picker_context.js');
-var color_picker_utils = require('../color_picker_utils.js');
 var use_color_picker = require('../hooks/use_color_picker.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,12 +13,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ColorPickerFooter = function ColorPickerFooter() {
-  var _useContext = React.useContext(color_picker_context.ColorPickerContext),
-    setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
   var _useColorPicker = use_color_picker.useColorPicker(),
-    color = _useColorPicker.color,
     handleCancel = _useColorPicker.handleCancel,
-    handleSave = _useColorPicker.handleSave;
+    handleSave = _useColorPicker.handleSave,
+    setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
   var _useTranslation = useTranslation.useTranslation(),
     _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
@@ -30,7 +26,7 @@ var ColorPickerFooter = function ColorPickerFooter() {
   };
   var handleSaveButton = function handleSaveButton() {
     setIsColorPickerOpened(false);
-    handleSave(color_picker_utils.ColorPickerUtils.getAllColorTypes(color));
+    handleSave();
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-flex aurora-items-center aurora-justify-between aurora-gap-2 aurora-pt-2 aurora-pb-3 aurora-px-4 aurora-border aurora-border-subtle aurora-rounded-b-16 aurora-bg-neutral-0"

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

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

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_gradient_controls/color_picker_gradient_angle.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var use_color_picker = require('../../hooks/use_color_picker.js');
 var formatters = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js');
 var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
 var angle_icon = require('../../../../assets/icons/angle_icon.js');
@@ -13,9 +14,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
   var _usePicker = context.usePicker(),
-    degrees = _usePicker.degrees,
     onChange = _usePicker.onChange,
     value = _usePicker.value;
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    degrees = _useColorPicker.degrees;
   var handleDegrees = function handleDegrees(e) {
     var newValue = formatters.formatInputValues(e.target.value, 0, 360);
     var remaining = value.split(/,(.+)/)[1];

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,6FAAiG;AAC1H,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var input = require('../../../input/input.js');
-var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
+var use_color_picker = require('../../hooks/use_color_picker.js');
 var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
+var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
 var color_picker_utils = require('../../color_picker_utils.js');
-var use_color_picker = require('../../hooks/use_color_picker.js');
 var utilities = require('@dreamcommerce/utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -27,6 +27,7 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
+  var valueRef = React.useRef(value);
   var _useState3 = React.useState(false),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     disable = _useState4[0],
@@ -38,6 +39,7 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
   var handleOnChange = function handleOnChange(event) {
     var inputValue = event.target.value.replace('%', '');
     setValue(inputValue);
+    valueRef.current = inputValue;
     if (!tinycolor['default'](inputValue).isValid()) return;
     if (isCurrentValueGradient && gradientType) {
       var newColors = color_picker_utils.ColorPickerUtils.updateGradientWithActiveColor(colors, selectedColor, inputValue);
@@ -53,8 +55,10 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     setDisable(false);
   };
   React.useEffect(function () {
+    if (hex === valueRef.current) return;
     if (!disable) {
       setValue(hex);
+      valueRef.current = hex;
     }
   }, [hex, disable]);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(input.Input, {
@@ -71,8 +75,10 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
     className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
     type: "text",
     value: alphaValue,
-    onChange: handleOnChangeAlpha,
-    onKeyPress: utilities.InputUtils.preventTypingLetters
+    onChange: function onChange(e) {
+      return handleOnChangeAlpha(Number(e.target.value));
+    },
+    onKeyDown: utilities.InputUtils.preventTypingLetters
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-text-xs aurora-pl-0.5"
   }, "%")));

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,oFAAwF;AAC9G,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,2DAA+D;AACvF,sBAAsB,oFAAwF;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -26,7 +26,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     onChange: function onChange(e) {
       return setR(Number(e.target.value));
     },
-    onKeyPress: utilities.InputUtils.preventTypingLetters
+    onKeyDown: utilities.InputUtils.preventTypingLetters
   }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
     className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
     type: "text",
@@ -34,7 +34,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     onChange: function onChange(e) {
       return setG(Number(e.target.value));
     },
-    onKeyPress: utilities.InputUtils.preventTypingLetters
+    onKeyDown: utilities.InputUtils.preventTypingLetters
   }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
     className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
     type: "text",
@@ -42,15 +42,17 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     onChange: function onChange(e) {
       return setB(Number(e.target.value));
     },
-    onKeyPress: utilities.InputUtils.preventTypingLetters
+    onKeyDown: utilities.InputUtils.preventTypingLetters
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
   }, /*#__PURE__*/React__default['default'].createElement("input", {
     className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
     type: "text",
     value: alphaValue,
-    onChange: handleOnChangeAlpha,
-    onKeyPress: utilities.InputUtils.preventTypingLetters
+    onChange: function onChange(e) {
+      return handleOnChangeAlpha(Number(e.target.value));
+    },
+    onKeyDown: utilities.InputUtils.preventTypingLetters
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-text-xs aurora-pl-0.5"
   }, "%")));

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -40,14 +40,14 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
       setLinear(previousGradientColor);
       return;
     }
-    setLinear(color.value);
+    setLinear(color);
   };
   var changeToRadial = function changeToRadial() {
     if (!isCurrentValueGradient) {
       setRadial(previousGradientColor);
       return;
     }
-    setRadial(color.value);
+    setRadial(color);
   };
   return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
     spacing: "1",

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
 var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
 var styles = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/styles/styles.js');
-var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
 var dropper_fill_icon = require('../../../../assets/icons/dropper_fill_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,oFAAwF;AAC9G,qBAAqB,0FAA8F;AACnH,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2DAA+D;AACvF,sBAAsB,oFAAwF;AAC9G,qBAAqB,0FAA8F;AACnH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
 var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
 var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
 var usePaintHue = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js');
-var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,0BAA0B,8FAAkG;AAC5H,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2DAA+D;AACvF,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,0BAA0B,8FAAkG;AAC5H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
 var constants = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/constants.js');
 var utils = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js');
 var context = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js');
 var usePaintSquare = require('../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js');
-var tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,sFAA0F;AAClH,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,6BAA6B,iGAAqG;AAClI,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2DAA+D;AACvF,wBAAwB,sFAA0F;AAClH,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,6BAA6B,iGAAqG;AAClI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var color_picker_utils = require('../color_picker_utils.js');
 var use_color_picker = require('../hooks/use_color_picker.js');
 var color_picker_swatch = require('./color_picker_swatch.js');
+var color_picker_utils = require('../color_picker_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -80,7 +80,7 @@ var ColorPickerShades = function ColorPickerShades() {
     var colorTiny = color_picker_utils.ColorPickerUtils.getTinyColorInstance(shade);
     var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
     var handleOnClick = function handleOnClick() {
-      setColor === null || setColor === void 0 ? void 0 : setColor(colorHex);
+      setColor(colorHex);
     };
     return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
       className: "aurora-cursor-pointer",

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('../../../utilities/cn.js');
 var color_picker_constants = require('../color_picker_constants.js');
-var tinycolor = require('../../../../../../external/tinycolor2/esm/tinycolor.js');
 var use_color_picker = require('../hooks/use_color_picker.js');
+var tinycolor = require('../../../../../../external/tinycolor2/esm/tinycolor.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,7 +24,7 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
   var handleOnClick = function handleOnClick() {
     onClick === null || onClick === void 0 ? void 0 : onClick(color);
   };
-  var shouldApplyActiveBorder = hasActiveBorder && tinycolor['default'](activeColor.value).toHex() === color;
+  var shouldApplyActiveBorder = hasActiveBorder && tinycolor['default'](activeColor).toHex() === color;
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: cn.cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-4 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
       'aurora-w-4 aurora-h-4': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small,

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,wDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,wDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}