@ulu/frontend 0.1.0-beta.115 → 0.1.0-beta.116

package/docs-dev/demos/progress-bar/index.html

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">

package/docs-dev/demos/progress-circle/index.html

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -5788,11 +5818,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-12 {
-            animation-name: ulu-progress-circle-pie-12;
+          #ulu-progress-circle-pie-1 {
+            animation-name: ulu-progress-circle-pie-1;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-12  {
+          @keyframes ulu-progress-circle-pie-1  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5803,7 +5833,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-12" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-1" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         <strong class="progress-circle__chart-value">65%</strong>
@@ -5819,11 +5849,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-13 {
-            animation-name: ulu-progress-circle-pie-13;
+          #ulu-progress-circle-pie-2 {
+            animation-name: ulu-progress-circle-pie-2;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-13  {
+          @keyframes ulu-progress-circle-pie-2  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5834,7 +5864,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-13" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-2" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -5850,11 +5880,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-14 {
-            animation-name: ulu-progress-circle-pie-14;
+          #ulu-progress-circle-pie-3 {
+            animation-name: ulu-progress-circle-pie-3;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-14  {
+          @keyframes ulu-progress-circle-pie-3  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5865,7 +5895,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-14" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-3" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -5881,11 +5911,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-15 {
-            animation-name: ulu-progress-circle-pie-15;
+          #ulu-progress-circle-pie-4 {
+            animation-name: ulu-progress-circle-pie-4;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-15  {
+          @keyframes ulu-progress-circle-pie-4  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5896,7 +5926,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-15" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-4" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -5912,11 +5942,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-16 {
-            animation-name: ulu-progress-circle-pie-16;
+          #ulu-progress-circle-pie-5 {
+            animation-name: ulu-progress-circle-pie-5;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-16  {
+          @keyframes ulu-progress-circle-pie-5  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5927,7 +5957,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-16" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-5" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         <strong class="progress-circle__chart-value">65%</strong>
@@ -5943,11 +5973,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-17 {
-            animation-name: ulu-progress-circle-pie-17;
+          #ulu-progress-circle-pie-6 {
+            animation-name: ulu-progress-circle-pie-6;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-17  {
+          @keyframes ulu-progress-circle-pie-6  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5958,7 +5988,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-17" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-6" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         <strong class="progress-circle__chart-value">65%</strong>
@@ -5974,11 +6004,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-18 {
-            animation-name: ulu-progress-circle-pie-18;
+          #ulu-progress-circle-pie-7 {
+            animation-name: ulu-progress-circle-pie-7;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-18  {
+          @keyframes ulu-progress-circle-pie-7  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5989,7 +6019,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-18" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-7" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -6005,11 +6035,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-19 {
-            animation-name: ulu-progress-circle-pie-19;
+          #ulu-progress-circle-pie-8 {
+            animation-name: ulu-progress-circle-pie-8;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-19  {
+          @keyframes ulu-progress-circle-pie-8  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -6020,7 +6050,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-19" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-8" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -6038,11 +6068,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-20 {
-            animation-name: ulu-progress-circle-pie-20;
+          #ulu-progress-circle-pie-9 {
+            animation-name: ulu-progress-circle-pie-9;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-20  {
+          @keyframes ulu-progress-circle-pie-9  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -6053,7 +6083,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-20" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-9" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         <strong class="progress-circle__chart-value">25%</strong>
@@ -6068,11 +6098,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-21 {
-            animation-name: ulu-progress-circle-pie-21;
+          #ulu-progress-circle-pie-10 {
+            animation-name: ulu-progress-circle-pie-10;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-21  {
+          @keyframes ulu-progress-circle-pie-10  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -6083,7 +6113,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-21" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-10" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         <strong class="progress-circle__chart-value">75%</strong>
@@ -6098,11 +6128,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-22 {
-            animation-name: ulu-progress-circle-pie-22;
+          #ulu-progress-circle-pie-11 {
+            animation-name: ulu-progress-circle-pie-11;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-22  {
+          @keyframes ulu-progress-circle-pie-11  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -6113,7 +6143,7 @@
         </style>
         <svg class="progress-circle__chart-svg" viewBox="0 0 32 32">
           <circle class="progress-circle__chart-track" r="16" cx="16" cy="16"></circle>
-          <circle id="ulu-progress-circle-pie-22" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-11" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         <strong class="progress-circle__chart-value">100%</strong>

package/docs-dev/demos/pull-quote/index.html

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">

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

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">

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

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">

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

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">

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

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">

package/docs-dev/demos/spoke-spinner/index.html

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">

package/docs-dev/demos/sticky-list/index.html

@@ -406,6 +406,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/definition-list/">
+          
+    
+    <span class="nav-tree__text">
+      Definition List
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/details-group/">