Дизайн-система

Переиспользуемые примитивы в src/ui/. Новый UI сначала попадает сюда, затем — в лендинги и global chrome.

Типографика

Заголовок уровня 1

Заголовок уровня 2

Заголовок уровня 3

Заголовок уровня 4

Lead для вступления секции.

Body для описаний и поясняющего текста.

Muted для второстепенных деталей.

Label

Экшены

Стандартные пропсы: color и variant. Все цвета — из pipetype-theme.css.

Primary

Secondary

Accent

Warning

Destructive

Neutral

Карточки

Primary

Контент карточки на токенах темы для surface и border.

Secondary

Контент карточки на токенах темы для surface и border.

Accent

Контент карточки на токенах темы для surface и border.

Warning

Контент карточки на токенах темы для surface и border.

Destructive

Контент карточки на токенах темы для surface и border.

Neutral

Контент карточки на токенах темы для surface и border.

Warning card

Мягкая warning-поверхность для callout.

Outline card

Теги

PrimarySecondaryAccentWarningDestructiveNeutral
Метка секцииМетка секцииМетка секции
SolidOutlineGhostSoft

Points