department-of-veterans-affairs / va-mobile-library

https://department-of-veterans-affairs.github.io/va-mobile-library/
ISC License
0 stars 0 forks source link

DS - Update file structure for semantic tokens #235

Closed narin closed 3 months ago

narin commented 3 months ago

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
narin commented 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.