In order to make Auro components themeable, we need to make sure there are no hard-coded and correct semanticly named tokens within the component. There also needs to be investigation around border rules which have a combination of size and color tokens, making them more complex, as well as background-color and color rules.
Possible Solution
Work with designers to figure out what tokens need updated values or renamed.
Additional context
This work stems from theming work happening to all Auro components:
General Support Request
In order to make Auro components themeable, we need to make sure there are no hard-coded and correct semanticly named tokens within the component. There also needs to be investigation around
border
rules which have a combination of size and color tokens, making them more complex, as well asbackground-color
andcolor
rules.Possible Solution
Work with designers to figure out what tokens need updated values or renamed.
Additional context
This work stems from theming work happening to all Auro components:
Rules and tokens to be edited can be found in the comments.
Exit Criteria
All hardcoded values and tier 1 tokens (
brand
tokens), are removed and replaced by semanticly named tier 2 and 3 tokens