fixup! Feat(web): Introduce the Toast component #DS-1112

lmc-eu · Feb 27, 2024 · f7a1f87 · f7a1f87
1 parent b1a3342
commit f7a1f87
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/web/src/scss/components/Toast/_ToastBar.scss b/packages/web/src/scss/components/Toast/_ToastBar.scss
@@ -18,7 +18,7 @@
 .ToastBar--dismissible {
     display: grid;
     grid-template-columns: 1fr auto;
-    column-gap: theme.$gap;
+    column-gap: theme.$bar-gap;
     align-items: start;
 }
 

diff --git a/packages/web/src/scss/components/Toast/index.html b/packages/web/src/scss/components/Toast/index.html
@@ -75,10 +75,10 @@ <h2 class="docs-Heading">Alignment</h2>
     <div id="toast-example" class="Toast Toast--bottom Toast--center" aria-live="polite">
       <div class="Toast__queue">
 
-        <div id="my-dismissible-toast" class="ToastBar ToastBar--inverted ToastBar--dismissible">
+        <div id="my-dismissible-toast" class="ToastBar ToastBar--success ToastBar--dismissible">
           <div class="ToastBar__content">
             <svg width="20" height="20" aria-hidden="true">
-              <use xlink:href="/icons/svg/sprite.svg#info" />
+              <use xlink:href="/icons/svg/sprite.svg#check-plain" />
             </svg>
             <div class="ToastBar__message">
               I was first!
@@ -99,7 +99,7 @@ <h2 class="docs-Heading">Alignment</h2>
           </button>
         </div>
 
-        <div id="my-other-dismissible-toast" class="ToastBar ToastBar--inverted ToastBar--dismissible">
+        <div id="my-other-dismissible-toast" class="ToastBar ToastBar--informative ToastBar--dismissible">
           <div class="ToastBar__content">
             <svg width="20" height="20" aria-hidden="true">
               <use xlink:href="/icons/svg/sprite.svg#info" />

diff --git a/tests/e2e/demo-components-compare.spec.ts-snapshots/toast-chromium-linux.png b/tests/e2e/demo-components-compare.spec.ts-snapshots/toast-chromium-linux.png