npm - @ulu/frontend - Versions diffs - 0.1.0-beta.94 → 0.1.0-beta.96 - Mend

@ulu/frontend 0.1.0-beta.94 → 0.1.0-beta.96

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

package/CHANGELOG.md +8 -0
package/dist/ulu-frontend.min.css +1 -1
package/docs-dev/changelog/index.html +74 -0
package/docs-dev/demos/accordion/index.html +60 -0
package/docs-dev/demos/badge/index.html +60 -0
package/docs-dev/demos/badge-stack/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-group/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 +60 -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/headline-label/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 +60 -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/panel/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/rail/index.html +78 -4
package/docs-dev/demos/rule/index.html +60 -0
package/docs-dev/demos/scrollpoints/index.html +60 -0
package/docs-dev/demos/skeleton/index.html +5676 -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/demos/wysiwyg/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 +60 -0
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 +60 -0
package/docs-dev/sass/base/index/index.html +60 -0
package/docs-dev/sass/base/index.html +60 -0
package/docs-dev/sass/base/keyframes/index.html +61 -1
package/docs-dev/sass/base/layout/index.html +60 -0
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 +60 -0
package/docs-dev/sass/components/adaptive-spacing/index.html +60 -0
package/docs-dev/sass/components/badge/index.html +60 -0
package/docs-dev/sass/components/badge-stack/index.html +60 -0
package/docs-dev/sass/components/basic-hero/index.html +60 -0
package/docs-dev/sass/components/button/index.html +60 -0
package/docs-dev/sass/components/button-group/index.html +60 -0
package/docs-dev/sass/components/button-verbose/index.html +60 -0
package/docs-dev/sass/components/callout/index.html +60 -0
package/docs-dev/sass/components/captioned-figure/index.html +60 -0
package/docs-dev/sass/components/card/index.html +60 -0
package/docs-dev/sass/components/card-grid/index.html +60 -0
package/docs-dev/sass/components/counter-list/index.html +60 -0
package/docs-dev/sass/components/css-icon/index.html +60 -0
package/docs-dev/sass/components/data-grid/index.html +60 -0
package/docs-dev/sass/components/data-table/index.html +60 -0
package/docs-dev/sass/components/fill-context/index.html +60 -0
package/docs-dev/sass/components/flipcard/index.html +60 -0
package/docs-dev/sass/components/flipcard-grid/index.html +60 -0
package/docs-dev/sass/components/form-theme/index.html +60 -0
package/docs-dev/sass/components/headline-label/index.html +60 -0
package/docs-dev/sass/components/hero/index.html +60 -0
package/docs-dev/sass/components/horizontal-rule/index.html +60 -0
package/docs-dev/sass/components/image-grid/index.html +60 -0
package/docs-dev/sass/components/index/index.html +71 -10
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 +60 -0
package/docs-dev/sass/components/list-lines/index.html +60 -0
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 +60 -0
package/docs-dev/sass/components/modal/index.html +60 -0
package/docs-dev/sass/components/nav-strip/index.html +60 -0
package/docs-dev/sass/components/overlay-section/index.html +60 -0
package/docs-dev/sass/components/pager/index.html +60 -0
package/docs-dev/sass/components/panel/index.html +60 -0
package/docs-dev/sass/components/placeholder-block/index.html +60 -0
package/docs-dev/sass/components/popover/index.html +60 -0
package/docs-dev/sass/components/pull-quote/index.html +60 -0
package/docs-dev/sass/components/rail/index.html +60 -0
package/docs-dev/sass/components/ratio-box/index.html +60 -0
package/docs-dev/sass/components/rule/index.html +60 -0
package/docs-dev/sass/components/scroll-slider/index.html +60 -0
package/docs-dev/sass/components/skeleton/index.html +5860 -0
package/docs-dev/sass/components/skip-link/index.html +60 -0
package/docs-dev/sass/components/slider/index.html +60 -0
package/docs-dev/sass/components/spoke-spinner/index.html +60 -0
package/docs-dev/sass/components/sticky-list/index.html +60 -0
package/docs-dev/sass/components/tabs/index.html +60 -0
package/docs-dev/sass/components/tag/index.html +60 -0
package/docs-dev/sass/components/tile-button/index.html +60 -0
package/docs-dev/sass/components/tile-grid/index.html +60 -0
package/docs-dev/sass/components/tile-grid-overlay/index.html +60 -0
package/docs-dev/sass/components/vignette/index.html +60 -0
package/docs-dev/sass/components/wysiwyg/index.html +60 -0
package/docs-dev/sass/core/breakpoint/index.html +60 -0
package/docs-dev/sass/core/button/index.html +60 -0
package/docs-dev/sass/core/color/index.html +94 -33
package/docs-dev/sass/core/cssvar/index.html +60 -0
package/docs-dev/sass/core/element/index.html +60 -0
package/docs-dev/sass/core/index.html +60 -0
package/docs-dev/sass/core/layout/index.html +60 -0
package/docs-dev/sass/core/path/index.html +60 -0
package/docs-dev/sass/core/selector/index.html +60 -0
package/docs-dev/sass/core/typography/index.html +60 -0
package/docs-dev/sass/core/units/index.html +60 -0
package/docs-dev/sass/core/utils/index.html +60 -0
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 +60 -0
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 +60 -0
package/docs-dev/sass/helpers/utilities/index.html +60 -0
package/docs-dev/sass/index.html +60 -0
package/package.json +1 -1
package/scss/_color.scss +1 -0
package/scss/base/_keyframes.scss +5 -0
package/scss/components/_index.scss +6 -0
package/scss/components/_skeleton.scss +117 -0
package/scss/helpers/_utilities.scss +1 -1

package/docs-dev/demos/nav-strip/index.html CHANGED Viewed

@@ -706,6 +706,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">

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

@@ -706,6 +706,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">

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

@@ -706,6 +706,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">

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

@@ -706,6 +706,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">

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

@@ -706,6 +706,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">

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

@@ -706,6 +706,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">

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

@@ -706,6 +706,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -1950,6 +1965,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -3432,6 +3462,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/slider/">
@@ -4676,6 +4721,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/skeleton/">
+    <span class="nav-tree__text">
+      Skeleton
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/skip-link/">
@@ -5541,11 +5601,25 @@
   <hr class="rule rule--light rule--margin-large">
     <h2 class="h2">Default Rail (Items aligned start, vertically centered)</h2>
-<div class="rail rail--rule">
+<div class="rail rail--rule rail--nowrap">
+  <div class="rail__item">
+    <h3 class="h3 no-margin type-max-width-small layout-flex-baseline">
+      <span class="color-accent fas fa-book margin-right-small" aria-hidden="true"></span>
+      <span>Title of Item</span>
+    </h3>
+  </div>
+  <div class="rail__item rail__item--pull">
+    <button class="button button--transparent button--icon no-margin" aria-label="Open Menu">
+      <span class="button__icon fas fa-ellipsis" aria-hidden="true"></span>
+    </button>
+  </div>
+</div>
+<p>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.</p>
+<div class="rail rail--rule rail--nowrap">
   <div class="rail__item">
-    <h3 class="h3 no-margin">
-      <span class="color-accent fas fa-book" aria-hidden="true"></span>
-      Title of Item
+    <h3 class="h3 no-margin type-max-width-small layout-flex-baseline">
+      <span class="color-accent fas fa-book margin-right-small" aria-hidden="true"></span>
+      <span> This is testing a long title to see how we might need to handle max width</span>
     </h3>
   </div>
   <div class="rail__item rail__item--pull">