Docs(web): Remove unexisting Icon class

lmc-eu · Oct 17, 2023 · 02bb9ff · 02bb9ff
1 parent d15fd1b
commit 02bb9ff
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 35 deletions.
diff --git a/packages/web/src/scss/components/Alert/README.md b/packages/web/src/scss/components/Alert/README.md
@@ -4,14 +4,14 @@ Variants:
 
 ```html
 <div class="Alert Alert--success mb-600" role="alert">
-  <svg class="Icon" width="24" height="24">
+  <svg width="24" height="24">
     <use xlink:href="/icons/svg/sprite.svg#info" />
   </svg>
   <div>We sent you an activation link to email <strong>[email protected]</strong>.</div>
 </div>
 
 <div class="Alert Alert--informative mb-600" role="alert">
-  <svg class="Icon" width="24" height="24">
+  <svg width="24" height="24">
     <use xlink:href="/icons/svg/sprite.svg#info" />
   </svg>
   <div>
@@ -22,28 +22,28 @@ Variants:
 </div>
 
 <div class="Alert Alert--warning mb-600" role="alert">
-  <svg class="Icon" width="24" height="24">
+  <svg width="24" height="24">
     <use xlink:href="/icons/svg/sprite.svg#warning" />
   </svg>
   <div><strong>Warning!</strong> Data update failed due to missing internet connection</div>
 </div>
 
 <div class="Alert Alert--danger mb-600" role="alert">
-  <svg class="Icon" width="24" height="24">
+  <svg width="24" height="24">
     <use xlink:href="/icons/svg/sprite.svg#close" />
   </svg>
   <div>Data update failed due to missing internet connection</div>
 </div>
 
 <div class="Alert Alert--success Alert--center mb-600" role="alert">
-  <svg class="Icon" width="24" height="24">
+  <svg width="24" height="24">
     <use xlink:href="/icons/svg/sprite.svg#info" />
   </svg>
   <div>We sent you an activation link to email <strong>[email protected]</strong>.</div>
 </div>
 
 <div class="Alert Alert--informative Alert--center" role="alert">
-  <svg class="Icon" width="24" height="24">
+  <svg width="24" height="24">
     <use xlink:href="/icons/svg/sprite.svg#info" />
   </svg>
   <div>
@@ -54,14 +54,14 @@ Variants:
 </div>
 
 <div class="Alert Alert--warning Alert--center mb-600" role="alert">
-  <svg class="Icon" width="24" height="24">
+  <svg width="24" height="24">
     <use xlink:href="/icons/svg/sprite.svg#warning" />
   </svg>
   <div><strong>Warning!</strong> Data update failed due to missing internet connection</div>
 </div>
 
 <div class="Alert Alert--danger Alert--center mb-600" role="alert">
-  <svg class="Icon" width="24" height="24">
+  <svg width="24" height="24">
     <use xlink:href="/icons/svg/sprite.svg#close" />
   </svg>
   <div>Data update failed due to missing internet connection</div>

diff --git a/packages/web/src/scss/components/Alert/index.html b/packages/web/src/scss/components/Alert/index.html
@@ -6,14 +6,14 @@ <h2 class="docs-Heading">Alert Colors</h2>
   <div class="docs-Stack docs-Stack--stretch">
 
     <div class="Alert Alert--success" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#check-plain" />
       </svg>
       <div>We sent you an activation link to email <strong>[email protected]</strong>. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
 
     <div class="Alert Alert--informative" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#info" />
       </svg>
       <div>
@@ -24,14 +24,14 @@ <h2 class="docs-Heading">Alert Colors</h2>
     </div>
 
     <div class="Alert Alert--warning" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#warning" />
       </svg>
       <div><strong>Warning!</strong> Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
 
     <div class="Alert Alert--danger" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#warning" />
       </svg>
       <div>Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
@@ -47,14 +47,14 @@ <h2 class="docs-Heading">Alert Centered</h2>
   <div class="docs-Stack docs-Stack--stretch">
 
     <div class="Alert Alert--success Alert--center" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#check-plain" />
       </svg>
       <div>We sent you an activation link to email <strong>[email protected]</strong>. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
 
     <div class="Alert Alert--informative Alert--center" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#info" />
       </svg>
       <div>
@@ -65,14 +65,14 @@ <h2 class="docs-Heading">Alert Centered</h2>
     </div>
 
     <div class="Alert Alert--warning Alert--center" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#warning" />
       </svg>
       <div><strong>Warning!</strong> Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
 
     <div class="Alert Alert--danger Alert--center" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#warning" />
       </svg>
       <div>Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
@@ -88,14 +88,14 @@ <h2 class="docs-Heading">Alert Icons</h2>
   <div class="docs-Stack docs-Stack--stretch">
 
     <div class="Alert Alert--success" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#profile" />
       </svg>
       <div>We sent you an activation link to email <strong>[email protected]</strong>. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
 
     <div class="Alert Alert--informative" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#info" />
       </svg>
       <div>
@@ -106,14 +106,14 @@ <h2 class="docs-Heading">Alert Icons</h2>
     </div>
 
     <div class="Alert Alert--warning" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#warning" />
       </svg>
       <div><strong>Warning!</strong> Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
 
     <div class="Alert Alert--danger" role="alert">
-      <svg class="Icon" width="24" height="24">
+      <svg width="24" height="24">
         <use xlink:href="/icons/svg/sprite.svg#close" />
       </svg>
       <div>Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>

diff --git a/packages/web/src/scss/components/Breadcrumbs/index.html b/packages/web/src/scss/components/Breadcrumbs/index.html
@@ -6,25 +6,25 @@ <h2 class="docs-Heading">Default</h2>
     <ol>
       <li class="d-none d-tablet-flex">
         <a href="#rootUrl" class="link-primary link-underlined">Root</a>
-        <svg class="Icon" width="24" height="24">
+        <svg width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
       </li>
       <li class="d-none d-tablet-flex">
         <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
-        <svg class="Icon" width="24" height="24">
+        <svg width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
       </li>
       <li class="d-tablet-none">
-        <svg class="Icon" width="24" height="24">
+        <svg width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-left" />
         </svg>
         <a href="#subcategoryUrl" class="link-primary link-underlined">Back</a>
       </li>
       <li class="d-none d-tablet-flex">
         <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
-        <svg class="Icon" width="24" height="24">
+        <svg width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
       </li>
@@ -45,25 +45,25 @@ <h2 class="docs-Heading">Custom</h2>
     <ol>
       <li class="d-none d-tablet-flex">
         <a href="#rootUrl" class="link-primary link-underlined">Root</a>
-        <svg class="Icon" width="24" height="24">
+        <svg width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
       </li>
       <li class="d-none d-tablet-flex">
         <a href="#categoryUrl" class="link-primary link-underlined">Category</a>
-        <svg class="Icon" width="24" height="24">
+        <svg width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
       </li>
       <li class="d-tablet-none">
-        <svg class="Icon" width="24" height="24">
+        <svg width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-left" />
         </svg>
         <a href="#subcategoryUrl" class="link-primary link-underlined">Back</a>
       </li>
       <li class="d-none d-tablet-flex">
         <a href="#subcategoryUrl" class="link-primary link-underlined">Subcategory</a>
-        <svg class="Icon" width="24" height="24">
+        <svg width="24" height="24">
           <use xlink:href="/icons/svg/sprite.svg#chevron-right" />
         </svg>
       </li>

diff --git a/packages/web/src/scss/components/Modal/README.md b/packages/web/src/scss/components/Modal/README.md
@@ -113,7 +113,7 @@ ModalHeader contains the title of the dialog and the close button.
     aria-controls="example_1"
     aria-expanded="false"
   >
-    <svg class="Icon" width="24" height="24" aria-hidden="true">
+    <svg width="24" height="24" aria-hidden="true">
       <use xlink:href="/icons/svg/sprite.svg#close" />
     </svg>
     <span class="accessibility-hidden">Close</span>
@@ -283,7 +283,7 @@ When you put it all together:
         aria-controls="example_1"
         aria-expanded="false"
       >
-        <svg class="Icon" width="24" height="24" aria-hidden="true">
+        <svg width="24" height="24" aria-hidden="true">
           <use xlink:href="/icons/svg/sprite.svg#close" />
         </svg>
         <span class="accessibility-hidden">Close</span>

diff --git a/packages/web/src/scss/components/Modal/index.html b/packages/web/src/scss/components/Modal/index.html
@@ -439,7 +439,7 @@ <h2 id="example_scroll_view_title" class="ModalHeader__title">
             aria-controls="example_scroll_view"
             aria-expanded="false"
           >
-            <svg class="Icon" width="24" height="24" aria-hidden="true">
+            <svg width="24" height="24" aria-hidden="true">
               <use xlink:href="/icons/svg/sprite.svg#close" />
             </svg>
             <span class="accessibility-hidden">Close</span>
@@ -533,7 +533,7 @@ <h2 id="example_scroll_view_title" class="ModalHeader__title">
 
     </dialog>
     <!-- Modal: end -->
-  
+
   </div>
 
 </section>

diff --git a/packages/web/src/scss/components/Tooltip/README.md b/packages/web/src/scss/components/Tooltip/README.md
@@ -151,7 +151,7 @@ Tooltip can be made dismissible by following these steps:
     aria-controls="my-dismissible-tooltip"
     aria-expanded="true"
   >
-    <svg class="Icon" width="24" height="24" aria-hidden="true">
+    <svg width="24" height="24" aria-hidden="true">
       <use xlink:href="/icons/svg/sprite.svg#close" />
     </svg>
     <span class="accessibility-hidden">Close</span>

diff --git a/packages/web/src/scss/components/Tooltip/index.html b/packages/web/src/scss/components/Tooltip/index.html
@@ -128,7 +128,7 @@ <h2 class="docs-Heading">Dismissible Tooltip</h2>
             aria-controls="my-dismissible-tooltip"
             aria-expanded="true"
           >
-            <svg class="Icon" width="24" height="24" aria-hidden="true">
+            <svg width="24" height="24" aria-hidden="true">
               <use xlink:href="/icons/svg/sprite.svg#close" />
             </svg>
             <span class="accessibility-hidden">Close</span>
@@ -164,7 +164,7 @@ <h2 class="docs-Heading">Dismissible Tooltip via JS API</h2>
             aria-controls="my-dismissible-tooltip2"
             aria-expanded="true"
           >
-            <svg class="Icon" width="24" height="24" aria-hidden="true">
+            <svg width="24" height="24" aria-hidden="true">
               <use xlink:href="/icons/svg/sprite.svg#close" />
             </svg>
             <span class="accessibility-hidden">Close</span>