@ulu/frontend 0.1.0-beta.110 → 0.1.0-beta.112

package/docs-dev/changelog/index.html

@@ -5766,6 +5766,12 @@
 <div class="toc">
                 <ol>
                     
+                    <li><a href="#0.1.0-beta.111">0.1.0-beta.111</a>
+            		</li>
+
+                    <li><a href="#0.1.0-beta.110">0.1.0-beta.110</a>
+            		</li>
+
                     <li><a href="#0.1.0-beta.109">0.1.0-beta.109</a>
             		</li>
 
@@ -6141,6 +6147,39 @@
 
     <div class="changelog">
 <h1 id="change-log" tabindex="-1">Change Log</h1>
+<h2 id="0.1.0-beta.111" tabindex="-1">0.1.0-beta.111</h2>
+<ul>
+<li><strong>scss/components/accordion</strong>
+<ul>
+<li>Add back in summary width 100% (for button usage)</li>
+<li>adjust how the border for summary open works so it doesn't affect animations</li>
+</ul>
+</li>
+<li><strong>scss/components/card.scss</strong>
+<ul>
+<li>Remove horizontal-body-max-width config option</li>
+<li>Add horizontal-main-max-width config option</li>
+<li>Add horizontal-aside-width config option</li>
+<li>styles using new config options to keep horizontal cards aside element at a specified size and alignment.</li>
+</ul>
+</li>
+</ul>
+<h2 id="0.1.0-beta.110" tabindex="-1">0.1.0-beta.110</h2>
+<ul>
+<li><strong>scss/typography</strong>
+<ul>
+<li>Add <code>optional-size</code> mixin</li>
+</ul>
+</li>
+<li><strong>scss/components/accordion</strong>
+<ul>
+<li>Refactored to not work for plain details elements. The component used to allow no container around the content. Content container is now required</li>
+<li>Does not support default details marker anymore (when icon is omitted), you must supply a icon in the correct structure</li>
+<li>Config, <code>margin</code> now is list form, configuration defaults adjusted slightly (from rem to em), remove transparent-padding- properties, add transparent-content-padding</li>
+<li>General refactor to remove things that are unnecessary, reduce code</li>
+</ul>
+</li>
+</ul>
 <h2 id="0.1.0-beta.109" tabindex="-1">0.1.0-beta.109</h2>
 <ul>
 <li><strong>scss/components/accordion</strong> - Adjusted selectors from &amp; + &amp; to print out selectors incase this mixin is called when scoped .accordion + .accordion vs .scope .accordion + .scope .accordion which is incorrect</li>

package/docs-dev/demos/progress-bar/index.html

@@ -5779,6 +5779,7 @@
     
 <h2 class="h2">Basic Example</h2>
 <p>The default progress bar has no modifiers.</p>
+
 <div class="progress-bar">
   <div class="progress-bar__header"><strong class="progress-bar__label">Label that is long test</strong>
   </div>
@@ -5793,7 +5794,19 @@
   </div>
 </div>
 
-<div class="rule rule--light"></div>
+
+<h2 class="h2">Simple Example</h2>
+
+<div class="progress-bar">
+  <div class="progress-bar__header">
+    <strong class="progress-bar__label">Label that is long test</strong>
+    <span class="progress-bar__value">40%</span>
+  </div>
+  <div class="progress-bar__track">
+    <div class="progress-bar__bar" style="width: 40%;"></div>
+  </div>
+</div>
+
 
 <h2 class="h2">Indeterminate Modifier</h2>
 <p>Uses the <code>.progress-bar--indeterminate</code> modifier for an animated loading state when the progress is unknown.</p>
@@ -5803,7 +5816,6 @@
   </div>
 </div>
 
-<div class="rule rule--light"></div>
 
 <h2 class="h2">Loader Style</h2>
 <p>Uses the <code>.progress-bar--loader</code> modifier for a thin loading bar.</p>
@@ -5814,7 +5826,6 @@
 </div>
 
 
-<div class="rule rule--light"></div>
 
 <h2 class="h2">Completed Example</h2>
 <p>An example of a completed progress bar with an icon.</p>
@@ -5836,7 +5847,6 @@
   </div>
 </div>
 
-<div class="rule rule--light"></div>
 
 <h2 class="h2">Deficit Example</h2>
 <p>An example of a progress bar with a deficit.</p>
@@ -5857,7 +5867,6 @@
   </div>
 </div>
 
-<div class="rule rule--light"></div>
 
 <h2 class="h2">Positive Style</h2>
 <p>Uses the <code>.progress-bar--positive</code> modifier.</p>
@@ -5868,7 +5877,6 @@
   </div>
 </div>
 
-<div class="rule rule--light"></div>
 
 <h2 class="h2">Negative Style</h2>
 <p>Uses the <code>.progress-bar--negative</code> modifier.</p>
@@ -5879,7 +5887,6 @@
   </div>
 </div>
 
-<div class="rule rule--light"></div>
 
 <h2 class="h2">Small Modifier</h2>
 <p>Uses the <code>.progress-bar--small</code> modifier. Font sizing is controlled by the parent element.</p>
@@ -5918,7 +5925,6 @@
   </div>
 </div>
 
-<div class="rule rule--light"></div>
 
 <h2 class="h2">Icon left with rail</h2>
 <p>Combining with rail component for icon on left</p>