@dreamcommerce/aurora 2.20.8 → 2.21.0-2

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

@@ -1,4 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
+import { GRADIENT_TYPES } from "./constants";
 export interface IColorPickerNewPureProps {
     id: string;
     name?: string;
@@ -19,12 +20,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 +38,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;
 }
 export declare type ColorPickerColorTypes = {
     hex: string;
@@ -63,5 +72,18 @@ 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 TGradientObject = {
+    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,3 @@
 import 'react';
+import '@auroraComponents/color_picker_new/constants';
 //# 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,OAA+B,8CAA8C,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/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(0deg, #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/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.8",
+  "version": "2.21.0-2",
   "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",

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js

@@ -1,224 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var tinycolor = require('../../../external/tinycolor2/tinycolor.js');
-var utils = require('../utils/utils.js');
-var context = require('../context.js');
-var usePaintHue = require('../hooks/usePaintHue.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var AdvBar = function AdvBar(_ref) {
-  var value = _ref.value,
-      callback = _ref.callback,
-      reffy = _ref.reffy,
-      openAdvanced = _ref.openAdvanced,
-      label = _ref.label;
-
-  var _usePicker = context.usePicker(),
-      squareWidth = _usePicker.squareWidth,
-      classes = _usePicker.classes;
-
-  var _useState = React.useState(false),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      dragging = _useState2[0],
-      setDragging = _useState2[1];
-
-  var _useState3 = React.useState(2),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      handleTop = _useState4[0],
-      setHandleTop = _useState4[1];
-
-  var left = value * (squareWidth - 18);
-  React.useEffect(function () {
-    var _reffy$current;
-
-    setHandleTop((reffy === null || reffy === void 0 || (_reffy$current = reffy.current) === null || _reffy$current === void 0 ? void 0 : _reffy$current.offsetTop) - 2);
-  }, [openAdvanced, reffy]);
-
-  var stopDragging = function stopDragging() {
-    setDragging(false);
-  };
-
-  var handleMove = function handleMove(e) {
-    if (dragging) {
-      callback(utils.getHandleValue(e));
-    }
-  };
-
-  var handleClick = function handleClick(e) {
-    if (!dragging) {
-      callback(utils.getHandleValue(e));
-    }
-  };
-
-  var handleDown = function handleDown() {
-    setDragging(true);
-  };
-
-  React.useEffect(function () {
-    var handleUp = function handleUp() {
-      stopDragging();
-    };
-
-    window.addEventListener('mouseup', handleUp);
-    return function () {
-      window.removeEventListener('mouseup', handleUp);
-    };
-  }, []);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      width: '100%',
-      padding: '3px 0px 3px 0px'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    onMouseMove: function onMouseMove(e) {
-      return handleMove(e);
-    },
-    className: "".concat(classes.cResize, " ").concat(classes.psRl)
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      left: left,
-      top: handleTop
-    },
-    className: classes.rbgcpHandle,
-    onMouseDown: handleDown,
-    role: "button",
-    tabIndex: 0
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      textAlign: 'center',
-      color: '#fff',
-      fontSize: 12,
-      fontWeight: 500,
-      lineHeight: 1,
-      position: 'absolute',
-      left: '50%',
-      transform: 'translate(-50%, 0%)',
-      top: handleTop + 2,
-      zIndex: 10,
-      textShadow: '1px 1px 1px rgba(0,0,0,.6)'
-    },
-    onMouseMove: function onMouseMove(e) {
-      return handleMove(e);
-    },
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }, label), /*#__PURE__*/React__default['default'].createElement("canvas", {
-    ref: reffy,
-    height: "14px",
-    width: "".concat(squareWidth, "px"),
-    onClick: function onClick(e) {
-      return handleClick(e);
-    },
-    style: {
-      position: 'relative',
-      borderRadius: 14
-    }
-  })));
-};
-
-var AdvancedControls = function AdvancedControls(_ref2) {
-  var openAdvanced = _ref2.openAdvanced;
-
-  var _usePicker2 = context.usePicker(),
-      tinyColor = _usePicker2.tinyColor,
-      handleChange = _usePicker2.handleChange,
-      squareWidth = _usePicker2.squareWidth,
-      hc = _usePicker2.hc;
-
-  var _tinyColor$toHsl = tinyColor.toHsl(),
-      s = _tinyColor$toHsl.s,
-      l = _tinyColor$toHsl.l;
-
-  var satRef = React.useRef(null);
-  var lightRef = React.useRef(null);
-  var brightRef = React.useRef(null);
-  usePaintHue.usePaintSat(satRef, hc === null || hc === void 0 ? void 0 : hc.h, l * 100, squareWidth);
-  usePaintHue.usePaintLight(lightRef, hc === null || hc === void 0 ? void 0 : hc.h, s * 100, squareWidth);
-  usePaintHue.usePaintBright(brightRef, hc === null || hc === void 0 ? void 0 : hc.h, s * 100, squareWidth);
-
-  var satDesat = function satDesat(value) {
-    var _tinycolor$toRgb = tinycolor['default']({
-      h: hc === null || hc === void 0 ? void 0 : hc.h,
-      s: value / 100,
-      l: l
-    }).toRgb(),
-        r = _tinycolor$toRgb.r,
-        g = _tinycolor$toRgb.g,
-        b = _tinycolor$toRgb.b;
-
-    handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
-  };
-
-  var setLight = function setLight(value) {
-    var _tinycolor$toRgb2 = tinycolor['default']({
-      h: hc === null || hc === void 0 ? void 0 : hc.h,
-      s: s,
-      l: value / 100
-    }).toRgb(),
-        r = _tinycolor$toRgb2.r,
-        g = _tinycolor$toRgb2.g,
-        b = _tinycolor$toRgb2.b;
-
-    handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
-  };
-
-  var setBright = function setBright(value) {
-    var _tinycolor$toRgb3 = tinycolor['default']({
-      h: hc === null || hc === void 0 ? void 0 : hc.h,
-      s: (hc === null || hc === void 0 ? void 0 : hc.s) * 100,
-      v: value
-    }).toRgb(),
-        r = _tinycolor$toRgb3.r,
-        g = _tinycolor$toRgb3.g,
-        b = _tinycolor$toRgb3.b;
-
-    handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
-  };
-
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      height: openAdvanced ? 98 : 0,
-      width: '100%',
-      transition: 'all 120ms linear'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      paddingTop: 11,
-      display: openAdvanced ? 'flex' : 'none',
-      flexDirection: 'column',
-      justifyContent: 'space-between',
-      height: openAdvanced ? 98 : 0,
-      overflow: 'hidden',
-      transition: 'height 100ms linear'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(AdvBar, {
-    value: s,
-    reffy: satRef,
-    callback: satDesat,
-    openAdvanced: openAdvanced,
-    label: "Saturation"
-  }), /*#__PURE__*/React__default['default'].createElement(AdvBar, {
-    value: l,
-    reffy: lightRef,
-    label: "Lightness",
-    callback: setLight,
-    openAdvanced: openAdvanced
-  }), /*#__PURE__*/React__default['default'].createElement(AdvBar, {
-    value: hc === null || hc === void 0 ? void 0 : hc.v,
-    reffy: brightRef,
-    label: "Brightness",
-    callback: setBright,
-    openAdvanced: openAdvanced
-  })));
-};
-
-exports.default = AdvancedControls;
-//# sourceMappingURL=AdvancedControls.js.map

package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js

@@ -1,168 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var context = require('../context.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ComparibleColors = function ComparibleColors(_ref) {
-  var openComparibles = _ref.openComparibles;
-
-  var _usePicker = context.usePicker(),
-      tinyColor = _usePicker.tinyColor,
-      handleChange = _usePicker.handleChange,
-      classes = _usePicker.classes;
-
-  var analogous = tinyColor.analogous();
-  var monochromatic = tinyColor.monochromatic();
-  var triad = tinyColor.triad();
-  var tetrad = tinyColor.tetrad();
-
-  var handleClick = function handleClick(tiny) {
-    var _tiny$toRgb = tiny.toRgb(),
-        r = _tiny$toRgb.r,
-        g = _tiny$toRgb.g,
-        b = _tiny$toRgb.b,
-        a = _tiny$toRgb.a;
-
-    handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")"));
-  };
-
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      height: openComparibles ? 216 : 0,
-      width: '100%',
-      transition: 'all 120ms linear'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      paddingTop: 11,
-      display: openComparibles ? '' : 'none',
-      position: 'relative'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 13,
-      fontWeight: 600,
-      position: 'absolute',
-      top: 6.5,
-      left: 2
-    },
-    className: classes.rbgcpComparibleLabel
-  }, "Color Guide"), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 12,
-      fontWeight: 500,
-      marginTop: 3
-    },
-    className: classes.rbgcpComparibleLabel
-  }, "Analogous"), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      borderRadius: 5,
-      overflow: 'hidden',
-      display: 'flex'
-    }
-  }, analogous === null || analogous === void 0 ? void 0 : analogous.map(function (c, key) {
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: key,
-      style: {
-        width: '20%',
-        height: 30,
-        background: c.toHexString()
-      },
-      onClick: function onClick() {
-        return handleClick(c);
-      }
-    });
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 12,
-      fontWeight: 500,
-      marginTop: 3
-    },
-    className: classes.rbgcpComparibleLabel
-  }, "Monochromatic"), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      borderRadius: 5,
-      overflow: 'hidden',
-      display: 'flex',
-      justifyContent: 'flex-end'
-    }
-  }, monochromatic === null || monochromatic === void 0 ? void 0 : monochromatic.map(function (c, key) {
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: key,
-      style: {
-        width: '20%',
-        height: 30,
-        background: c.toHexString()
-      },
-      onClick: function onClick() {
-        return handleClick(c);
-      }
-    });
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 12,
-      fontWeight: 500,
-      marginTop: 3
-    },
-    className: classes.rbgcpComparibleLabel
-  }, "Triad"), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      borderRadius: 5,
-      overflow: 'hidden',
-      display: 'flex',
-      justifyContent: 'flex-end'
-    }
-  }, triad === null || triad === void 0 ? void 0 : triad.map(function (c, key) {
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: key,
-      style: {
-        width: 'calc(100% / 3)',
-        height: 28,
-        background: c.toHexString()
-      },
-      onClick: function onClick() {
-        return handleClick(c);
-      }
-    });
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      textAlign: 'center',
-      fontSize: 12,
-      fontWeight: 500,
-      marginTop: 3
-    },
-    className: classes.rbgcpComparibleLabel
-  }, "Tetrad"), /*#__PURE__*/React__default['default'].createElement("div", {
-    style: {
-      borderRadius: 5,
-      overflow: 'hidden',
-      display: 'flex',
-      justifyContent: 'flex-end'
-    }
-  }, tetrad === null || tetrad === void 0 ? void 0 : tetrad.map(function (c, key) {
-    return /*#__PURE__*/React__default['default'].createElement("div", {
-      key: key,
-      style: {
-        width: '25%',
-        height: 28,
-        background: c.toHexString()
-      },
-      onClick: function onClick() {
-        return handleClick(c);
-      }
-    });
-  }))));
-};
-
-exports.default = ComparibleColors;
-//# sourceMappingURL=ComparibleColors.js.map