Purpose of PR

This PR expands the base scale values: radius-100: 4px (used to b border-radius-small) radius-200: 8px (used to b border-radius-medium, with 6px) radius-300: 12px radius-400: 16px radius-full: 999px

Additionally it introduces semantic tokens with the goal to create a harmonic combination of border radii. This is a first implementation of new tokens conventions.

The semantic tokens are scoped to component categories – called "element" in the above mentioned conventions. This PR introduces semantic border radii for the elements container (e.g. Card) and control (e.g. Button). Compositional Logic: Radius tokens for containers are derived by adding control radius and padding. This ensures visual alignment between inner and outer corners. Container Radius = Control Radius + Padding

Migration to the new tokens will require a follow up.

PR Checklist

[ ] I have read the relevant readme.md file(s)
[ ] All commits follow our Git commit message convention
[ ] Tests are added/updated/not required
[ ] Tests are passing
[ ] Storybook stories are added/updated/not required
[ ] Usage notes are added/updated/not required
[ ] Has been tested based on Contentful's browser support
[ ] Doesn't contain any sensitive information

Oct 31 '25 15:10 damann

⚠️ No Changeset found

Latest commit: 029c9bf75be4e32c33415541c333541ae14d787e

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR