@ulu/frontend 0.1.0-beta.94 → 0.1.0-beta.96

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

@@ -706,6 +706,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">

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

@@ -706,6 +706,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -5582,178 +5642,178 @@
 </table>
 <h2 class="h2">Complex Table</h2>
 <h2 class="h2">Striped Table</h2>
-<table class="data-table data-table--striped" id="dt-33">
+<table class="data-table data-table--striped" id="dt-45">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-33-type" rowspan="2">Type</th>
-      <th id="dt-33-group" colspan="2">Group</th>
-      <th id="dt-33-details" colspan="2">Details</th>
-      <th id="dt-33-id" rowspan="2">Id</th>
+      <th id="dt-45-type" rowspan="2">Type</th>
+      <th id="dt-45-group" colspan="2">Group</th>
+      <th id="dt-45-details" colspan="2">Details</th>
+      <th id="dt-45-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-33-group" id="dt-33-primary">Primary</th>
-      <th headers="dt-33-group" id="dt-33-secondary">Secondary</th>
-      <th headers="dt-33-details" id="dt-33-before">Before Task</th>
-      <th headers="dt-33-details" id="dt-33-after">After Task</th>
+      <th headers="dt-45-group" id="dt-45-primary">Primary</th>
+      <th headers="dt-45-group" id="dt-45-secondary">Secondary</th>
+      <th headers="dt-45-details" id="dt-45-before">Before Task</th>
+      <th headers="dt-45-details" id="dt-45-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-33-type dt-33-r1" id="dt-33-r1">Default</th>
-      <td headers="dt-33-group dt-33-primary dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-group dt-33-secondary dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-details dt-33-before dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-details dt-33-after dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-45-type dt-45-r1" id="dt-45-r1">Default</th>
+      <td headers="dt-45-group dt-45-primary dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-group dt-45-secondary dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-details dt-45-before dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-details dt-45-after dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-33-group dt-33-primary dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-group dt-33-secondary dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-details dt-33-before dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-details dt-33-after dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-id">OL-53-GHSLE</td>
+      <td headers="dt-45-group dt-45-primary dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-group dt-45-secondary dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-details dt-45-before dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-details dt-45-after dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-33-group dt-33-primary dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-group dt-33-secondary dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-details dt-33-before dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-details dt-33-after dt-33-r1">Lorem Ipsum</td>
-      <td headers="dt-33-id">OL-53-GHSLE</td>
+      <td headers="dt-45-group dt-45-primary dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-group dt-45-secondary dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-details dt-45-before dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-details dt-45-after dt-45-r1">Lorem Ipsum</td>
+      <td headers="dt-45-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-34">
+<table class="data-table data-table--large-first" id="dt-46">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-34-type" rowspan="2">Type</th>
-      <th id="dt-34-group" colspan="2">Group</th>
-      <th id="dt-34-details" colspan="2">Details</th>
-      <th id="dt-34-id" rowspan="2">Id</th>
+      <th id="dt-46-type" rowspan="2">Type</th>
+      <th id="dt-46-group" colspan="2">Group</th>
+      <th id="dt-46-details" colspan="2">Details</th>
+      <th id="dt-46-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-34-group" id="dt-34-primary">Primary</th>
-      <th headers="dt-34-group" id="dt-34-secondary">Secondary</th>
-      <th headers="dt-34-details" id="dt-34-before">Before Task</th>
-      <th headers="dt-34-details" id="dt-34-after">After Task</th>
+      <th headers="dt-46-group" id="dt-46-primary">Primary</th>
+      <th headers="dt-46-group" id="dt-46-secondary">Secondary</th>
+      <th headers="dt-46-details" id="dt-46-before">Before Task</th>
+      <th headers="dt-46-details" id="dt-46-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-34-type dt-34-r1" id="dt-34-r1">Default</th>
-      <td headers="dt-34-group dt-34-primary dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-group dt-34-secondary dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-details dt-34-before dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-details dt-34-after dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-46-type dt-46-r1" id="dt-46-r1">Default</th>
+      <td headers="dt-46-group dt-46-primary dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-group dt-46-secondary dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-details dt-46-before dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-details dt-46-after dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-34-group dt-34-primary dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-group dt-34-secondary dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-details dt-34-before dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-details dt-34-after dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-id">OL-53-GHSLE</td>
+      <td headers="dt-46-group dt-46-primary dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-group dt-46-secondary dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-details dt-46-before dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-details dt-46-after dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-34-group dt-34-primary dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-group dt-34-secondary dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-details dt-34-before dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-details dt-34-after dt-34-r1">Lorem Ipsum</td>
-      <td headers="dt-34-id">OL-53-GHSLE</td>
+      <td headers="dt-46-group dt-46-primary dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-group dt-46-secondary dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-details dt-46-before dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-details dt-46-after dt-46-r1">Lorem Ipsum</td>
+      <td headers="dt-46-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-35">
+<table class="data-table data-table--large-header" id="dt-47">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-35-type" rowspan="2">Type</th>
-      <th id="dt-35-group" colspan="2">Group</th>
-      <th id="dt-35-details" colspan="2">Details</th>
-      <th id="dt-35-id" rowspan="2">Id</th>
+      <th id="dt-47-type" rowspan="2">Type</th>
+      <th id="dt-47-group" colspan="2">Group</th>
+      <th id="dt-47-details" colspan="2">Details</th>
+      <th id="dt-47-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-35-group" id="dt-35-primary">Primary</th>
-      <th headers="dt-35-group" id="dt-35-secondary">Secondary</th>
-      <th headers="dt-35-details" id="dt-35-before">Before Task</th>
-      <th headers="dt-35-details" id="dt-35-after">After Task</th>
+      <th headers="dt-47-group" id="dt-47-primary">Primary</th>
+      <th headers="dt-47-group" id="dt-47-secondary">Secondary</th>
+      <th headers="dt-47-details" id="dt-47-before">Before Task</th>
+      <th headers="dt-47-details" id="dt-47-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-35-type dt-35-r1" id="dt-35-r1">Default</th>
-      <td headers="dt-35-group dt-35-primary dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-group dt-35-secondary dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-details dt-35-before dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-details dt-35-after dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-47-type dt-47-r1" id="dt-47-r1">Default</th>
+      <td headers="dt-47-group dt-47-primary dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-group dt-47-secondary dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-details dt-47-before dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-details dt-47-after dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-35-group dt-35-primary dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-group dt-35-secondary dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-details dt-35-before dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-details dt-35-after dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-id">OL-53-GHSLE</td>
+      <td headers="dt-47-group dt-47-primary dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-group dt-47-secondary dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-details dt-47-before dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-details dt-47-after dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-35-group dt-35-primary dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-group dt-35-secondary dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-details dt-35-before dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-details dt-35-after dt-35-r1">Lorem Ipsum</td>
-      <td headers="dt-35-id">OL-53-GHSLE</td>
+      <td headers="dt-47-group dt-47-primary dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-group dt-47-secondary dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-details dt-47-before dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-details dt-47-after dt-47-r1">Lorem Ipsum</td>
+      <td headers="dt-47-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-36">
+<table class="data-table data-table--no-border" id="dt-48">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-36-type" rowspan="2">Type</th>
-      <th id="dt-36-group" colspan="2">Group</th>
-      <th id="dt-36-details" colspan="2">Details</th>
-      <th id="dt-36-id" rowspan="2">Id</th>
+      <th id="dt-48-type" rowspan="2">Type</th>
+      <th id="dt-48-group" colspan="2">Group</th>
+      <th id="dt-48-details" colspan="2">Details</th>
+      <th id="dt-48-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-36-group" id="dt-36-primary">Primary</th>
-      <th headers="dt-36-group" id="dt-36-secondary">Secondary</th>
-      <th headers="dt-36-details" id="dt-36-before">Before Task</th>
-      <th headers="dt-36-details" id="dt-36-after">After Task</th>
+      <th headers="dt-48-group" id="dt-48-primary">Primary</th>
+      <th headers="dt-48-group" id="dt-48-secondary">Secondary</th>
+      <th headers="dt-48-details" id="dt-48-before">Before Task</th>
+      <th headers="dt-48-details" id="dt-48-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-36-type dt-36-r1" id="dt-36-r1">Default</th>
-      <td headers="dt-36-group dt-36-primary dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-group dt-36-secondary dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-details dt-36-before dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-details dt-36-after dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-48-type dt-48-r1" id="dt-48-r1">Default</th>
+      <td headers="dt-48-group dt-48-primary dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-group dt-48-secondary dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-details dt-48-before dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-details dt-48-after dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-36-group dt-36-primary dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-group dt-36-secondary dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-details dt-36-before dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-details dt-36-after dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-id">OL-53-GHSLE</td>
+      <td headers="dt-48-group dt-48-primary dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-group dt-48-secondary dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-details dt-48-before dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-details dt-48-after dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-36-group dt-36-primary dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-group dt-36-secondary dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-details dt-36-before dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-details dt-36-after dt-36-r1">Lorem Ipsum</td>
-      <td headers="dt-36-id">OL-53-GHSLE</td>
+      <td headers="dt-48-group dt-48-primary dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-group dt-48-secondary dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-details dt-48-before dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-details dt-48-after dt-48-r1">Lorem Ipsum</td>
+      <td headers="dt-48-id">OL-53-GHSLE</td>
     </tr>
   </tbody>
 </table>

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

@@ -706,6 +706,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">

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

@@ -706,6 +706,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+          
+    
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">