design-system-tokens: v4.1.0

4.1.0 (2026-06-23)

Features

• Calendar: Add Calendar component (#2659) (03e51f3)
• Date Picker: Add Date Picker component (#2660) (b7c5a10)
• Decrease font weight for all bold text (#2647) (d0bac44)
• Dialog, Grid Cell, Page: Add containment context to allow container-based layouts (#2562) (7e4fc6a)
• Pagination: Add tokens and elements for theming, active state, ellipsis, and relative-link (#2690) (f1ad13a)
• Table of Contents: Make items with nested lists optionally collapsible (#2584) (cf6871b)

Bug Fixes

• Switch: Keep the track border visible in forced colors mode (#2656) (b402c31)
• tokens: Restore real values to deprecated tokens (#2707) (6363654)

design-system-react: v4.2.0

4.2.0 (2026-06-23)

Features

• Calendar: Add Calendar component (#2659) (03e51f3)
• Date Picker: Add Date Picker component (#2660) (b7c5a10)
• Pagination: Add tokens and elements for theming, active state, ellipsis, and relative-link (#2690) (f1ad13a)
• Progress List: Add controlled collapsed prop to Step (#2551) (440a1fa)
• React: Make all link components work with routing libraries (#2687) (02e4f10)
• Table of Contents: Make items with nested lists optionally collapsible (#2584) (cf6871b)

Bug Fixes

• deps: Bump @babel/runtime from 7.29.2 to 7.29.7 in the patch-and-minor-dependencies group (#2650) (957f17f)
• Enforce React hooks rules and fix violations across components (#2638) (6330c91)
• File List: Correct forwarded ref type (#2680) (9ab7668)
• Logo: Apply proprietary licence to generated brand logo components (#2689) (fe3e4d2)
• Logo: Keep logo clear of the clipping edge to prevent cut-off (#2683) (b6cccd6)
• Page Header, Pagination: Use stable default link components (#2705) (fe87d54)
• Pagination: Generate a unique fallback id for the accessible name (#2692) (54f4db9)
• React: Type forwarded refs as HTML elements (#2643) (466625d)

design-system-react-icons: v2.1.0

2.1.0 (2026-06-23)

Features

• assets: Add new icons for bridge, litter bin, market stall, refresh, rotate, speech balloon, theatrical masks, and zoom (#2697) (c298468)
• Icon: Add double backward and forward chevron icons (#2658) (ec67467)

Bug Fixes

• build: Disable rpt2 rolling cache to prevent ENOENT on parallel builds (#2481) (1026123)

design-system-css: v4.2.0

4.2.0 (2026-06-23)

Features

• Calendar: Add Calendar component (#2659) (03e51f3)
• Date Picker: Add Date Picker component (#2660) (b7c5a10)
• Description List: Use container width instead of viewport to switch orientation (#2539) (144f229)
• Dialog, Grid Cell, Page: Add containment context to allow container-based layouts (#2562) (7e4fc6a)
• Dialog: Improve inner and outer borders in forced colors mode (#2645) (9b06204)
• Pagination: Add tokens and elements for theming, active state, ellipsis, and relative-link (#2690) (f1ad13a)
• Table of Contents: Make items with nested lists optionally collapsible (#2584) (cf6871b)
• Table, Table Page: Document caption requirement & add inline sorting controls demo (#2646) (76eb785)

Bug Fixes

• Progress List: Show dashed connector for collapsed current step with substeps (#2673) (2de7762)
• Switch: Keep the track border visible in forced colors mode (#2656) (b402c31)
• tokens: Restore real values to deprecated tokens (#2707) (6363654)

design-system-assets: v2.4.0

2.4.0 (2026-06-23)

Features

• assets: Add new icons for bridge, litter bin, market stall, refresh, rotate, speech balloon, theatrical masks, and zoom (#2697) (c298468)
• Icon: Add double backward and forward chevron icons (#2658) (ec67467)

Bug Fixes

• Logo: Keep logo clear of the clipping edge to prevent cut-off (#2683) (b6cccd6)
• Remove obsolete font format files (.eot and .woff) (#2609) (db0dc6e)

design-system-tokens: v4.0.1

4.0.1 (2026-04-24)

Bug Fixes

• Grid: Set correct horizontal padding in Compact Mode (#2582) (049fa6c)

design-system-react: v4.1.0

4.1.0 (2026-04-24)

Features

• Table: Allow centering or right-aligning content of a Cell or Header Cell (#2587) (636eae7)

design-system-css: v4.1.0

4.1.0 (2026-04-24)

Features

• Table: Align Header Cells to the bottom (#2583) (27f5d26)
• Table: Allow centering or right-aligning content of a Cell or Header Cell (#2587) (636eae7)

Bug Fixes

• Field Set: Don’t grow beyond container width for wide inputs or textareas (#2581) (3cb786a)

design-system-tokens: v4.0.0

4.0.0 (2026-04-20)

⚠ BREAKING CHANGES

• Remove deprecated tokens, classes and components for v4.0.0 (#2549)
• Grid, Page: Make Page grey and Grid Cell white in Compact Mode (#2398)

Features

• Grid, Page: Make Page grey and Grid Cell white in Compact Mode (#2398) (6b5bb5b)
• Introduce Tab Navigation component (#2552) (1d6e0a3)
• Table: Add whitespace below Caption (#2515) (092c0ff)
• tokens: Introduce vi- prefix for viewport-dependent component tokens (#2502) (90c19da)

Deprecations

The following deprecated tokens have been removed:

• ams.accordion.button.font-family, ams.accordion.button.font-size, ams.accordion.button.font-weight, ams.accordion.button.line-height, ams.accordion.button.text-wrap, ams.accordion.panel.padding-block, and ams.accordion.panel.padding-inline.
• ams.checkbox.hover.text-decoration-thickness, ams.checkbox.rectangle.checked.disabled.hover.*, ams.checkbox.rectangle.checked.hover.disabled-invalid.*, ams.checkbox.rectangle.hover.disabled-invalid.*, ams.checkbox.rectangle.indeterminate.disabled.hover.*, and ams.checkbox.rectangle.indeterminate.hover.disabled-invalid.*.
• ams.color.link.secondary.
• ams.date-input.calender-picker-indicator.*, ams.date-input.disabled.calender-picker-indicator.*, and ams.date-input.hover.calender-picker-indicator.*.
• ams.heading.6.*.
• ams.icon.heading-0.* and ams.icon.heading-6.*.
• ams.menu.link.contrast.* and ams.menu.link.inverse.*.
• ams.page-heading.*.
• ams.standalone-link.hover.text-decoration-thickness, ams.standalone-link.hover.text-underline-offset, and ams.standalone-link.with-icon.*.
• ams.table-of-contents.heading.*.
• ams.time-input.calender-picker-indicator.*, ams.time-input.disabled.calender-picker-indicator.*, and ams.time-input.hover.calender-picker-indicator.*.
• ams.typography.heading.0.* and ams.typography.heading.6.*.

The following tokens have been deprecated and will be removed on or after 2026-10-20:

• ams.description-list.column-gap, ams.description-list.row-gap, ams.description-list.narrow.grid-template-columns,
  ams.description-list.medium.grid-template-columns, and ams.description-list.wide.grid-template-columns
• ams.dialog.medium.inline-size, ams.dialog.medium.max-block-size,
  ams.dialog.header.medium.padding-block, ams.dialog.header.medium.padding-inline, ams.dialog.body.medium.padding-inline,
  ams.dialog.footer.medium.padding-block, ams.dialog.footer.medium.padding-inline
• ams.grid.medium.column-count, ams.grid.medium.padding-inline, ams.grid.wide.column-count, and ams.grid.wide.padding-inline
• ams.menu.wide.max-inline-size, ams.menu.wide.padding-block, ams.menu.wide.padding-inline, and ams.menu-link.wide.gap
• ams.page-footer.menu.medium.padding-inline, ams.page-footer.menu.wide.padding-inline
• ams.page-header.menu.medium.padding-inline, ams.page-header.menu.wide.padding-inline
• ams.progress-list.step.medium.gap, ams.progress-list.substeps.step.indicator.medium.margin-inline-end, and ams.progress-list.step.medium.gap

For tokens containing *.medium.* and *.wide.*, replace them with *.vi-medium.* and *.vi-wide.*.

design-system-react: v4.0.0

4.0.0 (2026-04-20)

⚠ BREAKING CHANGES

• Remove deprecated tokens, classes and components for v4.0.0 (#2549)
• Grid, Page: Make Page grey and Grid Cell white in Compact Mode (#2398)
• Icon: Require an actual svg element for the svg prop (#2433)
• Progress List: Make collapsing and expanding steps optional (#2538)

Features

• Accordion: Rename expanded prop of Section to defaultExpanded (#2550) (fa05b6e)
• Grid, Page: Make Page grey and Grid Cell white in Compact Mode (#2398) (6b5bb5b)
• Grid: Add ‘flush’ appearance to Grid Cell (#2536) (75bdb6b)
• Grid: Allow cells to span multiple rows (#2537) (a6c8ce0)
• Icon: Require an actual svg element for the svg prop (#2433) (92cb191)
• Progress List: Make collapsing and expanding steps optional (#2538) (9b4f489)
• Introduce Tab Navigation component (#2552) (1d6e0a3)

Deprecations

The following deprecated API has been removed:

• The PageHeading component. Use a Heading instead.
• The color prop of Menu.Link.
• The size value level-6 of Heading. Use level-5 instead.
• The size values heading-0 and heading-6 of Icon. Use heading-1 and heading-5 instead.
• The headingLevel value 1 of Accordion. Use 2, 3, or 4 instead.
• The visuallyHiddenLabel, visuallyHiddenLabelId, nextVisuallyHiddenLabel, and previousVisuallyHiddenLabel props of Pagination. Use accessibleName, accessibleNameId, nextAccessibleName, and previousAccessibleName instead.

The following API has been deprecated and will be removed on or after 2026-10-20:

• The expanded prop of Accordion.Section. Use defaultExpanded instead.