@ulu/frontend 0.1.0-beta.67 → 0.1.0-beta.68

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 (161) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.dev.md +1 -1
  3. package/README.md +13 -9
  4. package/dist/ulu-frontend.min.css +1 -1
  5. package/docs-dev/changelog/index.html +47 -4
  6. package/docs-dev/demos/accordion/index.html +30 -0
  7. package/docs-dev/demos/badge/index.html +5265 -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-verbose/index.html +30 -0
  11. package/docs-dev/demos/callout/index.html +30 -0
  12. package/docs-dev/demos/captioned-figure/index.html +30 -0
  13. package/docs-dev/demos/card/index.html +46 -16
  14. package/docs-dev/demos/card-grid/index.html +30 -0
  15. package/docs-dev/demos/counter-list/index.html +30 -0
  16. package/docs-dev/demos/css-icons/index.html +30 -0
  17. package/docs-dev/demos/data-grid/index.html +30 -0
  18. package/docs-dev/demos/data-table/index.html +130 -100
  19. package/docs-dev/demos/details-group/index.html +30 -0
  20. package/docs-dev/demos/file-save/index.html +30 -0
  21. package/docs-dev/demos/flipcard/index.html +30 -0
  22. package/docs-dev/demos/form-theme/index.html +30 -0
  23. package/docs-dev/demos/index.html +30 -0
  24. package/docs-dev/demos/list-inline/index.html +30 -0
  25. package/docs-dev/demos/list-lines/index.html +30 -0
  26. package/docs-dev/demos/menu-stack/index.html +30 -0
  27. package/docs-dev/demos/modals/index.html +30 -0
  28. package/docs-dev/demos/nav-strip/index.html +30 -0
  29. package/docs-dev/demos/overlay-section/index.html +30 -0
  30. package/docs-dev/demos/popovers/index.html +30 -0
  31. package/docs-dev/demos/print/index.html +30 -0
  32. package/docs-dev/demos/pull-quote/index.html +30 -0
  33. package/docs-dev/demos/rule/index.html +30 -0
  34. package/docs-dev/demos/scrollpoints/index.html +30 -0
  35. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  36. package/docs-dev/demos/sticky-list/index.html +30 -0
  37. package/docs-dev/demos/tabs/index.html +30 -0
  38. package/docs-dev/demos/tag/index.html +30 -0
  39. package/docs-dev/demos/theme-toggle/index.html +30 -0
  40. package/docs-dev/demos/tiles/index.html +30 -0
  41. package/docs-dev/demos/tooltip/index.html +30 -0
  42. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  43. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  44. package/docs-dev/guide/index.html +30 -0
  45. package/docs-dev/index.html +30 -0
  46. package/docs-dev/javascript/events/index.html +30 -0
  47. package/docs-dev/javascript/index.html +30 -0
  48. package/docs-dev/javascript/settings/index.html +30 -0
  49. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  50. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  51. package/docs-dev/javascript/ui-details-group/index.html +30 -0
  52. package/docs-dev/javascript/ui-dialog/index.html +30 -0
  53. package/docs-dev/javascript/ui-flipcard/index.html +30 -0
  54. package/docs-dev/javascript/ui-grid/index.html +30 -0
  55. package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
  56. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  57. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  58. package/docs-dev/javascript/ui-page/index.html +30 -0
  59. package/docs-dev/javascript/ui-popover/index.html +30 -0
  60. package/docs-dev/javascript/ui-print/index.html +30 -0
  61. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  62. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  63. package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
  64. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  65. package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
  66. package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
  67. package/docs-dev/javascript/ui-slider/index.html +30 -0
  68. package/docs-dev/javascript/ui-tabs/index.html +30 -0
  69. package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
  70. package/docs-dev/javascript/ui-tooltip/index.html +30 -0
  71. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  72. package/docs-dev/javascript/utils-css/index.html +30 -0
  73. package/docs-dev/javascript/utils-dom/index.html +30 -0
  74. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  75. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  76. package/docs-dev/javascript/utils-id/index.html +30 -0
  77. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  78. package/docs-dev/javascript/utils-system/index.html +30 -0
  79. package/docs-dev/sass/base/color/index.html +30 -0
  80. package/docs-dev/sass/base/elements/index.html +30 -0
  81. package/docs-dev/sass/base/index/index.html +30 -0
  82. package/docs-dev/sass/base/index.html +30 -0
  83. package/docs-dev/sass/base/keyframes/index.html +30 -0
  84. package/docs-dev/sass/base/layout/index.html +30 -0
  85. package/docs-dev/sass/base/normalize/index.html +30 -0
  86. package/docs-dev/sass/base/print/index.html +30 -0
  87. package/docs-dev/sass/base/root/index.html +30 -0
  88. package/docs-dev/sass/base/typography/index.html +30 -0
  89. package/docs-dev/sass/components/accordion/index.html +30 -0
  90. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  91. package/docs-dev/sass/components/badge/index.html +52 -11
  92. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  93. package/docs-dev/sass/components/button/index.html +30 -0
  94. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  95. package/docs-dev/sass/components/callout/index.html +30 -0
  96. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  97. package/docs-dev/sass/components/card/index.html +30 -0
  98. package/docs-dev/sass/components/card-grid/index.html +30 -0
  99. package/docs-dev/sass/components/counter-list/index.html +44 -8
  100. package/docs-dev/sass/components/css-icon/index.html +30 -0
  101. package/docs-dev/sass/components/data-grid/index.html +30 -0
  102. package/docs-dev/sass/components/data-table/index.html +30 -0
  103. package/docs-dev/sass/components/fill-context/index.html +30 -0
  104. package/docs-dev/sass/components/flipcard/index.html +30 -0
  105. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  106. package/docs-dev/sass/components/form-theme/index.html +30 -0
  107. package/docs-dev/sass/components/hero/index.html +30 -0
  108. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  109. package/docs-dev/sass/components/image-grid/index.html +30 -0
  110. package/docs-dev/sass/components/index/index.html +30 -0
  111. package/docs-dev/sass/components/index.html +30 -0
  112. package/docs-dev/sass/components/links/index.html +30 -0
  113. package/docs-dev/sass/components/list-inline/index.html +30 -0
  114. package/docs-dev/sass/components/list-lines/index.html +30 -0
  115. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  116. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  117. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  118. package/docs-dev/sass/components/modal/index.html +30 -0
  119. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  120. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  121. package/docs-dev/sass/components/pager/index.html +30 -0
  122. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  123. package/docs-dev/sass/components/popover/index.html +30 -0
  124. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  125. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  126. package/docs-dev/sass/components/rule/index.html +30 -0
  127. package/docs-dev/sass/components/scroll-slider/index.html +30 -0
  128. package/docs-dev/sass/components/skip-link/index.html +30 -0
  129. package/docs-dev/sass/components/slider/index.html +30 -0
  130. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  131. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  132. package/docs-dev/sass/components/tabs/index.html +30 -0
  133. package/docs-dev/sass/components/tag/index.html +30 -0
  134. package/docs-dev/sass/components/tile-button/index.html +30 -0
  135. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  136. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  137. package/docs-dev/sass/components/vignette/index.html +30 -0
  138. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  139. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  140. package/docs-dev/sass/core/button/index.html +30 -0
  141. package/docs-dev/sass/core/color/index.html +30 -0
  142. package/docs-dev/sass/core/cssvar/index.html +30 -0
  143. package/docs-dev/sass/core/element/index.html +30 -0
  144. package/docs-dev/sass/core/index.html +30 -0
  145. package/docs-dev/sass/core/layout/index.html +30 -0
  146. package/docs-dev/sass/core/path/index.html +30 -0
  147. package/docs-dev/sass/core/selector/index.html +30 -0
  148. package/docs-dev/sass/core/typography/index.html +30 -0
  149. package/docs-dev/sass/core/units/index.html +30 -0
  150. package/docs-dev/sass/core/utils/index.html +30 -0
  151. package/docs-dev/sass/helpers/color/index.html +30 -0
  152. package/docs-dev/sass/helpers/display/index.html +30 -0
  153. package/docs-dev/sass/helpers/index/index.html +30 -0
  154. package/docs-dev/sass/helpers/index.html +30 -0
  155. package/docs-dev/sass/helpers/typography/index.html +30 -0
  156. package/docs-dev/sass/helpers/units/index.html +30 -0
  157. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  158. package/docs-dev/sass/index.html +30 -0
  159. package/package.json +11 -3
  160. package/scss/README.md +4 -0
  161. package/scss/components/_badge.scss +23 -4
package/docs-dev/demos/data-table/index.html CHANGED
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -5222,178 +5252,178 @@
5222
5252
  </table>
5223
5253
  <h2 class="h2">Complex Table</h2>
5224
5254
  <h2 class="h2">Striped Table</h2>
5225
- <table class="data-table data-table--striped" id="dt-1">
5255
+ <table class="data-table data-table--striped" id="dt-65">
5226
5256
  <caption>
5227
5257
  This Is The Table's Caption
5228
5258
  </caption>
5229
5259
  <thead>
5230
5260
  <tr>
5231
- <th id="dt-1-type" rowspan="2">Type</th>
5232
- <th id="dt-1-group" colspan="2">Group</th>
5233
- <th id="dt-1-details" colspan="2">Details</th>
5234
- <th id="dt-1-id" rowspan="2">Id</th>
5261
+ <th id="dt-65-type" rowspan="2">Type</th>
5262
+ <th id="dt-65-group" colspan="2">Group</th>
5263
+ <th id="dt-65-details" colspan="2">Details</th>
5264
+ <th id="dt-65-id" rowspan="2">Id</th>
5235
5265
  </tr>
5236
5266
  <tr>
5237
- <th headers="dt-1-group" id="dt-1-primary">Primary</th>
5238
- <th headers="dt-1-group" id="dt-1-secondary">Secondary</th>
5239
- <th headers="dt-1-details" id="dt-1-before">Before Task</th>
5240
- <th headers="dt-1-details" id="dt-1-after">After Task</th>
5267
+ <th headers="dt-65-group" id="dt-65-primary">Primary</th>
5268
+ <th headers="dt-65-group" id="dt-65-secondary">Secondary</th>
5269
+ <th headers="dt-65-details" id="dt-65-before">Before Task</th>
5270
+ <th headers="dt-65-details" id="dt-65-after">After Task</th>
5241
5271
  </tr>
5242
5272
  </thead>
5243
5273
  <tbody>
5244
5274
  <tr>
5245
- <th rowspan="3" headers="dt-1-type dt-1-r1" id="dt-1-r1">Default</th>
5246
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5247
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5248
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5249
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5250
- <td headers="dt-1-id">OL-53-GHSLE</td>
5275
+ <th rowspan="3" headers="dt-65-type dt-65-r1" id="dt-65-r1">Default</th>
5276
+ <td headers="dt-65-group dt-65-primary dt-65-r1">Lorem Ipsum</td>
5277
+ <td headers="dt-65-group dt-65-secondary dt-65-r1">Lorem Ipsum</td>
5278
+ <td headers="dt-65-details dt-65-before dt-65-r1">Lorem Ipsum</td>
5279
+ <td headers="dt-65-details dt-65-after dt-65-r1">Lorem Ipsum</td>
5280
+ <td headers="dt-65-id">OL-53-GHSLE</td>
5251
5281
  </tr>
5252
5282
  <tr>
5253
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5254
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5255
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5256
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5257
- <td headers="dt-1-id">OL-53-GHSLE</td>
5283
+ <td headers="dt-65-group dt-65-primary dt-65-r1">Lorem Ipsum</td>
5284
+ <td headers="dt-65-group dt-65-secondary dt-65-r1">Lorem Ipsum</td>
5285
+ <td headers="dt-65-details dt-65-before dt-65-r1">Lorem Ipsum</td>
5286
+ <td headers="dt-65-details dt-65-after dt-65-r1">Lorem Ipsum</td>
5287
+ <td headers="dt-65-id">OL-53-GHSLE</td>
5258
5288
  </tr>
5259
5289
  <tr>
5260
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5261
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5262
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5263
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5264
- <td headers="dt-1-id">OL-53-GHSLE</td>
5290
+ <td headers="dt-65-group dt-65-primary dt-65-r1">Lorem Ipsum</td>
5291
+ <td headers="dt-65-group dt-65-secondary dt-65-r1">Lorem Ipsum</td>
5292
+ <td headers="dt-65-details dt-65-before dt-65-r1">Lorem Ipsum</td>
5293
+ <td headers="dt-65-details dt-65-after dt-65-r1">Lorem Ipsum</td>
5294
+ <td headers="dt-65-id">OL-53-GHSLE</td>
5265
5295
  </tr>
5266
5296
  </tbody>
5267
5297
  </table>
5268
5298
  <h2 class="h2">Large-first Table</h2>
5269
- <table class="data-table data-table--large-first" id="dt-2">
5299
+ <table class="data-table data-table--large-first" id="dt-66">
5270
5300
  <caption>
5271
5301
  This Is The Table's Caption
5272
5302
  </caption>
5273
5303
  <thead>
5274
5304
  <tr>
5275
- <th id="dt-2-type" rowspan="2">Type</th>
5276
- <th id="dt-2-group" colspan="2">Group</th>
5277
- <th id="dt-2-details" colspan="2">Details</th>
5278
- <th id="dt-2-id" rowspan="2">Id</th>
5305
+ <th id="dt-66-type" rowspan="2">Type</th>
5306
+ <th id="dt-66-group" colspan="2">Group</th>
5307
+ <th id="dt-66-details" colspan="2">Details</th>
5308
+ <th id="dt-66-id" rowspan="2">Id</th>
5279
5309
  </tr>
5280
5310
  <tr>
5281
- <th headers="dt-2-group" id="dt-2-primary">Primary</th>
5282
- <th headers="dt-2-group" id="dt-2-secondary">Secondary</th>
5283
- <th headers="dt-2-details" id="dt-2-before">Before Task</th>
5284
- <th headers="dt-2-details" id="dt-2-after">After Task</th>
5311
+ <th headers="dt-66-group" id="dt-66-primary">Primary</th>
5312
+ <th headers="dt-66-group" id="dt-66-secondary">Secondary</th>
5313
+ <th headers="dt-66-details" id="dt-66-before">Before Task</th>
5314
+ <th headers="dt-66-details" id="dt-66-after">After Task</th>
5285
5315
  </tr>
5286
5316
  </thead>
5287
5317
  <tbody>
5288
5318
  <tr>
5289
- <th rowspan="3" headers="dt-2-type dt-2-r1" id="dt-2-r1">Default</th>
5290
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5291
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5292
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5293
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5294
- <td headers="dt-2-id">OL-53-GHSLE</td>
5319
+ <th rowspan="3" headers="dt-66-type dt-66-r1" id="dt-66-r1">Default</th>
5320
+ <td headers="dt-66-group dt-66-primary dt-66-r1">Lorem Ipsum</td>
5321
+ <td headers="dt-66-group dt-66-secondary dt-66-r1">Lorem Ipsum</td>
5322
+ <td headers="dt-66-details dt-66-before dt-66-r1">Lorem Ipsum</td>
5323
+ <td headers="dt-66-details dt-66-after dt-66-r1">Lorem Ipsum</td>
5324
+ <td headers="dt-66-id">OL-53-GHSLE</td>
5295
5325
  </tr>
5296
5326
  <tr>
5297
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5298
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5299
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5300
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5301
- <td headers="dt-2-id">OL-53-GHSLE</td>
5327
+ <td headers="dt-66-group dt-66-primary dt-66-r1">Lorem Ipsum</td>
5328
+ <td headers="dt-66-group dt-66-secondary dt-66-r1">Lorem Ipsum</td>
5329
+ <td headers="dt-66-details dt-66-before dt-66-r1">Lorem Ipsum</td>
5330
+ <td headers="dt-66-details dt-66-after dt-66-r1">Lorem Ipsum</td>
5331
+ <td headers="dt-66-id">OL-53-GHSLE</td>
5302
5332
  </tr>
5303
5333
  <tr>
5304
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5305
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5306
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5307
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5308
- <td headers="dt-2-id">OL-53-GHSLE</td>
5334
+ <td headers="dt-66-group dt-66-primary dt-66-r1">Lorem Ipsum</td>
5335
+ <td headers="dt-66-group dt-66-secondary dt-66-r1">Lorem Ipsum</td>
5336
+ <td headers="dt-66-details dt-66-before dt-66-r1">Lorem Ipsum</td>
5337
+ <td headers="dt-66-details dt-66-after dt-66-r1">Lorem Ipsum</td>
5338
+ <td headers="dt-66-id">OL-53-GHSLE</td>
5309
5339
  </tr>
5310
5340
  </tbody>
5311
5341
  </table>
5312
5342
  <h2 class="h2">Large-header Table</h2>
5313
- <table class="data-table data-table--large-header" id="dt-3">
5343
+ <table class="data-table data-table--large-header" id="dt-67">
5314
5344
  <caption>
5315
5345
  This Is The Table's Caption
5316
5346
  </caption>
5317
5347
  <thead>
5318
5348
  <tr>
5319
- <th id="dt-3-type" rowspan="2">Type</th>
5320
- <th id="dt-3-group" colspan="2">Group</th>
5321
- <th id="dt-3-details" colspan="2">Details</th>
5322
- <th id="dt-3-id" rowspan="2">Id</th>
5349
+ <th id="dt-67-type" rowspan="2">Type</th>
5350
+ <th id="dt-67-group" colspan="2">Group</th>
5351
+ <th id="dt-67-details" colspan="2">Details</th>
5352
+ <th id="dt-67-id" rowspan="2">Id</th>
5323
5353
  </tr>
5324
5354
  <tr>
5325
- <th headers="dt-3-group" id="dt-3-primary">Primary</th>
5326
- <th headers="dt-3-group" id="dt-3-secondary">Secondary</th>
5327
- <th headers="dt-3-details" id="dt-3-before">Before Task</th>
5328
- <th headers="dt-3-details" id="dt-3-after">After Task</th>
5355
+ <th headers="dt-67-group" id="dt-67-primary">Primary</th>
5356
+ <th headers="dt-67-group" id="dt-67-secondary">Secondary</th>
5357
+ <th headers="dt-67-details" id="dt-67-before">Before Task</th>
5358
+ <th headers="dt-67-details" id="dt-67-after">After Task</th>
5329
5359
  </tr>
5330
5360
  </thead>
5331
5361
  <tbody>
5332
5362
  <tr>
5333
- <th rowspan="3" headers="dt-3-type dt-3-r1" id="dt-3-r1">Default</th>
5334
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5335
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5336
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5337
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5338
- <td headers="dt-3-id">OL-53-GHSLE</td>
5363
+ <th rowspan="3" headers="dt-67-type dt-67-r1" id="dt-67-r1">Default</th>
5364
+ <td headers="dt-67-group dt-67-primary dt-67-r1">Lorem Ipsum</td>
5365
+ <td headers="dt-67-group dt-67-secondary dt-67-r1">Lorem Ipsum</td>
5366
+ <td headers="dt-67-details dt-67-before dt-67-r1">Lorem Ipsum</td>
5367
+ <td headers="dt-67-details dt-67-after dt-67-r1">Lorem Ipsum</td>
5368
+ <td headers="dt-67-id">OL-53-GHSLE</td>
5339
5369
  </tr>
5340
5370
  <tr>
5341
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5342
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5343
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5344
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5345
- <td headers="dt-3-id">OL-53-GHSLE</td>
5371
+ <td headers="dt-67-group dt-67-primary dt-67-r1">Lorem Ipsum</td>
5372
+ <td headers="dt-67-group dt-67-secondary dt-67-r1">Lorem Ipsum</td>
5373
+ <td headers="dt-67-details dt-67-before dt-67-r1">Lorem Ipsum</td>
5374
+ <td headers="dt-67-details dt-67-after dt-67-r1">Lorem Ipsum</td>
5375
+ <td headers="dt-67-id">OL-53-GHSLE</td>
5346
5376
  </tr>
5347
5377
  <tr>
5348
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5349
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5350
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5351
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5352
- <td headers="dt-3-id">OL-53-GHSLE</td>
5378
+ <td headers="dt-67-group dt-67-primary dt-67-r1">Lorem Ipsum</td>
5379
+ <td headers="dt-67-group dt-67-secondary dt-67-r1">Lorem Ipsum</td>
5380
+ <td headers="dt-67-details dt-67-before dt-67-r1">Lorem Ipsum</td>
5381
+ <td headers="dt-67-details dt-67-after dt-67-r1">Lorem Ipsum</td>
5382
+ <td headers="dt-67-id">OL-53-GHSLE</td>
5353
5383
  </tr>
5354
5384
  </tbody>
5355
5385
  </table>
5356
5386
  <h2 class="h2">No-border Table</h2>
5357
- <table class="data-table data-table--no-border" id="dt-4">
5387
+ <table class="data-table data-table--no-border" id="dt-68">
5358
5388
  <caption>
5359
5389
  This Is The Table's Caption
5360
5390
  </caption>
5361
5391
  <thead>
5362
5392
  <tr>
5363
- <th id="dt-4-type" rowspan="2">Type</th>
5364
- <th id="dt-4-group" colspan="2">Group</th>
5365
- <th id="dt-4-details" colspan="2">Details</th>
5366
- <th id="dt-4-id" rowspan="2">Id</th>
5393
+ <th id="dt-68-type" rowspan="2">Type</th>
5394
+ <th id="dt-68-group" colspan="2">Group</th>
5395
+ <th id="dt-68-details" colspan="2">Details</th>
5396
+ <th id="dt-68-id" rowspan="2">Id</th>
5367
5397
  </tr>
5368
5398
  <tr>
5369
- <th headers="dt-4-group" id="dt-4-primary">Primary</th>
5370
- <th headers="dt-4-group" id="dt-4-secondary">Secondary</th>
5371
- <th headers="dt-4-details" id="dt-4-before">Before Task</th>
5372
- <th headers="dt-4-details" id="dt-4-after">After Task</th>
5399
+ <th headers="dt-68-group" id="dt-68-primary">Primary</th>
5400
+ <th headers="dt-68-group" id="dt-68-secondary">Secondary</th>
5401
+ <th headers="dt-68-details" id="dt-68-before">Before Task</th>
5402
+ <th headers="dt-68-details" id="dt-68-after">After Task</th>
5373
5403
  </tr>
5374
5404
  </thead>
5375
5405
  <tbody>
5376
5406
  <tr>
5377
- <th rowspan="3" headers="dt-4-type dt-4-r1" id="dt-4-r1">Default</th>
5378
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5379
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5380
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5381
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5382
- <td headers="dt-4-id">OL-53-GHSLE</td>
5407
+ <th rowspan="3" headers="dt-68-type dt-68-r1" id="dt-68-r1">Default</th>
5408
+ <td headers="dt-68-group dt-68-primary dt-68-r1">Lorem Ipsum</td>
5409
+ <td headers="dt-68-group dt-68-secondary dt-68-r1">Lorem Ipsum</td>
5410
+ <td headers="dt-68-details dt-68-before dt-68-r1">Lorem Ipsum</td>
5411
+ <td headers="dt-68-details dt-68-after dt-68-r1">Lorem Ipsum</td>
5412
+ <td headers="dt-68-id">OL-53-GHSLE</td>
5383
5413
  </tr>
5384
5414
  <tr>
5385
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5386
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5387
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5388
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5389
- <td headers="dt-4-id">OL-53-GHSLE</td>
5415
+ <td headers="dt-68-group dt-68-primary dt-68-r1">Lorem Ipsum</td>
5416
+ <td headers="dt-68-group dt-68-secondary dt-68-r1">Lorem Ipsum</td>
5417
+ <td headers="dt-68-details dt-68-before dt-68-r1">Lorem Ipsum</td>
5418
+ <td headers="dt-68-details dt-68-after dt-68-r1">Lorem Ipsum</td>
5419
+ <td headers="dt-68-id">OL-53-GHSLE</td>
5390
5420
  </tr>
5391
5421
  <tr>
5392
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5393
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5394
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5395
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5396
- <td headers="dt-4-id">OL-53-GHSLE</td>
5422
+ <td headers="dt-68-group dt-68-primary dt-68-r1">Lorem Ipsum</td>
5423
+ <td headers="dt-68-group dt-68-secondary dt-68-r1">Lorem Ipsum</td>
5424
+ <td headers="dt-68-details dt-68-before dt-68-r1">Lorem Ipsum</td>
5425
+ <td headers="dt-68-details dt-68-after dt-68-r1">Lorem Ipsum</td>
5426
+ <td headers="dt-68-id">OL-53-GHSLE</td>
5397
5427
  </tr>
5398
5428
  </tbody>
5399
5429
  </table>
package/docs-dev/demos/details-group/index.html CHANGED
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
package/docs-dev/demos/file-save/index.html CHANGED
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
package/docs-dev/demos/flipcard/index.html CHANGED
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
package/docs-dev/demos/form-theme/index.html CHANGED
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
package/docs-dev/demos/index.html CHANGED
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
package/docs-dev/demos/list-inline/index.html CHANGED
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
package/docs-dev/demos/list-lines/index.html CHANGED
@@ -166,6 +166,21 @@
166
166
  </li>
167
167
 
168
168
 
169
+ <li class="nav-tree__item ">
170
+
171
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
172
+
173
+
174
+ <span class="nav-tree__text">
175
+ Badge
176
+ </span>
177
+
178
+ </a>
179
+
180
+
181
+ </li>
182
+
183
+
169
184
  <li class="nav-tree__item ">
170
185
 
171
186
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">
@@ -2712,6 +2727,21 @@
2712
2727
  </li>
2713
2728
 
2714
2729
 
2730
+ <li class="nav-tree__item ">
2731
+
2732
+ <a class="nav-tree__link " href="/frontend/demos/badge/">
2733
+
2734
+
2735
+ <span class="nav-tree__text">
2736
+ Badge
2737
+ </span>
2738
+
2739
+ </a>
2740
+
2741
+
2742
+ </li>
2743
+
2744
+
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
2747
  <a class="nav-tree__link " href="/frontend/demos/basic-hero/">