@backstage/ui 0.14.0-next.1 → 0.14.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.
Files changed (66) hide show
  1. package/CHANGELOG.md +139 -0
  2. package/dist/components/Badge/Badge.esm.js +19 -0
  3. package/dist/components/Badge/Badge.esm.js.map +1 -0
  4. package/dist/components/Badge/Badge.module.css.esm.js +8 -0
  5. package/dist/components/Badge/Badge.module.css.esm.js.map +1 -0
  6. package/dist/components/Badge/definition.esm.js +27 -0
  7. package/dist/components/Badge/definition.esm.js.map +1 -0
  8. package/dist/components/ButtonLink/definition.esm.js +0 -1
  9. package/dist/components/ButtonLink/definition.esm.js.map +1 -1
  10. package/dist/components/Card/definition.esm.js +0 -1
  11. package/dist/components/Card/definition.esm.js.map +1 -1
  12. package/dist/components/CheckboxGroup/CheckboxGroup.esm.js +64 -0
  13. package/dist/components/CheckboxGroup/CheckboxGroup.esm.js.map +1 -0
  14. package/dist/components/CheckboxGroup/CheckboxGroup.module.css.esm.js +8 -0
  15. package/dist/components/CheckboxGroup/CheckboxGroup.module.css.esm.js.map +1 -0
  16. package/dist/components/CheckboxGroup/definition.esm.js +31 -0
  17. package/dist/components/CheckboxGroup/definition.esm.js.map +1 -0
  18. package/dist/components/Dialog/Dialog.esm.js +7 -7
  19. package/dist/components/Dialog/Dialog.esm.js.map +1 -1
  20. package/dist/components/Dialog/Dialog.module.css.esm.js +2 -2
  21. package/dist/components/Dialog/definition.esm.js +2 -1
  22. package/dist/components/Dialog/definition.esm.js.map +1 -1
  23. package/dist/components/FieldLabel/FieldLabel.esm.js +13 -3
  24. package/dist/components/FieldLabel/FieldLabel.esm.js.map +1 -1
  25. package/dist/components/FieldLabel/definition.esm.js +1 -0
  26. package/dist/components/FieldLabel/definition.esm.js.map +1 -1
  27. package/dist/components/Header/HeaderNav.esm.js +41 -15
  28. package/dist/components/Header/HeaderNav.esm.js.map +1 -1
  29. package/dist/components/Header/HeaderNavDefinition.esm.js +8 -2
  30. package/dist/components/Header/HeaderNavDefinition.esm.js.map +1 -1
  31. package/dist/components/Link/definition.esm.js +0 -1
  32. package/dist/components/Link/definition.esm.js.map +1 -1
  33. package/dist/components/List/definition.esm.js +0 -1
  34. package/dist/components/List/definition.esm.js.map +1 -1
  35. package/dist/components/Menu/definition.esm.js +0 -2
  36. package/dist/components/Menu/definition.esm.js.map +1 -1
  37. package/dist/components/PasswordField/PasswordField.esm.js +2 -1
  38. package/dist/components/PasswordField/PasswordField.esm.js.map +1 -1
  39. package/dist/components/RadioGroup/RadioGroup.esm.js +2 -1
  40. package/dist/components/RadioGroup/RadioGroup.esm.js.map +1 -1
  41. package/dist/components/SearchAutocomplete/definition.esm.js +0 -1
  42. package/dist/components/SearchAutocomplete/definition.esm.js.map +1 -1
  43. package/dist/components/SearchField/SearchField.esm.js +2 -1
  44. package/dist/components/SearchField/SearchField.esm.js.map +1 -1
  45. package/dist/components/Select/Select.esm.js +2 -1
  46. package/dist/components/Select/Select.esm.js.map +1 -1
  47. package/dist/components/Table/components/TableBodySkeleton.esm.js +3 -2
  48. package/dist/components/Table/components/TableBodySkeleton.esm.js.map +1 -1
  49. package/dist/components/Table/definition.esm.js +0 -3
  50. package/dist/components/Table/definition.esm.js.map +1 -1
  51. package/dist/components/Tabs/Tabs.module.css.esm.js +2 -2
  52. package/dist/components/Tabs/TabsIndicators.esm.js +5 -1
  53. package/dist/components/Tabs/TabsIndicators.esm.js.map +1 -1
  54. package/dist/components/Tabs/definition.esm.js +0 -1
  55. package/dist/components/Tabs/definition.esm.js.map +1 -1
  56. package/dist/components/TagGroup/definition.esm.js +0 -1
  57. package/dist/components/TagGroup/definition.esm.js.map +1 -1
  58. package/dist/components/Text/Text.esm.js.map +1 -1
  59. package/dist/components/TextField/TextField.esm.js +2 -1
  60. package/dist/components/TextField/TextField.esm.js.map +1 -1
  61. package/dist/hooks/useDefinition/useDefinition.esm.js +5 -7
  62. package/dist/hooks/useDefinition/useDefinition.esm.js.map +1 -1
  63. package/dist/index.d.ts +162 -13
  64. package/dist/index.esm.js +5 -0
  65. package/dist/index.esm.js.map +1 -1
  66. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode, CSSProperties, HTMLAttributes, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
3
- import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
3
+ import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, HeadingProps, ButtonProps as ButtonProps$1, ModalOverlayProps, DialogTriggerProps as DialogTriggerProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SliderProps as SliderProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, TableProps as TableProps$1, TableBodyProps as TableBodyProps$1, TableHeaderProps as TableHeaderProps$1, TagProps as TagProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, SearchFieldProps as SearchFieldProps$1, GridListProps, GridListItemProps, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import { NavigateOptions } from 'react-router-dom';
6
6
  import { SortDescriptor as SortDescriptor$1 } from 'react-stately';
@@ -24,7 +24,11 @@ type JustifyContent = 'stretch' | 'start' | 'center' | 'end' | 'around' | 'betwe
24
24
  type AlignItems = 'stretch' | 'start' | 'center' | 'end';
25
25
  /** @public */
26
26
  type BorderRadius = 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
27
- /** @public */
27
+ /**
28
+ * Border variants available for UI utility props.
29
+ *
30
+ * @public
31
+ */
28
32
  type Border = 'none' | 'base' | 'error' | 'warning' | 'selected';
29
33
  /** @public */
30
34
  type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
@@ -59,20 +63,37 @@ type TextColors = 'primary' | 'secondary';
59
63
  type TextColorStatus = 'danger' | 'warning' | 'success' | 'info';
60
64
  /** @public */
61
65
  type TextWeights = 'regular' | 'bold';
62
- /** @public */
66
+ /**
67
+ * Shared utility props supported by layout-oriented UI components.
68
+ *
69
+ * @public
70
+ */
63
71
  interface UtilityProps extends SpaceProps {
72
+ /** Aligns children on the cross axis in flex and grid layouts. */
64
73
  alignItems?: Responsive<AlignItems>;
74
+ /** Applies a semantic border variant. */
65
75
  border?: Responsive<Border>;
76
+ /** Applies a semantic border radius token. */
66
77
  borderRadius?: Responsive<BorderRadius>;
78
+ /** Sets the ending grid column line. */
67
79
  colEnd?: Responsive<Columns | 'auto'>;
80
+ /** Sets the number of grid columns to span. */
68
81
  colSpan?: Responsive<Columns | 'full'>;
82
+ /** Sets the starting grid column line. */
69
83
  colStart?: Responsive<Columns | 'auto'>;
84
+ /** Sets the number of columns for grid containers. */
70
85
  columns?: Responsive<Columns>;
86
+ /** Controls the CSS display value. */
71
87
  display?: Responsive<Display>;
88
+ /** Controls the direction of flex items. */
72
89
  flexDirection?: Responsive<FlexDirection>;
90
+ /** Controls how flex items wrap. */
73
91
  flexWrap?: Responsive<FlexWrap>;
92
+ /** Sets spacing between children in flex and grid layouts. */
74
93
  gap?: Responsive<Space>;
94
+ /** Aligns children on the main axis in flex and grid layouts. */
75
95
  justifyContent?: Responsive<JustifyContent>;
96
+ /** Sets the number of grid rows to span. */
76
97
  rowSpan?: Responsive<Columns | 'full'>;
77
98
  }
78
99
  /**
@@ -693,6 +714,62 @@ declare const AvatarDefinition: {
693
714
  };
694
715
  };
695
716
 
717
+ /**
718
+ * Own props for the Badge component.
719
+ *
720
+ * @public
721
+ */
722
+ type BadgeOwnProps = {
723
+ /**
724
+ * The icon to display before the badge text.
725
+ */
726
+ icon?: React.ReactNode;
727
+ /**
728
+ * The size of the badge.
729
+ */
730
+ size?: 'small' | 'medium';
731
+ children?: React.ReactNode;
732
+ className?: string;
733
+ };
734
+ /**
735
+ * Props for the Badge component.
736
+ *
737
+ * @public
738
+ */
739
+ interface BadgeProps extends BadgeOwnProps, Omit<React.HTMLAttributes<HTMLSpanElement>, keyof BadgeOwnProps> {
740
+ }
741
+
742
+ /**
743
+ * A non-interactive badge for labeling or categorizing content.
744
+ *
745
+ * @public
746
+ */
747
+ declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
748
+
749
+ /**
750
+ * Component definition for Badge
751
+ * @public
752
+ */
753
+ declare const BadgeDefinition: {
754
+ readonly styles: {
755
+ readonly [key: string]: string;
756
+ };
757
+ readonly classNames: {
758
+ readonly root: "bui-Badge";
759
+ readonly icon: "bui-BadgeIcon";
760
+ };
761
+ readonly bg: "consumer";
762
+ readonly propDefs: {
763
+ readonly icon: {};
764
+ readonly size: {
765
+ readonly dataAttribute: true;
766
+ readonly default: "small";
767
+ };
768
+ readonly children: {};
769
+ readonly className: {};
770
+ };
771
+ };
772
+
696
773
  /** @public */
697
774
  type ButtonOwnProps = {
698
775
  size?: Responsive<'small' | 'medium'>;
@@ -901,7 +978,6 @@ declare const CardDefinition: {
901
978
  readonly styles: {
902
979
  readonly [key: string]: string;
903
980
  };
904
- readonly resolveHref: true;
905
981
  readonly classNames: {
906
982
  readonly root: "bui-Card";
907
983
  readonly trigger: "bui-CardTrigger";
@@ -1061,7 +1137,8 @@ declare const DialogDefinition: {
1061
1137
  };
1062
1138
  readonly classNames: {
1063
1139
  readonly root: "bui-DialogOverlay";
1064
- readonly dialog: "bui-Dialog";
1140
+ readonly container: "bui-Dialog";
1141
+ readonly inner: "bui-DialogInner";
1065
1142
  readonly content: "bui-DialogContent";
1066
1143
  };
1067
1144
  readonly propDefs: {
@@ -1148,6 +1225,10 @@ type FieldLabelOwnProps = {
1148
1225
  * The id to apply to the description element for aria-describedby
1149
1226
  */
1150
1227
  descriptionId?: string;
1228
+ /**
1229
+ * The slot name to set on the description's React Aria `<Text>` element.
1230
+ */
1231
+ descriptionSlot?: string;
1151
1232
  className?: string;
1152
1233
  };
1153
1234
  /** @public */
@@ -1182,6 +1263,7 @@ declare const FieldLabelDefinition: {
1182
1263
  readonly htmlFor: {};
1183
1264
  readonly id: {};
1184
1265
  readonly descriptionId: {};
1266
+ readonly descriptionSlot: {};
1185
1267
  readonly className: {};
1186
1268
  };
1187
1269
  };
@@ -1421,7 +1503,7 @@ interface HeaderOwnProps {
1421
1503
  title?: string;
1422
1504
  customActions?: React.ReactNode;
1423
1505
  tabs?: HeaderNavTabItem[];
1424
- activeTabId?: string;
1506
+ activeTabId?: string | null;
1425
1507
  breadcrumbs?: HeaderBreadcrumb[];
1426
1508
  className?: string;
1427
1509
  }
@@ -1529,9 +1611,7 @@ declare const HeaderNavDefinition: {
1529
1611
  readonly active: "bui-HeaderNavActive";
1530
1612
  readonly hovered: "bui-HeaderNavHovered";
1531
1613
  };
1532
- readonly analytics: true;
1533
1614
  readonly propDefs: {
1534
- readonly noTrack: {};
1535
1615
  readonly tabs: {};
1536
1616
  readonly activeTabId: {};
1537
1617
  readonly children: {};
@@ -1546,7 +1626,15 @@ declare const HeaderNavItemDefinition: {
1546
1626
  readonly classNames: {
1547
1627
  readonly root: "bui-HeaderNavItem";
1548
1628
  };
1629
+ readonly analytics: true;
1549
1630
  readonly propDefs: {
1631
+ readonly noTrack: {};
1632
+ readonly id: {};
1633
+ readonly label: {};
1634
+ readonly href: {};
1635
+ readonly active: {};
1636
+ readonly registerRef: {};
1637
+ readonly onHighlight: {};
1550
1638
  readonly className: {};
1551
1639
  };
1552
1640
  };
@@ -1656,7 +1744,6 @@ declare const ButtonLinkDefinition: {
1656
1744
  };
1657
1745
  readonly bg: "consumer";
1658
1746
  readonly analytics: true;
1659
- readonly resolveHref: true;
1660
1747
  readonly propDefs: {
1661
1748
  readonly noTrack: {};
1662
1749
  readonly size: {
@@ -1708,6 +1795,55 @@ declare const CheckboxDefinition: {
1708
1795
  };
1709
1796
  };
1710
1797
 
1798
+ /**
1799
+ * Own props for the CheckboxGroup component.
1800
+ * @public
1801
+ */
1802
+ type CheckboxGroupOwnProps = {
1803
+ className?: string;
1804
+ children?: ReactNode;
1805
+ label?: FieldLabelProps['label'];
1806
+ secondaryLabel?: FieldLabelProps['secondaryLabel'];
1807
+ description?: FieldLabelProps['description'];
1808
+ isRequired?: CheckboxGroupProps$1['isRequired'];
1809
+ orientation?: 'horizontal' | 'vertical';
1810
+ };
1811
+ /**
1812
+ * Props for the CheckboxGroup component.
1813
+ * @public
1814
+ */
1815
+ interface CheckboxGroupProps extends Omit<CheckboxGroupProps$1, keyof CheckboxGroupOwnProps>, CheckboxGroupOwnProps {
1816
+ }
1817
+
1818
+ /**
1819
+ * A group of checkboxes for selecting multiple options from a list.
1820
+ * @public
1821
+ */
1822
+ declare const CheckboxGroup: react.ForwardRefExoticComponent<CheckboxGroupProps & react.RefAttributes<HTMLDivElement>>;
1823
+
1824
+ /**
1825
+ * Component definition for CheckboxGroup
1826
+ * @public
1827
+ */
1828
+ declare const CheckboxGroupDefinition: {
1829
+ readonly styles: {
1830
+ readonly [key: string]: string;
1831
+ };
1832
+ readonly classNames: {
1833
+ readonly root: "bui-CheckboxGroup";
1834
+ readonly content: "bui-CheckboxGroupContent";
1835
+ };
1836
+ readonly propDefs: {
1837
+ readonly className: {};
1838
+ readonly children: {};
1839
+ readonly label: {};
1840
+ readonly secondaryLabel: {};
1841
+ readonly description: {};
1842
+ readonly isRequired: {};
1843
+ readonly orientation: {};
1844
+ };
1845
+ };
1846
+
1711
1847
  /** @public */
1712
1848
  type RadioGroupOwnProps = {
1713
1849
  children?: ReactNode;
@@ -2183,6 +2319,21 @@ declare const CellText: {
2183
2319
  */
2184
2320
  declare const CellProfile: (props: CellProfileProps) => react_jsx_runtime.JSX.Element;
2185
2321
 
2322
+ /**
2323
+ * A table body that renders animated skeleton rows as a loading placeholder.
2324
+ *
2325
+ * @remarks
2326
+ * Accepts any column array whose items have an `id` property, making it
2327
+ * compatible with both `ColumnConfig` and custom column types.
2328
+ *
2329
+ * @public
2330
+ */
2331
+ declare function TableBodySkeleton<T extends {
2332
+ id: string;
2333
+ }>({ columns, }: {
2334
+ columns: readonly T[];
2335
+ }): react_jsx_runtime.JSX.Element;
2336
+
2186
2337
  /** @public */
2187
2338
  interface FilterState<TFilter> {
2188
2339
  value: TFilter | undefined;
@@ -3060,7 +3211,6 @@ declare const LinkDefinition: {
3060
3211
  readonly root: "bui-Link";
3061
3212
  };
3062
3213
  readonly analytics: true;
3063
- readonly resolveHref: true;
3064
3214
  readonly propDefs: {
3065
3215
  readonly noTrack: {};
3066
3216
  readonly variant: {
@@ -3185,7 +3335,6 @@ declare const ListRowDefinition: {
3185
3335
  readonly [key: string]: string;
3186
3336
  };
3187
3337
  readonly bg: "consumer";
3188
- readonly resolveHref: true;
3189
3338
  readonly classNames: {
3190
3339
  readonly root: "bui-ListRow";
3191
3340
  readonly check: "bui-ListRowCheck";
@@ -3623,5 +3772,5 @@ declare function useAnalytics(): AnalyticsTracker;
3623
3772
  */
3624
3773
  declare function getNodeText(node: ReactNode | ((...args: any[]) => ReactNode)): string | undefined;
3625
3774
 
3626
- export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, 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, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
3627
- export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AvatarOwnProps, AvatarProps, BUIProviderProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectOwnProps, SelectProps, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };
3775
+ export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, Badge, BadgeDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, CheckboxGroup, CheckboxGroupDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderNavDefinition, HeaderNavGroupDefinition, HeaderNavItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, List, ListDefinition, ListRow, ListRowDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, RadioGroup, RadioGroupDefinition, Row, SearchAutocomplete, SearchAutocompleteDefinition, SearchAutocompleteItem, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, Slider, SliderDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableBodySkeleton, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
3776
+ export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AvatarOwnProps, AvatarProps, BUIProviderProps, BadgeOwnProps, BadgeProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxGroupOwnProps, CheckboxGroupProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, CompletePaginationOptions, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderNavTab, HeaderNavTabGroup, HeaderNavTabItem, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkOwnProps, LinkProps, ListOwnProps, ListProps, ListRowOwnProps, ListRowProps, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchAutocompleteItemOwnProps, SearchAutocompleteItemProps, SearchAutocompleteOwnProps, SearchAutocompleteProps, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectOwnProps, SelectProps, SkeletonOwnProps, SkeletonProps, SliderOwnProps, SliderProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VirtualizedProp, VisuallyHiddenOwnProps, VisuallyHiddenProps };
package/dist/index.esm.js CHANGED
@@ -14,6 +14,8 @@ export { Alert } from './components/Alert/Alert.esm.js';
14
14
  export { AlertDefinition } from './components/Alert/definition.esm.js';
15
15
  export { Avatar } from './components/Avatar/Avatar.esm.js';
16
16
  export { AvatarDefinition } from './components/Avatar/definition.esm.js';
17
+ export { Badge } from './components/Badge/Badge.esm.js';
18
+ export { BadgeDefinition } from './components/Badge/definition.esm.js';
17
19
  export { Button } from './components/Button/Button.esm.js';
18
20
  export { ButtonDefinition } from './components/Button/definition.esm.js';
19
21
  export { Card, CardBody, CardFooter, CardHeader } from './components/Card/Card.esm.js';
@@ -33,6 +35,8 @@ export { ButtonLink } from './components/ButtonLink/ButtonLink.esm.js';
33
35
  export { ButtonLinkDefinition } from './components/ButtonLink/definition.esm.js';
34
36
  export { Checkbox } from './components/Checkbox/Checkbox.esm.js';
35
37
  export { CheckboxDefinition } from './components/Checkbox/definition.esm.js';
38
+ export { CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.esm.js';
39
+ export { CheckboxGroupDefinition } from './components/CheckboxGroup/definition.esm.js';
36
40
  export { Radio, RadioGroup } from './components/RadioGroup/RadioGroup.esm.js';
37
41
  export { RadioDefinition, RadioGroupDefinition } from './components/RadioGroup/definition.esm.js';
38
42
  export { Slider } from './components/Slider/Slider.esm.js';
@@ -46,6 +50,7 @@ export { Row } from './components/Table/components/Row.esm.js';
46
50
  export { Cell } from './components/Table/components/Cell.esm.js';
47
51
  export { CellText } from './components/Table/components/CellText.esm.js';
48
52
  export { CellProfile } from './components/Table/components/CellProfile.esm.js';
53
+ export { TableBodySkeleton } from './components/Table/components/TableBodySkeleton.esm.js';
49
54
  export { useTable } from './components/Table/hooks/useTable.esm.js';
50
55
  export { TableDefinition } from './components/Table/definition.esm.js';
51
56
  export { TablePagination } from './components/TablePagination/TablePagination.esm.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@backstage/ui",
3
- "version": "0.14.0-next.1",
3
+ "version": "0.14.0",
4
4
  "backstage": {
5
5
  "role": "web-library"
6
6
  },
@@ -50,7 +50,7 @@
50
50
  "test": "backstage-cli package test"
51
51
  },
52
52
  "dependencies": {
53
- "@backstage/version-bridge": "1.0.12",
53
+ "@backstage/version-bridge": "^1.0.12",
54
54
  "@react-aria/interactions": "^3.27.1",
55
55
  "@react-stately/layout": "^4.6.0",
56
56
  "@react-stately/overlays": "^3.6.23",
@@ -63,7 +63,7 @@
63
63
  "use-sync-external-store": "^1.4.0"
64
64
  },
65
65
  "devDependencies": {
66
- "@backstage/cli": "0.36.1-next.1",
66
+ "@backstage/cli": "^0.36.1",
67
67
  "@types/react": "^18.0.0",
68
68
  "@types/react-dom": "^18.0.0",
69
69
  "@types/use-sync-external-store": "^1.0.0",