@backstage/ui 0.11.2 → 0.12.0-next.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1, DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps as TableProps$1, ColumnProps as ColumnProps$1, CellProps as CellProps$1, TableHeaderProps, TableBodyProps, RowProps, TagGroupProps as TagGroupProps$1, TagListProps, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, MenuProps as MenuProps$1, PopoverProps as PopoverProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
+import { ReactNode, CSSProperties, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
+import { DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, ButtonProps as ButtonProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps as TableProps$1, ColumnProps as ColumnProps$1, CellProps as CellProps$1, TableHeaderProps, TableBodyProps, RowProps, TagGroupProps as TagGroupProps$1, TagListProps, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, MenuProps as MenuProps$1, PopoverProps as PopoverProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
 import { SortDescriptor as SortDescriptor$1 } from 'react-stately';
@@ -29,7 +29,7 @@ type Border = 'none' | 'base' | 'error' | 'warning' | 'selected';
 /** @public */
 type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
 /** @public */
-interface SpaceProps {
+interface MarginProps {
     m?: Responsive<Space>;
     mb?: Responsive<Space>;
     ml?: Responsive<Space>;
@@ -37,6 +37,9 @@ interface SpaceProps {
     mt?: Responsive<Space>;
     mx?: Responsive<Space>;
     my?: Responsive<Space>;
+}
+/** @public */
+interface PaddingProps {
     p?: Responsive<Space>;
     pb?: Responsive<Space>;
     pl?: Responsive<Space>;
@@ -46,11 +49,14 @@ interface SpaceProps {
     py?: Responsive<Space>;
 }
 /** @public */
+interface SpaceProps extends MarginProps, PaddingProps {
+}
+/** @public */
 type TextVariants = 'title-large' | 'title-medium' | 'title-small' | 'title-x-small' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
 /** @public */
 type TextColors = 'primary' | 'secondary';
 /** @public */
-type TextColorStatus = 'danger' | 'warning' | 'success';
+type TextColorStatus = 'danger' | 'warning' | 'success' | 'info';
 /** @public */
 type TextWeights = 'regular' | 'bold';
 /** @public */
@@ -102,22 +108,36 @@ interface ComponentDefinition {
  * @public
  */
 type Surface = '0' | '1' | '2' | '3' | 'danger' | 'warning' | 'success' | 'auto';
+/** @public */
+interface LeafSurfaceProps {
+    onSurface?: Responsive<Surface>;
+}
+/** @public */
+interface ContainerSurfaceProps {
+    surface?: Responsive<Surface>;
+}
 
 /** @public */
-interface BoxProps extends SpaceProps {
-    display?: Responsive<'none' | 'flex' | 'block' | 'inline'>;
+type BoxOwnProps = {
     as?: keyof JSX.IntrinsicElements;
+    surface?: Responsive<Surface>;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+/** @public */
+type BoxUtilityProps = {
+    display?: Responsive<'none' | 'flex' | 'block' | 'inline'>;
+    position?: Responsive<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'>;
     width?: Responsive<string>;
     minWidth?: Responsive<string>;
     maxWidth?: Responsive<string>;
     height?: Responsive<string>;
     minHeight?: Responsive<string>;
     maxHeight?: Responsive<string>;
-    position?: Responsive<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'>;
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    surface?: Responsive<Surface>;
+};
+/** @public */
+interface BoxProps extends SpaceProps, BoxOwnProps, BoxUtilityProps, React.HTMLAttributes<HTMLDivElement> {
 }
 
 /** @public */
@@ -128,13 +148,25 @@ declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttribute
  * @public
  */
 declare const BoxDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-Box";
     };
-    readonly utilityProps: ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "position", "display", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"];
-    readonly dataAttributes: {
-        readonly surface: readonly ["0", "1", "2", "3", "danger", "warning", "success"];
+    readonly surface: "container";
+    readonly propDefs: {
+        readonly as: {
+            readonly default: "div";
+        };
+        readonly surface: {
+            readonly dataAttribute: true;
+        };
+        readonly children: {};
+        readonly className: {};
+        readonly style: {};
     };
+    readonly utilityProps: readonly ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "position", "display", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"];
 };
 
 /** @public */
@@ -247,6 +279,173 @@ declare const ContainerDefinition: {
     readonly utilityProps: ["my", "mt", "mb", "py", "pt", "pb", "display"];
 };
 
+/**
+ * Props for the Accordion component.
+ * @public
+ */
+interface AccordionProps extends DisclosureProps {
+    className?: string;
+}
+/**
+ * Props for the AccordionTrigger component.
+ * @public
+ */
+interface AccordionTriggerProps extends HeadingProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Props for the AccordionPanel component.
+ * @public
+ */
+interface AccordionPanelProps extends DisclosurePanelProps {
+    className?: string;
+}
+/**
+ * Props for the AccordionGroup component.
+ * @public
+ */
+interface AccordionGroupProps extends DisclosureGroupProps {
+    className?: string;
+    /**
+     * Whether multiple accordions can be expanded at the same time.
+     * @defaultValue false
+     */
+    allowsMultiple?: boolean;
+}
+
+/** @public */
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+/** @public */
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLHeadingElement>>;
+/** @public */
+declare const AccordionPanel: react.ForwardRefExoticComponent<AccordionPanelProps & react.RefAttributes<HTMLDivElement>>;
+/** @public */
+declare const AccordionGroup: react.ForwardRefExoticComponent<AccordionGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Component definition for Accordion
+ * @public
+ */
+declare const AccordionDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Accordion";
+        readonly trigger: "bui-AccordionTrigger";
+        readonly triggerButton: "bui-AccordionTriggerButton";
+        readonly triggerTitle: "bui-AccordionTriggerTitle";
+        readonly triggerSubtitle: "bui-AccordionTriggerSubtitle";
+        readonly triggerIcon: "bui-AccordionTriggerIcon";
+        readonly panel: "bui-AccordionPanel";
+        readonly group: "bui-AccordionGroup";
+    };
+};
+
+/** @public */
+type AlertOwnProps = ContainerSurfaceProps & {
+    status?: Responsive<'info' | 'success' | 'warning' | 'danger'>;
+    icon?: boolean | ReactElement;
+    loading?: boolean;
+    customActions?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+/**
+ * Properties for {@link Alert}
+ *
+ * @public
+ */
+interface AlertProps extends MarginProps, AlertOwnProps {
+}
+
+/**
+ * A component for displaying alert messages with different status levels.
+ *
+ * @remarks
+ * The Alert component supports multiple status variants (info, success, warning, danger)
+ * and can display icons, loading states, and custom actions. It automatically handles
+ * icon selection based on status when the icon prop is set to true.
+ *
+ * @example
+ * Basic usage with title only:
+ * ```tsx
+ * <Alert status="info" title="This is an informational message" />
+ * ```
+ *
+ * @example
+ * With title and description:
+ * ```tsx
+ * <Alert
+ *   status="warning"
+ *   icon={true}
+ *   title="Pending Review"
+ *   description="Please review the following items before proceeding."
+ * />
+ * ```
+ *
+ * @example
+ * With custom actions and loading state:
+ * ```tsx
+ * <Alert
+ *   status="success"
+ *   icon={true}
+ *   title="Operation completed"
+ *   description="Your changes have been saved successfully."
+ *   loading={isProcessing}
+ *   customActions={
+ *     <>
+ *       <Button size="small" variant="tertiary">Dismiss</Button>
+ *       <Button size="small" variant="primary">View</Button>
+ *     </>
+ *   }
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Component definition for Alert
+ * @public
+ */
+declare const AlertDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-Alert";
+        readonly contentWrapper: "bui-AlertContentWrapper";
+        readonly content: "bui-AlertContent";
+        readonly title: "bui-AlertTitle";
+        readonly description: "bui-AlertDescription";
+        readonly icon: "bui-AlertIcon";
+        readonly spinner: "bui-AlertSpinner";
+        readonly actions: "bui-AlertActions";
+    };
+    readonly surface: "container";
+    readonly propDefs: {
+        readonly status: {
+            readonly dataAttribute: true;
+            readonly default: "info";
+        };
+        readonly loading: {
+            readonly dataAttribute: true;
+        };
+        readonly icon: {};
+        readonly customActions: {};
+        readonly title: {};
+        readonly description: {};
+        readonly surface: {};
+        readonly className: {};
+        readonly style: {};
+    };
+    readonly utilityProps: readonly ["m", "mb", "ml", "mr", "mt", "mx", "my"];
+};
+
 /** @public */
 interface AvatarProps extends React.ComponentPropsWithoutRef<'div'> {
     /**
@@ -289,20 +488,24 @@ declare const AvatarDefinition: {
     };
 };
 
+/** @public */
+type ButtonOwnProps = LeafSurfaceProps & {
+    size?: Responsive<'small' | 'medium'>;
+    variant?: Responsive<'primary' | 'secondary' | 'tertiary'>;
+    destructive?: boolean;
+    iconStart?: ReactElement;
+    iconEnd?: ReactElement;
+    loading?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
 /**
  * Properties for {@link Button}
  *
  * @public
  */
-interface ButtonProps extends ButtonProps$1 {
-    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
-    variant?: 'primary' | 'secondary' | 'tertiary' | Partial<Record<Breakpoint, 'primary' | 'secondary' | 'tertiary'>>;
-    iconStart?: ReactElement;
-    iconEnd?: ReactElement;
-    children?: ReactNode;
-    loading?: boolean;
-    /** Surface the button is placed on. Defaults to context surface if available */
-    onSurface?: Responsive<Surface>;
+interface ButtonProps extends Omit<ButtonProps$1, 'children' | 'className' | 'style'>, ButtonOwnProps {
 }
 
 /**
@@ -342,15 +545,36 @@ declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAtt
  * @public
  */
 declare const ButtonDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-Button";
         readonly content: "bui-ButtonContent";
         readonly spinner: "bui-ButtonSpinner";
     };
-    readonly dataAttributes: {
-        readonly size: readonly ["small", "medium", "large"];
-        readonly variant: readonly ["primary", "secondary", "tertiary"];
-        readonly loading: readonly [true, false];
+    readonly surface: "leaf";
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly variant: {
+            readonly dataAttribute: true;
+            readonly default: "primary";
+        };
+        readonly destructive: {
+            readonly dataAttribute: true;
+        };
+        readonly loading: {
+            readonly dataAttribute: true;
+        };
+        readonly iconStart: {};
+        readonly iconEnd: {};
+        readonly onSurface: {};
+        readonly children: {};
+        readonly className: {};
+        readonly style: {};
     };
 };
 
@@ -425,69 +649,6 @@ declare const CardDefinition: {
     };
 };
 
-/**
- * Props for the Accordion component.
- * @public
- */
-interface AccordionProps extends DisclosureProps {
-    className?: string;
-}
-/**
- * Props for the AccordionTrigger component.
- * @public
- */
-interface AccordionTriggerProps extends HeadingProps {
-    className?: string;
-    title?: string;
-    subtitle?: string;
-    children?: React.ReactNode;
-}
-/**
- * Props for the AccordionPanel component.
- * @public
- */
-interface AccordionPanelProps extends DisclosurePanelProps {
-    className?: string;
-}
-/**
- * Props for the AccordionGroup component.
- * @public
- */
-interface AccordionGroupProps extends DisclosureGroupProps {
-    className?: string;
-    /**
-     * Whether multiple accordions can be expanded at the same time.
-     * @defaultValue false
-     */
-    allowsMultiple?: boolean;
-}
-
-/** @public */
-declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
-/** @public */
-declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLHeadingElement>>;
-/** @public */
-declare const AccordionPanel: react.ForwardRefExoticComponent<AccordionPanelProps & react.RefAttributes<HTMLDivElement>>;
-/** @public */
-declare const AccordionGroup: react.ForwardRefExoticComponent<AccordionGroupProps & react.RefAttributes<HTMLDivElement>>;
-
-/**
- * Component definition for Accordion
- * @public
- */
-declare const AccordionDefinition: {
-    readonly classNames: {
-        readonly root: "bui-Accordion";
-        readonly trigger: "bui-AccordionTrigger";
-        readonly triggerButton: "bui-AccordionTriggerButton";
-        readonly triggerTitle: "bui-AccordionTriggerTitle";
-        readonly triggerSubtitle: "bui-AccordionTriggerSubtitle";
-        readonly triggerIcon: "bui-AccordionTriggerIcon";
-        readonly panel: "bui-AccordionPanel";
-        readonly group: "bui-AccordionGroup";
-    };
-};
-
 /**
  * Props for the DialogTrigger component.
  * @public
@@ -771,16 +932,21 @@ declare const HeaderPageDefinition: {
     };
 };
 
+/** @public */
+type ButtonIconOwnProps = LeafSurfaceProps & {
+    size?: Responsive<'small' | 'medium'>;
+    variant?: Responsive<'primary' | 'secondary' | 'tertiary'>;
+    icon?: ReactElement;
+    loading?: boolean;
+    className?: string;
+    style?: CSSProperties;
+};
 /**
  * Properties for {@link ButtonIcon}
  *
  * @public
  */
-interface ButtonIconProps extends ButtonProps$1 {
-    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
-    variant?: 'primary' | 'secondary' | 'tertiary' | Partial<Record<Breakpoint, 'primary' | 'secondary' | 'tertiary'>>;
-    icon?: ReactElement;
-    loading?: boolean;
+interface ButtonIconProps extends Omit<ButtonProps$1, 'children' | 'className' | 'style'>, ButtonIconOwnProps {
 }
 
 /** @public */
@@ -791,24 +957,50 @@ declare const ButtonIcon: react.ForwardRefExoticComponent<ButtonIconProps & reac
  * @public
  */
 declare const ButtonIconDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-ButtonIcon";
         readonly content: "bui-ButtonIconContent";
         readonly spinner: "bui-ButtonIconSpinner";
     };
+    readonly surface: "leaf";
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly variant: {
+            readonly dataAttribute: true;
+            readonly default: "primary";
+        };
+        readonly loading: {
+            readonly dataAttribute: true;
+        };
+        readonly icon: {};
+        readonly onSurface: {};
+        readonly className: {};
+        readonly style: {};
+    };
 };
 
+/** @public */
+type ButtonLinkOwnProps = LeafSurfaceProps & {
+    size?: Responsive<'small' | 'medium'>;
+    variant?: Responsive<'primary' | 'secondary' | 'tertiary'>;
+    iconStart?: ReactElement;
+    iconEnd?: ReactElement;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
 /**
  * Properties for {@link ButtonLink}
  *
  * @public
  */
-interface ButtonLinkProps extends LinkProps$1 {
-    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
-    variant?: 'primary' | 'secondary' | 'tertiary' | Partial<Record<Breakpoint, 'primary' | 'secondary' | 'tertiary'>>;
-    iconStart?: ReactElement;
-    iconEnd?: ReactElement;
-    children?: ReactNode;
+interface ButtonLinkProps extends Omit<LinkProps$1, 'children' | 'className' | 'style'>, ButtonLinkOwnProps {
 }
 
 /** @public */
@@ -819,8 +1011,29 @@ declare const ButtonLink: react.ForwardRefExoticComponent<ButtonLinkProps & reac
  * @public
  */
 declare const ButtonLinkDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-ButtonLink";
+        readonly content: "bui-ButtonLinkContent";
+    };
+    readonly surface: "leaf";
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly variant: {
+            readonly dataAttribute: true;
+            readonly default: "primary";
+        };
+        readonly iconStart: {};
+        readonly iconEnd: {};
+        readonly onSurface: {};
+        readonly children: {};
+        readonly className: {};
+        readonly style: {};
     };
 };
 
@@ -970,8 +1183,8 @@ type TablePaginationType = NoPagination | PagePagination;
 interface ColumnConfig<T extends TableItem> {
     id: string;
     label: string;
-    cell: (item: T) => ReactNode;
-    header?: () => ReactNode;
+    cell: (item: T) => ReactElement;
+    header?: () => ReactElement;
     isSortable?: boolean;
     isHidden?: boolean;
     width?: ColumnSize | null;
@@ -1248,7 +1461,7 @@ declare const TextDefinition: {
     readonly dataAttributes: {
         readonly variant: readonly ["subtitle", "body", "caption", "label"];
         readonly weight: readonly ["regular", "bold"];
-        readonly color: readonly ["primary", "secondary", "danger", "warning", "success"];
+        readonly color: readonly ["primary", "secondary", "danger", "warning", "success", "info"];
         readonly truncate: readonly [true, false];
     };
 };
@@ -1539,6 +1752,7 @@ interface LinkProps extends LinkProps$1 {
     weight?: TextWeights | Partial<Record<Breakpoint, TextWeights>>;
     color?: TextColors | TextColorStatus | Partial<Record<Breakpoint, TextColors | TextColorStatus>>;
     truncate?: boolean;
+    standalone?: boolean;
     title?: string;
     children?: ReactNode;
 }
@@ -1557,8 +1771,9 @@ declare const LinkDefinition: {
     readonly dataAttributes: {
         readonly variant: readonly ["subtitle", "body", "caption", "label"];
         readonly weight: readonly ["regular", "bold"];
-        readonly color: readonly ["primary", "secondary", "danger", "warning", "success"];
+        readonly color: readonly ["primary", "secondary", "danger", "warning", "success", "info"];
         readonly truncate: readonly [true, false];
+        readonly standalone: readonly [true, false];
     };
 };
 
@@ -1759,5 +1974,5 @@ declare const useBreakpoint: () => {
     down: (key: Breakpoint) => boolean;
 };
 
-export { Accordion, AccordionDefinition, AccordionGroup, AccordionPanel, AccordionTrigger, Avatar, AvatarDefinition, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardDefinition, CardFooter, CardHeader, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogDefinition, DialogFooter, DialogHeader, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, Popover, PopoverDefinition, Radio, RadioGroup, RadioGroupDefinition, Row, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, useBreakpoint, useTable };
-export type { AccordionGroupProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlignItems, AvatarProps, Border, BorderRadius, BoxProps, Breakpoint, ButtonIconProps, ButtonLinkProps, ButtonProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CellProfileProps, CellProps, CellTextProps, CheckboxProps, ClassNamesMap, ColumnConfig, ColumnProps, Columns, ComponentDefinition, ContainerProps, CursorParams, CursorResponse, DataAttributeValues, DataAttributesMap, DialogBodyProps, DialogHeaderProps, DialogProps, DialogTriggerProps, Display, FieldLabelProps, FilterState, FlexDirection, FlexProps, FlexWrap, GridItemProps, GridProps, HeaderPageBreadcrumb, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkProps, MenuAutocompleteListBoxProps, MenuAutocompleteProps, MenuItemProps, MenuListBoxItemProps, MenuListBoxProps, MenuProps, MenuSectionProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PagePagination, PageSizeOption, PaginationOptions, PopoverProps, QueryOptions, RadioGroupProps, RadioProps, Responsive, RowConfig, RowRenderFn, SearchFieldProps, SearchState, SelectProps, SkeletonProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, Surface, SwitchProps, TabListProps, TabMatchStrategy, TabPanelProps, TabProps, TableItem, TablePaginationProps, TablePaginationType, TableProps, TableRootProps, TableSelection, TabsProps, TagGroupProps, TagProps, TextColorStatus, TextColors, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupProps, ToggleButtonProps, TooltipProps, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VisuallyHiddenProps };
+export { Accordion, AccordionDefinition, AccordionGroup, AccordionPanel, AccordionTrigger, Alert, AlertDefinition, Avatar, AvatarDefinition, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardDefinition, CardFooter, CardHeader, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogDefinition, DialogFooter, DialogHeader, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, Popover, PopoverDefinition, Radio, RadioGroup, RadioGroupDefinition, Row, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, useBreakpoint, useTable };
+export type { AccordionGroupProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AvatarProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CellProfileProps, CellProps, CellTextProps, CheckboxProps, ClassNamesMap, ColumnConfig, ColumnProps, Columns, ComponentDefinition, ContainerProps, ContainerSurfaceProps, CursorParams, CursorResponse, DataAttributeValues, DataAttributesMap, DialogBodyProps, DialogHeaderProps, DialogProps, DialogTriggerProps, Display, FieldLabelProps, FilterState, FlexDirection, FlexProps, FlexWrap, GridItemProps, GridProps, HeaderPageBreadcrumb, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LeafSurfaceProps, LinkProps, MarginProps, MenuAutocompleteListBoxProps, MenuAutocompleteProps, MenuItemProps, MenuListBoxItemProps, MenuListBoxProps, MenuProps, MenuSectionProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PopoverProps, QueryOptions, RadioGroupProps, RadioProps, Responsive, RowConfig, RowRenderFn, SearchFieldProps, SearchState, SelectProps, SkeletonProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, Surface, SwitchProps, TabListProps, TabMatchStrategy, TabPanelProps, TabProps, TableItem, TablePaginationProps, TablePaginationType, TableProps, TableRootProps, TableSelection, TabsProps, TagGroupProps, TagProps, TextColorStatus, TextColors, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupProps, ToggleButtonProps, TooltipProps, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VisuallyHiddenProps };

package/dist/index.esm.js

@@ -6,14 +6,16 @@ export { Flex } from './components/Flex/Flex.esm.js';
 export { FlexDefinition } from './components/Flex/definition.esm.js';
 export { Container } from './components/Container/Container.esm.js';
 export { ContainerDefinition } from './components/Container/definition.esm.js';
+export { Accordion, AccordionGroup, AccordionPanel, AccordionTrigger } from './components/Accordion/Accordion.esm.js';
+export { AccordionDefinition } from './components/Accordion/definition.esm.js';
+export { Alert } from './components/Alert/Alert.esm.js';
+export { AlertDefinition } from './components/Alert/definition.esm.js';
 export { Avatar } from './components/Avatar/Avatar.esm.js';
 export { AvatarDefinition } from './components/Avatar/definition.esm.js';
 export { Button } from './components/Button/Button.esm.js';
 export { ButtonDefinition } from './components/Button/definition.esm.js';
 export { Card, CardBody, CardFooter, CardHeader } from './components/Card/Card.esm.js';
 export { CardDefinition } from './components/Card/definition.esm.js';
-export { Accordion, AccordionGroup, AccordionPanel, AccordionTrigger } from './components/Accordion/Accordion.esm.js';
-export { AccordionDefinition } from './components/Accordion/definition.esm.js';
 export { Dialog, DialogBody, DialogFooter, DialogHeader, DialogTrigger } from './components/Dialog/Dialog.esm.js';
 export { DialogDefinition } from './components/Dialog/definition.esm.js';
 export { FieldLabel } from './components/FieldLabel/FieldLabel.esm.js';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/utilityClassMap.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilityClassMap.esm.js","sources":["../../src/utils/utilityClassMap.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Valid spacing values that have predefined utility classes\nconst validSpacingValues = [\n  '0.5',\n  '1',\n  '1.5',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  '13',\n  '14',\n] as const;\n\nconst columnsValues = [\n  '1',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  'auto',\n] as const;\n\nexport const utilityClassMap: Record<\n  string,\n  { class: string; cssVar?: string; values: readonly (string | number)[] }\n> = {\n  m: {\n    class: 'bui-m',\n    cssVar: '--m',\n    values: validSpacingValues,\n  },\n  mb: {\n    class: 'bui-mb',\n    cssVar: '--mb',\n    values: validSpacingValues,\n  },\n  ml: {\n    class: 'bui-ml',\n    cssVar: '--ml',\n    values: validSpacingValues,\n  },\n  mr: {\n    class: 'bui-mr',\n    cssVar: '--mr',\n    values: validSpacingValues,\n  },\n  mt: {\n    class: 'bui-mt',\n    cssVar: '--mt',\n    values: validSpacingValues,\n  },\n  mx: {\n    class: 'bui-mx',\n    cssVar: '--mx',\n    values: validSpacingValues,\n  },\n  my: {\n    class: 'bui-my',\n    cssVar: '--my',\n    values: validSpacingValues,\n  },\n  p: {\n    class: 'bui-p',\n    cssVar: '--p',\n    values: validSpacingValues,\n  },\n  pb: {\n    class: 'bui-pb',\n    cssVar: '--pb',\n    values: validSpacingValues,\n  },\n  pl: {\n    class: 'bui-pl',\n    cssVar: '--pl',\n    values: validSpacingValues,\n  },\n  pr: {\n    class: 'bui-pr',\n    cssVar: '--pr',\n    values: validSpacingValues,\n  },\n  pt: {\n    class: 'bui-pt',\n    cssVar: '--pt',\n    values: validSpacingValues,\n  },\n  px: {\n    class: 'bui-px',\n    cssVar: '--px',\n    values: validSpacingValues,\n  },\n  py: {\n    class: 'bui-py',\n    cssVar: '--py',\n    values: validSpacingValues,\n  },\n  width: {\n    class: 'bui-w',\n    cssVar: '--width',\n    values: [], // Always use custom value\n  },\n  minWidth: {\n    class: 'bui-min-w',\n    cssVar: '--min-width',\n    values: [], // Always use custom value\n  },\n  maxWidth: {\n    class: 'bui-max-w',\n    cssVar: '--max-width',\n    values: [], // Always use custom value\n  },\n  height: {\n    class: 'bui-h',\n    cssVar: '--height',\n    values: [], // Always use custom value\n  },\n  minHeight: {\n    class: 'bui-min-h',\n    cssVar: '--min-height',\n    values: [], // Always use custom value\n  },\n  maxHeight: {\n    class: 'bui-max-h',\n    cssVar: '--max-height',\n    values: [], // Always use custom value\n  },\n  gap: {\n    class: 'bui-gap',\n    cssVar: '--gap',\n    values: validSpacingValues,\n  },\n  position: {\n    class: 'bui-position',\n    values: ['static', 'relative', 'absolute', 'fixed', 'sticky'],\n  },\n  display: {\n    class: 'bui-display',\n    values: ['none', 'flex', 'block', 'inline'],\n  },\n  align: {\n    class: 'bui-align',\n    values: ['start', 'center', 'end', 'baseline', 'stretch'],\n  },\n  justify: {\n    class: 'bui-jc',\n    values: ['start', 'center', 'end', 'between'],\n  },\n  direction: {\n    class: 'bui-fd',\n    values: ['row', 'column', 'row-reverse', 'column-reverse'],\n  },\n  columns: {\n    class: 'bui-columns',\n    values: columnsValues,\n  },\n  colSpan: {\n    class: 'bui-col-span',\n    values: columnsValues,\n  },\n  colEnd: {\n    class: 'bui-col-end',\n    values: columnsValues,\n  },\n  colStart: {\n    class: 'bui-col-start',\n    values: columnsValues,\n  },\n  rowSpan: {\n    class: 'bui-row-span',\n    values: columnsValues,\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"utilityClassMap.esm.js","sources":["../../src/utils/utilityClassMap.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Valid spacing values that have predefined utility classes\nconst validSpacingValues = [\n  '0.5',\n  '1',\n  '1.5',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  '13',\n  '14',\n] as const;\n\nconst columnsValues = [\n  '1',\n  '2',\n  '3',\n  '4',\n  '5',\n  '6',\n  '7',\n  '8',\n  '9',\n  '10',\n  '11',\n  '12',\n  'auto',\n] as const;\n\nexport const utilityClassMap = {\n  m: {\n    class: 'bui-m',\n    cssVar: '--m',\n    values: validSpacingValues,\n  },\n  mb: {\n    class: 'bui-mb',\n    cssVar: '--mb',\n    values: validSpacingValues,\n  },\n  ml: {\n    class: 'bui-ml',\n    cssVar: '--ml',\n    values: validSpacingValues,\n  },\n  mr: {\n    class: 'bui-mr',\n    cssVar: '--mr',\n    values: validSpacingValues,\n  },\n  mt: {\n    class: 'bui-mt',\n    cssVar: '--mt',\n    values: validSpacingValues,\n  },\n  mx: {\n    class: 'bui-mx',\n    cssVar: '--mx',\n    values: validSpacingValues,\n  },\n  my: {\n    class: 'bui-my',\n    cssVar: '--my',\n    values: validSpacingValues,\n  },\n  p: {\n    class: 'bui-p',\n    cssVar: '--p',\n    values: validSpacingValues,\n  },\n  pb: {\n    class: 'bui-pb',\n    cssVar: '--pb',\n    values: validSpacingValues,\n  },\n  pl: {\n    class: 'bui-pl',\n    cssVar: '--pl',\n    values: validSpacingValues,\n  },\n  pr: {\n    class: 'bui-pr',\n    cssVar: '--pr',\n    values: validSpacingValues,\n  },\n  pt: {\n    class: 'bui-pt',\n    cssVar: '--pt',\n    values: validSpacingValues,\n  },\n  px: {\n    class: 'bui-px',\n    cssVar: '--px',\n    values: validSpacingValues,\n  },\n  py: {\n    class: 'bui-py',\n    cssVar: '--py',\n    values: validSpacingValues,\n  },\n  width: {\n    class: 'bui-w',\n    cssVar: '--width',\n    values: [], // Always use custom value\n  },\n  minWidth: {\n    class: 'bui-min-w',\n    cssVar: '--min-width',\n    values: [], // Always use custom value\n  },\n  maxWidth: {\n    class: 'bui-max-w',\n    cssVar: '--max-width',\n    values: [], // Always use custom value\n  },\n  height: {\n    class: 'bui-h',\n    cssVar: '--height',\n    values: [], // Always use custom value\n  },\n  minHeight: {\n    class: 'bui-min-h',\n    cssVar: '--min-height',\n    values: [], // Always use custom value\n  },\n  maxHeight: {\n    class: 'bui-max-h',\n    cssVar: '--max-height',\n    values: [], // Always use custom value\n  },\n  gap: {\n    class: 'bui-gap',\n    cssVar: '--gap',\n    values: validSpacingValues,\n  },\n  position: {\n    class: 'bui-position',\n    values: ['static', 'relative', 'absolute', 'fixed', 'sticky'],\n  },\n  display: {\n    class: 'bui-display',\n    values: ['none', 'flex', 'block', 'inline'],\n  },\n  align: {\n    class: 'bui-align',\n    values: ['start', 'center', 'end', 'baseline', 'stretch'],\n  },\n  justify: {\n    class: 'bui-jc',\n    values: ['start', 'center', 'end', 'between'],\n  },\n  direction: {\n    class: 'bui-fd',\n    values: ['row', 'column', 'row-reverse', 'column-reverse'],\n  },\n  columns: {\n    class: 'bui-columns',\n    values: columnsValues,\n  },\n  colSpan: {\n    class: 'bui-col-span',\n    values: columnsValues,\n  },\n  colEnd: {\n    class: 'bui-col-end',\n    values: columnsValues,\n  },\n  colStart: {\n    class: 'bui-col-start',\n    values: columnsValues,\n  },\n  rowSpan: {\n    class: 'bui-row-span',\n    values: columnsValues,\n  },\n} as const satisfies Record<\n  string,\n  { class: string; cssVar?: string; values: readonly (string | number)[] }\n>;\n"],"names":[],"mappings":"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"}