@dreamcommerce/aurora 3.0.0-91 → 3.0.0-93

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

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var check_icon = require('../../assets/icons/check_icon.js');
+
+var _excluded = ["id", "name", "errors", "value", "disabled", "checked", "defaultChecked", "onCheckedChange", "className"];
+var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    _ref$errors = _ref.errors,
+    errors = _ref$errors === void 0 ? [] : _ref$errors,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    checked = _ref.checked,
+    defaultChecked = _ref.defaultChecked,
+    onCheckedChange = _ref.onCheckedChange,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(CheckboxPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
+    id: id,
+    name: name,
+    ref: ref,
+    className: cn.cn('aurora-peer aurora-h-5 aurora-w-5 aurora-shrink-0 aurora-rounded-4 aurora-bg-neutral-0 aurora-border hover:aurora-border-strong focus data-[state=checked]:aurora-bg-primary', {
+      'aurora-border-danger aurora-border-2': errors && errors.length > 0,
+      'disabled:aurora-cursor-not-allowed': disabled,
+      '!aurora-bg-active': disabled && checked
+    }, className),
+    value: value,
+    disabled: disabled,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    onCheckedChange: onCheckedChange
+  }, props), /*#__PURE__*/React.createElement(CheckboxPrimitive.Indicator, {
+    className: cn.cn('aurora-flex aurora-items-center aurora-justify-center aurora-text-current')
+  }, /*#__PURE__*/React.createElement(check_icon.CheckLineIcon, {
+    className: cn.cn('aurora-w-3.5 aurora-h-3.5 aurora-fill-inverse', {
+      'aurora-fill-inverse-disabled': disabled && checked
+    })
+  })));
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=checkbox.js.map

package/build/cjs/packages/aurora/src/components/checkbox/checkbox.js.map

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

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

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var color_picker_context = require('./color_picker_context.js');
+var pure_color_picker = require('./components/pure_color_picker.js');
+var setup_color_piceker = require('./hooks/setup_color_piceker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPicker = function ColorPicker(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    initialColor = _ref.initialColor,
+    colorVariables = _ref.colorVariables,
+    errors = _ref.errors,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    isWithGradient = _ref.withGradient;
+  var _useSetupColorPicker = setup_color_piceker['default']({
+      colorVariables: colorVariables,
+      initialColor: initialColor,
+      onChange: onChange,
+      onCancel: onCancel,
+      onSave: onSave,
+      withGradient: isWithGradient
+    }),
+    color = _useSetupColorPicker.color,
+    setColor = _useSetupColorPicker.setColor,
+    hex = _useSetupColorPicker.hex,
+    hslArr = _useSetupColorPicker.hslArr,
+    handleOnChangeAlpha = _useSetupColorPicker.handleOnChangeAlpha,
+    alphaValue = _useSetupColorPicker.alphaValue,
+    rgbaArr = _useSetupColorPicker.rgbaArr,
+    setR = _useSetupColorPicker.setR,
+    setG = _useSetupColorPicker.setG,
+    setB = _useSetupColorPicker.setB,
+    handleCancel = _useSetupColorPicker.handleCancel,
+    handleSave = _useSetupColorPicker.handleSave,
+    previousSolidColor = _useSetupColorPicker.previousSolidColor,
+    isCurrentValueGradient = _useSetupColorPicker.isCurrentValueGradient,
+    setLinear = _useSetupColorPicker.setLinear,
+    setRadial = _useSetupColorPicker.setRadial,
+    gradientType = _useSetupColorPicker.gradientType,
+    previousGradientColor = _useSetupColorPicker.previousGradientColor,
+    setSolid = _useSetupColorPicker.setSolid,
+    withGradient = _useSetupColorPicker.withGradient,
+    isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
+    setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
+  var value = React.useMemo(function () {
+    return {
+      color: color,
+      setColor: setColor,
+      hex: hex,
+      hslArr: hslArr,
+      handleOnChangeAlpha: handleOnChangeAlpha,
+      alphaValue: alphaValue,
+      rgbaArr: rgbaArr,
+      setR: setR,
+      setG: setG,
+      setB: setB,
+      handleCancel: handleCancel,
+      handleSave: handleSave,
+      colorVariables: colorVariables,
+      previousSolidColor: previousSolidColor,
+      isCurrentValueGradient: isCurrentValueGradient,
+      setLinear: setLinear,
+      setRadial: setRadial,
+      gradientType: gradientType,
+      setSolid: setSolid,
+      previousGradientColor: previousGradientColor,
+      withGradient: withGradient,
+      isColorPickerOpened: isColorPickerOpened,
+      setIsColorPickerOpened: setIsColorPickerOpened
+    };
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
+  return /*#__PURE__*/React__default['default'].createElement(color_picker_context.ColorPickerContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], {
+    id: id,
+    name: name,
+    colorVariables: colorVariables,
+    errors: errors
+  }));
+};
+
+exports.ColorPicker = ColorPicker;
+//# sourceMappingURL=color_picker.js.map

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

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

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
+var COLOR_PICKER_WIDTH = 247;
+var COLOR_PICKER_HEIGHT = 200;
+var COLOR_PICKER_ALPHA_MAX_VALUE = 100;
+var COLOR_PICKER_TYPES = {
+  HEX: 'hex',
+  RGB: 'rgb'
+};
+var COLOR_PICKER_SWATCH_SIZES = {
+  small: 'small',
+  big: 'big'
+};
+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_HEIGHT = COLOR_PICKER_HEIGHT;
+exports.COLOR_PICKER_INITIAL_STATE = COLOR_PICKER_INITIAL_STATE;
+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

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

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

@@ -0,0 +1,33 @@
+'use strict';
+
+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() {}
+});
+
+exports.ColorPickerContext = ColorPickerContext;
+//# sourceMappingURL=color_picker_context.js.map

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

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

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

@@ -0,0 +1,191 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var color_picker_constants = require('./color_picker_constants.js');
+var tinycolor = require('../../../../../external/tinycolor2/esm/tinycolor.js');
+
+var _ColorPickerUtils;
+var ColorPickerUtils = /*#__PURE__*/function () {
+  function ColorPickerUtils() {
+    _rollupPluginBabelHelpers.classCallCheck(this, ColorPickerUtils);
+  }
+  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())
+          };
+        })
+      };
+    }
+  }]);
+}();
+_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();
+});
+_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getHexValue", function (colorSet) {
+  var alphaValue = colorSet.getAlpha();
+  return alphaValue < 1 ? colorSet.toHex8() : colorSet.toHex();
+});
+_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getHexValueString", function (colorSet) {
+  return "#".concat(_ColorPickerUtils.getHexValue(colorSet));
+});
+_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "isHexChar", function (value) {
+  var hexRegEx = /^$|[0-9a-fA-F]+$/;
+  return hexRegEx.test(value);
+});
+_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "getAllColorTypes", function (color) {
+  var tinyColor = typeof color === 'string' ? _ColorPickerUtils.getTinyColorInstance(color) : _ColorPickerUtils.getTinyColorInstance(color.value);
+  var rgba = _ColorPickerUtils.getRgbaValue(tinyColor);
+  var hex = _ColorPickerUtils.getHexValue(tinyColor);
+  var hexString = _ColorPickerUtils.getHexValueString(tinyColor);
+  var allColorTypes = {
+    rgba: {
+      r: rgba.r,
+      g: rgba.g,
+      b: rgba.b,
+      a: rgba.a
+    },
+    hex: hex,
+    hexString: hexString
+  };
+  var variableName = {
+    variable: color.name ? "@".concat(color.name) : ''
+  };
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, allColorTypes), variableName && variableName);
+});
+_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');
+  var blackShade = [{
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 100,
+    name: "".concat(name, "s0")
+  }];
+  var whiteShade = [{
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 0,
+    name: "".concat(name, "s1000")
+  }];
+  var shades = [{
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 99,
+    name: "".concat(name, "s10")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 98,
+    name: "".concat(name, "s20")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 95,
+    name: "".concat(name, "s50")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 90,
+    name: "".concat(name, "s100")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 80,
+    name: "".concat(name, "s200")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 70,
+    name: "".concat(name, "s300")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 60,
+    name: "".concat(name, "s400")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 50,
+    name: "".concat(name, "s500")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 40,
+    name: "".concat(name, "s600")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 30,
+    name: "".concat(name, "s700")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 20,
+    name: "".concat(name, "s800")
+  }, {
+    h: colorHsl.h,
+    s: colorHsl.s,
+    l: 10,
+    name: "".concat(name, "s900")
+  }];
+  var result = [].concat(_rollupPluginBabelHelpers.toConsumableArray(isNeutral ? blackShade : []), shades, _rollupPluginBabelHelpers.toConsumableArray(isNeutral ? whiteShade : []));
+  return _ColorPickerUtils.convertVariableShadesToHex(result);
+});
+_rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "convertVariableShadesToHex", function (variables) {
+  return variables.map(function (variable) {
+    var colorTiny = _ColorPickerUtils.getTinyColorInstance({
+      h: variable.h,
+      s: variable.s,
+      l: variable.l
+    });
+    var colorHex = colorTiny.toHexString();
+    return {
+      name: variable.name,
+      value: colorHex
+    };
+  });
+});
+
+exports.ColorPickerUtils = ColorPickerUtils;
+//# sourceMappingURL=color_picker_utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,41 @@
+'use strict';
+
+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 input = require('../../input/input.js');
+var color_picker_constants = require('../color_picker_constants.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 }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerInput = function ColorPickerInput(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    errors = _ref.errors;
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    hex = _useColorPicker.hex,
+    color = _useColorPicker.color,
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
+    gradientType = _useColorPicker.gradientType;
+  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());
+  if (isCurrentValueGradient) colorName = gradientType === color_picker_constants.GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
+  return /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    type: "text",
+    id: id,
+    name: name,
+    value: colorName,
+    errors: errors,
+    readOnly: true
+  });
+};
+
+exports.ColorPickerInput = ColorPickerInput;
+//# sourceMappingURL=color_label_input.js.map

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

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

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+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 color_picker_header = require('./color_picker_header.js');
+var color_picker_impl = require('./color_picker_impl/color_picker_impl.js');
+var color_picker_variables = require('./color_picker_variables.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerContent = function ColorPickerContent() {
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    color = _useColorPicker.color,
+    setColor = _useColorPicker.setColor,
+    colorVariables = _useColorPicker.colorVariables,
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
+  var colorValue = typeof color === 'string' ? color : color.value;
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(color_picker_header.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-flex-col aurora-max-w-72 aurora-py-2 aurora-px-4 aurora-border-x"
+  }, /*#__PURE__*/React__default['default'].createElement(color_picker_impl.ColorPickerImpl, {
+    value: colorValue,
+    onChange: setColor,
+    width: color_picker_constants.COLOR_PICKER_WIDTH,
+    height: color_picker_constants.COLOR_PICKER_HEIGHT
+  }), colorVariables !== null && colorVariables !== void 0 && colorVariables.isVisible && !isCurrentValueGradient ? /*#__PURE__*/React__default['default'].createElement(color_picker_variables.ColorPickerVariables, {
+    variables: colorVariables.variables
+  }) : null), /*#__PURE__*/React__default['default'].createElement(color_picker_footer.ColorPickerFooter, null));
+};
+
+exports.ColorPickerContent = ColorPickerContent;
+//# sourceMappingURL=color_picker_content.js.map

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

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

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

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var stack = require('../../stack/stack.js');
+var typography = require('../../typography/typography.js');
+var tooltip = require('../../tooltip/tooltip.js');
+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 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 EyeDropper = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js');
+var GradientBar = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js');
+var GradientControls = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ColorPickerControls = function ColorPickerControls() {
+  var _usePicker = context.usePicker(),
+    handleChange = _usePicker.handleChange;
+  var _useTranslation = useTranslation.useTranslation(),
+    t = _useTranslation.t;
+  var _useColorPicker = use_color_picker.useColorPicker(),
+    withGradient = _useColorPicker.withGradient,
+    gradientType = _useColorPicker.gradientType,
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
+  var isLinearGradient = gradientType === color_picker_constants.GRADIENT_TYPES.linear;
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    justify: withGradient ? 'between' : 'end'
+  }, withGradient ? (/*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    spacing: "8"
+  }, /*#__PURE__*/React__default['default'].createElement(color_picker_mode_toggler.ColorPickerModeToggler, null))) : null, /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement(EyeDropper['default'], {
+    onSelect: handleChange
+  })), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
+    variant: "dark"
+  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
+    size: "xs",
+    weight: "medium"
+  }, "".concat(t('Sample color'))))))), withGradient && isCurrentValueGradient ? (/*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    justify: isLinearGradient ? 'between' : 'end'
+  }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, isLinearGradient ? /*#__PURE__*/React__default['default'].createElement(color_picker_gradient_angle.ColorPickerGradientAngle, null) : null, /*#__PURE__*/React__default['default'].createElement(GradientControls['default'], {
+    hideGradientType: true,
+    hideGradientAngle: true,
+    hideGradientStop: true
+  })))) : null, withGradient && isCurrentValueGradient ? (/*#__PURE__*/React__default['default'].createElement(stack.Stack, null, /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, null, /*#__PURE__*/React__default['default'].createElement(GradientBar['default'], null)), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
+    variant: "dark"
+  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
+    size: "xs",
+    weight: "medium"
+  }, "".concat(t('Add color')))))))) : null);
+};
+
+exports.ColorPickerControls = ColorPickerControls;
+//# sourceMappingURL=color_picker_controls.js.map

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

@@ -0,0 +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,yBAAyB,+FAAmG;AAC5H,0BAA0B,gGAAoG;AAC9H,+BAA+B,qGAAyG;AACxI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,52 @@
+'use strict';
+
+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 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 }; }
+
+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;
+  var _useTranslation = useTranslation.useTranslation(),
+    _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var handleCancelButton = function handleCancelButton() {
+    setIsColorPickerOpened(false);
+    handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
+  };
+  var handleSaveButton = function handleSaveButton() {
+    setIsColorPickerOpened(false);
+    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-rounded-b-16"
+  }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+    className: "aurora-capitalize aurora-flex-1",
+    variant: "secondary",
+    size: "s",
+    type: "button",
+    onClick: handleCancelButton
+  }, "".concat(t('cancel'))), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+    className: "aurora-capitalize aurora-flex-1",
+    type: "button",
+    size: "s",
+    onClick: handleSaveButton
+  }, "".concat(t('choose'))));
+};
+
+exports.ColorPickerFooter = ColorPickerFooter;
+//# sourceMappingURL=color_picker_footer.js.map

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

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