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

✨(react) add Checkbox component

Browse Source 
Implement Checkbox input based on designed sketches.
This commit is contained in:
Nathan Vasse
2023-04-20 14:57:22 +02:00
committed by NathanVss
parent a462bb5a61
commit 43096e2bab
14 changed files with 724 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/react/src/cunningham-tokens.css
View File

@@ -96,6 +96,8 @@
--c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
--c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
--c--theme--transitions--duration: 250ms;
--c--components--forms-radio--border-color: #E7E8EA;
--c--components--forms-radio--check-color: #419A14;
--c--components--forms-input--font-weight: 400;
--c--components--forms-input--font-size: 1rem;
--c--components--forms-input--border-radius: 8px;
@@ -110,6 +112,13 @@
--c--components--forms-field--width: 292px;
--c--components--forms-field--font-size: 0.6875rem;
--c--components--forms-field--color: #79818A;
--c--components--forms-checkbox--font-size: 0.8125rem;
--c--components--forms-checkbox--font-weight: 400;
--c--components--forms-checkbox--color: #0C1A2B;
--c--components--forms-checkbox--border-color: #E7E8EA;
--c--components--forms-checkbox--border-radius: 2px;
--c--components--forms-checkbox--accent-color: #419A14;
--c--components--forms-checkbox--size: 1.5rem;
--c--components--button--border-radius: 8px;
--c--components--button--border-radius--active: 2px;
--c--components--button--medium-height: 48px;