Tokens entre Bibliotecas
Como os tokens do HeroUI se alinham aos do shadcn/ui no adaptador da PrivateLab.
Equivalências
| HeroUI | shadcn | Observação |
|---|---|---|
--background / --foreground | --background / --foreground | Iguais. |
--surface | --card | --card-foreground aponta para --surface-foreground. |
--overlay | --popover | Menus e diálogos. |
--accent | --primary | Cor da marca. |
--surface-secondary | --secondary | |
--muted (texto) | --muted-foreground | --muted do shadcn (fundo) não existe aqui. |
--danger | --destructive | |
--border, --field-border | --input | --input aponta para --field-border. |
--focus | --ring | Anel de foco azul. |
--success, --warning, --link | sem equivalente | Só HeroUI. |
| sem equivalente | --chart-*, --sidebar-* | Só shadcn; --sidebar aponta para --chrome. |
Fonte
O adaptador é gerado a partir do DESIGN.md: veja a seção "shadcn adapter" em packages/ui/src/tokens.generated.css. Não edite esse arquivo à mão.