design-language-system@v5.3.2

1. Dropdown component tokens update

• dropdown.icon.default has been renamed to dropdown.icon.primary [major change]
• Value of the dropdown.background.selected has been changed to interaction.background.primaryActive
• Value of the dropdown.background.category has been changed to interaction.background.neutralHover
• New dropdown.icon.secondary token
• New dropdown.border.default token

2. New tokens and tokens updates

• New interaction.border.light token for less prominent interactive borders
• New neutral.85 token to expand a neutral palette
• Value of the interaction.background.primaryHover has been changed to neutral.85

3. Hot-fix for a drawer shadow tokens
4. Fixed a bug where the background of a disabled checkbox had the same color as the table row hover color

design-language-system@v5.3.0

Release Notes

Updates

• style-dictionary: 4.3.0 → 5.1.1
• vitest: 3.2.4 → 4.0.16
• Replaced ts-node with tsx for better ESM support (no tsconfig changes needed)
• Updated CI workflow to use Node.js 22.0.0
• Addressed security fixes
• All devDependencies updated to latest versions

See #105 for more details

Removed

• Storybook and React dependencies (tokens available in Cloud Manager dev tools)
• Removed GitHub Pages workflow (was only for Storybook deployment)

Added

• CONTRIBUTING.md guide for contributors

Note for Contributors

• Node.js 22.0.0+ is now required for local development (does not affect consuming applications)

design-language-system@v5.2.0

Change:

• 🔔 Removed the denseLight and denseDark themes. These were never used or intended to be used yet.

New recommendation alias tokens:

• Added icon, background, border, and accent alias tokens
• Added badge and notification banner component tokens

New accent alias tokens:

• Introduced tertiary, tertiary.hover and tertiary.active alias tokens

New component tokens

• Added Container tabs component tokens
• Added KPI widget component tokens
• Added Tertiary button component tokens
• Added recommendation Badge and Notification banner component tokens

PR: #102

design-language-system@v5.1.0

✨ New Features

• New elevation tokens for a Drawer component to support top/bottom placement
• New Filter component tokens

PR: #99

design-language-system@v5.0.0

🔄 Breaking Changes

Interaction Background Tokens Renamed

The interaction.background.* tokens have been renamed to follow a more consistent naming convention. This is a breaking change that requires updating any code that references the old token names.

Token Mapping (Old → New):

• interaction.background.elevated → interaction.background.primaryHover
• interaction.background.rangeHover → interaction.background.secondaryHover
• interaction.background.accent → interaction.background.secondaryActive
• interaction.background.activeDateHover → interaction.background.tertiaryHover
• interaction.background.active → interaction.background.tertiaryActive

New Token Added:

• interaction.background.primaryActive - Used for selected states in dropdown items, list items, etc.

Table Header Icon Tokens Restructured

Major breaking change: Table header icon tokens have been restructured for better consistency and clarity.

Changes:

• Sort icon tokens now use separate icon.default, icon.hover, and icon.active tokens under each table header type
  • Table.HeaderNested.Icon → Table.HeaderNested.Icon.Default, Table.HeaderNested.Icon.Hover, Table.HeaderNested.Icon.Active
• Info icon no longer uses alias tokens, but table component tokens instead
• Icon-only table headers now use alias.content.icon.primary token

✨ New Features

• Tile Component: New component tokens added for the Tile component
• Drawer Component: New elevation tokens added for the drawer component

🔧 Migration Guide

To update your code, replace all references to the old interaction background token names with the new ones according to the mapping above. For table components, update icon token references to use the new structured approach.

PRs:
#93

design-language-system@v4.2.1

Dependencies & Security:

• Updated to "vitest": "^3.2.4"

PRs:

• #97

design-language-system@v4.2.0

Dependencies & Security:

• Updated to "vite": "^6.2.7"

PRs:

• #94

design-language-system@v4.1.0

Changes

Performance

• Use slice instead of replace

Dependencies & Security:

• Updated to "vite": "^6.2.4",
• Updated to "tsup": "^8.4.0",
• Added resolution in package.json to enforce esbuild 0.25.0+

PRs:

• #90
• #91

design-language-system@v4.0.0

Changes

• [BREAKING] New spacing token structure
  • Added new transformer spacingPxToRem.ts with tests
• Updated table header styling for improved readability
• [BREAKING] Updated breadcrumb token structure
• [BREAKING] Updated badge token structure
• Integrated Vitest testing infrastructure
  • New test and test:watch scripts
  • Upgraded Vite to latest version 6.1.1
• statusIcon in secondary notification banner now uses alias.content.icon.secondary.default token
• alias.border.neutral token now connected to global.neutral.50 global token in both modes

Added

• Added Multi-select tokens for Segmented buttons: divider and activeHover

PRs: #84, #86

design-language-system@v3.0.0

Changes

• [BREAKING]: New structure for footer link tokens. globalFooter.hover has been moved under the new Link property globalFooter.link.hover.
• Changed the background token for the Global Footer component from alias.background.base to alias.background.neutral.
• Changed the default and hover content tokens to alias.content.text.primary.default and alias.content.text.link.hover.

Added

• Added a new border token for the Global Footer component.

PRs: #81, #83