Icons
Biblioteca vanilla Lucide para uso no site e em exemplos do DS, mantendo SVGs de stroke com tokens semânticos de iconografia. Vanilla Lucide library for the DS site and examples, keeping stroke SVGs driven by semantic iconography tokens.
ContratoContract
Ícone é recurso compartilhado, não componente finalIcon is a shared resource, not a final component
Use semantic.icon.* para a biblioteca e exemplos isolados. Dentro de componentes finais, use sempre o token Component da anatomia, como button/content/color/brand/default, select/icon/color/default ou alert/icon/color/success/default.
Use semantic.icon.* for the library and standalone examples. Inside final components, always use the anatomical Component token, such as button/content/color/brand/default, select/icon/color/default, or alert/icon/color/success/default.
| Aspecto | Token | Uso |
|---|---|---|
| Color | semantic.icon.color.* | Stroke/fill de ícones de biblioteca, sem reutilizar tokens de borda.Library icon stroke/fill, without reusing border tokens. |
| Size | semantic.size.sm/md/lg | Escala compartilhada: 20, 24 e 32px; 16px usa foundation.dimension.16.Shared scale: 20, 24, and 32px; 16px uses foundation.dimension.16. |
| Stroke width | semantic.icon.stroke-width.{regular,strong}.{size} | Peso de linha por tamanho; strong existe para acompanhar textos bold ou estados críticos.Line weight by size; strong exists to pair with bold text or critical states. |