Палитра
Временная страница для проверки токенов и компонентов. Разбита на табы, слаг таба — в пути: перезагрузка (в том числе HMR) оставляет на текущем. Таб-бар — наш жеFilterChips.
PrimaryButton
Размеры
Кнопка и ссылка
Состояния
Иконки
Размер здесь задаёт кнопка, а не иконка: .btn__icon держит глиф на1.15em, чтобы он ехал за кеглем строки. Проп size уIcon в этом слоте перебивается — так и задумано.
Во всю ширину
SecondaryButton
Solid и ghost
Состояния
Рядом с основной
Tone «quiet» и контекст поверхности
Разметка обеих кнопок ниже идентична — отличается только подложка, на которой они лежат. Заливка приезжает из контекста, как в макете: на странице кнопка светлее фона, в поднятом блоке — темнее.
data-surface="page"data-surface="raised"Ховер интерактивного текста — три кандидата
Наведите на каждый. Сейчас в компонентах живёт третий вариант; первые два оставлены рядом для сравнения. В скобках — контраст текста на этой подложке (порог AA — 4.5:1).