@dreamcommerce/aurora 3.0.0-91 → 3.0.0-92

package/build/esm/packages/aurora/src/components/color_picker/color_picker.js

@@ -1,67 +1,84 @@
 import React, { useMemo } from 'react';
-import { ColorPickerContext } from './color_picker_context';
-import ColorPickerPure from './components/pure_color_picker';
-import './color_picker_types';
-import useSetupColorPicker from '@auroraComponents/color_picker/hooks/setup_color_piceker';
-export const ColorPicker = ({ id, name, initialColor, colorVariables, errors, onChange, onCancel, onSave, withGradient: isWithGradient }) => {
-    const { color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened } = useSetupColorPicker({
-        colorVariables,
-        initialColor,
-        onChange,
-        onCancel,
-        onSave,
-        withGradient: isWithGradient
-    });
-    const value = useMemo(() => ({
-        color,
-        setColor,
-        hex,
-        hslArr,
-        handleOnChangeAlpha,
-        alphaValue,
-        rgbaArr,
-        setR,
-        setG,
-        setB,
-        handleCancel,
-        handleSave,
-        colorVariables,
-        previousSolidColor,
-        isCurrentValueGradient,
-        setLinear,
-        setRadial,
-        gradientType,
-        setSolid,
-        previousGradientColor,
-        withGradient,
-        isColorPickerOpened,
-        setIsColorPickerOpened
-    }), [
-        color,
-        setColor,
-        hex,
-        hslArr,
-        handleOnChangeAlpha,
-        alphaValue,
-        rgbaArr,
-        setR,
-        setG,
-        setB,
-        handleCancel,
-        handleSave,
-        previousSolidColor,
-        colorVariables,
-        isCurrentValueGradient,
-        setLinear,
-        setRadial,
-        gradientType,
-        previousGradientColor,
-        setSolid,
-        withGradient,
-        isColorPickerOpened,
-        setIsColorPickerOpened
-    ]);
-    return (React.createElement(ColorPickerContext.Provider, { value: value },
-        React.createElement(ColorPickerPure, { id: id, name: name, colorVariables: colorVariables, errors: errors })));
+import { ColorPickerContext } from './color_picker_context.js';
+import ColorPickerPure from './components/pure_color_picker.js';
+import useSetupColorPicker from './hooks/setup_color_piceker.js';
+
+var ColorPicker = function ColorPicker(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    initialColor = _ref.initialColor,
+    colorVariables = _ref.colorVariables,
+    errors = _ref.errors,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    isWithGradient = _ref.withGradient;
+  var _useSetupColorPicker = useSetupColorPicker({
+      colorVariables: colorVariables,
+      initialColor: initialColor,
+      onChange: onChange,
+      onCancel: onCancel,
+      onSave: onSave,
+      withGradient: isWithGradient
+    }),
+    color = _useSetupColorPicker.color,
+    setColor = _useSetupColorPicker.setColor,
+    hex = _useSetupColorPicker.hex,
+    hslArr = _useSetupColorPicker.hslArr,
+    handleOnChangeAlpha = _useSetupColorPicker.handleOnChangeAlpha,
+    alphaValue = _useSetupColorPicker.alphaValue,
+    rgbaArr = _useSetupColorPicker.rgbaArr,
+    setR = _useSetupColorPicker.setR,
+    setG = _useSetupColorPicker.setG,
+    setB = _useSetupColorPicker.setB,
+    handleCancel = _useSetupColorPicker.handleCancel,
+    handleSave = _useSetupColorPicker.handleSave,
+    previousSolidColor = _useSetupColorPicker.previousSolidColor,
+    isCurrentValueGradient = _useSetupColorPicker.isCurrentValueGradient,
+    setLinear = _useSetupColorPicker.setLinear,
+    setRadial = _useSetupColorPicker.setRadial,
+    gradientType = _useSetupColorPicker.gradientType,
+    previousGradientColor = _useSetupColorPicker.previousGradientColor,
+    setSolid = _useSetupColorPicker.setSolid,
+    withGradient = _useSetupColorPicker.withGradient,
+    isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
+    setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
+  var value = useMemo(function () {
+    return {
+      color: color,
+      setColor: setColor,
+      hex: hex,
+      hslArr: hslArr,
+      handleOnChangeAlpha: handleOnChangeAlpha,
+      alphaValue: alphaValue,
+      rgbaArr: rgbaArr,
+      setR: setR,
+      setG: setG,
+      setB: setB,
+      handleCancel: handleCancel,
+      handleSave: handleSave,
+      colorVariables: colorVariables,
+      previousSolidColor: previousSolidColor,
+      isCurrentValueGradient: isCurrentValueGradient,
+      setLinear: setLinear,
+      setRadial: setRadial,
+      gradientType: gradientType,
+      setSolid: setSolid,
+      previousGradientColor: previousGradientColor,
+      withGradient: withGradient,
+      isColorPickerOpened: isColorPickerOpened,
+      setIsColorPickerOpened: setIsColorPickerOpened
+    };
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
+  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(ColorPickerPure, {
+    id: id,
+    name: name,
+    colorVariables: colorVariables,
+    errors: errors
+  }));
 };
-//# sourceMappingURL=color_picker.js.map
+
+export { ColorPicker };
+//# sourceMappingURL=color_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color_picker.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAkC,sBAAsB,CAAC;AACzD,OAAO,mBAAmB,MAAM,0DAA0D,CAAC;AAE3F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,YAAY,EAAE,cAAc,EACZ,EAAE,EAAE;IACpB,MAAM,EACF,KAAK,EACL,QAAQ,EACR,GAAG,EACH,MAAM,EACN,mBAAmB,EACnB,UAAU,EACV,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,SAAS,EACT,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,QAAQ,EACR,YAAY,EACZ,mBAAmB,EACnB,sBAAsB,EACzB,GAAG,mBAAmB,CAAC;QACpB,cAAc;QACd,YAAY;QACZ,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,YAAY,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACH,KAAK;QACL,QAAQ;QACR,GAAG;QACH,MAAM;QACN,mBAAmB;QACnB,UAAU;QACV,OAAO;QACP,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,YAAY;QACZ,UAAU;QACV,cAAc;QACd,kBAAkB;QAClB,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,YAAY;QACZ,QAAQ;QACR,qBAAqB;QACrB,YAAY;QACZ,mBAAmB;QACnB,sBAAsB;KACzB,CAAC,EACF;QACI,KAAK;QACL,QAAQ;QACR,GAAG;QACH,MAAM;QACN,mBAAmB;QACnB,UAAU;QACV,OAAO;QACP,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,YAAY;QACZ,UAAU;QACV,kBAAkB;QAClB,cAAc;QACd,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,YAAY;QACZ,qBAAqB;QACrB,QAAQ;QACR,YAAY;QACZ,mBAAmB;QACnB,sBAAsB;KACzB,CACJ,CAAC;IAEF,OAAO,CACH,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACrC,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAC7D,CACjC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/color_picker_constants.d.ts

@@ -1,20 +1,20 @@
-export declare const COLOR_PICKER_INITIAL_STATE = "#FFFFFF";
-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: {
-    readonly HEX: "hex";
-    readonly RGB: "rgb";
-};
-export declare const COLOR_PICKER_SWATCH_SIZES: {
-    readonly small: "small";
-    readonly big: "big";
-};
-export declare const GRADIENT_TYPES: {
-    readonly linear: "linear-gradient";
-    readonly radial: "radial-gradient";
-};
-export declare const GRADIENT_RADIAL_SHAPES: {
-    readonly circle: "circle";
-    readonly ellipse: "ellipse";
-};
+export declare const COLOR_PICKER_INITIAL_STATE = "#FFFFFF";
+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: {
+    readonly HEX: "hex";
+    readonly RGB: "rgb";
+};
+export declare const COLOR_PICKER_SWATCH_SIZES: {
+    readonly small: "small";
+    readonly big: "big";
+};
+export declare const GRADIENT_TYPES: {
+    readonly linear: "linear-gradient";
+    readonly radial: "radial-gradient";
+};
+export declare const GRADIENT_RADIAL_SHAPES: {
+    readonly circle: "circle";
+    readonly ellipse: "ellipse";
+};

package/build/esm/packages/aurora/src/components/color_picker/color_picker_constants.js

@@ -1,21 +1,23 @@
-export const COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
-export const COLOR_PICKER_WIDTH = 247;
-export const COLOR_PICKER_HEIGHT = 200;
-export const COLOR_PICKER_ALPHA_MAX_VALUE = 100;
-export const COLOR_PICKER_TYPES = {
-    HEX: 'hex',
-    RGB: 'rgb'
+var COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
+var COLOR_PICKER_WIDTH = 247;
+var COLOR_PICKER_HEIGHT = 200;
+var COLOR_PICKER_ALPHA_MAX_VALUE = 100;
+var COLOR_PICKER_TYPES = {
+  HEX: 'hex',
+  RGB: 'rgb'
 };
-export const COLOR_PICKER_SWATCH_SIZES = {
-    small: 'small',
-    big: 'big'
+var COLOR_PICKER_SWATCH_SIZES = {
+  small: 'small',
+  big: 'big'
 };
-export const GRADIENT_TYPES = {
-    linear: 'linear-gradient',
-    radial: 'radial-gradient'
+var GRADIENT_TYPES = {
+  linear: 'linear-gradient',
+  radial: 'radial-gradient'
 };
-export const GRADIENT_RADIAL_SHAPES = {
-    circle: 'circle',
-    ellipse: 'ellipse'
+var GRADIENT_RADIAL_SHAPES = {
+  circle: 'circle',
+  ellipse: 'ellipse'
 };
-//# sourceMappingURL=color_picker_constants.js.map
+
+export { COLOR_PICKER_ALPHA_MAX_VALUE, COLOR_PICKER_HEIGHT, COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_SWATCH_SIZES, COLOR_PICKER_TYPES, COLOR_PICKER_WIDTH, GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES };
+//# sourceMappingURL=color_picker_constants.js.map

package/build/esm/packages/aurora/src/components/color_picker/color_picker_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"color_picker_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC;AAEpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AACtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEvC,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,iBAAiB;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACZ,CAAC"}
+{"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/color_picker_context.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { IColorPickerContext } from '@auroraComponents/color_picker/color_picker_types';
-export declare const ColorPickerContext: import("react").Context<IColorPickerContext>;
+/// <reference types="react" />
+import { IColorPickerContext } from "./color_picker_types";
+export declare const ColorPickerContext: import("react").Context<IColorPickerContext>;

package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js

@@ -1,27 +1,29 @@
 import { createContext } from 'react';
-import '@auroraComponents/color_picker/color_picker_types';
-export const ColorPickerContext = createContext({
-    color: {
-        value: '',
-        name: ''
-    },
-    setColor: () => { },
-    hex: '',
-    hslArr: [],
-    handleOnChangeAlpha: () => { },
-    alphaValue: '',
-    rgbaArr: [],
-    setR: () => { },
-    setG: () => { },
-    setB: () => { },
-    handleCancel: () => { },
-    handleSave: () => { },
-    setSolid: () => { },
-    setRadial: () => { },
-    setLinear: () => { },
-    isCurrentValueGradient: false,
-    withGradient: false,
-    isColorPickerOpened: false,
-    setIsColorPickerOpened: () => { }
+
+var ColorPickerContext = /*#__PURE__*/createContext({
+  color: {
+    value: '',
+    name: ''
+  },
+  setColor: function setColor() {},
+  hex: '',
+  hslArr: [],
+  handleOnChangeAlpha: function handleOnChangeAlpha() {},
+  alphaValue: '',
+  rgbaArr: [],
+  setR: function setR() {},
+  setG: function setG() {},
+  setB: function setB() {},
+  handleCancel: function handleCancel() {},
+  handleSave: function handleSave() {},
+  setSolid: function setSolid() {},
+  setRadial: function setRadial() {},
+  setLinear: function setLinear() {},
+  isCurrentValueGradient: false,
+  withGradient: false,
+  isColorPickerOpened: false,
+  setIsColorPickerOpened: function setIsColorPickerOpened() {}
 });
-//# sourceMappingURL=color_picker_context.js.map
+
+export { ColorPickerContext };
+//# sourceMappingURL=color_picker_context.js.map

package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"color_picker_context.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAoC,mDAAmD,CAAC;AAExF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAsB;IACjE,KAAK,EAAE;QACH,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACX;IACD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,GAAG,EAAE,EAAE;IACP,MAAM,EAAE,EAAE;IACV,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;IACd,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;IACd,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;IACd,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,sBAAsB,EAAE,KAAK;IAC7B,YAAY,EAAE,KAAK;IACnB,mBAAmB,EAAE,KAAK;IAC1B,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;CACnC,CAAC,CAAC"}
+{"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;"}

package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts

@@ -1,105 +1,105 @@
-import { Dispatch, SetStateAction } from 'react';
-import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from '@auroraComponents/color_picker/color_picker_constants';
-import { Any } from 'ts-toolbelt';
-export interface IColorPickerPureProps {
-    id: string;
-    name?: string;
-    colorVariables?: IColorPickerColorVariables;
-    errors?: string | string[];
-}
-export interface IColorPickerColorVariables {
-    isVisible: boolean;
-    variables: IColorPickerColorVariablesType;
-}
-export interface IColorPickerColorVariablesType {
-    primary: ColorPickerVariable;
-    secondary: ColorPickerVariable;
-    neutral: ColorPickerVariable;
-    font: ColorPickerVariable;
-    background: ColorPickerVariable;
-}
-export interface IColorPickerProps {
-    id: string;
-    name?: string;
-    initialColor?: ColorPickerColorTypes['hex'] | ColorPickerVariable | undefined;
-    withGradient?: boolean;
-    colorVariables?: IColorPickerColorVariables;
-    errors?: string | string[];
-    onChange?: (color: IColorPickerColor) => void;
-    onCancel?: () => void;
-    onSave?: (color: IColorPickerColor) => void;
-}
-export interface IColorPickerContext {
-    color: ColorPickerVariable;
-    setColor: Dispatch<SetStateAction<string | ColorPickerVariable>>;
-    hex: string;
-    hslArr: number[];
-    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    alphaValue: string;
-    rgbaArr: number[];
-    setR: (newR: number) => void;
-    setG: (newG: number) => void;
-    setB: (newB: number) => void;
-    handleCancel: () => void;
-    withGradient: boolean;
-    handleSave: (color: IColorPickerColor) => void;
-    colorVariables?: IColorPickerColorVariables;
-    isCurrentValueGradient: boolean;
-    setSolid: (value?: string) => void;
-    setRadial: (value?: string) => void;
-    setLinear: (value?: string) => void;
-    gradientType?: TGradientType;
-    previousSolidColor?: string;
-    previousGradientColor?: string;
-    isColorPickerOpened: boolean;
-    setIsColorPickerOpened: (isOpened: boolean) => void;
-}
-export declare type ColorPickerColorTypes = {
-    hex: string;
-    hsl: {
-        h: number;
-        s: number;
-        l: number;
-    };
-    rgba: {
-        r: number;
-        g: number;
-        b: number;
-        a?: number;
-    };
-};
-export declare type ColorPickerVariable = {
-    value: string;
-    name: string;
-};
-export declare type IColorPickerColor = {
-    rgba: ColorPickerColorTypes['rgba'];
-    hex: string;
-    hexString: string;
-    variable: string;
-    gradient?: TGradientObject;
-};
-export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];
-export declare type TGradientType = typeof GRADIENT_TYPES[keyof typeof GRADIENT_TYPES];
-export declare type TGradientColorStop = {
-    stop: number;
-    value: string;
-};
-export declare type TGradientRadialShape = Any.Keys<typeof GRADIENT_RADIAL_SHAPES>;
-export declare type TGradientObject = {
-    gradientType: TGradientType;
-    colors: TGradientColorStop[];
-    radialShape?: TGradientRadialShape;
-    angle?: number;
-};
-export declare type TGradientColoPickerLibGradientObject = {
-    isGradient: boolean;
-    gradientType: string | undefined;
-    degrees: string;
-    colors: any;
-} | {
-    isGradient: boolean;
-    gradientType: null;
-    degrees: null;
-    colors: any;
-};
+import { Dispatch, SetStateAction } from 'react';
+import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./color_picker_constants";
+import { Any } from 'ts-toolbelt';
+export interface IColorPickerPureProps {
+    id: string;
+    name?: string;
+    colorVariables?: IColorPickerColorVariables;
+    errors?: string | string[];
+}
+export interface IColorPickerColorVariables {
+    isVisible: boolean;
+    variables: IColorPickerColorVariablesType;
+}
+export interface IColorPickerColorVariablesType {
+    primary: ColorPickerVariable;
+    secondary: ColorPickerVariable;
+    neutral: ColorPickerVariable;
+    font: ColorPickerVariable;
+    background: ColorPickerVariable;
+}
+export interface IColorPickerProps {
+    id: string;
+    name?: string;
+    initialColor?: ColorPickerColorTypes['hex'] | ColorPickerVariable | undefined;
+    withGradient?: boolean;
+    colorVariables?: IColorPickerColorVariables;
+    errors?: string | string[];
+    onChange?: (color: IColorPickerColor) => void;
+    onCancel?: () => void;
+    onSave?: (color: IColorPickerColor) => void;
+}
+export interface IColorPickerContext {
+    color: ColorPickerVariable;
+    setColor: Dispatch<SetStateAction<string | ColorPickerVariable>>;
+    hex: string;
+    hslArr: number[];
+    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    alphaValue: string;
+    rgbaArr: number[];
+    setR: (newR: number) => void;
+    setG: (newG: number) => void;
+    setB: (newB: number) => void;
+    handleCancel: () => void;
+    withGradient: boolean;
+    handleSave: (color: IColorPickerColor) => void;
+    colorVariables?: IColorPickerColorVariables;
+    isCurrentValueGradient: boolean;
+    setSolid: (value?: string) => void;
+    setRadial: (value?: string) => void;
+    setLinear: (value?: string) => void;
+    gradientType?: TGradientType;
+    previousSolidColor?: string;
+    previousGradientColor?: string;
+    isColorPickerOpened: boolean;
+    setIsColorPickerOpened: (isOpened: boolean) => void;
+}
+export declare type ColorPickerColorTypes = {
+    hex: string;
+    hsl: {
+        h: number;
+        s: number;
+        l: number;
+    };
+    rgba: {
+        r: number;
+        g: number;
+        b: number;
+        a?: number;
+    };
+};
+export declare type ColorPickerVariable = {
+    value: string;
+    name: string;
+};
+export declare type IColorPickerColor = {
+    rgba: ColorPickerColorTypes['rgba'];
+    hex: string;
+    hexString: string;
+    variable: string;
+    gradient?: TGradientObject;
+};
+export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];
+export declare type TGradientType = typeof GRADIENT_TYPES[keyof typeof GRADIENT_TYPES];
+export declare type TGradientColorStop = {
+    stop: number;
+    value: string;
+};
+export declare type TGradientRadialShape = Any.Keys<typeof GRADIENT_RADIAL_SHAPES>;
+export declare type TGradientObject = {
+    gradientType: TGradientType;
+    colors: TGradientColorStop[];
+    radialShape?: TGradientRadialShape;
+    angle?: number;
+};
+export declare type TGradientColoPickerLibGradientObject = {
+    isGradient: boolean;
+    gradientType: string | undefined;
+    degrees: string;
+    colors: any;
+} | {
+    isGradient: boolean;
+    gradientType: null;
+    degrees: null;
+    colors: any;
+};

package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.d.ts

@@ -1,18 +1,18 @@
-import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, TGradientColoPickerLibGradientObject, TGradientObject } from './color_picker_types';
-import tinycolor from 'tinycolor2';
-export declare class ColorPickerUtils {
-    static getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
-    static isGradient(color: string): boolean;
-    static getColorPickerValue: (color: string | ColorPickerVariable | undefined) => ColorPickerVariable;
-    static getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
-    static getHexValue: (colorSet: tinycolor.Instance) => string;
-    static getHexValueString: (colorSet: tinycolor.Instance) => string;
-    static isHexChar: (value: string) => boolean;
-    static getAllColorTypes: (color: ColorPickerVariable) => IColorPickerColor;
-    static getVariableShades: ({ color, name }: {
-        color: ColorPickerColors;
-        name: string;
-    }) => ColorPickerVariable[];
-    private static convertVariableShadesToHex;
-    static getColorPickerGradientValue(gradient: TGradientColoPickerLibGradientObject): TGradientObject;
-}
+import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, TGradientColoPickerLibGradientObject, TGradientObject } from './color_picker_types';
+import tinycolor from 'tinycolor2';
+export declare class ColorPickerUtils {
+    static getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
+    static isGradient(color: string): boolean;
+    static getColorPickerValue: (color: string | ColorPickerVariable | undefined) => ColorPickerVariable;
+    static getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
+    static getHexValue: (colorSet: tinycolor.Instance) => string;
+    static getHexValueString: (colorSet: tinycolor.Instance) => string;
+    static isHexChar: (value: string) => boolean;
+    static getAllColorTypes: (color: ColorPickerVariable) => IColorPickerColor;
+    static getVariableShades: ({ color, name }: {
+        color: ColorPickerColors;
+        name: string;
+    }) => ColorPickerVariable[];
+    private static convertVariableShadesToHex;
+    static getColorPickerGradientValue(gradient: TGradientColoPickerLibGradientObject): TGradientObject;
+}