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

✨(react) add Input component

Browse Source 
Finally the first form component of the design system. It wraps and enhance
the native input element.
This commit is contained in:
Nathan Vasse
2023-04-14 16:38:58 +02:00
committed by NathanVss
parent 4f1168463f
commit feea284ec8
18 changed files with 1121 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -96,6 +96,20 @@
--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-input--font-weight: 400;
--c--components--forms-input--font-size: 1rem;
--c--components--forms-input--border-radius: 8px;
--c--components--forms-input--border-radius--hover: 2px;
--c--components--forms-input--border-radius--focus: 2px;
--c--components--forms-input--border-width: 2px;
--c--components--forms-input--border-color: #E7E8EA;
--c--components--forms-input--border-color--hover: #9EA3AA;
--c--components--forms-input--border-color--focus: #0556BF;
--c--components--forms-input--border-style: solid;
--c--components--forms-input--color: #303C4B;
--c--components--forms-field--width: 292px;
--c--components--forms-field--font-size: 0.6875rem;
--c--components--forms-field--color: #79818A;
--c--components--button--border-radius: 8px;
--c--components--button--border-radius--active: 2px;
--c--components--button--medium-height: 48px;