@dreamcommerce/aurora 3.0.0-280 → 3.0.0-281

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", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
+var _excluded = ["id", "name", "initialColor", "colorVariables", "errors", "onChange", "onCancel", "onSave", "withGradient", "disabled"];
 var ColorPicker = function ColorPicker(_ref) {
   var id = _ref.id,
     name = _ref.name,
-    value = _ref.value,
+    initialColor = _ref.initialColor,
     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,
-      value: value,
+      initialColor: initialColor,
       onChange: onChange,
       onCancel: onCancel,
       onSave: onSave,
@@ -56,8 +56,8 @@ var ColorPicker = function ColorPicker(_ref) {
     isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
     setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened,
     degrees = _useSetupColorPicker.degrees,
-    shadeName = _useSetupColorPicker.shadeName;
-  var contextVal = React.useMemo(function () {
+    setDegrees = _useSetupColorPicker.setDegrees;
+  var value = React.useMemo(function () {
     return {
       color: color,
       setColor: setColor,
@@ -83,11 +83,11 @@ var ColorPicker = function ColorPicker(_ref) {
       isColorPickerOpened: isColorPickerOpened,
       setIsColorPickerOpened: setIsColorPickerOpened,
       degrees: degrees,
-      shadeName: shadeName
+      setDegrees: setDegrees
     };
-  }, [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]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, degrees, setDegrees]);
   return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
-    value: contextVal
+    value: value
   }, /*#__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_constants.js

@@ -23,6 +23,10 @@ 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;
@@ -32,5 +36,6 @@ 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;"}
+{"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;"}

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var tinycolor = require('../../../../../external/tinycolor2/esm/tinycolor.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 _ColorPickerUtils;
 var ColorPickerUtils = /*#__PURE__*/function () {
@@ -14,7 +15,25 @@ var ColorPickerUtils = /*#__PURE__*/function () {
   return _rollupPluginBabelHelpers.createClass(ColorPickerUtils, null, [{
     key: "isGradient",
     value: function isGradient(color) {
-      return /(linear|radial|conic)-gradient\s*\(/.test(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())
+          };
+        })
+      };
     }
   }]);
 }();
@@ -22,6 +41,22 @@ _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();
 });
@@ -32,8 +67,12 @@ _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 = _ColorPickerUtils.getTinyColorInstance(color.value);
+  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);
@@ -52,9 +91,9 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getAllColorTypes", f
   };
   return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, allColorTypes), variableName && variableName);
 });
-_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades", function (_ref) {
-  var color = _ref.color,
-    name = _ref.name;
+_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getVariableShades", function (_ref2) {
+  var color = _ref2.color,
+    name = _ref2.name;
   var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
   var colorHsl = colorTiny.toHsl();
   var isNeutral = name.includes('neutral');
@@ -157,14 +196,6 @@ _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,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;"}
+{"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;"}

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

@@ -8,7 +8,6 @@ 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 }; }
 
@@ -24,14 +23,11 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
     hex = _useColorPicker.hex,
     color = _useColorPicker.color,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
-    gradientType = _useColorPicker.gradientType,
-    colorVariables = _useColorPicker.colorVariables,
-    shadeName = _useColorPicker.shadeName;
+    gradientType = _useColorPicker.gradientType;
   var _useTranslation = useTranslation.useTranslation(),
     _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
-  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());
+  var colorName = color.name ? "".concat(t(color.name)) : "# ".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;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;"}

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,7 +24,8 @@ var ColorPickerContent = function ColorPickerContent() {
     setColor = _useColorPicker.setColor,
     colorVariables = _useColorPicker.colorVariables,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
-  var safeValue = utils.objectToString(color);
+  var colorValue = typeof color === 'string' ? color : color.value;
+  var safeValue = utils.objectToString(colorValue);
   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;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;"}
+{"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;"}

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 use_color_picker = require('../hooks/use_color_picker.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 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;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;"}
+{"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;"}

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

@@ -6,6 +6,7 @@ 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_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 }; }
@@ -14,6 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ColorPickerFooter = function ColorPickerFooter() {
   var _useColorPicker = use_color_picker.useColorPicker(),
+    color = _useColorPicker.color,
     handleCancel = _useColorPicker.handleCancel,
     handleSave = _useColorPicker.handleSave,
     setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
@@ -26,7 +28,7 @@ var ColorPickerFooter = function ColorPickerFooter() {
   };
   var handleSaveButton = function handleSaveButton() {
     setIsColorPickerOpened(false);
-    handleSave();
+    handleSave(color_picker_utils.ColorPickerUtils.getAllColorTypes(color));
   };
   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;"}
+{"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;"}

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

@@ -3,9 +3,9 @@
 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 use_color_picker = require('../../hooks/use_color_picker.js');
 var angle_icon = require('../../../../assets/icons/angle_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,10 +17,12 @@ var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
     onChange = _usePicker.onChange,
     value = _usePicker.value;
   var _useColorPicker = use_color_picker.useColorPicker(),
-    degrees = _useColorPicker.degrees;
+    degrees = _useColorPicker.degrees,
+    setDegrees = _useColorPicker.setDegrees;
   var handleDegrees = function handleDegrees(e) {
     var newValue = formatters.formatInputValues(e.target.value, 0, 360);
     var remaining = value.split(/,(.+)/)[1];
+    setDegrees(newValue);
     onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {

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;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;"}
+{"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;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 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 tinycolor = require('../../../../../../../external/tinycolor2/esm/tinycolor.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,7 +27,6 @@ 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],
@@ -39,7 +38,6 @@ 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);
@@ -55,10 +53,8 @@ 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, {
@@ -75,10 +71,8 @@ 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: function onChange(e) {
-      return handleOnChangeAlpha(Number(e.target.value));
-    },
-    onKeyDown: utilities.InputUtils.preventTypingLetters
+    onChange: handleOnChangeAlpha,
+    onKeyPress: 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;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;"}
+{"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;"}

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));
     },
-    onKeyDown: utilities.InputUtils.preventTypingLetters
+    onKeyPress: 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));
     },
-    onKeyDown: utilities.InputUtils.preventTypingLetters
+    onKeyPress: utilities.InputUtils.preventTypingLetters
   }), /*#__PURE__*/React__default['default'].createElement(input.Input, {
     className: "aurora-h-full aurora-px-1.5 aurora-text-xs",
     type: "text",
@@ -42,17 +42,15 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     onChange: function onChange(e) {
       return setB(Number(e.target.value));
     },
-    onKeyDown: utilities.InputUtils.preventTypingLetters
+    onKeyPress: 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: function onChange(e) {
-      return handleOnChangeAlpha(Number(e.target.value));
-    },
-    onKeyDown: utilities.InputUtils.preventTypingLetters
+    onChange: handleOnChangeAlpha,
+    onKeyPress: 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;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -29,7 +29,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
     setLinear = _useColorPicker.setLinear,
     previousSolidColor = _useColorPicker.previousSolidColor,
     previousGradientColor = _useColorPicker.previousGradientColor,
-    color = _useColorPicker.color;
+    color = _useColorPicker.color,
+    degrees = _useColorPicker.degrees;
   var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong hover:aurora-border-2';
   var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
   var changeToSolid = function changeToSolid() {
@@ -37,17 +38,17 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
   };
   var changeToLinear = function changeToLinear() {
     if (!isCurrentValueGradient) {
-      setLinear(previousGradientColor);
+      setLinear(previousGradientColor, degrees);
       return;
     }
-    setLinear(color);
+    setLinear(color.value, degrees);
   };
   var changeToRadial = function changeToRadial() {
     if (!isCurrentValueGradient) {
       setRadial(previousGradientColor);
       return;
     }
-    setRadial(color);
+    setRadial(color.value);
   };
   return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
     spacing: "1",

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

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

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

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

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

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

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(colorHex);
+      setColor === null || setColor === void 0 ? void 0 : 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 use_color_picker = require('../hooks/use_color_picker.js');
 var tinycolor = require('../../../../../../external/tinycolor2/esm/tinycolor.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 }; }
 
@@ -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).toHex() === color;
+  var shouldApplyActiveBorder = hasActiveBorder && tinycolor['default'](activeColor.value).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;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;"}
+{"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;"}

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

@@ -6,9 +6,9 @@ var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.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');
 var arrow_down_s_fill = require('../../../assets/icons/arrow_down_s_fill.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -61,7 +61,10 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
     var colorTiny = color_picker_utils.ColorPickerUtils.getTinyColorInstance(variable.value);
     var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
     var handleOnClick = function handleOnClick() {
-      return setColor(colorHex);
+      return setColor({
+        value: colorHex,
+        name: "".concat(variable.name)
+      });
     };
     return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
       className: "aurora-cursor-pointer",
@@ -78,7 +81,10 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
     var colorTiny = color_picker_utils.ColorPickerUtils.getTinyColorInstance(variable.value);
     var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
     var handleOnClick = function handleOnClick() {
-      return setColor(colorHex, variable.name);
+      return setColor({
+        value: colorHex,
+        name: "".concat(variable.name)
+      });
     };
     return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
       className: "aurora-cursor-pointer",