asana-tokens.txt

Asana token naming proposal

1. Sentiment: default/neutrals, success, warning, danger, upsell, selected, beta, information
2. Usage: background, text, icon, border
3. Prominence: default, weak, medium, strong
4. Interaction: default, hover, active, disabled

[sentiment-][usage][-prominence][-interaction]

- Stored as Figma color styles
- Grouped by sentiment
- Can omit `default` optionally
- Examples:

warning-background-strong
selected-text-default-hover
selected-background
selected-background-hover
selected-text
selected-text-hover

Neutrals

text, text-weak -disabled
background, background-medium, background-strong, background-hover, background-active
border, border-strong, border-hover, border-active
icon, icon-hover

Success, Warning, Danger

text, text-hover
background, background-hover, background-active
border, border-hover
icon, icon-hover

Selected

text, text-hover, text-strong
background, background-hover, background-active
background-strong, background-strong-hover, background-strong-active
border
icon

Beta

text, text-weak
background, background-weak, background-strong, background-hover
border, border-hover
icon, icon-hover