Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Tracking] Design Tokens #27

Open
4 of 10 tasks
laurenbarker opened this issue Apr 20, 2020 · 0 comments
Open
4 of 10 tasks

[Tracking] Design Tokens #27

laurenbarker opened this issue Apr 20, 2020 · 0 comments
Labels
🔑 tokens Issues and work related to Design Tokens

Comments

@laurenbarker
Copy link
Collaborator

laurenbarker commented Apr 20, 2020

Overview

What

Add design-tokens package to the UI Repo.

Why

Ensure brand styles (colors, spacing, typography, etc.) can be included in all of our user facing apps while maintaining a single source of truth.

Foundation steps

Follow-up steps

Adding tokens

Manually add our brand styles in JSON format in a similar format to base.json in the prototype (link in design doc)
* To begin with, the brand styles to include are the variables currently defined in CC
* Each category of token (color, grid, etc.) will require a different level of organization. Wunderzin’s base.json provides some examples of tokens that have many variations.

Stylus

Stylus variables are the same as sass variables so I think we can just use the same formatter and change the filename that is output.

  • output tokens in stylus files

Generating files by category

If we decide that we want to split up the files by type, Wunderzin’s web build provides an example.

Use tokens in our apps

@nathanstilwell nathanstilwell added the 🔑 tokens Issues and work related to Design Tokens label Apr 23, 2020
dhartunian pushed a commit to dhartunian/ui that referenced this issue Dec 11, 2020
Upgraded versions for packages:
- `node-fetch`
- `serialize-javascript`
- `yargs-parser`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🔑 tokens Issues and work related to Design Tokens
Projects
None yet
Development

No branches or pull requests

2 participants