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

package/docs-dev/changelog/index.html

@@ -5046,7 +5046,10 @@
 <div class="toc">
                 <ol>
                     
-                    <li><a href="#version-0.1.0-beta.30-(released)">Version 0.1.0-beta.30 (released)</a>
+                    <li><a href="#version-0.1.0-beta.31">Version 0.1.0-beta.31</a>
+            		</li>
+
+                    <li><a href="#version-0.1.0-beta.30">Version 0.1.0-beta.30</a>
             		</li>
 
                     <li><a href="#version-0.1.0-beta.29">Version 0.1.0-beta.29</a>
@@ -5193,7 +5196,15 @@
 
     <div class="changelog">
 <h1 id="change-log" tabindex="-1">Change Log</h1>
-<h2 id="version-0.1.0-beta.30-(released)" tabindex="-1">Version 0.1.0-beta.30 (released)</h2>
+<h2 id="version-0.1.0-beta.31" tabindex="-1">Version 0.1.0-beta.31</h2>
+<ul>
+<li>scss/components/button-verbose
+<ul>
+<li>Change left-cap default to false off (like it was before the change in 0.1.0-beta.29)</li>
+</ul>
+</li>
+</ul>
+<h2 id="version-0.1.0-beta.30" tabindex="-1">Version 0.1.0-beta.30</h2>
 <ul>
 <li>scss/components/button-verbose
 <ul>
@@ -5209,7 +5220,7 @@
 <li>scss/utils
 <ul>
 <li>Add (is-list, is-map, is-number, is-string, is-color) functions to reduce logic based on type (ie. <code>if(utils.is-list($value), $something, $something-else))</code></li>
-<li></li>
+<li>Add is-even, and is-odd functions</li>
 </ul>
 </li>
 </ul>

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

@@ -5068,54 +5068,54 @@
   <legend>Elements Visible</legend>
   <div>
 <div class="form-theme__item form-theme__item--checkbox">
-  <input type="checkbox" id="live-demo-id-1" name="title" checked="">
-<label for="live-demo-id-1">
+  <input type="checkbox" id="live-demo-id-57" name="title" checked="">
+<label for="live-demo-id-57">
   Title
 </label>  
 </div>
 <div class="form-theme__item form-theme__item--checkbox">
-  <input type="checkbox" id="live-demo-id-2" name="body" checked="">
-<label for="live-demo-id-2">
+  <input type="checkbox" id="live-demo-id-58" name="body" checked="">
+<label for="live-demo-id-58">
   Body
 </label>  
 </div>
 <div class="form-theme__item form-theme__item--checkbox">
-  <input type="checkbox" id="live-demo-id-3" name="content" checked="">
-<label for="live-demo-id-3">
+  <input type="checkbox" id="live-demo-id-59" name="content" checked="">
+<label for="live-demo-id-59">
   Content
 </label>  
 </div>
 <div class="form-theme__item form-theme__item--checkbox">
-  <input type="checkbox" id="live-demo-id-4" name="footer" checked="">
-<label for="live-demo-id-4">
+  <input type="checkbox" id="live-demo-id-60" name="footer" checked="">
+<label for="live-demo-id-60">
   Footer
 </label>  
 </div>
   </div>
 </fieldset>
 <div class="form-theme__item form-theme__item--select">
-<label for="live-demo-id-5">
+<label for="live-demo-id-61">
   Action
   <span class="fas fa-info-circle" data-ulu-tooltip="Proxy click only works when title is present"></span>
 </label>  
-  <select id="live-demo-id-5" name="action">
+  <select id="live-demo-id-61" name="action">
     <option value="">None</option>,<option value="link">Card is Link</option>,<option value="proxy">Proxy Click</option>
   </select>
 </div>
 <div class="form-theme__item form-theme__item--select">
-<label for="live-demo-id-6">
+<label for="live-demo-id-62">
   Media
 </label>  
-  <select id="live-demo-id-6" name="media">
+  <select id="live-demo-id-62" name="media">
     <option value="icon">Icon</option>,<option value="image">Image</option>,<option value="imageFit">Image (fit)</option>,<option value="none">No Image</option>
   </select>
 </div>
 <div class="form-theme__item form-theme__item--select">
-<label for="live-demo-id-7">
+<label for="live-demo-id-63">
   Layout
   <span class="fas fa-info-circle" data-ulu-tooltip="Overlay is not compatible with 'Icon' and 'No Image' options"></span>
 </label>  
-  <select id="live-demo-id-7" name="layout">
+  <select id="live-demo-id-63" name="layout">
     <option value="">Default</option>,<option value="horizontal">Horizontal</option>,<option value="overlay">Overlay</option>
   </select>
 </div>

package/docs-dev/demos/data-table/index.html

@@ -5101,46 +5101,46 @@
   </tfoot>
 </table>
 <h2 class="h2">Complex Table</h2>
-<table class="data-table" id="dt-1">
+<table class="data-table" id="dt-9">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-1-type" rowspan="2">Type</th>
-      <th id="dt-1-group" colspan="2">Group</th>
-      <th id="dt-1-details" colspan="2">Details</th>
-      <th id="dt-1-id" rowspan="2">Id</th>
+      <th id="dt-9-type" rowspan="2">Type</th>
+      <th id="dt-9-group" colspan="2">Group</th>
+      <th id="dt-9-details" colspan="2">Details</th>
+      <th id="dt-9-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-1-group" id="dt-1-primary">Primary</th>
-      <th headers="dt-1-group" id="dt-1-secondary">Secondary</th>
-      <th headers="dt-1-details" id="dt-1-before">Before Task</th>
-      <th headers="dt-1-details" id="dt-1-after">After Task</th>
+      <th headers="dt-9-group" id="dt-9-primary">Primary</th>
+      <th headers="dt-9-group" id="dt-9-secondary">Secondary</th>
+      <th headers="dt-9-details" id="dt-9-before">Before Task</th>
+      <th headers="dt-9-details" id="dt-9-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-1-type dt-1-r1" id="dt-1-r1">Default</th>
-      <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-9-type dt-9-r1" id="dt-9-r1">Default</th>
+      <td headers="dt-9-group dt-9-primary dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-group dt-9-secondary dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-details dt-9-before dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-details dt-9-after dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-id">OL-53-GHSLE</td>
+      <td headers="dt-9-group dt-9-primary dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-group dt-9-secondary dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-details dt-9-before dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-details dt-9-after dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
-      <td headers="dt-1-id">OL-53-GHSLE</td>
+      <td headers="dt-9-group dt-9-primary dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-group dt-9-secondary dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-details dt-9-before dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-details dt-9-after dt-9-r1">Lorem Ipsum</td>
+      <td headers="dt-9-id">OL-53-GHSLE</td>
     </tr>
   </tbody>
 </table>

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

@@ -5101,7 +5101,7 @@
 <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$config</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
   <span class="pjs-token pjs-string">"background-color"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"background-color-hover"</span> <span class="pjs-token pjs-punctuation">:</span> #F7F8F7<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"border-radius"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"border-radius"</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"border-radius"</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">"box-shadow"</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">"box-shadow-hover"</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">"color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"type"</span><span class="pjs-token pjs-punctuation">,</span>
@@ -5118,10 +5118,11 @@
   <span class="pjs-token pjs-string">"title-color"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"link"</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"title-margin"</span> <span class="pjs-token pjs-punctuation">:</span> 0.5em<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"title-color-hover"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"link-hover"</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"left-cap"</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">"left-cap"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"left-cap-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"link"</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"left-cap-color-hover"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"link-hover"</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"left-cap-width"</span> <span class="pjs-token pjs-punctuation">:</span> 0.5rem
+  <span class="pjs-token pjs-string">"left-cap-width"</span> <span class="pjs-token pjs-punctuation">:</span> 0.5rem<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"left-cap-match-radius"</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-punctuation">;</span></code></pre>
 <details>
   <summary>File Information</summary>
@@ -5129,8 +5130,8 @@
 <li><strong>File:</strong> _button-verbose.scss</li>
 <li><strong>Group:</strong> button-verbose</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 30-54</li>
-<li><strong>Lines (code):</strong> 56-80</li>
+<li><strong>Lines (comments):</strong> 30-55</li>
+<li><strong>Lines (code):</strong> 57-82</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5282,6 +5283,12 @@
 <td style="text-align:left">0.5rem</td>
 <td style="text-align:left">Width of the cap</td>
 </tr>
+<tr>
+<td style="text-align:left">left-cap-match-radius</td>
+<td style="text-align:left">Number</td>
+<td style="text-align:left">true</td>
+<td style="text-align:left">The cap should have be rounded to match the parent's border radius</td>
+</tr>
 </tbody>
 </table>
 <h2 id="mixins" tabindex="-1">Mixins</h2>
@@ -5298,8 +5305,8 @@
 <li><strong>File:</strong> _button-verbose.scss</li>
 <li><strong>Group:</strong> button-verbose</li>
 <li><strong>Type:</strong> mixin</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" tabindex="-1">Examples</h4>
@@ -5338,8 +5345,8 @@
 <li><strong>File:</strong> _button-verbose.scss</li>
 <li><strong>Group:</strong> button-verbose</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 101-109</li>
-<li><strong>Lines (code):</strong> 111-192</li>
+<li><strong>Lines (comments):</strong> 103-111</li>
+<li><strong>Lines (code):</strong> 113-198</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5376,8 +5383,8 @@
 <li><strong>File:</strong> _button-verbose.scss</li>
 <li><strong>Group:</strong> button-verbose</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 91-94</li>
-<li><strong>Lines (code):</strong> 96-99</li>
+<li><strong>Lines (comments):</strong> 93-96</li>
+<li><strong>Lines (code):</strong> 98-101</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

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

@@ -5293,8 +5293,8 @@
 <li><strong>File:</strong> _callout.scss</li>
 <li><strong>Group:</strong> callout</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 113-115</li>
-<li><strong>Lines (code):</strong> 117-164</li>
+<li><strong>Lines (comments):</strong> 102-104</li>
+<li><strong>Lines (code):</strong> 106-152</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>

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

@@ -5163,8 +5163,8 @@
 <li><strong>File:</strong> _card.scss</li>
 <li><strong>Group:</strong> card</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 17-67</li>
-<li><strong>Lines (code):</strong> 69-124</li>
+<li><strong>Lines (comments):</strong> 18-68</li>
+<li><strong>Lines (code):</strong> 70-125</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5488,8 +5488,8 @@
 <li><strong>File:</strong> _card.scss</li>
 <li><strong>Group:</strong> card</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 126-129</li>
-<li><strong>Lines (code):</strong> 131-133</li>
+<li><strong>Lines (comments):</strong> 127-130</li>
+<li><strong>Lines (code):</strong> 132-134</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5528,8 +5528,8 @@
 <li><strong>File:</strong> _card.scss</li>
 <li><strong>Group:</strong> card</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 144-148</li>
-<li><strong>Lines (code):</strong> 150-180</li>
+<li><strong>Lines (comments):</strong> 145-149</li>
+<li><strong>Lines (code):</strong> 151-181</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5576,8 +5576,8 @@
 <li><strong>File:</strong> _card.scss</li>
 <li><strong>Group:</strong> card</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 187-191</li>
-<li><strong>Lines (code):</strong> 193-468</li>
+<li><strong>Lines (comments):</strong> 188-192</li>
+<li><strong>Lines (code):</strong> 194-453</li>
 </ul>
 </details>
 <div class="callout callout--demo crop-margins">
@@ -5606,8 +5606,8 @@
 <li><strong>File:</strong> _card.scss</li>
 <li><strong>Group:</strong> card</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 135-138</li>
-<li><strong>Lines (code):</strong> 140-142</li>
+<li><strong>Lines (comments):</strong> 136-139</li>
+<li><strong>Lines (code):</strong> 141-143</li>
 </ul>
 </details>
 <h4 id="examples-3" tabindex="-1">Examples</h4>