@ulu/frontend 0.1.0-beta.67 → 0.1.0-beta.69

package/docs-dev/sass/base/typography/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/components/accordion/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -5253,8 +5283,8 @@
 <li><strong>File:</strong> _accordion.scss</li>
 <li><strong>Group:</strong> accordion</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 14-41</li>
-<li><strong>Lines (code):</strong> 43-71</li>
+<li><strong>Lines (comments):</strong> 16-43</li>
+<li><strong>Lines (code):</strong> 45-73</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5440,8 +5470,8 @@
 <li><strong>File:</strong> _accordion.scss</li>
 <li><strong>Group:</strong> accordion</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 73-76</li>
-<li><strong>Lines (code):</strong> 78-80</li>
+<li><strong>Lines (comments):</strong> 75-78</li>
+<li><strong>Lines (code):</strong> 80-82</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5480,8 +5510,8 @@
 <li><strong>File:</strong> _accordion.scss</li>
 <li><strong>Group:</strong> accordion</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 91-94</li>
-<li><strong>Lines (code):</strong> 96-215</li>
+<li><strong>Lines (comments):</strong> 93-96</li>
+<li><strong>Lines (code):</strong> 98-224</li>
 </ul>
 </details>
 <div class="callout callout--demo crop-margins">
@@ -5508,8 +5538,8 @@
 <li><strong>File:</strong> _accordion.scss</li>
 <li><strong>Group:</strong> accordion</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 82-85</li>
-<li><strong>Lines (code):</strong> 87-89</li>
+<li><strong>Lines (comments):</strong> 84-87</li>
+<li><strong>Lines (code):</strong> 89-91</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

package/docs-dev/sass/components/adaptive-spacing/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/components/badge/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -5222,13 +5252,18 @@
   <span class="pjs-token pjs-string">"background-color"</span><span class="pjs-token pjs-punctuation">:</span>    gray<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"border-radius"</span><span class="pjs-token pjs-punctuation">:</span>       50%<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"color"</span><span class="pjs-token pjs-punctuation">:</span>               black<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"font-size"</span><span class="pjs-token pjs-punctuation">:</span>           1.3rem<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"font-size"</span><span class="pjs-token pjs-punctuation">:</span>           1.5rem<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"font-weight"</span><span class="pjs-token pjs-punctuation">:</span>         bold<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"width"</span><span class="pjs-token pjs-punctuation">:</span>               10rem<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"font-family"</span><span class="pjs-token pjs-punctuation">:</span>         <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"width"</span><span class="pjs-token pjs-punctuation">:</span>               7rem<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"sizes"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
+    <span class="pjs-token pjs-string">"small"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
+      <span class="pjs-token pjs-string">"font-size"</span> <span class="pjs-token pjs-punctuation">:</span> 1.2rem<span class="pjs-token pjs-punctuation">,</span>
+      <span class="pjs-token pjs-string">"width"</span> <span class="pjs-token pjs-punctuation">:</span>  5rem
+    <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
     <span class="pjs-token pjs-string">"large"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
       <span class="pjs-token pjs-string">"font-size"</span> <span class="pjs-token pjs-punctuation">:</span> 2.75rem<span class="pjs-token pjs-punctuation">,</span>
-      <span class="pjs-token pjs-string">"width"</span> <span class="pjs-token pjs-punctuation">:</span>  6rem
+      <span class="pjs-token pjs-string">"width"</span> <span class="pjs-token pjs-punctuation">:</span>  9rem
     <span class="pjs-token pjs-punctuation">)</span>
   <span class="pjs-token pjs-punctuation">)</span>
 <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
@@ -5238,8 +5273,8 @@
 <li><strong>File:</strong> _badge.scss</li>
 <li><strong>Group:</strong> badge</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 11-19</li>
-<li><strong>Lines (code):</strong> 21-34</li>
+<li><strong>Lines (comments):</strong> 21-30</li>
+<li><strong>Lines (code):</strong> 32-50</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5284,6 +5319,12 @@
 <td style="text-align:left">Font weight</td>
 </tr>
 <tr>
+<td style="text-align:left">font-family</td>
+<td style="text-align:left">Number</td>
+<td style="text-align:left">true</td>
+<td style="text-align:left">Specify font family, defaults to typography font-family-sans</td>
+</tr>
+<tr>
 <td style="text-align:left">sizes</td>
 <td style="text-align:left">List</td>
 <td style="text-align:left">Object</td>
@@ -5311,8 +5352,8 @@
 <li><strong>File:</strong> _badge.scss</li>
 <li><strong>Group:</strong> badge</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 36-39</li>
-<li><strong>Lines (code):</strong> 41-43</li>
+<li><strong>Lines (comments):</strong> 52-55</li>
+<li><strong>Lines (code):</strong> 57-59</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5351,8 +5392,8 @@
 <li><strong>File:</strong> _badge.scss</li>
 <li><strong>Group:</strong> badge</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 54-68</li>
-<li><strong>Lines (code):</strong> 70-130</li>
+<li><strong>Lines (comments):</strong> 71-85</li>
+<li><strong>Lines (code):</strong> 87-149</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5399,8 +5440,8 @@
 <li><strong>File:</strong> _badge.scss</li>
 <li><strong>Group:</strong> badge</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 45-48</li>
-<li><strong>Lines (code):</strong> 50-52</li>
+<li><strong>Lines (comments):</strong> 61-64</li>
+<li><strong>Lines (code):</strong> 66-69</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

package/docs-dev/sass/components/basic-hero/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/components/button/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/components/button-verbose/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/components/callout/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/components/captioned-figure/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/components/card/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/components/card-grid/index.html

@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">