✨(react) add Toast component

This component allows to create dynamic Toast appearing at the bottom of the screen for few seconds.
2024-01-05 11:54:39 +01:00
parent dd1a677a76
commit 132b676ff7
13 changed files with 739 additions and 2 deletions
--- a/packages/react/src/cunningham-tokens.scss
+++ b/packages/react/src/cunningham-tokens.scss
@@ -134,6 +134,15 @@ $themes: (
      )
    ),
    'components': (
+      'toast': (
+        'slide-in-duration': 1000ms,
+        'slide-out-duration': 300ms,
+        'background-color': #FAFAFB,
+        'color': #0C1A2B,
+        'font-weight': 400,
+        'icon-size': 1rem,
+        'progress-bar-height': 3px
+      ),
      'forms-textarea': (
        'font-weight': 400,
        'font-size': 1rem,