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

♻️(react) improve checkbox styling configuration

Browse Source 
Align design tokens of checkbox component with select component's
design tokens for consistent styling configuration.
This commit is contained in:
Lebaud Antoine
2023-06-06 10:07:07 +02:00
committed by aleb_the_flash
parent a0d737aaf8
commit 8cf2bb28e1
6 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react/src/components/Forms/Checkbox/index.scss
View File

@@ -52,7 +52,7 @@
input {
appearance: none;
margin: 0;
background-color: white;
background-color: var(--c--components--forms-checkbox--background-color);
width: var(--c--components--forms-checkbox--size);
height: var(--c--components--forms-checkbox--size);
border: 1.5px solid var(--c--components--forms-checkbox--border-color);

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

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