@ulu/frontend 0.1.0-beta.90 → 0.1.0-beta.92

package/docs-dev/demos/data-table/index.html

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge Stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -1335,6 +1350,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge-stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
@@ -2877,6 +2907,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge Stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -4031,6 +4076,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge-stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
@@ -5522,178 +5582,178 @@
 </table>
 <h2 class="h2">Complex Table</h2>
 <h2 class="h2">Striped Table</h2>
-<table class="data-table data-table--striped" id="dt-1">
+<table class="data-table data-table--striped" id="dt-89">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-1-type" rowspan="2">Type</th>
-      <th id="dt-1-group" colspan="2">Group</th>
-      <th id="dt-1-details" colspan="2">Details</th>
-      <th id="dt-1-id" rowspan="2">Id</th>
+      <th id="dt-89-type" rowspan="2">Type</th>
+      <th id="dt-89-group" colspan="2">Group</th>
+      <th id="dt-89-details" colspan="2">Details</th>
+      <th id="dt-89-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-1-group" id="dt-1-primary">Primary</th>
-      <th headers="dt-1-group" id="dt-1-secondary">Secondary</th>
-      <th headers="dt-1-details" id="dt-1-before">Before Task</th>
-      <th headers="dt-1-details" id="dt-1-after">After Task</th>
+      <th headers="dt-89-group" id="dt-89-primary">Primary</th>
+      <th headers="dt-89-group" id="dt-89-secondary">Secondary</th>
+      <th headers="dt-89-details" id="dt-89-before">Before Task</th>
+      <th headers="dt-89-details" id="dt-89-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-1-type dt-1-r1" id="dt-1-r1">Default</th>
-      <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-89-type dt-89-r1" id="dt-89-r1">Default</th>
+      <td headers="dt-89-group dt-89-primary dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-group dt-89-secondary dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-details dt-89-before dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-details dt-89-after dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-id">OL-53-GHSLE</td>
+      <td headers="dt-89-group dt-89-primary dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-group dt-89-secondary dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-details dt-89-before dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-details dt-89-after dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-id">OL-53-GHSLE</td>
+      <td headers="dt-89-group dt-89-primary dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-group dt-89-secondary dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-details dt-89-before dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-details dt-89-after dt-89-r1">Lorem Ipsum</td>
+      <td headers="dt-89-id">OL-53-GHSLE</td>
     </tr>
   </tbody>
 </table>
 <h2 class="h2">Large-first Table</h2>
-<table class="data-table data-table--large-first" id="dt-2">
+<table class="data-table data-table--large-first" id="dt-90">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-2-type" rowspan="2">Type</th>
-      <th id="dt-2-group" colspan="2">Group</th>
-      <th id="dt-2-details" colspan="2">Details</th>
-      <th id="dt-2-id" rowspan="2">Id</th>
+      <th id="dt-90-type" rowspan="2">Type</th>
+      <th id="dt-90-group" colspan="2">Group</th>
+      <th id="dt-90-details" colspan="2">Details</th>
+      <th id="dt-90-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-2-group" id="dt-2-primary">Primary</th>
-      <th headers="dt-2-group" id="dt-2-secondary">Secondary</th>
-      <th headers="dt-2-details" id="dt-2-before">Before Task</th>
-      <th headers="dt-2-details" id="dt-2-after">After Task</th>
+      <th headers="dt-90-group" id="dt-90-primary">Primary</th>
+      <th headers="dt-90-group" id="dt-90-secondary">Secondary</th>
+      <th headers="dt-90-details" id="dt-90-before">Before Task</th>
+      <th headers="dt-90-details" id="dt-90-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-2-type dt-2-r1" id="dt-2-r1">Default</th>
-      <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-90-type dt-90-r1" id="dt-90-r1">Default</th>
+      <td headers="dt-90-group dt-90-primary dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-group dt-90-secondary dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-details dt-90-before dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-details dt-90-after dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-id">OL-53-GHSLE</td>
+      <td headers="dt-90-group dt-90-primary dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-group dt-90-secondary dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-details dt-90-before dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-details dt-90-after dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
-      <td headers="dt-2-id">OL-53-GHSLE</td>
+      <td headers="dt-90-group dt-90-primary dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-group dt-90-secondary dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-details dt-90-before dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-details dt-90-after dt-90-r1">Lorem Ipsum</td>
+      <td headers="dt-90-id">OL-53-GHSLE</td>
     </tr>
   </tbody>
 </table>
 <h2 class="h2">Large-header Table</h2>
-<table class="data-table data-table--large-header" id="dt-3">
+<table class="data-table data-table--large-header" id="dt-91">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-3-type" rowspan="2">Type</th>
-      <th id="dt-3-group" colspan="2">Group</th>
-      <th id="dt-3-details" colspan="2">Details</th>
-      <th id="dt-3-id" rowspan="2">Id</th>
+      <th id="dt-91-type" rowspan="2">Type</th>
+      <th id="dt-91-group" colspan="2">Group</th>
+      <th id="dt-91-details" colspan="2">Details</th>
+      <th id="dt-91-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-3-group" id="dt-3-primary">Primary</th>
-      <th headers="dt-3-group" id="dt-3-secondary">Secondary</th>
-      <th headers="dt-3-details" id="dt-3-before">Before Task</th>
-      <th headers="dt-3-details" id="dt-3-after">After Task</th>
+      <th headers="dt-91-group" id="dt-91-primary">Primary</th>
+      <th headers="dt-91-group" id="dt-91-secondary">Secondary</th>
+      <th headers="dt-91-details" id="dt-91-before">Before Task</th>
+      <th headers="dt-91-details" id="dt-91-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-3-type dt-3-r1" id="dt-3-r1">Default</th>
-      <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-91-type dt-91-r1" id="dt-91-r1">Default</th>
+      <td headers="dt-91-group dt-91-primary dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-group dt-91-secondary dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-details dt-91-before dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-details dt-91-after dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-id">OL-53-GHSLE</td>
+      <td headers="dt-91-group dt-91-primary dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-group dt-91-secondary dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-details dt-91-before dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-details dt-91-after dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-id">OL-53-GHSLE</td>
+      <td headers="dt-91-group dt-91-primary dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-group dt-91-secondary dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-details dt-91-before dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-details dt-91-after dt-91-r1">Lorem Ipsum</td>
+      <td headers="dt-91-id">OL-53-GHSLE</td>
     </tr>
   </tbody>
 </table>
 <h2 class="h2">No-border Table</h2>
-<table class="data-table data-table--no-border" id="dt-4">
+<table class="data-table data-table--no-border" id="dt-92">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-4-type" rowspan="2">Type</th>
-      <th id="dt-4-group" colspan="2">Group</th>
-      <th id="dt-4-details" colspan="2">Details</th>
-      <th id="dt-4-id" rowspan="2">Id</th>
+      <th id="dt-92-type" rowspan="2">Type</th>
+      <th id="dt-92-group" colspan="2">Group</th>
+      <th id="dt-92-details" colspan="2">Details</th>
+      <th id="dt-92-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-4-group" id="dt-4-primary">Primary</th>
-      <th headers="dt-4-group" id="dt-4-secondary">Secondary</th>
-      <th headers="dt-4-details" id="dt-4-before">Before Task</th>
-      <th headers="dt-4-details" id="dt-4-after">After Task</th>
+      <th headers="dt-92-group" id="dt-92-primary">Primary</th>
+      <th headers="dt-92-group" id="dt-92-secondary">Secondary</th>
+      <th headers="dt-92-details" id="dt-92-before">Before Task</th>
+      <th headers="dt-92-details" id="dt-92-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-4-type dt-4-r1" id="dt-4-r1">Default</th>
-      <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-92-type dt-92-r1" id="dt-92-r1">Default</th>
+      <td headers="dt-92-group dt-92-primary dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-group dt-92-secondary dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-details dt-92-before dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-details dt-92-after dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-id">OL-53-GHSLE</td>
+      <td headers="dt-92-group dt-92-primary dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-group dt-92-secondary dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-details dt-92-before dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-details dt-92-after dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
-      <td headers="dt-4-id">OL-53-GHSLE</td>
+      <td headers="dt-92-group dt-92-primary dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-group dt-92-secondary dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-details dt-92-before dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-details dt-92-after dt-92-r1">Lorem Ipsum</td>
+      <td headers="dt-92-id">OL-53-GHSLE</td>
     </tr>
   </tbody>
 </table>

package/docs-dev/demos/details-group/index.html

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge Stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -1335,6 +1350,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge-stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
@@ -2877,6 +2907,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge Stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -4031,6 +4076,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge-stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">

package/docs-dev/demos/file-save/index.html

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge Stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -1335,6 +1350,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge-stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
@@ -2877,6 +2907,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge Stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -4031,6 +4076,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge-stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">

package/docs-dev/demos/flipcard/index.html

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge Stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -1335,6 +1350,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge-stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
@@ -2877,6 +2907,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge Stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -4031,6 +4076,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/badge-stack/">
+          
+    
+    <span class="nav-tree__text">
+      Badge-stack
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">