Скругления
Девять радиусов, и один из них — радиус контрола: значение, которым кнопка, поле и селект держатся одной семьёй. Меняется оно — меняется весь набор контролов сразу.
Формы: радиусы и совместимые алиасы
| Токен | Значение | Роль |
|---|---|---|
--radius--radius | 0.5rem | Совместимый alias базового радиуса для интеграций, ожидающих shadcn-style token contract. |
--gr-radius-none--gr-radius-none | 0px | Радиус скругления none для углов компонентов и поверхностей. |
--gr-radius-xs--gr-radius-xs | 3px | Радиус скругления xs — микроэлементы: подсветка совпадения в поиске, кнопка очистки внутри контрола. |
--gr-radius-sm--gr-radius-sm | 4px | Радиус скругления sm для углов компонентов и поверхностей. |
--gr-radius-control--gr-radius-control | 6px | Радиус контрола и мелкой интерактивной детали внутри него: оболочка поля, чип, кнопка-крестик, фокус-кольцо ссылки, тултип слайдера. |
--gr-radius-md--gr-radius-md | 8px | Радиус скругления md для углов компонентов и поверхностей. |
--gr-radius-lg--gr-radius-lg | 12px | Радиус скругления lg для углов компонентов и поверхностей. |
--gr-radius-xl--gr-radius-xl | 16px | Радиус скругления xl для углов компонентов и поверхностей. |
--gr-radius-full--gr-radius-full | 9999px | Радиус скругления full для углов компонентов и поверхностей. |
Источник: @feugene/granularity 0.41.0, tokens/*.json