fix(deps): update backstage monorepo

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@backstage/ui (source)	^0.14.3 → ^0.16.0

---

Release Notes

backstage/backstage (@​backstage/ui)

v0.16.0

Compare Source

Minor Changes

• fc4e624: Combobox now supports async collections, incremental loading, client and server search, and rich or custom item rendering. Loading placeholders expose .bui-ComboboxLoading and .bui-ComboboxLoadingRow, and stale visible results expose data-stale on .bui-ComboboxList.

  BREAKING: The public ComboboxProps interface is now a union type.

  Migration:

  Required on upgrade:

  Replace interfaces that extend ComboboxProps with type intersections.

  - interface MyComboboxProps extends ComboboxProps {
  -   trackingId: string;
  - }
  + type MyComboboxProps = ComboboxProps & {
  +   trackingId: string;
  + };

  Optional migration away from deprecated APIs:

  Prefer id instead of value for plain options. Existing array-valued options using value remain supported as a deprecated compatibility path, but new option content fields and async option sources require id.

  Move input state and custom filtering into the nested search configuration:

  - <Combobox inputValue={query} onInputChange={setQuery} />
  + <Combobox search={{ inputValue: query, onInputChange: setQuery }} />

  The existing top-level input state props remain supported as a deprecated compatibility path for plain-array options.

  Affected components: Combobox

• fc4e624: Select now supports async collections, incremental loading, client and server search, and rich or custom item rendering. Loading placeholders expose .bui-SelectLoading and .bui-SelectLoadingRow, and stale retained results expose data-stale on .bui-SelectList.

  BREAKING: The public SelectProps interface is now a union type, and Select popover list content is no longer a direct child of .bui-SelectPopover.

  Migration:

  Required on upgrade:

  Replace interfaces that extend SelectProps with type intersections.

  - interface MySelectProps extends SelectProps {
  -   trackingId: string;
  - }
  + type MySelectProps = SelectProps & {
  +   trackingId: string;
  + };

  Update CSS selectors that rely on list content being a direct child of .bui-SelectPopover. Select popovers now use the standard BUI Popover content structure, with contents wrapped in .bui-Box.bui-PopoverContent. The existing .bui-Popover.bui-SelectPopover root classes are unchanged.

  Optional migration away from deprecated APIs:

  Prefer id instead of value for plain options. Existing array-valued options using value remain supported as a deprecated compatibility path, but new option content fields and async option sources require id.

  Replace searchable and searchPlaceholder with nested search configuration:

  - <Select searchable searchPlaceholder="Search owners" />
  + <Select search={{ placeholder: 'Search owners' }} />

  Affected components: Select

Patch Changes

• 3d6c2e4: Updated the dark theme neutral background tokens to provide clearer contrast between neutral surfaces.

• c86efcd: Fixed the Table component not filling its container width in Firefox. The overflow style is now applied to a wrapper element instead of the <table> element directly, which avoids a Firefox behavior where non-visible overflow on tables causes them to shrink-wrap to content size.

• adf94f5: Make Skeleton component background aware, automatically adjusting its color to maintain visible contrast against neutral parent surfaces.

  Affected components: Skeleton

• b06b3c7: Fixed header tab links to respect the configured router basename.

  Affected components: Header

• 14a101f: Switch now adapts its track and thumb colors based on the background context of its parent container, and uses the accent token family when selected.

  Affected components: Switch

• 66c4e55: Fixed tab indicator not updating position when tab content changes width dynamically.

• b33bb24: Added a new NumberField component for numeric input with support for min, max, step, and keyboard increment/decrement.

  Affected components: NumberField

• 350407d: Fixed async pagination in Combobox and Select popovers so additional pages load as users scroll instead of loading every page immediately. Combobox now uses .bui-PopoverContent as its scroll container, while all Select variants use the new .bui-SelectResults results container.

  Searchable Select keeps its search field fixed while results scroll. The new public classes .bui-SelectContent and .bui-SelectResults expose this layout for theme customization.

  Affected components: Combobox, Select

• e989f95: Fixed Combobox client search crashing when used with plain options.

  Affected components: Combobox

• 1f709a3: Fixed Header breadcrumb typography so it remains consistent when component styles are loaded in different orders.

  Affected components: Header

• 5d80f77: Introduces a new set of semantic color token families — Accent, Announcement, Warning, Negative, and Positive — each providing a consistent set of background, foreground, and border tokens for both light and dark themes. A gray scale (--bui-gray-1 through --bui-gray-11) and updated foreground tokens are also included.

  The previous tokens remain in place for backward compatibility but are now deprecated and will be removed in a future release.

  Migration:

  Neutral backgrounds

  The neutral background tokens keep their existing names (--bui-bg-app, --bui-bg-neutral-1 through --bui-bg-neutral-4) but are updated with new solid-color values for both light and dark themes. No token renaming is required. The -hover, -pressed, and -disabled interaction variants of these tokens are deprecated and should be removed.

  Foreground

  Deprecated	Replacement
  --bui-fg-danger	--bui-fg-negative
  --bui-fg-success	--bui-fg-positive
  --bui-fg-info	--bui-fg-announcement

  Accent

  Deprecated	Replacement
  --bui-bg-solid	--bui-accent-bg
  --bui-bg-solid-hover	--bui-accent-bg-hover
  --bui-bg-solid-disabled	--bui-accent-bg-disabled
  --bui-fg-solid	--bui-accent-fg
  --bui-fg-solid-disabled	--bui-accent-fg-disabled

  Positive

  Deprecated	Replacement
  --bui-bg-success	--bui-positive-bg-subdued
  --bui-fg-success-on-bg	--bui-positive-fg-subdued
  --bui-border-success	--bui-positive-border

  Negative

  Deprecated	Replacement
  --bui-bg-danger	--bui-negative-bg-subdued
  --bui-fg-danger-on-bg	--bui-negative-fg-subdued
  --bui-border-danger	--bui-negative-border

  Warning

  Deprecated	Replacement
  --bui-bg-warning	--bui-warning-bg-subdued
  --bui-fg-warning-on-bg	--bui-warning-fg-subdued
  --bui-border-warning	--bui-warning-border

  Announcement

  Deprecated	Replacement
  --bui-bg-info	--bui-announcement-bg-subdued
  --bui-fg-info-on-bg	--bui-announcement-fg-subdued
  --bui-border-info	--bui-announcement-border

v0.15.0

Compare Source

Minor Changes

• a281469: Add support for flex item props (grow, shrink, and basis) to Box, Card, Grid, and Flex itself.

  Affected components: Box, Card, Grid, Flex

• 5351d8a: Added a sticky prop to the Header component. When true, the title-and-actions bar stays fixed to the top of its scroll container while the rest of the header (tags, description, metadata) scrolls away. The sticky bar background color automatically matches the container surface using the bg-consumer system.

  BREAKING: Removed the main header class from the Header component. Custom styles that target this class should be updated to target the component sections that remain.

  Affected components: Header

Patch Changes

• 3846774: Added missing dependencies that were previously only available transitively.

• e8a1a35: Added isPending prop to Alert, Button, ButtonIcon, Table, and TableRoot as a replacement for the loading prop, aligning with React Aria naming conventions. The loading prop is now deprecated but still supported as an alias. CSS selectors now use data-ispending instead of data-loading for styling pending states; data-loading is still emitted for backward compatibility but will be removed alongside the loading prop.

  Affected components: Alert, Button, ButtonIcon, Table, TableRoot

• 37535b2: Added a public --bui-bg-inherit CSS variable that resolves to the background
  color of the nearest enclosing bg provider (Box, Flex, Grid, Card,
  Accordion, or any element with a data-bg attribute), falling back to
  --bui-bg-app. Use it from CSS for sticky or fixed elements that need to match
  their surrounding surface without hardcoding a specific level.

  .searchBarContainer {
    position: sticky;
    top: 0;
    background-color: var(--bui-bg-inherit);
  }

  As part of this change, the data-bg painting rules previously duplicated in
  Box, Flex, Grid, Accordion, and Card have been centralized into a
  single source in core.css. Painting and component behavior are unchanged for
  all existing usages, with one minor expansion: any element with a data-bg
  attribute (including provider elements and any element that sets it directly)
  is now painted, not only Box/Flex/Grid/Card/Accordion elements.

• e2d9831: Tightened React Aria dependency version ranges from ^ to ~ to prevent unintended minor version upgrades.

• e7fc79f: Added support for grouping options into sections in the Select component. You can now pass section objects with a title and a nested options array alongside (or instead of) regular options to render grouped dropdowns with section headers.

  Affected components: Select

• 76635ae: Disabled Card scroll shadow in browsers that don't support animation-timeline: scroll(). Prevents the shadow from being always visible over the CardBody when there's nothing to scroll or the body is not scrolled.

  Affected components: Card

• de75f7c: Fixed CardBody showing an unwanted scrollbar when constrained below the scroll shadow height.

  Affected components: Card

• a42766e: Fixed dark mode background for Dialog component by correcting the theme attribute selector from data-theme to data-theme-mode.

  Affected components: Dialog

• c6fc76f: Fixed an issue where the active tab indicator would disappear shortly after page load for uncontrolled Tabs.

  Affected components: Tabs

• 5520e07: Updated field components to grow within flex layouts instead of forcing their width to remain fixed.

• 11699ac: Updated PasswordField to visually match TextField, including consistent focus rings, error states, disabled appearance, and background colour behaviour.

  Affected components: PasswordField

• d1be10c: Updated React Aria dependencies to v1.17.0 and migrated imports from individual @react-aria/* and @react-stately/* packages to the monopackages (react-aria, react-stately). This fixes a type resolution error for @react-types/table that occurred in new app installations.

• c96e2b3: Added description, tags, and metadata props to the Header component. The description prop accepts a markdown string with support for inline links. The tags prop renders a row of text or link items above the title. The metadata prop renders key-value pairs below the description. The breadcrumbs prop has been deprecated and will be removed in a future release.

  Affected components: Header

• 4bb649d: Fixed Table with row selection creating phantom scroll height on ancestor elements by establishing a containing block for visually-hidden checkbox inputs.

  Affected components: Table, TableRoot

• f635139: Limited @remixicon/react dependency to versions below 4.9.0 due to a license change in that release.

• 5b85902: Fix Card href=... not showing a focus indicator on keyboard navigation. Link now composes useFocusRing, emits data-focus-visible, and renders a --bui-ring outline when keyboard-focused. The Card's existing focus-ring CSS matches when the trigger is focused.

  Affected components: Card, Link

• 23ee789: Added invalid-state styling for Checkbox and corresponding Storybook variants for verification.

  Affected components: Checkbox, CheckboxGroup

• 38bb056: Adjusted PluginHeader spacing and borders so headers with and without tabs align more consistently with surrounding page content, including when paired with page headers.

  Affected components: PluginHeader, Header

• df705bb: Fixed external URLs in BUI link components being rewritten as in-app paths when the app is served under a non-root base path. Absolute URLs (http://, https://, //, mailto:, tel:) are now passed through unchanged. Internal href values are resolved against the current basename exactly once, which also fixes a latent issue where internal link clicks under a non-root base path could navigate to a URL with the basename prefix doubled.

  Affected components: ButtonLink, Card, Link, Menu, Tab, Table, Tag

• 3e0ff6c: Added container alignment to Header sections so tags, title actions, descriptions, metadata, and tabs use the same width as surrounding page content.

  Affected components: Header

• b67a862: Updated Storybook development tooling for @backstage/ui to version 10.4.

• d726bcd: Added new DatePicker component — combines a date field and a calendar popover for selecting a date, built on React Aria with full keyboard and screen reader accessibility. Uses BUI design tokens throughout, including auto-incremented backgrounds via the bg consumer pattern.

  Affected components: DatePicker

• 401916d: Added new DateRangePicker component — combines two date fields and a calendar popover for selecting a date range, built on React Aria with full keyboard and screen reader accessibility. Uses BUI design tokens throughout, including auto-incremented backgrounds via the bg consumer pattern.

• 25909ba: Added searchDebounceMs and filterDebounceMs options to useTable in complete mode. Both default to 0 (no debounce, no observable change for existing consumers); set them to defer the client-side filter/search/sort pipeline on large datasets without reimplementing input-layer debouncing. The controlled search / onSearchChange and filter / onFilterChange callbacks continue to fire on every change.

  Affected components: Table

• ddca41f: Added a new Combobox component. It pairs a text input with a filterable dropdown of options and supports single selection, sectioned options, icons, sizes, and custom typed values via allowsCustomValue.

  Affected components: Combobox

---

Configuration

📅 Schedule: (UTC)

• Branch creation
  • At any time (no schedule defined)
• Automerge
  • At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.