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

💄(react) make inputs labels bolder

Browse Source 
The current labels of radio, checkbox and switches were not bold enough
to match the figma sketches.
This commit is contained in:
Nathan Vasse
2023-05-17 15:18:46 +02:00
committed by NathanVss
parent eb6692bf5e
commit e72606cfcd
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/unlucky-parrots-grab.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": minor
---
make inputs labels bolder

2
packages/react/src/components/Forms/Checkbox/tokens.ts
View File

@@ -3,7 +3,7 @@ import { DefaultTokens } from "@openfun/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({ export const tokens = (defaults: DefaultTokens) => ({
"background-color--hover": defaults.theme.colors["greyscale-200"], "background-color--hover": defaults.theme.colors["greyscale-200"],
"font-size": defaults.theme.font.sizes.m, "font-size": defaults.theme.font.sizes.m,
"font-weight": defaults.theme.font.weights.medium, "font-weight": defaults.theme.font.weights.bold,
color: defaults.theme.colors["greyscale-900"], color: defaults.theme.colors["greyscale-900"],
"border-color": defaults.theme.colors["greyscale-300"], "border-color": defaults.theme.colors["greyscale-300"],
"border-radius": "2px", "border-radius": "2px",