@dreamcommerce/aurora 2.19.0-30 → 2.19.1-2

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

@@ -9,17 +9,20 @@ import { ColorPickerFooter } from './color-picker-footer.js';
 import { ColorPickerHeader } from './color-picker-header.js';
 import { ColorPickerInputs } from './color-picker-inputs/color-picker-inputs.js';
 import { ColorPickerSwatch } from './color-picker-swatch.js';
-import { ColorPickerSwatches } from './color-picker-swatches.js';
+import { ColorPickerShades } from './color-picker-shades.js';
+import { ColorPickerVariables } from './color-picker-variables.js';
 import Dropdown from '../../dropdown/components/dropdown.js';
 
 var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
   var id = _ref.id,
-      name = _ref.name;
+      name = _ref.name,
+      colorVariables = _ref.colorVariables;
 
   var _useContext = useContext(ColorPickerNewContext),
       color = _useContext.color,
       setColor = _useContext.setColor;
 
+  var colorValue = typeof color === 'string' ? color : color.value;
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPicker])
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.CustomLabel, null, /*#__PURE__*/React.createElement("div", {
@@ -27,7 +30,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPickerInputColorSwatchContainer])
   }, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
-    color: color
+    color: colorValue
   })), /*#__PURE__*/React.createElement(ColorLabelInput, {
     id: id,
     name: name
@@ -38,7 +41,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
   }, /*#__PURE__*/React.createElement(ColorPickerHeader, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(styles[cssColorPickerContainer])
   }, /*#__PURE__*/React.createElement(ColorPicker, {
-    value: color,
+    value: colorValue,
     onChange: setColor,
     width: COLOR_PICKER_WIDTH,
     height: COLOR_PICKER_HEIGHT,
@@ -49,7 +52,9 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
     hideInputs: true,
     hidePresets: true,
     className: "".concat(styles[cssColorPickerRbgcp])
-  }), /*#__PURE__*/React.createElement(ColorPickerInputs, null), /*#__PURE__*/React.createElement(ColorPickerSwatches, null)), /*#__PURE__*/React.createElement(ColorPickerFooter, null))));
+  }), /*#__PURE__*/React.createElement(ColorPickerInputs, null), /*#__PURE__*/React.createElement(ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React.createElement(ColorPickerVariables, {
+    variables: colorVariables.variables
+  })), /*#__PURE__*/React.createElement(ColorPickerFooter, null))));
 };
 
 export default ColorPickerNewPure;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const COLOR_PICKER_INITIAL_STATE = "#000000";
-export declare const COLOR_PICKER_WIDTH = 220;
+export declare const COLOR_PICKER_WIDTH = 247;
 export declare const COLOR_PICKER_HEIGHT = 200;
 export declare const COLOR_PICKER_ALPHA_MAX_VALUE = 100;
 export declare const COLOR_PICKER_TYPES: {

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

@@ -1,5 +1,5 @@
 var COLOR_PICKER_INITIAL_STATE = '#000000';
-var COLOR_PICKER_WIDTH = 220;
+var COLOR_PICKER_WIDTH = 247;
 var COLOR_PICKER_HEIGHT = 200;
 var COLOR_PICKER_ALPHA_MAX_VALUE = 100;
 var COLOR_PICKER_TYPES = {

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

@@ -1,7 +1,10 @@
 import { createContext } from 'react';
 
 var ColorPickerNewContext = /*#__PURE__*/createContext({
-  color: '',
+  color: {
+    value: '',
+    name: ''
+  },
   setColor: function setColor() {},
   hex: '',
   hslArr: [],

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

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

@@ -5,7 +5,10 @@ export declare const cssColorPickerHeader = "color-picker__header";
 export declare const cssColorPickerCloseIcon = "color-picker__close-icon";
 export declare const cssColorPickerSwatches = "color-picker__swatches";
 export declare const cssColorPickerSwatchesHeader = "color-picker__swatches-header";
+export declare const cssColorPickerSwatchesHeaderIcon = "color-picker__swatches-header-icon";
+export declare const cssColorPickerSwatchesHeaderIconRotate = "color-picker__swatches-header-icon_rotate-180";
 export declare const cssColorPickerSwatchesContent = "color-picker__swatches-content";
+export declare const cssColorPickerSwatchesSubContent = "color-picker__swatches-subcontent";
 export declare const cssColorPickerSwatch = "color-picker__swatch";
 export declare const cssColorPickerSwatchSmall = "color-picker__swatch_small";
 export declare const cssColorPickerSwatchBig = "color-picker__swatch_big";

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

@@ -5,7 +5,10 @@ var cssColorPickerHeader = 'color-picker__header';
 var cssColorPickerCloseIcon = 'color-picker__close-icon';
 var cssColorPickerSwatches = 'color-picker__swatches';
 var cssColorPickerSwatchesHeader = 'color-picker__swatches-header';
+var cssColorPickerSwatchesHeaderIcon = 'color-picker__swatches-header-icon';
+var cssColorPickerSwatchesHeaderIconRotate = 'color-picker__swatches-header-icon_rotate-180';
 var cssColorPickerSwatchesContent = 'color-picker__swatches-content';
+var cssColorPickerSwatchesSubContent = 'color-picker__swatches-subcontent';
 var cssColorPickerSwatch = 'color-picker__swatch';
 var cssColorPickerSwatchSmall = 'color-picker__swatch_small';
 var cssColorPickerSwatchBig = 'color-picker__swatch_big';
@@ -18,5 +21,5 @@ var cssColorPickerInputsValue = 'color-picker__inputs-value';
 var cssColorPickerInputsValueContainer = 'color-picker__inputs-value-container';
 var cssColorPickerFooter = 'color-picker__footer';
 
-export { cssColorPicker, cssColorPickerCloseIcon, cssColorPickerContainer, cssColorPickerFooter, cssColorPickerHeader, cssColorPickerInputColorSwatchContainer, cssColorPickerInputContainer, cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer, cssColorPickerRbgcp, cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchFill, cssColorPickerSwatchSmall, cssColorPickerSwatches, cssColorPickerSwatchesContent, cssColorPickerSwatchesHeader };
+export { cssColorPicker, cssColorPickerCloseIcon, cssColorPickerContainer, cssColorPickerFooter, cssColorPickerHeader, cssColorPickerInputColorSwatchContainer, cssColorPickerInputContainer, cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer, cssColorPickerRbgcp, cssColorPickerSwatch, cssColorPickerSwatchBig, cssColorPickerSwatchFill, cssColorPickerSwatchSmall, cssColorPickerSwatches, cssColorPickerSwatchesContent, cssColorPickerSwatchesHeader, cssColorPickerSwatchesHeaderIcon, cssColorPickerSwatchesHeaderIconRotate, cssColorPickerSwatchesSubContent };
 //# sourceMappingURL=css_classes.js.map

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

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

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import { ColorPickerColorTypes, IColorPickerColor } from '../types';
+import { ColorPickerColorTypes, ColorPickerVariable, IColorPickerColor } from '../types';
 export declare type ColorPickerHookProps = {
-    initialColor?: ColorPickerColorTypes['hex'];
+    initialColor?: ColorPickerColorTypes['hex'] | ColorPickerVariable;
     onChange?: (color: IColorPickerColor) => void;
     onCancel?: () => void;
     onSave?: (color: IColorPickerColor) => void;
 };
 declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave }: ColorPickerHookProps) => {
-    color: string;
-    setColor: import("react").Dispatch<import("react").SetStateAction<string>>;
+    color: ColorPickerVariable;
+    setColor: (color: ColorPickerColorTypes['hex'] | ColorPickerVariable) => void;
     hex: string;
     hslArr: number[];
     handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -19,6 +18,6 @@ declare const useColorPicker: ({ initialColor, onChange, onCancel, onSave }: Col
     setB: (newB: number) => void;
     handleCancel: () => void;
     handleSave: () => void;
-    handlePickSwatch: (color: ColorPickerColorTypes['hex']) => void;
+    handlePickSwatch: (color: ColorPickerColorTypes['hex'] | ColorPickerVariable) => void;
 };
 export default useColorPicker;

package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js

@@ -2,25 +2,42 @@ import { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_ALPHA_MAX_VALUE } from '../constants.js';
 import { useColorPicker as useColorPicker$1 } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
-import { getTinyColorInstance, getHexValue, getAllColorTypes } from '../utilities.js';
+import { ColorPickerUtils } from '../color_picker_utils.js';
 
 var useColorPicker = function useColorPicker(_ref) {
+  var _initialColor$name;
+
   var initialColor = _ref.initialColor,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave;
 
-  var _useState = useState(initialColor ? initialColor : COLOR_PICKER_INITIAL_STATE),
+  var _useState = useState({
+    value: initialColor ? ColorPickerUtils.getTinyColorInstance(typeof initialColor === 'string' ? initialColor : initialColor === null || initialColor === void 0 ? void 0 : initialColor.value).toHex8() : COLOR_PICKER_INITIAL_STATE,
+    name: typeof initialColor === 'string' ? '' : (_initialColor$name = initialColor === null || initialColor === void 0 ? void 0 : initialColor.name) !== null && _initialColor$name !== void 0 ? _initialColor$name : ''
+  }),
       _useState2 = _slicedToArray(_useState, 2),
       color = _useState2[0],
-      setColor = _useState2[1];
+      setColor2 = _useState2[1];
+
+  var setColor = function setColor(color) {
+    var hexColor = ColorPickerUtils.getTinyColorInstance(typeof color === 'string' ? color : color.value).toHex8();
+    setColor2(function (prevColor) {
+      var _prevColor$value;
+
+      return {
+        value: hexColor,
+        name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === hexColor ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof color === 'string' ? '' : color === null || color === void 0 ? void 0 : color.name
+      };
+    });
+  };
 
   var _useState3 = useState(color),
       _useState4 = _slicedToArray(_useState3, 2),
       choosenColor = _useState4[0],
       setChoosenColor = _useState4[1];
 
-  var _useBestGradientColor = useColorPicker$1(color, setColor),
+  var _useBestGradientColor = useColorPicker$1(typeof color === 'string' ? color : color.value, setColor),
       hslArr = _useBestGradientColor.hslArr,
       rgbaArr = _useBestGradientColor.rgbaArr,
       setR = _useBestGradientColor.setR,
@@ -28,8 +45,8 @@ var useColorPicker = function useColorPicker(_ref) {
       setB = _useBestGradientColor.setB,
       setA = _useBestGradientColor.setA;
 
-  var tinyColor = getTinyColorInstance(color);
-  var hex = getHexValue(tinyColor);
+  var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
+  var hex = ColorPickerUtils.getHexValue(tinyColor);
 
   var _useState5 = useState(rgbaArr[3] * 100),
       _useState6 = _slicedToArray(_useState5, 2),
@@ -56,7 +73,7 @@ var useColorPicker = function useColorPicker(_ref) {
     setAlphaValue("".concat(Math.round(rgbaArr[3] * 100)));
   }, [rgbaArr[3]]);
   useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(getAllColorTypes(color));
+    onChange === null || onChange === void 0 || onChange(ColorPickerUtils.getAllColorTypes(color));
   }, [color]);
 
   var handleCancel = function handleCancel() {
@@ -66,7 +83,7 @@ var useColorPicker = function useColorPicker(_ref) {
 
   var handleSave = function handleSave() {
     setChoosenColor(color);
-    onSave === null || onSave === void 0 || onSave(getAllColorTypes(color));
+    onSave === null || onSave === void 0 || onSave(ColorPickerUtils.getAllColorTypes(color));
   };
 
   var handlePickSwatch = function handlePickSwatch(color) {

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

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

@@ -1,3 +1,3 @@
 import { IColorPickerNewProps } from './types';
-declare const ColorPickerNewWithContext: ({ id, name, initialColor, onChange, onCancel, onSave }: IColorPickerNewProps) => JSX.Element;
+declare const ColorPickerNewWithContext: ({ id, name, initialColor, colorVariables, onChange, onCancel, onSave }: IColorPickerNewProps) => JSX.Element;
 export default ColorPickerNewWithContext;

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

@@ -7,6 +7,7 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
   var id = _ref.id,
       name = _ref.name,
       initialColor = _ref.initialColor,
+      colorVariables = _ref.colorVariables,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave;
@@ -52,7 +53,8 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
     value: value
   }, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
     id: id,
-    name: name
+    name: name,
+    colorVariables: colorVariables
   }));
 };
 

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

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

@@ -2,18 +2,31 @@ import { Dispatch, SetStateAction } from 'react';
 export interface IColorPickerNewPureProps {
     id: string;
     name?: string;
+    colorVariables?: IColorPickerColorVariables;
+}
+export interface IColorPickerColorVariables {
+    isVisible: boolean;
+    variables: IColorPickerColorVariablesType;
+}
+export interface IColorPickerColorVariablesType {
+    primary: ColorPickerVariable;
+    secondary: ColorPickerVariable;
+    neutral: ColorPickerVariable;
+    font: ColorPickerVariable;
+    background: ColorPickerVariable;
 }
 export interface IColorPickerNewProps {
     id: string;
     name?: string;
-    initialColor?: ColorPickerColorTypes['hex'] | undefined;
+    initialColor?: ColorPickerColorTypes['hex'] | ColorPickerVariable | undefined;
+    colorVariables?: IColorPickerColorVariables;
     onChange?: (color: IColorPickerColor) => void;
     onCancel?: () => void;
     onSave?: (color: IColorPickerColor) => void;
 }
 export interface IColorPickerNewContextProps {
-    color: string;
-    setColor: Dispatch<SetStateAction<string>>;
+    color: ColorPickerVariable;
+    setColor: Dispatch<SetStateAction<string | ColorPickerVariable>>;
     hex: string;
     hslArr: number[];
     handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -24,7 +37,7 @@ export interface IColorPickerNewContextProps {
     setB: (newB: number) => void;
     handleCancel: () => void;
     handleSave: (color: IColorPickerColor) => void;
-    handlePickSwatch: (color: string) => void;
+    handlePickSwatch: (color: string | ColorPickerVariable) => void;
 }
 export declare type ColorPickerColorTypes = {
     hex: string;
@@ -40,9 +53,14 @@ export declare type ColorPickerColorTypes = {
         a?: number;
     };
 };
+export declare type ColorPickerVariable = {
+    value: string;
+    name: string;
+};
 export declare type IColorPickerColor = {
     rgba: ColorPickerColorTypes['rgba'];
     hex: string;
     hexString: string;
+    variable: string;
 };
 export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];

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

@@ -12,6 +12,7 @@ var ControlColorPickerNew = function ControlColorPickerNew(_ref) {
       errors = _ref.errors,
       labelAdditionalInfo = _ref.labelAdditionalInfo,
       initialColor = _ref.initialColor,
+      colorVariables = _ref.colorVariables,
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave;
@@ -30,6 +31,7 @@ var ControlColorPickerNew = function ControlColorPickerNew(_ref) {
     id: id,
     name: name,
     initialColor: initialColor,
+    colorVariables: colorVariables,
     onChange: onChange,
     onCancel: onCancel,
     onSave: onSave

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

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

@@ -1,10 +1,10 @@
-import { createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { JS_CLASSES, GALLERY_MODE, DIMENSIONS_TYPE } from './constants.js';
+import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { GALLERY_MODE, JS_CLASSES, DIMENSIONS_TYPE } from './constants.js';
 import { getUrl } from './utilities/get_url.js';
 import { copy } from './utilities/copy_to_clipboard.js';
 import { checkIsTouchDevice } from './utilities/check_is_touch_device.js';
 import { handleHistory } from './utilities/handle_history.js';
-import { cssGallery, cssGalleryMobile, cssGalleryBar, cssIcon, cssIconClose, cssGalleryBarImageClose, cssGalleryBarImageNumbers, cssGalleryBarCopyLink, cssIconLink, cssHideMobile, cssHideDesktop, cssHide, cssGalleryBarCopyLinkConfirmation, cssIconSuccess, cssGalleryBarCopyLinkConfirmationText, cssGalleryImageContainer, cssLoaderMask, cssGalleryImage, cssGalleryImagesWithTransition, cssGalleryImageAdjusted, cssZoomOut, cssZoomIn, cssGrabbing, cssIconArrowContainer, cssGalleryImagesContainer, cssGalleryImages, cssGalleryBarImageDescription, cssIconArrow, cssIconArrowRotate180, cssIconArrowContainerPrevious, cssIconArrowContainerNext, cssGalleryImageMaxWidth, cssGalleryImageMaxHeight } from './css_classes.js';
+import { cssGalleryImageContainer, cssGalleryBarCopyLinkConfirmation, cssGalleryBar, cssIconArrowContainer, cssGrabbing, cssZoomOut, cssGalleryImagesWithTransition, cssHide, cssZoomIn, cssGalleryImageAdjusted, cssGallery, cssGalleryMobile, cssIcon, cssIconClose, cssGalleryBarImageClose, cssGalleryBarImageNumbers, cssGalleryBarCopyLink, cssIconLink, cssHideMobile, cssHideDesktop, cssIconSuccess, cssGalleryBarCopyLinkConfirmationText, cssLoaderMask, cssGalleryImage, cssGalleryImagesContainer, cssGalleryImages, cssGalleryBarImageDescription, cssIconArrow, cssIconArrowRotate180, cssIconArrowContainerPrevious, cssIconArrowContainerNext, cssGalleryImageMaxWidth, cssGalleryImageMaxHeight } from './css_classes.js';
 import Hammer from 'hammerjs';
 import cssClasses from '../../css/gallery/main.module.less.js';
 

package/build/esm/packages/aurora/src/components/image_picker/css_classes.d.ts

@@ -20,8 +20,5 @@ declare const _default: {
     imagePickerSelectedFileNameWrapper: string;
     imagePickerSelectedFileRemoveWrapper: string;
     imagePickerSupportedFormats: string;
-    imagePickerLoadingWrapper: string;
-    imagePickerLoadingWrapperContent: string;
-    imagePickerLoadingWrapperContentText: string;
 };
 export default _default;

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

@@ -20,10 +20,7 @@ var CSS_CLASSES = {
   imagePickerSelectedFile: "".concat(imagePicker, "__selected-file"),
   imagePickerSelectedFileNameWrapper: "".concat(imagePicker, "__selected-file-name-wrapper"),
   imagePickerSelectedFileRemoveWrapper: "".concat(imagePicker, "__selected-file-remove-wrapper"),
-  imagePickerSupportedFormats: "".concat(imagePicker, "__supported-formats"),
-  imagePickerLoadingWrapper: "".concat(imagePicker, "__loading-wrapper"),
-  imagePickerLoadingWrapperContent: "".concat(imagePicker, "__loading-wrapper-content"),
-  imagePickerLoadingWrapperContentText: "".concat(imagePicker, "__loading-wrapper-content-text")
+  imagePickerSupportedFormats: "".concat(imagePicker, "__supported-formats")
 };
 
 export default CSS_CLASSES;

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

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

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
-import cssClasses from '../../css/loader/main.module.less.js';
 import { cssLoader } from './css_classes.js';
 import { LOADER_SIZE_CSS_CLASS_MAP, LOADER_SIZE } from './constants.js';
+import cssClasses from '../../css/loader/main.module.less.js';
 
 var Loader = function Loader(_ref) {
   var size = _ref.size,

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

@@ -1,10 +1,10 @@
 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 { TREE_NODE_CSS_CLASSES } from '../css_classes.js';
 import cssClasses from '../../../css/tree/main.module.less.js';
-import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
 import { useTree } from '../hooks/tree_hook.js';
 import { useTreeNode } from '../hooks/tree_node_hook.js';
 

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

@@ -10,7 +10,6 @@ import { useModalsContext } from '../modal_new/hooks/use_modals_context.js';
 import { ModalNew } from '../modal_new/components/modal/modal.js';
 import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
 import { useHttpApi } from '../../hooks/use_http_api.js';
-import Loader from '../loader/index.js';
 
 var XhrImagePicker = function XhrImagePicker(_ref) {
   var id = _ref.id,
@@ -60,11 +59,6 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
       imageEditorResult = _useState8[0],
       setImageEditorResult = _useState8[1];
 
-  var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isLoading = _useState10[0],
-      setIsLoading = _useState10[1];
-
   var handleControlChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
       var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
@@ -92,19 +86,16 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
               pendingRequestRef.current = undefined;
             }
 
-            setIsLoading(true);
             _httpApi$fetch = httpApi.fetch({
               url: url,
               method: REQUEST_TYPES.post,
               data: fileList[0]
             }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
             pendingRequestRef.current = cancelRequest;
-            _context.next = 11;
-            return response.finally(function () {
-              return setIsLoading(false);
-            });
+            _context.next = 10;
+            return response;
 
-          case 11:
+          case 10:
             responseObject = _context.sent;
             onUploaded === null || onUploaded === void 0 || onUploaded({
               fileList: fileList,
@@ -112,7 +103,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
               imageId: responseObject.data.imageId
             });
 
-          case 13:
+          case 12:
           case "end":
             return _context.stop();
         }
@@ -165,19 +156,17 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
 
       return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
     };
-  }, [image]);
+  }, []);
   useEffect(function () {
     var src = image !== null && image !== void 0 ? image : initialImage;
     setImageEditorSrc(src !== null && src !== void 0 ? src : '');
-  }, [image, initialImage, isLoading]);
+  }, [image, initialImage]);
 
   var renderImageEditor = function renderImageEditor(defaultProps) {
     return ImageEditor ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps))) : null;
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles[CSS_CLASSES.imagePickerLoadingWrapper]
-  }, /*#__PURE__*/React.createElement(ImagePicker, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
     id: id,
     name: name,
     onChange: handleControlChange,
@@ -194,11 +183,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
       type: "button"
     }, /*#__PURE__*/React.createElement(IconImage, null), t('Edit')),
     editedImageResult: imageEditorResult
-  }), isLoading && /*#__PURE__*/React.createElement("div", {
-    className: styles[CSS_CLASSES.imagePickerLoadingWrapperContent]
-  }, /*#__PURE__*/React.createElement(Loader, null), /*#__PURE__*/React.createElement("span", {
-    className: styles[CSS_CLASSES.imagePickerLoadingWrapperContentText]
-  }, t('Transfering file...')))), ImageEditor && /*#__PURE__*/React.createElement(ModalNew, {
+  }), ImageEditor && /*#__PURE__*/React.createElement(ModalNew, {
     name: modalId,
     header: t('Edit image'),
     minWidth: "80vw"

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/css/color_picker_new/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.main-module_color-picker__container__14ccI {\n  display: flex;\n  flex-direction: column;\n  max-width: 250px;\n  padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n  border-radius: 4px;\n  overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n  display: flex;\n  flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n  order: -1;\n  padding: 0 !important;\n  margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n  background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n  width: 24px;\n  height: 24px;\n  background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n  cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div 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: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n  margin-bottom: 4px;\n  color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n  display: flex;\n  justify-content: space-between;\n  gap: 4px;\n}\n.main-module_color-picker__swatch__2IbgR {\n  position: relative;\n  width: 26px;\n  height: 26px;\n  border-radius: 3px;\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n  overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n  width: 16px;\n  height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n  width: 30px;\n  height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n  position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n  padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n  position: absolute;\n  top: 7px;\n  left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n  font-size: 12px;\n  color: #2d3748;\n  text-transform: uppercase;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center right;\n  padding-right: 10px;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.main-module_color-picker__inputs-value__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__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 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 styles = {
   "color-picker__container": "main-module_color-picker__container__14ccI",
   "color-picker__rbgcp": "main-module_color-picker__rbgcp__2FKdw",
@@ -8,7 +8,10 @@ var styles = {
   "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-header-icon": "main-module_color-picker__swatches-header-icon__3RQMl",
+  "color-picker__swatches-header-icon_rotate-180": "main-module_color-picker__swatches-header-icon_rotate-180__1R-dA",
   "color-picker__swatches-content": "main-module_color-picker__swatches-content__3EFZR",
+  "color-picker__swatches-subcontent": "main-module_color-picker__swatches-subcontent__1uyUb",
   "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",

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

package/build/esm/packages/aurora/src/css/image_picker/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.main-module_image-picker__wrapper__2RK3f {\n  position: relative;\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  top: 1rem;\n  right: 1rem;\n  z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  background-color: #ffffff;\n  background-image: none;\n  border: 0;\n  border-radius: 2px;\n  padding: 0.5rem;\n  font-size: 12px;\n  color: #3c83ec;\n  cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n  color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  color: #3c83ec;\n  cursor: pointer;\n  background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n  color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n  fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n.main-module_image-picker__loading-wrapper__gBtlh {\n  position: relative;\n}\n.main-module_image-picker__loading-wrapper-content__21jzx {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: #ffffff;\n  width: 100%;\n  height: 100%;\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__loading-wrapper-content-text__2-Fup {\n  color: #5c657e;\n  margin-top: 0.5rem;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n  position: relative;\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  top: 1rem;\n  right: 1rem;\n  z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  background-color: #ffffff;\n  background-image: none;\n  border: 0;\n  border-radius: 2px;\n  padding: 0.5rem;\n  font-size: 12px;\n  color: #3c83ec;\n  cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n  color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  color: #3c83ec;\n  cursor: pointer;\n  background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n  color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n  fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n";
 var styles = {
   "image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
   "image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
@@ -21,10 +21,7 @@ var styles = {
   "image-picker__selected-file-remove-wrapper": "main-module_image-picker__selected-file-remove-wrapper__2v4W2",
   "image-picker__image-preview-wrapper": "main-module_image-picker__image-preview-wrapper__1jPXU",
   "image-picker__image-preview": "main-module_image-picker__image-preview__12pRu",
-  "image-picker__error-text": "main-module_image-picker__error-text__rXAvw",
-  "image-picker__loading-wrapper": "main-module_image-picker__loading-wrapper__gBtlh",
-  "image-picker__loading-wrapper-content": "main-module_image-picker__loading-wrapper-content__21jzx",
-  "image-picker__loading-wrapper-content-text": "main-module_image-picker__loading-wrapper-content-text__2-Fup"
+  "image-picker__error-text": "main-module_image-picker__error-text__rXAvw"
 };
 styleInject(css_248z);
 

package/build/esm/packages/aurora/src/css/image_picker/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;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;"}