npm - @ulu/frontend - Versions diffs - 0.1.0-beta.32 → 0.1.0-beta.34 - Mend

@ulu/frontend 0.1.0-beta.32 → 0.1.0-beta.34

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

package/CHANGELOG.md +53 -0
package/dist/ulu-frontend.min.css +1 -1
package/dist/ulu-frontend.min.js +23 -23
package/docs-dev/changelog/index.html +161 -8
package/docs-dev/demos/accordion/index.html +38 -8
package/docs-dev/demos/button/index.html +38 -8
package/docs-dev/demos/button-verbose/index.html +38 -8
package/docs-dev/demos/callout/index.html +65 -8
package/docs-dev/demos/captioned-figure/index.html +38 -8
package/docs-dev/demos/card/index.html +59 -33
package/docs-dev/demos/card-grid/index.html +42 -12
package/docs-dev/demos/css-icons/index.html +38 -8
package/docs-dev/demos/data-grid/index.html +38 -8
package/docs-dev/demos/data-table/index.html +63 -33
package/docs-dev/demos/details-group/index.html +71 -8
package/docs-dev/demos/file-save/index.html +38 -8
package/docs-dev/demos/flipcard/index.html +38 -8
package/docs-dev/demos/form-theme/index.html +38 -8
package/docs-dev/demos/index.html +38 -8
package/docs-dev/demos/list-inline/index.html +38 -8
package/docs-dev/demos/list-lines/index.html +38 -8
package/docs-dev/demos/menu-stack/index.html +38 -8
package/docs-dev/demos/modals/index.html +51 -10
package/docs-dev/demos/nav-strip/index.html +38 -8
package/docs-dev/demos/overlay-section/index.html +38 -8
package/docs-dev/demos/popovers/index.html +38 -8
package/docs-dev/demos/print/index.html +38 -8
package/docs-dev/demos/pull-quote/index.html +38 -8
package/docs-dev/demos/rule/index.html +38 -8
package/docs-dev/demos/scrollpoints/index.html +39 -9
package/docs-dev/demos/spoke-spinner/index.html +38 -8
package/docs-dev/demos/sticky-list/index.html +38 -8
package/docs-dev/demos/tabs/index.html +74 -8
package/docs-dev/demos/tag/index.html +38 -8
package/docs-dev/demos/theme-toggle/index.html +38 -8
package/docs-dev/demos/tiles/index.html +38 -8
package/docs-dev/demos/tooltip/index.html +38 -8
package/docs-dev/guide/building-stylesheet/index.html +38 -8
package/docs-dev/guide/developing-ulu-scss-module/index.html +38 -8
package/docs-dev/guide/index.html +38 -8
package/docs-dev/index.html +38 -8
package/docs-dev/javascript/events/index.html +38 -8
package/docs-dev/javascript/index.html +38 -8
package/docs-dev/javascript/settings/index.html +38 -8
package/docs-dev/javascript/ui-breakpoints/index.html +38 -8
package/docs-dev/javascript/ui-collapsible/index.html +38 -8
package/docs-dev/javascript/ui-details-group/index.html +56 -38
package/docs-dev/javascript/ui-dialog/index.html +70 -25
package/docs-dev/javascript/ui-flipcard/index.html +99 -13
package/docs-dev/javascript/ui-grid/index.html +48 -44
package/docs-dev/javascript/ui-modal-builder/index.html +49 -40
package/docs-dev/javascript/ui-overflow-scroller/index.html +38 -8
package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +38 -8
package/docs-dev/javascript/ui-page/index.html +38 -8
package/docs-dev/javascript/ui-popover/index.html +46 -20
package/docs-dev/javascript/ui-print/index.html +38 -16
package/docs-dev/javascript/ui-print-details/index.html +38 -8
package/docs-dev/javascript/ui-programmatic-modal/index.html +38 -8
package/docs-dev/javascript/ui-proxy-click/index.html +125 -10
package/docs-dev/javascript/ui-resizer/index.html +38 -8
package/docs-dev/javascript/ui-scroll-slider/index.html +76 -14
package/docs-dev/javascript/ui-scrollpoint/index.html +44 -21
package/docs-dev/javascript/ui-slider/index.html +234 -13
package/docs-dev/javascript/ui-tabs/index.html +49 -56
package/docs-dev/javascript/ui-theme-toggle/index.html +43 -21
package/docs-dev/javascript/ui-tooltip/index.html +45 -19
package/docs-dev/javascript/utils-class-logger/index.html +38 -8
package/docs-dev/javascript/utils-dom/index.html +63 -8
package/docs-dev/javascript/utils-file-save/index.html +38 -8
package/docs-dev/javascript/utils-floating-ui/index.html +38 -8
package/docs-dev/javascript/utils-id/index.html +38 -8
package/docs-dev/javascript/utils-pause-youtube-video/index.html +38 -8
package/docs-dev/javascript/utils-system/index.html +5437 -0
package/docs-dev/sass/base/color/index.html +38 -8
package/docs-dev/sass/base/elements/index.html +38 -8
package/docs-dev/sass/base/index/index.html +38 -8
package/docs-dev/sass/base/index.html +38 -8
package/docs-dev/sass/base/keyframes/index.html +38 -8
package/docs-dev/sass/base/layout/index.html +38 -8
package/docs-dev/sass/base/normalize/index.html +38 -8
package/docs-dev/sass/base/print/index.html +38 -8
package/docs-dev/sass/base/root/index.html +38 -8
package/docs-dev/sass/base/typography/index.html +38 -8
package/docs-dev/sass/components/accordion/index.html +39 -9
package/docs-dev/sass/components/adaptive-spacing/index.html +38 -8
package/docs-dev/sass/components/badge/index.html +38 -8
package/docs-dev/sass/components/basic-hero/index.html +38 -8
package/docs-dev/sass/components/button/index.html +38 -8
package/docs-dev/sass/components/button-verbose/index.html +72 -37
package/docs-dev/sass/components/callout/index.html +124 -35
package/docs-dev/sass/components/captioned-figure/index.html +38 -8
package/docs-dev/sass/components/card/index.html +38 -8
package/docs-dev/sass/components/card-grid/index.html +38 -8
package/docs-dev/sass/components/css-icon/index.html +38 -8
package/docs-dev/sass/components/data-grid/index.html +38 -8
package/docs-dev/sass/components/data-table/index.html +53 -16
package/docs-dev/sass/components/fill-context/index.html +38 -8
package/docs-dev/sass/components/flipcard/index.html +38 -8
package/docs-dev/sass/components/flipcard-grid/index.html +38 -8
package/docs-dev/sass/components/form-theme/index.html +84 -60
package/docs-dev/sass/components/hero/index.html +38 -8
package/docs-dev/sass/components/horizontal-rule/index.html +38 -8
package/docs-dev/sass/components/image-grid/index.html +38 -8
package/docs-dev/sass/components/index/index.html +38 -8
package/docs-dev/sass/components/index.html +38 -8
package/docs-dev/sass/components/links/index.html +38 -8
package/docs-dev/sass/components/list-inline/index.html +38 -8
package/docs-dev/sass/components/list-lines/index.html +38 -8
package/docs-dev/sass/components/list-ordered/index.html +38 -8
package/docs-dev/sass/components/list-unordered/index.html +38 -8
package/docs-dev/sass/components/menu-stack/index.html +38 -8
package/docs-dev/sass/components/modal/index.html +38 -8
package/docs-dev/sass/components/nav-strip/index.html +38 -8
package/docs-dev/sass/components/overlay-section/index.html +38 -8
package/docs-dev/sass/components/pager/index.html +38 -8
package/docs-dev/sass/components/placeholder-block/index.html +38 -8
package/docs-dev/sass/components/popover/index.html +38 -8
package/docs-dev/sass/components/pull-quote/index.html +38 -8
package/docs-dev/sass/components/ratio-box/index.html +38 -8
package/docs-dev/sass/components/rule/index.html +38 -8
package/docs-dev/sass/components/scroll-slider/index.html +46 -28
package/docs-dev/sass/components/skip-link/index.html +38 -8
package/docs-dev/sass/components/slider/index.html +38 -8
package/docs-dev/sass/components/spoke-spinner/index.html +40 -10
package/docs-dev/sass/components/sticky-list/index.html +38 -8
package/docs-dev/sass/components/tabs/index.html +38 -8
package/docs-dev/sass/components/tag/index.html +40 -10
package/docs-dev/sass/components/tile-button/index.html +38 -8
package/docs-dev/sass/components/tile-grid/index.html +38 -8
package/docs-dev/sass/components/tile-grid-overlay/index.html +38 -8
package/docs-dev/sass/components/vignette/index.html +38 -8
package/docs-dev/sass/components/wysiwyg/index.html +38 -8
package/docs-dev/sass/core/breakpoint/index.html +38 -8
package/docs-dev/sass/core/button/index.html +38 -8
package/docs-dev/sass/core/color/index.html +38 -8
package/docs-dev/sass/core/cssvar/index.html +38 -8
package/docs-dev/sass/core/element/index.html +218 -47
package/docs-dev/sass/core/index.html +38 -8
package/docs-dev/sass/core/layout/index.html +94 -45
package/docs-dev/sass/core/path/index.html +38 -8
package/docs-dev/sass/core/selector/index.html +38 -8
package/docs-dev/sass/core/typography/index.html +38 -8
package/docs-dev/sass/core/units/index.html +38 -8
package/docs-dev/sass/core/utils/index.html +302 -68
package/docs-dev/sass/helpers/color/index.html +38 -8
package/docs-dev/sass/helpers/display/index.html +38 -8
package/docs-dev/sass/helpers/index/index.html +38 -8
package/docs-dev/sass/helpers/index.html +38 -8
package/docs-dev/sass/helpers/print/index.html +38 -8
package/docs-dev/sass/helpers/typography/index.html +38 -8
package/docs-dev/sass/helpers/units/index.html +38 -8
package/docs-dev/sass/helpers/utilities/index.html +38 -8
package/docs-dev/sass/index.html +38 -8
package/js/ui/breakpoints.js +1 -2
package/js/ui/details-group.js +33 -42
package/js/ui/dialog.js +64 -41
package/js/ui/dialog.todo +2 -36
package/js/ui/flipcard.js +37 -57
package/js/ui/grid.js +15 -13
package/js/ui/modal-builder.js +24 -38
package/js/ui/popover.js +38 -39
package/js/ui/print.js +16 -25
package/js/ui/proxy-click.js +50 -36
package/js/ui/scroll-slider.js +24 -30
package/js/ui/scrollpoint.js +27 -63
package/js/ui/slider.js +53 -55
package/js/ui/tabs.js +23 -36
package/js/ui/theme-toggle.js +37 -41
package/js/ui/tooltip.js +27 -32
package/js/utils/dom.js +12 -0
package/js/utils/system.js +154 -0
package/package.json +1 -1
package/scss/_element.scss +91 -0
package/scss/_layout.scss +3 -1
package/scss/_utils.scss +42 -0
package/scss/components/_accordion.scss +1 -2
package/scss/components/_button-verbose.scss +41 -36
package/scss/components/_callout.scss +113 -53
package/scss/components/_data-table.scss +3 -0
package/scss/components/_form-theme.scss +24 -25
package/scss/components/_scroll-slider.scss +0 -4
package/types/ui/breakpoints.d.ts.map +1 -1
package/types/ui/details-group.d.ts +7 -12
package/types/ui/details-group.d.ts.map +1 -1
package/types/ui/dialog.d.ts +19 -14
package/types/ui/dialog.d.ts.map +1 -1
package/types/ui/flipcard.d.ts +16 -10
package/types/ui/flipcard.d.ts.map +1 -1
package/types/ui/grid.d.ts +4 -6
package/types/ui/grid.d.ts.map +1 -1
package/types/ui/modal-builder.d.ts +5 -9
package/types/ui/modal-builder.d.ts.map +1 -1
package/types/ui/popover.d.ts +6 -7
package/types/ui/popover.d.ts.map +1 -1
package/types/ui/print.d.ts +0 -4
package/types/ui/print.d.ts.map +1 -1
package/types/ui/proxy-click.d.ts +19 -3
package/types/ui/proxy-click.d.ts.map +1 -1
package/types/ui/scroll-slider.d.ts +5 -7
package/types/ui/scroll-slider.d.ts.map +1 -1
package/types/ui/scrollpoint.d.ts +3 -8
package/types/ui/scrollpoint.d.ts.map +1 -1
package/types/ui/slider.d.ts +22 -12
package/types/ui/slider.d.ts.map +1 -1
package/types/ui/tabs.d.ts +6 -8
package/types/ui/tabs.d.ts.map +1 -1
package/types/ui/theme-toggle.d.ts +6 -13
package/types/ui/theme-toggle.d.ts.map +1 -1
package/types/ui/tooltip.d.ts +3 -5
package/types/ui/tooltip.d.ts.map +1 -1
package/types/utils/dom.d.ts +6 -0
package/types/utils/dom.d.ts.map +1 -1
package/types/utils/system.d.ts +113 -0
package/types/utils/system.d.ts.map +1 -0

package/docs-dev/sass/components/form-theme/index.html CHANGED Viewed

@@ -243,11 +243,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
         </a>
@@ -258,11 +258,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
         </a>
@@ -2527,6 +2527,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+        </a>
+        </li>
       </ul>
           </details>
@@ -2729,11 +2744,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
         </a>
@@ -2744,11 +2759,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
         </a>
@@ -5013,6 +5028,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+        </a>
+        </li>
       </ul>
           </details>
@@ -5210,8 +5240,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> variable</li>
-<li><strong>Lines (comments):</strong> 25-108</li>
-<li><strong>Lines (code):</strong> 110-194</li>
+<li><strong>Lines (comments):</strong> 25-107</li>
+<li><strong>Lines (code):</strong> 109-193</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5469,139 +5499,139 @@
 <td style="text-align:left">check-input-outline-hover</td>
 <td style="text-align:left">CssValue</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input outline when hovered.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-outline-checked</td>
 <td style="text-align:left">CssValue</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input outline when checked.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-outline-focus</td>
 <td style="text-align:left">CssValue</td>
 <td style="text-align:left">1px solid white</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input outline when focused.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-touch-color-hover</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">#e8e8e8</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input background color when hovered.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-touch-color-focus</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input background color when focused.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-radio-size</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.3em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Radio border size.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-checkmark-width</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.38em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Width of checkmark.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-checkmark-height</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.68em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Height of checkmark.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-checkmark-offset-y</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">-0.2em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">vertical offset of checkmark.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-checkmark-stroke-size</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">0.18em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">stroke size of checkmark.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">currentColor</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input color.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color-hover</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input color when hovered.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color-focus</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input color when focused.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color-checked</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input color when checked.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-mark-color-indeterminate</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Check input color when indeterminate.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-disabled-opacity</td>
 <td style="text-align:left">Number</td>
 <td style="text-align:left">0.6</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Opacity of the check input when disabled.</td>
 </tr>
 <tr>
 <td style="text-align:left">check-input-border-radius</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">null</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Checkbox input border radius.</td>
 </tr>
 <tr>
 <td style="text-align:left">description-color</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">false</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Color of help text.</td>
 </tr>
 <tr>
 <td style="text-align:left">description-margin</td>
 <td style="text-align:left">CssValue</td>
 <td style="text-align:left">(0.25em 0)</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Margin for help text.</td>
 </tr>
 <tr>
 <td style="text-align:left">description-max-width</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">25em</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Max width of help text.</td>
 </tr>
 <tr>
 <td style="text-align:left">description-line-height</td>
 <td style="text-align:left">Number</td>
 <td style="text-align:left">true</td>
-<td style="text-align:left">Line height for description element, defaults to typograpahy line-height-dense</td>
+<td style="text-align:left">Line height for description element, defaults to typography line-height-dense</td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-background</td>
 <td style="text-align:left">Color</td>
 <td style="text-align:left">transparent</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Background color of fieldset.</td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-border</td>
 <td style="text-align:left">CssValue</td>
 <td style="text-align:left">none</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">Border for fieldset</td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-margin-bottom</td>
@@ -5625,13 +5655,7 @@
 <td style="text-align:left">fieldset-margin-compact</td>
 <td style="text-align:left">Dimension</td>
 <td style="text-align:left">0</td>
-<td style="text-align:left"></td>
-</tr>
-<tr>
-<td style="text-align:left">fieldset-border-bottom</td>
-<td style="text-align:left">Dimension</td>
-<td style="text-align:left">0</td>
-<td style="text-align:left"></td>
+<td style="text-align:left">@joe-check unused</td>
 </tr>
 <tr>
 <td style="text-align:left">fieldset-border-radius</td>
@@ -5733,8 +5757,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 196-199</li>
-<li><strong>Lines (code):</strong> 201-203</li>
+<li><strong>Lines (comments):</strong> 195-198</li>
+<li><strong>Lines (code):</strong> 200-202</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5773,8 +5797,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 219-221</li>
-<li><strong>Lines (code):</strong> 223-260</li>
+<li><strong>Lines (comments):</strong> 218-220</li>
+<li><strong>Lines (code):</strong> 222-259</li>
 </ul>
 </details>
 <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5798,8 +5822,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 499-499</li>
-<li><strong>Lines (code):</strong> 500-507</li>
+<li><strong>Lines (comments):</strong> 498-498</li>
+<li><strong>Lines (code):</strong> 499-506</li>
 </ul>
 </details>
 <h4 id="require-2" tabindex="-1">Require</h4>
@@ -5819,8 +5843,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 509-509</li>
-<li><strong>Lines (code):</strong> 510-517</li>
+<li><strong>Lines (comments):</strong> 508-508</li>
+<li><strong>Lines (code):</strong> 509-516</li>
 </ul>
 </details>
 <h4 id="require-3" tabindex="-1">Require</h4>
@@ -5840,8 +5864,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 519-519</li>
-<li><strong>Lines (code):</strong> 520-531</li>
+<li><strong>Lines (comments):</strong> 518-518</li>
+<li><strong>Lines (code):</strong> 519-530</li>
 </ul>
 </details>
 <h4 id="require-4" tabindex="-1">Require</h4>
@@ -5861,8 +5885,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 533-533</li>
-<li><strong>Lines (code):</strong> 534-537</li>
+<li><strong>Lines (comments):</strong> 532-532</li>
+<li><strong>Lines (code):</strong> 533-536</li>
 </ul>
 </details>
 <div class="sassdoc-item-header">
@@ -5878,8 +5902,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 539-539</li>
-<li><strong>Lines (code):</strong> 540-542</li>
+<li><strong>Lines (comments):</strong> 538-538</li>
+<li><strong>Lines (code):</strong> 539-541</li>
 </ul>
 </details>
 <div class="sassdoc-item-header">
@@ -5895,8 +5919,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 544-544</li>
-<li><strong>Lines (code):</strong> 545-598</li>
+<li><strong>Lines (comments):</strong> 543-543</li>
+<li><strong>Lines (code):</strong> 544-597</li>
 </ul>
 </details>
 <h4 id="require-5" tabindex="-1">Require</h4>
@@ -5921,8 +5945,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 600-600</li>
-<li><strong>Lines (code):</strong> 601-629</li>
+<li><strong>Lines (comments):</strong> 599-599</li>
+<li><strong>Lines (code):</strong> 600-628</li>
 </ul>
 </details>
 <h4 id="require-6" tabindex="-1">Require</h4>
@@ -5947,8 +5971,8 @@
 <li><strong>File:</strong> _form-theme.scss</li>
 <li><strong>Group:</strong> form-theme</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 205-208</li>
-<li><strong>Lines (code):</strong> 210-213</li>
+<li><strong>Lines (comments):</strong> 204-207</li>
+<li><strong>Lines (code):</strong> 209-212</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

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

@@ -243,11 +243,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
         </a>
@@ -258,11 +258,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
         </a>
@@ -2527,6 +2527,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+        </a>
+        </li>
       </ul>
           </details>
@@ -2729,11 +2744,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
         </a>
@@ -2744,11 +2759,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
         </a>
@@ -5013,6 +5028,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+        </a>
+        </li>
       </ul>
           </details>

package/docs-dev/sass/components/horizontal-rule/index.html CHANGED Viewed

@@ -243,11 +243,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
         </a>
@@ -258,11 +258,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
         </a>
@@ -2527,6 +2527,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+        </a>
+        </li>
       </ul>
           </details>
@@ -2729,11 +2744,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
         </a>
@@ -2744,11 +2759,11 @@
         <li class="nav-tree__item  ">
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
         </a>
@@ -5013,6 +5028,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+        </a>
+        </li>
       </ul>
           </details>