Tokens
292 tokens do design system TRDR — primitivos, semânticos e scale.
Ações
| Token | CSS Variable | Valor Dark | Valor Light | |
|---|---|---|---|---|
action.brand.defaultBotão primário — CTA principal | --action-brand-default | #3D99FF | #0066FF | |
action.brand.hoverHover do botão primário | --action-brand-hover | #1E82FF | ||
action.brand.activeEstado pressionado do botão primário | --action-brand-active | #0066FF | ||
action.brand.disabledBotão primário desabilitado | --action-brand-disabled | rgba(0,82,204,0.16) | ||
action.brand-inverse.defaultBotão sobre fundo azul | --action-brand-inverse-default | #FFFFFF | ||
action.secondary.defaultBotão secundário — ação neutra | --action-secondary-default | #4A4A4A | #D2D2D2 | |
action.secondary.hoverHover do botão secundário | --action-secondary-hover | #777777 | ||
action.secondary.activeEstado pressionado do botão secundário | --action-secondary-active | #A4A4A4 | ||
action.tertiary.defaultBotão roxo — ação terciária / FigJam | --action-tertiary-default | #7C4DFF | ||
action.tertiary.hoverHover do botão terciário | --action-tertiary-hover | #6200EA | ||
action.destructive.defaultBotão destrutivo — laranja (aviso forte) | --action-destructive-default | #F57C00 | ||
action.destructive.hoverHover do botão destrutivo | --action-destructive-hover | #FF6400 |