Docs(web): Use danger icon for danger color in Alert and Toast

lmc-eu · Mar 5, 2024 · 23a2528 · 23a2528
1 parent f86cfee
commit 23a2528
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/web/src/scss/components/Alert/index.html b/packages/web/src/scss/components/Alert/index.html
@@ -32,7 +32,7 @@ <h2 class="docs-Heading">Alert Colors</h2>
 
     <div class="Alert Alert--danger" role="alert">
       <svg width="24" height="24">
-        <use xlink:href="/icons/svg/sprite.svg#warning" />
+        <use xlink:href="/icons/svg/sprite.svg#danger" />
       </svg>
       <div>Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
@@ -73,7 +73,7 @@ <h2 class="docs-Heading">Alert Centered</h2>
 
     <div class="Alert Alert--danger Alert--center" role="alert">
       <svg width="24" height="24">
-        <use xlink:href="/icons/svg/sprite.svg#warning" />
+        <use xlink:href="/icons/svg/sprite.svg#danger" />
       </svg>
       <div>Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>

diff --git a/packages/web/src/scss/components/Toast/index.html b/packages/web/src/scss/components/Toast/index.html
@@ -326,7 +326,7 @@ <h2 class="docs-Heading">Colors</h2>
     <div id="my-toast-color-danger" class="ToastBar ToastBar--danger ToastBar--dismissible">
       <div class="ToastBar__content">
         <svg width="20" height="20" aria-hidden="true">
-          <use xlink:href="/icons/svg/sprite.svg#warning" />
+          <use xlink:href="/icons/svg/sprite.svg#danger" />
         </svg>
         <div class="ToastBar__message">
           Danger