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

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 (177) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +345 -3
  4. package/docs-dev/demos/accordion/index.html +270 -0
  5. package/docs-dev/demos/badge/index.html +270 -0
  6. package/docs-dev/demos/breakpoints-manager/index.html +270 -0
  7. package/docs-dev/demos/button/index.html +270 -0
  8. package/docs-dev/demos/button-group/index.html +5532 -0
  9. package/docs-dev/demos/button-verbose/index.html +270 -0
  10. package/docs-dev/demos/callout/index.html +270 -0
  11. package/docs-dev/demos/captioned-figure/index.html +270 -0
  12. package/docs-dev/demos/card/index.html +286 -16
  13. package/docs-dev/demos/card-grid/index.html +270 -0
  14. package/docs-dev/demos/counter-list/index.html +270 -0
  15. package/docs-dev/demos/css-icons/index.html +270 -0
  16. package/docs-dev/demos/data-grid/index.html +270 -0
  17. package/docs-dev/demos/data-table/index.html +370 -100
  18. package/docs-dev/demos/details-group/index.html +270 -0
  19. package/docs-dev/demos/file-save/index.html +270 -0
  20. package/docs-dev/demos/flipcard/index.html +270 -0
  21. package/docs-dev/demos/form-theme/index.html +270 -0
  22. package/docs-dev/demos/headline-label/index.html +5502 -0
  23. package/docs-dev/demos/index.html +270 -0
  24. package/docs-dev/demos/list-inline/index.html +270 -0
  25. package/docs-dev/demos/list-lines/index.html +270 -0
  26. package/docs-dev/demos/menu-stack/index.html +270 -0
  27. package/docs-dev/demos/modals/index.html +270 -0
  28. package/docs-dev/demos/nav-strip/index.html +270 -0
  29. package/docs-dev/demos/overlay-section/index.html +270 -0
  30. package/docs-dev/demos/panel/index.html +5562 -0
  31. package/docs-dev/demos/popovers/index.html +270 -0
  32. package/docs-dev/demos/print/index.html +270 -0
  33. package/docs-dev/demos/pull-quote/index.html +270 -0
  34. package/docs-dev/demos/rail/index.html +5598 -0
  35. package/docs-dev/demos/rule/index.html +270 -0
  36. package/docs-dev/demos/scrollpoints/index.html +270 -0
  37. package/docs-dev/demos/spoke-spinner/index.html +270 -0
  38. package/docs-dev/demos/sticky-list/index.html +270 -0
  39. package/docs-dev/demos/tabs/index.html +270 -0
  40. package/docs-dev/demos/tag/index.html +270 -0
  41. package/docs-dev/demos/theme-toggle/index.html +270 -0
  42. package/docs-dev/demos/tiles/index.html +270 -0
  43. package/docs-dev/demos/tooltip/index.html +270 -0
  44. package/docs-dev/guide/building-stylesheet/index.html +270 -0
  45. package/docs-dev/guide/developing-ulu-scss-module/index.html +270 -0
  46. package/docs-dev/guide/index.html +270 -0
  47. package/docs-dev/index.html +270 -0
  48. package/docs-dev/javascript/events/index.html +270 -0
  49. package/docs-dev/javascript/index.html +270 -0
  50. package/docs-dev/javascript/settings/index.html +270 -0
  51. package/docs-dev/javascript/ui-breakpoints/index.html +270 -0
  52. package/docs-dev/javascript/ui-collapsible/index.html +270 -0
  53. package/docs-dev/javascript/ui-details-group/index.html +270 -0
  54. package/docs-dev/javascript/ui-dialog/index.html +270 -0
  55. package/docs-dev/javascript/ui-flipcard/index.html +270 -0
  56. package/docs-dev/javascript/ui-grid/index.html +270 -0
  57. package/docs-dev/javascript/ui-modal-builder/index.html +270 -0
  58. package/docs-dev/javascript/ui-overflow-scroller/index.html +270 -0
  59. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +270 -0
  60. package/docs-dev/javascript/ui-page/index.html +270 -0
  61. package/docs-dev/javascript/ui-popover/index.html +270 -0
  62. package/docs-dev/javascript/ui-print/index.html +270 -0
  63. package/docs-dev/javascript/ui-print-details/index.html +270 -0
  64. package/docs-dev/javascript/ui-programmatic-modal/index.html +270 -0
  65. package/docs-dev/javascript/ui-proxy-click/index.html +270 -0
  66. package/docs-dev/javascript/ui-resizer/index.html +270 -0
  67. package/docs-dev/javascript/ui-scroll-slider/index.html +270 -0
  68. package/docs-dev/javascript/ui-scrollpoint/index.html +270 -0
  69. package/docs-dev/javascript/ui-slider/index.html +270 -0
  70. package/docs-dev/javascript/ui-tabs/index.html +270 -0
  71. package/docs-dev/javascript/ui-theme-toggle/index.html +270 -0
  72. package/docs-dev/javascript/ui-tooltip/index.html +270 -0
  73. package/docs-dev/javascript/utils-class-logger/index.html +270 -0
  74. package/docs-dev/javascript/utils-css/index.html +270 -0
  75. package/docs-dev/javascript/utils-dom/index.html +270 -0
  76. package/docs-dev/javascript/utils-file-save/index.html +270 -0
  77. package/docs-dev/javascript/utils-floating-ui/index.html +270 -0
  78. package/docs-dev/javascript/utils-id/index.html +270 -0
  79. package/docs-dev/javascript/utils-pause-youtube-video/index.html +270 -0
  80. package/docs-dev/javascript/utils-system/index.html +270 -0
  81. package/docs-dev/sass/base/color/index.html +270 -0
  82. package/docs-dev/sass/base/elements/index.html +270 -0
  83. package/docs-dev/sass/base/index/index.html +270 -0
  84. package/docs-dev/sass/base/index.html +270 -0
  85. package/docs-dev/sass/base/keyframes/index.html +270 -0
  86. package/docs-dev/sass/base/layout/index.html +270 -0
  87. package/docs-dev/sass/base/normalize/index.html +270 -0
  88. package/docs-dev/sass/base/print/index.html +270 -0
  89. package/docs-dev/sass/base/root/index.html +270 -0
  90. package/docs-dev/sass/base/typography/index.html +270 -0
  91. package/docs-dev/sass/components/accordion/index.html +270 -0
  92. package/docs-dev/sass/components/adaptive-spacing/index.html +270 -0
  93. package/docs-dev/sass/components/badge/index.html +270 -0
  94. package/docs-dev/sass/components/basic-hero/index.html +270 -0
  95. package/docs-dev/sass/components/button/index.html +270 -0
  96. package/docs-dev/sass/components/button-group/index.html +5683 -0
  97. package/docs-dev/sass/components/button-verbose/index.html +270 -0
  98. package/docs-dev/sass/components/callout/index.html +270 -0
  99. package/docs-dev/sass/components/captioned-figure/index.html +270 -0
  100. package/docs-dev/sass/components/card/index.html +270 -0
  101. package/docs-dev/sass/components/card-grid/index.html +270 -0
  102. package/docs-dev/sass/components/counter-list/index.html +270 -0
  103. package/docs-dev/sass/components/css-icon/index.html +270 -0
  104. package/docs-dev/sass/components/data-grid/index.html +284 -14
  105. package/docs-dev/sass/components/data-table/index.html +270 -0
  106. package/docs-dev/sass/components/fill-context/index.html +270 -0
  107. package/docs-dev/sass/components/flipcard/index.html +270 -0
  108. package/docs-dev/sass/components/flipcard-grid/index.html +270 -0
  109. package/docs-dev/sass/components/form-theme/index.html +270 -0
  110. package/docs-dev/sass/components/headline-label/index.html +5713 -0
  111. package/docs-dev/sass/components/hero/index.html +270 -0
  112. package/docs-dev/sass/components/horizontal-rule/index.html +270 -0
  113. package/docs-dev/sass/components/image-grid/index.html +270 -0
  114. package/docs-dev/sass/components/index/index.html +285 -10
  115. package/docs-dev/sass/components/index.html +270 -0
  116. package/docs-dev/sass/components/links/index.html +270 -0
  117. package/docs-dev/sass/components/list-inline/index.html +270 -0
  118. package/docs-dev/sass/components/list-lines/index.html +270 -0
  119. package/docs-dev/sass/components/list-ordered/index.html +270 -0
  120. package/docs-dev/sass/components/list-unordered/index.html +270 -0
  121. package/docs-dev/sass/components/menu-stack/index.html +270 -0
  122. package/docs-dev/sass/components/modal/index.html +270 -0
  123. package/docs-dev/sass/components/nav-strip/index.html +270 -0
  124. package/docs-dev/sass/components/overlay-section/index.html +270 -0
  125. package/docs-dev/sass/components/pager/index.html +270 -0
  126. package/docs-dev/sass/components/panel/index.html +5913 -0
  127. package/docs-dev/sass/components/placeholder-block/index.html +270 -0
  128. package/docs-dev/sass/components/popover/index.html +270 -0
  129. package/docs-dev/sass/components/pull-quote/index.html +270 -0
  130. package/docs-dev/sass/components/rail/index.html +5700 -0
  131. package/docs-dev/sass/components/ratio-box/index.html +270 -0
  132. package/docs-dev/sass/components/rule/index.html +270 -0
  133. package/docs-dev/sass/components/scroll-slider/index.html +270 -0
  134. package/docs-dev/sass/components/skip-link/index.html +270 -0
  135. package/docs-dev/sass/components/slider/index.html +270 -0
  136. package/docs-dev/sass/components/spoke-spinner/index.html +270 -0
  137. package/docs-dev/sass/components/sticky-list/index.html +270 -0
  138. package/docs-dev/sass/components/table-sticky/index.html +5677 -0
  139. package/docs-dev/sass/components/tabs/index.html +270 -0
  140. package/docs-dev/sass/components/tag/index.html +270 -0
  141. package/docs-dev/sass/components/tile-button/index.html +270 -0
  142. package/docs-dev/sass/components/tile-grid/index.html +270 -0
  143. package/docs-dev/sass/components/tile-grid-overlay/index.html +270 -0
  144. package/docs-dev/sass/components/vignette/index.html +270 -0
  145. package/docs-dev/sass/components/wysiwyg/index.html +270 -0
  146. package/docs-dev/sass/core/breakpoint/index.html +271 -1
  147. package/docs-dev/sass/core/button/index.html +302 -30
  148. package/docs-dev/sass/core/color/index.html +270 -0
  149. package/docs-dev/sass/core/cssvar/index.html +270 -0
  150. package/docs-dev/sass/core/element/index.html +376 -30
  151. package/docs-dev/sass/core/index.html +270 -0
  152. package/docs-dev/sass/core/layout/index.html +270 -0
  153. package/docs-dev/sass/core/path/index.html +270 -0
  154. package/docs-dev/sass/core/selector/index.html +270 -0
  155. package/docs-dev/sass/core/typography/index.html +270 -0
  156. package/docs-dev/sass/core/units/index.html +270 -0
  157. package/docs-dev/sass/core/utils/index.html +388 -76
  158. package/docs-dev/sass/helpers/color/index.html +270 -0
  159. package/docs-dev/sass/helpers/display/index.html +270 -0
  160. package/docs-dev/sass/helpers/index/index.html +270 -0
  161. package/docs-dev/sass/helpers/index.html +270 -0
  162. package/docs-dev/sass/helpers/typography/index.html +270 -0
  163. package/docs-dev/sass/helpers/units/index.html +270 -0
  164. package/docs-dev/sass/helpers/utilities/index.html +270 -0
  165. package/docs-dev/sass/index.html +270 -0
  166. package/package.json +1 -1
  167. package/scss/_breakpoint.scss +1 -1
  168. package/scss/_button.scss +7 -5
  169. package/scss/_element.scss +16 -0
  170. package/scss/_utils.scss +7 -0
  171. package/scss/components/_button-group.scss +90 -0
  172. package/scss/components/_data-grid.scss +0 -3
  173. package/scss/components/_headline-label.scss +83 -0
  174. package/scss/components/_index.scss +30 -0
  175. package/scss/components/_panel.scss +246 -0
  176. package/scss/components/_rail.scss +120 -0
  177. package/scss/components/_table-sticky.scss +185 -0
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/">
@@ -1845,6 +1965,21 @@
1845
1965
  </li>
1846
1966
 
1847
1967
 
1968
+ <li class="nav-tree__item ">
1969
+
1970
+ <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
1971
+
1972
+
1973
+ <span class="nav-tree__text">
1974
+ Table-sticky
1975
+ </span>
1976
+
1977
+ </a>
1978
+
1979
+
1980
+ </li>
1981
+
1982
+
1848
1983
  <li class="nav-tree__item ">
1849
1984
 
1850
1985
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -2787,6 +2922,21 @@
2787
2922
  </li>
2788
2923
 
2789
2924
 
2925
+ <li class="nav-tree__item ">
2926
+
2927
+ <a class="nav-tree__link " href="/frontend/demos/button-group/">
2928
+
2929
+
2930
+ <span class="nav-tree__text">
2931
+ Button Group
2932
+ </span>
2933
+
2934
+ </a>
2935
+
2936
+
2937
+ </li>
2938
+
2939
+
2790
2940
  <li class="nav-tree__item ">
2791
2941
 
2792
2942
  <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
@@ -2982,6 +3132,21 @@
2982
3132
  </li>
2983
3133
 
2984
3134
 
3135
+ <li class="nav-tree__item ">
3136
+
3137
+ <a class="nav-tree__link " href="/frontend/demos/headline-label/">
3138
+
3139
+
3140
+ <span class="nav-tree__text">
3141
+ Headline Label
3142
+ </span>
3143
+
3144
+ </a>
3145
+
3146
+
3147
+ </li>
3148
+
3149
+
2985
3150
  <li class="nav-tree__item ">
2986
3151
 
2987
3152
  <a class="nav-tree__link " href="/frontend/demos/hero/">
@@ -3102,6 +3267,21 @@
3102
3267
  </li>
3103
3268
 
3104
3269
 
3270
+ <li class="nav-tree__item ">
3271
+
3272
+ <a class="nav-tree__link " href="/frontend/demos/panel/">
3273
+
3274
+
3275
+ <span class="nav-tree__text">
3276
+ Panel
3277
+ </span>
3278
+
3279
+ </a>
3280
+
3281
+
3282
+ </li>
3283
+
3284
+
3105
3285
  <li class="nav-tree__item ">
3106
3286
 
3107
3287
  <a class="nav-tree__link " href="/frontend/demos/popovers/">
@@ -3147,6 +3327,21 @@
3147
3327
  </li>
3148
3328
 
3149
3329
 
3330
+ <li class="nav-tree__item ">
3331
+
3332
+ <a class="nav-tree__link " href="/frontend/demos/rail/">
3333
+
3334
+
3335
+ <span class="nav-tree__text">
3336
+ Rail
3337
+ </span>
3338
+
3339
+ </a>
3340
+
3341
+
3342
+ </li>
3343
+
3344
+
3150
3345
  <li class="nav-tree__item ">
3151
3346
 
3152
3347
  <a class="nav-tree__link " href="/frontend/demos/rule/">
@@ -3851,6 +4046,21 @@
3851
4046
  </li>
3852
4047
 
3853
4048
 
4049
+ <li class="nav-tree__item ">
4050
+
4051
+ <a class="nav-tree__link " href="/frontend/sass/components/button-group/">
4052
+
4053
+
4054
+ <span class="nav-tree__text">
4055
+ Button-group
4056
+ </span>
4057
+
4058
+ </a>
4059
+
4060
+
4061
+ </li>
4062
+
4063
+
3854
4064
  <li class="nav-tree__item ">
3855
4065
 
3856
4066
  <a class="nav-tree__link " href="/frontend/sass/components/button-verbose/">
@@ -4046,6 +4256,21 @@
4046
4256
  </li>
4047
4257
 
4048
4258
 
4259
+ <li class="nav-tree__item ">
4260
+
4261
+ <a class="nav-tree__link " href="/frontend/sass/components/headline-label/">
4262
+
4263
+
4264
+ <span class="nav-tree__text">
4265
+ Headline-label
4266
+ </span>
4267
+
4268
+ </a>
4269
+
4270
+
4271
+ </li>
4272
+
4273
+
4049
4274
  <li class="nav-tree__item ">
4050
4275
 
4051
4276
  <a class="nav-tree__link " href="/frontend/sass/components/hero/">
@@ -4256,6 +4481,21 @@
4256
4481
  </li>
4257
4482
 
4258
4483
 
4484
+ <li class="nav-tree__item ">
4485
+
4486
+ <a class="nav-tree__link " href="/frontend/sass/components/panel/">
4487
+
4488
+
4489
+ <span class="nav-tree__text">
4490
+ Panel
4491
+ </span>
4492
+
4493
+ </a>
4494
+
4495
+
4496
+ </li>
4497
+
4498
+
4259
4499
  <li class="nav-tree__item ">
4260
4500
 
4261
4501
  <a class="nav-tree__link " href="/frontend/sass/components/placeholder-block/">
@@ -4301,6 +4541,21 @@
4301
4541
  </li>
4302
4542
 
4303
4543
 
4544
+ <li class="nav-tree__item ">
4545
+
4546
+ <a class="nav-tree__link " href="/frontend/sass/components/rail/">
4547
+
4548
+
4549
+ <span class="nav-tree__text">
4550
+ Rail
4551
+ </span>
4552
+
4553
+ </a>
4554
+
4555
+
4556
+ </li>
4557
+
4558
+
4304
4559
  <li class="nav-tree__item ">
4305
4560
 
4306
4561
  <a class="nav-tree__link " href="/frontend/sass/components/ratio-box/">
@@ -4406,6 +4661,21 @@
4406
4661
  </li>
4407
4662
 
4408
4663
 
4664
+ <li class="nav-tree__item ">
4665
+
4666
+ <a class="nav-tree__link " href="/frontend/sass/components/table-sticky/">
4667
+
4668
+
4669
+ <span class="nav-tree__text">
4670
+ Table-sticky
4671
+ </span>
4672
+
4673
+ </a>
4674
+
4675
+
4676
+ </li>
4677
+
4678
+
4409
4679
  <li class="nav-tree__item ">
4410
4680
 
4411
4681
  <a class="nav-tree__link " href="/frontend/sass/components/tabs/">
@@ -5252,178 +5522,178 @@
5252
5522
  </table>
5253
5523
  <h2 class="h2">Complex Table</h2>
5254
5524
  <h2 class="h2">Striped Table</h2>
5255
- <table class="data-table data-table--striped" id="dt-57">
5525
+ <table class="data-table data-table--striped" id="dt-25">
5256
5526
  <caption>
5257
5527
  This Is The Table's Caption
5258
5528
  </caption>
5259
5529
  <thead>
5260
5530
  <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>
5531
+ <th id="dt-25-type" rowspan="2">Type</th>
5532
+ <th id="dt-25-group" colspan="2">Group</th>
5533
+ <th id="dt-25-details" colspan="2">Details</th>
5534
+ <th id="dt-25-id" rowspan="2">Id</th>
5265
5535
  </tr>
5266
5536
  <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>
5537
+ <th headers="dt-25-group" id="dt-25-primary">Primary</th>
5538
+ <th headers="dt-25-group" id="dt-25-secondary">Secondary</th>
5539
+ <th headers="dt-25-details" id="dt-25-before">Before Task</th>
5540
+ <th headers="dt-25-details" id="dt-25-after">After Task</th>
5271
5541
  </tr>
5272
5542
  </thead>
5273
5543
  <tbody>
5274
5544
  <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>
5545
+ <th rowspan="3" headers="dt-25-type dt-25-r1" id="dt-25-r1">Default</th>
5546
+ <td headers="dt-25-group dt-25-primary dt-25-r1">Lorem Ipsum</td>
5547
+ <td headers="dt-25-group dt-25-secondary dt-25-r1">Lorem Ipsum</td>
5548
+ <td headers="dt-25-details dt-25-before dt-25-r1">Lorem Ipsum</td>
5549
+ <td headers="dt-25-details dt-25-after dt-25-r1">Lorem Ipsum</td>
5550
+ <td headers="dt-25-id">OL-53-GHSLE</td>
5281
5551
  </tr>
5282
5552
  <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>
5553
+ <td headers="dt-25-group dt-25-primary dt-25-r1">Lorem Ipsum</td>
5554
+ <td headers="dt-25-group dt-25-secondary dt-25-r1">Lorem Ipsum</td>
5555
+ <td headers="dt-25-details dt-25-before dt-25-r1">Lorem Ipsum</td>
5556
+ <td headers="dt-25-details dt-25-after dt-25-r1">Lorem Ipsum</td>
5557
+ <td headers="dt-25-id">OL-53-GHSLE</td>
5288
5558
  </tr>
5289
5559
  <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>
5560
+ <td headers="dt-25-group dt-25-primary dt-25-r1">Lorem Ipsum</td>
5561
+ <td headers="dt-25-group dt-25-secondary dt-25-r1">Lorem Ipsum</td>
5562
+ <td headers="dt-25-details dt-25-before dt-25-r1">Lorem Ipsum</td>
5563
+ <td headers="dt-25-details dt-25-after dt-25-r1">Lorem Ipsum</td>
5564
+ <td headers="dt-25-id">OL-53-GHSLE</td>
5295
5565
  </tr>
5296
5566
  </tbody>
5297
5567
  </table>
5298
5568
  <h2 class="h2">Large-first Table</h2>
5299
- <table class="data-table data-table--large-first" id="dt-58">
5569
+ <table class="data-table data-table--large-first" id="dt-26">
5300
5570
  <caption>
5301
5571
  This Is The Table's Caption
5302
5572
  </caption>
5303
5573
  <thead>
5304
5574
  <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>
5575
+ <th id="dt-26-type" rowspan="2">Type</th>
5576
+ <th id="dt-26-group" colspan="2">Group</th>
5577
+ <th id="dt-26-details" colspan="2">Details</th>
5578
+ <th id="dt-26-id" rowspan="2">Id</th>
5309
5579
  </tr>
5310
5580
  <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>
5581
+ <th headers="dt-26-group" id="dt-26-primary">Primary</th>
5582
+ <th headers="dt-26-group" id="dt-26-secondary">Secondary</th>
5583
+ <th headers="dt-26-details" id="dt-26-before">Before Task</th>
5584
+ <th headers="dt-26-details" id="dt-26-after">After Task</th>
5315
5585
  </tr>
5316
5586
  </thead>
5317
5587
  <tbody>
5318
5588
  <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>
5589
+ <th rowspan="3" headers="dt-26-type dt-26-r1" id="dt-26-r1">Default</th>
5590
+ <td headers="dt-26-group dt-26-primary dt-26-r1">Lorem Ipsum</td>
5591
+ <td headers="dt-26-group dt-26-secondary dt-26-r1">Lorem Ipsum</td>
5592
+ <td headers="dt-26-details dt-26-before dt-26-r1">Lorem Ipsum</td>
5593
+ <td headers="dt-26-details dt-26-after dt-26-r1">Lorem Ipsum</td>
5594
+ <td headers="dt-26-id">OL-53-GHSLE</td>
5325
5595
  </tr>
5326
5596
  <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>
5597
+ <td headers="dt-26-group dt-26-primary dt-26-r1">Lorem Ipsum</td>
5598
+ <td headers="dt-26-group dt-26-secondary dt-26-r1">Lorem Ipsum</td>
5599
+ <td headers="dt-26-details dt-26-before dt-26-r1">Lorem Ipsum</td>
5600
+ <td headers="dt-26-details dt-26-after dt-26-r1">Lorem Ipsum</td>
5601
+ <td headers="dt-26-id">OL-53-GHSLE</td>
5332
5602
  </tr>
5333
5603
  <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>
5604
+ <td headers="dt-26-group dt-26-primary dt-26-r1">Lorem Ipsum</td>
5605
+ <td headers="dt-26-group dt-26-secondary dt-26-r1">Lorem Ipsum</td>
5606
+ <td headers="dt-26-details dt-26-before dt-26-r1">Lorem Ipsum</td>
5607
+ <td headers="dt-26-details dt-26-after dt-26-r1">Lorem Ipsum</td>
5608
+ <td headers="dt-26-id">OL-53-GHSLE</td>
5339
5609
  </tr>
5340
5610
  </tbody>
5341
5611
  </table>
5342
5612
  <h2 class="h2">Large-header Table</h2>
5343
- <table class="data-table data-table--large-header" id="dt-59">
5613
+ <table class="data-table data-table--large-header" id="dt-27">
5344
5614
  <caption>
5345
5615
  This Is The Table's Caption
5346
5616
  </caption>
5347
5617
  <thead>
5348
5618
  <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>
5619
+ <th id="dt-27-type" rowspan="2">Type</th>
5620
+ <th id="dt-27-group" colspan="2">Group</th>
5621
+ <th id="dt-27-details" colspan="2">Details</th>
5622
+ <th id="dt-27-id" rowspan="2">Id</th>
5353
5623
  </tr>
5354
5624
  <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>
5625
+ <th headers="dt-27-group" id="dt-27-primary">Primary</th>
5626
+ <th headers="dt-27-group" id="dt-27-secondary">Secondary</th>
5627
+ <th headers="dt-27-details" id="dt-27-before">Before Task</th>
5628
+ <th headers="dt-27-details" id="dt-27-after">After Task</th>
5359
5629
  </tr>
5360
5630
  </thead>
5361
5631
  <tbody>
5362
5632
  <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>
5633
+ <th rowspan="3" headers="dt-27-type dt-27-r1" id="dt-27-r1">Default</th>
5634
+ <td headers="dt-27-group dt-27-primary dt-27-r1">Lorem Ipsum</td>
5635
+ <td headers="dt-27-group dt-27-secondary dt-27-r1">Lorem Ipsum</td>
5636
+ <td headers="dt-27-details dt-27-before dt-27-r1">Lorem Ipsum</td>
5637
+ <td headers="dt-27-details dt-27-after dt-27-r1">Lorem Ipsum</td>
5638
+ <td headers="dt-27-id">OL-53-GHSLE</td>
5369
5639
  </tr>
5370
5640
  <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>
5641
+ <td headers="dt-27-group dt-27-primary dt-27-r1">Lorem Ipsum</td>
5642
+ <td headers="dt-27-group dt-27-secondary dt-27-r1">Lorem Ipsum</td>
5643
+ <td headers="dt-27-details dt-27-before dt-27-r1">Lorem Ipsum</td>
5644
+ <td headers="dt-27-details dt-27-after dt-27-r1">Lorem Ipsum</td>
5645
+ <td headers="dt-27-id">OL-53-GHSLE</td>
5376
5646
  </tr>
5377
5647
  <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>
5648
+ <td headers="dt-27-group dt-27-primary dt-27-r1">Lorem Ipsum</td>
5649
+ <td headers="dt-27-group dt-27-secondary dt-27-r1">Lorem Ipsum</td>
5650
+ <td headers="dt-27-details dt-27-before dt-27-r1">Lorem Ipsum</td>
5651
+ <td headers="dt-27-details dt-27-after dt-27-r1">Lorem Ipsum</td>
5652
+ <td headers="dt-27-id">OL-53-GHSLE</td>
5383
5653
  </tr>
5384
5654
  </tbody>
5385
5655
  </table>
5386
5656
  <h2 class="h2">No-border Table</h2>
5387
- <table class="data-table data-table--no-border" id="dt-60">
5657
+ <table class="data-table data-table--no-border" id="dt-28">
5388
5658
  <caption>
5389
5659
  This Is The Table's Caption
5390
5660
  </caption>
5391
5661
  <thead>
5392
5662
  <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>
5663
+ <th id="dt-28-type" rowspan="2">Type</th>
5664
+ <th id="dt-28-group" colspan="2">Group</th>
5665
+ <th id="dt-28-details" colspan="2">Details</th>
5666
+ <th id="dt-28-id" rowspan="2">Id</th>
5397
5667
  </tr>
5398
5668
  <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>
5669
+ <th headers="dt-28-group" id="dt-28-primary">Primary</th>
5670
+ <th headers="dt-28-group" id="dt-28-secondary">Secondary</th>
5671
+ <th headers="dt-28-details" id="dt-28-before">Before Task</th>
5672
+ <th headers="dt-28-details" id="dt-28-after">After Task</th>
5403
5673
  </tr>
5404
5674
  </thead>
5405
5675
  <tbody>
5406
5676
  <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>
5677
+ <th rowspan="3" headers="dt-28-type dt-28-r1" id="dt-28-r1">Default</th>
5678
+ <td headers="dt-28-group dt-28-primary dt-28-r1">Lorem Ipsum</td>
5679
+ <td headers="dt-28-group dt-28-secondary dt-28-r1">Lorem Ipsum</td>
5680
+ <td headers="dt-28-details dt-28-before dt-28-r1">Lorem Ipsum</td>
5681
+ <td headers="dt-28-details dt-28-after dt-28-r1">Lorem Ipsum</td>
5682
+ <td headers="dt-28-id">OL-53-GHSLE</td>
5413
5683
  </tr>
5414
5684
  <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>
5685
+ <td headers="dt-28-group dt-28-primary dt-28-r1">Lorem Ipsum</td>
5686
+ <td headers="dt-28-group dt-28-secondary dt-28-r1">Lorem Ipsum</td>
5687
+ <td headers="dt-28-details dt-28-before dt-28-r1">Lorem Ipsum</td>
5688
+ <td headers="dt-28-details dt-28-after dt-28-r1">Lorem Ipsum</td>
5689
+ <td headers="dt-28-id">OL-53-GHSLE</td>
5420
5690
  </tr>
5421
5691
  <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>
5692
+ <td headers="dt-28-group dt-28-primary dt-28-r1">Lorem Ipsum</td>
5693
+ <td headers="dt-28-group dt-28-secondary dt-28-r1">Lorem Ipsum</td>
5694
+ <td headers="dt-28-details dt-28-before dt-28-r1">Lorem Ipsum</td>
5695
+ <td headers="dt-28-details dt-28-after dt-28-r1">Lorem Ipsum</td>
5696
+ <td headers="dt-28-id">OL-53-GHSLE</td>
5427
5697
  </tr>
5428
5698
  </tbody>
5429
5699
  </table>