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.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 has higher WCAG contrast
581
- * against the given background hex color.
580
+ * Returns `'#000000'` or `'#ffffff'` — whichever is more readable on the
581
+ * given background, using APCA perceptual contrast.
582
582
  *
583
- * Use this to guarantee AA-compliant text on any solid accent surface.
583
+ * APCA correctly handles saturated blues/purples where WCAG 2.1 fails.
584
584
  *
585
585
  * @example
586
- * getContrastText('#e9c96b') // → '#000000' (gold bgblack text, 8.6:1)
587
- * getContrastText('#111827') // → '#ffffff' (near-black bg white text, 16.7:1)
586
+ * getContrastText('#0ea5e9') // → '#ffffff' (sky bluewhite, APCA says white is more readable)
587
+ * getContrastText('#e9c96b') // → '#000000' (goldblack)
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;