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

✨(react) add Toast component

Browse Source 
This component allows to create dynamic Toast appearing at the bottom
of the screen for few seconds.
This commit is contained in:
Nathan Vasse
2024-01-05 11:54:39 +01:00
committed by NathanVss
parent dd1a677a76
commit 132b676ff7
13 changed files with 739 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -112,6 +112,13 @@
--c--theme--breakpoints--lg: 992px;
--c--theme--breakpoints--xl: 1200px;
--c--theme--breakpoints--xxl: 1400px;
--c--components--toast--slide-in-duration: 1000ms;
--c--components--toast--slide-out-duration: 300ms;
--c--components--toast--background-color: var(--c--theme--colors--greyscale-100);
--c--components--toast--color: var(--c--theme--colors--greyscale-900);
--c--components--toast--font-weight: var(--c--theme--font--weights--regular);
--c--components--toast--icon-size: var(--c--theme--font--sizes--l);
--c--components--toast--progress-bar-height: 3px;
--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;