@ulu/frontend 0.1.0-beta.82 → 0.1.0-beta.84

package/docs-dev/changelog/index.html

@@ -226,6 +226,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-group/">
+          
+    
+    <span class="nav-tree__text">
+      Button Group
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
@@ -421,6 +436,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/headline-label/">
+          
+    
+    <span class="nav-tree__text">
+      Headline Label
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/hero/">
@@ -541,6 +571,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/panel/">
+          
+    
+    <span class="nav-tree__text">
+      Panel
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/popovers/">
@@ -586,6 +631,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/rail/">
+          
+    
+    <span class="nav-tree__text">
+      Rail
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/rule/">
@@ -1290,6 +1350,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/button-group/">
+          
+    
+    <span class="nav-tree__text">
+      Button-group
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/button-verbose/">
@@ -1485,6 +1560,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/headline-label/">
+          
+    
+    <span class="nav-tree__text">
+      Headline-label
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/hero/">
@@ -1695,6 +1785,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/panel/">
+          
+    
+    <span class="nav-tree__text">
+      Panel
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/placeholder-block/">
@@ -1740,6 +1845,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/rail/">
+          
+    
+    <span class="nav-tree__text">
+      Rail
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/ratio-box/">
@@ -2787,6 +2907,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/button-group/">
+          
+    
+    <span class="nav-tree__text">
+      Button Group
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button-verbose/">
@@ -2982,6 +3117,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/headline-label/">
+          
+    
+    <span class="nav-tree__text">
+      Headline Label
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/hero/">
@@ -3102,6 +3252,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/panel/">
+          
+    
+    <span class="nav-tree__text">
+      Panel
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/popovers/">
@@ -3147,6 +3312,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/rail/">
+          
+    
+    <span class="nav-tree__text">
+      Rail
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/rule/">
@@ -3851,6 +4031,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/button-group/">
+          
+    
+    <span class="nav-tree__text">
+      Button-group
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/button-verbose/">
@@ -4046,6 +4241,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/headline-label/">
+          
+    
+    <span class="nav-tree__text">
+      Headline-label
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/hero/">
@@ -4256,6 +4466,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/panel/">
+          
+    
+    <span class="nav-tree__text">
+      Panel
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/placeholder-block/">
@@ -4301,6 +4526,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/sass/components/rail/">
+          
+    
+    <span class="nav-tree__text">
+      Rail
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/components/ratio-box/">
@@ -5196,6 +5436,12 @@
 <div class="toc">
                 <ol>
                     
+                    <li><a href="#0.1.0-beta.84">0.1.0-beta.84</a>
+            		</li>
+
+                    <li><a href="#0.1.0-beta.83">0.1.0-beta.83</a>
+            		</li>
+
                     <li><a href="#0.1.0-beta.82">0.1.0-beta.82</a>
             		</li>
 
@@ -5490,9 +5736,54 @@
 
     <div class="changelog">
 <h1 id="change-log" tabindex="-1">Change Log</h1>
+<h2 id="0.1.0-beta.84" tabindex="-1">0.1.0-beta.84</h2>
+<ul>
+<li><strong>scss/components/headline-label.scss</strong>
+<ul>
+<li>Add new component &quot;headline-label&quot; for small label above headlines</li>
+</ul>
+</li>
+<li><strong>scss/components/panel.scss</strong>
+<ul>
+<li>Add new panel component, this is to replace custom callout layouts/etc</li>
+<li>A panel is a box with child rows (such as header, body, footer) or anything like that (think structured callouts, sidebar menus, anything that needs this type of layout)</li>
+<li>User defines how it looks and what modifiers are present (unless using defaults)</li>
+</ul>
+</li>
+<li><strong>scss/element.scss</strong>
+<ul>
+<li>Add new function <code>get-optional-rule-style($value)</code> which will test the input passed, if it's a string and not 'none'/none it will return a rule-style, if it's another type of value (null, css border value, etc) it will pass it through. So that we easily have config values in components etc, that can leverage rule styles but allow user values if that's not what's desired</li>
+</ul>
+</li>
+<li><strong>scss/utils.scss</strong>
+<ul>
+<li>Add utils.default() for inline defaults to handle pattern similiar to function-fallback works, for local values (not for configuration fallbacks)</li>
+<li>Use like <code>color: ulu.utils-default($user-value, red)</code> (if user value is anything other than <code>true</code>) return it, else return default value (like how all config defaults work)</li>
+<li>Designed mainly for internal library use</li>
+</ul>
+</li>
+</ul>
+<h2 id="0.1.0-beta.83" tabindex="-1">0.1.0-beta.83</h2>
+<ul>
+<li><strong>js/ui/resizer.js</strong>
+<ul>
+<li>Add keyboard events</li>
+<li>Add selfManagedEvents and selfManagedAriaLabel
+<ul>
+<li>So we can use this in other libraries/etc</li>
+</ul>
+</li>
+</ul>
+</li>
+<li><strong>js/ui/modal-builder.js</strong>
+<ul>
+<li>Update default modal template option to have a button for resizer to work with updated resizer script</li>
+</ul>
+</li>
+</ul>
 <h2 id="0.1.0-beta.82" tabindex="-1">0.1.0-beta.82</h2>
 <ul>
-<li><strong>js/utils/dialog.js</strong>
+<li><strong>js/ui/dialog.js</strong>
 <ul>
 <li>Remove native resize detection (resizeObserver, etc) since all resizing is done by resizer now
 <ul>
@@ -5515,12 +5806,12 @@
 <li>Remove 'resize' native resizing for 'center' position, and use new resizer for both axes</li>
 </ul>
 </li>
-<li><strong>js/utils/modal-builder.js</strong>
+<li><strong>js/ui/modal-builder.js</strong>
 <ul>
 <li>Update resizer to create resizer handle for &quot;center&quot; so we can remove CSS resize in modals.scss</li>
 </ul>
 </li>
-<li><strong>js/utils/resizer.js</strong>
+<li><strong>js/ui/resizer.js</strong>
 <ul>
 <li>Refactor API to be fromX, and fromY (instead of fromLeft) to support both axes</li>
 <li>Add events dispatched from resizer's container for user</li>