-
Notifications
You must be signed in to change notification settings - Fork 734
Infra/ design tokens infra #1752
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
Conversation
src/style/designTokens.ts
Outdated
import {colorsPalette} from './colorsPalette'; | ||
|
||
export const designTokens = { | ||
...colorsPalette, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I wouldn't include the system colors palette in the tokens, It might be good for us to have a clear separation between the two objects in the future.
In the Colors class you can load the all together
src/style/colors.ts
Outdated
@@ -11,7 +12,7 @@ export class Colors { | |||
[key: string]: any; | |||
|
|||
constructor() { | |||
const colors = Object.assign(colorsPalette, themeColors); | |||
const colors = Object.assign(designTokens, themeColors); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
See my previous comment on separating between the tokens and colorsPalette, here you can join them together instead of include the colorsPalette in the tokens
src/style/colors.ts
Outdated
const colorObject = new TypedColors(); | ||
colorObject.loadColors(colorsPalette); | ||
colorObject.loadColors(designTokens); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
same here
Description
Add designTokens infra
Changelog
Add designTokens infra