@dreamcommerce/aurora 2.12.1-4 → 2.12.1-41

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

@@ -3,54 +3,39 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var input = require('../controls/components/input.js');
-var index$1 = require('../../../../../external/react-color/lib/components/common/index.js');
-var css_classes = require('./css_classes.js');
-var main_module = require('../../css/color_picker_new/main.module.less.js');
-var colorPickerFooter = require('./components/color-picker-footer.js');
-var colorPickerHandler = require('./components/color-picker-handler.js');
-var colorPickerHeader = require('./components/color-picker-header.js');
-var colorPickerSwatch = require('./components/color-picker-swatch.js');
-var colorPickerSwatches = require('./components/color-picker-swatches.js');
-var index = require('../dropdown/index.js');
+var constants = require('./constants.js');
+var context = require('./context.js');
+var pureColorPicker = require('./components/pure-color-picker.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);
 
-// @ts-ignore
-const ColorPickerNew = ({ initialColor = '#fff', pickerText, onChange, onCancel, onSave }) => {
-    var _a;
-    const { color, handleChangeSaturation, handleChangeHue, handleChangeAlpha, handlePickSwatch, handleCancel, handleSave } = use_color_picker['default']({
-        initialColor,
+const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
+    const [color, setColor] = React.useState(initialColor ? initialColor : constants.COLOR_PICKER_INITIAL_STATE);
+    const { hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch } = use_color_picker['default']({
+        color,
+        setColor,
         onChange,
         onCancel,
         onSave
     });
-    return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPicker]}` },
-        React__default['default'].createElement(index['default'], null,
-            React__default['default'].createElement(index['default'].CustomLabel, null,
-                React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputContainer]}` },
-                    React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer]}` },
-                        React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { color: color === null || color === void 0 ? void 0 : color.rgba })),
-                    React__default['default'].createElement(input['default'], { value: (_a = color === null || color === void 0 ? void 0 : color.hex) === null || _a === void 0 ? void 0 : _a.toUpperCase(), readOnly: true }))),
-            React__default['default'].createElement(index['default'].Content, { onClickOutside: handleCancel },
-                React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, { text: pickerText, onCancel: handleCancel }),
-                React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerContainer]}` },
-                    React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerSaturation]}` },
-                        React__default['default'].createElement(index$1.common.Saturation, { hsl: color === null || color === void 0 ? void 0 : color.hsla, hsv: color === null || color === void 0 ? void 0 : color.hsva, pointer: () => React__default['default'].createElement(colorPickerHandler.ColorPickerHandler, { size: "big" }), onChange: handleChangeSaturation })),
-                    React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerHueAlphaContanier]}` },
-                        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerHueAlphaContanierSet]}` },
-                            React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerHue]}` },
-                                React__default['default'].createElement(index$1.common.Hue, { hsl: color === null || color === void 0 ? void 0 : color.hsla, pointer: colorPickerHandler.ColorPickerHandler, onChange: handleChangeHue })),
-                            React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerAlpha]}` },
-                                React__default['default'].createElement(index$1.common.Alpha, { rgb: color.rgba, hsl: color === null || color === void 0 ? void 0 : color.hsla, pointer: colorPickerHandler.ColorPickerHandler, onChange: handleChangeAlpha }))),
-                        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerHueAlphaContanierResult]}` },
-                            React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { color: color === null || color === void 0 ? void 0 : color.rgba, size: "big" }))),
-                    React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, { color: color.hsla, onClick: handlePickSwatch })),
-                React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, { onCancel: handleCancel, onSave: handleSave, color: color === null || color === void 0 ? void 0 : color.hex })))));
+    return (React__default['default'].createElement(context.ColorPickerNewContext.Provider, { value: {
+            hex,
+            hslArr,
+            handleOnChangeAlpha,
+            alphaValue,
+            rgbaArr,
+            setR,
+            setG,
+            setB,
+            handleCancel,
+            handleSave,
+            handlePickSwatch
+        } },
+        React__default['default'].createElement(pureColorPicker['default'], { color: color, setColor: setColor, id: id, name: name })));
 };
 
-exports.default = ColorPickerNew;
+exports.default = ColorPickerNewWithContext;
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,oEAAwE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/utilities.js

@@ -4,29 +4,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tinycolor = require('../../../../../external/tinycolor2/esm/tinycolor.js');
 
-const getAllColorFormats = (color) => {
-    const colorSet = tinycolor['default'](color);
-    return {
-        hsla: colorSet.toHsl(),
-        hsva: colorSet.toHsv(),
-        rgba: colorSet.toRgb(),
-        hex: getHexValue(colorSet)
-    };
+const getTinyColorInstance = (color) => {
+    return tinycolor['default'](color);
 };
-const getColorFormatsWithoutHsv = (hue) => {
-    const colorSet = tinycolor['default'](hue);
-    return {
-        hsla: hue,
-        rgba: colorSet.toRgb(),
-        hex: getHexValue(colorSet)
-    };
+const getRgbaValue = (colorSet) => {
+    return colorSet.toRgb();
 };
 const getHexValue = (colorSet) => {
     const alphaValue = colorSet.getAlpha();
     return alphaValue < 1 ? colorSet.toHex8() : colorSet.toHex();
+};
+const getHexValueString = (colorSet) => {
+    return `#${getHexValue(colorSet)}`;
+};
+const isHexChar = (value) => {
+    const hexRegEx = /^$|[0-9a-fA-F]+$/;
+    return hexRegEx.test(value);
+};
+const getAllColorTypes = (color) => {
+    const tinyColor = getTinyColorInstance(color);
+    const rgba = getRgbaValue(tinyColor);
+    const hex = getHexValue(tinyColor);
+    const hexString = getHexValueString(tinyColor);
+    return {
+        rgba: {
+            r: rgba.r,
+            g: rgba.g,
+            b: rgba.b,
+            a: rgba.a
+        },
+        hex: hex,
+        hexString: hexString
+    };
 };
 
-exports.getAllColorFormats = getAllColorFormats;
-exports.getColorFormatsWithoutHsv = getColorFormatsWithoutHsv;
+exports.getAllColorTypes = getAllColorTypes;
 exports.getHexValue = getHexValue;
+exports.getHexValueString = getHexValueString;
+exports.getRgbaValue = getRgbaValue;
+exports.getTinyColorInstance = getTinyColorInstance;
+exports.isHexChar = isHexChar;
 //# sourceMappingURL=utilities.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/utilities.js.map

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

package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js

@@ -11,14 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlColorPickerNew = ({ label, hint, isRequired, id, name, errors, labelAdditionalInfo, pickerText, initialColor, onChange, onCancel, onSave }) => {
+const ControlColorPickerNew = ({ label, hint, isRequired, id, name, errors, labelAdditionalInfo, initialColor, onChange, onCancel, onSave }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
             label,
             hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
-                React__default['default'].createElement(index$2['default'], { pickerText: pickerText, initialColor: initialColor, onChange: onChange, onCancel: onCancel, onSave: onSave }))),
+                React__default['default'].createElement(index$2['default'], { id: id, name: name, initialColor: initialColor, onChange: onChange, onCancel: onCancel, onSave: onSave }))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n  display: flex;\n  flex-direction: column;\n  padding: 9px 16px;\n}\n.main-module_color-picker__header__NFjKK {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 16px 9px 16px;\n  border-bottom: 1px solid #f3f4f8;\n  color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 8px;\n  padding: 6px 16px 0 16px;\n  border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n  margin-top: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n  margin-bottom: 4px;\n  color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n  display: flex;\n  justify-content: space-between;\n}\n.main-module_color-picker__swatch__2IbgR {\n  position: relative;\n  width: 26px;\n  height: 26px;\n  border-radius: 3px;\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n  overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n  width: 16px;\n  height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n  width: 30px;\n  height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n  position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n  padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n  position: absolute;\n  top: 7px;\n  left: 10px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n  display: flex;\n  background-color: transparent;\n  cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n  fill: #2d3748;\n}\n.main-module_color-picker__handler__WVp0b {\n  width: 8px;\n  height: 8px;\n  border: 1px solid #fff;\n  border-radius: 50%;\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);\n}\n.main-module_color-picker__handler_big__3KwDj {\n  width: 10px;\n  height: 10px;\n}\n.main-module_color-picker__saturation__19ayh {\n  position: relative;\n  width: 220px;\n  height: 200px;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__saturation__19ayh .main-module_color-picker__handler__WVp0b {\n  transform: translate(-4px, -4px);\n}\n.main-module_color-picker__hue-alpha-container__3TNSi {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n.main-module_color-picker__hue-alpha-container-set__27r78 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n.main-module_color-picker__hue-alpha-container-result__qiL7X {\n  flex-shrink: 0;\n}\n.main-module_color-picker__hue__1ow3q,\n.main-module_color-picker__alpha__1cXpq {\n  position: relative;\n  height: 10px;\n  border-radius: 10px;\n  overflow: hidden;\n}\n.main-module_color-picker__hue__1ow3q .main-module_color-picker__handler__WVp0b {\n  transform: translate(-4px, 1px);\n}\n.main-module_color-picker__alpha__1cXpq .main-module_color-picker__handler__WVp0b {\n  transform: translate(-2px, 1px);\n}\n";
-var styles = {"color-picker__container":"main-module_color-picker__container__14ccI","color-picker__header":"main-module_color-picker__header__NFjKK","color-picker__footer":"main-module_color-picker__footer__3JvEl","color-picker__swatches":"main-module_color-picker__swatches__1s2pY","color-picker__swatches-header":"main-module_color-picker__swatches-header__187FL","color-picker__swatches-content":"main-module_color-picker__swatches-content__3EFZR","color-picker__swatch":"main-module_color-picker__swatch__2IbgR","color-picker__swatch_small":"main-module_color-picker__swatch_small__3Z0pq","color-picker__swatch_big":"main-module_color-picker__swatch_big__2tsQC","color-picker__swatch-fill":"main-module_color-picker__swatch-fill__3D88w","color-picker__input-container":"main-module_color-picker__input-container__1cC2e","color-picker__input-color-swatch-container":"main-module_color-picker__input-color-swatch-container__3WX9B","color-picker__close-icon":"main-module_color-picker__close-icon__JcWAL","color-picker__handler":"main-module_color-picker__handler__WVp0b","color-picker__handler_big":"main-module_color-picker__handler_big__3KwDj","color-picker__saturation":"main-module_color-picker__saturation__19ayh","color-picker__hue-alpha-container":"main-module_color-picker__hue-alpha-container__3TNSi","color-picker__hue-alpha-container-set":"main-module_color-picker__hue-alpha-container-set__27r78","color-picker__hue-alpha-container-result":"main-module_color-picker__hue-alpha-container-result__qiL7X","color-picker__hue":"main-module_color-picker__hue__1ow3q","color-picker__alpha":"main-module_color-picker__alpha__1cXpq"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n  display: flex;\n  flex-direction: column;\n  max-width: 250px;\n  padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n  display: flex;\n  flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n  order: -1;\n  padding: 0 !important;\n  margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n  background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n  width: 24px;\n  height: 24px;\n  background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n  cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n  display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n  margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 16px 9px 16px;\n  border-bottom: 1px solid #f3f4f8;\n  color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 8px;\n  padding: 6px 16px 0 16px;\n  border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n  margin-top: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n  margin-bottom: 4px;\n  color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n  display: flex;\n  justify-content: space-between;\n  gap: 4px;\n}\n.main-module_color-picker__swatch__2IbgR {\n  position: relative;\n  width: 26px;\n  height: 26px;\n  border-radius: 3px;\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n  overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n  width: 16px;\n  height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n  width: 30px;\n  height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n  position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n  padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n  position: absolute;\n  top: 7px;\n  left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n  font-size: 12px;\n  color: #2d3748;\n  text-transform: uppercase;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center right;\n  padding-right: 10px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n  display: flex;\n  border: 1px solid #ececec;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input {\n  border-color: transparent;\n  border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:hover {\n  border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:not(:last-child) {\n  border-right: 1px solid #ececec;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:not(:last-child):hover {\n  border-right: 1px solid #ececec;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:last-child {\n  width: 44px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n  display: flex;\n  background-color: transparent;\n  cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n  fill: #2d3748;\n}\n";
+var styles = {"color-picker__container":"main-module_color-picker__container__14ccI","color-picker__rbgcp":"main-module_color-picker__rbgcp__2FKdw","color-picker__header":"main-module_color-picker__header__NFjKK","color-picker__footer":"main-module_color-picker__footer__3JvEl","color-picker__swatches":"main-module_color-picker__swatches__1s2pY","color-picker__swatches-header":"main-module_color-picker__swatches-header__187FL","color-picker__swatches-content":"main-module_color-picker__swatches-content__3EFZR","color-picker__swatch":"main-module_color-picker__swatch__2IbgR","color-picker__swatch_small":"main-module_color-picker__swatch_small__3Z0pq","color-picker__swatch_big":"main-module_color-picker__swatch_big__2tsQC","color-picker__swatch-fill":"main-module_color-picker__swatch-fill__3D88w","color-picker__input-container":"main-module_color-picker__input-container__1cC2e","color-picker__input-color-swatch-container":"main-module_color-picker__input-color-swatch-container__3WX9B","color-picker__inputs":"main-module_color-picker__inputs__3Cmmw","color-picker__inputs-type":"main-module_color-picker__inputs-type__1loVJ","color-picker__inputs-value-container":"main-module_color-picker__inputs-value-container__3ErVj","color-picker__close-icon":"main-module_color-picker__close-icon__JcWAL"};
 styleInject_es['default'](css_248z);
 
 exports.default = styles;

package/build/cjs/packages/aurora/src/translations/en.json.js

@@ -29,6 +29,7 @@ var Yesterday = "Yesterday";
 var Add = "Add";
 var Remove = "Remove";
 var Search = "Search";
+var save = "save";
 var en = {
 	date: date,
 	cancel: cancel,
@@ -83,7 +84,10 @@ var en = {
 	"Drag a file here or browse": "Drag a file here or browse",
 	"supported format": "supported format",
 	"The value cannot be greater than the width of the uploaded file": "The value cannot be greater than the width of the uploaded file",
-	"Invalid file format": "Invalid file format"
+	"Invalid file format": "Invalid file format",
+	save: save,
+	"Shades of color": "Shades of color",
+	"Select color": "Select color"
 };
 
 exports.Add = Add;
@@ -109,6 +113,7 @@ exports.monday = monday;
 exports.november = november;
 exports.october = october;
 exports.saturday = saturday;
+exports.save = save;
 exports.september = september;
 exports.sunday = sunday;
 exports.thursday = thursday;

package/build/cjs/packages/aurora/src/translations/en.json.js.map

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

package/build/cjs/packages/aurora/src/translations/pl.json.js

@@ -29,6 +29,7 @@ var Yesterday = "Wczoraj";
 var Add = "Dodaj";
 var Remove = "Usuń";
 var Search = "Szukaj";
+var save = "zapisz";
 var pl = {
 	date: date,
 	cancel: cancel,
@@ -83,7 +84,10 @@ var pl = {
 	"Drag a file here or browse": "Przeciągnij lub wybierz plik z dysku",
 	"supported format": "obsługiwany format",
 	"The value cannot be greater than the width of the uploaded file": "Wartość nie może być większa od szerokości wgranego pliku",
-	"Invalid file format": "Nieprawidłowy format pliku"
+	"Invalid file format": "Nieprawidłowy format pliku",
+	save: save,
+	"Shades of color": "Odcienie koloru",
+	"Select color": "Wybierz kolor"
 };
 
 exports.Add = Add;
@@ -109,6 +113,7 @@ exports.monday = monday;
 exports.november = november;
 exports.october = october;
 exports.saturday = saturday;
+exports.save = save;
 exports.september = september;
 exports.sunday = sunday;
 exports.thursday = thursday;

package/build/cjs/packages/aurora/src/translations/pl.json.js.map

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

package/build/esm/_virtual/eq.js_commonjs-proxy

@@ -1,3 +1,3 @@
-import eq_1 from '../external/react-color/external/lodash/eq.js';
-export { default } from '../external/react-color/external/lodash/eq.js';
+import eq_1 from '../external/lodash/eq.js';
+export { default } from '../external/lodash/eq.js';
 //# sourceMappingURL=eq.js_commonjs-proxy.map

package/build/esm/_virtual/eq.js_commonjs-proxy.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,iBAAiB,+CAAuD;AACxE,wBAAwB,+CAAuD;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,iBAAiB,0BAA8B;AAC/C,wBAAwB,0BAA8B;"}

package/build/esm/_virtual/index.js_commonjs-proxy

@@ -1,3 +1,3 @@
-import propTypes from '../external/prop-types/index.js';
-export { default } from '../external/prop-types/index.js';
+import reactIs from '../external/prop-types/external/react-is/index.js';
+export { default } from '../external/prop-types/external/react-is/index.js';
 //# sourceMappingURL=index.js_commonjs-proxy.map

package/build/esm/_virtual/index.js_commonjs-proxy.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,sBAAsB,iCAAqC;AAC3D,wBAAwB,iCAAqC;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,mDAA2D;AAC/E,wBAAwB,mDAA2D;"}

package/build/esm/_virtual/index2.js_commonjs-proxy

@@ -1,3 +1,3 @@
-import { l as lib } from '../external/reactcss/lib/index.js';
-export { l as default } from '../external/reactcss/lib/index.js';
+import reactIs from '../external/hoist-non-react-statics/external/react-is/index.js';
+export { default } from '../external/hoist-non-react-statics/external/react-is/index.js';
 //# sourceMappingURL=index2.js_commonjs-proxy.map

package/build/esm/_virtual/index2.js_commonjs-proxy.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,yBAAyB,mCAAuC;AAChE,6BAA6B,mCAAuC;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,gEAAwE;AAC5F,wBAAwB,gEAAwE;"}

package/build/esm/_virtual/index3.js_commonjs-proxy

@@ -1,3 +1,3 @@
-import reactIs from '../external/prop-types/external/react-is/index.js';
-export { default } from '../external/prop-types/external/react-is/index.js';
+import colorName from '../external/color-name/index.js';
+export { default } from '../external/color-name/index.js';
 //# sourceMappingURL=index3.js_commonjs-proxy.map

package/build/esm/_virtual/index3.js_commonjs-proxy.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,mDAA2D;AAC/E,wBAAwB,mDAA2D;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,sBAAsB,iCAAqC;AAC3D,wBAAwB,iCAAqC;"}

package/build/esm/_virtual/index4.js_commonjs-proxy

@@ -1,3 +1,3 @@
-import reactIs from '../external/hoist-non-react-statics/external/react-is/index.js';
-export { default } from '../external/hoist-non-react-statics/external/react-is/index.js';
+import objectAssign from '../external/object-assign/index.js';
+export { default } from '../external/object-assign/index.js';
 //# sourceMappingURL=index4.js_commonjs-proxy.map

package/build/esm/_virtual/index4.js_commonjs-proxy.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,gEAAwE;AAC5F,wBAAwB,gEAAwE;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,yBAAyB,oCAAwC;AACjE,wBAAwB,oCAAwC;"}