@ulu/frontend 0.1.0-beta.107 → 0.1.0-beta.108

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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -5758,11 +5788,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-1 {
-            animation-name: ulu-progress-circle-pie-1;
+          #ulu-progress-circle-pie-133 {
+            animation-name: ulu-progress-circle-pie-133;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-1  {
+          @keyframes ulu-progress-circle-pie-133  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5773,7 +5803,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-1" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-133" 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>
@@ -5789,11 +5819,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-2 {
-            animation-name: ulu-progress-circle-pie-2;
+          #ulu-progress-circle-pie-134 {
+            animation-name: ulu-progress-circle-pie-134;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-2  {
+          @keyframes ulu-progress-circle-pie-134  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5804,7 +5834,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-2" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-134" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -5820,11 +5850,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-3 {
-            animation-name: ulu-progress-circle-pie-3;
+          #ulu-progress-circle-pie-135 {
+            animation-name: ulu-progress-circle-pie-135;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-3  {
+          @keyframes ulu-progress-circle-pie-135  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5835,7 +5865,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-3" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-135" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -5851,11 +5881,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-4 {
-            animation-name: ulu-progress-circle-pie-4;
+          #ulu-progress-circle-pie-136 {
+            animation-name: ulu-progress-circle-pie-136;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-4  {
+          @keyframes ulu-progress-circle-pie-136  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5866,7 +5896,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-4" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-136" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -5882,11 +5912,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-5 {
-            animation-name: ulu-progress-circle-pie-5;
+          #ulu-progress-circle-pie-137 {
+            animation-name: ulu-progress-circle-pie-137;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-5  {
+          @keyframes ulu-progress-circle-pie-137  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5897,7 +5927,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-5" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-137" 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>
@@ -5913,11 +5943,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-6 {
-            animation-name: ulu-progress-circle-pie-6;
+          #ulu-progress-circle-pie-138 {
+            animation-name: ulu-progress-circle-pie-138;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-6  {
+          @keyframes ulu-progress-circle-pie-138  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5928,7 +5958,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-6" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-138" 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>
@@ -5944,11 +5974,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-7 {
-            animation-name: ulu-progress-circle-pie-7;
+          #ulu-progress-circle-pie-139 {
+            animation-name: ulu-progress-circle-pie-139;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-7  {
+          @keyframes ulu-progress-circle-pie-139  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5959,7 +5989,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-7" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-139" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -5975,11 +6005,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-8 {
-            animation-name: ulu-progress-circle-pie-8;
+          #ulu-progress-circle-pie-140 {
+            animation-name: ulu-progress-circle-pie-140;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-8  {
+          @keyframes ulu-progress-circle-pie-140  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -5990,7 +6020,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-8" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-140" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
           <circle class="progress-circle__chart-mask" cx="16" cy="16"></circle>
         </svg>
         
@@ -6008,11 +6038,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-9 {
-            animation-name: ulu-progress-circle-pie-9;
+          #ulu-progress-circle-pie-141 {
+            animation-name: ulu-progress-circle-pie-141;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-9  {
+          @keyframes ulu-progress-circle-pie-141  {
             from {
               stroke-dasharray: 0 100;
             }
@@ -6023,7 +6053,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-9" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-141" 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>
@@ -6038,11 +6068,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-10 {
-            animation-name: ulu-progress-circle-pie-10;
+          #ulu-progress-circle-pie-142 {
+            animation-name: ulu-progress-circle-pie-142;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-10  {
+          @keyframes ulu-progress-circle-pie-142  {
             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-10" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-142" 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>
@@ -6068,11 +6098,11 @@
       <strong class="hidden-visually">Course Progress</strong>
       <div class="progress-circle__chart">
         <style type="text/css">
-          #ulu-progress-circle-pie-11 {
-            animation-name: ulu-progress-circle-pie-11;
+          #ulu-progress-circle-pie-143 {
+            animation-name: ulu-progress-circle-pie-143;
             animation-fill-mode: forwards;
           }
-          @keyframes ulu-progress-circle-pie-11  {
+          @keyframes ulu-progress-circle-pie-143  {
             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-11" class="progress-circle__chart-pie" r="16" cx="16" cy="16"></circle>
+          <circle id="ulu-progress-circle-pie-143" 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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">

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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">

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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">

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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">

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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">

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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">

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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">

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

@@ -1965,6 +1965,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/progress-circle/">
+          
+    
+    <span class="nav-tree__text">
+      Progress-circle
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/pull-quote/">