@boostdev/design-system-components 2.14.1 → 2.16.0

package/dist/index.d.cts

@@ -22,19 +22,25 @@ declare function Accordion({ items, allowMultiple, defaultOpen, className, ...re
 
 interface AlertProps extends WithClassName, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     variant?: 'info' | 'success' | 'warning' | 'error';
+    appearance?: 'default' | 'gradient';
     icon?: ReactNode;
     title?: string;
     onDismiss?: () => void;
 }
-declare function Alert({ variant, icon, title, children, onDismiss, className, ...rest }: Readonly<AlertProps>): react_jsx_runtime.JSX.Element;
+declare function Alert({ variant, appearance, icon, title, children, onDismiss, className, ...rest }: Readonly<AlertProps>): react_jsx_runtime.JSX.Element;
+
+declare const AVATAR_TONES: readonly ["primary", "accent-1", "accent-2", "accent-3", "secondary"];
+type AvatarToneName = (typeof AVATAR_TONES)[number];
+type AvatarTone = 'auto' | AvatarToneName;
 
 interface AvatarProps extends WithClassName, HTMLAttributes<HTMLSpanElement> {
     src?: string;
     alt?: string;
     name?: string;
     size?: 'small' | 'medium' | 'large';
+    tone?: AvatarTone;
 }
-declare function Avatar({ src, alt, name, size, className, ...rest }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
+declare function Avatar({ src, alt, name, size, tone, className, ...rest }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
 
 interface BadgeProps extends WithClassName, HTMLAttributes<HTMLSpanElement> {
     variant?: 'primary' | 'secondary' | 'success' | 'error' | 'warning';
@@ -155,11 +161,13 @@ declare function Loading({ size, className, 'aria-label': ariaLabel, ...rest }:
 
 interface NotificationBannerProps extends WithClassName, HTMLAttributes<HTMLDivElement> {
     variant?: 'info' | 'success' | 'warning' | 'error';
+    appearance?: 'default' | 'gradient';
+    icon?: ReactNode;
     children: ReactNode;
     action?: ReactNode;
     onDismiss?: () => void;
 }
-declare function NotificationBanner({ variant, children, action, onDismiss, className, ...rest }: Readonly<NotificationBannerProps>): react_jsx_runtime.JSX.Element;
+declare function NotificationBanner({ variant, appearance, icon, children, action, onDismiss, className, ...rest }: Readonly<NotificationBannerProps>): react_jsx_runtime.JSX.Element;
 
 interface PaginationProps extends WithClassName, HTMLAttributes<HTMLElement> {
     currentPage: number;
@@ -339,6 +347,12 @@ interface DropdownMenuItem {
     disabled?: boolean;
     icon?: ReactElement;
     separator?: boolean;
+    /** Renders the item in the error colour, for actions that delete or discard. */
+    destructive?: boolean;
+    /** Keyboard shortcut as display text. Decorative (`aria-hidden`); the consumer wires the actual key. */
+    shortcut?: string;
+    /** Consecutive items with the same group render inside a labelled `role="group"`. */
+    group?: string;
 }
 interface DropdownMenuProps extends WithClassName, HTMLAttributes<HTMLDivElement> {
     trigger: ReactElement;
@@ -637,9 +651,10 @@ type SectionHeaderProps = WithClassName & Omit<HTMLAttributes<HTMLDivElement>, '
     subtitle?: string;
     alignment?: 'start' | 'center' | 'end';
     size?: 'xs' | 'small' | 'medium' | 'large';
+    appearance?: 'default' | 'gradient';
     titleAs?: IntrinsicElement;
 };
-declare function SectionHeader({ title, subtitle, className, alignment, size, titleAs, ...rest }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;
+declare function SectionHeader({ title, subtitle, className, alignment, size, appearance, titleAs, ...rest }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;
 
 interface IconWrapperProps extends WithClassName, HTMLAttributes<HTMLDivElement> {
     children: ReactNode;

package/dist/index.d.ts

@@ -22,19 +22,25 @@ declare function Accordion({ items, allowMultiple, defaultOpen, className, ...re
 
 interface AlertProps extends WithClassName, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     variant?: 'info' | 'success' | 'warning' | 'error';
+    appearance?: 'default' | 'gradient';
     icon?: ReactNode;
     title?: string;
     onDismiss?: () => void;
 }
-declare function Alert({ variant, icon, title, children, onDismiss, className, ...rest }: Readonly<AlertProps>): react_jsx_runtime.JSX.Element;
+declare function Alert({ variant, appearance, icon, title, children, onDismiss, className, ...rest }: Readonly<AlertProps>): react_jsx_runtime.JSX.Element;
+
+declare const AVATAR_TONES: readonly ["primary", "accent-1", "accent-2", "accent-3", "secondary"];
+type AvatarToneName = (typeof AVATAR_TONES)[number];
+type AvatarTone = 'auto' | AvatarToneName;
 
 interface AvatarProps extends WithClassName, HTMLAttributes<HTMLSpanElement> {
     src?: string;
     alt?: string;
     name?: string;
     size?: 'small' | 'medium' | 'large';
+    tone?: AvatarTone;
 }
-declare function Avatar({ src, alt, name, size, className, ...rest }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
+declare function Avatar({ src, alt, name, size, tone, className, ...rest }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
 
 interface BadgeProps extends WithClassName, HTMLAttributes<HTMLSpanElement> {
     variant?: 'primary' | 'secondary' | 'success' | 'error' | 'warning';
@@ -155,11 +161,13 @@ declare function Loading({ size, className, 'aria-label': ariaLabel, ...rest }:
 
 interface NotificationBannerProps extends WithClassName, HTMLAttributes<HTMLDivElement> {
     variant?: 'info' | 'success' | 'warning' | 'error';
+    appearance?: 'default' | 'gradient';
+    icon?: ReactNode;
     children: ReactNode;
     action?: ReactNode;
     onDismiss?: () => void;
 }
-declare function NotificationBanner({ variant, children, action, onDismiss, className, ...rest }: Readonly<NotificationBannerProps>): react_jsx_runtime.JSX.Element;
+declare function NotificationBanner({ variant, appearance, icon, children, action, onDismiss, className, ...rest }: Readonly<NotificationBannerProps>): react_jsx_runtime.JSX.Element;
 
 interface PaginationProps extends WithClassName, HTMLAttributes<HTMLElement> {
     currentPage: number;
@@ -339,6 +347,12 @@ interface DropdownMenuItem {
     disabled?: boolean;
     icon?: ReactElement;
     separator?: boolean;
+    /** Renders the item in the error colour, for actions that delete or discard. */
+    destructive?: boolean;
+    /** Keyboard shortcut as display text. Decorative (`aria-hidden`); the consumer wires the actual key. */
+    shortcut?: string;
+    /** Consecutive items with the same group render inside a labelled `role="group"`. */
+    group?: string;
 }
 interface DropdownMenuProps extends WithClassName, HTMLAttributes<HTMLDivElement> {
     trigger: ReactElement;
@@ -637,9 +651,10 @@ type SectionHeaderProps = WithClassName & Omit<HTMLAttributes<HTMLDivElement>, '
     subtitle?: string;
     alignment?: 'start' | 'center' | 'end';
     size?: 'xs' | 'small' | 'medium' | 'large';
+    appearance?: 'default' | 'gradient';
     titleAs?: IntrinsicElement;
 };
-declare function SectionHeader({ title, subtitle, className, alignment, size, titleAs, ...rest }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;
+declare function SectionHeader({ title, subtitle, className, alignment, size, appearance, titleAs, ...rest }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;
 
 interface IconWrapperProps extends WithClassName, HTMLAttributes<HTMLDivElement> {
     children: ReactNode;