⚠️ Warning: In active development and not ready for testing or usage
Adds a new motion.duration.2xl token (1000ms) for prolonged loading animations
Simplifies motion.easing.decelerate and motion.easing.accelerate to ease-out and ease-in respectively, matching CSS keyword defaults
Refines the blue palette with custom contrast ratios for smoother progression across the 12 steps
Swaps the default accent pairing: color.accent is now {color.orange.800} and color.accent.secondary is {color.orange.700}; color.text.on-secondary flips to {color.neutral.100} so secondary buttons read on the darker orange
Updates color.brand.onninen-teal to match what’s used online for better contrast
Adds a new brand theme with its own accent, radius, space and dark-mode
Adds text-link to the list of themeable tokens, so brands can override inline link color independently from accent
Makes color.accent.secondary and color.text.on-secondary optional per theme
Carries radius and space theme overrides into dark mode automatically, so brands only need to declare them once
Updates the dark-mode mirror rule to defer neutral tokens to dark.yaml rather than auto-swapping them, keeping text-on-surface tokens visually consistent across modes
For updated documentation, view design tokens
Release date 21.4.2026