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

package/docs-dev/changelog/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/">
@@ -5166,10 +5196,16 @@
 <div class="toc">
                 <ol>
                     
-                    <li><a href="#0.1.0-beta.66">0.1.0-beta.66</a>
+                    <li><a href="#0.1.0-beta.69">0.1.0-beta.69</a>
             		</li>
 
-                    <li><a href="#0.1.0-beta.66-1">0.1.0-beta.66</a>
+                    <li><a href="#0.1.0-beta.68">0.1.0-beta.68</a>
+            		</li>
+
+                    <li><a href="#0.1.0-beta.67">0.1.0-beta.67</a>
+            		</li>
+
+                    <li><a href="#0.1.0-beta.66">0.1.0-beta.66</a>
             		</li>
 
                     <li><a href="#0.1.0-beta.65">0.1.0-beta.65</a>
@@ -5415,7 +5451,25 @@
 
     <div class="changelog">
 <h1 id="change-log" tabindex="-1">Change Log</h1>
-<h2 id="0.1.0-beta.66" tabindex="-1">0.1.0-beta.66</h2>
+<h2 id="0.1.0-beta.69" tabindex="-1">0.1.0-beta.69</h2>
+<ul>
+<li><strong>scss/components/accordion</strong>
+<ul>
+<li>Set width on .accordion__summary so it works when using button element (when not details)</li>
+</ul>
+</li>
+</ul>
+<h2 id="0.1.0-beta.68" tabindex="-1">0.1.0-beta.68</h2>
+<ul>
+<li><strong>scss/components/badge</strong>
+<ul>
+<li>Fix default config (so that default size is smaller than large)</li>
+<li>Add default sizes (small and large)</li>
+<li>Add font family option</li>
+</ul>
+</li>
+</ul>
+<h2 id="0.1.0-beta.67" tabindex="-1">0.1.0-beta.67</h2>
 <ul>
 <li><strong>scss/components/counter-list</strong>
 <ul>
@@ -5423,7 +5477,7 @@
 </ul>
 </li>
 </ul>
-<h2 id="0.1.0-beta.66-1" tabindex="-1">0.1.0-beta.66</h2>
+<h2 id="0.1.0-beta.66" tabindex="-1">0.1.0-beta.66</h2>
 <ul>
 <li><strong>scss/components/data-grid</strong>
 <ul>

package/docs-dev/demos/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/">
@@ -5375,7 +5405,6 @@
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.</p>
   </div>
 </details>
-
     </div>
   </div>
 

package/docs-dev/demos/{card-new → badge}/index.html

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>
-    Card New
+    Badge
   </title>
   <meta name="description" content="Modular Sass Theming Library">
   <meta name="generator" content="Eleventy v3.0.0">
@@ -166,6 +166,21 @@
         </li>
       
 
+        <li class="nav-tree__item is-active is-active-trail ">
+          
+        <a class="nav-tree__link  is-active is-active-trail" href="/frontend/demos/badge/" aria-current="page">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -181,6 +196,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -196,6 +226,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -228,7 +273,7 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-old/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
@@ -256,13 +301,13 @@
         </li>
       
 
-        <li class="nav-tree__item is-active is-active-trail ">
+        <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  is-active is-active-trail" href="/frontend/demos/card-new/" aria-current="page">
+        <a class="nav-tree__link  " href="/frontend/demos/counter-list/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Counter List
     </span>
   
         </a>
@@ -1320,6 +1365,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/counter-list/">
+          
+    
+    <span class="nav-tree__text">
+      Counter-list
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/css-icon/">
@@ -1973,21 +2033,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2498,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2527,6 +2587,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -2652,6 +2727,21 @@
         </li>
       
 
+        <li class="nav-tree__item is-active is-active-trail ">
+          
+        <a class="nav-tree__link  is-active is-active-trail" href="/frontend/demos/badge/" aria-current="page">
+          
+    
+    <span class="nav-tree__text">
+      Badge
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2667,6 +2757,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -2682,6 +2787,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
+          
+    
+    <span class="nav-tree__text">
+      Button Verbose
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/callout/">
@@ -2714,7 +2834,7 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-old/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
@@ -2742,13 +2862,13 @@
         </li>
       
 
-        <li class="nav-tree__item is-active is-active-trail ">
+        <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  is-active is-active-trail" href="/frontend/demos/card-new/" aria-current="page">
+        <a class="nav-tree__link  " href="/frontend/demos/counter-list/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Counter List
     </span>
   
         </a>
@@ -3806,6 +3926,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/counter-list/">
+          
+    
+    <span class="nav-tree__text">
+      Counter-list
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/css-icon/">
@@ -4459,21 +4594,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4939,6 +5059,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -5013,6 +5148,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -5042,7 +5192,20 @@
 </header>
 		
 			<div class="page__toc page-toc">
-				
+				<h2>Jump To:</h2>
+<div class="toc">
+                <ol>
+                    
+                    <li><a href="#default-example">Default Example</a>
+            		</li>
+
+                    <li><a href="#sizes-test">Sizes Test</a>
+            		</li>
+
+                    <li><a href="#clickable">Clickable</a>
+            		</li>
+                </ol>
+            </div>
 			</div>
 		
 		<main id="main" class="page__body">
@@ -5051,28 +5214,42 @@
 			
 			
   <div class="page__body-top container ">
-    <h1 class="page__title h1">Card New</h1>
-
-  <p class="type-large type-light">
-    Cards are...
-  </p>
+    <h1 class="page__title h1">Badge</h1>
 
 
   <hr class="rule rule--light rule--margin-large">
 
-    <h2 class="h2">Interactive Card Demo</h2>
-<div class="live-demo" data-live-demo="">
-  <div class="live-demo__display" data-live-demo-display="">
+    <div class="wysiwyg">
+      <h2 id="default-example" tabindex="-1">Default Example</h2>
+<div class="badge">
+  <div class="badge__inner">
+    <span>ULU</span>
+  </div>
+</div>
+<h2 id="sizes-test" tabindex="-1">Sizes Test</h2>
+<div class="badge badge--small">
+  <div class="badge__inner">
+    <span>ULU</span>
   </div>
-  <form class="live-demo__form form-theme" data-live-demo-form="">
-  </form>
-  <script type="text/x-handlebars-template" data-live-demo-template="">
-    <div>
-    This works
-    </div>
-  </script>
 </div>
+<div class="badge">
+  <div class="badge__inner">
+    <span>ULU</span>
+  </div>
+</div>
+<div class="badge badge--large">
+  <div class="badge__inner">
+    <span>ULU</span>
+  </div>
+</div>
+<h2 id="clickable" tabindex="-1">Clickable</h2>
+<a href="#" class="badge badge--clickable">
+  <div class="badge__inner">
+    <img src="https://picsum.photos/id/64/300/300" alt="Jane Doe">
+  </div>
+</a>
 
+    </div>
   </div>
 
 		</main>

package/docs-dev/demos/breakpoints-manager/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/demos/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/">