npm - @ulu/frontend - Versions diffs - 0.1.0-beta.109 → 0.1.0-beta.110 - Mend

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

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

package/CHANGELOG.md +10 -0
package/dist/ulu-frontend.min.css +1 -1
package/docs-dev/changelog/index.html +7 -0
package/docs-dev/demos/accordion/index.html +4 -18
package/docs-dev/demos/card/index.html +16 -16
package/docs-dev/demos/data-table/index.html +100 -100
package/docs-dev/demos/progress-circle/index.html +44 -44
package/docs-dev/javascript/events/index.html +477 -1407
package/docs-dev/javascript/settings/index.html +4 -380
package/docs-dev/javascript/ui-breakpoints/index.html +0 -540
package/docs-dev/javascript/ui-collapsible/index.html +472 -1252
package/docs-dev/javascript/ui-details-group/index.html +0 -540
package/docs-dev/javascript/ui-dialog/index.html +472 -1252
package/docs-dev/javascript/ui-flipcard/index.html +331 -2703
package/docs-dev/javascript/ui-grid/index.html +342 -2534
package/docs-dev/javascript/ui-modal-builder/index.html +327 -2489
package/docs-dev/javascript/ui-overflow-scroller/index.html +342 -2534
package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +4 -380
package/docs-dev/javascript/ui-page/index.html +4 -380
package/docs-dev/javascript/ui-popover/index.html +4 -380
package/docs-dev/javascript/ui-print/index.html +4 -380
package/docs-dev/javascript/ui-print-details/index.html +4 -380
package/docs-dev/javascript/ui-programmatic-modal/index.html +4 -380
package/docs-dev/javascript/ui-proxy-click/index.html +4 -380
package/docs-dev/javascript/ui-resizer/index.html +4 -380
package/docs-dev/javascript/ui-scroll-slider/index.html +4 -380
package/docs-dev/javascript/ui-scrollpoint/index.html +4 -380
package/docs-dev/javascript/ui-slider/index.html +4 -380
package/docs-dev/javascript/ui-tabs/index.html +4 -380
package/docs-dev/javascript/ui-theme-toggle/index.html +4 -380
package/docs-dev/javascript/ui-tooltip/index.html +4 -380
package/docs-dev/javascript/utils-class-logger/index.html +4 -380
package/docs-dev/javascript/utils-css/index.html +4 -380
package/docs-dev/javascript/utils-dom/index.html +4 -380
package/docs-dev/javascript/utils-file-save/index.html +4 -380
package/docs-dev/javascript/utils-floating-ui/index.html +4 -380
package/docs-dev/javascript/utils-id/index.html +4 -380
package/docs-dev/javascript/utils-pause-youtube-video/index.html +4 -380
package/docs-dev/javascript/utils-system/index.html +4 -380
package/docs-dev/sass/base/elements/index.html +4 -380
package/docs-dev/sass/base/normalize/index.html +4 -380
package/docs-dev/sass/components/accordion/index.html +97 -63
package/docs-dev/sass/core/typography/index.html +78 -27
package/docs-dev/sass/helpers/color/index.html +4 -380
package/docs-dev/sass/helpers/display/index.html +4 -380
package/docs-dev/sass/helpers/index/index.html +4 -380
package/docs-dev/sass/helpers/typography/index.html +4 -380
package/docs-dev/sass/helpers/units/index.html +4 -380
package/docs-dev/sass/helpers/utilities/index.html +4 -380
package/package.json +1 -1
package/scss/_typography.scss +13 -0
package/scss/components/_accordion.scss +144 -113

package/docs-dev/sass/helpers/utilities/index.html CHANGED Viewed

@@ -957,195 +957,12 @@
         <li class="nav-tree__item  ">
-          <details class="nav-tree__collapsible">
-            <summary class="nav-tree__toggle">
-    <span class="nav-tree__toggle-content">
-    <span class="nav-tree__text">
-      Core
-    </span>
-    </span>
-    <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
-            </summary>
-      <ul class="nav-tree" data-menu-depth="3">
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/core/">
-    <span class="nav-tree__text">
-      Introduction
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/breakpoint/">
+        <a class="nav-tree__link  " href="/frontend/sass/core/">
     <span class="nav-tree__text">
-      Breakpoint
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/button/">
-    <span class="nav-tree__text">
-      Button
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/color/">
-    <span class="nav-tree__text">
-      Color
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/cssvar/">
-    <span class="nav-tree__text">
-      Cssvar
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/element/">
-    <span class="nav-tree__text">
-      Element
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/layout/">
-    <span class="nav-tree__text">
-      Layout
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/path/">
-    <span class="nav-tree__text">
-      Path
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/selector/">
-    <span class="nav-tree__text">
-      Selector
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/typography/">
-    <span class="nav-tree__text">
-      Typography
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/units/">
-    <span class="nav-tree__text">
-      Units
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/utils/">
-    <span class="nav-tree__text">
-      Utils
+      Core
     </span>
         </a>
@@ -1153,11 +970,6 @@
         </li>
-      </ul>
-          </details>
-        </li>
         <li class="nav-tree__item  ">
           <details class="nav-tree__collapsible">
@@ -3803,195 +3615,12 @@
         <li class="nav-tree__item  ">
-          <details class="nav-tree__collapsible">
-            <summary class="nav-tree__toggle">
-    <span class="nav-tree__toggle-content">
-    <span class="nav-tree__text">
-      Core
-    </span>
-    </span>
-    <span class="nav-tree__toggle-icon fas fa-chevron-down" aria-hidden="true"></span>
-            </summary>
-      <ul class="nav-tree" data-menu-depth="3">
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link nav-tree__link--index " href="/frontend/sass/core/">
-    <span class="nav-tree__text">
-      Introduction
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/breakpoint/">
+        <a class="nav-tree__link  " href="/frontend/sass/core/">
     <span class="nav-tree__text">
-      Breakpoint
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/button/">
-    <span class="nav-tree__text">
-      Button
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/color/">
-    <span class="nav-tree__text">
-      Color
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/cssvar/">
-    <span class="nav-tree__text">
-      Cssvar
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/element/">
-    <span class="nav-tree__text">
-      Element
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/layout/">
-    <span class="nav-tree__text">
-      Layout
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/path/">
-    <span class="nav-tree__text">
-      Path
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/selector/">
-    <span class="nav-tree__text">
-      Selector
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/typography/">
-    <span class="nav-tree__text">
-      Typography
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/units/">
-    <span class="nav-tree__text">
-      Units
-    </span>
-        </a>
-        </li>
-        <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/sass/core/utils/">
-    <span class="nav-tree__text">
-      Utils
+      Core
     </span>
         </a>
@@ -3999,11 +3628,6 @@
         </li>
-      </ul>
-          </details>
-        </li>
         <li class="nav-tree__item  ">
           <details class="nav-tree__collapsible">

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.1.0-beta.109",
+  "version": "0.1.0-beta.110",
   "description": "A versatile SCSS and JavaScript component library offering configurable, accessible components and flexible integration into any project, with SCSS modules suitable for modern JS frameworks.",
   "browser": "js/index.js",
   "main": "index.js",

package/scss/_typography.scss CHANGED Viewed

@@ -306,6 +306,19 @@ $sizes: get-default-sizes() !default;
   font-size: calc(#{ $font-size } + #{ $amount });
 }
+/// Output an optional typography size
+/// - If $name is not a string (ie. null, etc) no size will be output
+/// - If the size is not defined no size will be output
+/// @param {*} $name Size name
+/// @param {*} $args... All args are passed as-is to size() mixin
+@mixin optional-size($name, $changes: false, $only-font-size: null) {
+  @if (meta.type-of($name) == "string" and has-size($name)) {
+    @include size($name, $changes, $only-font-size);
+  }
+}
 /// Print a typography size (font-size, line-height)
 /// @param {String} $nameOrMap Name to retrieve from sizes map or a unique size map that follows the API
 /// @param {Map} $changes Modifications to be merged into size before output