npm - @ulu/frontend - Versions diffs - 0.1.0-beta.67 → 0.1.0-beta.68 - Mend

@ulu/frontend 0.1.0-beta.67 → 0.1.0-beta.68

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

package/CHANGELOG.md +7 -0
package/README.dev.md +1 -1
package/README.md +13 -9
package/dist/ulu-frontend.min.css +1 -1
package/docs-dev/changelog/index.html +47 -4
package/docs-dev/demos/accordion/index.html +30 -0
package/docs-dev/demos/badge/index.html +5265 -0
package/docs-dev/demos/breakpoints-manager/index.html +30 -0
package/docs-dev/demos/button/index.html +30 -0
package/docs-dev/demos/button-verbose/index.html +30 -0
package/docs-dev/demos/callout/index.html +30 -0
package/docs-dev/demos/captioned-figure/index.html +30 -0
package/docs-dev/demos/card/index.html +46 -16
package/docs-dev/demos/card-grid/index.html +30 -0
package/docs-dev/demos/counter-list/index.html +30 -0
package/docs-dev/demos/css-icons/index.html +30 -0
package/docs-dev/demos/data-grid/index.html +30 -0
package/docs-dev/demos/data-table/index.html +130 -100
package/docs-dev/demos/details-group/index.html +30 -0
package/docs-dev/demos/file-save/index.html +30 -0
package/docs-dev/demos/flipcard/index.html +30 -0
package/docs-dev/demos/form-theme/index.html +30 -0
package/docs-dev/demos/index.html +30 -0
package/docs-dev/demos/list-inline/index.html +30 -0
package/docs-dev/demos/list-lines/index.html +30 -0
package/docs-dev/demos/menu-stack/index.html +30 -0
package/docs-dev/demos/modals/index.html +30 -0
package/docs-dev/demos/nav-strip/index.html +30 -0
package/docs-dev/demos/overlay-section/index.html +30 -0
package/docs-dev/demos/popovers/index.html +30 -0
package/docs-dev/demos/print/index.html +30 -0
package/docs-dev/demos/pull-quote/index.html +30 -0
package/docs-dev/demos/rule/index.html +30 -0
package/docs-dev/demos/scrollpoints/index.html +30 -0
package/docs-dev/demos/spoke-spinner/index.html +30 -0
package/docs-dev/demos/sticky-list/index.html +30 -0
package/docs-dev/demos/tabs/index.html +30 -0
package/docs-dev/demos/tag/index.html +30 -0
package/docs-dev/demos/theme-toggle/index.html +30 -0
package/docs-dev/demos/tiles/index.html +30 -0
package/docs-dev/demos/tooltip/index.html +30 -0
package/docs-dev/guide/building-stylesheet/index.html +30 -0
package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
package/docs-dev/guide/index.html +30 -0
package/docs-dev/index.html +30 -0
package/docs-dev/javascript/events/index.html +30 -0
package/docs-dev/javascript/index.html +30 -0
package/docs-dev/javascript/settings/index.html +30 -0
package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
package/docs-dev/javascript/ui-collapsible/index.html +30 -0
package/docs-dev/javascript/ui-details-group/index.html +30 -0
package/docs-dev/javascript/ui-dialog/index.html +30 -0
package/docs-dev/javascript/ui-flipcard/index.html +30 -0
package/docs-dev/javascript/ui-grid/index.html +30 -0
package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
package/docs-dev/javascript/ui-page/index.html +30 -0
package/docs-dev/javascript/ui-popover/index.html +30 -0
package/docs-dev/javascript/ui-print/index.html +30 -0
package/docs-dev/javascript/ui-print-details/index.html +30 -0
package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
package/docs-dev/javascript/ui-resizer/index.html +30 -0
package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
package/docs-dev/javascript/ui-slider/index.html +30 -0
package/docs-dev/javascript/ui-tabs/index.html +30 -0
package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
package/docs-dev/javascript/ui-tooltip/index.html +30 -0
package/docs-dev/javascript/utils-class-logger/index.html +30 -0
package/docs-dev/javascript/utils-css/index.html +30 -0
package/docs-dev/javascript/utils-dom/index.html +30 -0
package/docs-dev/javascript/utils-file-save/index.html +30 -0
package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
package/docs-dev/javascript/utils-id/index.html +30 -0
package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
package/docs-dev/javascript/utils-system/index.html +30 -0
package/docs-dev/sass/base/color/index.html +30 -0
package/docs-dev/sass/base/elements/index.html +30 -0
package/docs-dev/sass/base/index/index.html +30 -0
package/docs-dev/sass/base/index.html +30 -0
package/docs-dev/sass/base/keyframes/index.html +30 -0
package/docs-dev/sass/base/layout/index.html +30 -0
package/docs-dev/sass/base/normalize/index.html +30 -0
package/docs-dev/sass/base/print/index.html +30 -0
package/docs-dev/sass/base/root/index.html +30 -0
package/docs-dev/sass/base/typography/index.html +30 -0
package/docs-dev/sass/components/accordion/index.html +30 -0
package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
package/docs-dev/sass/components/badge/index.html +52 -11
package/docs-dev/sass/components/basic-hero/index.html +30 -0
package/docs-dev/sass/components/button/index.html +30 -0
package/docs-dev/sass/components/button-verbose/index.html +30 -0
package/docs-dev/sass/components/callout/index.html +30 -0
package/docs-dev/sass/components/captioned-figure/index.html +30 -0
package/docs-dev/sass/components/card/index.html +30 -0
package/docs-dev/sass/components/card-grid/index.html +30 -0
package/docs-dev/sass/components/counter-list/index.html +44 -8
package/docs-dev/sass/components/css-icon/index.html +30 -0
package/docs-dev/sass/components/data-grid/index.html +30 -0
package/docs-dev/sass/components/data-table/index.html +30 -0
package/docs-dev/sass/components/fill-context/index.html +30 -0
package/docs-dev/sass/components/flipcard/index.html +30 -0
package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
package/docs-dev/sass/components/form-theme/index.html +30 -0
package/docs-dev/sass/components/hero/index.html +30 -0
package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
package/docs-dev/sass/components/image-grid/index.html +30 -0
package/docs-dev/sass/components/index/index.html +30 -0
package/docs-dev/sass/components/index.html +30 -0
package/docs-dev/sass/components/links/index.html +30 -0
package/docs-dev/sass/components/list-inline/index.html +30 -0
package/docs-dev/sass/components/list-lines/index.html +30 -0
package/docs-dev/sass/components/list-ordered/index.html +30 -0
package/docs-dev/sass/components/list-unordered/index.html +30 -0
package/docs-dev/sass/components/menu-stack/index.html +30 -0
package/docs-dev/sass/components/modal/index.html +30 -0
package/docs-dev/sass/components/nav-strip/index.html +30 -0
package/docs-dev/sass/components/overlay-section/index.html +30 -0
package/docs-dev/sass/components/pager/index.html +30 -0
package/docs-dev/sass/components/placeholder-block/index.html +30 -0
package/docs-dev/sass/components/popover/index.html +30 -0
package/docs-dev/sass/components/pull-quote/index.html +30 -0
package/docs-dev/sass/components/ratio-box/index.html +30 -0
package/docs-dev/sass/components/rule/index.html +30 -0
package/docs-dev/sass/components/scroll-slider/index.html +30 -0
package/docs-dev/sass/components/skip-link/index.html +30 -0
package/docs-dev/sass/components/slider/index.html +30 -0
package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
package/docs-dev/sass/components/sticky-list/index.html +30 -0
package/docs-dev/sass/components/tabs/index.html +30 -0
package/docs-dev/sass/components/tag/index.html +30 -0
package/docs-dev/sass/components/tile-button/index.html +30 -0
package/docs-dev/sass/components/tile-grid/index.html +30 -0
package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
package/docs-dev/sass/components/vignette/index.html +30 -0
package/docs-dev/sass/components/wysiwyg/index.html +30 -0
package/docs-dev/sass/core/breakpoint/index.html +30 -0
package/docs-dev/sass/core/button/index.html +30 -0
package/docs-dev/sass/core/color/index.html +30 -0
package/docs-dev/sass/core/cssvar/index.html +30 -0
package/docs-dev/sass/core/element/index.html +30 -0
package/docs-dev/sass/core/index.html +30 -0
package/docs-dev/sass/core/layout/index.html +30 -0
package/docs-dev/sass/core/path/index.html +30 -0
package/docs-dev/sass/core/selector/index.html +30 -0
package/docs-dev/sass/core/typography/index.html +30 -0
package/docs-dev/sass/core/units/index.html +30 -0
package/docs-dev/sass/core/utils/index.html +30 -0
package/docs-dev/sass/helpers/color/index.html +30 -0
package/docs-dev/sass/helpers/display/index.html +30 -0
package/docs-dev/sass/helpers/index/index.html +30 -0
package/docs-dev/sass/helpers/index.html +30 -0
package/docs-dev/sass/helpers/typography/index.html +30 -0
package/docs-dev/sass/helpers/units/index.html +30 -0
package/docs-dev/sass/helpers/utilities/index.html +30 -0
package/docs-dev/sass/index.html +30 -0
package/package.json +11 -3
package/scss/README.md +4 -0
package/scss/components/_badge.scss +23 -4

package/docs-dev/sass/core/layout/index.html CHANGED Viewed

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/core/path/index.html CHANGED Viewed

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/core/selector/index.html CHANGED Viewed

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/core/typography/index.html CHANGED Viewed

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/core/units/index.html CHANGED Viewed

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/docs-dev/sass/core/utils/index.html CHANGED Viewed

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

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

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

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

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

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

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

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

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

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

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

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

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

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

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

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

@@ -166,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/badge/">
+    <span class="nav-tree__text">
+      Badge
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.1.0-beta.67",
-  "description": "Modular Sass Theming Library",
+  "version": "0.1.0-beta.68",
+  "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",
   "exports": {
@@ -49,7 +49,15 @@
     "mixin",
     "components",
     "HTML",
-    "frontend framework"
+    "frontend framework",
+    "css",
+    "utilities",
+    "design system",
+    "toolkit",
+    "accessibility",
+    "ui",
+    "user interface",
+    "responsive design"
   ],
   "authors": {
     "name": "Joe Scherben, Informatics Studio",

package/scss/README.md CHANGED Viewed

@@ -41,6 +41,10 @@
 - Should be written from the user's point of view
   - Use prefixes @see "Module Prefixes" in member names. This will avoid confusion about normal use case. For advanced user importing specific parts would already be familiar with this pattern.
+#### Workaround for syntax highlighting bug
+If the syntax highlighting isn't working properly after an example, add an empty line with `///` to workaround that bug
 ### Ideas
 - How to solve the inability to use standard vars (avoid with)