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

✨(react) add Modal

Browse Source 
Here it is! Our really wanted Modal component, based on Figma sketches.
This commit is contained in:
Nathan Vasse
2024-01-18 14:38:48 +01:00
committed by NathanVss
parent 81e4da1d36
commit 1445f4a222
32 changed files with 1723 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -119,6 +119,18 @@
--c--components--toast--font-weight: var(--c--theme--font--weights--regular);
--c--components--toast--icon-size: 19px;
--c--components--toast--progress-bar-height: 3px;
--c--components--modal--background-color: var(--c--theme--colors--greyscale-000);
--c--components--modal--border-radius: 4px;
--c--components--modal--border-color: var(--c--theme--colors--greyscale-300);
--c--components--modal--box-shadow: 0px 1px 2px 0px #0C1A2B4D;
--c--components--modal--color: var(--c--theme--colors--greyscale-900);
--c--components--modal--title-font-weight: var(--c--theme--font--weights--bold);
--c--components--modal--content-font-size: var(--c--theme--font--sizes--m);
--c--components--modal--content-font-weight: var(--c--theme--font--weights--regular);
--c--components--modal--content-color: var(--c--theme--colors--greyscale-800);
--c--components--modal--width-small: 300px;
--c--components--modal--width-medium: 600px;
--c--components--modal--width-large: 75%;
--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;