npm - @ulu/frontend - Versions diffs - 0.1.0-beta.39 → 0.1.0-beta.40 - Mend

@ulu/frontend 0.1.0-beta.39 → 0.1.0-beta.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/CHANGELOG.md +7 -0
package/dist/ulu-frontend.min.css +1 -1
package/dist/ulu-frontend.min.js +14 -14
package/docs-dev/changelog/index.html +107 -9
package/docs-dev/demos/accordion/index.html +60 -0
package/docs-dev/demos/breakpoints-manager/index.html +60 -0
package/docs-dev/demos/button/index.html +60 -0
package/docs-dev/demos/button-verbose/index.html +60 -0
package/docs-dev/demos/callout/index.html +60 -0
package/docs-dev/demos/captioned-figure/index.html +60 -0
package/docs-dev/demos/card/index.html +76 -16
package/docs-dev/demos/card-grid/index.html +60 -0
package/docs-dev/demos/counter-list/index.html +5224 -0
package/docs-dev/demos/css-icons/index.html +60 -0
package/docs-dev/demos/data-grid/index.html +60 -0
package/docs-dev/demos/data-table/index.html +160 -100
package/docs-dev/demos/details-group/index.html +60 -0
package/docs-dev/demos/file-save/index.html +60 -0
package/docs-dev/demos/flipcard/index.html +60 -0
package/docs-dev/demos/form-theme/index.html +60 -0
package/docs-dev/demos/index.html +60 -0
package/docs-dev/demos/list-inline/index.html +60 -0
package/docs-dev/demos/list-lines/index.html +60 -0
package/docs-dev/demos/menu-stack/index.html +60 -0
package/docs-dev/demos/modals/index.html +68 -0
package/docs-dev/demos/nav-strip/index.html +60 -0
package/docs-dev/demos/overlay-section/index.html +60 -0
package/docs-dev/demos/popovers/index.html +60 -0
package/docs-dev/demos/print/index.html +60 -0
package/docs-dev/demos/pull-quote/index.html +60 -0
package/docs-dev/demos/rule/index.html +60 -0
package/docs-dev/demos/scrollpoints/index.html +60 -0
package/docs-dev/demos/spoke-spinner/index.html +60 -0
package/docs-dev/demos/sticky-list/index.html +60 -0
package/docs-dev/demos/tabs/index.html +60 -0
package/docs-dev/demos/tag/index.html +60 -0
package/docs-dev/demos/theme-toggle/index.html +60 -0
package/docs-dev/demos/tiles/index.html +60 -0
package/docs-dev/demos/tooltip/index.html +60 -0
package/docs-dev/guide/building-stylesheet/index.html +60 -0
package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -0
package/docs-dev/guide/index.html +60 -0
package/docs-dev/index.html +60 -0
package/docs-dev/javascript/events/index.html +60 -0
package/docs-dev/javascript/index.html +60 -0
package/docs-dev/javascript/settings/index.html +60 -0
package/docs-dev/javascript/ui-breakpoints/index.html +60 -0
package/docs-dev/javascript/ui-collapsible/index.html +60 -0
package/docs-dev/javascript/ui-details-group/index.html +60 -0
package/docs-dev/javascript/ui-dialog/index.html +60 -0
package/docs-dev/javascript/ui-flipcard/index.html +60 -0
package/docs-dev/javascript/ui-grid/index.html +60 -0
package/docs-dev/javascript/ui-modal-builder/index.html +60 -0
package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -0
package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -0
package/docs-dev/javascript/ui-page/index.html +60 -0
package/docs-dev/javascript/ui-popover/index.html +60 -0
package/docs-dev/javascript/ui-print/index.html +60 -0
package/docs-dev/javascript/ui-print-details/index.html +60 -0
package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -0
package/docs-dev/javascript/ui-proxy-click/index.html +60 -0
package/docs-dev/javascript/ui-resizer/index.html +60 -0
package/docs-dev/javascript/ui-scroll-slider/index.html +60 -0
package/docs-dev/javascript/ui-scrollpoint/index.html +60 -0
package/docs-dev/javascript/ui-slider/index.html +60 -0
package/docs-dev/javascript/ui-tabs/index.html +60 -0
package/docs-dev/javascript/ui-theme-toggle/index.html +60 -0
package/docs-dev/javascript/ui-tooltip/index.html +60 -0
package/docs-dev/javascript/utils-class-logger/index.html +60 -0
package/docs-dev/javascript/utils-css/index.html +60 -0
package/docs-dev/javascript/utils-dom/index.html +105 -8
package/docs-dev/javascript/utils-file-save/index.html +60 -0
package/docs-dev/javascript/utils-floating-ui/index.html +60 -0
package/docs-dev/javascript/utils-id/index.html +60 -0
package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -0
package/docs-dev/javascript/utils-system/index.html +60 -0
package/docs-dev/sass/base/color/index.html +60 -0
package/docs-dev/sass/base/elements/index.html +130 -70
package/docs-dev/sass/base/index/index.html +116 -56
package/docs-dev/sass/base/index.html +60 -0
package/docs-dev/sass/base/keyframes/index.html +60 -0
package/docs-dev/sass/base/layout/index.html +123 -63
package/docs-dev/sass/base/normalize/index.html +60 -0
package/docs-dev/sass/base/print/index.html +60 -0
package/docs-dev/sass/base/root/index.html +60 -0
package/docs-dev/sass/base/typography/index.html +60 -0
package/docs-dev/sass/components/accordion/index.html +178 -118
package/docs-dev/sass/components/adaptive-spacing/index.html +184 -124
package/docs-dev/sass/components/badge/index.html +156 -96
package/docs-dev/sass/components/basic-hero/index.html +122 -62
package/docs-dev/sass/components/button/index.html +109 -49
package/docs-dev/sass/components/button-verbose/index.html +188 -128
package/docs-dev/sass/components/callout/index.html +223 -163
package/docs-dev/sass/components/captioned-figure/index.html +174 -114
package/docs-dev/sass/components/card/index.html +228 -168
package/docs-dev/sass/components/card-grid/index.html +130 -70
package/docs-dev/sass/components/counter-list/index.html +5458 -0
package/docs-dev/sass/components/css-icon/index.html +200 -140
package/docs-dev/sass/components/data-grid/index.html +227 -167
package/docs-dev/sass/components/data-table/index.html +174 -114
package/docs-dev/sass/components/fill-context/index.html +60 -0
package/docs-dev/sass/components/flipcard/index.html +222 -162
package/docs-dev/sass/components/flipcard-grid/index.html +117 -57
package/docs-dev/sass/components/form-theme/index.html +497 -437
package/docs-dev/sass/components/hero/index.html +167 -107
package/docs-dev/sass/components/horizontal-rule/index.html +116 -56
package/docs-dev/sass/components/image-grid/index.html +123 -63
package/docs-dev/sass/components/index/index.html +161 -100
package/docs-dev/sass/components/index.html +60 -0
package/docs-dev/sass/components/links/index.html +60 -0
package/docs-dev/sass/components/list-inline/index.html +137 -77
package/docs-dev/sass/components/list-lines/index.html +158 -98
package/docs-dev/sass/components/list-ordered/index.html +60 -0
package/docs-dev/sass/components/list-unordered/index.html +60 -0
package/docs-dev/sass/components/menu-stack/index.html +179 -119
package/docs-dev/sass/components/modal/index.html +174 -114
package/docs-dev/sass/components/nav-strip/index.html +174 -114
package/docs-dev/sass/components/overlay-section/index.html +161 -101
package/docs-dev/sass/components/pager/index.html +174 -114
package/docs-dev/sass/components/placeholder-block/index.html +174 -114
package/docs-dev/sass/components/popover/index.html +174 -114
package/docs-dev/sass/components/pull-quote/index.html +174 -114
package/docs-dev/sass/components/ratio-box/index.html +120 -60
package/docs-dev/sass/components/rule/index.html +123 -63
package/docs-dev/sass/components/scroll-slider/index.html +174 -114
package/docs-dev/sass/components/skip-link/index.html +94 -34
package/docs-dev/sass/components/slider/index.html +174 -114
package/docs-dev/sass/components/spoke-spinner/index.html +116 -56
package/docs-dev/sass/components/sticky-list/index.html +206 -146
package/docs-dev/sass/components/tabs/index.html +174 -114
package/docs-dev/sass/components/tag/index.html +221 -161
package/docs-dev/sass/components/tile-button/index.html +161 -101
package/docs-dev/sass/components/tile-grid/index.html +202 -142
package/docs-dev/sass/components/tile-grid-overlay/index.html +97 -37
package/docs-dev/sass/components/vignette/index.html +116 -56
package/docs-dev/sass/components/wysiwyg/index.html +125 -65
package/docs-dev/sass/core/breakpoint/index.html +160 -100
package/docs-dev/sass/core/button/index.html +526 -466
package/docs-dev/sass/core/color/index.html +217 -157
package/docs-dev/sass/core/cssvar/index.html +109 -49
package/docs-dev/sass/core/element/index.html +495 -435
package/docs-dev/sass/core/index.html +60 -0
package/docs-dev/sass/core/layout/index.html +167 -107
package/docs-dev/sass/core/path/index.html +92 -32
package/docs-dev/sass/core/selector/index.html +109 -49
package/docs-dev/sass/core/typography/index.html +344 -284
package/docs-dev/sass/core/units/index.html +141 -81
package/docs-dev/sass/core/utils/index.html +130 -70
package/docs-dev/sass/helpers/color/index.html +60 -0
package/docs-dev/sass/helpers/display/index.html +60 -0
package/docs-dev/sass/helpers/index/index.html +113 -53
package/docs-dev/sass/helpers/index.html +60 -0
package/docs-dev/sass/helpers/typography/index.html +60 -0
package/docs-dev/sass/helpers/units/index.html +107 -47
package/docs-dev/sass/helpers/utilities/index.html +60 -0
package/docs-dev/sass/index.html +60 -0
package/js/ui/dialog.js +28 -3
package/js/utils/dom.js +14 -3
package/package.json +2 -2
package/scss/components/_counter-list.scss +133 -0
package/scss/components/_index.scss +6 -0
package/types/ui/dialog.d.ts +1 -0
package/types/ui/dialog.d.ts.map +1 -1
package/types/utils/dom.d.ts +11 -3
package/types/utils/dom.d.ts.map +1 -1

package/docs-dev/sass/components/index.html CHANGED Viewed

@@ -286,6 +286,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/counter-list/">
+    <span class="nav-tree__text">
+      Counter List
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -1335,6 +1350,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/">
@@ -2802,6 +2832,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/counter-list/">
+    <span class="nav-tree__text">
+      Counter List
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -3851,6 +3896,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/">

package/docs-dev/sass/components/links/index.html CHANGED Viewed

@@ -286,6 +286,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/counter-list/">
+    <span class="nav-tree__text">
+      Counter List
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -1335,6 +1350,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/">
@@ -2802,6 +2832,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/counter-list/">
+    <span class="nav-tree__text">
+      Counter List
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -3851,6 +3896,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/">

package/docs-dev/sass/components/list-inline/index.html CHANGED Viewed

@@ -286,6 +286,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/counter-list/">
+    <span class="nav-tree__text">
+      Counter List
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -1335,6 +1350,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/">
@@ -2802,6 +2832,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/counter-list/">
+    <span class="nav-tree__text">
+      Counter List
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/css-icons/">
@@ -3851,6 +3896,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/">
@@ -5106,15 +5166,6 @@
 <div class="toc">
                 <ol>
-                    <li><a href="#variables">Variables</a>
-                <ol>
-                    <li><a href="#variable-config">$config</a>
-            		</li>
-                </ol>
-            		</li>
                     <li><a href="#mixins">Mixins</a>
                 <ol>
@@ -5133,6 +5184,15 @@
                     <li><a href="#function-get">get()</a>
             		</li>
+                </ol>
+            		</li>
+                    <li><a href="#variables">Variables</a>
+                <ol>
+                    <li><a href="#variable-config">$config</a>
+            		</li>
                 </ol>
             		</li>
                 </ol>
@@ -5149,74 +5209,6 @@
       <h1 id="list-inline" tabindex="-1">List-inline</h1>
 <div class="type-large">
 </div>
-<h2 id="variables" tabindex="-1">Variables</h2>
-<div class="sassdoc-item-header">
-<h3 id="variable-config" tabindex="-1">$config</h3>
-  <div class="sassdoc-item-header__labels">
-    <span class="tag tag--primary"><strong>Variable</strong></span>
-  </div>
-</div>
-<p>Module Config</p>
-<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">"rule-style"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"light"</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"margin-top"</span><span class="pjs-token pjs-punctuation">:</span> 0<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"margin-bottom"</span><span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"space-between"</span> <span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"space-between-large"</span> <span class="pjs-token pjs-punctuation">:</span> 2em
-<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
-<details>
-  <summary>File Information</summary>
-<ul>
-<li><strong>File:</strong> _list-inline.scss</li>
-<li><strong>Group:</strong> list-inline</li>
-<li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 11-16</li>
-<li><strong>Lines (code):</strong> 18-24</li>
-</ul>
-</details>
-<h4 id="map-properties" tabindex="-1">Map Properties</h4>
-<table>
-<thead>
-<tr>
-<th style="text-align:left">Name</th>
-<th style="text-align:left">Type</th>
-<th style="text-align:left">Default</th>
-<th style="text-align:left">Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:left">rule-style</td>
-<td style="text-align:left">String</td>
-<td style="text-align:left">&quot;light&quot;</td>
-<td style="text-align:left">Name of element &gt; rule style to use for divider/border</td>
-</tr>
-<tr>
-<td style="text-align:left">margin-top</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">0</td>
-<td style="text-align:left">Top margin of list.</td>
-</tr>
-<tr>
-<td style="text-align:left">margin-bottom</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">1em</td>
-<td style="text-align:left">Bottom margin of list.</td>
-</tr>
-<tr>
-<td style="text-align:left">space-between</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">1em</td>
-<td style="text-align:left">Gap between item and dividers</td>
-</tr>
-<tr>
-<td style="text-align:left">space-between-large</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">1em</td>
-<td style="text-align:left">Gap between item and dividers when using large-gap modifier</td>
-</tr>
-</tbody>
-</table>
 <h2 id="mixins" tabindex="-1">Mixins</h2>
 <div class="sassdoc-item-header">
 <h3 id="mixin-set" tabindex="-1">set()</h3>
@@ -5322,6 +5314,74 @@
 <ul>
 <li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
 </ul>
+<h2 id="variables" tabindex="-1">Variables</h2>
+<div class="sassdoc-item-header">
+<h3 id="variable-config" tabindex="-1">$config</h3>
+  <div class="sassdoc-item-header__labels">
+    <span class="tag tag--primary"><strong>Variable</strong></span>
+  </div>
+</div>
+<p>Module Config</p>
+<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">"rule-style"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"light"</span><span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"margin-top"</span><span class="pjs-token pjs-punctuation">:</span> 0<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"margin-bottom"</span><span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"space-between"</span> <span class="pjs-token pjs-punctuation">:</span> 1em<span class="pjs-token pjs-punctuation">,</span>
+  <span class="pjs-token pjs-string">"space-between-large"</span> <span class="pjs-token pjs-punctuation">:</span> 2em
+<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
+<details>
+  <summary>File Information</summary>
+<ul>
+<li><strong>File:</strong> _list-inline.scss</li>
+<li><strong>Group:</strong> list-inline</li>
+<li><strong>Type:</strong> variable</li>
+<li><strong>Lines (comments):</strong> 11-16</li>
+<li><strong>Lines (code):</strong> 18-24</li>
+</ul>
+</details>
+<h4 id="map-properties" tabindex="-1">Map Properties</h4>
+<table>
+<thead>
+<tr>
+<th style="text-align:left">Name</th>
+<th style="text-align:left">Type</th>
+<th style="text-align:left">Default</th>
+<th style="text-align:left">Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td style="text-align:left">rule-style</td>
+<td style="text-align:left">String</td>
+<td style="text-align:left">&quot;light&quot;</td>
+<td style="text-align:left">Name of element &gt; rule style to use for divider/border</td>
+</tr>
+<tr>
+<td style="text-align:left">margin-top</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">0</td>
+<td style="text-align:left">Top margin of list.</td>
+</tr>
+<tr>
+<td style="text-align:left">margin-bottom</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">1em</td>
+<td style="text-align:left">Bottom margin of list.</td>
+</tr>
+<tr>
+<td style="text-align:left">space-between</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">1em</td>
+<td style="text-align:left">Gap between item and dividers</td>
+</tr>
+<tr>
+<td style="text-align:left">space-between-large</td>
+<td style="text-align:left">Dimension</td>
+<td style="text-align:left">1em</td>
+<td style="text-align:left">Gap between item and dividers when using large-gap modifier</td>
+</tr>
+</tbody>
+</table>
     </div>
   </div>