@ulu/frontend 0.1.0-beta.83 → 0.1.0-beta.84

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 (186) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/assets/main.js +494 -7738
  4. package/docs-dev/assets/style.css +166 -221
  5. package/docs-dev/changelog/index.html +294 -3
  6. package/docs-dev/changelog/updates-and-changes/index.html +5109 -0
  7. package/docs-dev/demos/accordion/index.html +240 -0
  8. package/docs-dev/demos/badge/index.html +240 -0
  9. package/docs-dev/demos/breakpoints-manager/index.html +240 -0
  10. package/docs-dev/demos/button/index.html +240 -0
  11. package/docs-dev/demos/button-group/index.html +5502 -0
  12. package/docs-dev/demos/button-verbose/index.html +240 -0
  13. package/docs-dev/demos/callout/index.html +240 -0
  14. package/docs-dev/demos/captioned-figure/index.html +240 -0
  15. package/docs-dev/demos/card/index.html +256 -16
  16. package/docs-dev/demos/card-grid/index.html +240 -0
  17. package/docs-dev/demos/card-new/index.html +5088 -0
  18. package/docs-dev/demos/card-old/index.html +5223 -0
  19. package/docs-dev/demos/card.1/index.html +5223 -0
  20. package/docs-dev/demos/card.TRASH/index.html +5541 -0
  21. package/docs-dev/demos/counter-list/index.html +240 -0
  22. package/docs-dev/demos/css-icons/index.html +240 -0
  23. package/docs-dev/demos/data-grid/index.html +240 -0
  24. package/docs-dev/demos/data-table/index.html +340 -100
  25. package/docs-dev/demos/details-group/index.html +240 -0
  26. package/docs-dev/demos/file-save/index.html +240 -0
  27. package/docs-dev/demos/flipcard/index.html +240 -0
  28. package/docs-dev/demos/form-theme/index.html +240 -0
  29. package/docs-dev/demos/headline-label/index.html +5472 -0
  30. package/docs-dev/demos/index.html +240 -0
  31. package/docs-dev/demos/list-inline/index.html +240 -0
  32. package/docs-dev/demos/list-inline.1/index.html +4727 -0
  33. package/docs-dev/demos/list-lines/index.html +240 -0
  34. package/docs-dev/demos/menu-stack/index.html +240 -0
  35. package/docs-dev/demos/modals/index.html +240 -0
  36. package/docs-dev/demos/nav-strip/index.html +240 -0
  37. package/docs-dev/demos/overlay-section/index.html +240 -0
  38. package/docs-dev/demos/panel/index.html +5532 -0
  39. package/docs-dev/demos/popovers/index.html +240 -0
  40. package/docs-dev/demos/print/index.html +240 -0
  41. package/docs-dev/demos/pull-quote/index.html +240 -0
  42. package/docs-dev/demos/rail/index.html +5568 -0
  43. package/docs-dev/demos/rule/index.html +240 -0
  44. package/docs-dev/demos/scrollpoints/index.html +240 -0
  45. package/docs-dev/demos/spoke-spinner/index.html +240 -0
  46. package/docs-dev/demos/sticky-list/index.html +240 -0
  47. package/docs-dev/demos/tabs/index.html +240 -0
  48. package/docs-dev/demos/tag/index.html +240 -0
  49. package/docs-dev/demos/theme-toggle/index.html +240 -0
  50. package/docs-dev/demos/tiles/index.html +240 -0
  51. package/docs-dev/demos/tooltip/index.html +240 -0
  52. package/docs-dev/guide/building-stylesheet/index.html +240 -0
  53. package/docs-dev/guide/developing-ulu-scss-module/index.html +240 -0
  54. package/docs-dev/guide/index.html +240 -0
  55. package/docs-dev/guide/updates-and-changes/index.html +5033 -0
  56. package/docs-dev/index.html +240 -0
  57. package/docs-dev/javascript/events/index.html +240 -0
  58. package/docs-dev/javascript/index.html +240 -0
  59. package/docs-dev/javascript/settings/index.html +240 -0
  60. package/docs-dev/javascript/ui-breakpoints/index.html +240 -0
  61. package/docs-dev/javascript/ui-collapsible/index.html +240 -0
  62. package/docs-dev/javascript/ui-details-group/index.html +240 -0
  63. package/docs-dev/javascript/ui-dialog/index.html +240 -0
  64. package/docs-dev/javascript/ui-flipcard/index.html +240 -0
  65. package/docs-dev/javascript/ui-grid/index.html +240 -0
  66. package/docs-dev/javascript/ui-modal-builder/index.html +240 -0
  67. package/docs-dev/javascript/ui-overflow-scroller/index.html +240 -0
  68. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +240 -0
  69. package/docs-dev/javascript/ui-page/index.html +240 -0
  70. package/docs-dev/javascript/ui-popover/index.html +240 -0
  71. package/docs-dev/javascript/ui-print/index.html +240 -0
  72. package/docs-dev/javascript/ui-print-details/index.html +240 -0
  73. package/docs-dev/javascript/ui-programmatic-modal/index.html +240 -0
  74. package/docs-dev/javascript/ui-proxy-click/index.html +240 -0
  75. package/docs-dev/javascript/ui-resizer/index.html +240 -0
  76. package/docs-dev/javascript/ui-scroll-slider/index.html +240 -0
  77. package/docs-dev/javascript/ui-scrollpoint/index.html +240 -0
  78. package/docs-dev/javascript/ui-slider/index.html +240 -0
  79. package/docs-dev/javascript/ui-tabs/index.html +240 -0
  80. package/docs-dev/javascript/ui-theme-toggle/index.html +240 -0
  81. package/docs-dev/javascript/ui-tooltip/index.html +240 -0
  82. package/docs-dev/javascript/utils-class-logger/index.html +240 -0
  83. package/docs-dev/javascript/utils-css/index.html +240 -0
  84. package/docs-dev/javascript/utils-dom/index.html +240 -0
  85. package/docs-dev/javascript/utils-file-save/index.html +240 -0
  86. package/docs-dev/javascript/utils-floating-ui/index.html +240 -0
  87. package/docs-dev/javascript/utils-id/index.html +240 -0
  88. package/docs-dev/javascript/utils-pause-youtube-video/index.html +240 -0
  89. package/docs-dev/javascript/utils-system/index.html +240 -0
  90. package/docs-dev/sass/base/color/index.html +240 -0
  91. package/docs-dev/sass/base/elements/index.html +240 -0
  92. package/docs-dev/sass/base/index/index.html +240 -0
  93. package/docs-dev/sass/base/index.html +240 -0
  94. package/docs-dev/sass/base/keyframes/index.html +240 -0
  95. package/docs-dev/sass/base/layout/index.html +240 -0
  96. package/docs-dev/sass/base/normalize/index.html +240 -0
  97. package/docs-dev/sass/base/print/index.html +240 -0
  98. package/docs-dev/sass/base/root/index.html +240 -0
  99. package/docs-dev/sass/base/typography/index.html +240 -0
  100. package/docs-dev/sass/components/accordion/index.html +240 -0
  101. package/docs-dev/sass/components/adaptive-spacing/index.html +240 -0
  102. package/docs-dev/sass/components/badge/index.html +240 -0
  103. package/docs-dev/sass/components/basic-hero/index.html +240 -0
  104. package/docs-dev/sass/components/button/index.html +240 -0
  105. package/docs-dev/sass/components/button-group/index.html +5653 -0
  106. package/docs-dev/sass/components/button-verbose/index.html +240 -0
  107. package/docs-dev/sass/components/callout/index.html +240 -0
  108. package/docs-dev/sass/components/captioned-figure/index.html +240 -0
  109. package/docs-dev/sass/components/card/index.html +240 -0
  110. package/docs-dev/sass/components/card-grid/index.html +240 -0
  111. package/docs-dev/sass/components/counter-list/index.html +240 -0
  112. package/docs-dev/sass/components/css-icon/index.html +240 -0
  113. package/docs-dev/sass/components/data-grid/index.html +254 -14
  114. package/docs-dev/sass/components/data-table/index.html +240 -0
  115. package/docs-dev/sass/components/fill-context/index.html +240 -0
  116. package/docs-dev/sass/components/flipcard/index.html +240 -0
  117. package/docs-dev/sass/components/flipcard-grid/index.html +240 -0
  118. package/docs-dev/sass/components/form-theme/index.html +240 -0
  119. package/docs-dev/sass/components/headline-label/index.html +5683 -0
  120. package/docs-dev/sass/components/hero/index.html +240 -0
  121. package/docs-dev/sass/components/horizontal-rule/index.html +240 -0
  122. package/docs-dev/sass/components/image-grid/index.html +240 -0
  123. package/docs-dev/sass/components/index/index.html +254 -10
  124. package/docs-dev/sass/components/index.html +240 -0
  125. package/docs-dev/sass/components/links/index.html +240 -0
  126. package/docs-dev/sass/components/list-inline/index.html +240 -0
  127. package/docs-dev/sass/components/list-lines/index.html +240 -0
  128. package/docs-dev/sass/components/list-ordered/index.html +240 -0
  129. package/docs-dev/sass/components/list-unordered/index.html +240 -0
  130. package/docs-dev/sass/components/menu-stack/index.html +240 -0
  131. package/docs-dev/sass/components/modal/index.html +240 -0
  132. package/docs-dev/sass/components/nav-strip/index.html +240 -0
  133. package/docs-dev/sass/components/overlay-section/index.html +240 -0
  134. package/docs-dev/sass/components/pager/index.html +240 -0
  135. package/docs-dev/sass/components/panel/index.html +5883 -0
  136. package/docs-dev/sass/components/placeholder-block/index.html +240 -0
  137. package/docs-dev/sass/components/popover/index.html +240 -0
  138. package/docs-dev/sass/components/pull-quote/index.html +240 -0
  139. package/docs-dev/sass/components/rail/index.html +5670 -0
  140. package/docs-dev/sass/components/ratio-box/index.html +240 -0
  141. package/docs-dev/sass/components/rule/index.html +240 -0
  142. package/docs-dev/sass/components/scroll-slider/index.html +240 -0
  143. package/docs-dev/sass/components/skip-link/index.html +240 -0
  144. package/docs-dev/sass/components/slider/index.html +240 -0
  145. package/docs-dev/sass/components/spoke-spinner/index.html +240 -0
  146. package/docs-dev/sass/components/sticky-list/index.html +240 -0
  147. package/docs-dev/sass/components/tabs/index.html +240 -0
  148. package/docs-dev/sass/components/tag/index.html +240 -0
  149. package/docs-dev/sass/components/tile-button/index.html +240 -0
  150. package/docs-dev/sass/components/tile-grid/index.html +240 -0
  151. package/docs-dev/sass/components/tile-grid-overlay/index.html +240 -0
  152. package/docs-dev/sass/components/vignette/index.html +240 -0
  153. package/docs-dev/sass/components/wysiwyg/index.html +240 -0
  154. package/docs-dev/sass/core/breakpoint/index.html +241 -1
  155. package/docs-dev/sass/core/button/index.html +272 -30
  156. package/docs-dev/sass/core/color/index.html +240 -0
  157. package/docs-dev/sass/core/cssvar/index.html +240 -0
  158. package/docs-dev/sass/core/element/index.html +346 -30
  159. package/docs-dev/sass/core/index.html +240 -0
  160. package/docs-dev/sass/core/layout/index.html +240 -0
  161. package/docs-dev/sass/core/path/index.html +240 -0
  162. package/docs-dev/sass/core/selector/index.html +240 -0
  163. package/docs-dev/sass/core/typography/index.html +240 -0
  164. package/docs-dev/sass/core/units/index.html +240 -0
  165. package/docs-dev/sass/core/utils/index.html +358 -76
  166. package/docs-dev/sass/helpers/color/index.html +240 -0
  167. package/docs-dev/sass/helpers/display/index.html +240 -0
  168. package/docs-dev/sass/helpers/index/index.html +240 -0
  169. package/docs-dev/sass/helpers/index.html +240 -0
  170. package/docs-dev/sass/helpers/typography/index.html +240 -0
  171. package/docs-dev/sass/helpers/units/index.html +240 -0
  172. package/docs-dev/sass/helpers/utilities/index.html +240 -0
  173. package/docs-dev/sass/index.html +240 -0
  174. package/package.json +1 -1
  175. package/scss/_breakpoint.scss +1 -1
  176. package/scss/_button.scss +7 -5
  177. package/scss/_element.scss +16 -0
  178. package/scss/_utils.scss +7 -0
  179. package/scss/components/_button-group.scss +90 -0
  180. package/scss/components/_data-grid.scss +0 -3
  181. package/scss/components/_headline-label.scss +83 -0
  182. package/scss/components/_index.scss +24 -0
  183. package/scss/components/_panel.scss +246 -0
  184. package/scss/components/_rail.scss +120 -0
  185. package/types/ui/index.d.ts +1 -1
  186. package/types/utils/index.d.ts +1 -1
package/docs-dev/sass/core/breakpoint/index.html CHANGED
@@ -226,6 +226,21 @@
226
226
  </li>
227
227
 
228
228
 
229
+ <li class="nav-tree__item ">
230
+
231
+ <a class="nav-tree__link " href="/frontend/demos/button-group/">
232
+
233
+
234
+ <span class="nav-tree__text">
235
+ Button Group
236
+ </span>
237
+
238
+ </a>
239
+
240
+
241
+ </li>
242
+
243
+
229
244
  <li class="nav-tree__item ">
230
245
 
231
246
  <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
@@ -421,6 +436,21 @@
421
436
  </li>
422
437
 
423
438
 
439
+ <li class="nav-tree__item ">
440
+
441
+ <a class="nav-tree__link " href="/frontend/demos/headline-label/">
442
+
443
+
444
+ <span class="nav-tree__text">
445
+ Headline Label
446
+ </span>
447
+
448
+ </a>
449
+
450
+
451
+ </li>
452
+
453
+
424
454
  <li class="nav-tree__item ">
425
455
 
426
456
  <a class="nav-tree__link " href="/frontend/demos/hero/">
@@ -541,6 +571,21 @@
541
571
  </li>
542
572
 
543
573
 
574
+ <li class="nav-tree__item ">
575
+
576
+ <a class="nav-tree__link " href="/frontend/demos/panel/">
577
+
578
+
579
+ <span class="nav-tree__text">
580
+ Panel
581
+ </span>
582
+
583
+ </a>
584
+
585
+
586
+ </li>
587
+
588
+
544
589
  <li class="nav-tree__item ">
545
590
 
546
591
  <a class="nav-tree__link " href="/frontend/demos/popovers/">
@@ -586,6 +631,21 @@
586
631
  </li>
587
632
 
588
633
 
634
+ <li class="nav-tree__item ">
635
+
636
+ <a class="nav-tree__link " href="/frontend/demos/rail/">
637
+
638
+
639
+ <span class="nav-tree__text">
640
+ Rail
641
+ </span>
642
+
643
+ </a>
644
+
645
+
646
+ </li>
647
+
648
+
589
649
  <li class="nav-tree__item ">
590
650
 
591
651
  <a class="nav-tree__link " href="/frontend/demos/rule/">
@@ -1290,6 +1350,21 @@
1290
1350
  </li>
1291
1351
 
1292
1352
 
1353
+ <li class="nav-tree__item ">
1354
+
1355
+ <a class="nav-tree__link " href="/frontend/sass/components/button-group/">
1356
+
1357
+
1358
+ <span class="nav-tree__text">
1359
+ Button-group
1360
+ </span>
1361
+
1362
+ </a>
1363
+
1364
+
1365
+ </li>
1366
+
1367
+
1293
1368
  <li class="nav-tree__item ">
1294
1369
 
1295
1370
  <a class="nav-tree__link " href="/frontend/sass/components/button-verbose/">
@@ -1485,6 +1560,21 @@
1485
1560
  </li>
1486
1561
 
1487
1562
 
1563
+ <li class="nav-tree__item ">
1564
+
1565
+ <a class="nav-tree__link " href="/frontend/sass/components/headline-label/">
1566
+
1567
+
1568
+ <span class="nav-tree__text">
1569
+ Headline-label
1570
+ </span>
1571
+
1572
+ </a>
1573
+
1574
+
1575
+ </li>
1576
+
1577
+
1488
1578
  <li class="nav-tree__item ">
1489
1579
 
1490
1580
  <a class="nav-tree__link " href="/frontend/sass/components/hero/">
@@ -1695,6 +1785,21 @@
1695
1785
  </li>
1696
1786
 
1697
1787
 
1788
+ <li class="nav-tree__item ">
1789
+
1790
+ <a class="nav-tree__link " href="/frontend/sass/components/panel/">
1791
+
1792
+
1793
+ <span class="nav-tree__text">
1794
+ Panel
1795
+ </span>
1796
+
1797
+ </a>
1798
+
1799
+
1800
+ </li>
1801
+
1802
+
1698
1803
  <li class="nav-tree__item ">
1699
1804
 
1700
1805
  <a class="nav-tree__link " href="/frontend/sass/components/placeholder-block/">
@@ -1740,6 +1845,21 @@
1740
1845
  </li>
1741
1846
 
1742
1847
 
1848
+ <li class="nav-tree__item ">
1849
+
1850
+ <a class="nav-tree__link " href="/frontend/sass/components/rail/">
1851
+
1852
+
1853
+ <span class="nav-tree__text">
1854
+ Rail
1855
+ </span>
1856
+
1857
+ </a>
1858
+
1859
+
1860
+ </li>
1861
+
1862
+
1743
1863
  <li class="nav-tree__item ">
1744
1864
 
1745
1865
  <a class="nav-tree__link " href="/frontend/sass/components/ratio-box/">
@@ -2787,6 +2907,21 @@
2787
2907
  </li>
2788
2908
 
2789
2909
 
2910
+ <li class="nav-tree__item ">
2911
+
2912
+ <a class="nav-tree__link " href="/frontend/demos/button-group/">
2913
+
2914
+
2915
+ <span class="nav-tree__text">
2916
+ Button Group
2917
+ </span>
2918
+
2919
+ </a>
2920
+
2921
+
2922
+ </li>
2923
+
2924
+
2790
2925
  <li class="nav-tree__item ">
2791
2926
 
2792
2927
  <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
@@ -2982,6 +3117,21 @@
2982
3117
  </li>
2983
3118
 
2984
3119
 
3120
+ <li class="nav-tree__item ">
3121
+
3122
+ <a class="nav-tree__link " href="/frontend/demos/headline-label/">
3123
+
3124
+
3125
+ <span class="nav-tree__text">
3126
+ Headline Label
3127
+ </span>
3128
+
3129
+ </a>
3130
+
3131
+
3132
+ </li>
3133
+
3134
+
2985
3135
  <li class="nav-tree__item ">
2986
3136
 
2987
3137
  <a class="nav-tree__link " href="/frontend/demos/hero/">
@@ -3102,6 +3252,21 @@
3102
3252
  </li>
3103
3253
 
3104
3254
 
3255
+ <li class="nav-tree__item ">
3256
+
3257
+ <a class="nav-tree__link " href="/frontend/demos/panel/">
3258
+
3259
+
3260
+ <span class="nav-tree__text">
3261
+ Panel
3262
+ </span>
3263
+
3264
+ </a>
3265
+
3266
+
3267
+ </li>
3268
+
3269
+
3105
3270
  <li class="nav-tree__item ">
3106
3271
 
3107
3272
  <a class="nav-tree__link " href="/frontend/demos/popovers/">
@@ -3147,6 +3312,21 @@
3147
3312
  </li>
3148
3313
 
3149
3314
 
3315
+ <li class="nav-tree__item ">
3316
+
3317
+ <a class="nav-tree__link " href="/frontend/demos/rail/">
3318
+
3319
+
3320
+ <span class="nav-tree__text">
3321
+ Rail
3322
+ </span>
3323
+
3324
+ </a>
3325
+
3326
+
3327
+ </li>
3328
+
3329
+
3150
3330
  <li class="nav-tree__item ">
3151
3331
 
3152
3332
  <a class="nav-tree__link " href="/frontend/demos/rule/">
@@ -3851,6 +4031,21 @@
3851
4031
  </li>
3852
4032
 
3853
4033
 
4034
+ <li class="nav-tree__item ">
4035
+
4036
+ <a class="nav-tree__link " href="/frontend/sass/components/button-group/">
4037
+
4038
+
4039
+ <span class="nav-tree__text">
4040
+ Button-group
4041
+ </span>
4042
+
4043
+ </a>
4044
+
4045
+
4046
+ </li>
4047
+
4048
+
3854
4049
  <li class="nav-tree__item ">
3855
4050
 
3856
4051
  <a class="nav-tree__link " href="/frontend/sass/components/button-verbose/">
@@ -4046,6 +4241,21 @@
4046
4241
  </li>
4047
4242
 
4048
4243
 
4244
+ <li class="nav-tree__item ">
4245
+
4246
+ <a class="nav-tree__link " href="/frontend/sass/components/headline-label/">
4247
+
4248
+
4249
+ <span class="nav-tree__text">
4250
+ Headline-label
4251
+ </span>
4252
+
4253
+ </a>
4254
+
4255
+
4256
+ </li>
4257
+
4258
+
4049
4259
  <li class="nav-tree__item ">
4050
4260
 
4051
4261
  <a class="nav-tree__link " href="/frontend/sass/components/hero/">
@@ -4256,6 +4466,21 @@
4256
4466
  </li>
4257
4467
 
4258
4468
 
4469
+ <li class="nav-tree__item ">
4470
+
4471
+ <a class="nav-tree__link " href="/frontend/sass/components/panel/">
4472
+
4473
+
4474
+ <span class="nav-tree__text">
4475
+ Panel
4476
+ </span>
4477
+
4478
+ </a>
4479
+
4480
+
4481
+ </li>
4482
+
4483
+
4259
4484
  <li class="nav-tree__item ">
4260
4485
 
4261
4486
  <a class="nav-tree__link " href="/frontend/sass/components/placeholder-block/">
@@ -4301,6 +4526,21 @@
4301
4526
  </li>
4302
4527
 
4303
4528
 
4529
+ <li class="nav-tree__item ">
4530
+
4531
+ <a class="nav-tree__link " href="/frontend/sass/components/rail/">
4532
+
4533
+
4534
+ <span class="nav-tree__text">
4535
+ Rail
4536
+ </span>
4537
+
4538
+ </a>
4539
+
4540
+
4541
+ </li>
4542
+
4543
+
4304
4544
  <li class="nav-tree__item ">
4305
4545
 
4306
4546
  <a class="nav-tree__link " href="/frontend/sass/components/ratio-box/">
@@ -5688,7 +5928,7 @@
5688
5928
  <tr>
5689
5929
  <td style="text-align:left">$breakpoints</td>
5690
5930
  <td style="text-align:left"><code>String</code></td>
5691
- <td style="text-align:left">A map with breakpoints direction will be pulled from each items &quot;direction&quot; property, if direction is missing and no breakpoint will wrap the code</td>
5931
+ <td style="text-align:left">A map with breakpoints direction will be pulled from each items &quot;direction&quot; property, if direction is missing no breakpoint will wrap the code (as convention we call the default non-breakpoint direction &quot;default&quot;)</td>
5692
5932
  </tr>
5693
5933
  <tr>
5694
5934
  <td style="text-align:left">$options</td>