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/demos/file-save/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/demos/flipcard/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/demos/form-theme/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/demos/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/demos/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/">

package/docs-dev/demos/list-lines/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/demos/menu-stack/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/demos/modals/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/">
@@ -5287,6 +5347,14 @@
     "nonModal" : true
   }' hidden="">
   Test
+</div>
+<h2 class="h2">Test usage with link (not recommended)</h2>
+<p>Testing behavior when the trigger is a link/anchor element. Which is not recommended for accessibility, use button. In situations where this the only option use role button, aria-haspopup dialog and empty hash for href.</p>
+<p><a href="#" role="button" aria-haspopup="dialog" class="link" data-ulu-dialog-trigger="modal-id-trigger-by-link">Test Trigger Link</a></p>
+<div id="modal-id-trigger-by-link" data-ulu-modal-builder='{
+    "title" : "Triggered by a link"
+  }' hidden="">
+  Test
 </div>
   </div>