@dreamcommerce/aurora 2.20.9 → 2.21.0-10

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

@@ -1,8 +1,7 @@
-import React, { useState, useMemo } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useMemo } from 'react';
 import { ColorPickerNewContext } from './context.js';
 import ColorPickerNewPure from './components/pure_color_picker.js';
-import useColorPicker from './hooks/use_color_picker.js';
+import useSetupColorPicker from './hooks/setup_color_piceker.js';
 
 var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
   var id = _ref.id,
@@ -11,34 +10,38 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       colorVariables = _ref.colorVariables,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
-      onSave = _ref.onSave;
+      onSave = _ref.onSave,
+      isWithGradient = _ref.withGradient;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isColorPickerOpened = _useState2[0],
-      setIsColorPickerOpened = _useState2[1];
-
-  var _useColorPicker = useColorPicker({
+  var _useSetupColorPicker = useSetupColorPicker({
     colorVariables: colorVariables,
     initialColor: initialColor,
     onChange: onChange,
     onCancel: onCancel,
     onSave: onSave,
-    isColorPickerOpened: isColorPickerOpened
+    withGradient: isWithGradient
   }),
-      color = _useColorPicker.color,
-      setColor = _useColorPicker.setColor,
-      hex = _useColorPicker.hex,
-      hslArr = _useColorPicker.hslArr,
-      handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
-      alphaValue = _useColorPicker.alphaValue,
-      rgbaArr = _useColorPicker.rgbaArr,
-      setR = _useColorPicker.setR,
-      setG = _useColorPicker.setG,
-      setB = _useColorPicker.setB,
-      handleCancel = _useColorPicker.handleCancel,
-      handleSave = _useColorPicker.handleSave,
-      handlePickSwatch = _useColorPicker.handlePickSwatch;
+      color = _useSetupColorPicker.color,
+      setColor = _useSetupColorPicker.setColor,
+      hex = _useSetupColorPicker.hex,
+      hslArr = _useSetupColorPicker.hslArr,
+      handleOnChangeAlpha = _useSetupColorPicker.handleOnChangeAlpha,
+      alphaValue = _useSetupColorPicker.alphaValue,
+      rgbaArr = _useSetupColorPicker.rgbaArr,
+      setR = _useSetupColorPicker.setR,
+      setG = _useSetupColorPicker.setG,
+      setB = _useSetupColorPicker.setB,
+      handleCancel = _useSetupColorPicker.handleCancel,
+      handleSave = _useSetupColorPicker.handleSave,
+      previousSolidColor = _useSetupColorPicker.previousSolidColor,
+      isCurrentValueGradient = _useSetupColorPicker.isCurrentValueGradient,
+      setLinear = _useSetupColorPicker.setLinear,
+      setRadial = _useSetupColorPicker.setRadial,
+      gradientType = _useSetupColorPicker.gradientType,
+      previousGradientColor = _useSetupColorPicker.previousGradientColor,
+      setSolid = _useSetupColorPicker.setSolid,
+      withGradient = _useSetupColorPicker.withGradient,
+      setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
 
   var value = useMemo(function () {
     return {
@@ -55,17 +58,29 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       handleCancel: handleCancel,
       handleSave: handleSave,
       colorVariables: colorVariables,
-      handlePickSwatch: handlePickSwatch,
+      previousSolidColor: previousSolidColor,
+      isCurrentValueGradient: isCurrentValueGradient,
+      setLinear: setLinear,
+      setRadial: setRadial,
+      gradientType: gradientType,
+      setSolid: setSolid,
+      previousGradientColor: previousGradientColor,
+      withGradient: withGradient,
       setIsColorPickerOpened: setIsColorPickerOpened
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables, setIsColorPickerOpened]);
-  return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
-    id: id,
-    name: name,
-    colorVariables: colorVariables
-  }));
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, setIsColorPickerOpened]);
+  return (
+    /*#__PURE__*/
+    // TODO fixnac
+    // @ts-ignore
+    React.createElement(ColorPickerNewContext.Provider, {
+      value: value
+    }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
+      id: id,
+      name: name,
+      colorVariables: colorVariables
+    }))
+  );
 };
 
 export default ColorPickerNewWithContext;

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -1,4 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
+import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./constants";
+import { Any } from 'ts-toolbelt';
 export interface IColorPickerNewPureProps {
     id: string;
     name?: string;
@@ -19,12 +21,13 @@ export interface IColorPickerNewProps {
     id: string;
     name?: string;
     initialColor?: ColorPickerColorTypes['hex'] | ColorPickerVariable | undefined;
+    withGradient?: boolean;
     colorVariables?: IColorPickerColorVariables;
     onChange?: (color: IColorPickerColor) => void;
     onCancel?: () => void;
     onSave?: (color: IColorPickerColor) => void;
 }
-export interface IColorPickerNewContextProps {
+export interface IColorPickerNewContext {
     color: ColorPickerVariable;
     setColor: Dispatch<SetStateAction<string | ColorPickerVariable>>;
     hex: string;
@@ -36,9 +39,16 @@ export interface IColorPickerNewContextProps {
     setG: (newG: number) => void;
     setB: (newB: number) => void;
     handleCancel: () => void;
+    withGradient: boolean;
     handleSave: (color: IColorPickerColor) => void;
-    handlePickSwatch: (color: string | ColorPickerVariable) => void;
     colorVariables?: IColorPickerColorVariables;
+    isCurrentValueGradient: boolean;
+    setSolid: (value?: string) => void;
+    setRadial: (value?: string) => void;
+    setLinear: (value?: string) => void;
+    gradientType?: TGradientType;
+    previousSolidColor?: string;
+    previousGradientColor?: string;
     setIsColorPickerOpened: (isOpened: boolean) => void;
 }
 export declare type ColorPickerColorTypes = {
@@ -64,5 +74,29 @@ export declare type IColorPickerColor = {
     hex: string;
     hexString: string;
     variable: string;
+    gradient?: TGradientObject;
 };
 export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];
+export declare type TGradientType = typeof GRADIENT_TYPES[keyof typeof GRADIENT_TYPES];
+export declare type TGradientColorStop = {
+    stop: number;
+    value: string;
+};
+export declare type TGradientRadialShape = Any.Keys<typeof GRADIENT_RADIAL_SHAPES>;
+export declare type TGradientObject = {
+    gradientType: TGradientType;
+    colors: TGradientColorStop[];
+    radialShape?: TGradientRadialShape;
+    angle?: number;
+};
+export declare type TGradientColoPickerLibGradientObject = {
+    isGradient: boolean;
+    gradientType: string | undefined;
+    degrees: string;
+    colors: any;
+} | {
+    isGradient: boolean;
+    gradientType: null;
+    degrees: null;
+    colors: any;
+};

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

@@ -1,2 +1,4 @@
 import 'react';
+import '@auroraComponents/color_picker_new/constants';
+import 'ts-toolbelt';
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker_new/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker_new/types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC;AACjD,OAAuD,8CAA8C,CAAC;AACtG,OAAoB,aAAa,CAAC"}

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

@@ -15,7 +15,8 @@ var ControlColorPickerNew = function ControlColorPickerNew(_ref) {
       colorVariables = _ref.colorVariables,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
-      onSave = _ref.onSave;
+      onSave = _ref.onSave,
+      withGradient = _ref.withGradient;
   return /*#__PURE__*/React.createElement(Control, {
     errors: errors,
     name: name,
@@ -34,7 +35,8 @@ var ControlColorPickerNew = function ControlColorPickerNew(_ref) {
     colorVariables: colorVariables,
     onChange: onChange,
     onCancel: onCancel,
-    onSave: onSave
+    onSave: onSave,
+    withGradient: withGradient
   }))), /*#__PURE__*/React.createElement(Control.Errors, null));
 };
 

package/build/esm/packages/aurora/src/components/controls/hoc/control_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -202,6 +202,7 @@ export interface IControlColorPickerNew extends IColorPickerNewProps, IControlCo
     name?: string;
     className?: string;
     label?: string;
+    withGradient?: boolean;
     isRequired?: boolean;
     hideChooseCancelButtons?: boolean;
     labelAdditionalInfo?: string | React.ReactNode;

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

@@ -8,7 +8,6 @@ import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
-import { UiDomUtils } from '@dreamcommerce/utilities';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_CONTENT_ARROW_HEIGHT, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
 import { jsDropdownContentClass, cssDropdownContent, cssDropdownContentOnTop, cssDropdownContentOnBottom, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
@@ -16,6 +15,7 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { getBounding, getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import IconArrow from '../../../assets/icon_arrow.js';
+import { UiDomUtils } from '@dreamcommerce/utilities';
 import cssClasses$1 from '../../../css/hint/main.module.less.js';
 import cssClasses$2 from '../../../css/tooltip/main.module.less.js';
 import { useDropdownsManagerContext } from '../hooks/use_dropdowns_manager_context.js';

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/flash_messenger/components/flash_message.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import Stack from '../../stack/index.js';
-import IconClose from '../../../assets/icon_close.js';
 import { CSSTransition } from 'react-transition-group';
+import IconClose from '../../../assets/icon_close.js';
 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/tooltip/index.js

@@ -1,10 +1,10 @@
 import React, { useRef, useState } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { DropdownContext } from '../dropdown/context/index.js';
+import { cssTooltip, cssTooltipContainer } from './css_classes.js';
 import cssClasses from '../../css/tooltip/main.module.less.js';
 import { useToggle } from '../dropdown/hooks/use_toggle.js';
 import Dropdown from '../dropdown/components/dropdown.js';
-import { cssTooltip, cssTooltipContainer } from './css_classes.js';
 import { TOOLTIP_TIMEOUT_IN_MS } from './tooltip_constants.js';
 
 var Tooltip = function Tooltip(_ref) {

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js

@@ -1,8 +1,8 @@
 import React, { useRef, Children } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
-import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
 import { CSSTransition } from 'react-transition-group';
+import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
 import { TREE_NODE_CSS_CLASSES } from '../css_classes.js';
 import cssClasses from '../../../css/tree/main.module.less.js';
 import { useTree } from '../hooks/tree_hook.js';

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

@@ -1,9 +1,22 @@
 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  max-width: 280px;\n  padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw [role='button'] {\n  transition: none;\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 div:nth-child(1) div:hover {\n  background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NTc5IDQuNTgwMjFMMTIuNTg4OCA1Ljc0OTI1TDEzLjc1NzkgNi45MTgzTDEyLjU4ODggOC4wODczNEwxMi4wMDQzIDcuNTAyODJMNS43NDkyNSAxMy43NTc5QzUuNTg5OCAxMy45MTczIDUuMzcyMTMgMTQuMDA0NyA1LjE0NjY5IDEzLjk5OThMMi44NTg1NiAxMy45NDk4QzIuNDE2MTUgMTMuOTQwMiAyLjA1OTgyIDEzLjU4MzggMi4wNTAxNiAxMy4xNDE0TDIuMDAwMiAxMC44NTMzQzEuOTk1MjcgMTAuNjI3OSAyLjA4MjY3IDEwLjQxMDIgMi4yNDIxMiAxMC4yNTA3TDguNDk3MTggMy45OTU2OUw3LjkxMjY2IDMuNDExMTZMOS4wODE3IDIuMjQyMTJMMTAuMjUwNyAzLjQxMTE2TDExLjQxOTggMi4yNDIxMkMxMS43NDI2IDEuOTE5MjkgMTIuMjY2IDEuOTE5MjkgMTIuNTg4OCAyLjI0MjEyTDEzLjc1NzkgMy40MTExNkMxNC4wODA3IDMuNzMzOTggMTQuMDgwNyA0LjI1NzM4IDEzLjc1NzkgNC41ODAyMVpNOS42NjYyMyA1LjE2NDczTDQuMDc3NyAxMC43NTMzTDUuMjQ2NzQgMTEuOTIyM0wxMC44MzUzIDYuMzMzNzhMOS42NjYyMyA1LjE2NDczWiIgZmlsbD0iIzJEMzc0OCIvPgo8L3N2Zz4K) center;\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: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 4px;\n  color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n  transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n  display: -ms-grid;\n  display: grid;\n  -ms-grid-columns: (1fr)[12];\n  grid-template-columns: repeat(12, 1fr);\n  gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n  margin-top: 12px;\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__Rig14 {\n  flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n  display: flex;\n  border: 1px solid #abb4cd;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n  border-color: transparent;\n  border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n  border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n  border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n  border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n  width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n  width: auto;\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 css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n  cursor: pointer;\n  border-radius: 4px;\n  width: 24px !important;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n  stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n  stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n  margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n  margin: 0 !important;\n  padding: 0 !important;\n  display: flex;\n  width: auto;\n  height: auto;\n  border-radius: 4px;\n  justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n  display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n  list-style: none;\n  display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n  cursor: pointer;\n  display: block;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #2d3748;\n  border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n  background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n  background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n  background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n  border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n  display: flex;\n  flex-direction: column;\n  max-width: 280px;\n  padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n  margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n  margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n  display: block;\n  border-radius: 4px;\n  border: 1px solid #f3f4f8;\n  width: 28px;\n  height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n  padding: 0;\n  display: flex;\n  justify-content: space-between;\n  gap: 6px;\n  height: 24px;\n  border: 2px solid #f3f4f8;\n  border-radius: 4px;\n  background: #f3f4f8;\n  position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n  stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n  background: #fff;\n  height: 20px;\n  border-radius: 4px;\n  width: 34px;\n  text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n  pointer-events: none;\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: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 4px;\n  color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n  transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n  display: -ms-grid;\n  display: grid;\n  -ms-grid-columns: (1fr)[12];\n  grid-template-columns: repeat(12, 1fr);\n  gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n  margin-top: 12px;\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-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__Rig14 {\n  flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n  display: flex;\n  border: 1px solid #abb4cd;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n  border-color: transparent;\n  border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n  border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n  border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n  border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n  width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n  width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n  -ms-grid-row-align: stretch;\n      align-self: stretch;\n  width: 32px;\n  height: 32px;\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-impl": "main-module_color-picker-impl__1W-fs",
+  "color-picker-mode-toggler": "main-module_color-picker-mode-toggler__1f2oJ",
+  "color-picker-mode-toggler__button": "main-module_color-picker-mode-toggler__button__3vyH-",
+  "color-picker-mode-toggler__button_solid": "main-module_color-picker-mode-toggler__button_solid___X6iZ",
+  "color-picker-mode-toggler__button_gradient_linear": "main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB",
+  "color-picker-mode-toggler__button_gradient_radial": "main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE",
+  "color-picker-mode-toggler__button_active": "main-module_color-picker-mode-toggler__button_active__wWPPx",
   "color-picker__container": "main-module_color-picker__container__14ccI",
+  "color-picker__hue": "main-module_color-picker__hue__1ow3q",
+  "color-picker__opacity": "main-module_color-picker__opacity__232os",
+  "color-picker__current-color-preview": "main-module_color-picker__current-color-preview__mxKEu",
+  "color-picker__gradient-angle": "main-module_color-picker__gradient-angle__1dUul",
+  "color-picker__gradient-angle-input": "main-module_color-picker__gradient-angle-input__1nVDi",
   "color-picker__rbgcp": "main-module_color-picker__rbgcp__2FKdw",
+  "color-picker__square": "main-module_color-picker__square__omS4M",
   "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",
@@ -18,10 +31,10 @@ var styles = {
   "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": "main-module_color-picker__inputs-value__Rig14",
   "color-picker__inputs-value-container": "main-module_color-picker__inputs-value-container__3ErVj",
+  "color-picker__inputs": "main-module_color-picker__inputs__3Cmmw",
   "color-picker__close-icon": "main-module_color-picker__close-icon__JcWAL"
 };
 styleInject(css_248z);

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;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,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.d.ts

@@ -6,6 +6,7 @@ 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 { IColorPickerColor, TGradientObject, TGradientColorStop, TGradientRadialShape, TGradientType } from "./components/color_picker_new/types";
 import AbsoluteModal from "./components/modal/hoc/absolute_modal";
 /**
  * import components for export
@@ -51,7 +52,6 @@ import Grid from "./components/grid";
 import Heading from "./components/heading";
 import Hint from "./components/hint";
 import { IColor } from "./components/color_picker/types";
-import { IColorPickerColor } from "./components/color_picker_new/types";
 import { IControlRadioGroupOption } from "./components/controls/types";
 import { IDatepickerRange } from "./components/date_picker/types";
 import { IDropdownContext } from "./components/dropdown/context/types";
@@ -127,7 +127,11 @@ import { useToggle } from "./components/dropdown/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, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, 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 constants
+ */
+export { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./components/color_picker_new/constants";
 /**
  * export types
  */
-export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IColorPickerColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended, TImageSize, IImageEditorProps, TUploadedImageData };
+export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IColorPickerColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended, TImageSize, IImageEditorProps, TUploadedImageData, TGradientObject, TGradientColorStop, TGradientRadialShape, TGradientType };

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

@@ -1,3 +1,4 @@
+export { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from './components/color_picker_new/constants.js';
 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';
@@ -6,7 +7,6 @@ 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 { ColorPickerUtils } from './components/color_picker_new/color_picker_utils.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';
@@ -16,6 +16,8 @@ export { useToggle } from './components/dropdown/hooks/use_toggle.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/components/dropdown.js';
+export { default as Tooltip } from './components/tooltip/index.js';
+export { ColorPickerUtils } from './components/color_picker_new/color_picker_utils.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';
@@ -85,7 +87,6 @@ export { TabsItemList } from './components/tabs/components/tabs_item_list.js';
 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 { Tree } from './components/tree/index.js';
 export { TreeNode } from './components/tree/components/tree_node.js';
 export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';

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;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;"}

package/build/esm/packages/aurora/src/translations/en.json

@@ -102,5 +102,10 @@
     "neutralColors700": "Neutral color 700",
     "neutralColors800": "Neutral color 800",
     "neutralColors900": "Neutral color 900",
-    "neutralColors1000": "Neutral color 1000"
+    "neutralColors1000": "Neutral color 1000",
+    "Solid": "Solid",
+    "Linear gradient": "Linear gradient",
+    "Radial gradient": "Radial gradient",
+    "Sample color": "Sample color",
+    "Add color": "Add color"
 }

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

@@ -70,6 +70,7 @@ var neutralColors700 = "Neutral color 700";
 var neutralColors800 = "Neutral color 800";
 var neutralColors900 = "Neutral color 900";
 var neutralColors1000 = "Neutral color 1000";
+var Solid = "Solid";
 var en = {
 	date: date,
 	cancel: cancel,
@@ -174,9 +175,14 @@ var en = {
 	neutralColors700: neutralColors700,
 	neutralColors800: neutralColors800,
 	neutralColors900: neutralColors900,
-	neutralColors1000: neutralColors1000
+	neutralColors1000: neutralColors1000,
+	Solid: Solid,
+	"Linear gradient": "Linear gradient",
+	"Radial gradient": "Radial gradient",
+	"Sample color": "Sample color",
+	"Add color": "Add color"
 };
 
 export default en;
-export { Add, Edit, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, globalBodyBackgroundColor, globalFontColor, january, july, june, march, may, monday, neutralColor, neutralColors0, neutralColors10, neutralColors100, neutralColors1000, neutralColors20, neutralColors200, neutralColors300, neutralColors400, neutralColors50, neutralColors500, neutralColors600, neutralColors700, neutralColors800, neutralColors900, november, october, primaryColor, primaryColors10, primaryColors100, primaryColors20, primaryColors200, primaryColors300, primaryColors400, primaryColors50, primaryColors500, primaryColors600, primaryColors700, primaryColors800, primaryColors900, saturday, save, secondaryColor, secondaryColors10, secondaryColors100, secondaryColors20, secondaryColors200, secondaryColors300, secondaryColors400, secondaryColors50, secondaryColors500, secondaryColors600, secondaryColors700, secondaryColors800, secondaryColors900, september, sunday, thursday, tuesday, wednesday };
+export { Add, Edit, Remove, Search, Solid, Yesterday, april, august, cancel, choose, color, date, december, february, friday, globalBodyBackgroundColor, globalFontColor, january, july, june, march, may, monday, neutralColor, neutralColors0, neutralColors10, neutralColors100, neutralColors1000, neutralColors20, neutralColors200, neutralColors300, neutralColors400, neutralColors50, neutralColors500, neutralColors600, neutralColors700, neutralColors800, neutralColors900, november, october, primaryColor, primaryColors10, primaryColors100, primaryColors20, primaryColors200, primaryColors300, primaryColors400, primaryColors50, primaryColors500, primaryColors600, primaryColors700, primaryColors800, primaryColors900, saturday, save, secondaryColor, secondaryColors10, secondaryColors100, secondaryColors20, secondaryColors200, secondaryColors300, secondaryColors400, secondaryColors50, secondaryColors500, secondaryColors600, secondaryColors700, secondaryColors800, secondaryColors900, september, sunday, thursday, tuesday, wednesday };
 //# sourceMappingURL=en.json.js.map

package/build/esm/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/translations/pl.json

@@ -102,5 +102,10 @@
     "neutralColors700": "Kolor neutralny 700",
     "neutralColors800": "Kolor neutralny 800",
     "neutralColors900": "Kolor neutralny 900",
-    "neutralColors1000": "Kolor neutralny 1000"
+    "neutralColors1000": "Kolor neutralny 1000",
+    "Solid": "Jednolity",
+    "Linear gradient": "Gradient liniowy",
+    "Radial gradient": "Gradient promieniowy",
+    "Sample color": "Próbnik kolorów",
+    "Add color": "Dodaj kolor"
 }

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

@@ -70,6 +70,7 @@ var neutralColors700 = "Kolor neutralny 700";
 var neutralColors800 = "Kolor neutralny 800";
 var neutralColors900 = "Kolor neutralny 900";
 var neutralColors1000 = "Kolor neutralny 1000";
+var Solid = "Jednolity";
 var pl = {
 	date: date,
 	cancel: cancel,
@@ -174,9 +175,14 @@ var pl = {
 	neutralColors700: neutralColors700,
 	neutralColors800: neutralColors800,
 	neutralColors900: neutralColors900,
-	neutralColors1000: neutralColors1000
+	neutralColors1000: neutralColors1000,
+	Solid: Solid,
+	"Linear gradient": "Gradient liniowy",
+	"Radial gradient": "Gradient promieniowy",
+	"Sample color": "Próbnik kolorów",
+	"Add color": "Dodaj kolor"
 };
 
 export default pl;
-export { Add, Edit, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, globalBodyBackgroundColor, globalFontColor, january, july, june, march, may, monday, neutralColor, neutralColors0, neutralColors10, neutralColors100, neutralColors1000, neutralColors20, neutralColors200, neutralColors300, neutralColors400, neutralColors50, neutralColors500, neutralColors600, neutralColors700, neutralColors800, neutralColors900, november, october, primaryColor, primaryColors10, primaryColors100, primaryColors20, primaryColors200, primaryColors300, primaryColors400, primaryColors50, primaryColors500, primaryColors600, primaryColors700, primaryColors800, primaryColors900, saturday, save, secondaryColor, secondaryColors10, secondaryColors100, secondaryColors20, secondaryColors200, secondaryColors300, secondaryColors400, secondaryColors50, secondaryColors500, secondaryColors600, secondaryColors700, secondaryColors800, secondaryColors900, september, sunday, thursday, tuesday, wednesday };
+export { Add, Edit, Remove, Search, Solid, Yesterday, april, august, cancel, choose, color, date, december, february, friday, globalBodyBackgroundColor, globalFontColor, january, july, june, march, may, monday, neutralColor, neutralColors0, neutralColors10, neutralColors100, neutralColors1000, neutralColors20, neutralColors200, neutralColors300, neutralColors400, neutralColors50, neutralColors500, neutralColors600, neutralColors700, neutralColors800, neutralColors900, november, october, primaryColor, primaryColors10, primaryColors100, primaryColors20, primaryColors200, primaryColors300, primaryColors400, primaryColors50, primaryColors500, primaryColors600, primaryColors700, primaryColors800, primaryColors900, saturday, save, secondaryColor, secondaryColors10, secondaryColors100, secondaryColors20, secondaryColors200, secondaryColors300, secondaryColors400, secondaryColors50, secondaryColors500, secondaryColors600, secondaryColors700, secondaryColors800, secondaryColors900, september, sunday, thursday, tuesday, wednesday };
 //# sourceMappingURL=pl.json.js.map

package/build/esm/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js

@@ -35,6 +35,11 @@ var AxiosClient = /*#__PURE__*/function () {
         cancelRequest: cancelRequest
       };
     }
+  }, {
+    key: "isCancelError",
+    value: function isCancelError(error) {
+      return axios.isCancel(error);
+    }
   }]);
 }();
 

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.20.9",
+  "version": "2.21.0-10",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -64,7 +64,7 @@
     "jss": "10.4.0",
     "lodash": "4.17.15",
     "react": "17.0.2",
-    "react-best-gradient-color-picker": "3.0.7",
+    "react-best-gradient-color-picker": "3.0.10",
     "react-dom": "17.0.2",
     "react-i18next": "11.7.2",
     "react-jss": "10.4.0",