Motion tokens define shared durations and easing curves used by interactive design-system components.
| Token | Value | Usage |
|---|---|---|
--duration-fast |
140ms |
Hover and focus feedback. |
--duration-base |
220ms |
Standard component transitions. |
--duration-slow |
300ms |
Expand/collapse transitions. |
--duration-toast-dismiss |
200ms |
Toast dismiss animation. |
--ease-standard |
cubic-bezier(0.2, 0.8, 0.2, 1) |
Default UI easing. |
--ease-out |
ease-out |
Revealing or dismissing content. |