Iâm brushing up on my design token learning and applying it to my design system. Is someone able to correct me on this if I'm wrong?
So Iâm redoing my design system variables because I realized I did something wrong. What is the correct naming convention? Letâs go by âtextâ
Text color tokens are what I am redoing.
Â
Heading (Disregard this, just a placeholder)
Text/Heading/Primary
Text/Heading/Secondary
Â
Body (ââ)
Text/Default/Primary
Text/Default/Secondary
Â
Label [Button]
Text/Label [Button]/Primary/Default-Hover-Focused
Text/Label [Button]/Primary/Disabled
Â
Text/Label [Button]/Secondary [Outlined]/Default
Text/Label [Button]/Secondary [Outlined]/Hover
Text/Label [Button]/Secondary [Outlined]/Clicked
Text/Label [Button]/Secondary [Outlined]/Disabled
Â
Text/Label [Button]/Link/Default
Text/Label [Button]/Link/Hover
Text/Label [Button]/Link/Clicked
Text/Label [Button]/Link/Disabled
Â
FYI: I have displayed 2 modes, âlightâ and 'dark', instead of making an ââŚ/âŚ/invertedâ token since it would be redundant.
Â
Are these correct, or am I doing them wrong?
