Transitions
Production uses Chakra's default transition durations and easing. These are the three it relies on.
| Token | Value | Use case |
|---|---|---|
| duration-fast | 150ms | Hover and focus changes |
| duration-normal | 200ms | Production default — body background transition, state changes |
| duration-slow | 300ms | Drawers, accordions and larger motions |
| ease-default | cubic-bezier(0.4, 0, 0.2, 1) | All transitions |