@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/demos/data-table/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/">
@@ -5252,178 +5492,178 @@
5252
5492
  </table>
5253
5493
  <h2 class="h2">Complex Table</h2>
5254
5494
  <h2 class="h2">Striped Table</h2>
5255
- <table class="data-table data-table--striped" id="dt-57">
5495
+ <table class="data-table data-table--striped" id="dt-429">
5256
5496
  <caption>
5257
5497
  This Is The Table's Caption
5258
5498
  </caption>
5259
5499
  <thead>
5260
5500
  <tr>
5261
- <th id="dt-57-type" rowspan="2">Type</th>
5262
- <th id="dt-57-group" colspan="2">Group</th>
5263
- <th id="dt-57-details" colspan="2">Details</th>
5264
- <th id="dt-57-id" rowspan="2">Id</th>
5501
+ <th id="dt-429-type" rowspan="2">Type</th>
5502
+ <th id="dt-429-group" colspan="2">Group</th>
5503
+ <th id="dt-429-details" colspan="2">Details</th>
5504
+ <th id="dt-429-id" rowspan="2">Id</th>
5265
5505
  </tr>
5266
5506
  <tr>
5267
- <th headers="dt-57-group" id="dt-57-primary">Primary</th>
5268
- <th headers="dt-57-group" id="dt-57-secondary">Secondary</th>
5269
- <th headers="dt-57-details" id="dt-57-before">Before Task</th>
5270
- <th headers="dt-57-details" id="dt-57-after">After Task</th>
5507
+ <th headers="dt-429-group" id="dt-429-primary">Primary</th>
5508
+ <th headers="dt-429-group" id="dt-429-secondary">Secondary</th>
5509
+ <th headers="dt-429-details" id="dt-429-before">Before Task</th>
5510
+ <th headers="dt-429-details" id="dt-429-after">After Task</th>
5271
5511
  </tr>
5272
5512
  </thead>
5273
5513
  <tbody>
5274
5514
  <tr>
5275
- <th rowspan="3" headers="dt-57-type dt-57-r1" id="dt-57-r1">Default</th>
5276
- <td headers="dt-57-group dt-57-primary dt-57-r1">Lorem Ipsum</td>
5277
- <td headers="dt-57-group dt-57-secondary dt-57-r1">Lorem Ipsum</td>
5278
- <td headers="dt-57-details dt-57-before dt-57-r1">Lorem Ipsum</td>
5279
- <td headers="dt-57-details dt-57-after dt-57-r1">Lorem Ipsum</td>
5280
- <td headers="dt-57-id">OL-53-GHSLE</td>
5515
+ <th rowspan="3" headers="dt-429-type dt-429-r1" id="dt-429-r1">Default</th>
5516
+ <td headers="dt-429-group dt-429-primary dt-429-r1">Lorem Ipsum</td>
5517
+ <td headers="dt-429-group dt-429-secondary dt-429-r1">Lorem Ipsum</td>
5518
+ <td headers="dt-429-details dt-429-before dt-429-r1">Lorem Ipsum</td>
5519
+ <td headers="dt-429-details dt-429-after dt-429-r1">Lorem Ipsum</td>
5520
+ <td headers="dt-429-id">OL-53-GHSLE</td>
5281
5521
  </tr>
5282
5522
  <tr>
5283
- <td headers="dt-57-group dt-57-primary dt-57-r1">Lorem Ipsum</td>
5284
- <td headers="dt-57-group dt-57-secondary dt-57-r1">Lorem Ipsum</td>
5285
- <td headers="dt-57-details dt-57-before dt-57-r1">Lorem Ipsum</td>
5286
- <td headers="dt-57-details dt-57-after dt-57-r1">Lorem Ipsum</td>
5287
- <td headers="dt-57-id">OL-53-GHSLE</td>
5523
+ <td headers="dt-429-group dt-429-primary dt-429-r1">Lorem Ipsum</td>
5524
+ <td headers="dt-429-group dt-429-secondary dt-429-r1">Lorem Ipsum</td>
5525
+ <td headers="dt-429-details dt-429-before dt-429-r1">Lorem Ipsum</td>
5526
+ <td headers="dt-429-details dt-429-after dt-429-r1">Lorem Ipsum</td>
5527
+ <td headers="dt-429-id">OL-53-GHSLE</td>
5288
5528
  </tr>
5289
5529
  <tr>
5290
- <td headers="dt-57-group dt-57-primary dt-57-r1">Lorem Ipsum</td>
5291
- <td headers="dt-57-group dt-57-secondary dt-57-r1">Lorem Ipsum</td>
5292
- <td headers="dt-57-details dt-57-before dt-57-r1">Lorem Ipsum</td>
5293
- <td headers="dt-57-details dt-57-after dt-57-r1">Lorem Ipsum</td>
5294
- <td headers="dt-57-id">OL-53-GHSLE</td>
5530
+ <td headers="dt-429-group dt-429-primary dt-429-r1">Lorem Ipsum</td>
5531
+ <td headers="dt-429-group dt-429-secondary dt-429-r1">Lorem Ipsum</td>
5532
+ <td headers="dt-429-details dt-429-before dt-429-r1">Lorem Ipsum</td>
5533
+ <td headers="dt-429-details dt-429-after dt-429-r1">Lorem Ipsum</td>
5534
+ <td headers="dt-429-id">OL-53-GHSLE</td>
5295
5535
  </tr>
5296
5536
  </tbody>
5297
5537
  </table>
5298
5538
  <h2 class="h2">Large-first Table</h2>
5299
- <table class="data-table data-table--large-first" id="dt-58">
5539
+ <table class="data-table data-table--large-first" id="dt-430">
5300
5540
  <caption>
5301
5541
  This Is The Table's Caption
5302
5542
  </caption>
5303
5543
  <thead>
5304
5544
  <tr>
5305
- <th id="dt-58-type" rowspan="2">Type</th>
5306
- <th id="dt-58-group" colspan="2">Group</th>
5307
- <th id="dt-58-details" colspan="2">Details</th>
5308
- <th id="dt-58-id" rowspan="2">Id</th>
5545
+ <th id="dt-430-type" rowspan="2">Type</th>
5546
+ <th id="dt-430-group" colspan="2">Group</th>
5547
+ <th id="dt-430-details" colspan="2">Details</th>
5548
+ <th id="dt-430-id" rowspan="2">Id</th>
5309
5549
  </tr>
5310
5550
  <tr>
5311
- <th headers="dt-58-group" id="dt-58-primary">Primary</th>
5312
- <th headers="dt-58-group" id="dt-58-secondary">Secondary</th>
5313
- <th headers="dt-58-details" id="dt-58-before">Before Task</th>
5314
- <th headers="dt-58-details" id="dt-58-after">After Task</th>
5551
+ <th headers="dt-430-group" id="dt-430-primary">Primary</th>
5552
+ <th headers="dt-430-group" id="dt-430-secondary">Secondary</th>
5553
+ <th headers="dt-430-details" id="dt-430-before">Before Task</th>
5554
+ <th headers="dt-430-details" id="dt-430-after">After Task</th>
5315
5555
  </tr>
5316
5556
  </thead>
5317
5557
  <tbody>
5318
5558
  <tr>
5319
- <th rowspan="3" headers="dt-58-type dt-58-r1" id="dt-58-r1">Default</th>
5320
- <td headers="dt-58-group dt-58-primary dt-58-r1">Lorem Ipsum</td>
5321
- <td headers="dt-58-group dt-58-secondary dt-58-r1">Lorem Ipsum</td>
5322
- <td headers="dt-58-details dt-58-before dt-58-r1">Lorem Ipsum</td>
5323
- <td headers="dt-58-details dt-58-after dt-58-r1">Lorem Ipsum</td>
5324
- <td headers="dt-58-id">OL-53-GHSLE</td>
5559
+ <th rowspan="3" headers="dt-430-type dt-430-r1" id="dt-430-r1">Default</th>
5560
+ <td headers="dt-430-group dt-430-primary dt-430-r1">Lorem Ipsum</td>
5561
+ <td headers="dt-430-group dt-430-secondary dt-430-r1">Lorem Ipsum</td>
5562
+ <td headers="dt-430-details dt-430-before dt-430-r1">Lorem Ipsum</td>
5563
+ <td headers="dt-430-details dt-430-after dt-430-r1">Lorem Ipsum</td>
5564
+ <td headers="dt-430-id">OL-53-GHSLE</td>
5325
5565
  </tr>
5326
5566
  <tr>
5327
- <td headers="dt-58-group dt-58-primary dt-58-r1">Lorem Ipsum</td>
5328
- <td headers="dt-58-group dt-58-secondary dt-58-r1">Lorem Ipsum</td>
5329
- <td headers="dt-58-details dt-58-before dt-58-r1">Lorem Ipsum</td>
5330
- <td headers="dt-58-details dt-58-after dt-58-r1">Lorem Ipsum</td>
5331
- <td headers="dt-58-id">OL-53-GHSLE</td>
5567
+ <td headers="dt-430-group dt-430-primary dt-430-r1">Lorem Ipsum</td>
5568
+ <td headers="dt-430-group dt-430-secondary dt-430-r1">Lorem Ipsum</td>
5569
+ <td headers="dt-430-details dt-430-before dt-430-r1">Lorem Ipsum</td>
5570
+ <td headers="dt-430-details dt-430-after dt-430-r1">Lorem Ipsum</td>
5571
+ <td headers="dt-430-id">OL-53-GHSLE</td>
5332
5572
  </tr>
5333
5573
  <tr>
5334
- <td headers="dt-58-group dt-58-primary dt-58-r1">Lorem Ipsum</td>
5335
- <td headers="dt-58-group dt-58-secondary dt-58-r1">Lorem Ipsum</td>
5336
- <td headers="dt-58-details dt-58-before dt-58-r1">Lorem Ipsum</td>
5337
- <td headers="dt-58-details dt-58-after dt-58-r1">Lorem Ipsum</td>
5338
- <td headers="dt-58-id">OL-53-GHSLE</td>
5574
+ <td headers="dt-430-group dt-430-primary dt-430-r1">Lorem Ipsum</td>
5575
+ <td headers="dt-430-group dt-430-secondary dt-430-r1">Lorem Ipsum</td>
5576
+ <td headers="dt-430-details dt-430-before dt-430-r1">Lorem Ipsum</td>
5577
+ <td headers="dt-430-details dt-430-after dt-430-r1">Lorem Ipsum</td>
5578
+ <td headers="dt-430-id">OL-53-GHSLE</td>
5339
5579
  </tr>
5340
5580
  </tbody>
5341
5581
  </table>
5342
5582
  <h2 class="h2">Large-header Table</h2>
5343
- <table class="data-table data-table--large-header" id="dt-59">
5583
+ <table class="data-table data-table--large-header" id="dt-431">
5344
5584
  <caption>
5345
5585
  This Is The Table's Caption
5346
5586
  </caption>
5347
5587
  <thead>
5348
5588
  <tr>
5349
- <th id="dt-59-type" rowspan="2">Type</th>
5350
- <th id="dt-59-group" colspan="2">Group</th>
5351
- <th id="dt-59-details" colspan="2">Details</th>
5352
- <th id="dt-59-id" rowspan="2">Id</th>
5589
+ <th id="dt-431-type" rowspan="2">Type</th>
5590
+ <th id="dt-431-group" colspan="2">Group</th>
5591
+ <th id="dt-431-details" colspan="2">Details</th>
5592
+ <th id="dt-431-id" rowspan="2">Id</th>
5353
5593
  </tr>
5354
5594
  <tr>
5355
- <th headers="dt-59-group" id="dt-59-primary">Primary</th>
5356
- <th headers="dt-59-group" id="dt-59-secondary">Secondary</th>
5357
- <th headers="dt-59-details" id="dt-59-before">Before Task</th>
5358
- <th headers="dt-59-details" id="dt-59-after">After Task</th>
5595
+ <th headers="dt-431-group" id="dt-431-primary">Primary</th>
5596
+ <th headers="dt-431-group" id="dt-431-secondary">Secondary</th>
5597
+ <th headers="dt-431-details" id="dt-431-before">Before Task</th>
5598
+ <th headers="dt-431-details" id="dt-431-after">After Task</th>
5359
5599
  </tr>
5360
5600
  </thead>
5361
5601
  <tbody>
5362
5602
  <tr>
5363
- <th rowspan="3" headers="dt-59-type dt-59-r1" id="dt-59-r1">Default</th>
5364
- <td headers="dt-59-group dt-59-primary dt-59-r1">Lorem Ipsum</td>
5365
- <td headers="dt-59-group dt-59-secondary dt-59-r1">Lorem Ipsum</td>
5366
- <td headers="dt-59-details dt-59-before dt-59-r1">Lorem Ipsum</td>
5367
- <td headers="dt-59-details dt-59-after dt-59-r1">Lorem Ipsum</td>
5368
- <td headers="dt-59-id">OL-53-GHSLE</td>
5603
+ <th rowspan="3" headers="dt-431-type dt-431-r1" id="dt-431-r1">Default</th>
5604
+ <td headers="dt-431-group dt-431-primary dt-431-r1">Lorem Ipsum</td>
5605
+ <td headers="dt-431-group dt-431-secondary dt-431-r1">Lorem Ipsum</td>
5606
+ <td headers="dt-431-details dt-431-before dt-431-r1">Lorem Ipsum</td>
5607
+ <td headers="dt-431-details dt-431-after dt-431-r1">Lorem Ipsum</td>
5608
+ <td headers="dt-431-id">OL-53-GHSLE</td>
5369
5609
  </tr>
5370
5610
  <tr>
5371
- <td headers="dt-59-group dt-59-primary dt-59-r1">Lorem Ipsum</td>
5372
- <td headers="dt-59-group dt-59-secondary dt-59-r1">Lorem Ipsum</td>
5373
- <td headers="dt-59-details dt-59-before dt-59-r1">Lorem Ipsum</td>
5374
- <td headers="dt-59-details dt-59-after dt-59-r1">Lorem Ipsum</td>
5375
- <td headers="dt-59-id">OL-53-GHSLE</td>
5611
+ <td headers="dt-431-group dt-431-primary dt-431-r1">Lorem Ipsum</td>
5612
+ <td headers="dt-431-group dt-431-secondary dt-431-r1">Lorem Ipsum</td>
5613
+ <td headers="dt-431-details dt-431-before dt-431-r1">Lorem Ipsum</td>
5614
+ <td headers="dt-431-details dt-431-after dt-431-r1">Lorem Ipsum</td>
5615
+ <td headers="dt-431-id">OL-53-GHSLE</td>
5376
5616
  </tr>
5377
5617
  <tr>
5378
- <td headers="dt-59-group dt-59-primary dt-59-r1">Lorem Ipsum</td>
5379
- <td headers="dt-59-group dt-59-secondary dt-59-r1">Lorem Ipsum</td>
5380
- <td headers="dt-59-details dt-59-before dt-59-r1">Lorem Ipsum</td>
5381
- <td headers="dt-59-details dt-59-after dt-59-r1">Lorem Ipsum</td>
5382
- <td headers="dt-59-id">OL-53-GHSLE</td>
5618
+ <td headers="dt-431-group dt-431-primary dt-431-r1">Lorem Ipsum</td>
5619
+ <td headers="dt-431-group dt-431-secondary dt-431-r1">Lorem Ipsum</td>
5620
+ <td headers="dt-431-details dt-431-before dt-431-r1">Lorem Ipsum</td>
5621
+ <td headers="dt-431-details dt-431-after dt-431-r1">Lorem Ipsum</td>
5622
+ <td headers="dt-431-id">OL-53-GHSLE</td>
5383
5623
  </tr>
5384
5624
  </tbody>
5385
5625
  </table>
5386
5626
  <h2 class="h2">No-border Table</h2>
5387
- <table class="data-table data-table--no-border" id="dt-60">
5627
+ <table class="data-table data-table--no-border" id="dt-432">
5388
5628
  <caption>
5389
5629
  This Is The Table's Caption
5390
5630
  </caption>
5391
5631
  <thead>
5392
5632
  <tr>
5393
- <th id="dt-60-type" rowspan="2">Type</th>
5394
- <th id="dt-60-group" colspan="2">Group</th>
5395
- <th id="dt-60-details" colspan="2">Details</th>
5396
- <th id="dt-60-id" rowspan="2">Id</th>
5633
+ <th id="dt-432-type" rowspan="2">Type</th>
5634
+ <th id="dt-432-group" colspan="2">Group</th>
5635
+ <th id="dt-432-details" colspan="2">Details</th>
5636
+ <th id="dt-432-id" rowspan="2">Id</th>
5397
5637
  </tr>
5398
5638
  <tr>
5399
- <th headers="dt-60-group" id="dt-60-primary">Primary</th>
5400
- <th headers="dt-60-group" id="dt-60-secondary">Secondary</th>
5401
- <th headers="dt-60-details" id="dt-60-before">Before Task</th>
5402
- <th headers="dt-60-details" id="dt-60-after">After Task</th>
5639
+ <th headers="dt-432-group" id="dt-432-primary">Primary</th>
5640
+ <th headers="dt-432-group" id="dt-432-secondary">Secondary</th>
5641
+ <th headers="dt-432-details" id="dt-432-before">Before Task</th>
5642
+ <th headers="dt-432-details" id="dt-432-after">After Task</th>
5403
5643
  </tr>
5404
5644
  </thead>
5405
5645
  <tbody>
5406
5646
  <tr>
5407
- <th rowspan="3" headers="dt-60-type dt-60-r1" id="dt-60-r1">Default</th>
5408
- <td headers="dt-60-group dt-60-primary dt-60-r1">Lorem Ipsum</td>
5409
- <td headers="dt-60-group dt-60-secondary dt-60-r1">Lorem Ipsum</td>
5410
- <td headers="dt-60-details dt-60-before dt-60-r1">Lorem Ipsum</td>
5411
- <td headers="dt-60-details dt-60-after dt-60-r1">Lorem Ipsum</td>
5412
- <td headers="dt-60-id">OL-53-GHSLE</td>
5647
+ <th rowspan="3" headers="dt-432-type dt-432-r1" id="dt-432-r1">Default</th>
5648
+ <td headers="dt-432-group dt-432-primary dt-432-r1">Lorem Ipsum</td>
5649
+ <td headers="dt-432-group dt-432-secondary dt-432-r1">Lorem Ipsum</td>
5650
+ <td headers="dt-432-details dt-432-before dt-432-r1">Lorem Ipsum</td>
5651
+ <td headers="dt-432-details dt-432-after dt-432-r1">Lorem Ipsum</td>
5652
+ <td headers="dt-432-id">OL-53-GHSLE</td>
5413
5653
  </tr>
5414
5654
  <tr>
5415
- <td headers="dt-60-group dt-60-primary dt-60-r1">Lorem Ipsum</td>
5416
- <td headers="dt-60-group dt-60-secondary dt-60-r1">Lorem Ipsum</td>
5417
- <td headers="dt-60-details dt-60-before dt-60-r1">Lorem Ipsum</td>
5418
- <td headers="dt-60-details dt-60-after dt-60-r1">Lorem Ipsum</td>
5419
- <td headers="dt-60-id">OL-53-GHSLE</td>
5655
+ <td headers="dt-432-group dt-432-primary dt-432-r1">Lorem Ipsum</td>
5656
+ <td headers="dt-432-group dt-432-secondary dt-432-r1">Lorem Ipsum</td>
5657
+ <td headers="dt-432-details dt-432-before dt-432-r1">Lorem Ipsum</td>
5658
+ <td headers="dt-432-details dt-432-after dt-432-r1">Lorem Ipsum</td>
5659
+ <td headers="dt-432-id">OL-53-GHSLE</td>
5420
5660
  </tr>
5421
5661
  <tr>
5422
- <td headers="dt-60-group dt-60-primary dt-60-r1">Lorem Ipsum</td>
5423
- <td headers="dt-60-group dt-60-secondary dt-60-r1">Lorem Ipsum</td>
5424
- <td headers="dt-60-details dt-60-before dt-60-r1">Lorem Ipsum</td>
5425
- <td headers="dt-60-details dt-60-after dt-60-r1">Lorem Ipsum</td>
5426
- <td headers="dt-60-id">OL-53-GHSLE</td>
5662
+ <td headers="dt-432-group dt-432-primary dt-432-r1">Lorem Ipsum</td>
5663
+ <td headers="dt-432-group dt-432-secondary dt-432-r1">Lorem Ipsum</td>
5664
+ <td headers="dt-432-details dt-432-before dt-432-r1">Lorem Ipsum</td>
5665
+ <td headers="dt-432-details dt-432-after dt-432-r1">Lorem Ipsum</td>
5666
+ <td headers="dt-432-id">OL-53-GHSLE</td>
5427
5667
  </tr>
5428
5668
  </tbody>
5429
5669
  </table>