Skip to content

CSS layers

Порядок слоёв фиксирован:

tokens → primitives → components → app

Импорт

ts
import '@shtabapp/ui-kit/styles.css'

Агрегат подключает все слои в правильном порядке. Гранулярно (порядок обязателен):

ts
import '@shtabapp/ui-kit-tokens/styles.css'
import '@shtabapp/ui-kit-primitives/styles.css'
import '@shtabapp/ui-kit/components.css'

Стили приложения — только в @layer app или unlayered после UI Kit, иначе reset может ломать компоненты (например overlap в SButtonGroup).

Контуры

Визуальные обводки runtime-компонентов — через outline, не border, для стабильной бокс-модели.