Closed narin closed 3 months ago
Updated style-dictionary to support semantic and component tokens. Discussed file structure with @jessicawoodin and walked her through adding/updating tokens. Follow-up work to add semantic tokens to continue with ticket #236.
Description
Currently our color tokens are made up mostly of primitive tokens and some web semantic tokens and contained all in one file. As we add semantic tokens for mobile, we want to separate these files for better organization and easier import into Figma.
Acceptance Criteria
- [ ] Update style-dictionary build to separate tokens into primitive, dark, and light files - [ ] Tokens specific to light/dark mode should have `-on-light` `-on-dark` suffixes - [ ] Update style-dictionary to output files for both JS and Figma - [ ] Show @jessicawoodin how to add/update tokens