dawn-ui-react 1.0.0-alpha.24 → 1.0.0-alpha.26

package/dist/components/colour-picker/colour-picker-lightness-slider.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ColourPickerLightnessSliderProps } from './colour-picker.types';
+export declare const ColourPickerLightnessSlider: ({ className, ref, ...props }: ColourPickerLightnessSliderProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { ColourPickerProps, ColourPickerContextType } from './colour-picker.types';
-export declare const ColourPicker: ({ variant, defaultColour, defaultPalette, paletteLimit, className, children, ref, ...props }: ColourPickerProps) => React.JSX.Element;
+export declare const ColourPicker: ({ variant, defaultColour, defaultPalette, paletteLimit, onColourChange, className, children, ref, ...props }: ColourPickerProps) => React.JSX.Element;
 export declare const useColourPicker: () => ColourPickerContextType;

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

@@ -15,6 +15,7 @@ export type ColourPickerContextType = {
     setSaturation: (saturation: number) => void;
     setValue: (value: number) => void;
     setAlpha: (alpha: number) => void;
+    setLightness: (lightness: number) => void;
     valueType: ValueType;
     setValueType: (valueType: ValueType) => void;
     palette: chroma.Color[];
@@ -45,6 +46,9 @@ export type ColourPickerAction = {
 } | {
     type: 'set_alpha';
     alpha: number;
+} | {
+    type: 'set_lightness';
+    lightness: number;
 } | {
     type: 'set_value_type';
     valueType: ValueType;
@@ -59,6 +63,7 @@ export type ColourPickerProps = React.ComponentProps<'div'> & VariantProps<typeo
     defaultColour?: string;
     defaultPalette?: string[];
     paletteLimit?: number;
+    onColourChange?: (colour: chroma.Color) => void;
 };
 export declare const colourPickerVariants: (props?: ({
     variant?: "ghost" | "outline" | "elevated" | null | undefined;
@@ -76,6 +81,7 @@ export type ValueType = {
 export type ColourPickerInputProps = React.ComponentProps<typeof InputGroup>;
 export type ColourPickerAreaProps = React.ComponentProps<'div'>;
 export type ColourPickerHueSliderProps = Partial<React.ComponentProps<typeof ColourChannelSlider>>;
+export type ColourPickerLightnessSliderProps = Partial<React.ComponentProps<typeof ColourChannelSlider>>;
 export type ColourPickerTransparencySliderProps = Partial<React.ComponentProps<typeof ColourChannelSlider>>;
 export type ColourPickerValueTypeProps = React.ComponentProps<typeof SelectTrigger>;
 export type ColourPickerRowProps = React.ComponentProps<'div'>;

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

@@ -1,2 +1,13 @@
 export { ColourPicker } from './colour-picker';
-export type { ColourPickerProps } from './colour-picker.types';
+export { ColourPickerArea } from './colour-picker-area';
+export { ColourPickerGroup } from './colour-picker-group';
+export { ColourPickerHueSlider } from './colour-picker-hue-slider';
+export { ColourPickerInput } from './colour-picker-input';
+export { ColourPickerLabel } from './colour-picker-label';
+export { ColourPickerPaletteLimit } from './colour-picker-palette-limit';
+export { ColourPickerPaletteList } from './colour-picker-palette-list';
+export { ColourPickerPaletteSwatch } from './colour-picker-palette-swatch';
+export { ColourPickerRow } from './colour-picker-row';
+export { ColourPickerTransparencySlider } from './colour-picker-transparency-slider';
+export { ColourPickerValueType } from './colour-picker-value-type';
+export type { ColourPickerProps, ColourPickerPaletteAddProps, ColourPickerState, ColourPickerAction, ColourPickerAreaProps, ColourPickerContextType, ColourPickerGroupProps, ColourPickerHueSliderProps, ColourPickerInputProps, ColourPickerLabelProps, ColourPickerPaletteLimitProps, ColourPickerPaletteListProps, ColourPickerPaletteSwatchProps, ColourPickerRowProps, ColourPickerTransparencySliderProps, ColourPickerValueTypeProps, } from './colour-picker.types';