lucent-ui 0.10.0 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +36 -36
- package/dist/index.d.ts +10 -8
- package/dist/index.js +1722 -1472
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -128,7 +128,7 @@ export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
|
|
|
128
128
|
|
|
129
129
|
export declare type ButtonSize = 'sm' | 'md' | 'lg';
|
|
130
130
|
|
|
131
|
-
export declare type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
131
|
+
export declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
|
|
132
132
|
|
|
133
133
|
export declare function Card({ header, footer, children, padding, shadow, radius, style, }: CardProps): JSX_2.Element;
|
|
134
134
|
|
|
@@ -577,14 +577,15 @@ export declare interface FormFieldProps {
|
|
|
577
577
|
}
|
|
578
578
|
|
|
579
579
|
/**
|
|
580
|
-
* Returns `'#000000'` or `'#ffffff'` — whichever
|
|
581
|
-
*
|
|
580
|
+
* Returns `'#000000'` or `'#ffffff'` — whichever is more readable on the
|
|
581
|
+
* given background, using APCA perceptual contrast.
|
|
582
582
|
*
|
|
583
|
-
*
|
|
583
|
+
* APCA correctly handles saturated blues/purples where WCAG 2.1 fails.
|
|
584
584
|
*
|
|
585
585
|
* @example
|
|
586
|
-
* getContrastText('#
|
|
587
|
-
* getContrastText('#
|
|
586
|
+
* getContrastText('#0ea5e9') // → '#ffffff' (sky blue → white, APCA says white is more readable)
|
|
587
|
+
* getContrastText('#e9c96b') // → '#000000' (gold → black)
|
|
588
|
+
* getContrastText('#111827') // → '#ffffff' (near-black → white)
|
|
588
589
|
*/
|
|
589
590
|
export declare function getContrastText(hex: string): '#000000' | '#ffffff';
|
|
590
591
|
|
|
@@ -778,7 +779,7 @@ export declare interface PageLayoutProps {
|
|
|
778
779
|
style?: CSSProperties;
|
|
779
780
|
}
|
|
780
781
|
|
|
781
|
-
export declare type PaletteName = 'default' | 'brand' | 'indigo' | 'emerald' | 'rose' | 'ocean';
|
|
782
|
+
export declare type PaletteName = 'default' | 'brand' | 'indigo' | 'violet' | 'emerald' | 'teal' | 'rose' | 'coral' | 'amber' | 'ocean' | 'slate' | 'sage';
|
|
782
783
|
|
|
783
784
|
export declare const pillShape: ShapePreset;
|
|
784
785
|
|
|
@@ -863,7 +864,7 @@ export declare const rosePalette: ColorPalette;
|
|
|
863
864
|
|
|
864
865
|
export declare const roundedShape: ShapePreset;
|
|
865
866
|
|
|
866
|
-
export declare function SearchInput({ value, onChange, placeholder, results, onResultSelect, isLoading, disabled, id, style, }: SearchInputProps): JSX_2.Element;
|
|
867
|
+
export declare function SearchInput({ value, onChange, placeholder, size, results, onResultSelect, isLoading, disabled, id, style, }: SearchInputProps): JSX_2.Element;
|
|
867
868
|
|
|
868
869
|
export declare const SearchInputManifest: ComponentManifest;
|
|
869
870
|
|
|
@@ -871,6 +872,7 @@ export declare interface SearchInputProps {
|
|
|
871
872
|
value: string;
|
|
872
873
|
onChange: (value: string) => void;
|
|
873
874
|
placeholder?: string;
|
|
875
|
+
size?: InputSize;
|
|
874
876
|
results?: SearchResult[];
|
|
875
877
|
onResultSelect?: (result: SearchResult) => void;
|
|
876
878
|
isLoading?: boolean;
|