studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️(react) update token.ts to handles themes

Browse Source 
Some components were using wrong design tokens and this was noticed
only when changing themes, like using hard-coded "white" instead of
"greyscale-000".
This commit is contained in:
Nathan Vasse
2023-09-26 11:38:47 +02:00
committed by NathanVss
parent cce8eccf5b
commit e2c0d3259b
7 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/react/src/components/Forms/Select/index.scss
View File

@@ -58,6 +58,7 @@
margin: 0;
color: var(--c--components--forms-select--color);
font-size: var(--c--components--forms-select--font-size);
background-color: var(--c--components--forms-select--background-color);
}
}

4
packages/react/src/components/Forms/Select/tokens.ts
View File

@@ -18,8 +18,8 @@ export const tokens = (defaults: DefaultTokens) => ({
"item-color": defaults.theme.colors["greyscale-800"],
"item-color--disabled": defaults.theme.colors["greyscale-500"],
"item-font-size": defaults.theme.font.sizes.l,
"background-color": "white",
"menu-background-color": "white",
"background-color": defaults.theme.colors["greyscale-000"],
"menu-background-color": defaults.theme.colors["greyscale-000"],
"label-color--focus": defaults.theme.colors["primary-600"],
"multi-pill-background-color": defaults.theme.colors["greyscale-200"],
"multi-pill-border-radius": "2px",