Design SystemTokens
Taxonomia
Primitive → semantic → component no @ascend/tokens.
Primitive → Semantic → Component
(hex/scale) (roles) (toast, sidebar…)
↑ ↑
Product theme Mode (light/dark)Onde vive
- CSS canônico:
@ascend/tokens/css - Tipos e mapas TS:
@ascend/tokens(brandThemes,space,radius,motion,shadow)
Regras
- Nomes estáveis entre produtos. Só valores mudam.
- Componentes referenciam semantic (
bg-primary), nunca hex de produto. - Tokens de componente só quando semantic não basta.
- Novo produto = novo mapa de tema em tokens, sem copiar
@ascend/ui.