@dreamcommerce/aurora 3.0.0-90 → 3.0.0-91

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

@@ -1,84 +1,67 @@
 import React, { useMemo } from 'react';
-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
-  }));
+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 })));
 };
-
-export { ColorPicker };
-//# sourceMappingURL=color_picker.js.map
+//# sourceMappingURL=color_picker.js.map

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

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

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,23 +1,21 @@
-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_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_SWATCH_SIZES = {
-  small: 'small',
-  big: 'big'
+export const COLOR_PICKER_SWATCH_SIZES = {
+    small: 'small',
+    big: 'big'
 };
-var GRADIENT_TYPES = {
-  linear: 'linear-gradient',
-  radial: 'radial-gradient'
+export const GRADIENT_TYPES = {
+    linear: 'linear-gradient',
+    radial: 'radial-gradient'
 };
-var GRADIENT_RADIAL_SHAPES = {
-  circle: 'circle',
-  ellipse: 'ellipse'
+export const GRADIENT_RADIAL_SHAPES = {
+    circle: 'circle',
+    ellipse: 'ellipse'
 };
-
-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
+//# 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":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;"}
+{"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"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { IColorPickerContext } from "./color_picker_types";
-export declare const ColorPickerContext: import("react").Context<IColorPickerContext>;
+/// <reference types="react" />
+import { IColorPickerContext } from '@auroraComponents/color_picker/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,29 +1,27 @@
 import { createContext } from 'react';
-
-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() {}
+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: () => { }
 });
-
-export { ColorPickerContext };
-//# sourceMappingURL=color_picker_context.js.map
+//# 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":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;"}
+{"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"}

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 "./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 '@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;
+};

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