@ulu/frontend 0.1.0-beta.32 → 0.1.0-beta.34

package/docs-dev/changelog/index.html

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,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>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,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>
@@ -5046,6 +5076,15 @@
 <div class="toc">
                 <ol>
                     
+                    <li><a href="#version-0.1.0-beta.34">Version 0.1.0-beta.34</a>
+            		</li>
+
+                    <li><a href="#version-0.1.0-beta.33">Version 0.1.0-beta.33</a>
+            		</li>
+
+                    <li><a href="#version-0.1.0-beta.32">Version 0.1.0-beta.32</a>
+            		</li>
+
                     <li><a href="#version-0.1.0-beta.31">Version 0.1.0-beta.31</a>
             		</li>
 
@@ -5196,6 +5235,120 @@
 
     <div class="changelog">
 <h1 id="change-log" tabindex="-1">Change Log</h1>
+<h2 id="version-0.1.0-beta.34" tabindex="-1">Version 0.1.0-beta.34</h2>
+<ul>
+<li><strong>scss/</strong>
+<ul>
+<li><strong>element</strong>
+<ul>
+<li>Add mixins for element.cap() and element.cap-appearance() which are used internally but can be used by users to add end caps to an element</li>
+</ul>
+</li>
+<li><strong>utils</strong>
+<ul>
+<li>Add ensure-map(), units-match(), is-end(), is-side() functions</li>
+</ul>
+</li>
+<li><strong>components/callout</strong>
+<ul>
+<li>Minor visual breaking change for those using cap</li>
+<li>Update how left-cap works (all properties have changed) now accepts common cap settings (see config)</li>
+<li>Caps can be set on any side now</li>
+<li>Callout styles map (for variations/modifiers of callout) will no longer output &quot;border&quot; configuration
+<ul>
+<li>Use &quot;border-width&quot; or &quot;border-color&quot; to affect border appearance</li>
+</ul>
+</li>
+</ul>
+</li>
+<li><strong>components/button-verbose</strong>
+<ul>
+<li>Minor visual breaking change for those using cap</li>
+<li>left cap has changed to cap and accepts common cap options (see config)</li>
+</ul>
+</li>
+<li><strong>components/accordion</strong>
+<ul>
+<li>remove static margin-bottom added to &quot;--no-borders&quot; modifier (was 4rem)</li>
+<li>Fix calc for accordion + accordion to be based on border-width setting (was static 1px)</li>
+</ul>
+</li>
+<li><strong>components/slider</strong>
+<ul>
+<li>remove unused config options &quot;button-background-color&quot; and &quot;button-background-color-hover&quot;</li>
+</ul>
+</li>
+<li><strong>components/accordion</strong>
+<ul>
+<li>Remove margin-bottom</li>
+</ul>
+</li>
+<li><strong>components/data-table</strong>
+<ul>
+<li>Add config option &quot;footer-color&quot; to enable users to customize footer text color. Footer still defaults to &quot;color&quot; config option.</li>
+</ul>
+</li>
+</ul>
+</li>
+<li><strong>js/</strong>
+<ul>
+<li><strong>ui</strong> (remove setup functions, using component initializer class now)</li>
+<li><strong>ui/slider</strong>
+<ul>
+<li>update createNavButton function to pass whole slide rather than just slide number. Update getNavContent to still print slide number as accessibility text by default.</li>
+</ul>
+</li>
+<li><strong>ui/dialog</strong>
+<ul>
+<li>Added option preventScroll (defaults to true), used only for modal dialogs (ignored if nonModal)</li>
+</ul>
+</li>
+<li><strong>ui/tooltip</strong>
+<ul>
+<li>Fix missing init attribute</li>
+</ul>
+</li>
+<li><strong>ui/flipcard</strong>
+<ul>
+<li>Fix typo in method name &quot;setVisiblity&quot; to &quot;setVisibility&quot;</li>
+</ul>
+</li>
+<li><strong>ui/tabs</strong>
+<ul>
+<li>Fix issue with initial click of a tab when using &quot;openWithUrlHash&quot; option
+<ul>
+<li>Equal height checking was setting hidden attribute but aria-tablist library explicitly checks for hidden=&quot;hidden&quot;</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<h2 id="version-0.1.0-beta.33" tabindex="-1">Version 0.1.0-beta.33</h2>
+<ul>
+<li>scss
+<ul>
+<li>Add layout.absolute-fill throughout components/styles so that CSS is printed the same way for compression</li>
+<li>Add layout.absolute-fill throughout components/styles so that CSS is printed the same way for compression</li>
+</ul>
+</li>
+<li>scss/components/callout</li>
+<li>scss/components/button-verbose
+<ul>
+<li>Add left-cap-match-radius to have the left cap style match the border radius of the parent container</li>
+<li></li>
+</ul>
+</li>
+</ul>
+<h2 id="version-0.1.0-beta.32" tabindex="-1">Version 0.1.0-beta.32</h2>
+<ul>
+<li>scss/components/button-verbose
+<ul>
+<li>Add left-cap-match-radius to have the left cap style match the border radius of the parent container</li>
+</ul>
+</li>
+</ul>
 <h2 id="version-0.1.0-beta.31" tabindex="-1">Version 0.1.0-beta.31</h2>
 <ul>
 <li>scss/components/button-verbose

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

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,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>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,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>

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

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,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>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,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>

package/docs-dev/demos/button-verbose/index.html

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,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>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,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>

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

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,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>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,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>
@@ -5050,6 +5080,9 @@
             
                 <ol>
                     
+                    <li><a href="#rainbow-callout">Rainbow Callout</a>
+            		</li>
+
                     <li><a href="#info-callout">Info Callout</a>
             		</li>
 
@@ -5059,8 +5092,14 @@
                     <li><a href="#success-callout">Success Callout</a>
             		</li>
 
+                    <li><a href="#warning-callout">Warning Callout</a>
+            		</li>
+
                     <li><a href="#danger-callout">Danger Callout</a>
             		</li>
+
+                    <li><a href="#test-callout">Test Callout</a>
+            		</li>
                 </ol>
             		</li>
                 </ol>
@@ -5094,6 +5133,12 @@
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum. 
   <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>div</span><span class="pjs-token pjs-punctuation">></span></span>
 <span class="pjs-token pjs-tag"><span class="pjs-token pjs-tag"><span class="pjs-token pjs-punctuation">&lt;/</span>div</span><span class="pjs-token pjs-punctuation">></span></span></code></pre>
+<h3 id="rainbow-callout" tabindex="-1">Rainbow Callout</h3>
+<div class="callout callout--rainbow">
+  <div> 
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum. 
+  </div>
+</div>
 <h3 id="info-callout" tabindex="-1">Info Callout</h3>
 <div class="callout callout--info">
   <div> 
@@ -5115,11 +5160,23 @@
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum. 
   </div>
 </div>
+<h3 id="warning-callout" tabindex="-1">Warning Callout</h3>
+<div class="callout callout--warning">
+  <div> 
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum. 
+  </div>
+</div>
 <h3 id="danger-callout" tabindex="-1">Danger Callout</h3>
 <div class="callout callout--danger">
   <div> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum. 
   </div>
+</div>
+<h3 id="test-callout" tabindex="-1">Test Callout</h3>
+<div class="callout callout--test">
+  <div> 
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum. 
+  </div>
 </div>
     </div>
   </div>