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

✨(react) add TextArea component

Browse Source 
How could we ship a design system library without a textarea?
This commit is contained in:
Nathan Vasse
2023-10-20 17:13:21 +02:00
committed by NathanVss
parent 01528b9377
commit bbf3df852f
12 changed files with 826 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -106,6 +106,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-textarea--font-weight: var(--c--theme--font--weights--regular);
--c--components--forms-textarea--font-size: var(--c--theme--font--sizes--l);
--c--components--forms-textarea--border-radius: 8px;
--c--components--forms-textarea--border-radius--hover: 2px;
--c--components--forms-textarea--border-radius--focus: 2px;
--c--components--forms-textarea--border-width: 1px;
--c--components--forms-textarea--border-color: var(--c--theme--colors--greyscale-300);
--c--components--forms-textarea--border-color--hover: var(--c--theme--colors--greyscale-500);
--c--components--forms-textarea--border-color--focus: var(--c--theme--colors--primary-600);
--c--components--forms-textarea--border-style: solid;
--c--components--forms-textarea--label-color--focus: var(--c--theme--colors--primary-600);
--c--components--forms-textarea--background-color: var(--c--theme--colors--greyscale-000);
--c--components--forms-textarea--value-color: var(--c--theme--colors--greyscale-900);
--c--components--forms-textarea--value-color--disabled: var(--c--theme--colors--greyscale-800);
--c--components--forms-switch--accent-color: var(--c--theme--colors--success-700);
--c--components--forms-switch--rail-background-color: var(--c--theme--colors--greyscale-500);
--c--components--forms-switch--rail-background-color--disabled: var(--c--theme--colors--greyscale-400);