@ulu/frontend 0.1.0-beta.39 → 0.1.0-beta.40

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 (165) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +14 -14
  4. package/docs-dev/changelog/index.html +107 -9
  5. package/docs-dev/demos/accordion/index.html +60 -0
  6. package/docs-dev/demos/breakpoints-manager/index.html +60 -0
  7. package/docs-dev/demos/button/index.html +60 -0
  8. package/docs-dev/demos/button-verbose/index.html +60 -0
  9. package/docs-dev/demos/callout/index.html +60 -0
  10. package/docs-dev/demos/captioned-figure/index.html +60 -0
  11. package/docs-dev/demos/card/index.html +76 -16
  12. package/docs-dev/demos/card-grid/index.html +60 -0
  13. package/docs-dev/demos/counter-list/index.html +5224 -0
  14. package/docs-dev/demos/css-icons/index.html +60 -0
  15. package/docs-dev/demos/data-grid/index.html +60 -0
  16. package/docs-dev/demos/data-table/index.html +160 -100
  17. package/docs-dev/demos/details-group/index.html +60 -0
  18. package/docs-dev/demos/file-save/index.html +60 -0
  19. package/docs-dev/demos/flipcard/index.html +60 -0
  20. package/docs-dev/demos/form-theme/index.html +60 -0
  21. package/docs-dev/demos/index.html +60 -0
  22. package/docs-dev/demos/list-inline/index.html +60 -0
  23. package/docs-dev/demos/list-lines/index.html +60 -0
  24. package/docs-dev/demos/menu-stack/index.html +60 -0
  25. package/docs-dev/demos/modals/index.html +68 -0
  26. package/docs-dev/demos/nav-strip/index.html +60 -0
  27. package/docs-dev/demos/overlay-section/index.html +60 -0
  28. package/docs-dev/demos/popovers/index.html +60 -0
  29. package/docs-dev/demos/print/index.html +60 -0
  30. package/docs-dev/demos/pull-quote/index.html +60 -0
  31. package/docs-dev/demos/rule/index.html +60 -0
  32. package/docs-dev/demos/scrollpoints/index.html +60 -0
  33. package/docs-dev/demos/spoke-spinner/index.html +60 -0
  34. package/docs-dev/demos/sticky-list/index.html +60 -0
  35. package/docs-dev/demos/tabs/index.html +60 -0
  36. package/docs-dev/demos/tag/index.html +60 -0
  37. package/docs-dev/demos/theme-toggle/index.html +60 -0
  38. package/docs-dev/demos/tiles/index.html +60 -0
  39. package/docs-dev/demos/tooltip/index.html +60 -0
  40. package/docs-dev/guide/building-stylesheet/index.html +60 -0
  41. package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -0
  42. package/docs-dev/guide/index.html +60 -0
  43. package/docs-dev/index.html +60 -0
  44. package/docs-dev/javascript/events/index.html +60 -0
  45. package/docs-dev/javascript/index.html +60 -0
  46. package/docs-dev/javascript/settings/index.html +60 -0
  47. package/docs-dev/javascript/ui-breakpoints/index.html +60 -0
  48. package/docs-dev/javascript/ui-collapsible/index.html +60 -0
  49. package/docs-dev/javascript/ui-details-group/index.html +60 -0
  50. package/docs-dev/javascript/ui-dialog/index.html +60 -0
  51. package/docs-dev/javascript/ui-flipcard/index.html +60 -0
  52. package/docs-dev/javascript/ui-grid/index.html +60 -0
  53. package/docs-dev/javascript/ui-modal-builder/index.html +60 -0
  54. package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -0
  55. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -0
  56. package/docs-dev/javascript/ui-page/index.html +60 -0
  57. package/docs-dev/javascript/ui-popover/index.html +60 -0
  58. package/docs-dev/javascript/ui-print/index.html +60 -0
  59. package/docs-dev/javascript/ui-print-details/index.html +60 -0
  60. package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -0
  61. package/docs-dev/javascript/ui-proxy-click/index.html +60 -0
  62. package/docs-dev/javascript/ui-resizer/index.html +60 -0
  63. package/docs-dev/javascript/ui-scroll-slider/index.html +60 -0
  64. package/docs-dev/javascript/ui-scrollpoint/index.html +60 -0
  65. package/docs-dev/javascript/ui-slider/index.html +60 -0
  66. package/docs-dev/javascript/ui-tabs/index.html +60 -0
  67. package/docs-dev/javascript/ui-theme-toggle/index.html +60 -0
  68. package/docs-dev/javascript/ui-tooltip/index.html +60 -0
  69. package/docs-dev/javascript/utils-class-logger/index.html +60 -0
  70. package/docs-dev/javascript/utils-css/index.html +60 -0
  71. package/docs-dev/javascript/utils-dom/index.html +105 -8
  72. package/docs-dev/javascript/utils-file-save/index.html +60 -0
  73. package/docs-dev/javascript/utils-floating-ui/index.html +60 -0
  74. package/docs-dev/javascript/utils-id/index.html +60 -0
  75. package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -0
  76. package/docs-dev/javascript/utils-system/index.html +60 -0
  77. package/docs-dev/sass/base/color/index.html +60 -0
  78. package/docs-dev/sass/base/elements/index.html +130 -70
  79. package/docs-dev/sass/base/index/index.html +116 -56
  80. package/docs-dev/sass/base/index.html +60 -0
  81. package/docs-dev/sass/base/keyframes/index.html +60 -0
  82. package/docs-dev/sass/base/layout/index.html +123 -63
  83. package/docs-dev/sass/base/normalize/index.html +60 -0
  84. package/docs-dev/sass/base/print/index.html +60 -0
  85. package/docs-dev/sass/base/root/index.html +60 -0
  86. package/docs-dev/sass/base/typography/index.html +60 -0
  87. package/docs-dev/sass/components/accordion/index.html +178 -118
  88. package/docs-dev/sass/components/adaptive-spacing/index.html +184 -124
  89. package/docs-dev/sass/components/badge/index.html +156 -96
  90. package/docs-dev/sass/components/basic-hero/index.html +122 -62
  91. package/docs-dev/sass/components/button/index.html +109 -49
  92. package/docs-dev/sass/components/button-verbose/index.html +188 -128
  93. package/docs-dev/sass/components/callout/index.html +223 -163
  94. package/docs-dev/sass/components/captioned-figure/index.html +174 -114
  95. package/docs-dev/sass/components/card/index.html +228 -168
  96. package/docs-dev/sass/components/card-grid/index.html +130 -70
  97. package/docs-dev/sass/components/counter-list/index.html +5458 -0
  98. package/docs-dev/sass/components/css-icon/index.html +200 -140
  99. package/docs-dev/sass/components/data-grid/index.html +227 -167
  100. package/docs-dev/sass/components/data-table/index.html +174 -114
  101. package/docs-dev/sass/components/fill-context/index.html +60 -0
  102. package/docs-dev/sass/components/flipcard/index.html +222 -162
  103. package/docs-dev/sass/components/flipcard-grid/index.html +117 -57
  104. package/docs-dev/sass/components/form-theme/index.html +497 -437
  105. package/docs-dev/sass/components/hero/index.html +167 -107
  106. package/docs-dev/sass/components/horizontal-rule/index.html +116 -56
  107. package/docs-dev/sass/components/image-grid/index.html +123 -63
  108. package/docs-dev/sass/components/index/index.html +161 -100
  109. package/docs-dev/sass/components/index.html +60 -0
  110. package/docs-dev/sass/components/links/index.html +60 -0
  111. package/docs-dev/sass/components/list-inline/index.html +137 -77
  112. package/docs-dev/sass/components/list-lines/index.html +158 -98
  113. package/docs-dev/sass/components/list-ordered/index.html +60 -0
  114. package/docs-dev/sass/components/list-unordered/index.html +60 -0
  115. package/docs-dev/sass/components/menu-stack/index.html +179 -119
  116. package/docs-dev/sass/components/modal/index.html +174 -114
  117. package/docs-dev/sass/components/nav-strip/index.html +174 -114
  118. package/docs-dev/sass/components/overlay-section/index.html +161 -101
  119. package/docs-dev/sass/components/pager/index.html +174 -114
  120. package/docs-dev/sass/components/placeholder-block/index.html +174 -114
  121. package/docs-dev/sass/components/popover/index.html +174 -114
  122. package/docs-dev/sass/components/pull-quote/index.html +174 -114
  123. package/docs-dev/sass/components/ratio-box/index.html +120 -60
  124. package/docs-dev/sass/components/rule/index.html +123 -63
  125. package/docs-dev/sass/components/scroll-slider/index.html +174 -114
  126. package/docs-dev/sass/components/skip-link/index.html +94 -34
  127. package/docs-dev/sass/components/slider/index.html +174 -114
  128. package/docs-dev/sass/components/spoke-spinner/index.html +116 -56
  129. package/docs-dev/sass/components/sticky-list/index.html +206 -146
  130. package/docs-dev/sass/components/tabs/index.html +174 -114
  131. package/docs-dev/sass/components/tag/index.html +221 -161
  132. package/docs-dev/sass/components/tile-button/index.html +161 -101
  133. package/docs-dev/sass/components/tile-grid/index.html +202 -142
  134. package/docs-dev/sass/components/tile-grid-overlay/index.html +97 -37
  135. package/docs-dev/sass/components/vignette/index.html +116 -56
  136. package/docs-dev/sass/components/wysiwyg/index.html +125 -65
  137. package/docs-dev/sass/core/breakpoint/index.html +160 -100
  138. package/docs-dev/sass/core/button/index.html +526 -466
  139. package/docs-dev/sass/core/color/index.html +217 -157
  140. package/docs-dev/sass/core/cssvar/index.html +109 -49
  141. package/docs-dev/sass/core/element/index.html +495 -435
  142. package/docs-dev/sass/core/index.html +60 -0
  143. package/docs-dev/sass/core/layout/index.html +167 -107
  144. package/docs-dev/sass/core/path/index.html +92 -32
  145. package/docs-dev/sass/core/selector/index.html +109 -49
  146. package/docs-dev/sass/core/typography/index.html +344 -284
  147. package/docs-dev/sass/core/units/index.html +141 -81
  148. package/docs-dev/sass/core/utils/index.html +130 -70
  149. package/docs-dev/sass/helpers/color/index.html +60 -0
  150. package/docs-dev/sass/helpers/display/index.html +60 -0
  151. package/docs-dev/sass/helpers/index/index.html +113 -53
  152. package/docs-dev/sass/helpers/index.html +60 -0
  153. package/docs-dev/sass/helpers/typography/index.html +60 -0
  154. package/docs-dev/sass/helpers/units/index.html +107 -47
  155. package/docs-dev/sass/helpers/utilities/index.html +60 -0
  156. package/docs-dev/sass/index.html +60 -0
  157. package/js/ui/dialog.js +28 -3
  158. package/js/utils/dom.js +14 -3
  159. package/package.json +2 -2
  160. package/scss/components/_counter-list.scss +133 -0
  161. package/scss/components/_index.scss +6 -0
  162. package/types/ui/dialog.d.ts +1 -0
  163. package/types/ui/dialog.d.ts.map +1 -1
  164. package/types/utils/dom.d.ts +11 -3
  165. package/types/utils/dom.d.ts.map +1 -1
package/docs-dev/demos/css-icons/index.html CHANGED
@@ -286,6 +286,21 @@
286
286
  </li>
287
287
 
288
288
 
289
+ <li class="nav-tree__item ">
290
+
291
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
292
+
293
+
294
+ <span class="nav-tree__text">
295
+ Counter List
296
+ </span>
297
+
298
+ </a>
299
+
300
+
301
+ </li>
302
+
303
+
289
304
  <li class="nav-tree__item is-active is-active-trail ">
290
305
 
291
306
  <a class="nav-tree__link is-active is-active-trail" href="/frontend/demos/css-icons/" aria-current="page">
@@ -1335,6 +1350,21 @@
1335
1350
  </li>
1336
1351
 
1337
1352
 
1353
+ <li class="nav-tree__item ">
1354
+
1355
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
1356
+
1357
+
1358
+ <span class="nav-tree__text">
1359
+ Counter-list
1360
+ </span>
1361
+
1362
+ </a>
1363
+
1364
+
1365
+ </li>
1366
+
1367
+
1338
1368
  <li class="nav-tree__item ">
1339
1369
 
1340
1370
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -2802,6 +2832,21 @@
2802
2832
  </li>
2803
2833
 
2804
2834
 
2835
+ <li class="nav-tree__item ">
2836
+
2837
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
2838
+
2839
+
2840
+ <span class="nav-tree__text">
2841
+ Counter List
2842
+ </span>
2843
+
2844
+ </a>
2845
+
2846
+
2847
+ </li>
2848
+
2849
+
2805
2850
  <li class="nav-tree__item is-active is-active-trail ">
2806
2851
 
2807
2852
  <a class="nav-tree__link is-active is-active-trail" href="/frontend/demos/css-icons/" aria-current="page">
@@ -3851,6 +3896,21 @@
3851
3896
  </li>
3852
3897
 
3853
3898
 
3899
+ <li class="nav-tree__item ">
3900
+
3901
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
3902
+
3903
+
3904
+ <span class="nav-tree__text">
3905
+ Counter-list
3906
+ </span>
3907
+
3908
+ </a>
3909
+
3910
+
3911
+ </li>
3912
+
3913
+
3854
3914
  <li class="nav-tree__item ">
3855
3915
 
3856
3916
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
package/docs-dev/demos/data-grid/index.html CHANGED
@@ -286,6 +286,21 @@
286
286
  </li>
287
287
 
288
288
 
289
+ <li class="nav-tree__item ">
290
+
291
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
292
+
293
+
294
+ <span class="nav-tree__text">
295
+ Counter List
296
+ </span>
297
+
298
+ </a>
299
+
300
+
301
+ </li>
302
+
303
+
289
304
  <li class="nav-tree__item ">
290
305
 
291
306
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -1335,6 +1350,21 @@
1335
1350
  </li>
1336
1351
 
1337
1352
 
1353
+ <li class="nav-tree__item ">
1354
+
1355
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
1356
+
1357
+
1358
+ <span class="nav-tree__text">
1359
+ Counter-list
1360
+ </span>
1361
+
1362
+ </a>
1363
+
1364
+
1365
+ </li>
1366
+
1367
+
1338
1368
  <li class="nav-tree__item ">
1339
1369
 
1340
1370
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -2802,6 +2832,21 @@
2802
2832
  </li>
2803
2833
 
2804
2834
 
2835
+ <li class="nav-tree__item ">
2836
+
2837
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
2838
+
2839
+
2840
+ <span class="nav-tree__text">
2841
+ Counter List
2842
+ </span>
2843
+
2844
+ </a>
2845
+
2846
+
2847
+ </li>
2848
+
2849
+
2805
2850
  <li class="nav-tree__item ">
2806
2851
 
2807
2852
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -3851,6 +3896,21 @@
3851
3896
  </li>
3852
3897
 
3853
3898
 
3899
+ <li class="nav-tree__item ">
3900
+
3901
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
3902
+
3903
+
3904
+ <span class="nav-tree__text">
3905
+ Counter-list
3906
+ </span>
3907
+
3908
+ </a>
3909
+
3910
+
3911
+ </li>
3912
+
3913
+
3854
3914
  <li class="nav-tree__item ">
3855
3915
 
3856
3916
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
package/docs-dev/demos/data-table/index.html CHANGED
@@ -286,6 +286,21 @@
286
286
  </li>
287
287
 
288
288
 
289
+ <li class="nav-tree__item ">
290
+
291
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
292
+
293
+
294
+ <span class="nav-tree__text">
295
+ Counter List
296
+ </span>
297
+
298
+ </a>
299
+
300
+
301
+ </li>
302
+
303
+
289
304
  <li class="nav-tree__item ">
290
305
 
291
306
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -1335,6 +1350,21 @@
1335
1350
  </li>
1336
1351
 
1337
1352
 
1353
+ <li class="nav-tree__item ">
1354
+
1355
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
1356
+
1357
+
1358
+ <span class="nav-tree__text">
1359
+ Counter-list
1360
+ </span>
1361
+
1362
+ </a>
1363
+
1364
+
1365
+ </li>
1366
+
1367
+
1338
1368
  <li class="nav-tree__item ">
1339
1369
 
1340
1370
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -2802,6 +2832,21 @@
2802
2832
  </li>
2803
2833
 
2804
2834
 
2835
+ <li class="nav-tree__item ">
2836
+
2837
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
2838
+
2839
+
2840
+ <span class="nav-tree__text">
2841
+ Counter List
2842
+ </span>
2843
+
2844
+ </a>
2845
+
2846
+
2847
+ </li>
2848
+
2849
+
2805
2850
  <li class="nav-tree__item ">
2806
2851
 
2807
2852
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -3851,6 +3896,21 @@
3851
3896
  </li>
3852
3897
 
3853
3898
 
3899
+ <li class="nav-tree__item ">
3900
+
3901
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
3902
+
3903
+
3904
+ <span class="nav-tree__text">
3905
+ Counter-list
3906
+ </span>
3907
+
3908
+ </a>
3909
+
3910
+
3911
+ </li>
3912
+
3913
+
3854
3914
  <li class="nav-tree__item ">
3855
3915
 
3856
3916
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -5162,178 +5222,178 @@
5162
5222
  </table>
5163
5223
  <h2 class="h2">Complex Table</h2>
5164
5224
  <h2 class="h2">Striped Table</h2>
5165
- <table class="data-table data-table--striped" id="dt-45">
5225
+ <table class="data-table data-table--striped" id="dt-185">
5166
5226
  <caption>
5167
5227
  This Is The Table's Caption
5168
5228
  </caption>
5169
5229
  <thead>
5170
5230
  <tr>
5171
- <th id="dt-45-type" rowspan="2">Type</th>
5172
- <th id="dt-45-group" colspan="2">Group</th>
5173
- <th id="dt-45-details" colspan="2">Details</th>
5174
- <th id="dt-45-id" rowspan="2">Id</th>
5231
+ <th id="dt-185-type" rowspan="2">Type</th>
5232
+ <th id="dt-185-group" colspan="2">Group</th>
5233
+ <th id="dt-185-details" colspan="2">Details</th>
5234
+ <th id="dt-185-id" rowspan="2">Id</th>
5175
5235
  </tr>
5176
5236
  <tr>
5177
- <th headers="dt-45-group" id="dt-45-primary">Primary</th>
5178
- <th headers="dt-45-group" id="dt-45-secondary">Secondary</th>
5179
- <th headers="dt-45-details" id="dt-45-before">Before Task</th>
5180
- <th headers="dt-45-details" id="dt-45-after">After Task</th>
5237
+ <th headers="dt-185-group" id="dt-185-primary">Primary</th>
5238
+ <th headers="dt-185-group" id="dt-185-secondary">Secondary</th>
5239
+ <th headers="dt-185-details" id="dt-185-before">Before Task</th>
5240
+ <th headers="dt-185-details" id="dt-185-after">After Task</th>
5181
5241
  </tr>
5182
5242
  </thead>
5183
5243
  <tbody>
5184
5244
  <tr>
5185
- <th rowspan="3" headers="dt-45-type dt-45-r1" id="dt-45-r1">Default</th>
5186
- <td headers="dt-45-group dt-45-primary dt-45-r1">Lorem Ipsum</td>
5187
- <td headers="dt-45-group dt-45-secondary dt-45-r1">Lorem Ipsum</td>
5188
- <td headers="dt-45-details dt-45-before dt-45-r1">Lorem Ipsum</td>
5189
- <td headers="dt-45-details dt-45-after dt-45-r1">Lorem Ipsum</td>
5190
- <td headers="dt-45-id">OL-53-GHSLE</td>
5245
+ <th rowspan="3" headers="dt-185-type dt-185-r1" id="dt-185-r1">Default</th>
5246
+ <td headers="dt-185-group dt-185-primary dt-185-r1">Lorem Ipsum</td>
5247
+ <td headers="dt-185-group dt-185-secondary dt-185-r1">Lorem Ipsum</td>
5248
+ <td headers="dt-185-details dt-185-before dt-185-r1">Lorem Ipsum</td>
5249
+ <td headers="dt-185-details dt-185-after dt-185-r1">Lorem Ipsum</td>
5250
+ <td headers="dt-185-id">OL-53-GHSLE</td>
5191
5251
  </tr>
5192
5252
  <tr>
5193
- <td headers="dt-45-group dt-45-primary dt-45-r1">Lorem Ipsum</td>
5194
- <td headers="dt-45-group dt-45-secondary dt-45-r1">Lorem Ipsum</td>
5195
- <td headers="dt-45-details dt-45-before dt-45-r1">Lorem Ipsum</td>
5196
- <td headers="dt-45-details dt-45-after dt-45-r1">Lorem Ipsum</td>
5197
- <td headers="dt-45-id">OL-53-GHSLE</td>
5253
+ <td headers="dt-185-group dt-185-primary dt-185-r1">Lorem Ipsum</td>
5254
+ <td headers="dt-185-group dt-185-secondary dt-185-r1">Lorem Ipsum</td>
5255
+ <td headers="dt-185-details dt-185-before dt-185-r1">Lorem Ipsum</td>
5256
+ <td headers="dt-185-details dt-185-after dt-185-r1">Lorem Ipsum</td>
5257
+ <td headers="dt-185-id">OL-53-GHSLE</td>
5198
5258
  </tr>
5199
5259
  <tr>
5200
- <td headers="dt-45-group dt-45-primary dt-45-r1">Lorem Ipsum</td>
5201
- <td headers="dt-45-group dt-45-secondary dt-45-r1">Lorem Ipsum</td>
5202
- <td headers="dt-45-details dt-45-before dt-45-r1">Lorem Ipsum</td>
5203
- <td headers="dt-45-details dt-45-after dt-45-r1">Lorem Ipsum</td>
5204
- <td headers="dt-45-id">OL-53-GHSLE</td>
5260
+ <td headers="dt-185-group dt-185-primary dt-185-r1">Lorem Ipsum</td>
5261
+ <td headers="dt-185-group dt-185-secondary dt-185-r1">Lorem Ipsum</td>
5262
+ <td headers="dt-185-details dt-185-before dt-185-r1">Lorem Ipsum</td>
5263
+ <td headers="dt-185-details dt-185-after dt-185-r1">Lorem Ipsum</td>
5264
+ <td headers="dt-185-id">OL-53-GHSLE</td>
5205
5265
  </tr>
5206
5266
  </tbody>
5207
5267
  </table>
5208
5268
  <h2 class="h2">Large-first Table</h2>
5209
- <table class="data-table data-table--large-first" id="dt-46">
5269
+ <table class="data-table data-table--large-first" id="dt-186">
5210
5270
  <caption>
5211
5271
  This Is The Table's Caption
5212
5272
  </caption>
5213
5273
  <thead>
5214
5274
  <tr>
5215
- <th id="dt-46-type" rowspan="2">Type</th>
5216
- <th id="dt-46-group" colspan="2">Group</th>
5217
- <th id="dt-46-details" colspan="2">Details</th>
5218
- <th id="dt-46-id" rowspan="2">Id</th>
5275
+ <th id="dt-186-type" rowspan="2">Type</th>
5276
+ <th id="dt-186-group" colspan="2">Group</th>
5277
+ <th id="dt-186-details" colspan="2">Details</th>
5278
+ <th id="dt-186-id" rowspan="2">Id</th>
5219
5279
  </tr>
5220
5280
  <tr>
5221
- <th headers="dt-46-group" id="dt-46-primary">Primary</th>
5222
- <th headers="dt-46-group" id="dt-46-secondary">Secondary</th>
5223
- <th headers="dt-46-details" id="dt-46-before">Before Task</th>
5224
- <th headers="dt-46-details" id="dt-46-after">After Task</th>
5281
+ <th headers="dt-186-group" id="dt-186-primary">Primary</th>
5282
+ <th headers="dt-186-group" id="dt-186-secondary">Secondary</th>
5283
+ <th headers="dt-186-details" id="dt-186-before">Before Task</th>
5284
+ <th headers="dt-186-details" id="dt-186-after">After Task</th>
5225
5285
  </tr>
5226
5286
  </thead>
5227
5287
  <tbody>
5228
5288
  <tr>
5229
- <th rowspan="3" headers="dt-46-type dt-46-r1" id="dt-46-r1">Default</th>
5230
- <td headers="dt-46-group dt-46-primary dt-46-r1">Lorem Ipsum</td>
5231
- <td headers="dt-46-group dt-46-secondary dt-46-r1">Lorem Ipsum</td>
5232
- <td headers="dt-46-details dt-46-before dt-46-r1">Lorem Ipsum</td>
5233
- <td headers="dt-46-details dt-46-after dt-46-r1">Lorem Ipsum</td>
5234
- <td headers="dt-46-id">OL-53-GHSLE</td>
5289
+ <th rowspan="3" headers="dt-186-type dt-186-r1" id="dt-186-r1">Default</th>
5290
+ <td headers="dt-186-group dt-186-primary dt-186-r1">Lorem Ipsum</td>
5291
+ <td headers="dt-186-group dt-186-secondary dt-186-r1">Lorem Ipsum</td>
5292
+ <td headers="dt-186-details dt-186-before dt-186-r1">Lorem Ipsum</td>
5293
+ <td headers="dt-186-details dt-186-after dt-186-r1">Lorem Ipsum</td>
5294
+ <td headers="dt-186-id">OL-53-GHSLE</td>
5235
5295
  </tr>
5236
5296
  <tr>
5237
- <td headers="dt-46-group dt-46-primary dt-46-r1">Lorem Ipsum</td>
5238
- <td headers="dt-46-group dt-46-secondary dt-46-r1">Lorem Ipsum</td>
5239
- <td headers="dt-46-details dt-46-before dt-46-r1">Lorem Ipsum</td>
5240
- <td headers="dt-46-details dt-46-after dt-46-r1">Lorem Ipsum</td>
5241
- <td headers="dt-46-id">OL-53-GHSLE</td>
5297
+ <td headers="dt-186-group dt-186-primary dt-186-r1">Lorem Ipsum</td>
5298
+ <td headers="dt-186-group dt-186-secondary dt-186-r1">Lorem Ipsum</td>
5299
+ <td headers="dt-186-details dt-186-before dt-186-r1">Lorem Ipsum</td>
5300
+ <td headers="dt-186-details dt-186-after dt-186-r1">Lorem Ipsum</td>
5301
+ <td headers="dt-186-id">OL-53-GHSLE</td>
5242
5302
  </tr>
5243
5303
  <tr>
5244
- <td headers="dt-46-group dt-46-primary dt-46-r1">Lorem Ipsum</td>
5245
- <td headers="dt-46-group dt-46-secondary dt-46-r1">Lorem Ipsum</td>
5246
- <td headers="dt-46-details dt-46-before dt-46-r1">Lorem Ipsum</td>
5247
- <td headers="dt-46-details dt-46-after dt-46-r1">Lorem Ipsum</td>
5248
- <td headers="dt-46-id">OL-53-GHSLE</td>
5304
+ <td headers="dt-186-group dt-186-primary dt-186-r1">Lorem Ipsum</td>
5305
+ <td headers="dt-186-group dt-186-secondary dt-186-r1">Lorem Ipsum</td>
5306
+ <td headers="dt-186-details dt-186-before dt-186-r1">Lorem Ipsum</td>
5307
+ <td headers="dt-186-details dt-186-after dt-186-r1">Lorem Ipsum</td>
5308
+ <td headers="dt-186-id">OL-53-GHSLE</td>
5249
5309
  </tr>
5250
5310
  </tbody>
5251
5311
  </table>
5252
5312
  <h2 class="h2">Large-header Table</h2>
5253
- <table class="data-table data-table--large-header" id="dt-47">
5313
+ <table class="data-table data-table--large-header" id="dt-187">
5254
5314
  <caption>
5255
5315
  This Is The Table's Caption
5256
5316
  </caption>
5257
5317
  <thead>
5258
5318
  <tr>
5259
- <th id="dt-47-type" rowspan="2">Type</th>
5260
- <th id="dt-47-group" colspan="2">Group</th>
5261
- <th id="dt-47-details" colspan="2">Details</th>
5262
- <th id="dt-47-id" rowspan="2">Id</th>
5319
+ <th id="dt-187-type" rowspan="2">Type</th>
5320
+ <th id="dt-187-group" colspan="2">Group</th>
5321
+ <th id="dt-187-details" colspan="2">Details</th>
5322
+ <th id="dt-187-id" rowspan="2">Id</th>
5263
5323
  </tr>
5264
5324
  <tr>
5265
- <th headers="dt-47-group" id="dt-47-primary">Primary</th>
5266
- <th headers="dt-47-group" id="dt-47-secondary">Secondary</th>
5267
- <th headers="dt-47-details" id="dt-47-before">Before Task</th>
5268
- <th headers="dt-47-details" id="dt-47-after">After Task</th>
5325
+ <th headers="dt-187-group" id="dt-187-primary">Primary</th>
5326
+ <th headers="dt-187-group" id="dt-187-secondary">Secondary</th>
5327
+ <th headers="dt-187-details" id="dt-187-before">Before Task</th>
5328
+ <th headers="dt-187-details" id="dt-187-after">After Task</th>
5269
5329
  </tr>
5270
5330
  </thead>
5271
5331
  <tbody>
5272
5332
  <tr>
5273
- <th rowspan="3" headers="dt-47-type dt-47-r1" id="dt-47-r1">Default</th>
5274
- <td headers="dt-47-group dt-47-primary dt-47-r1">Lorem Ipsum</td>
5275
- <td headers="dt-47-group dt-47-secondary dt-47-r1">Lorem Ipsum</td>
5276
- <td headers="dt-47-details dt-47-before dt-47-r1">Lorem Ipsum</td>
5277
- <td headers="dt-47-details dt-47-after dt-47-r1">Lorem Ipsum</td>
5278
- <td headers="dt-47-id">OL-53-GHSLE</td>
5333
+ <th rowspan="3" headers="dt-187-type dt-187-r1" id="dt-187-r1">Default</th>
5334
+ <td headers="dt-187-group dt-187-primary dt-187-r1">Lorem Ipsum</td>
5335
+ <td headers="dt-187-group dt-187-secondary dt-187-r1">Lorem Ipsum</td>
5336
+ <td headers="dt-187-details dt-187-before dt-187-r1">Lorem Ipsum</td>
5337
+ <td headers="dt-187-details dt-187-after dt-187-r1">Lorem Ipsum</td>
5338
+ <td headers="dt-187-id">OL-53-GHSLE</td>
5279
5339
  </tr>
5280
5340
  <tr>
5281
- <td headers="dt-47-group dt-47-primary dt-47-r1">Lorem Ipsum</td>
5282
- <td headers="dt-47-group dt-47-secondary dt-47-r1">Lorem Ipsum</td>
5283
- <td headers="dt-47-details dt-47-before dt-47-r1">Lorem Ipsum</td>
5284
- <td headers="dt-47-details dt-47-after dt-47-r1">Lorem Ipsum</td>
5285
- <td headers="dt-47-id">OL-53-GHSLE</td>
5341
+ <td headers="dt-187-group dt-187-primary dt-187-r1">Lorem Ipsum</td>
5342
+ <td headers="dt-187-group dt-187-secondary dt-187-r1">Lorem Ipsum</td>
5343
+ <td headers="dt-187-details dt-187-before dt-187-r1">Lorem Ipsum</td>
5344
+ <td headers="dt-187-details dt-187-after dt-187-r1">Lorem Ipsum</td>
5345
+ <td headers="dt-187-id">OL-53-GHSLE</td>
5286
5346
  </tr>
5287
5347
  <tr>
5288
- <td headers="dt-47-group dt-47-primary dt-47-r1">Lorem Ipsum</td>
5289
- <td headers="dt-47-group dt-47-secondary dt-47-r1">Lorem Ipsum</td>
5290
- <td headers="dt-47-details dt-47-before dt-47-r1">Lorem Ipsum</td>
5291
- <td headers="dt-47-details dt-47-after dt-47-r1">Lorem Ipsum</td>
5292
- <td headers="dt-47-id">OL-53-GHSLE</td>
5348
+ <td headers="dt-187-group dt-187-primary dt-187-r1">Lorem Ipsum</td>
5349
+ <td headers="dt-187-group dt-187-secondary dt-187-r1">Lorem Ipsum</td>
5350
+ <td headers="dt-187-details dt-187-before dt-187-r1">Lorem Ipsum</td>
5351
+ <td headers="dt-187-details dt-187-after dt-187-r1">Lorem Ipsum</td>
5352
+ <td headers="dt-187-id">OL-53-GHSLE</td>
5293
5353
  </tr>
5294
5354
  </tbody>
5295
5355
  </table>
5296
5356
  <h2 class="h2">No-border Table</h2>
5297
- <table class="data-table data-table--no-border" id="dt-48">
5357
+ <table class="data-table data-table--no-border" id="dt-188">
5298
5358
  <caption>
5299
5359
  This Is The Table's Caption
5300
5360
  </caption>
5301
5361
  <thead>
5302
5362
  <tr>
5303
- <th id="dt-48-type" rowspan="2">Type</th>
5304
- <th id="dt-48-group" colspan="2">Group</th>
5305
- <th id="dt-48-details" colspan="2">Details</th>
5306
- <th id="dt-48-id" rowspan="2">Id</th>
5363
+ <th id="dt-188-type" rowspan="2">Type</th>
5364
+ <th id="dt-188-group" colspan="2">Group</th>
5365
+ <th id="dt-188-details" colspan="2">Details</th>
5366
+ <th id="dt-188-id" rowspan="2">Id</th>
5307
5367
  </tr>
5308
5368
  <tr>
5309
- <th headers="dt-48-group" id="dt-48-primary">Primary</th>
5310
- <th headers="dt-48-group" id="dt-48-secondary">Secondary</th>
5311
- <th headers="dt-48-details" id="dt-48-before">Before Task</th>
5312
- <th headers="dt-48-details" id="dt-48-after">After Task</th>
5369
+ <th headers="dt-188-group" id="dt-188-primary">Primary</th>
5370
+ <th headers="dt-188-group" id="dt-188-secondary">Secondary</th>
5371
+ <th headers="dt-188-details" id="dt-188-before">Before Task</th>
5372
+ <th headers="dt-188-details" id="dt-188-after">After Task</th>
5313
5373
  </tr>
5314
5374
  </thead>
5315
5375
  <tbody>
5316
5376
  <tr>
5317
- <th rowspan="3" headers="dt-48-type dt-48-r1" id="dt-48-r1">Default</th>
5318
- <td headers="dt-48-group dt-48-primary dt-48-r1">Lorem Ipsum</td>
5319
- <td headers="dt-48-group dt-48-secondary dt-48-r1">Lorem Ipsum</td>
5320
- <td headers="dt-48-details dt-48-before dt-48-r1">Lorem Ipsum</td>
5321
- <td headers="dt-48-details dt-48-after dt-48-r1">Lorem Ipsum</td>
5322
- <td headers="dt-48-id">OL-53-GHSLE</td>
5377
+ <th rowspan="3" headers="dt-188-type dt-188-r1" id="dt-188-r1">Default</th>
5378
+ <td headers="dt-188-group dt-188-primary dt-188-r1">Lorem Ipsum</td>
5379
+ <td headers="dt-188-group dt-188-secondary dt-188-r1">Lorem Ipsum</td>
5380
+ <td headers="dt-188-details dt-188-before dt-188-r1">Lorem Ipsum</td>
5381
+ <td headers="dt-188-details dt-188-after dt-188-r1">Lorem Ipsum</td>
5382
+ <td headers="dt-188-id">OL-53-GHSLE</td>
5323
5383
  </tr>
5324
5384
  <tr>
5325
- <td headers="dt-48-group dt-48-primary dt-48-r1">Lorem Ipsum</td>
5326
- <td headers="dt-48-group dt-48-secondary dt-48-r1">Lorem Ipsum</td>
5327
- <td headers="dt-48-details dt-48-before dt-48-r1">Lorem Ipsum</td>
5328
- <td headers="dt-48-details dt-48-after dt-48-r1">Lorem Ipsum</td>
5329
- <td headers="dt-48-id">OL-53-GHSLE</td>
5385
+ <td headers="dt-188-group dt-188-primary dt-188-r1">Lorem Ipsum</td>
5386
+ <td headers="dt-188-group dt-188-secondary dt-188-r1">Lorem Ipsum</td>
5387
+ <td headers="dt-188-details dt-188-before dt-188-r1">Lorem Ipsum</td>
5388
+ <td headers="dt-188-details dt-188-after dt-188-r1">Lorem Ipsum</td>
5389
+ <td headers="dt-188-id">OL-53-GHSLE</td>
5330
5390
  </tr>
5331
5391
  <tr>
5332
- <td headers="dt-48-group dt-48-primary dt-48-r1">Lorem Ipsum</td>
5333
- <td headers="dt-48-group dt-48-secondary dt-48-r1">Lorem Ipsum</td>
5334
- <td headers="dt-48-details dt-48-before dt-48-r1">Lorem Ipsum</td>
5335
- <td headers="dt-48-details dt-48-after dt-48-r1">Lorem Ipsum</td>
5336
- <td headers="dt-48-id">OL-53-GHSLE</td>
5392
+ <td headers="dt-188-group dt-188-primary dt-188-r1">Lorem Ipsum</td>
5393
+ <td headers="dt-188-group dt-188-secondary dt-188-r1">Lorem Ipsum</td>
5394
+ <td headers="dt-188-details dt-188-before dt-188-r1">Lorem Ipsum</td>
5395
+ <td headers="dt-188-details dt-188-after dt-188-r1">Lorem Ipsum</td>
5396
+ <td headers="dt-188-id">OL-53-GHSLE</td>
5337
5397
  </tr>
5338
5398
  </tbody>
5339
5399
  </table>
package/docs-dev/demos/details-group/index.html CHANGED
@@ -286,6 +286,21 @@
286
286
  </li>
287
287
 
288
288
 
289
+ <li class="nav-tree__item ">
290
+
291
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
292
+
293
+
294
+ <span class="nav-tree__text">
295
+ Counter List
296
+ </span>
297
+
298
+ </a>
299
+
300
+
301
+ </li>
302
+
303
+
289
304
  <li class="nav-tree__item ">
290
305
 
291
306
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -1335,6 +1350,21 @@
1335
1350
  </li>
1336
1351
 
1337
1352
 
1353
+ <li class="nav-tree__item ">
1354
+
1355
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
1356
+
1357
+
1358
+ <span class="nav-tree__text">
1359
+ Counter-list
1360
+ </span>
1361
+
1362
+ </a>
1363
+
1364
+
1365
+ </li>
1366
+
1367
+
1338
1368
  <li class="nav-tree__item ">
1339
1369
 
1340
1370
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -2802,6 +2832,21 @@
2802
2832
  </li>
2803
2833
 
2804
2834
 
2835
+ <li class="nav-tree__item ">
2836
+
2837
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
2838
+
2839
+
2840
+ <span class="nav-tree__text">
2841
+ Counter List
2842
+ </span>
2843
+
2844
+ </a>
2845
+
2846
+
2847
+ </li>
2848
+
2849
+
2805
2850
  <li class="nav-tree__item ">
2806
2851
 
2807
2852
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -3851,6 +3896,21 @@
3851
3896
  </li>
3852
3897
 
3853
3898
 
3899
+ <li class="nav-tree__item ">
3900
+
3901
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
3902
+
3903
+
3904
+ <span class="nav-tree__text">
3905
+ Counter-list
3906
+ </span>
3907
+
3908
+ </a>
3909
+
3910
+
3911
+ </li>
3912
+
3913
+
3854
3914
  <li class="nav-tree__item ">
3855
3915
 
3856
3916
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">