Canvas design token infrastructure
Home Page: https://workday.github.io/canvas-tokens/
License: Other
Canvas design token infrastructure
This repository builds design tokens for various platforms and formats.
Contributions are welcome! Please read our Contributing Guidelines doc to learn more.
If you're a maintainer, you'll want to read our Maintainer Guidelines doc to learn more about this repository and our processes.
Workday Canvas Token packages are licensed under the Attribution-NoDerivatives 4.0 International License.
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Now style dictionary builds all files for all platforms at the same time, but we can make this build separated for each platform, language and token level.
It will allow us to update only changed files instead of all.
Canvas Kit Styling is bigger than we originally anticipated. It feels like it doesn't fit well in our current Storybook IA. This spike should help us answer:
Make a recommendation to the team on where Canvas Styling documentation should live, what content it should include, and how it should be structured.
Mobile is looking to use our tokens package. We need to explore how we would build our tokens for Android & iOS comsumption
What are the requirements for Mobile?
What format do they need to ingest our tokens?
Can we make a new package canvas-tokens-mobile or do we need canvas-tokens-[andoid/ios] ?
Create a plan on how we will release canvas-tokens-[mobile]
Launch an alpha release of the new system color tokens
provide early access to the new system color tokens
Find CK actions that can be reused by canvas-tokens and how we need to change them to be able to reuse.
Possible actions:
canvas-tokens?Add documentation to help consumers understand how to use our token packages in their applications.
Good documentation makes it easier for consumers to use our tokens.
Add documentation for:
Developers need a guide to help them migrate from our old tokens in @workday/canvas-kit-react/tokens to @workday/canvas-tokens-web. Let's create a discussion for it.
Token parser and sync script are both doing filtering and initial transform of tokens.
We need to validate if it's possible to combine them or have stricter understanding what they doing.
It will make code base more understandable and cleaner.
Add GitHub actions for pull request automation
Run tests in CI to make sure everything is good before merging.
Found a way to reuse our transformers to help consumers to generate files with tokens based on their json
Add the next actions:
The build, clean and release scripts need some adjustments.
We need to make a handful of developer-focused improvements to make canvas-tokens-web easier to use.
dist.
@workday/canvas-tokens-web/css/_variables.css instead of /dist.2rem (32px) for space.x8.
Helping developers transition to the new tokens will reduce frustration.
Add as const to *.d.ts files
This will enable static parsing of styles as well as better type ahead support
Publish our first version of @workday/canvas-tokens-web
Let's get an initial release of Canvas Tokens Web out so we can test what works and what doesn't.
Replace release action to canvas-kit-actions repo and use it as composite.
Less code for different releases.
Add figma only tokens to filter to exclude them from config on sync
Figma only tokens shouldn't be in the web token config
Add infrastructure to publish our tokens to npm and tag releases.
CI / CD actions reduce opportunities for error and the cost of maintaining our tokens.
The hex values for pomegranate 200 and berry smoothie 200 are incorrect.
Opacity 400 and 500 also need to be adjusted.
Add Storybook for @workday/canvas-tokens-web.
Storybook allows us to organize and understand the output of our token transformations. It also creates an environment for our visual regression tests.
Update our current PR template to match that we have in Canvas Kit
We need a consistency across Canvas repos to have opportunity to use sharable GH actions
Add forward merge action as we have for canvas-kit repo
It will be easier to keep branches up to date.
Script PR has been merged before branch has been synched. Now it generates old version of main index files.
Set up visual regression tests with Chromatic. This is dependent on #1.
Visual regression tests will help us make sure we don't unintentionally break something while updating our tokens.
The GitHub release action takes an incorrect changeset body to generate a release changelog
Changeset body is the same that we have for packages.
Use non modified text.
The canvas-tokens-web package.json references "commonjs" while the path is "common-js". This causes Jest tests to fail on a module resolution error.
We need to add workflow to merge PR by adding automerge label
We need PR check action to be similar to what we have in CK.
Action validates:
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.