dawn-ui-react 1.0.0-alpha.32 → 1.0.0-alpha.34

package/dist/components/color-picker/color-picker-input.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { ColorPickerInputProps } from './color-picker.types';
-export declare const ColorPickerInput: ({ className, children, ref, ...props }: ColorPickerInputProps) => React.JSX.Element;
+export declare const ColorPickerInput: ({ showPopover, showTransparencyField, className, children, ref, ...props }: ColorPickerInputProps) => React.JSX.Element;

package/dist/components/color-picker/color-picker.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { ColorPickerProps, ColorPickerContextType } from './color-picker.types';
-export declare const ColorPicker: ({ variant, value: controlledValue, defaultColor, defaultPalette, paletteLimit, onValueChange, className, children, ref, ...props }: ColorPickerProps) => React.JSX.Element;
+export declare const ColorPicker: ({ variant, color: controlledValue, defaultColor, palette: controlledPalette, defaultPalette, onPaletteChange, paletteLimit, defaultValueType, onValueChange, className, children, ref, ...props }: ColorPickerProps) => React.JSX.Element;
 export declare const useColorPicker: () => ColorPickerContextType;

package/dist/components/color-picker/color-picker.types.d.ts

@@ -1,6 +1,5 @@
 import { default as chroma } from 'chroma-js';
 import { VariantProps } from 'class-variance-authority';
-import { Button } from '../button';
 import { ColorChannelSlider } from '../color-channel-slider';
 import { InputGroup } from '../input-group';
 import { SelectTrigger } from '../select';
@@ -65,10 +64,13 @@ export type ColorPickerAction = {
     color: chroma.Color;
 };
 export type ColorPickerProps = React.ComponentProps<'div'> & VariantProps<typeof colorPickerVariants> & {
-    value?: string | chroma.Color;
+    color?: string;
     defaultColor?: string;
+    palette?: string[];
     defaultPalette?: string[];
+    onPaletteChange?: (palette: string[]) => void;
     paletteLimit?: number;
+    defaultValueType?: ValueTypeValue;
     onValueChange?: (color: chroma.Color) => void;
 };
 export declare const colorPickerVariants: (props?: ({
@@ -84,7 +86,11 @@ export type ValueType = {
     getValue: (color: chroma.Color) => any;
     parseValue: (value: string) => chroma.Color | undefined;
 };
-export type ColorPickerInputProps = React.ComponentProps<typeof InputGroup>;
+export type ValueTypeValue = 'rgb' | 'css' | 'hex' | 'hsl' | 'hsv';
+export type ColorPickerInputProps = React.ComponentProps<typeof InputGroup> & {
+    showPopover?: boolean;
+    showTransparencyField?: boolean;
+};
 export type ColorPickerAreaProps = React.ComponentProps<'div'>;
 export type ColorPickerHueSliderProps = Partial<React.ComponentProps<typeof ColorChannelSlider>>;
 export type ColorPickerLightnessSliderProps = Partial<React.ComponentProps<typeof ColorChannelSlider>>;
@@ -93,14 +99,15 @@ export type ColorPickerValueTypeProps = React.ComponentProps<typeof SelectTrigge
 export type ColorPickerRowProps = React.ComponentProps<'div'>;
 export type ColorPickerGroupProps = React.ComponentProps<'div'>;
 export type ColorPickerLabelProps = React.ComponentProps<'span'>;
+export type ColorPickerPaletteListChild = React.ReactNode | ((props: {
+    color: chroma.Color;
+    index: number;
+}) => React.ReactNode);
 export type ColorPickerPaletteListProps = Omit<React.ComponentProps<'ul'>, 'children'> & {
-    children?: (props: {
-        color: chroma.Color;
-        index: number;
-    }) => React.ReactNode;
+    children?: ColorPickerPaletteListChild | ColorPickerPaletteListChild[];
 };
 export type ColorPickerPaletteSwatchProps = Omit<React.ComponentProps<'button'>, 'color'> & VariantProps<typeof colorPickerSwatchVariants> & {
     color: chroma.Color;
 };
-export type ColorPickerPaletteAddProps = React.ComponentProps<typeof Button>;
+export type ColorPickerPaletteAddProps = React.ComponentProps<'button'>;
 export type ColorPickerPaletteLimitProps = React.ComponentProps<'span'>;

package/dist/components/color-picker/index.d.ts

@@ -10,4 +10,5 @@ export { ColorPickerPaletteSwatch } from './color-picker-palette-swatch';
 export { ColorPickerRow } from './color-picker-row';
 export { ColorPickerTransparencySlider } from './color-picker-transparency-slider';
 export { ColorPickerValueType } from './color-picker-value-type';
-export type { ColorPickerProps, ColorPickerPaletteAddProps, ColorPickerState, ColorPickerAction, ColorPickerAreaProps, ColorPickerContextType, ColorPickerGroupProps, ColorPickerHueSliderProps, ColorPickerInputProps, ColorPickerLabelProps, ColorPickerPaletteLimitProps, ColorPickerPaletteListProps, ColorPickerPaletteSwatchProps, ColorPickerRowProps, ColorPickerTransparencySliderProps, ColorPickerValueTypeProps, } from './color-picker.types';
+export { ColorPickerLightnessSlider } from './color-picker-lightness-slider';
+export type { ColorPickerProps, ColorPickerPaletteAddProps, ColorPickerState, ColorPickerAction, ColorPickerAreaProps, ColorPickerContextType, ColorPickerGroupProps, ColorPickerHueSliderProps, ColorPickerInputProps, ColorPickerLabelProps, ColorPickerPaletteLimitProps, ColorPickerPaletteListProps, ColorPickerPaletteSwatchProps, ColorPickerRowProps, ColorPickerTransparencySliderProps, ColorPickerValueTypeProps, ColorPickerLightnessSliderProps, } from './color-picker.types';

package/dist/components/input-group/input-group.d.ts

@@ -1,2 +1,2 @@
 import { InputGroupProps } from './input-group.types';
-export declare const InputGroup: ({ variant, className, children, ref, ...props }: InputGroupProps) => import("react").JSX.Element;
+export declare const InputGroup: ({ variant, size, className, children, ref, ...props }: InputGroupProps) => import("react").JSX.Element;