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/demos/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/demos/list-inline/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/demos/list-lines/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/demos/menu-stack/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/demos/modals/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>
@@ -5157,12 +5187,23 @@
   }' hidden="">
   Test
 </div>
-<h2 class="h2">No Backdrop</h2>
+<h2 class="h2">No Backdrop and Testing Not Preventing Scroll</h2>
 <p>Remove the backdrop by passing  <code>{ &quot;noBackdrop&quot; : true }</code> to the builder</p>
 <p><button class="button" data-ulu-dialog-trigger="modal-id-no-backdrop">No Backdrop</button></p>
 <div id="modal-id-no-backdrop" class="wysiwyg" data-ulu-modal-builder='{
     "title" : "Test Title",
-    "noBackdrop" : true
+    "noBackdrop" : true,
+    "preventScroll" : false
+  }' hidden="">
+  Test
+</div>
+<h2 class="h2">Non Modal Test</h2>
+<p><button class="button" data-ulu-dialog-trigger="modal-id-no-nonmodal">Test non-modal</button></p>
+<div id="modal-id-no-nonmodal" class="wysiwyg" data-ulu-modal-builder='{
+    "title" : "Test Title",
+    "position" : "bottom",
+    "noBackdrop" : true,
+    "nonModal" : true
   }' hidden="">
   Test
 </div>

package/docs-dev/demos/nav-strip/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>