📍Convert design tokens to JSON and CSS variables

brunerae commented 1 year ago

Convert all USWDS tokens to JSON.

Why

Make USWDS more extensible.
Create a single source of truth across repos.
Simpler value lookup.
Create potential for better search in docs.

2 months

[x] uswds/uswds#5439
[x] uswds/uswds#5437
[ ] uswds/uswds#5506
[x] uswds/uswds#5507
[ ] Prototype semantic token
[ ] Prototype component token

4 months

[ ] uswds/uswds-team#307
[ ] Convert JSON tokens to SCSS
[ ] Create token library proof of concept

6 months

[ ] Export tokens in package.json
[ ] Convert theme and state tokens to JSON
[ ] Build out token library

8 months

[ ] Site uses token JSON data
[ ] Prototype CSS variables from tokens

mpaiva commented 11 months ago

@brunerae - any updates on this ticket. We are doing similar effort in our project, extending the USWDS to JSON tokens and CSS custom properties. Our hope is to contribute with a PR once the work is done, but if you are working on this, any chance we could arrange a call to compare notes and collaborate?

@mzebley - adding you for context.

amyleadem commented 11 months ago

@mpaiva Thanks for reaching out! We would love to have a conversation with you about this. Can you reach out via uswds@gsa.gov to set up a time to chat?

brunerae commented 7 months ago

Archiving in favor of https://github.com/uswds/uswds/issues/5462

uswds / uswds-team