@dreamcommerce/aurora 2.12.1-31 → 2.12.1-32

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

@@ -5,21 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const cssColorPicker = 'color-picker';
 const cssColorPickerContainer = 'color-picker__container';
 const cssColorPickerRbgcp = 'color-picker__rbgcp';
-const cssColorPickerHeader = 'color-picker__header';
-const cssColorPickerCloseIcon = 'color-picker__close-icon';
 const cssColorPickerSwatch = 'color-picker__swatch';
 const cssColorPickerSwatchSmall = 'color-picker__swatch_small';
 const cssColorPickerSwatchBig = 'color-picker__swatch_big';
 const cssColorPickerSwatchFill = 'color-picker__swatch-fill';
 const cssColorPickerInputColorSwatchContainer = 'color-picker__input-color-swatch-container';
-const cssColorPickerInputContainer = 'color-picker__input-container';
-const cssColorPickerFooter = 'color-picker__footer';
+const cssColorPickerInputContainer = 'color-picker__input-container';
 
 exports.cssColorPicker = cssColorPicker;
-exports.cssColorPickerCloseIcon = cssColorPickerCloseIcon;
 exports.cssColorPickerContainer = cssColorPickerContainer;
-exports.cssColorPickerFooter = cssColorPickerFooter;
-exports.cssColorPickerHeader = cssColorPickerHeader;
 exports.cssColorPickerInputColorSwatchContainer = cssColorPickerInputColorSwatchContainer;
 exports.cssColorPickerInputContainer = cssColorPickerInputContainer;
 exports.cssColorPickerRbgcp = cssColorPickerRbgcp;

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

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

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var input = require('../controls/components/input.js');
 var constants = require('./constants.js');
 var css_classes = require('./css_classes.js');
 var index$1 = require('../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
 var context = require('./context.js');
 var main_module = require('../../css/color_picker_new/main.module.less.js');
-var colorPickerFooter = require('./components/color-picker-footer.js');
-var colorPickerHeader = require('./components/color-picker-header.js');
 var colorPickerSwatch = require('./components/color-picker-swatch.js');
 var index = require('../dropdown/index.js');
 var use_color_picker = require('./hooks/use_color_picker.js');
@@ -26,13 +23,10 @@ const ColorPickerNewPure = ({ id, name }) => {
             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 })),
-                    React__default['default'].createElement(input['default'], { type: "text", id: id, name: name, value: `# ${hex === null || hex === void 0 ? void 0 : hex.toUpperCase()}`, readOnly: true }))),
+                        React__default['default'].createElement(colorPickerSwatch.ColorPickerSwatch, { color: color })))),
             React__default['default'].createElement(index['default'].Content, { onClickOutside: handleCancel },
-                React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null),
                 React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerContainer]}` },
-                    React__default['default'].createElement(index$1.ColorPicker, { value: color, onChange: setColor, width: constants.COLOR_PICKER_WIDTH, height: constants.COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${main_module['default'][css_classes.cssColorPickerRbgcp]}` })),
-                React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null)))));
+                    React__default['default'].createElement(index$1.ColorPicker, { value: color, onChange: setColor, width: constants.COLOR_PICKER_WIDTH, height: constants.COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${main_module['default'][css_classes.cssColorPickerRbgcp]}` }))))));
 };
 const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
     const colorPickerNewContext = use_color_picker['default']({

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;AACA;AACA,sBAAsB,uFAA2F;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uFAA2F;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js

@@ -1,28 +1,27 @@
 import React, { useContext } from 'react';
-import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
-import Button from '../../button/index.js';
-import { DropdownContext } from '../../dropdown/context/index.js';
-import { cssColorPickerFooter } from '../css_classes.js';
-import { ColorPickerNewContext } from '../context.js';
-import { getAllColorTypes } from '../utilities.js';
-import styles from '../../../css/color_picker_new/main.module.less.js';
-
-const ColorPickerFooter = () => {
-    const { closeDropdown } = useContext(DropdownContext);
-    const { color, handleCancel, handleSave } = useContext(ColorPickerNewContext);
-    const [t] = useTranslation();
-    const handleCancelButton = () => {
-        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
-        handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
-    };
-    const handleSaveButton = () => {
-        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
-        handleSave(getAllColorTypes(color));
-    };
-    return (React.createElement("div", { className: `${styles[cssColorPickerFooter]}` },
-        React.createElement(Button, { size: "small", variant: "outline", onClick: handleCancelButton }, t('cancel')),
-        React.createElement(Button, { size: "small", onClick: handleSaveButton }, t('save'))));
+import Button from '@auroraComponents/button';
+import { ColorPickerNewContext } from '../context';
+import { DropdownContext } from '@auroraComponents/dropdown/context';
+import '../types';
+import '@auroraComponents/dropdown/context/types';
+import { cssColorPickerFooter } from '../css_classes';
+import { getAllColorTypes } from '../utilities';
+import styles from '@auroraCss/color_picker_new/main.module.less';
+import { useTranslation } from 'react-i18next';
+export const ColorPickerFooter = () => {
+    const { closeDropdown } = useContext(DropdownContext);
+    const { color, handleCancel, handleSave } = useContext(ColorPickerNewContext);
+    const [t] = useTranslation();
+    const handleCancelButton = () => {
+        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
+        handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
+    };
+    const handleSaveButton = () => {
+        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
+        handleSave(getAllColorTypes(color));
+    };
+    return (React.createElement("div", { className: `${styles[cssColorPickerFooter]}` },
+        React.createElement(Button, { size: "small", variant: "outline", onClick: handleCancelButton }, t('cancel')),
+        React.createElement(Button, { size: "small", onClick: handleSaveButton }, t('save'))));
 };
-
-export { ColorPickerFooter };
-//# sourceMappingURL=color-picker-footer.js.map
+//# sourceMappingURL=color-picker-footer.js.map

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"color-picker-footer.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker_new/components/color-picker-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAA4C,UAAU,CAAC;AACvD,OAAiC,0CAA0C,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,MAAM,MAAM,8CAA8C,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,aAAa,EAAE,GAAqB,UAAU,CAAC,eAAe,CAAC,CAAC;IACxE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,UAAU,CAA8B,qBAAqB,CAAC,CAAC;IAC3G,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;QAClB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;QAClB,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,CAAC,EAAE;QAC7C,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,kBAAkB,IAC7D,CAAC,CAAC,QAAQ,CAAC,CACP;QAET,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,gBAAgB,IACzC,CAAC,CAAC,MAAM,CAAC,CACL,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js

@@ -1,33 +1,32 @@
 import React, { useContext, useEffect } from 'react';
-import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
-import { DropdownContext } from '../../dropdown/context/index.js';
-import { cssColorPickerHeader, cssColorPickerCloseIcon } from '../css_classes.js';
-import { ColorPickerNewContext } from '../context.js';
-import styles from '../../../css/color_picker_new/main.module.less.js';
-import IconClose from '../../../assets/icon_close.js';
-
-const ColorPickerHeader = () => {
-    const { handleCancel } = useContext(ColorPickerNewContext);
-    const [t] = useTranslation();
-    const { closeDropdown, isOpen } = useContext(DropdownContext);
-    const handleCancelButton = () => {
-        closePicker();
-    };
-    const closePicker = () => {
-        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
-        handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
-    };
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        document.addEventListener('visibilitychange', closePicker);
-        return () => document.removeEventListener('visibilitychange', closePicker);
-    }, [isOpen]);
-    return (React.createElement("div", { className: `${styles[cssColorPickerHeader]}` },
-        t('Select color'),
-        React.createElement("button", { onClick: handleCancelButton, className: `${styles[cssColorPickerCloseIcon]}` },
-            React.createElement(IconClose, { size: "m" }))));
+import { cssColorPickerCloseIcon, cssColorPickerHeader } from '../css_classes';
+import { ColorPickerNewContext } from '../context';
+import { DropdownContext } from '@auroraComponents/dropdown/context';
+import '../types';
+import '@auroraComponents/dropdown/context/types';
+import IconClose from '@auroraAssets/icon_close';
+import styles from '@auroraCss/color_picker_new/main.module.less';
+import { useTranslation } from 'react-i18next';
+export const ColorPickerHeader = () => {
+    const { handleCancel } = useContext(ColorPickerNewContext);
+    const [t] = useTranslation();
+    const { closeDropdown, isOpen } = useContext(DropdownContext);
+    const handleCancelButton = () => {
+        closePicker();
+    };
+    const closePicker = () => {
+        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
+        handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
+    };
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        document.addEventListener('visibilitychange', closePicker);
+        return () => document.removeEventListener('visibilitychange', closePicker);
+    }, [isOpen]);
+    return (React.createElement("div", { className: `${styles[cssColorPickerHeader]}` },
+        t('Select color'),
+        React.createElement("button", { onClick: handleCancelButton, className: `${styles[cssColorPickerCloseIcon]}` },
+            React.createElement(IconClose, { size: "m" }))));
 };
-
-export { ColorPickerHeader };
-//# sourceMappingURL=color-picker-header.js.map
+//# sourceMappingURL=color-picker-header.js.map

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"color-picker-header.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker_new/components/color-picker-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAA4C,UAAU,CAAC;AACvD,OAAiC,0CAA0C,CAAC;AAC5E,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,MAAM,MAAM,8CAA8C,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAA8B,qBAAqB,CAAC,CAAC;IACxF,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAqB,UAAU,CAAC,eAAe,CAAC,CAAC;IAEhF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;QAClB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;IACrB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,CAAC,EAAE;QAC5C,CAAC,CAAC,cAAc,CAAC;QAElB,gCAAQ,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,CAAC,EAAE;YAChF,oBAAC,SAAS,IAAC,IAAI,EAAC,GAAG,GAAG,CACjB,CACP,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,15 +1,12 @@
 const cssColorPicker = 'color-picker';
 const cssColorPickerContainer = 'color-picker__container';
 const cssColorPickerRbgcp = 'color-picker__rbgcp';
-const cssColorPickerHeader = 'color-picker__header';
-const cssColorPickerCloseIcon = 'color-picker__close-icon';
 const cssColorPickerSwatch = 'color-picker__swatch';
 const cssColorPickerSwatchSmall = 'color-picker__swatch_small';
 const cssColorPickerSwatchBig = 'color-picker__swatch_big';
 const cssColorPickerSwatchFill = 'color-picker__swatch-fill';
 const cssColorPickerInputColorSwatchContainer = 'color-picker__input-color-swatch-container';
-const cssColorPickerInputContainer = 'color-picker__input-container';
-const cssColorPickerFooter = 'color-picker__footer';
+const cssColorPickerInputContainer = 'color-picker__input-container';
 
-export { cssColorPicker, cssColorPickerCloseIcon, cssColorPickerContainer, cssColorPickerFooter, cssColorPickerHeader, cssColorPickerInputColorSwatchContainer, cssColorPickerInputContainer, cssColorPickerRbgcp, cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchFill, cssColorPickerSwatchSmall };
+export { cssColorPicker, cssColorPickerContainer, cssColorPickerInputColorSwatchContainer, cssColorPickerInputContainer, cssColorPickerRbgcp, cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchFill, cssColorPickerSwatchSmall };
 //# sourceMappingURL=css_classes.js.map

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

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

@@ -1,12 +1,9 @@
 import React, { useContext } from 'react';
-import Input from '../controls/components/input.js';
 import { COLOR_PICKER_WIDTH, COLOR_PICKER_HEIGHT } from './constants.js';
 import { cssColorPicker, cssColorPickerInputContainer, cssColorPickerInputColorSwatchContainer, cssColorPickerContainer, cssColorPickerRbgcp } from './css_classes.js';
 import { ColorPicker } from '../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js';
 import { ColorPickerNewContext } from './context.js';
 import styles from '../../css/color_picker_new/main.module.less.js';
-import { ColorPickerFooter } from './components/color-picker-footer.js';
-import { ColorPickerHeader } from './components/color-picker-header.js';
 import { ColorPickerSwatch } from './components/color-picker-swatch.js';
 import Dropdown from '../dropdown/index.js';
 import useColorPicker from './hooks/use_color_picker.js';
@@ -18,13 +15,10 @@ const ColorPickerNewPure = ({ id, name }) => {
             React.createElement(Dropdown.CustomLabel, null,
                 React.createElement("div", { className: `${styles[cssColorPickerInputContainer]}` },
                     React.createElement("div", { className: `${styles[cssColorPickerInputColorSwatchContainer]}` },
-                        React.createElement(ColorPickerSwatch, { color: color })),
-                    React.createElement(Input, { type: "text", id: id, name: name, value: `# ${hex === null || hex === void 0 ? void 0 : hex.toUpperCase()}`, readOnly: true }))),
+                        React.createElement(ColorPickerSwatch, { color: color })))),
             React.createElement(Dropdown.Content, { onClickOutside: handleCancel },
-                React.createElement(ColorPickerHeader, null),
                 React.createElement("div", { className: `${styles[cssColorPickerContainer]}` },
-                    React.createElement(ColorPicker, { value: color, onChange: setColor, width: COLOR_PICKER_WIDTH, height: COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${styles[cssColorPickerRbgcp]}` })),
-                React.createElement(ColorPickerFooter, null)))));
+                    React.createElement(ColorPicker, { value: color, onChange: setColor, width: COLOR_PICKER_WIDTH, height: COLOR_PICKER_HEIGHT, hideColorTypeBtns: true, hideColorGuide: true, hideAdvancedSliders: true, hideInputType: true, hideInputs: true, hidePresets: true, className: `${styles[cssColorPickerRbgcp]}` }))))));
 };
 const ColorPickerNewWithContext = ({ id, name, initialColor, onChange, onCancel, onSave }) => {
     const colorPickerNewContext = useColorPicker({

package/build/esm/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,4BAA4B,uFAA2F;AACvH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4BAA4B,uFAA2F;AACvH;AACA;AACA;AACA;AACA;AACA;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/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.12.1-31",
+  "version": "2.12.1-32",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var index$1 = require('../../button/index.js');
-var index = require('../../dropdown/context/index.js');
-var css_classes = require('../css_classes.js');
-var context = require('../context.js');
-var utilities = require('../utilities.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ColorPickerFooter = () => {
-    const { closeDropdown } = React.useContext(index.DropdownContext);
-    const { color, handleCancel, handleSave } = React.useContext(context.ColorPickerNewContext);
-    const [t] = useTranslation.useTranslation();
-    const handleCancelButton = () => {
-        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
-        handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
-    };
-    const handleSaveButton = () => {
-        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
-        handleSave(utilities.getAllColorTypes(color));
-    };
-    return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerFooter]}` },
-        React__default['default'].createElement(index$1['default'], { size: "small", variant: "outline", onClick: handleCancelButton }, t('cancel')),
-        React__default['default'].createElement(index$1['default'], { size: "small", onClick: handleSaveButton }, t('save'))));
-};
-
-exports.ColorPickerFooter = ColorPickerFooter;
-//# sourceMappingURL=color-picker-footer.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map

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

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var index = require('../../dropdown/context/index.js');
-var css_classes = require('../css_classes.js');
-var context = require('../context.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
-var icon_close = require('../../../assets/icon_close.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ColorPickerHeader = () => {
-    const { handleCancel } = React.useContext(context.ColorPickerNewContext);
-    const [t] = useTranslation.useTranslation();
-    const { closeDropdown, isOpen } = React.useContext(index.DropdownContext);
-    const handleCancelButton = () => {
-        closePicker();
-    };
-    const closePicker = () => {
-        closeDropdown === null || closeDropdown === void 0 ? void 0 : closeDropdown();
-        handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
-    };
-    React.useEffect(() => {
-        if (!isOpen)
-            return;
-        document.addEventListener('visibilitychange', closePicker);
-        return () => document.removeEventListener('visibilitychange', closePicker);
-    }, [isOpen]);
-    return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssColorPickerHeader]}` },
-        t('Select color'),
-        React__default['default'].createElement("button", { onClick: handleCancelButton, className: `${main_module['default'][css_classes.cssColorPickerCloseIcon]}` },
-            React__default['default'].createElement(icon_close['default'], { size: "m" }))));
-};
-
-exports.ColorPickerHeader = ColorPickerHeader;
-//# sourceMappingURL=color-picker-header.js.map

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map

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