@ulu/frontend 0.1.0-beta.36 → 0.1.0-beta.38

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 (160) hide show
  1. package/CHANGELOG.md +14 -1
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +2 -2
  4. package/docs-dev/changelog/index.html +137 -30
  5. package/docs-dev/demos/accordion/index.html +60 -30
  6. package/docs-dev/demos/breakpoints-manager/index.html +5186 -0
  7. package/docs-dev/demos/button/index.html +60 -30
  8. package/docs-dev/demos/button-verbose/index.html +60 -30
  9. package/docs-dev/demos/callout/index.html +60 -30
  10. package/docs-dev/demos/captioned-figure/index.html +60 -30
  11. package/docs-dev/demos/card/index.html +76 -46
  12. package/docs-dev/demos/card-grid/index.html +60 -30
  13. package/docs-dev/demos/css-icons/index.html +60 -30
  14. package/docs-dev/demos/data-grid/index.html +60 -30
  15. package/docs-dev/demos/data-table/index.html +160 -130
  16. package/docs-dev/demos/details-group/index.html +60 -30
  17. package/docs-dev/demos/file-save/index.html +60 -30
  18. package/docs-dev/demos/flipcard/index.html +60 -30
  19. package/docs-dev/demos/form-theme/index.html +60 -30
  20. package/docs-dev/demos/index.html +60 -30
  21. package/docs-dev/demos/list-inline/index.html +60 -30
  22. package/docs-dev/demos/list-lines/index.html +60 -30
  23. package/docs-dev/demos/menu-stack/index.html +60 -30
  24. package/docs-dev/demos/modals/index.html +111 -30
  25. package/docs-dev/demos/nav-strip/index.html +60 -30
  26. package/docs-dev/demos/overlay-section/index.html +60 -30
  27. package/docs-dev/demos/popovers/index.html +117 -31
  28. package/docs-dev/demos/print/index.html +60 -30
  29. package/docs-dev/demos/pull-quote/index.html +60 -30
  30. package/docs-dev/demos/rule/index.html +60 -30
  31. package/docs-dev/demos/scrollpoints/index.html +60 -30
  32. package/docs-dev/demos/spoke-spinner/index.html +60 -30
  33. package/docs-dev/demos/sticky-list/index.html +60 -30
  34. package/docs-dev/demos/tabs/index.html +60 -30
  35. package/docs-dev/demos/tag/index.html +60 -30
  36. package/docs-dev/demos/theme-toggle/index.html +60 -30
  37. package/docs-dev/demos/tiles/index.html +60 -30
  38. package/docs-dev/demos/tooltip/index.html +60 -30
  39. package/docs-dev/guide/building-stylesheet/index.html +60 -30
  40. package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -30
  41. package/docs-dev/guide/index.html +60 -30
  42. package/docs-dev/index.html +60 -30
  43. package/docs-dev/javascript/events/index.html +60 -30
  44. package/docs-dev/javascript/index.html +60 -30
  45. package/docs-dev/javascript/settings/index.html +132 -36
  46. package/docs-dev/javascript/ui-breakpoints/index.html +75 -45
  47. package/docs-dev/javascript/ui-collapsible/index.html +60 -30
  48. package/docs-dev/javascript/ui-details-group/index.html +60 -30
  49. package/docs-dev/javascript/ui-dialog/index.html +60 -30
  50. package/docs-dev/javascript/ui-flipcard/index.html +60 -30
  51. package/docs-dev/javascript/ui-grid/index.html +60 -30
  52. package/docs-dev/javascript/ui-modal-builder/index.html +60 -30
  53. package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -30
  54. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -30
  55. package/docs-dev/javascript/ui-page/index.html +60 -30
  56. package/docs-dev/javascript/ui-popover/index.html +60 -30
  57. package/docs-dev/javascript/ui-print/index.html +60 -30
  58. package/docs-dev/javascript/ui-print-details/index.html +60 -30
  59. package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -30
  60. package/docs-dev/javascript/ui-proxy-click/index.html +60 -30
  61. package/docs-dev/javascript/ui-resizer/index.html +60 -30
  62. package/docs-dev/javascript/ui-scroll-slider/index.html +60 -30
  63. package/docs-dev/javascript/ui-scrollpoint/index.html +60 -30
  64. package/docs-dev/javascript/ui-slider/index.html +60 -30
  65. package/docs-dev/javascript/ui-tabs/index.html +60 -30
  66. package/docs-dev/javascript/ui-theme-toggle/index.html +60 -30
  67. package/docs-dev/javascript/ui-tooltip/index.html +60 -30
  68. package/docs-dev/javascript/utils-class-logger/index.html +60 -30
  69. package/docs-dev/javascript/utils-css/index.html +5164 -0
  70. package/docs-dev/javascript/utils-dom/index.html +60 -30
  71. package/docs-dev/javascript/utils-file-save/index.html +60 -30
  72. package/docs-dev/javascript/utils-floating-ui/index.html +60 -30
  73. package/docs-dev/javascript/utils-id/index.html +60 -30
  74. package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -30
  75. package/docs-dev/javascript/utils-system/index.html +60 -30
  76. package/docs-dev/sass/base/color/index.html +60 -30
  77. package/docs-dev/sass/base/elements/index.html +60 -30
  78. package/docs-dev/sass/base/index/index.html +60 -30
  79. package/docs-dev/sass/base/index.html +60 -30
  80. package/docs-dev/sass/base/keyframes/index.html +60 -30
  81. package/docs-dev/sass/base/layout/index.html +60 -30
  82. package/docs-dev/sass/base/normalize/index.html +60 -30
  83. package/docs-dev/sass/base/print/index.html +60 -30
  84. package/docs-dev/sass/base/root/index.html +60 -30
  85. package/docs-dev/sass/base/typography/index.html +60 -30
  86. package/docs-dev/sass/components/accordion/index.html +60 -30
  87. package/docs-dev/sass/components/adaptive-spacing/index.html +60 -30
  88. package/docs-dev/sass/components/badge/index.html +60 -30
  89. package/docs-dev/sass/components/basic-hero/index.html +60 -30
  90. package/docs-dev/sass/components/button/index.html +60 -30
  91. package/docs-dev/sass/components/button-verbose/index.html +82 -38
  92. package/docs-dev/sass/components/callout/index.html +60 -30
  93. package/docs-dev/sass/components/captioned-figure/index.html +60 -30
  94. package/docs-dev/sass/components/card/index.html +61 -31
  95. package/docs-dev/sass/components/card-grid/index.html +60 -30
  96. package/docs-dev/sass/components/css-icon/index.html +60 -30
  97. package/docs-dev/sass/components/data-grid/index.html +80 -43
  98. package/docs-dev/sass/components/data-table/index.html +60 -30
  99. package/docs-dev/sass/components/fill-context/index.html +60 -30
  100. package/docs-dev/sass/components/flipcard/index.html +60 -30
  101. package/docs-dev/sass/components/flipcard-grid/index.html +60 -30
  102. package/docs-dev/sass/components/form-theme/index.html +60 -30
  103. package/docs-dev/sass/components/hero/index.html +60 -30
  104. package/docs-dev/sass/components/horizontal-rule/index.html +60 -30
  105. package/docs-dev/sass/components/image-grid/index.html +60 -30
  106. package/docs-dev/sass/components/index/index.html +60 -30
  107. package/docs-dev/sass/components/index.html +60 -30
  108. package/docs-dev/sass/components/links/index.html +60 -30
  109. package/docs-dev/sass/components/list-inline/index.html +60 -30
  110. package/docs-dev/sass/components/list-lines/index.html +60 -30
  111. package/docs-dev/sass/components/list-ordered/index.html +60 -30
  112. package/docs-dev/sass/components/list-unordered/index.html +60 -30
  113. package/docs-dev/sass/components/menu-stack/index.html +60 -30
  114. package/docs-dev/sass/components/modal/index.html +61 -31
  115. package/docs-dev/sass/components/nav-strip/index.html +60 -30
  116. package/docs-dev/sass/components/overlay-section/index.html +60 -30
  117. package/docs-dev/sass/components/pager/index.html +60 -30
  118. package/docs-dev/sass/components/placeholder-block/index.html +60 -30
  119. package/docs-dev/sass/components/popover/index.html +60 -30
  120. package/docs-dev/sass/components/pull-quote/index.html +60 -30
  121. package/docs-dev/sass/components/ratio-box/index.html +60 -30
  122. package/docs-dev/sass/components/rule/index.html +60 -30
  123. package/docs-dev/sass/components/scroll-slider/index.html +60 -30
  124. package/docs-dev/sass/components/skip-link/index.html +60 -30
  125. package/docs-dev/sass/components/slider/index.html +60 -30
  126. package/docs-dev/sass/components/spoke-spinner/index.html +60 -30
  127. package/docs-dev/sass/components/sticky-list/index.html +60 -30
  128. package/docs-dev/sass/components/tabs/index.html +60 -30
  129. package/docs-dev/sass/components/tag/index.html +60 -30
  130. package/docs-dev/sass/components/tile-button/index.html +60 -30
  131. package/docs-dev/sass/components/tile-grid/index.html +60 -30
  132. package/docs-dev/sass/components/tile-grid-overlay/index.html +60 -30
  133. package/docs-dev/sass/components/vignette/index.html +60 -30
  134. package/docs-dev/sass/components/wysiwyg/index.html +60 -30
  135. package/docs-dev/sass/core/breakpoint/index.html +106 -62
  136. package/docs-dev/sass/core/button/index.html +60 -30
  137. package/docs-dev/sass/core/color/index.html +60 -30
  138. package/docs-dev/sass/core/cssvar/index.html +60 -30
  139. package/docs-dev/sass/core/element/index.html +60 -30
  140. package/docs-dev/sass/core/index.html +60 -30
  141. package/docs-dev/sass/core/layout/index.html +60 -30
  142. package/docs-dev/sass/core/path/index.html +60 -30
  143. package/docs-dev/sass/core/selector/index.html +60 -30
  144. package/docs-dev/sass/core/typography/index.html +60 -30
  145. package/docs-dev/sass/core/units/index.html +60 -30
  146. package/docs-dev/sass/core/utils/index.html +175 -123
  147. package/docs-dev/sass/helpers/color/index.html +60 -30
  148. package/docs-dev/sass/helpers/display/index.html +61 -31
  149. package/docs-dev/sass/helpers/index/index.html +60 -30
  150. package/docs-dev/sass/helpers/index.html +60 -30
  151. package/docs-dev/sass/helpers/print/index.html +60 -0
  152. package/docs-dev/sass/helpers/typography/index.html +60 -30
  153. package/docs-dev/sass/helpers/units/index.html +60 -30
  154. package/docs-dev/sass/helpers/utilities/index.html +62 -32
  155. package/docs-dev/sass/index.html +60 -30
  156. package/js/ui/slider.js +2 -2
  157. package/package.json +1 -1
  158. package/scss/helpers/_display.scss +15 -18
  159. package/scss/helpers/_print.scss +12 -7
  160. package/scss/helpers/_utilities.scss +42 -32
package/docs-dev/demos/data-table/index.html CHANGED
@@ -181,6 +181,21 @@
181
181
  </li>
182
182
 
183
183
 
184
+ <li class="nav-tree__item ">
185
+
186
+ <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
187
+
188
+
189
+ <span class="nav-tree__text">
190
+ Breakpoint Manager
191
+ </span>
192
+
193
+ </a>
194
+
195
+
196
+ </li>
197
+
198
+
184
199
  <li class="nav-tree__item ">
185
200
 
186
201
  <a class="nav-tree__link " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
1973
1988
  </li>
1974
1989
 
1975
1990
 
1976
- <li class="nav-tree__item ">
1977
-
1978
- <a class="nav-tree__link " href="/frontend/sass/helpers/print/">
1979
-
1980
-
1981
- <span class="nav-tree__text">
1982
- Print
1983
- </span>
1984
-
1985
- </a>
1986
-
1987
-
1988
- </li>
1989
-
1990
-
1991
1991
  <li class="nav-tree__item ">
1992
1992
 
1993
1993
  <a class="nav-tree__link " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
2453
2453
  </li>
2454
2454
 
2455
2455
 
2456
+ <li class="nav-tree__item ">
2457
+
2458
+ <a class="nav-tree__link " href="/frontend/javascript/utils-css/">
2459
+
2460
+
2461
+ <span class="nav-tree__text">
2462
+ utils/css
2463
+ </span>
2464
+
2465
+ </a>
2466
+
2467
+
2468
+ </li>
2469
+
2470
+
2456
2471
  <li class="nav-tree__item ">
2457
2472
 
2458
2473
  <a class="nav-tree__link " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
2682
2697
  </li>
2683
2698
 
2684
2699
 
2700
+ <li class="nav-tree__item ">
2701
+
2702
+ <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
2703
+
2704
+
2705
+ <span class="nav-tree__text">
2706
+ Breakpoint Manager
2707
+ </span>
2708
+
2709
+ </a>
2710
+
2711
+
2712
+ </li>
2713
+
2714
+
2685
2715
  <li class="nav-tree__item ">
2686
2716
 
2687
2717
  <a class="nav-tree__link " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
4474
4504
  </li>
4475
4505
 
4476
4506
 
4477
- <li class="nav-tree__item ">
4478
-
4479
- <a class="nav-tree__link " href="/frontend/sass/helpers/print/">
4480
-
4481
-
4482
- <span class="nav-tree__text">
4483
- Print
4484
- </span>
4485
-
4486
- </a>
4487
-
4488
-
4489
- </li>
4490
-
4491
-
4492
4507
  <li class="nav-tree__item ">
4493
4508
 
4494
4509
  <a class="nav-tree__link " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
4954
4969
  </li>
4955
4970
 
4956
4971
 
4972
+ <li class="nav-tree__item ">
4973
+
4974
+ <a class="nav-tree__link " href="/frontend/javascript/utils-css/">
4975
+
4976
+
4977
+ <span class="nav-tree__text">
4978
+ utils/css
4979
+ </span>
4980
+
4981
+ </a>
4982
+
4983
+
4984
+ </li>
4985
+
4986
+
4957
4987
  <li class="nav-tree__item ">
4958
4988
 
4959
4989
  <a class="nav-tree__link " href="/frontend/javascript/utils-dom/">
@@ -5132,178 +5162,178 @@
5132
5162
  </table>
5133
5163
  <h2 class="h2">Complex Table</h2>
5134
5164
  <h2 class="h2">Striped Table</h2>
5135
- <table class="data-table data-table--striped" id="dt-17">
5165
+ <table class="data-table data-table--striped" id="dt-45">
5136
5166
  <caption>
5137
5167
  This Is The Table's Caption
5138
5168
  </caption>
5139
5169
  <thead>
5140
5170
  <tr>
5141
- <th id="dt-17-type" rowspan="2">Type</th>
5142
- <th id="dt-17-group" colspan="2">Group</th>
5143
- <th id="dt-17-details" colspan="2">Details</th>
5144
- <th id="dt-17-id" rowspan="2">Id</th>
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>
5145
5175
  </tr>
5146
5176
  <tr>
5147
- <th headers="dt-17-group" id="dt-17-primary">Primary</th>
5148
- <th headers="dt-17-group" id="dt-17-secondary">Secondary</th>
5149
- <th headers="dt-17-details" id="dt-17-before">Before Task</th>
5150
- <th headers="dt-17-details" id="dt-17-after">After Task</th>
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>
5151
5181
  </tr>
5152
5182
  </thead>
5153
5183
  <tbody>
5154
5184
  <tr>
5155
- <th rowspan="3" headers="dt-17-type dt-17-r1" id="dt-17-r1">Default</th>
5156
- <td headers="dt-17-group dt-17-primary dt-17-r1">Lorem Ipsum</td>
5157
- <td headers="dt-17-group dt-17-secondary dt-17-r1">Lorem Ipsum</td>
5158
- <td headers="dt-17-details dt-17-before dt-17-r1">Lorem Ipsum</td>
5159
- <td headers="dt-17-details dt-17-after dt-17-r1">Lorem Ipsum</td>
5160
- <td headers="dt-17-id">OL-53-GHSLE</td>
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>
5161
5191
  </tr>
5162
5192
  <tr>
5163
- <td headers="dt-17-group dt-17-primary dt-17-r1">Lorem Ipsum</td>
5164
- <td headers="dt-17-group dt-17-secondary dt-17-r1">Lorem Ipsum</td>
5165
- <td headers="dt-17-details dt-17-before dt-17-r1">Lorem Ipsum</td>
5166
- <td headers="dt-17-details dt-17-after dt-17-r1">Lorem Ipsum</td>
5167
- <td headers="dt-17-id">OL-53-GHSLE</td>
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>
5168
5198
  </tr>
5169
5199
  <tr>
5170
- <td headers="dt-17-group dt-17-primary dt-17-r1">Lorem Ipsum</td>
5171
- <td headers="dt-17-group dt-17-secondary dt-17-r1">Lorem Ipsum</td>
5172
- <td headers="dt-17-details dt-17-before dt-17-r1">Lorem Ipsum</td>
5173
- <td headers="dt-17-details dt-17-after dt-17-r1">Lorem Ipsum</td>
5174
- <td headers="dt-17-id">OL-53-GHSLE</td>
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>
5175
5205
  </tr>
5176
5206
  </tbody>
5177
5207
  </table>
5178
5208
  <h2 class="h2">Large-first Table</h2>
5179
- <table class="data-table data-table--large-first" id="dt-18">
5209
+ <table class="data-table data-table--large-first" id="dt-46">
5180
5210
  <caption>
5181
5211
  This Is The Table's Caption
5182
5212
  </caption>
5183
5213
  <thead>
5184
5214
  <tr>
5185
- <th id="dt-18-type" rowspan="2">Type</th>
5186
- <th id="dt-18-group" colspan="2">Group</th>
5187
- <th id="dt-18-details" colspan="2">Details</th>
5188
- <th id="dt-18-id" rowspan="2">Id</th>
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>
5189
5219
  </tr>
5190
5220
  <tr>
5191
- <th headers="dt-18-group" id="dt-18-primary">Primary</th>
5192
- <th headers="dt-18-group" id="dt-18-secondary">Secondary</th>
5193
- <th headers="dt-18-details" id="dt-18-before">Before Task</th>
5194
- <th headers="dt-18-details" id="dt-18-after">After Task</th>
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>
5195
5225
  </tr>
5196
5226
  </thead>
5197
5227
  <tbody>
5198
5228
  <tr>
5199
- <th rowspan="3" headers="dt-18-type dt-18-r1" id="dt-18-r1">Default</th>
5200
- <td headers="dt-18-group dt-18-primary dt-18-r1">Lorem Ipsum</td>
5201
- <td headers="dt-18-group dt-18-secondary dt-18-r1">Lorem Ipsum</td>
5202
- <td headers="dt-18-details dt-18-before dt-18-r1">Lorem Ipsum</td>
5203
- <td headers="dt-18-details dt-18-after dt-18-r1">Lorem Ipsum</td>
5204
- <td headers="dt-18-id">OL-53-GHSLE</td>
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>
5205
5235
  </tr>
5206
5236
  <tr>
5207
- <td headers="dt-18-group dt-18-primary dt-18-r1">Lorem Ipsum</td>
5208
- <td headers="dt-18-group dt-18-secondary dt-18-r1">Lorem Ipsum</td>
5209
- <td headers="dt-18-details dt-18-before dt-18-r1">Lorem Ipsum</td>
5210
- <td headers="dt-18-details dt-18-after dt-18-r1">Lorem Ipsum</td>
5211
- <td headers="dt-18-id">OL-53-GHSLE</td>
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>
5212
5242
  </tr>
5213
5243
  <tr>
5214
- <td headers="dt-18-group dt-18-primary dt-18-r1">Lorem Ipsum</td>
5215
- <td headers="dt-18-group dt-18-secondary dt-18-r1">Lorem Ipsum</td>
5216
- <td headers="dt-18-details dt-18-before dt-18-r1">Lorem Ipsum</td>
5217
- <td headers="dt-18-details dt-18-after dt-18-r1">Lorem Ipsum</td>
5218
- <td headers="dt-18-id">OL-53-GHSLE</td>
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>
5219
5249
  </tr>
5220
5250
  </tbody>
5221
5251
  </table>
5222
5252
  <h2 class="h2">Large-header Table</h2>
5223
- <table class="data-table data-table--large-header" id="dt-19">
5253
+ <table class="data-table data-table--large-header" id="dt-47">
5224
5254
  <caption>
5225
5255
  This Is The Table's Caption
5226
5256
  </caption>
5227
5257
  <thead>
5228
5258
  <tr>
5229
- <th id="dt-19-type" rowspan="2">Type</th>
5230
- <th id="dt-19-group" colspan="2">Group</th>
5231
- <th id="dt-19-details" colspan="2">Details</th>
5232
- <th id="dt-19-id" rowspan="2">Id</th>
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>
5233
5263
  </tr>
5234
5264
  <tr>
5235
- <th headers="dt-19-group" id="dt-19-primary">Primary</th>
5236
- <th headers="dt-19-group" id="dt-19-secondary">Secondary</th>
5237
- <th headers="dt-19-details" id="dt-19-before">Before Task</th>
5238
- <th headers="dt-19-details" id="dt-19-after">After Task</th>
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>
5239
5269
  </tr>
5240
5270
  </thead>
5241
5271
  <tbody>
5242
5272
  <tr>
5243
- <th rowspan="3" headers="dt-19-type dt-19-r1" id="dt-19-r1">Default</th>
5244
- <td headers="dt-19-group dt-19-primary dt-19-r1">Lorem Ipsum</td>
5245
- <td headers="dt-19-group dt-19-secondary dt-19-r1">Lorem Ipsum</td>
5246
- <td headers="dt-19-details dt-19-before dt-19-r1">Lorem Ipsum</td>
5247
- <td headers="dt-19-details dt-19-after dt-19-r1">Lorem Ipsum</td>
5248
- <td headers="dt-19-id">OL-53-GHSLE</td>
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>
5249
5279
  </tr>
5250
5280
  <tr>
5251
- <td headers="dt-19-group dt-19-primary dt-19-r1">Lorem Ipsum</td>
5252
- <td headers="dt-19-group dt-19-secondary dt-19-r1">Lorem Ipsum</td>
5253
- <td headers="dt-19-details dt-19-before dt-19-r1">Lorem Ipsum</td>
5254
- <td headers="dt-19-details dt-19-after dt-19-r1">Lorem Ipsum</td>
5255
- <td headers="dt-19-id">OL-53-GHSLE</td>
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>
5256
5286
  </tr>
5257
5287
  <tr>
5258
- <td headers="dt-19-group dt-19-primary dt-19-r1">Lorem Ipsum</td>
5259
- <td headers="dt-19-group dt-19-secondary dt-19-r1">Lorem Ipsum</td>
5260
- <td headers="dt-19-details dt-19-before dt-19-r1">Lorem Ipsum</td>
5261
- <td headers="dt-19-details dt-19-after dt-19-r1">Lorem Ipsum</td>
5262
- <td headers="dt-19-id">OL-53-GHSLE</td>
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>
5263
5293
  </tr>
5264
5294
  </tbody>
5265
5295
  </table>
5266
5296
  <h2 class="h2">No-border Table</h2>
5267
- <table class="data-table data-table--no-border" id="dt-20">
5297
+ <table class="data-table data-table--no-border" id="dt-48">
5268
5298
  <caption>
5269
5299
  This Is The Table's Caption
5270
5300
  </caption>
5271
5301
  <thead>
5272
5302
  <tr>
5273
- <th id="dt-20-type" rowspan="2">Type</th>
5274
- <th id="dt-20-group" colspan="2">Group</th>
5275
- <th id="dt-20-details" colspan="2">Details</th>
5276
- <th id="dt-20-id" rowspan="2">Id</th>
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>
5277
5307
  </tr>
5278
5308
  <tr>
5279
- <th headers="dt-20-group" id="dt-20-primary">Primary</th>
5280
- <th headers="dt-20-group" id="dt-20-secondary">Secondary</th>
5281
- <th headers="dt-20-details" id="dt-20-before">Before Task</th>
5282
- <th headers="dt-20-details" id="dt-20-after">After Task</th>
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>
5283
5313
  </tr>
5284
5314
  </thead>
5285
5315
  <tbody>
5286
5316
  <tr>
5287
- <th rowspan="3" headers="dt-20-type dt-20-r1" id="dt-20-r1">Default</th>
5288
- <td headers="dt-20-group dt-20-primary dt-20-r1">Lorem Ipsum</td>
5289
- <td headers="dt-20-group dt-20-secondary dt-20-r1">Lorem Ipsum</td>
5290
- <td headers="dt-20-details dt-20-before dt-20-r1">Lorem Ipsum</td>
5291
- <td headers="dt-20-details dt-20-after dt-20-r1">Lorem Ipsum</td>
5292
- <td headers="dt-20-id">OL-53-GHSLE</td>
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>
5293
5323
  </tr>
5294
5324
  <tr>
5295
- <td headers="dt-20-group dt-20-primary dt-20-r1">Lorem Ipsum</td>
5296
- <td headers="dt-20-group dt-20-secondary dt-20-r1">Lorem Ipsum</td>
5297
- <td headers="dt-20-details dt-20-before dt-20-r1">Lorem Ipsum</td>
5298
- <td headers="dt-20-details dt-20-after dt-20-r1">Lorem Ipsum</td>
5299
- <td headers="dt-20-id">OL-53-GHSLE</td>
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>
5300
5330
  </tr>
5301
5331
  <tr>
5302
- <td headers="dt-20-group dt-20-primary dt-20-r1">Lorem Ipsum</td>
5303
- <td headers="dt-20-group dt-20-secondary dt-20-r1">Lorem Ipsum</td>
5304
- <td headers="dt-20-details dt-20-before dt-20-r1">Lorem Ipsum</td>
5305
- <td headers="dt-20-details dt-20-after dt-20-r1">Lorem Ipsum</td>
5306
- <td headers="dt-20-id">OL-53-GHSLE</td>
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>
5307
5337
  </tr>
5308
5338
  </tbody>
5309
5339
  </table>
package/docs-dev/demos/details-group/index.html CHANGED
@@ -181,6 +181,21 @@
181
181
  </li>
182
182
 
183
183
 
184
+ <li class="nav-tree__item ">
185
+
186
+ <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
187
+
188
+
189
+ <span class="nav-tree__text">
190
+ Breakpoint Manager
191
+ </span>
192
+
193
+ </a>
194
+
195
+
196
+ </li>
197
+
198
+
184
199
  <li class="nav-tree__item ">
185
200
 
186
201
  <a class="nav-tree__link " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
1973
1988
  </li>
1974
1989
 
1975
1990
 
1976
- <li class="nav-tree__item ">
1977
-
1978
- <a class="nav-tree__link " href="/frontend/sass/helpers/print/">
1979
-
1980
-
1981
- <span class="nav-tree__text">
1982
- Print
1983
- </span>
1984
-
1985
- </a>
1986
-
1987
-
1988
- </li>
1989
-
1990
-
1991
1991
  <li class="nav-tree__item ">
1992
1992
 
1993
1993
  <a class="nav-tree__link " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
2453
2453
  </li>
2454
2454
 
2455
2455
 
2456
+ <li class="nav-tree__item ">
2457
+
2458
+ <a class="nav-tree__link " href="/frontend/javascript/utils-css/">
2459
+
2460
+
2461
+ <span class="nav-tree__text">
2462
+ utils/css
2463
+ </span>
2464
+
2465
+ </a>
2466
+
2467
+
2468
+ </li>
2469
+
2470
+
2456
2471
  <li class="nav-tree__item ">
2457
2472
 
2458
2473
  <a class="nav-tree__link " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
2682
2697
  </li>
2683
2698
 
2684
2699
 
2700
+ <li class="nav-tree__item ">
2701
+
2702
+ <a class="nav-tree__link " href="/frontend/demos/breakpoints-manager/">
2703
+
2704
+
2705
+ <span class="nav-tree__text">
2706
+ Breakpoint Manager
2707
+ </span>
2708
+
2709
+ </a>
2710
+
2711
+
2712
+ </li>
2713
+
2714
+
2685
2715
  <li class="nav-tree__item ">
2686
2716
 
2687
2717
  <a class="nav-tree__link " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
4474
4504
  </li>
4475
4505
 
4476
4506
 
4477
- <li class="nav-tree__item ">
4478
-
4479
- <a class="nav-tree__link " href="/frontend/sass/helpers/print/">
4480
-
4481
-
4482
- <span class="nav-tree__text">
4483
- Print
4484
- </span>
4485
-
4486
- </a>
4487
-
4488
-
4489
- </li>
4490
-
4491
-
4492
4507
  <li class="nav-tree__item ">
4493
4508
 
4494
4509
  <a class="nav-tree__link " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
4954
4969
  </li>
4955
4970
 
4956
4971
 
4972
+ <li class="nav-tree__item ">
4973
+
4974
+ <a class="nav-tree__link " href="/frontend/javascript/utils-css/">
4975
+
4976
+
4977
+ <span class="nav-tree__text">
4978
+ utils/css
4979
+ </span>
4980
+
4981
+ </a>
4982
+
4983
+
4984
+ </li>
4985
+
4986
+
4957
4987
  <li class="nav-tree__item ">
4958
4988
 
4959
4989
  <a class="nav-tree__link " href="/frontend/javascript/utils-dom/">