@dreamcommerce/aurora 2.16.3 → 2.16.4

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

@@ -1,15 +1,15 @@
-export declare const cssColorPicker = "color-picker";
-export declare const cssColorPickerInputColorPreview: string;
-export declare const cssColorPickerInputContainer: string;
-export declare const cssColorPickerButtonsGroup: string;
-export declare const cssColorPickerHuePicker: string;
-export declare const cssColorPickerPointer: string;
-export declare const cssColorPickerPointerInside: string;
-export declare const cssColorPickerSaturationLightnessPicker: string;
-export declare const cssColorPickerMask: string;
-export declare const cssColorPickerMaskWhite: string;
-export declare const cssColorPickerMaskBlack: string;
-export declare const cssColorPickerPreviewContainer: string;
-export declare const cssColorPickerPreview: string;
-export declare const cssColoPickerLabel: string;
-export declare const cssColoPickerLabelColorPreview: string;
+export declare const cssColorPicker = "color-picker";
+export declare const cssColorPickerInputColorPreview: string;
+export declare const cssColorPickerInputContainer: string;
+export declare const cssColorPickerButtonsGroup: string;
+export declare const cssColorPickerHuePicker: string;
+export declare const cssColorPickerPointer: string;
+export declare const cssColorPickerPointerInside: string;
+export declare const cssColorPickerSaturationLightnessPicker: string;
+export declare const cssColorPickerMask: string;
+export declare const cssColorPickerMaskWhite: string;
+export declare const cssColorPickerMaskBlack: string;
+export declare const cssColorPickerPreviewContainer: string;
+export declare const cssColorPickerPreview: string;
+export declare const cssColoPickerLabel: string;
+export declare const cssColoPickerLabelColorPreview: string;

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

@@ -1,5 +1,5 @@
-import { IColorPickerProps, IPureColorPickerProps } from './types';
-import React from 'react';
-export declare const PureColorPicker: React.FC<IPureColorPickerProps>;
-declare const _default: React.FC<IColorPickerProps>;
-export default _default;
+import { IColorPickerProps, IPureColorPickerProps } from './types';
+import React from 'react';
+export declare const PureColorPicker: React.FC<IPureColorPickerProps>;
+declare const _default: React.FC<IColorPickerProps>;
+export default _default;

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

@@ -1,59 +1,59 @@
-import { Dispatch, RefObject, SetStateAction } from 'react';
-export interface IPosition {
-    clientX: number;
-    clientY: number;
-}
-export interface IColor {
-    hue: number;
-    saturation: number;
-    lightness: number;
-    hex: string;
-}
-export interface IHuePickerProps {
-    hueSliderRef: RefObject<HTMLDivElement>;
-    classes: any;
-}
-export interface IColorPickerButtonsProps {
-    restoreInitialColor: () => void;
-}
-export interface IPureColorPickerProps {
-    hideChooseCancelButtons?: boolean;
-}
-export interface IColorPickerProps extends IPureColorPickerProps {
-    onChange?: (color: IColor) => void;
-    initialColor?: string;
-    name?: string;
-}
-export interface IColorPickerContextProps {
-    color: Omit<IColor, 'hex'> & Pick<Partial<IColor>, 'hex'>;
-    screenName: string;
-    initialColor: IColor;
-    setInitialColor: Dispatch<SetStateAction<IColor | undefined>>;
-    setColor: Dispatch<SetStateAction<IColor>>;
-    hueSliderPointer: {
-        top: number;
-        left: number;
-    };
-    setHueSliderPointer: Dispatch<SetStateAction<{
-        top: number;
-        left: number;
-    } | undefined>>;
-    saturationLightnessPointer: {
-        top: number;
-        left: number;
-    };
-    setSaturationLightnessPointer: Dispatch<SetStateAction<{
-        top: number;
-        left: number;
-    } | undefined>>;
-}
-export declare type IColorPickerLabelProps = {
-    isRequired?: boolean;
-    label?: string;
-    name: string;
-    id: string;
-};
-export declare type ISaturationLightnessPickerProps = {
-    classes?: any;
-    saturationLightnessPanelRef: RefObject<HTMLDivElement>;
-};
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export interface IPosition {
+    clientX: number;
+    clientY: number;
+}
+export interface IColor {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    hex: string;
+}
+export interface IHuePickerProps {
+    hueSliderRef: RefObject<HTMLDivElement>;
+    classes: any;
+}
+export interface IColorPickerButtonsProps {
+    restoreInitialColor: () => void;
+}
+export interface IPureColorPickerProps {
+    hideChooseCancelButtons?: boolean;
+}
+export interface IColorPickerProps extends IPureColorPickerProps {
+    onChange?: (color: IColor) => void;
+    initialColor?: string;
+    name?: string;
+}
+export interface IColorPickerContextProps {
+    color: Omit<IColor, 'hex'> & Pick<Partial<IColor>, 'hex'>;
+    screenName: string;
+    initialColor: IColor;
+    setInitialColor: Dispatch<SetStateAction<IColor | undefined>>;
+    setColor: Dispatch<SetStateAction<IColor>>;
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+    setHueSliderPointer: Dispatch<SetStateAction<{
+        top: number;
+        left: number;
+    } | undefined>>;
+    saturationLightnessPointer: {
+        top: number;
+        left: number;
+    };
+    setSaturationLightnessPointer: Dispatch<SetStateAction<{
+        top: number;
+        left: number;
+    } | undefined>>;
+}
+export declare type IColorPickerLabelProps = {
+    isRequired?: boolean;
+    label?: string;
+    name: string;
+    id: string;
+};
+export declare type ISaturationLightnessPickerProps = {
+    classes?: any;
+    saturationLightnessPanelRef: RefObject<HTMLDivElement>;
+};

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

@@ -1,5 +1,5 @@
-import { IColor, IColorPickerContextProps } from '@auroraComponents/color_picker/types';
-export declare const useColorPicker: ({ initialColorHex, onChange }: {
-    initialColorHex: string | undefined;
-    onChange?: ((color: IColor) => void) | undefined;
-}) => IColorPickerContextProps;
+import { IColor, IColorPickerContextProps } from "./types";
+export declare const useColorPicker: ({ initialColorHex, onChange }: {
+    initialColorHex: string | undefined;
+    onChange?: ((color: IColor) => void) | undefined;
+}) => IColorPickerContextProps;

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

@@ -1,43 +1,43 @@
-import { IPosition } from '@auroraComponents/color_picker/types';
-import { RefObject } from 'react';
-/**
- * Function to calculate indicators position based on hex value
- * @param saturationLightnessPanelRef, reference
- * @param hueSliderRef, reference
- * @param hex, string with color
- * @return
- */
-export declare const getIndicatorPositionsFromHEX: ({ saturationLightnessPanelRef, hueSliderRef, hex }: {
-    saturationLightnessPanelRef?: RefObject<HTMLDivElement> | undefined;
-    hueSliderRef?: RefObject<HTMLDivElement> | undefined;
-    hex: string;
-}) => {
-    saturationLightnessPointer: {
-        left: number;
-        top: number;
-    };
-    hueSliderPointer: {
-        top: number;
-        left: number;
-    };
-};
-export declare const getColorFromHex: (value: string) => {
-    hue: number;
-    saturation: number;
-    lightness: number;
-    hex: string;
-};
-export declare const getHueFromPosition: ({ hueSliderRect, position, screenName }: {
-    hueSliderRect: DOMRect;
-    position: IPosition;
-    screenName: string;
-}) => {
-    hue: number;
-};
-export declare const getSaturationLightnessFromPosition: ({ elementRect, position }: {
-    elementRect: DOMRect;
-    position: IPosition;
-}) => {
-    lightness: number;
-    saturation: number;
-};
+import { IPosition } from "./types";
+import { RefObject } from 'react';
+/**
+ * Function to calculate indicators position based on hex value
+ * @param saturationLightnessPanelRef, reference
+ * @param hueSliderRef, reference
+ * @param hex, string with color
+ * @return
+ */
+export declare const getIndicatorPositionsFromHEX: ({ saturationLightnessPanelRef, hueSliderRef, hex }: {
+    saturationLightnessPanelRef?: RefObject<HTMLDivElement> | undefined;
+    hueSliderRef?: RefObject<HTMLDivElement> | undefined;
+    hex: string;
+}) => {
+    saturationLightnessPointer: {
+        left: number;
+        top: number;
+    };
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+};
+export declare const getColorFromHex: (value: string) => {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    hex: string;
+};
+export declare const getHueFromPosition: ({ hueSliderRect, position, screenName }: {
+    hueSliderRect: DOMRect;
+    position: IPosition;
+    screenName: string;
+}) => {
+    hue: number;
+};
+export declare const getSaturationLightnessFromPosition: ({ elementRect, position }: {
+    elementRect: DOMRect;
+    position: IPosition;
+}) => {
+    lightness: number;
+    saturation: number;
+};

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

@@ -1,14 +1,16 @@
+import 'react';
 import { MAX_SATURATION_VALUE, MAX_LIGHTNESS_VALUE, MAX_HUE_VALUE, SATURATION_OFFSET } from './constants.js';
 import { constrainToRange, getIndicatorPositionFromPosition } from '../../utilities/range/range_mappings.js';
 import { ColorConverter } from '../../utilities/colors/color_converter.js';
 
-/**
- * Function to calculate indicators position based on hex value
- * @param saturationLightnessPanelRef, reference
- * @param hueSliderRef, reference
- * @param hex, string with color
- * @return
+/**
+ * Function to calculate indicators position based on hex value
+ * @param saturationLightnessPanelRef, reference
+ * @param hueSliderRef, reference
+ * @param hex, string with color
+ * @return
  */
+
 var getIndicatorPositionsFromHEX = function getIndicatorPositionsFromHEX(_ref) {
   var _saturationLightnessP, _hueSliderRef$current;
 

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

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

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-label-input.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface IColorLabelInputProps {
-    id: string;
-    name?: string;
-}
-export declare const ColorLabelInput: React.FC<IColorLabelInputProps>;
-export {};
+import React from 'react';
+interface IColorLabelInputProps {
+    id: string;
+    name?: string;
+}
+export declare const ColorLabelInput: React.FC<IColorLabelInputProps>;
+export {};

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.d.ts

@@ -1 +1 @@
-export declare const ColorPickerFooter: () => JSX.Element;
+export declare const ColorPickerFooter: () => JSX.Element;

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.d.ts

@@ -1 +1 @@
-export declare const ColorPickerHeader: () => JSX.Element;
+export declare const ColorPickerHeader: () => JSX.Element;

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.d.ts

@@ -1 +1 @@
-export declare const ColorPickerInputsHex: () => JSX.Element;
+export declare const ColorPickerInputsHex: () => JSX.Element;

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

@@ -1,5 +1,6 @@
 import React, { useContext, useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '@dreamcommerce/utilities';
 import Input from '../../../controls/components/input.js';
 import { ColorPickerNewContext } from '../../context.js';
 import { isHexChar } from '../../utilities.js';

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

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.d.ts

@@ -1 +1 @@
-export declare const ColorPickerInputsRgba: () => JSX.Element;
+export declare const ColorPickerInputsRgba: () => JSX.Element;

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

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
+import { InputUtils } from '@dreamcommerce/utilities';
 import Input from '../../../controls/components/input.js';
 import { ColorPickerNewContext } from '../../context.js';
-import { InputUtils } from '@dreamcommerce/utilities';
 
 var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
   var _useContext = useContext(ColorPickerNewContext),

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.d.ts

@@ -1 +1 @@
-export declare const ColorPickerInputs: () => JSX.Element;
+export declare const ColorPickerInputs: () => JSX.Element;

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatch.d.ts

@@ -1,10 +1,10 @@
-import { ColorPickerColorTypes, ColorPickerColors } from '../types';
-import { COLOR_PICKER_SWATCH_SIZES } from '../constants';
-import React from 'react';
-interface IColorPickerSwatchProps {
-    color: ColorPickerColors;
-    size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
-    onClick?: (color: ColorPickerColorTypes['hex']) => void;
-}
-export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
-export {};
+import { ColorPickerColorTypes, ColorPickerColors } from '../types';
+import { COLOR_PICKER_SWATCH_SIZES } from '../constants';
+import React from 'react';
+interface IColorPickerSwatchProps {
+    color: ColorPickerColors;
+    size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
+    onClick?: (color: ColorPickerColorTypes['hex']) => void;
+}
+export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
+export {};

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-swatches.d.ts

@@ -1 +1 @@
-export declare const ColorPickerSwatches: () => JSX.Element;
+export declare const ColorPickerSwatches: () => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { IColorPickerNewPureProps } from '../types';
-import React from 'react';
-declare const ColorPickerNewPure: React.FC<IColorPickerNewPureProps>;
-export default ColorPickerNewPure;
+import { IColorPickerNewPureProps } from '../types';
+import React from 'react';
+declare const ColorPickerNewPure: React.FC<IColorPickerNewPureProps>;
+export default ColorPickerNewPure;

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

@@ -1,12 +1,12 @@
-export declare const COLOR_PICKER_INITIAL_STATE = "#000000";
-export declare const COLOR_PICKER_WIDTH = 220;
-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 COLOR_PICKER_INITIAL_STATE = "#000000";
+export declare const COLOR_PICKER_WIDTH = 220;
+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";
+};

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

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

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

@@ -1,19 +1,19 @@
-export declare const cssColorPicker = "color-picker";
-export declare const cssColorPickerContainer = "color-picker__container";
-export declare const cssColorPickerRbgcp = "color-picker__rbgcp";
-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 cssColorPickerSwatchesContent = "color-picker__swatches-content";
-export declare const cssColorPickerSwatch = "color-picker__swatch";
-export declare const cssColorPickerSwatchSmall = "color-picker__swatch_small";
-export declare const cssColorPickerSwatchBig = "color-picker__swatch_big";
-export declare const cssColorPickerSwatchFill = "color-picker__swatch-fill";
-export declare const cssColorPickerInputColorSwatchContainer = "color-picker__input-color-swatch-container";
-export declare const cssColorPickerInputContainer = "color-picker__input-container";
-export declare const cssColorPickerInputs = "color-picker__inputs";
-export declare const cssColorPickerInputsType = "color-picker__inputs-type";
-export declare const cssColorPickerInputsValue = "color-picker__inputs-value";
-export declare const cssColorPickerInputsValueContainer = "color-picker__inputs-value-container";
-export declare const cssColorPickerFooter = "color-picker__footer";
+export declare const cssColorPicker = "color-picker";
+export declare const cssColorPickerContainer = "color-picker__container";
+export declare const cssColorPickerRbgcp = "color-picker__rbgcp";
+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 cssColorPickerSwatchesContent = "color-picker__swatches-content";
+export declare const cssColorPickerSwatch = "color-picker__swatch";
+export declare const cssColorPickerSwatchSmall = "color-picker__swatch_small";
+export declare const cssColorPickerSwatchBig = "color-picker__swatch_big";
+export declare const cssColorPickerSwatchFill = "color-picker__swatch-fill";
+export declare const cssColorPickerInputColorSwatchContainer = "color-picker__input-color-swatch-container";
+export declare const cssColorPickerInputContainer = "color-picker__input-container";
+export declare const cssColorPickerInputs = "color-picker__inputs";
+export declare const cssColorPickerInputsType = "color-picker__inputs-type";
+export declare const cssColorPickerInputsValue = "color-picker__inputs-value";
+export declare const cssColorPickerInputsValueContainer = "color-picker__inputs-value-container";
+export declare const cssColorPickerFooter = "color-picker__footer";

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

@@ -1,24 +1,24 @@
-/// <reference types="react" />
-import { ColorPickerColorTypes, IColorPickerColor } from '../types';
-export declare type ColorPickerHookProps = {
-    initialColor?: ColorPickerColorTypes['hex'];
-    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>>;
-    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;
-    handleSave: () => void;
-    handlePickSwatch: (color: ColorPickerColorTypes['hex']) => void;
-};
-export default useColorPicker;
+/// <reference types="react" />
+import { ColorPickerColorTypes, IColorPickerColor } from '../types';
+export declare type ColorPickerHookProps = {
+    initialColor?: ColorPickerColorTypes['hex'];
+    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>>;
+    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;
+    handleSave: () => void;
+    handlePickSwatch: (color: ColorPickerColorTypes['hex']) => void;
+};
+export default useColorPicker;

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;
-export default ColorPickerNewWithContext;
+import { IColorPickerNewProps } from './types';
+declare const ColorPickerNewWithContext: ({ id, name, initialColor, onChange, onCancel, onSave }: IColorPickerNewProps) => JSX.Element;
+export default ColorPickerNewWithContext;

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

@@ -1,48 +1,48 @@
-import { Dispatch, SetStateAction } from 'react';
-export interface IColorPickerNewPureProps {
-    id: string;
-    name?: string;
-}
-export interface IColorPickerNewProps {
-    id: string;
-    name?: string;
-    initialColor?: ColorPickerColorTypes['hex'] | undefined;
-    onChange?: (color: IColorPickerColor) => void;
-    onCancel?: () => void;
-    onSave?: (color: IColorPickerColor) => void;
-}
-export interface IColorPickerNewContextProps {
-    color: string;
-    setColor: Dispatch<SetStateAction<string>>;
-    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;
-    handleSave: (color: IColorPickerColor) => void;
-    handlePickSwatch: (color: string) => 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 IColorPickerColor = {
-    rgba: ColorPickerColorTypes['rgba'];
-    hex: string;
-    hexString: string;
-};
-export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];
+import { Dispatch, SetStateAction } from 'react';
+export interface IColorPickerNewPureProps {
+    id: string;
+    name?: string;
+}
+export interface IColorPickerNewProps {
+    id: string;
+    name?: string;
+    initialColor?: ColorPickerColorTypes['hex'] | undefined;
+    onChange?: (color: IColorPickerColor) => void;
+    onCancel?: () => void;
+    onSave?: (color: IColorPickerColor) => void;
+}
+export interface IColorPickerNewContextProps {
+    color: string;
+    setColor: Dispatch<SetStateAction<string>>;
+    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;
+    handleSave: (color: IColorPickerColor) => void;
+    handlePickSwatch: (color: string) => 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 IColorPickerColor = {
+    rgba: ColorPickerColorTypes['rgba'];
+    hex: string;
+    hexString: string;
+};
+export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];

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

@@ -1,8 +1,8 @@
-import { ColorPickerColors, IColorPickerColor } from './types';
-import tinycolor from 'tinycolor2';
-export declare const getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
-export declare const getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
-export declare const getHexValue: (colorSet: tinycolor.Instance) => string;
-export declare const getHexValueString: (colorSet: tinycolor.Instance) => string;
-export declare const isHexChar: (value: string) => boolean;
-export declare const getAllColorTypes: (color: string) => IColorPickerColor;
+import { ColorPickerColors, IColorPickerColor } from './types';
+import tinycolor from 'tinycolor2';
+export declare const getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
+export declare const getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
+export declare const getHexValue: (colorSet: tinycolor.Instance) => string;
+export declare const getHexValueString: (colorSet: tinycolor.Instance) => string;
+export declare const isHexChar: (value: string) => boolean;
+export declare const getAllColorTypes: (color: string) => IColorPickerColor;