@ulu/frontend 0.1.0-beta.33 → 0.1.0-beta.35

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 (209) hide show
  1. package/CHANGELOG.md +43 -17
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +23 -23
  4. package/docs-dev/changelog/index.html +105 -10
  5. package/docs-dev/demos/accordion/index.html +30 -0
  6. package/docs-dev/demos/button/index.html +30 -0
  7. package/docs-dev/demos/button-verbose/index.html +30 -0
  8. package/docs-dev/demos/callout/index.html +39 -0
  9. package/docs-dev/demos/captioned-figure/index.html +30 -0
  10. package/docs-dev/demos/card/index.html +44 -14
  11. package/docs-dev/demos/card-grid/index.html +30 -0
  12. package/docs-dev/demos/css-icons/index.html +30 -0
  13. package/docs-dev/demos/data-grid/index.html +30 -0
  14. package/docs-dev/demos/data-table/index.html +55 -25
  15. package/docs-dev/demos/details-group/index.html +63 -0
  16. package/docs-dev/demos/file-save/index.html +30 -0
  17. package/docs-dev/demos/flipcard/index.html +30 -0
  18. package/docs-dev/demos/form-theme/index.html +30 -0
  19. package/docs-dev/demos/index.html +30 -0
  20. package/docs-dev/demos/list-inline/index.html +30 -0
  21. package/docs-dev/demos/list-lines/index.html +30 -0
  22. package/docs-dev/demos/menu-stack/index.html +30 -0
  23. package/docs-dev/demos/modals/index.html +43 -2
  24. package/docs-dev/demos/nav-strip/index.html +30 -0
  25. package/docs-dev/demos/overlay-section/index.html +30 -0
  26. package/docs-dev/demos/popovers/index.html +30 -0
  27. package/docs-dev/demos/print/index.html +30 -0
  28. package/docs-dev/demos/pull-quote/index.html +30 -0
  29. package/docs-dev/demos/rule/index.html +30 -0
  30. package/docs-dev/demos/scrollpoints/index.html +31 -1
  31. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  32. package/docs-dev/demos/sticky-list/index.html +30 -0
  33. package/docs-dev/demos/tabs/index.html +66 -0
  34. package/docs-dev/demos/tag/index.html +30 -0
  35. package/docs-dev/demos/theme-toggle/index.html +30 -0
  36. package/docs-dev/demos/tiles/index.html +30 -0
  37. package/docs-dev/demos/tooltip/index.html +30 -0
  38. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  39. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  40. package/docs-dev/guide/index.html +30 -0
  41. package/docs-dev/index.html +30 -0
  42. package/docs-dev/javascript/events/index.html +30 -0
  43. package/docs-dev/javascript/index.html +30 -0
  44. package/docs-dev/javascript/settings/index.html +30 -0
  45. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  46. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  47. package/docs-dev/javascript/ui-details-group/index.html +48 -30
  48. package/docs-dev/javascript/ui-dialog/index.html +62 -17
  49. package/docs-dev/javascript/ui-flipcard/index.html +91 -5
  50. package/docs-dev/javascript/ui-grid/index.html +40 -36
  51. package/docs-dev/javascript/ui-modal-builder/index.html +41 -32
  52. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  53. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  54. package/docs-dev/javascript/ui-page/index.html +30 -0
  55. package/docs-dev/javascript/ui-popover/index.html +38 -12
  56. package/docs-dev/javascript/ui-print/index.html +30 -8
  57. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  58. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  59. package/docs-dev/javascript/ui-proxy-click/index.html +117 -2
  60. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  61. package/docs-dev/javascript/ui-scroll-slider/index.html +68 -6
  62. package/docs-dev/javascript/ui-scrollpoint/index.html +36 -13
  63. package/docs-dev/javascript/ui-slider/index.html +226 -5
  64. package/docs-dev/javascript/ui-tabs/index.html +41 -48
  65. package/docs-dev/javascript/ui-theme-toggle/index.html +35 -13
  66. package/docs-dev/javascript/ui-tooltip/index.html +37 -11
  67. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  68. package/docs-dev/javascript/utils-dom/index.html +55 -0
  69. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  70. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  71. package/docs-dev/javascript/utils-id/index.html +30 -0
  72. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  73. package/docs-dev/javascript/utils-system/index.html +5437 -0
  74. package/docs-dev/sass/base/color/index.html +30 -0
  75. package/docs-dev/sass/base/elements/index.html +30 -0
  76. package/docs-dev/sass/base/index/index.html +30 -0
  77. package/docs-dev/sass/base/index.html +30 -0
  78. package/docs-dev/sass/base/keyframes/index.html +30 -0
  79. package/docs-dev/sass/base/layout/index.html +30 -0
  80. package/docs-dev/sass/base/normalize/index.html +30 -0
  81. package/docs-dev/sass/base/print/index.html +30 -0
  82. package/docs-dev/sass/base/root/index.html +30 -0
  83. package/docs-dev/sass/base/typography/index.html +30 -0
  84. package/docs-dev/sass/components/accordion/index.html +31 -1
  85. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  86. package/docs-dev/sass/components/badge/index.html +30 -0
  87. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  88. package/docs-dev/sass/components/button/index.html +30 -0
  89. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  90. package/docs-dev/sass/components/callout/index.html +30 -0
  91. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  92. package/docs-dev/sass/components/card/index.html +30 -0
  93. package/docs-dev/sass/components/card-grid/index.html +30 -0
  94. package/docs-dev/sass/components/css-icon/index.html +30 -0
  95. package/docs-dev/sass/components/data-grid/index.html +30 -0
  96. package/docs-dev/sass/components/data-table/index.html +45 -8
  97. package/docs-dev/sass/components/fill-context/index.html +30 -0
  98. package/docs-dev/sass/components/flipcard/index.html +30 -0
  99. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  100. package/docs-dev/sass/components/form-theme/index.html +76 -52
  101. package/docs-dev/sass/components/hero/index.html +30 -0
  102. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  103. package/docs-dev/sass/components/image-grid/index.html +30 -0
  104. package/docs-dev/sass/components/index/index.html +30 -0
  105. package/docs-dev/sass/components/index.html +30 -0
  106. package/docs-dev/sass/components/links/index.html +30 -0
  107. package/docs-dev/sass/components/list-inline/index.html +30 -0
  108. package/docs-dev/sass/components/list-lines/index.html +30 -0
  109. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  110. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  111. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  112. package/docs-dev/sass/components/modal/index.html +30 -0
  113. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  114. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  115. package/docs-dev/sass/components/pager/index.html +30 -0
  116. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  117. package/docs-dev/sass/components/popover/index.html +30 -0
  118. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  119. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  120. package/docs-dev/sass/components/rule/index.html +30 -0
  121. package/docs-dev/sass/components/scroll-slider/index.html +38 -20
  122. package/docs-dev/sass/components/skip-link/index.html +30 -0
  123. package/docs-dev/sass/components/slider/index.html +30 -0
  124. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  125. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  126. package/docs-dev/sass/components/tabs/index.html +30 -0
  127. package/docs-dev/sass/components/tag/index.html +30 -0
  128. package/docs-dev/sass/components/tile-button/index.html +30 -0
  129. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  130. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  131. package/docs-dev/sass/components/vignette/index.html +30 -0
  132. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  133. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  134. package/docs-dev/sass/core/button/index.html +30 -0
  135. package/docs-dev/sass/core/color/index.html +30 -0
  136. package/docs-dev/sass/core/cssvar/index.html +30 -0
  137. package/docs-dev/sass/core/element/index.html +30 -0
  138. package/docs-dev/sass/core/index.html +30 -0
  139. package/docs-dev/sass/core/layout/index.html +30 -0
  140. package/docs-dev/sass/core/path/index.html +30 -0
  141. package/docs-dev/sass/core/selector/index.html +30 -0
  142. package/docs-dev/sass/core/typography/index.html +30 -0
  143. package/docs-dev/sass/core/units/index.html +30 -0
  144. package/docs-dev/sass/core/utils/index.html +30 -0
  145. package/docs-dev/sass/helpers/color/index.html +30 -0
  146. package/docs-dev/sass/helpers/display/index.html +30 -0
  147. package/docs-dev/sass/helpers/index/index.html +30 -0
  148. package/docs-dev/sass/helpers/index.html +30 -0
  149. package/docs-dev/sass/helpers/print/index.html +30 -0
  150. package/docs-dev/sass/helpers/typography/index.html +30 -0
  151. package/docs-dev/sass/helpers/units/index.html +30 -0
  152. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  153. package/docs-dev/sass/index.html +30 -0
  154. package/js/ui/breakpoints.js +1 -2
  155. package/js/ui/details-group.js +33 -42
  156. package/js/ui/dialog.js +64 -41
  157. package/js/ui/dialog.todo +2 -36
  158. package/js/ui/flipcard.js +37 -57
  159. package/js/ui/grid.js +15 -13
  160. package/js/ui/modal-builder.js +24 -38
  161. package/js/ui/popover.js +38 -39
  162. package/js/ui/print.js +16 -25
  163. package/js/ui/proxy-click.js +50 -36
  164. package/js/ui/scroll-slider.js +24 -30
  165. package/js/ui/scrollpoint.js +27 -63
  166. package/js/ui/slider.js +53 -55
  167. package/js/ui/tabs.js +23 -36
  168. package/js/ui/theme-toggle.js +37 -41
  169. package/js/ui/tooltip.js +27 -33
  170. package/js/utils/dom.js +12 -0
  171. package/js/utils/system.js +154 -0
  172. package/package.json +1 -1
  173. package/scss/components/_accordion.scss +1 -2
  174. package/scss/components/_data-table.scss +3 -0
  175. package/scss/components/_form-theme.scss +24 -25
  176. package/scss/components/_scroll-slider.scss +0 -4
  177. package/types/ui/breakpoints.d.ts.map +1 -1
  178. package/types/ui/details-group.d.ts +7 -12
  179. package/types/ui/details-group.d.ts.map +1 -1
  180. package/types/ui/dialog.d.ts +19 -14
  181. package/types/ui/dialog.d.ts.map +1 -1
  182. package/types/ui/flipcard.d.ts +16 -10
  183. package/types/ui/flipcard.d.ts.map +1 -1
  184. package/types/ui/grid.d.ts +4 -6
  185. package/types/ui/grid.d.ts.map +1 -1
  186. package/types/ui/modal-builder.d.ts +5 -9
  187. package/types/ui/modal-builder.d.ts.map +1 -1
  188. package/types/ui/popover.d.ts +6 -7
  189. package/types/ui/popover.d.ts.map +1 -1
  190. package/types/ui/print.d.ts +0 -4
  191. package/types/ui/print.d.ts.map +1 -1
  192. package/types/ui/proxy-click.d.ts +19 -3
  193. package/types/ui/proxy-click.d.ts.map +1 -1
  194. package/types/ui/scroll-slider.d.ts +5 -7
  195. package/types/ui/scroll-slider.d.ts.map +1 -1
  196. package/types/ui/scrollpoint.d.ts +3 -8
  197. package/types/ui/scrollpoint.d.ts.map +1 -1
  198. package/types/ui/slider.d.ts +22 -12
  199. package/types/ui/slider.d.ts.map +1 -1
  200. package/types/ui/tabs.d.ts +6 -8
  201. package/types/ui/tabs.d.ts.map +1 -1
  202. package/types/ui/theme-toggle.d.ts +6 -13
  203. package/types/ui/theme-toggle.d.ts.map +1 -1
  204. package/types/ui/tooltip.d.ts +3 -5
  205. package/types/ui/tooltip.d.ts.map +1 -1
  206. package/types/utils/dom.d.ts +6 -0
  207. package/types/utils/dom.d.ts.map +1 -1
  208. package/types/utils/system.d.ts +113 -0
  209. package/types/utils/system.d.ts.map +1 -0
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -5046,7 +5076,10 @@
5046
5076
  <div class="toc">
5047
5077
  <ol>
5048
5078
 
5049
- <li><a href="#version-0.1.0-beta.34-(unreleased)">Version 0.1.0-beta.34 (unreleased)</a>
5079
+ <li><a href="#version-0.1.0-beta.35">Version 0.1.0-beta.35</a>
5080
+ </li>
5081
+
5082
+ <li><a href="#version-0.1.0-beta.34">Version 0.1.0-beta.34</a>
5050
5083
  </li>
5051
5084
 
5052
5085
  <li><a href="#version-0.1.0-beta.33">Version 0.1.0-beta.33</a>
@@ -5205,16 +5238,31 @@
5205
5238
 
5206
5239
  <div class="changelog">
5207
5240
  <h1 id="change-log" tabindex="-1">Change Log</h1>
5208
- <h2 id="version-0.1.0-beta.34-(unreleased)" tabindex="-1">Version 0.1.0-beta.34 (unreleased)</h2>
5241
+ <h2 id="version-0.1.0-beta.35" tabindex="-1">Version 0.1.0-beta.35</h2>
5242
+ <ul>
5243
+ <li>js/ui/scroll-slider
5244
+ <ul>
5245
+ <li>Fix typo that introduced error in last update controls-context to control-context</li>
5246
+ </ul>
5247
+ </li>
5248
+ </ul>
5249
+ <h2 id="version-0.1.0-beta.34" tabindex="-1">Version 0.1.0-beta.34</h2>
5209
5250
  <ul>
5210
- <li>scss/element
5251
+ <li><strong>scss/</strong>
5252
+ <ul>
5253
+ <li><strong>element</strong>
5211
5254
  <ul>
5212
5255
  <li>Add mixins for element.cap() and element.cap-appearance() which are used internally but can be used by users to add end caps to an element</li>
5213
5256
  </ul>
5214
5257
  </li>
5215
- <li>scss/components/callout
5258
+ <li><strong>utils</strong>
5216
5259
  <ul>
5217
- <li><strong>Minor visual breaking change for those using cap</strong></li>
5260
+ <li>Add ensure-map(), units-match(), is-end(), is-side() functions</li>
5261
+ </ul>
5262
+ </li>
5263
+ <li><strong>components/callout</strong>
5264
+ <ul>
5265
+ <li>Minor visual breaking change for those using cap</li>
5218
5266
  <li>Update how left-cap works (all properties have changed) now accepts common cap settings (see config)</li>
5219
5267
  <li>Caps can be set on any side now</li>
5220
5268
  <li>Callout styles map (for variations/modifiers of callout) will no longer output &quot;border&quot; configuration
@@ -5224,22 +5272,69 @@
5224
5272
  </li>
5225
5273
  </ul>
5226
5274
  </li>
5227
- <li>scss/button-verbose
5275
+ <li><strong>components/button-verbose</strong>
5228
5276
  <ul>
5229
- <li><strong>Minor visual breaking change for those using cap</strong></li>
5277
+ <li>Minor visual breaking change for those using cap</li>
5230
5278
  <li>left cap has changed to cap and accepts common cap options (see config)</li>
5231
5279
  </ul>
5232
5280
  </li>
5233
- <li>scss/utils
5281
+ <li><strong>components/accordion</strong>
5234
5282
  <ul>
5235
- <li>Add ensure-map(), units-match(), is-end(), is-side() functions</li>
5283
+ <li>remove static margin-bottom added to &quot;--no-borders&quot; modifier (was 4rem)</li>
5284
+ <li>Fix calc for accordion + accordion to be based on border-width setting (was static 1px)</li>
5285
+ </ul>
5286
+ </li>
5287
+ <li><strong>components/slider</strong>
5288
+ <ul>
5289
+ <li>remove unused config options &quot;button-background-color&quot; and &quot;button-background-color-hover&quot;</li>
5290
+ </ul>
5291
+ </li>
5292
+ <li><strong>components/accordion</strong>
5293
+ <ul>
5294
+ <li>Remove margin-bottom</li>
5295
+ </ul>
5296
+ </li>
5297
+ <li><strong>components/data-table</strong>
5298
+ <ul>
5299
+ <li>Add config option &quot;footer-color&quot; to enable users to customize footer text color. Footer still defaults to &quot;color&quot; config option.</li>
5300
+ </ul>
5301
+ </li>
5302
+ </ul>
5303
+ </li>
5304
+ <li><strong>js/</strong>
5305
+ <ul>
5306
+ <li><strong>ui</strong> (remove setup functions, using component initializer class now)</li>
5307
+ <li><strong>ui/slider</strong>
5308
+ <ul>
5309
+ <li>update createNavButton function to pass whole slide rather than just slide number. Update getNavContent to still print slide number as accessibility text by default.</li>
5236
5310
  </ul>
5237
5311
  </li>
5238
- <li>js/ui/tooltip
5312
+ <li><strong>ui/dialog</strong>
5313
+ <ul>
5314
+ <li>Added option preventScroll (defaults to true), used only for modal dialogs (ignored if nonModal)</li>
5315
+ </ul>
5316
+ </li>
5317
+ <li><strong>ui/tooltip</strong>
5239
5318
  <ul>
5240
5319
  <li>Fix missing init attribute</li>
5241
5320
  </ul>
5242
5321
  </li>
5322
+ <li><strong>ui/flipcard</strong>
5323
+ <ul>
5324
+ <li>Fix typo in method name &quot;setVisiblity&quot; to &quot;setVisibility&quot;</li>
5325
+ </ul>
5326
+ </li>
5327
+ <li><strong>ui/tabs</strong>
5328
+ <ul>
5329
+ <li>Fix issue with initial click of a tab when using &quot;openWithUrlHash&quot; option
5330
+ <ul>
5331
+ <li>Equal height checking was setting hidden attribute but aria-tablist library explicitly checks for hidden=&quot;hidden&quot;</li>
5332
+ </ul>
5333
+ </li>
5334
+ </ul>
5335
+ </li>
5336
+ </ul>
5337
+ </li>
5243
5338
  </ul>
5244
5339
  <h2 id="version-0.1.0-beta.33" tabindex="-1">Version 0.1.0-beta.33</h2>
5245
5340
  <ul>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -5062,6 +5092,9 @@
5062
5092
  <li><a href="#success-callout">Success Callout</a>
5063
5093
  </li>
5064
5094
 
5095
+ <li><a href="#warning-callout">Warning Callout</a>
5096
+ </li>
5097
+
5065
5098
  <li><a href="#danger-callout">Danger Callout</a>
5066
5099
  </li>
5067
5100
 
@@ -5127,6 +5160,12 @@
5127
5160
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum.
5128
5161
  </div>
5129
5162
  </div>
5163
+ <h3 id="warning-callout" tabindex="-1">Warning Callout</h3>
5164
+ <div class="callout callout--warning">
5165
+ <div>
5166
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper erat tincidunt tellus vestibulum dictum.
5167
+ </div>
5168
+ </div>
5130
5169
  <h3 id="danger-callout" tabindex="-1">Danger Callout</h3>
5131
5170
  <div class="callout callout--danger">
5132
5171
  <div>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -5064,54 +5094,54 @@
5064
5094
  <legend>Elements Visible</legend>
5065
5095
  <div>
5066
5096
  <div class="form-theme__item form-theme__item--checkbox">
5067
- <input type="checkbox" id="live-demo-id-197" name="title" checked="">
5068
- <label for="live-demo-id-197">
5097
+ <input type="checkbox" id="live-demo-id-36" name="title" checked="">
5098
+ <label for="live-demo-id-36">
5069
5099
  Title
5070
5100
  </label>
5071
5101
  </div>
5072
5102
  <div class="form-theme__item form-theme__item--checkbox">
5073
- <input type="checkbox" id="live-demo-id-198" name="body" checked="">
5074
- <label for="live-demo-id-198">
5103
+ <input type="checkbox" id="live-demo-id-37" name="body" checked="">
5104
+ <label for="live-demo-id-37">
5075
5105
  Body
5076
5106
  </label>
5077
5107
  </div>
5078
5108
  <div class="form-theme__item form-theme__item--checkbox">
5079
- <input type="checkbox" id="live-demo-id-199" name="content" checked="">
5080
- <label for="live-demo-id-199">
5109
+ <input type="checkbox" id="live-demo-id-38" name="content" checked="">
5110
+ <label for="live-demo-id-38">
5081
5111
  Content
5082
5112
  </label>
5083
5113
  </div>
5084
5114
  <div class="form-theme__item form-theme__item--checkbox">
5085
- <input type="checkbox" id="live-demo-id-200" name="footer" checked="">
5086
- <label for="live-demo-id-200">
5115
+ <input type="checkbox" id="live-demo-id-39" name="footer" checked="">
5116
+ <label for="live-demo-id-39">
5087
5117
  Footer
5088
5118
  </label>
5089
5119
  </div>
5090
5120
  </div>
5091
5121
  </fieldset>
5092
5122
  <div class="form-theme__item form-theme__item--select">
5093
- <label for="live-demo-id-201">
5123
+ <label for="live-demo-id-40">
5094
5124
  Action
5095
5125
  <span class="fas fa-info-circle" data-ulu-tooltip="Proxy click only works when title is present"></span>
5096
5126
  </label>
5097
- <select id="live-demo-id-201" name="action">
5127
+ <select id="live-demo-id-40" name="action">
5098
5128
  <option value="">None</option>,<option value="link">Card is Link</option>,<option value="proxy">Proxy Click</option>
5099
5129
  </select>
5100
5130
  </div>
5101
5131
  <div class="form-theme__item form-theme__item--select">
5102
- <label for="live-demo-id-202">
5132
+ <label for="live-demo-id-41">
5103
5133
  Media
5104
5134
  </label>
5105
- <select id="live-demo-id-202" name="media">
5135
+ <select id="live-demo-id-41" name="media">
5106
5136
  <option value="icon">Icon</option>,<option value="image">Image</option>,<option value="imageFit">Image (fit)</option>,<option value="none">No Image</option>
5107
5137
  </select>
5108
5138
  </div>
5109
5139
  <div class="form-theme__item form-theme__item--select">
5110
- <label for="live-demo-id-203">
5140
+ <label for="live-demo-id-42">
5111
5141
  Layout
5112
5142
  <span class="fas fa-info-circle" data-ulu-tooltip="Overlay is not compatible with 'Icon' and 'No Image' options"></span>
5113
5143
  </label>
5114
- <select id="live-demo-id-203" name="layout">
5144
+ <select id="live-demo-id-42" name="layout">
5115
5145
  <option value="">Default</option>,<option value="horizontal">Horizontal</option>,<option value="overlay">Overlay</option>
5116
5146
  </select>
5117
5147
  </div>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>
@@ -2527,6 +2527,21 @@
2527
2527
 
2528
2528
  </li>
2529
2529
 
2530
+
2531
+ <li class="nav-tree__item ">
2532
+
2533
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
2534
+
2535
+
2536
+ <span class="nav-tree__text">
2537
+ utils/system
2538
+ </span>
2539
+
2540
+ </a>
2541
+
2542
+
2543
+ </li>
2544
+
2530
2545
  </ul>
2531
2546
 
2532
2547
  </details>
@@ -5013,6 +5028,21 @@
5013
5028
 
5014
5029
  </li>
5015
5030
 
5031
+
5032
+ <li class="nav-tree__item ">
5033
+
5034
+ <a class="nav-tree__link " href="/frontend/javascript/utils-system/">
5035
+
5036
+
5037
+ <span class="nav-tree__text">
5038
+ utils/system
5039
+ </span>
5040
+
5041
+ </a>
5042
+
5043
+
5044
+ </li>
5045
+
5016
5046
  </ul>
5017
5047
 
5018
5048
  </details>