@dreamcommerce/aurora 2.12.0-1 → 2.12.1-1

package/build/esm/packages/aurora/src/components/controls/types.js

@@ -2,6 +2,7 @@ import 'react';
 import '@auroraComponents/file_picker/types';
 import '@auroraComponents/image_picker/types';
 import '@auroraComponents/dropdown/types';
+import '@auroraComponents/color_picker_new/types';
 import '@auroraComponents/color_picker/types';
 import '@auroraComponents/range/types';
 import '@dreamcommerce/star_core';

package/build/esm/packages/aurora/src/components/controls/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAoD,qCAAqC,CAAC;AAC1F,OAAyC,sCAAsC,CAAC;AAChF,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAAuB,+BAA+B,CAAC;AACvD,OAAiC,0BAA0B,CAAC;AAC5D,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0G,OAAO,CAAC;AAClH,OAAoD,qCAAqC,CAAC;AAC1F,OAAyC,sCAAsC,CAAC;AAChF,OAAgD,kCAAkC,CAAC;AAEnF,OAAqC,0CAA0C,CAAC;AAChF,OAAkC,sCAAsC,CAAC;AACzE,OAAuB,+BAA+B,CAAC;AACvD,OAAiC,0BAA0B,CAAC;AAC5D,OAAkB,OAAO,CAAC;AAC1B,OAAkC,wBAAwB,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/content.js

@@ -1,12 +1,12 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { UiDomUtils } from '@dreamcommerce/utilities';
 import { createPortal } from 'react-dom';
 import classnames from 'classnames';
 import cssClasses$3 from '../../../css/icons/main.module.less.js';
 import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
-import { UiDomUtils } from '@dreamcommerce/utilities';
 import withTranslation from '../../../utilities/translation/with_translation.js';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_CONTENT_ARROW_HEIGHT, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
@@ -24,7 +24,7 @@ import cssClasses$2 from '../../../css/tooltip/main.module.less.js';
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
  */
-const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', cssClass, portalContainer }) => {
+const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', cssClass, portalContainer, onClickOutside }) => {
     const [t] = useTranslation();
     const contentRef = useRef(null);
     const { wrapperRef, toggleDropdown, isOpen } = useDropdownContext();
@@ -68,6 +68,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         callback: () => {
             if (typeof toggleDropdown === 'function') {
                 toggleDropdown();
+                onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside();
             }
         }
     });

package/build/esm/packages/aurora/src/components/dropdown/components/content.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/dropdown/components/select.js

@@ -2,10 +2,10 @@ import React, { useRef } from 'react';
 import { useDropdownContext } from '../context/index.js';
 import { cssControlInputRemoveButton } from '../../controls/css_classes.js';
 import inputCssClasses from '../../../css/input/main.module.less.js';
+import IconClose from '../../../assets/icon_close.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { filterOptionDuplicatesByProperty } from '../utilities.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
-import IconClose from '../../../assets/icon_close.js';
 import InputWrapper from '../../controls/components/input_wrapper.js';
 
 /**

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

@@ -10,10 +10,10 @@ import Label from './components/label.js';
 import Link from './components/link.js';
 import List from './components/list.js';
 import Option from './components/option.js';
+import { useToggle } from './hooks/use_toggle.js';
 import OptionMultiple from './components/option_multiple.js';
 import Search from './components/search.js';
 import Select from './components/select.js';
-import { useToggle } from './hooks/use_toggle.js';
 
 /**
  * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create

package/build/esm/packages/aurora/src/components/dropdown/types.d.ts

@@ -50,6 +50,7 @@ export interface IDropdownContentProps {
     horizontalPosition?: 'left' | 'right';
     verticalPosition?: 'top' | 'bottom';
     cssClass?: string;
+    onClickOutside?: () => void;
 }
 export interface IDropdownItemWithHover {
     children?: ReactNode;

package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import Stack from '../../stack/index.js';
-import { CSSTransition } from 'react-transition-group';
 import IconClose from '../../../assets/icon_close.js';
+import { CSSTransition } from 'react-transition-group';
 import cssClasses from '../../../css/flash_message/main.module.less.js';
 import { useFlashMessenger } from '../context.js';
 import MessageBox from '../../message-box/index.js';

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

@@ -1,10 +1,10 @@
 import React, { useRef } from 'react';
 import { DropdownContext } from '../dropdown/context/index.js';
-import { classNames } from '../../utilities/styles/classNames.js';
 import cssClasses from '../../css/hint/main.module.less.js';
+import { classNames } from '../../utilities/styles/classNames.js';
+import IconHint from '../../assets/icon_hint.js';
 import { useToggle } from '../dropdown/hooks/use_toggle.js';
 import Dropdown from '../dropdown/index.js';
-import IconHint from '../../assets/icon_hint.js';
 
 const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', spacingLeft, spacingRight, iconClass, Icon, onToggle }) => {
     const wrapperRef = useRef(null);

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

@@ -1,8 +1,8 @@
 import React, { memo, createRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { FILES_EXTENSIONS } from '../file_picker/constants.js';
 import { createUseStyles } from '../../../../../external/react-jss/dist/react-jss.esm.js';
 import classnames from 'classnames';
-import { FILES_EXTENSIONS } from '../file_picker/constants.js';
 import { ErrorsList } from '../controls/components/errors_list.js';
 import { getAcceptFilesParametersFromAllowedExtensions } from '../file_picker/utils.js';
 import { useFilePicker } from '../file_picker/use_file_picker.js';

package/build/esm/packages/aurora/src/components/image_picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,iEAAqE;AACpG;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/label/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import classnames from 'classnames';
+import Stack from '../stack/index.js';
 import { useControlContext } from '../controls/context.js';
 import cssClasses from '../../css/label/main.module.less.js';
 import { cssLabel, cssLabelRequired, cssLabelError, cssLabelAdditionalInfo } from './css_classes.js';
-import Stack from '../stack/index.js';
 
 const Label = ({ isRequired = false, children, additionalInfo, ...props }) => {
     const { errors } = useControlContext();

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import classnames from 'classnames';
 import { DIRECTION } from '../../constants/directions.js';
+import classnames from 'classnames';
 import { useClickOutside } from '../../hooks/use_click_outside.js';
 import CSS_CLASSES from './css_classes.js';
 import cssClasses from '../../css/slide/main.module.less.js';

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

@@ -0,0 +1,8 @@
+import styleInject from '../../../../../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"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=main.module.less.js.map

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

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

package/build/esm/packages/aurora/src/css/message-box/main.module.less.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../../../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/** Form Variables */\n/** Errors */\n.main-module_link__3TzzF {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-top: 0.25rem;\n  color: #135cc8;\n  text-decoration: none;\n}\n.main-module_link__3TzzF * {\n  color: #135cc8;\n  fill: #135cc8;\n}\n.main-module_link__3TzzF:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\n.main-module_message-box__2eSFA {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  padding: 1rem;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: #ebeffa;\n  border-radius: 3px;\n  color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_message-box__2eSFA a {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-top: 0.25rem;\n  color: #135cc8;\n  text-decoration: none;\n  display: inline-flex;\n  margin-top: 0;\n}\n.main-module_message-box__2eSFA a * {\n  color: #135cc8;\n  fill: #135cc8;\n}\n.main-module_message-box__2eSFA a:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\n.main-module_message-box__2eSFA a[target^=\"_blank\"] {\n  align-items: baseline;\n}\n.main-module_message-box__2eSFA a[target^=\"_blank\"]::after {\n  font-family: 'aurora-icons';\n  content: '\\E97D';\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n}\n.main-module_message-box__2eSFA ul {\n  padding-left: 20px;\n}\n.main-module_message-box__2eSFA ul:not(:last-child) {\n  margin-bottom: 15px;\n}\n.main-module_message-box__2eSFA ul li {\n  list-style: disc;\n  margin: 3px 0;\n}\n.main-module_message-box__2eSFA ul li:last-child {\n  margin-bottom: 0;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n  background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n  content: '\\E93E';\n  color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n  color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n  background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n  color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n  background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n  content: '\\E93D';\n  color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n  background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n  width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n  border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n  content: '';\n  display: block;\n  position: absolute;\n  border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n  top: -10px;\n  left: 9px;\n  border-width: 5px;\n  border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n  left: auto;\n  right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n  left: auto;\n  right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n  border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n  justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n  display: inline-block;\n  font-family: 'aurora-icons';\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: inherit;\n  text-decoration: none;\n  position: relative;\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 18px;\n  font-size: 1.2857142857142858rem;\n  color: #abb4cd;\n  margin-right: 1rem;\n  content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n  display: flex;\n  margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n  margin-right: 0;\n  content: '';\n}\n.main-module_message-box__content__zxfHd {\n  max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n  font-size: 16px;\n  font-size: 1.1428571428571428rem;\n  font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n  margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n  .main-module_message-box__2eSFA {\n    justify-content: center;\n  }\n  .main-module_message-box__content__zxfHd {\n    max-width: 100%;\n  }\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_link__3TzzF {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-top: 0.25rem;\n  color: #135cc8;\n  text-decoration: none;\n}\n.main-module_link__3TzzF * {\n  color: #135cc8;\n  fill: #135cc8;\n}\n.main-module_link__3TzzF:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\n.main-module_message-box__2eSFA {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  padding: 1rem;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: #ebeffa;\n  border-radius: 3px;\n  color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n  margin-bottom: 1rem;\n}\n.main-module_message-box__2eSFA a {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-top: 0.25rem;\n  color: #135cc8;\n  text-decoration: none;\n  display: inline-flex;\n  margin-top: 0;\n}\n.main-module_message-box__2eSFA a * {\n  color: #135cc8;\n  fill: #135cc8;\n}\n.main-module_message-box__2eSFA a:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\n.main-module_message-box__2eSFA a[target^=\"_blank\"] {\n  align-items: baseline;\n}\n.main-module_message-box__2eSFA a[target^=\"_blank\"]::after {\n  font-family: 'aurora-icons';\n  content: '\\E97D';\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_message-box__2eSFA ul {\n  padding-left: 20px;\n}\n.main-module_message-box__2eSFA ul:not(:last-child) {\n  margin-bottom: 15px;\n}\n.main-module_message-box__2eSFA ul li {\n  list-style: disc;\n  margin: 3px 0;\n}\n.main-module_message-box__2eSFA ul li:last-child {\n  margin-bottom: 0;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n  background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n  content: '\\E93E';\n  color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n  color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n  background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n  color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n  background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n  content: '\\E93D';\n  color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n  background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n  width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n  border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n  content: '';\n  display: block;\n  position: absolute;\n  border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n  top: -10px;\n  left: 9px;\n  border-width: 5px;\n  border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n  left: auto;\n  right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n  left: auto;\n  right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n  border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n  justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n  display: inline-block;\n  font-family: 'aurora-icons';\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: inherit;\n  text-decoration: none;\n  position: relative;\n  vertical-align: middle;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 18px;\n  font-size: 1.2857142857142858rem;\n  color: #abb4cd;\n  margin-right: 1rem;\n  content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n  display: flex;\n  margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n  margin-right: 0;\n  content: '';\n}\n.main-module_message-box__content__zxfHd {\n  max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n  font-size: 16px;\n  font-size: 1.1428571428571428rem;\n  font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n  margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n  .main-module_message-box__2eSFA {\n    justify-content: center;\n  }\n  .main-module_message-box__content__zxfHd {\n    max-width: 100%;\n  }\n}\n";
 var cssClasses = {"link":"main-module_link__3TzzF","message-box":"main-module_message-box__2eSFA","message-box_alert":"main-module_message-box_alert__3K_Ml","message-box_error":"main-module_message-box_error__Cbckk","message-box__icon":"main-module_message-box__icon__2N_H_","message-box__header":"main-module_message-box__header__9jQvW","message-box_warning":"main-module_message-box_warning__3Gk_4","message-box_success":"main-module_message-box_success__1poUE","message-box_light":"main-module_message-box_light__1AtoA","message-box_full-width":"main-module_message-box_full-width__PSXNS","message-box_arrow":"main-module_message-box_arrow__2pC5G","message-box_arrow-right":"main-module_message-box_arrow-right__1hMSX","message-box_center":"main-module_message-box_center__2M7Yr","message-box__icon_custom-icon":"main-module_message-box__icon_custom-icon__2lVfZ","message-box__content":"main-module_message-box__content__zxfHd"};
 styleInject(css_248z);
 

package/build/esm/packages/aurora/src/index.d.ts

@@ -5,22 +5,25 @@ import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
  */
 import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
 import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
+import { TImagePickerFile, TImageSize } from "./components/image_picker/types";
 import AbsoluteModal from "./components/modal/hoc/absolute_modal";
 /**
  * import components for export
  */
 import Accordion from "./components/accordion";
+import Breadcrumbs from "./components/breadcrumbs";
 import Button from "./components/button";
 import ButtonsGroup from "./components/buttons_group";
 import ColorPicker from "./components/color_picker";
+import ColorPickerNew from "./components/color_picker_new";
 import Control from "./components/controls";
 import ControlCellSelector from "./components/controls/hoc/control_cell_selector";
 import ControlCheckbox from "./components/controls/hoc/control_checkbox";
 import ControlCheckboxSwitch from "./components/controls/hoc/control_checkbox_switch";
 import ControlColorPicker from "./components/controls/hoc/control_color_picker";
+import ControlColorPickerNew from "./components/controls/hoc/control_color_picker_new";
 import ControlDatepicker from "./components/controls/hoc/control_date_picker";
 import ControlFilePicker from "./components/controls/hoc/control_file_picker";
-import ControlXhrImagePicker from "./components/controls/hoc/control_xhr_image_picker";
 import ControlInput from "./components/controls/hoc/control_input";
 import ControlMultiSelect from "./components/controls/hoc/control_multi_select";
 import ControlRadio from "./components/controls/hoc/control_radio";
@@ -29,10 +32,10 @@ import ControlRange from "./components/controls/hoc/control_range";
 import ControlSelect from "./components/controls/hoc/control_select";
 import ControlTagsSelector from "./components/controls/hoc/control_tags_selector";
 import ControlTextarea from "./components/controls/hoc/control_textarea";
+import ControlXhrImagePicker from "./components/controls/hoc/control_xhr_image_picker";
 import DataTable from "./components/table/hoc/data-table";
 import Datepicker from "./components/date_picker";
 import Dropdown from "./components/dropdown";
-import Breadcrumbs from "./components/breadcrumbs";
 /**
  * import context for export
  */
@@ -73,6 +76,8 @@ import { ModalContext } from "./components/modal/context/modal_context";
 import ModalProvider from "./components/modal/hoc/modal_provider";
 import MultiSelect from "./components/dropdown/hoc/multiselect";
 import RelativeModal from "./components/modal/hoc/relative_modal";
+import { ScrollSync } from "./components/scroll_sync";
+import { ScrollSyncContainer } from "./components/scroll_sync/components/scroll_sync_container";
 import SearchList from "./components/search_list/components/search_list";
 import SearchListInput from "./components/search_list/components/search_list_input";
 import SearchListResults from "./components/search_list/components/search_list_results";
@@ -86,7 +91,6 @@ import SlideWrapper from "./components/slide/components/slide_wrapper";
 import Spacing from "./components/spacing";
 import Stack from "./components/stack";
 import { TFilePickerFile } from "./components/file_picker/types";
-import { TImagePickerFile, TImageSize } from "./components/image_picker/types";
 import { TMessageBoxType } from "./components/message-box/types";
 import Table from "./components/table";
 import Tabs from "./components/tabs/components/tabs";
@@ -98,26 +102,24 @@ import TabsWrapper from "./components/tabs/components/tabs_wrapper";
 import Tag from "./components/tag";
 import TagsSelector from "./components/tags_selector";
 import Tooltip from "./components/tooltip";
+import { Tree } from "./components/tree";
+import { TreeNode } from "./components/tree/components/tree_node";
 import { Typography } from "./components/typography";
+import ValuesSyncer from "./components/controls/components/values_syncer";
 import WithLoader from "./components/with_loader";
+import XhrImagePicker from "./components/xhr_image_picker";
+import { useClickOutside } from "./hooks/use_click_outside";
 import { useDropdownContext } from "./components/dropdown/context";
 import { useFlashMessenger } from "./components/flash_messenger/context";
 import { useSearchList } from "./components/search_list/use_search_list";
 import { useToggle } from "./components/dropdown/hooks";
-import XhrImagePicker from "./components/xhr_image_picker";
-import ValuesSyncer from "./components/controls/components/values_syncer";
-import { Tree } from "./components/tree";
-import { TreeNode } from "./components/tree/components/tree_node";
-import { ScrollSyncContainer } from "./components/scroll_sync/components/scroll_sync_container";
-import { ScrollSync } from "./components/scroll_sync";
-import { useClickOutside } from "./hooks/use_click_outside";
 /**
  * export hooks
  */
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
 /**
  * export types
  */

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

@@ -1,31 +1,31 @@
 export { default as AbsoluteModal } from './components/modal/hoc/absolute_modal/index.js';
 export { default as Accordion } from './components/accordion/index.js';
+export { default as Stack } from './components/stack/index.js';
+export { Breadcrumbs } from './components/breadcrumbs/index.js';
 export { default as Button } from './components/button/index.js';
 export { default as ButtonsGroup } from './components/buttons_group/index.js';
 export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
 export { default as ColorPicker } from './components/color_picker/index.js';
+export { useClickOutside } from './hooks/use_click_outside.js';
+export { default as IconArrow } from './assets/icon_arrow.js';
 export { default as IconTick } from './assets/icon_tick.js';
-export { default as Stack } from './components/stack/index.js';
 export { default as Label } from './components/label/index.js';
 export { default as Control } from './components/controls/index.js';
-export { useClickOutside } from './hooks/use_click_outside.js';
-export { default as IconArrow } from './assets/icon_arrow.js';
-export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
 export { useToggle } from './components/dropdown/hooks/use_toggle.js';
-export { default as Dropdown } from './components/dropdown/index.js';
 export { default as Hint } from './components/hint/index.js';
+export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
+export { default as Dropdown } from './components/dropdown/index.js';
+export { default as ColorPickerNew } from './components/color_picker_new/index.js';
 export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
 export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
 export { default as ControlColorPicker } from './components/controls/hoc/control_color_picker/index.js';
+export { default as ControlColorPickerNew } from './components/controls/hoc/control_color_picker_new/index.js';
 export { default as Select } from './components/dropdown/hoc/select/index.js';
 export { default as Datepicker } from './components/date_picker/index.js';
 export { default as IconCalendar } from './assets/icon_calendar.js';
 export { default as ControlDatepicker } from './components/controls/hoc/control_date_picker/index.js';
 export { default as FilePicker } from './components/file_picker/index.js';
 export { default as ControlFilePicker } from './components/controls/hoc/control_file_picker/index.js';
-export { default as ImagePicker } from './components/image_picker/index.js';
-export { default as XhrImagePicker } from './components/xhr_image_picker/index.js';
-export { default as ControlXhrImagePicker } from './components/controls/hoc/control_xhr_image_picker/index.js';
 export { default as ControlInput } from './components/controls/hoc/control_input/index.js';
 export { default as MultiSelect } from './components/dropdown/hoc/multiselect/index.js';
 export { default as ControlMultiSelect } from './components/controls/hoc/control_multi_select/index.js';
@@ -37,9 +37,11 @@ export { default as Tag } from './components/tag/index.js';
 export { default as TagsSelector } from './components/tags_selector/index.js';
 export { default as ControlTagsSelector } from './components/controls/hoc/control_tags_selector/index.js';
 export { default as ControlTextarea } from './components/controls/hoc/control_textarea/index.js';
+export { default as ImagePicker } from './components/image_picker/index.js';
+export { default as XhrImagePicker } from './components/xhr_image_picker/index.js';
+export { default as ControlXhrImagePicker } from './components/controls/hoc/control_xhr_image_picker/index.js';
 export { default as Table } from './components/table/index.js';
 export { default as DataTable } from './components/table/hoc/data-table.js';
-export { Breadcrumbs } from './components/breadcrumbs/index.js';
 export { FlashMessengerContext, useFlashMessenger } from './components/flash_messenger/context.js';
 export { default as MessageBox } from './components/message-box/index.js';
 export { default as FlashMessagesList } from './components/flash_messenger/components/flash_messages_list.js';
@@ -59,6 +61,8 @@ export { default as Modal } from './components/modal/index.js';
 export { ModalContext } from './components/modal/context/modal_context.js';
 export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
 export { default as RelativeModal } from './components/modal/hoc/relative_modal/index.js';
+export { ScrollSync } from './components/scroll_sync/index.js';
+export { ScrollSyncContainer } from './components/scroll_sync/components/scroll_sync_container.js';
 export { SearchList } from './components/search_list/components/search_list.js';
 export { useSearchList } from './components/search_list/use_search_list.js';
 export { SearchListInput } from './components/search_list/components/search_list_input.js';
@@ -77,10 +81,8 @@ export { TabsPanel } from './components/tabs/components/tabs_panel.js';
 export { TabsPanelList } from './components/tabs/components/tabs_panel_list.js';
 export { default as TabsWrapper } from './components/tabs/components/tabs_wrapper.js';
 export { default as Tooltip } from './components/tooltip/index.js';
-export { default as WithLoader } from './components/with_loader/index.js';
-export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
 export { Tree } from './components/tree/index.js';
 export { TreeNode } from './components/tree/components/tree_node.js';
-export { ScrollSyncContainer } from './components/scroll_sync/components/scroll_sync_container.js';
-export { ScrollSync } from './components/scroll_sync/index.js';
+export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
+export { default as WithLoader } from './components/with_loader/index.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.12.0-1",
+  "version": "2.12.1-1",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -55,6 +55,7 @@
     "@types/react": "17.0.39",
     "@types/react-dom": "17.0.11",
     "@types/react-transition-group": "4.2.4",
+    "@types/tinycolor2": "^1.4.6",
     "classnames": "2.2.6",
     "color-convert": "2.0.1",
     "hammerjs": "2.0.8",
@@ -63,11 +64,13 @@
     "jss": "10.4.0",
     "lodash": "4.17.15",
     "react": "17.0.2",
+    "react-color": "^2.19.3",
     "react-dom": "17.0.2",
     "react-i18next": "11.7.2",
     "react-jss": "10.4.0",
     "react-scripts": "3.4.1",
-    "react-transition-group": "4.3.0"
+    "react-transition-group": "4.3.0",
+    "tinycolor2": "^1.6.0"
   },
   "stableVersion": "0.3.4-173"
 }