npm - @ulu/frontend - Versions diffs - 0.1.0-beta.36 → 0.1.0-beta.38 - Mend

@ulu/frontend 0.1.0-beta.36 → 0.1.0-beta.38

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 (160) hide show

package/CHANGELOG.md +14 -1
package/dist/ulu-frontend.min.css +1 -1
package/dist/ulu-frontend.min.js +2 -2
package/docs-dev/changelog/index.html +137 -30
package/docs-dev/demos/accordion/index.html +60 -30
package/docs-dev/demos/breakpoints-manager/index.html +5186 -0
package/docs-dev/demos/button/index.html +60 -30
package/docs-dev/demos/button-verbose/index.html +60 -30
package/docs-dev/demos/callout/index.html +60 -30
package/docs-dev/demos/captioned-figure/index.html +60 -30
package/docs-dev/demos/card/index.html +76 -46
package/docs-dev/demos/card-grid/index.html +60 -30
package/docs-dev/demos/css-icons/index.html +60 -30
package/docs-dev/demos/data-grid/index.html +60 -30
package/docs-dev/demos/data-table/index.html +160 -130
package/docs-dev/demos/details-group/index.html +60 -30
package/docs-dev/demos/file-save/index.html +60 -30
package/docs-dev/demos/flipcard/index.html +60 -30
package/docs-dev/demos/form-theme/index.html +60 -30
package/docs-dev/demos/index.html +60 -30
package/docs-dev/demos/list-inline/index.html +60 -30
package/docs-dev/demos/list-lines/index.html +60 -30
package/docs-dev/demos/menu-stack/index.html +60 -30
package/docs-dev/demos/modals/index.html +111 -30
package/docs-dev/demos/nav-strip/index.html +60 -30
package/docs-dev/demos/overlay-section/index.html +60 -30
package/docs-dev/demos/popovers/index.html +117 -31
package/docs-dev/demos/print/index.html +60 -30
package/docs-dev/demos/pull-quote/index.html +60 -30
package/docs-dev/demos/rule/index.html +60 -30
package/docs-dev/demos/scrollpoints/index.html +60 -30
package/docs-dev/demos/spoke-spinner/index.html +60 -30
package/docs-dev/demos/sticky-list/index.html +60 -30
package/docs-dev/demos/tabs/index.html +60 -30
package/docs-dev/demos/tag/index.html +60 -30
package/docs-dev/demos/theme-toggle/index.html +60 -30
package/docs-dev/demos/tiles/index.html +60 -30
package/docs-dev/demos/tooltip/index.html +60 -30
package/docs-dev/guide/building-stylesheet/index.html +60 -30
package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -30
package/docs-dev/guide/index.html +60 -30
package/docs-dev/index.html +60 -30
package/docs-dev/javascript/events/index.html +60 -30
package/docs-dev/javascript/index.html +60 -30
package/docs-dev/javascript/settings/index.html +132 -36
package/docs-dev/javascript/ui-breakpoints/index.html +75 -45
package/docs-dev/javascript/ui-collapsible/index.html +60 -30
package/docs-dev/javascript/ui-details-group/index.html +60 -30
package/docs-dev/javascript/ui-dialog/index.html +60 -30
package/docs-dev/javascript/ui-flipcard/index.html +60 -30
package/docs-dev/javascript/ui-grid/index.html +60 -30
package/docs-dev/javascript/ui-modal-builder/index.html +60 -30
package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -30
package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -30
package/docs-dev/javascript/ui-page/index.html +60 -30
package/docs-dev/javascript/ui-popover/index.html +60 -30
package/docs-dev/javascript/ui-print/index.html +60 -30
package/docs-dev/javascript/ui-print-details/index.html +60 -30
package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -30
package/docs-dev/javascript/ui-proxy-click/index.html +60 -30
package/docs-dev/javascript/ui-resizer/index.html +60 -30
package/docs-dev/javascript/ui-scroll-slider/index.html +60 -30
package/docs-dev/javascript/ui-scrollpoint/index.html +60 -30
package/docs-dev/javascript/ui-slider/index.html +60 -30
package/docs-dev/javascript/ui-tabs/index.html +60 -30
package/docs-dev/javascript/ui-theme-toggle/index.html +60 -30
package/docs-dev/javascript/ui-tooltip/index.html +60 -30
package/docs-dev/javascript/utils-class-logger/index.html +60 -30
package/docs-dev/javascript/utils-css/index.html +5164 -0
package/docs-dev/javascript/utils-dom/index.html +60 -30
package/docs-dev/javascript/utils-file-save/index.html +60 -30
package/docs-dev/javascript/utils-floating-ui/index.html +60 -30
package/docs-dev/javascript/utils-id/index.html +60 -30
package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -30
package/docs-dev/javascript/utils-system/index.html +60 -30
package/docs-dev/sass/base/color/index.html +60 -30
package/docs-dev/sass/base/elements/index.html +60 -30
package/docs-dev/sass/base/index/index.html +60 -30
package/docs-dev/sass/base/index.html +60 -30
package/docs-dev/sass/base/keyframes/index.html +60 -30
package/docs-dev/sass/base/layout/index.html +60 -30
package/docs-dev/sass/base/normalize/index.html +60 -30
package/docs-dev/sass/base/print/index.html +60 -30
package/docs-dev/sass/base/root/index.html +60 -30
package/docs-dev/sass/base/typography/index.html +60 -30
package/docs-dev/sass/components/accordion/index.html +60 -30
package/docs-dev/sass/components/adaptive-spacing/index.html +60 -30
package/docs-dev/sass/components/badge/index.html +60 -30
package/docs-dev/sass/components/basic-hero/index.html +60 -30
package/docs-dev/sass/components/button/index.html +60 -30
package/docs-dev/sass/components/button-verbose/index.html +82 -38
package/docs-dev/sass/components/callout/index.html +60 -30
package/docs-dev/sass/components/captioned-figure/index.html +60 -30
package/docs-dev/sass/components/card/index.html +61 -31
package/docs-dev/sass/components/card-grid/index.html +60 -30
package/docs-dev/sass/components/css-icon/index.html +60 -30
package/docs-dev/sass/components/data-grid/index.html +80 -43
package/docs-dev/sass/components/data-table/index.html +60 -30
package/docs-dev/sass/components/fill-context/index.html +60 -30
package/docs-dev/sass/components/flipcard/index.html +60 -30
package/docs-dev/sass/components/flipcard-grid/index.html +60 -30
package/docs-dev/sass/components/form-theme/index.html +60 -30
package/docs-dev/sass/components/hero/index.html +60 -30
package/docs-dev/sass/components/horizontal-rule/index.html +60 -30
package/docs-dev/sass/components/image-grid/index.html +60 -30
package/docs-dev/sass/components/index/index.html +60 -30
package/docs-dev/sass/components/index.html +60 -30
package/docs-dev/sass/components/links/index.html +60 -30
package/docs-dev/sass/components/list-inline/index.html +60 -30
package/docs-dev/sass/components/list-lines/index.html +60 -30
package/docs-dev/sass/components/list-ordered/index.html +60 -30
package/docs-dev/sass/components/list-unordered/index.html +60 -30
package/docs-dev/sass/components/menu-stack/index.html +60 -30
package/docs-dev/sass/components/modal/index.html +61 -31
package/docs-dev/sass/components/nav-strip/index.html +60 -30
package/docs-dev/sass/components/overlay-section/index.html +60 -30
package/docs-dev/sass/components/pager/index.html +60 -30
package/docs-dev/sass/components/placeholder-block/index.html +60 -30
package/docs-dev/sass/components/popover/index.html +60 -30
package/docs-dev/sass/components/pull-quote/index.html +60 -30
package/docs-dev/sass/components/ratio-box/index.html +60 -30
package/docs-dev/sass/components/rule/index.html +60 -30
package/docs-dev/sass/components/scroll-slider/index.html +60 -30
package/docs-dev/sass/components/skip-link/index.html +60 -30
package/docs-dev/sass/components/slider/index.html +60 -30
package/docs-dev/sass/components/spoke-spinner/index.html +60 -30
package/docs-dev/sass/components/sticky-list/index.html +60 -30
package/docs-dev/sass/components/tabs/index.html +60 -30
package/docs-dev/sass/components/tag/index.html +60 -30
package/docs-dev/sass/components/tile-button/index.html +60 -30
package/docs-dev/sass/components/tile-grid/index.html +60 -30
package/docs-dev/sass/components/tile-grid-overlay/index.html +60 -30
package/docs-dev/sass/components/vignette/index.html +60 -30
package/docs-dev/sass/components/wysiwyg/index.html +60 -30
package/docs-dev/sass/core/breakpoint/index.html +106 -62
package/docs-dev/sass/core/button/index.html +60 -30
package/docs-dev/sass/core/color/index.html +60 -30
package/docs-dev/sass/core/cssvar/index.html +60 -30
package/docs-dev/sass/core/element/index.html +60 -30
package/docs-dev/sass/core/index.html +60 -30
package/docs-dev/sass/core/layout/index.html +60 -30
package/docs-dev/sass/core/path/index.html +60 -30
package/docs-dev/sass/core/selector/index.html +60 -30
package/docs-dev/sass/core/typography/index.html +60 -30
package/docs-dev/sass/core/units/index.html +60 -30
package/docs-dev/sass/core/utils/index.html +175 -123
package/docs-dev/sass/helpers/color/index.html +60 -30
package/docs-dev/sass/helpers/display/index.html +61 -31
package/docs-dev/sass/helpers/index/index.html +60 -30
package/docs-dev/sass/helpers/index.html +60 -30
package/docs-dev/sass/helpers/print/index.html +60 -0
package/docs-dev/sass/helpers/typography/index.html +60 -30
package/docs-dev/sass/helpers/units/index.html +60 -30
package/docs-dev/sass/helpers/utilities/index.html +62 -32
package/docs-dev/sass/index.html +60 -30
package/js/ui/slider.js +2 -2
package/package.json +1 -1
package/scss/helpers/_display.scss +15 -18
package/scss/helpers/_print.scss +12 -7
package/scss/helpers/_utilities.scss +42 -32

package/docs-dev/demos/overlay-section/index.html CHANGED Viewed

@@ -181,6 +181,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-    <span class="nav-tree__text">
-      Print
-    </span>
-        </a>
-        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-    <span class="nav-tree__text">
-      Print
-    </span>
-        </a>
-        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">

package/docs-dev/demos/popovers/index.html CHANGED Viewed

@@ -181,6 +181,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-    <span class="nav-tree__text">
-      Print
-    </span>
-        </a>
-        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-    <span class="nav-tree__text">
-      Print
-    </span>
-        </a>
-        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -5072,7 +5102,14 @@
 </header>
 			<div class="page__toc page-toc">
+				<h2>Jump To:</h2>
+<div class="toc">
+                <ol>
+                    <li><a href="#focusout-test-anchor">This headline is to be focused</a>
+            		</li>
+                </ol>
+            </div>
 			</div>
 		<main id="main" class="page__body">
@@ -5291,6 +5328,55 @@
   </div>
+<button class="button" type="button" data-ulu-popover-trigger='{ "floating": { "strategy": "fixed" }}'>
+  <span>Show Fixed Popover</span>
+  <span class="button__icon">
+    <span data-feather="fas fa-chevron-down"></span>
+  </span>
+</button>
+<div class="popover popover--fixed" data-ulu-popover-content="">
+  <div class="popover__inner">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo felis nisi, nec pretium justo varius sit amet. Vestibulum vitae quam in velit scelerisque tincidunt et vitae mauris. Fusce aliquet, ipsum sit amet lacinia euismod, est risus rhoncus ligula, eget egestas urna ligula nec enim. Fusce vulputate ornare ligula ut tempus. Sed accumsan orci sed turpis iaculis, at aliquam nibh rhoncus. Maecenas porta lorem a sem tincidunt, sed tristique ex laoreet. Nullam accumsan metus at lobortis interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam sagittis sem erat, quis fermentum lectus ultrices quis.
+  </div>
+  <div class="popover__footer">Popover Footer</div>
+  <span class="popover__arrow" data-ulu-popover-arrow=""></span>
+</div>
+<h2 class="h2">Close With Focusout Test</h2>
+<p>The following should close when clicking on the anchor link within</p>
+<button class="button" type="button" data-ulu-popover-trigger='{ "focusoutCloses" : true }'>
+  <span>Show Focusout Test</span>
+  <span class="button__icon">
+    <span data-feather="fas fa-chevron-down"></span>
+  </span>
+</button>
+<div class="popover" data-ulu-popover-content="">
+  <div class="popover__inner wysiwyg">
+    <ul>
+      <li>
+        <button type="button">Focusing this button should keep focus</button>
+      </li>
+      <li>
+        <a href="#focusout-test-anchor">Goto headline below</a>
+      </li>
+      <li>
+        <button type="button">Focusing this button should keep focus</button>
+      </li>
+    </ul>
+  </div>
+  <span class="popover__arrow" data-ulu-popover-arrow=""></span>
+</div>
+<div class="callout">
+  <h3 class="h3" id="focusout-test-anchor" tabindex="0">This headline is to be focused</h3>
+  <p>The above the headline will be focused by the anchor link in the popover above to test if focusout option for collapsibles works correctly</p>
+</div>
   </div>

package/docs-dev/demos/print/index.html CHANGED Viewed

@@ -181,6 +181,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-    <span class="nav-tree__text">
-      Print
-    </span>
-        </a>
-        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-    <span class="nav-tree__text">
-      Print
-    </span>
-        </a>
-        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">

package/docs-dev/demos/pull-quote/index.html CHANGED Viewed

@@ -181,6 +181,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-    <span class="nav-tree__text">
-      Print
-    </span>
-        </a>
-        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-    <span class="nav-tree__text">
-      Print
-    </span>
-        </a>
-        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">