Движение
Длительности и кривые, и одно правило, которое закрывает остальное: система уважает «уменьшить движение» целиком, одним блоком в базовом слое, а не покомпонентно.
- Там, где настройка меняет не скорость, а сценарий — карусель стоит не ускорить, а не запускать, — компонент читает
matchMediaсам.
Движение
| Токен | Значение | Роль |
|---|---|---|
--gr-duration-fast--gr-duration-fast | 150ms | Базовая длительность анимации fast для transitions и state changes. |
--gr-duration-base--gr-duration-base | 200ms | Базовая длительность анимации base для transitions и state changes. |
--gr-duration-slow--gr-duration-slow | 300ms | Базовая длительность анимации slow для transitions и state changes. |
--gr-ease-out--gr-ease-out | cubic-bezier(0.16, 1, 0.3, 1) | Кривая ускорения out для motion-паттернов дизайн-системы. |
--gr-ease-in--gr-ease-in | cubic-bezier(0.7, 0, 0.84, 0) | Кривая ускорения in для motion-паттернов дизайн-системы. |
Источник: @feugene/granularity 0.41.0, tokens/*.json