lucent-ui 0.15.0 → 0.17.0

package/dist/index.d.ts

@@ -126,9 +126,9 @@ export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
     bordered?: boolean;
 }
 
-export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare type ButtonSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
 
-export declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+export declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'danger-outline' | 'danger-ghost';
 
 export declare function Card({ variant, header, footer, children, padding, shadow, radius, style, onClick, href, target, rel, disabled, status, selected, media, }: CardProps): JSX_2.Element;
 
@@ -277,7 +277,7 @@ export declare interface ColorPalette {
     dark: ThemeAnchors;
 }
 
-export declare function ColorPicker({ value, onChange, label, disabled, presetGroups, id, style, }: ColorPickerProps): JSX_2.Element;
+export declare function ColorPicker({ value, onChange, label, size, inline, disabled, presetGroups, id, style, }: ColorPickerProps): JSX_2.Element;
 
 export declare namespace ColorPicker {
     var displayName: string;
@@ -287,6 +287,10 @@ export declare interface ColorPickerProps {
     value?: string;
     onChange?: (hex: string) => void;
     label?: string;
+    /** Swatch trigger size. Default: "md" (40px). */
+    size?: 'sm' | 'md';
+    /** Place label beside the swatch instead of above it. */
+    inline?: boolean;
     disabled?: boolean;
     presetGroups?: ColorPresetGroup[];
     id?: string;
@@ -807,7 +811,7 @@ export declare interface MultiSelectProps {
 
 declare type MultiSelectSize = 'sm' | 'md' | 'lg';
 
-export declare function NavLink({ children, href, isActive, icon, disabled, onClick, as, style, }: NavLinkProps): JSX_2.Element;
+export declare function NavLink({ children, href, isActive, icon, disabled, inverse, onClick, as, style, }: NavLinkProps): JSX_2.Element;
 
 export declare interface NavLinkProps {
     children: ReactNode;
@@ -815,6 +819,8 @@ export declare interface NavLinkProps {
     isActive?: boolean;
     icon?: ReactNode;
     disabled?: boolean;
+    /** Uses surface background instead of accent for the active state. */
+    inverse?: boolean;
     onClick?: MouseEventHandler;
     /** Polymorphic root element. Defaults to `<a>`. Use e.g. `Link` from react-router. */
     as?: React.ElementType;
@@ -823,7 +829,7 @@ export declare interface NavLinkProps {
 
 export declare const oceanPalette: ColorPalette;
 
-export declare function PageLayout({ children, header, sidebar, sidebarWidth, headerHeight, sidebarCollapsed, rightSidebar, rightSidebarWidth, rightSidebarCollapsed, footer, footerHeight, mainStyle, style, }: PageLayoutProps): JSX_2.Element;
+export declare function PageLayout({ children, header, sidebar, sidebarWidth, headerHeight, sidebarCollapsed, rightSidebar, rightSidebarWidth, rightSidebarCollapsed, footer, footerHeight, chromeBackground, mainStyle, style, }: PageLayoutProps): JSX_2.Element;
 
 export declare interface PageLayoutProps {
     children: ReactNode;
@@ -845,6 +851,8 @@ export declare interface PageLayoutProps {
     footer?: ReactNode;
     /** Footer height in px or any CSS value. Default: 48 */
     footerHeight?: number | string;
+    /** Background token for chrome regions (header, sidebar, footer). Default: "bgBase" */
+    chromeBackground?: 'bgBase' | 'bgSubtle' | 'surface';
     /** Style overrides for the main content card (border, borderRadius, boxShadow, etc.) */
     mainStyle?: CSSProperties;
     style?: CSSProperties;