@ulu/frontend 0.1.0-beta.115 → 0.1.0-beta.116

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 (179) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +30 -0
  4. package/docs-dev/demos/accordion/index.html +30 -0
  5. package/docs-dev/demos/badge/index.html +30 -0
  6. package/docs-dev/demos/badge-stack/index.html +30 -0
  7. package/docs-dev/demos/breadcrumb/index.html +30 -0
  8. package/docs-dev/demos/breakpoints-manager/index.html +30 -0
  9. package/docs-dev/demos/button/index.html +30 -0
  10. package/docs-dev/demos/button-group/index.html +30 -0
  11. package/docs-dev/demos/button-verbose/index.html +30 -0
  12. package/docs-dev/demos/callout/index.html +30 -0
  13. package/docs-dev/demos/captioned-figure/index.html +30 -0
  14. package/docs-dev/demos/card/index.html +46 -16
  15. package/docs-dev/demos/card-grid/index.html +30 -0
  16. package/docs-dev/demos/counter-list/index.html +30 -0
  17. package/docs-dev/demos/css-icons/index.html +30 -0
  18. package/docs-dev/demos/data-grid/index.html +30 -0
  19. package/docs-dev/demos/data-table/index.html +130 -100
  20. package/docs-dev/demos/definition-list/index.html +5969 -0
  21. package/docs-dev/demos/details-group/index.html +30 -0
  22. package/docs-dev/demos/file-save/index.html +30 -0
  23. package/docs-dev/demos/flipcard/index.html +30 -0
  24. package/docs-dev/demos/form-theme/index.html +30 -0
  25. package/docs-dev/demos/headline-label/index.html +30 -0
  26. package/docs-dev/demos/index.html +30 -0
  27. package/docs-dev/demos/list-inline/index.html +30 -0
  28. package/docs-dev/demos/list-lines/index.html +30 -0
  29. package/docs-dev/demos/menu-stack/index.html +30 -0
  30. package/docs-dev/demos/modals/index.html +30 -0
  31. package/docs-dev/demos/nav-strip/index.html +30 -0
  32. package/docs-dev/demos/overlay-section/index.html +30 -0
  33. package/docs-dev/demos/panel/index.html +30 -0
  34. package/docs-dev/demos/popovers/index.html +30 -0
  35. package/docs-dev/demos/print/index.html +30 -0
  36. package/docs-dev/demos/progress-bar/index.html +30 -0
  37. package/docs-dev/demos/progress-circle/index.html +74 -44
  38. package/docs-dev/demos/pull-quote/index.html +30 -0
  39. package/docs-dev/demos/rail/index.html +30 -0
  40. package/docs-dev/demos/rule/index.html +30 -0
  41. package/docs-dev/demos/scrollpoints/index.html +30 -0
  42. package/docs-dev/demos/skeleton/index.html +30 -0
  43. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  44. package/docs-dev/demos/sticky-list/index.html +30 -0
  45. package/docs-dev/demos/tabs/index.html +30 -0
  46. package/docs-dev/demos/tag/index.html +30 -0
  47. package/docs-dev/demos/theme-toggle/index.html +30 -0
  48. package/docs-dev/demos/tiles/index.html +30 -0
  49. package/docs-dev/demos/tooltip/index.html +30 -0
  50. package/docs-dev/demos/wysiwyg/index.html +30 -0
  51. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  52. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  53. package/docs-dev/guide/index.html +30 -0
  54. package/docs-dev/index.html +30 -0
  55. package/docs-dev/javascript/events/index.html +30 -0
  56. package/docs-dev/javascript/index.html +30 -0
  57. package/docs-dev/javascript/settings/index.html +30 -0
  58. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  59. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  60. package/docs-dev/javascript/ui-details-group/index.html +30 -0
  61. package/docs-dev/javascript/ui-dialog/index.html +30 -0
  62. package/docs-dev/javascript/ui-flipcard/index.html +30 -0
  63. package/docs-dev/javascript/ui-grid/index.html +30 -0
  64. package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
  65. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  66. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  67. package/docs-dev/javascript/ui-page/index.html +30 -0
  68. package/docs-dev/javascript/ui-popover/index.html +30 -0
  69. package/docs-dev/javascript/ui-print/index.html +30 -0
  70. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  71. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  72. package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
  73. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  74. package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
  75. package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
  76. package/docs-dev/javascript/ui-slider/index.html +30 -0
  77. package/docs-dev/javascript/ui-tabs/index.html +30 -0
  78. package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
  79. package/docs-dev/javascript/ui-tooltip/index.html +30 -0
  80. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  81. package/docs-dev/javascript/utils-css/index.html +30 -0
  82. package/docs-dev/javascript/utils-dom/index.html +30 -0
  83. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  84. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  85. package/docs-dev/javascript/utils-id/index.html +30 -0
  86. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  87. package/docs-dev/javascript/utils-system/index.html +30 -0
  88. package/docs-dev/sass/base/color/index.html +30 -0
  89. package/docs-dev/sass/base/elements/index.html +30 -0
  90. package/docs-dev/sass/base/index/index.html +30 -0
  91. package/docs-dev/sass/base/index.html +30 -0
  92. package/docs-dev/sass/base/keyframes/index.html +30 -0
  93. package/docs-dev/sass/base/layout/index.html +30 -0
  94. package/docs-dev/sass/base/normalize/index.html +30 -0
  95. package/docs-dev/sass/base/print/index.html +30 -0
  96. package/docs-dev/sass/base/root/index.html +30 -0
  97. package/docs-dev/sass/base/typography/index.html +30 -0
  98. package/docs-dev/sass/components/accordion/index.html +31 -1
  99. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  100. package/docs-dev/sass/components/badge/index.html +30 -0
  101. package/docs-dev/sass/components/badge-stack/index.html +30 -0
  102. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  103. package/docs-dev/sass/components/breadcrumb/index.html +30 -0
  104. package/docs-dev/sass/components/button/index.html +30 -0
  105. package/docs-dev/sass/components/button-group/index.html +30 -0
  106. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  107. package/docs-dev/sass/components/callout/index.html +30 -0
  108. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  109. package/docs-dev/sass/components/card/index.html +30 -0
  110. package/docs-dev/sass/components/card-grid/index.html +30 -0
  111. package/docs-dev/sass/components/counter-list/index.html +30 -0
  112. package/docs-dev/sass/components/css-icon/index.html +30 -0
  113. package/docs-dev/sass/components/data-grid/index.html +30 -0
  114. package/docs-dev/sass/components/data-table/index.html +30 -0
  115. package/docs-dev/sass/components/fill-context/index.html +30 -0
  116. package/docs-dev/sass/components/flipcard/index.html +30 -0
  117. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  118. package/docs-dev/sass/components/form-theme/index.html +30 -0
  119. package/docs-dev/sass/components/headline-label/index.html +30 -0
  120. package/docs-dev/sass/components/hero/index.html +30 -0
  121. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  122. package/docs-dev/sass/components/image-grid/index.html +30 -0
  123. package/docs-dev/sass/components/index/index.html +30 -0
  124. package/docs-dev/sass/components/index.html +30 -0
  125. package/docs-dev/sass/components/links/index.html +30 -0
  126. package/docs-dev/sass/components/list-inline/index.html +30 -0
  127. package/docs-dev/sass/components/list-lines/index.html +30 -0
  128. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  129. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  130. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  131. package/docs-dev/sass/components/modal/index.html +30 -0
  132. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  133. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  134. package/docs-dev/sass/components/pager/index.html +30 -0
  135. package/docs-dev/sass/components/panel/index.html +30 -0
  136. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  137. package/docs-dev/sass/components/popover/index.html +30 -0
  138. package/docs-dev/sass/components/progress-bar/index.html +30 -0
  139. package/docs-dev/sass/components/progress-circle/index.html +30 -0
  140. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  141. package/docs-dev/sass/components/rail/index.html +30 -0
  142. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  143. package/docs-dev/sass/components/rule/index.html +30 -0
  144. package/docs-dev/sass/components/scroll-slider/index.html +30 -0
  145. package/docs-dev/sass/components/skeleton/index.html +30 -0
  146. package/docs-dev/sass/components/skip-link/index.html +30 -0
  147. package/docs-dev/sass/components/slider/index.html +30 -0
  148. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  149. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  150. package/docs-dev/sass/components/tabs/index.html +30 -0
  151. package/docs-dev/sass/components/tag/index.html +30 -0
  152. package/docs-dev/sass/components/tile-button/index.html +30 -0
  153. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  154. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  155. package/docs-dev/sass/components/vignette/index.html +30 -0
  156. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  157. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  158. package/docs-dev/sass/core/button/index.html +30 -0
  159. package/docs-dev/sass/core/color/index.html +30 -0
  160. package/docs-dev/sass/core/cssvar/index.html +30 -0
  161. package/docs-dev/sass/core/element/index.html +30 -0
  162. package/docs-dev/sass/core/index.html +30 -0
  163. package/docs-dev/sass/core/layout/index.html +30 -0
  164. package/docs-dev/sass/core/path/index.html +30 -0
  165. package/docs-dev/sass/core/selector/index.html +30 -0
  166. package/docs-dev/sass/core/typography/index.html +30 -0
  167. package/docs-dev/sass/core/units/index.html +30 -0
  168. package/docs-dev/sass/core/utils/index.html +30 -0
  169. package/docs-dev/sass/helpers/color/index.html +30 -0
  170. package/docs-dev/sass/helpers/display/index.html +30 -0
  171. package/docs-dev/sass/helpers/index/index.html +30 -0
  172. package/docs-dev/sass/helpers/index.html +30 -0
  173. package/docs-dev/sass/helpers/typography/index.html +30 -0
  174. package/docs-dev/sass/helpers/units/index.html +30 -0
  175. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  176. package/docs-dev/sass/index.html +30 -0
  177. package/package.json +1 -1
  178. package/scss/components/_definition-list.scss +156 -0
  179. package/scss/components/_index.scss +6 -0
package/docs-dev/demos/css-icons/index.html CHANGED
@@ -406,6 +406,21 @@
406
406
  </li>
407
407
 
408
408
 
409
+ <li class="nav-tree__item ">
410
+
411
+ <a class="nav-tree__link " href="/frontend/demos/definition-list/">
412
+
413
+
414
+ <span class="nav-tree__text">
415
+ Definition List
416
+ </span>
417
+
418
+ </a>
419
+
420
+
421
+ </li>
422
+
423
+
409
424
  <li class="nav-tree__item ">
410
425
 
411
426
  <a class="nav-tree__link " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
3252
3267
  </li>
3253
3268
 
3254
3269
 
3270
+ <li class="nav-tree__item ">
3271
+
3272
+ <a class="nav-tree__link " href="/frontend/demos/definition-list/">
3273
+
3274
+
3275
+ <span class="nav-tree__text">
3276
+ Definition List
3277
+ </span>
3278
+
3279
+ </a>
3280
+
3281
+
3282
+ </li>
3283
+
3284
+
3255
3285
  <li class="nav-tree__item ">
3256
3286
 
3257
3287
  <a class="nav-tree__link " href="/frontend/demos/details-group/">
package/docs-dev/demos/data-grid/index.html CHANGED
@@ -406,6 +406,21 @@
406
406
  </li>
407
407
 
408
408
 
409
+ <li class="nav-tree__item ">
410
+
411
+ <a class="nav-tree__link " href="/frontend/demos/definition-list/">
412
+
413
+
414
+ <span class="nav-tree__text">
415
+ Definition List
416
+ </span>
417
+
418
+ </a>
419
+
420
+
421
+ </li>
422
+
423
+
409
424
  <li class="nav-tree__item ">
410
425
 
411
426
  <a class="nav-tree__link " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
3252
3267
  </li>
3253
3268
 
3254
3269
 
3270
+ <li class="nav-tree__item ">
3271
+
3272
+ <a class="nav-tree__link " href="/frontend/demos/definition-list/">
3273
+
3274
+
3275
+ <span class="nav-tree__text">
3276
+ Definition List
3277
+ </span>
3278
+
3279
+ </a>
3280
+
3281
+
3282
+ </li>
3283
+
3284
+
3255
3285
  <li class="nav-tree__item ">
3256
3286
 
3257
3287
  <a class="nav-tree__link " href="/frontend/demos/details-group/">
package/docs-dev/demos/data-table/index.html CHANGED
@@ -406,6 +406,21 @@
406
406
  </li>
407
407
 
408
408
 
409
+ <li class="nav-tree__item ">
410
+
411
+ <a class="nav-tree__link " href="/frontend/demos/definition-list/">
412
+
413
+
414
+ <span class="nav-tree__text">
415
+ Definition List
416
+ </span>
417
+
418
+ </a>
419
+
420
+
421
+ </li>
422
+
423
+
409
424
  <li class="nav-tree__item ">
410
425
 
411
426
  <a class="nav-tree__link " href="/frontend/demos/details-group/">
@@ -3252,6 +3267,21 @@
3252
3267
  </li>
3253
3268
 
3254
3269
 
3270
+ <li class="nav-tree__item ">
3271
+
3272
+ <a class="nav-tree__link " href="/frontend/demos/definition-list/">
3273
+
3274
+
3275
+ <span class="nav-tree__text">
3276
+ Definition List
3277
+ </span>
3278
+
3279
+ </a>
3280
+
3281
+
3282
+ </li>
3283
+
3284
+
3255
3285
  <li class="nav-tree__item ">
3256
3286
 
3257
3287
  <a class="nav-tree__link " href="/frontend/demos/details-group/">
@@ -5822,178 +5852,178 @@
5822
5852
  </table>
5823
5853
  <h2 class="h2">Complex Table</h2>
5824
5854
  <h2 class="h2">Striped Table</h2>
5825
- <table class="data-table data-table--striped" id="dt-5">
5855
+ <table class="data-table data-table--striped" id="dt-1">
5826
5856
  <caption>
5827
5857
  This Is The Table's Caption
5828
5858
  </caption>
5829
5859
  <thead>
5830
5860
  <tr>
5831
- <th id="dt-5-type" rowspan="2">Type</th>
5832
- <th id="dt-5-group" colspan="2">Group</th>
5833
- <th id="dt-5-details" colspan="2">Details</th>
5834
- <th id="dt-5-id" rowspan="2">Id</th>
5861
+ <th id="dt-1-type" rowspan="2">Type</th>
5862
+ <th id="dt-1-group" colspan="2">Group</th>
5863
+ <th id="dt-1-details" colspan="2">Details</th>
5864
+ <th id="dt-1-id" rowspan="2">Id</th>
5835
5865
  </tr>
5836
5866
  <tr>
5837
- <th headers="dt-5-group" id="dt-5-primary">Primary</th>
5838
- <th headers="dt-5-group" id="dt-5-secondary">Secondary</th>
5839
- <th headers="dt-5-details" id="dt-5-before">Before Task</th>
5840
- <th headers="dt-5-details" id="dt-5-after">After Task</th>
5867
+ <th headers="dt-1-group" id="dt-1-primary">Primary</th>
5868
+ <th headers="dt-1-group" id="dt-1-secondary">Secondary</th>
5869
+ <th headers="dt-1-details" id="dt-1-before">Before Task</th>
5870
+ <th headers="dt-1-details" id="dt-1-after">After Task</th>
5841
5871
  </tr>
5842
5872
  </thead>
5843
5873
  <tbody>
5844
5874
  <tr>
5845
- <th rowspan="3" headers="dt-5-type dt-5-r1" id="dt-5-r1">Default</th>
5846
- <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5847
- <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5848
- <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5849
- <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5850
- <td headers="dt-5-id">OL-53-GHSLE</td>
5875
+ <th rowspan="3" headers="dt-1-type dt-1-r1" id="dt-1-r1">Default</th>
5876
+ <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5877
+ <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5878
+ <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5879
+ <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5880
+ <td headers="dt-1-id">OL-53-GHSLE</td>
5851
5881
  </tr>
5852
5882
  <tr>
5853
- <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5854
- <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5855
- <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5856
- <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5857
- <td headers="dt-5-id">OL-53-GHSLE</td>
5883
+ <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5884
+ <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5885
+ <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5886
+ <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5887
+ <td headers="dt-1-id">OL-53-GHSLE</td>
5858
5888
  </tr>
5859
5889
  <tr>
5860
- <td headers="dt-5-group dt-5-primary dt-5-r1">Lorem Ipsum</td>
5861
- <td headers="dt-5-group dt-5-secondary dt-5-r1">Lorem Ipsum</td>
5862
- <td headers="dt-5-details dt-5-before dt-5-r1">Lorem Ipsum</td>
5863
- <td headers="dt-5-details dt-5-after dt-5-r1">Lorem Ipsum</td>
5864
- <td headers="dt-5-id">OL-53-GHSLE</td>
5890
+ <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5891
+ <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5892
+ <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5893
+ <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5894
+ <td headers="dt-1-id">OL-53-GHSLE</td>
5865
5895
  </tr>
5866
5896
  </tbody>
5867
5897
  </table>
5868
5898
  <h2 class="h2">Large-first Table</h2>
5869
- <table class="data-table data-table--large-first" id="dt-6">
5899
+ <table class="data-table data-table--large-first" id="dt-2">
5870
5900
  <caption>
5871
5901
  This Is The Table's Caption
5872
5902
  </caption>
5873
5903
  <thead>
5874
5904
  <tr>
5875
- <th id="dt-6-type" rowspan="2">Type</th>
5876
- <th id="dt-6-group" colspan="2">Group</th>
5877
- <th id="dt-6-details" colspan="2">Details</th>
5878
- <th id="dt-6-id" rowspan="2">Id</th>
5905
+ <th id="dt-2-type" rowspan="2">Type</th>
5906
+ <th id="dt-2-group" colspan="2">Group</th>
5907
+ <th id="dt-2-details" colspan="2">Details</th>
5908
+ <th id="dt-2-id" rowspan="2">Id</th>
5879
5909
  </tr>
5880
5910
  <tr>
5881
- <th headers="dt-6-group" id="dt-6-primary">Primary</th>
5882
- <th headers="dt-6-group" id="dt-6-secondary">Secondary</th>
5883
- <th headers="dt-6-details" id="dt-6-before">Before Task</th>
5884
- <th headers="dt-6-details" id="dt-6-after">After Task</th>
5911
+ <th headers="dt-2-group" id="dt-2-primary">Primary</th>
5912
+ <th headers="dt-2-group" id="dt-2-secondary">Secondary</th>
5913
+ <th headers="dt-2-details" id="dt-2-before">Before Task</th>
5914
+ <th headers="dt-2-details" id="dt-2-after">After Task</th>
5885
5915
  </tr>
5886
5916
  </thead>
5887
5917
  <tbody>
5888
5918
  <tr>
5889
- <th rowspan="3" headers="dt-6-type dt-6-r1" id="dt-6-r1">Default</th>
5890
- <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5891
- <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5892
- <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5893
- <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5894
- <td headers="dt-6-id">OL-53-GHSLE</td>
5919
+ <th rowspan="3" headers="dt-2-type dt-2-r1" id="dt-2-r1">Default</th>
5920
+ <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5921
+ <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5922
+ <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5923
+ <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5924
+ <td headers="dt-2-id">OL-53-GHSLE</td>
5895
5925
  </tr>
5896
5926
  <tr>
5897
- <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5898
- <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5899
- <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5900
- <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5901
- <td headers="dt-6-id">OL-53-GHSLE</td>
5927
+ <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5928
+ <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5929
+ <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5930
+ <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5931
+ <td headers="dt-2-id">OL-53-GHSLE</td>
5902
5932
  </tr>
5903
5933
  <tr>
5904
- <td headers="dt-6-group dt-6-primary dt-6-r1">Lorem Ipsum</td>
5905
- <td headers="dt-6-group dt-6-secondary dt-6-r1">Lorem Ipsum</td>
5906
- <td headers="dt-6-details dt-6-before dt-6-r1">Lorem Ipsum</td>
5907
- <td headers="dt-6-details dt-6-after dt-6-r1">Lorem Ipsum</td>
5908
- <td headers="dt-6-id">OL-53-GHSLE</td>
5934
+ <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5935
+ <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5936
+ <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5937
+ <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5938
+ <td headers="dt-2-id">OL-53-GHSLE</td>
5909
5939
  </tr>
5910
5940
  </tbody>
5911
5941
  </table>
5912
5942
  <h2 class="h2">Large-header Table</h2>
5913
- <table class="data-table data-table--large-header" id="dt-7">
5943
+ <table class="data-table data-table--large-header" id="dt-3">
5914
5944
  <caption>
5915
5945
  This Is The Table's Caption
5916
5946
  </caption>
5917
5947
  <thead>
5918
5948
  <tr>
5919
- <th id="dt-7-type" rowspan="2">Type</th>
5920
- <th id="dt-7-group" colspan="2">Group</th>
5921
- <th id="dt-7-details" colspan="2">Details</th>
5922
- <th id="dt-7-id" rowspan="2">Id</th>
5949
+ <th id="dt-3-type" rowspan="2">Type</th>
5950
+ <th id="dt-3-group" colspan="2">Group</th>
5951
+ <th id="dt-3-details" colspan="2">Details</th>
5952
+ <th id="dt-3-id" rowspan="2">Id</th>
5923
5953
  </tr>
5924
5954
  <tr>
5925
- <th headers="dt-7-group" id="dt-7-primary">Primary</th>
5926
- <th headers="dt-7-group" id="dt-7-secondary">Secondary</th>
5927
- <th headers="dt-7-details" id="dt-7-before">Before Task</th>
5928
- <th headers="dt-7-details" id="dt-7-after">After Task</th>
5955
+ <th headers="dt-3-group" id="dt-3-primary">Primary</th>
5956
+ <th headers="dt-3-group" id="dt-3-secondary">Secondary</th>
5957
+ <th headers="dt-3-details" id="dt-3-before">Before Task</th>
5958
+ <th headers="dt-3-details" id="dt-3-after">After Task</th>
5929
5959
  </tr>
5930
5960
  </thead>
5931
5961
  <tbody>
5932
5962
  <tr>
5933
- <th rowspan="3" headers="dt-7-type dt-7-r1" id="dt-7-r1">Default</th>
5934
- <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5935
- <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5936
- <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5937
- <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5938
- <td headers="dt-7-id">OL-53-GHSLE</td>
5963
+ <th rowspan="3" headers="dt-3-type dt-3-r1" id="dt-3-r1">Default</th>
5964
+ <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5965
+ <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5966
+ <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5967
+ <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5968
+ <td headers="dt-3-id">OL-53-GHSLE</td>
5939
5969
  </tr>
5940
5970
  <tr>
5941
- <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5942
- <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5943
- <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5944
- <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5945
- <td headers="dt-7-id">OL-53-GHSLE</td>
5971
+ <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5972
+ <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5973
+ <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5974
+ <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5975
+ <td headers="dt-3-id">OL-53-GHSLE</td>
5946
5976
  </tr>
5947
5977
  <tr>
5948
- <td headers="dt-7-group dt-7-primary dt-7-r1">Lorem Ipsum</td>
5949
- <td headers="dt-7-group dt-7-secondary dt-7-r1">Lorem Ipsum</td>
5950
- <td headers="dt-7-details dt-7-before dt-7-r1">Lorem Ipsum</td>
5951
- <td headers="dt-7-details dt-7-after dt-7-r1">Lorem Ipsum</td>
5952
- <td headers="dt-7-id">OL-53-GHSLE</td>
5978
+ <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5979
+ <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5980
+ <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5981
+ <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5982
+ <td headers="dt-3-id">OL-53-GHSLE</td>
5953
5983
  </tr>
5954
5984
  </tbody>
5955
5985
  </table>
5956
5986
  <h2 class="h2">No-border Table</h2>
5957
- <table class="data-table data-table--no-border" id="dt-8">
5987
+ <table class="data-table data-table--no-border" id="dt-4">
5958
5988
  <caption>
5959
5989
  This Is The Table's Caption
5960
5990
  </caption>
5961
5991
  <thead>
5962
5992
  <tr>
5963
- <th id="dt-8-type" rowspan="2">Type</th>
5964
- <th id="dt-8-group" colspan="2">Group</th>
5965
- <th id="dt-8-details" colspan="2">Details</th>
5966
- <th id="dt-8-id" rowspan="2">Id</th>
5993
+ <th id="dt-4-type" rowspan="2">Type</th>
5994
+ <th id="dt-4-group" colspan="2">Group</th>
5995
+ <th id="dt-4-details" colspan="2">Details</th>
5996
+ <th id="dt-4-id" rowspan="2">Id</th>
5967
5997
  </tr>
5968
5998
  <tr>
5969
- <th headers="dt-8-group" id="dt-8-primary">Primary</th>
5970
- <th headers="dt-8-group" id="dt-8-secondary">Secondary</th>
5971
- <th headers="dt-8-details" id="dt-8-before">Before Task</th>
5972
- <th headers="dt-8-details" id="dt-8-after">After Task</th>
5999
+ <th headers="dt-4-group" id="dt-4-primary">Primary</th>
6000
+ <th headers="dt-4-group" id="dt-4-secondary">Secondary</th>
6001
+ <th headers="dt-4-details" id="dt-4-before">Before Task</th>
6002
+ <th headers="dt-4-details" id="dt-4-after">After Task</th>
5973
6003
  </tr>
5974
6004
  </thead>
5975
6005
  <tbody>
5976
6006
  <tr>
5977
- <th rowspan="3" headers="dt-8-type dt-8-r1" id="dt-8-r1">Default</th>
5978
- <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5979
- <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5980
- <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5981
- <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5982
- <td headers="dt-8-id">OL-53-GHSLE</td>
6007
+ <th rowspan="3" headers="dt-4-type dt-4-r1" id="dt-4-r1">Default</th>
6008
+ <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
6009
+ <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
6010
+ <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
6011
+ <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
6012
+ <td headers="dt-4-id">OL-53-GHSLE</td>
5983
6013
  </tr>
5984
6014
  <tr>
5985
- <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5986
- <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5987
- <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5988
- <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5989
- <td headers="dt-8-id">OL-53-GHSLE</td>
6015
+ <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
6016
+ <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
6017
+ <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
6018
+ <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
6019
+ <td headers="dt-4-id">OL-53-GHSLE</td>
5990
6020
  </tr>
5991
6021
  <tr>
5992
- <td headers="dt-8-group dt-8-primary dt-8-r1">Lorem Ipsum</td>
5993
- <td headers="dt-8-group dt-8-secondary dt-8-r1">Lorem Ipsum</td>
5994
- <td headers="dt-8-details dt-8-before dt-8-r1">Lorem Ipsum</td>
5995
- <td headers="dt-8-details dt-8-after dt-8-r1">Lorem Ipsum</td>
5996
- <td headers="dt-8-id">OL-53-GHSLE</td>
6022
+ <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
6023
+ <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
6024
+ <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
6025
+ <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
6026
+ <td headers="dt-4-id">OL-53-GHSLE</td>
5997
6027
  </tr>
5998
6028
  </tbody>
5999
6029
  </table>