@ulu/frontend 0.1.0-beta.104 → 0.1.0-beta.106

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 (191) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/GEMINI.md +9 -0
  3. package/dist/ulu-frontend.min.css +1 -1
  4. package/docs-dev/assets/main.js +494 -7738
  5. package/docs-dev/assets/style.css +166 -221
  6. package/docs-dev/changelog/index.html +50 -0
  7. package/docs-dev/changelog/updates-and-changes/index.html +5109 -0
  8. package/docs-dev/demos/accordion/index.html +30 -0
  9. package/docs-dev/demos/badge/index.html +30 -0
  10. package/docs-dev/demos/badge-stack/index.html +30 -0
  11. package/docs-dev/demos/breadcrumb/index.html +33 -3
  12. package/docs-dev/demos/breakpoints-manager/index.html +30 -0
  13. package/docs-dev/demos/button/index.html +30 -0
  14. package/docs-dev/demos/button-group/index.html +30 -0
  15. package/docs-dev/demos/button-verbose/index.html +30 -0
  16. package/docs-dev/demos/callout/index.html +30 -0
  17. package/docs-dev/demos/captioned-figure/index.html +30 -0
  18. package/docs-dev/demos/card/index.html +46 -16
  19. package/docs-dev/demos/card-grid/index.html +30 -0
  20. package/docs-dev/demos/card-new/index.html +5088 -0
  21. package/docs-dev/demos/card-old/index.html +5223 -0
  22. package/docs-dev/demos/card.1/index.html +5223 -0
  23. package/docs-dev/demos/card.TRASH/index.html +5541 -0
  24. package/docs-dev/demos/counter-list/index.html +30 -0
  25. package/docs-dev/demos/css-icons/index.html +30 -0
  26. package/docs-dev/demos/data-grid/index.html +30 -0
  27. package/docs-dev/demos/data-table/index.html +130 -100
  28. package/docs-dev/demos/details-group/index.html +30 -0
  29. package/docs-dev/demos/file-save/index.html +30 -0
  30. package/docs-dev/demos/flipcard/index.html +30 -0
  31. package/docs-dev/demos/form-theme/index.html +30 -0
  32. package/docs-dev/demos/headline-label/index.html +30 -0
  33. package/docs-dev/demos/index.html +30 -0
  34. package/docs-dev/demos/list-inline/index.html +30 -0
  35. package/docs-dev/demos/list-inline.1/index.html +4727 -0
  36. package/docs-dev/demos/list-lines/index.html +30 -0
  37. package/docs-dev/demos/menu-stack/index.html +83 -0
  38. package/docs-dev/demos/modals/index.html +30 -0
  39. package/docs-dev/demos/nav-strip/index.html +30 -0
  40. package/docs-dev/demos/overlay-section/index.html +30 -0
  41. package/docs-dev/demos/panel/index.html +30 -0
  42. package/docs-dev/demos/popovers/index.html +30 -0
  43. package/docs-dev/demos/print/index.html +30 -0
  44. package/docs-dev/demos/{badge.1 → progress-bar}/index.html +322 -43
  45. package/docs-dev/demos/pull-quote/index.html +30 -0
  46. package/docs-dev/demos/rail/index.html +30 -0
  47. package/docs-dev/demos/rule/index.html +30 -0
  48. package/docs-dev/demos/scrollpoints/index.html +30 -0
  49. package/docs-dev/demos/skeleton/index.html +30 -0
  50. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  51. package/docs-dev/demos/sticky-list/index.html +30 -0
  52. package/docs-dev/demos/tabs/index.html +30 -0
  53. package/docs-dev/demos/tag/index.html +30 -0
  54. package/docs-dev/demos/theme-toggle/index.html +30 -0
  55. package/docs-dev/demos/tiles/index.html +30 -0
  56. package/docs-dev/demos/tooltip/index.html +30 -0
  57. package/docs-dev/demos/wysiwyg/index.html +30 -0
  58. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  59. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  60. package/docs-dev/guide/index.html +30 -0
  61. package/docs-dev/guide/updates-and-changes/index.html +5033 -0
  62. package/docs-dev/index.html +30 -0
  63. package/docs-dev/javascript/events/index.html +30 -0
  64. package/docs-dev/javascript/index.html +30 -0
  65. package/docs-dev/javascript/settings/index.html +30 -0
  66. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  67. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  68. package/docs-dev/javascript/ui-details-group/index.html +30 -0
  69. package/docs-dev/javascript/ui-dialog/index.html +30 -0
  70. package/docs-dev/javascript/ui-flipcard/index.html +30 -0
  71. package/docs-dev/javascript/ui-grid/index.html +30 -0
  72. package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
  73. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  74. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  75. package/docs-dev/javascript/ui-page/index.html +30 -0
  76. package/docs-dev/javascript/ui-popover/index.html +30 -0
  77. package/docs-dev/javascript/ui-print/index.html +30 -0
  78. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  79. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  80. package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
  81. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  82. package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
  83. package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
  84. package/docs-dev/javascript/ui-slider/index.html +30 -0
  85. package/docs-dev/javascript/ui-tabs/index.html +30 -0
  86. package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
  87. package/docs-dev/javascript/ui-tooltip/index.html +30 -0
  88. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  89. package/docs-dev/javascript/utils-css/index.html +30 -0
  90. package/docs-dev/javascript/utils-dom/index.html +30 -0
  91. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  92. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  93. package/docs-dev/javascript/utils-id/index.html +30 -0
  94. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  95. package/docs-dev/javascript/utils-system/index.html +30 -0
  96. package/docs-dev/sass/base/color/index.html +30 -0
  97. package/docs-dev/sass/base/elements/index.html +30 -0
  98. package/docs-dev/sass/base/index/index.html +30 -0
  99. package/docs-dev/sass/base/index.html +30 -0
  100. package/docs-dev/sass/base/keyframes/index.html +30 -0
  101. package/docs-dev/sass/base/layout/index.html +30 -0
  102. package/docs-dev/sass/base/normalize/index.html +30 -0
  103. package/docs-dev/sass/base/print/index.html +30 -0
  104. package/docs-dev/sass/base/root/index.html +30 -0
  105. package/docs-dev/sass/base/typography/index.html +30 -0
  106. package/docs-dev/sass/components/accordion/index.html +30 -0
  107. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  108. package/docs-dev/sass/components/badge/index.html +30 -0
  109. package/docs-dev/sass/components/badge-stack/index.html +30 -0
  110. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  111. package/docs-dev/sass/components/breadcrumb/index.html +30 -0
  112. package/docs-dev/sass/components/button/index.html +30 -0
  113. package/docs-dev/sass/components/button-group/index.html +30 -0
  114. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  115. package/docs-dev/sass/components/callout/index.html +30 -0
  116. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  117. package/docs-dev/sass/components/card/index.html +30 -0
  118. package/docs-dev/sass/components/card-grid/index.html +30 -0
  119. package/docs-dev/sass/components/counter-list/index.html +30 -0
  120. package/docs-dev/sass/components/css-icon/index.html +30 -0
  121. package/docs-dev/sass/components/data-grid/index.html +30 -0
  122. package/docs-dev/sass/components/data-table/index.html +30 -0
  123. package/docs-dev/sass/components/fill-context/index.html +30 -0
  124. package/docs-dev/sass/components/flipcard/index.html +30 -0
  125. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  126. package/docs-dev/sass/components/form-theme/index.html +30 -0
  127. package/docs-dev/sass/components/headline-label/index.html +30 -0
  128. package/docs-dev/sass/components/hero/index.html +30 -0
  129. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  130. package/docs-dev/sass/components/image-grid/index.html +30 -0
  131. package/docs-dev/sass/components/index/index.html +30 -0
  132. package/docs-dev/sass/components/index.html +30 -0
  133. package/docs-dev/sass/components/links/index.html +30 -0
  134. package/docs-dev/sass/components/list-inline/index.html +30 -0
  135. package/docs-dev/sass/components/list-lines/index.html +30 -0
  136. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  137. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  138. package/docs-dev/sass/components/menu-stack/index.html +32 -2
  139. package/docs-dev/sass/components/modal/index.html +30 -0
  140. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  141. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  142. package/docs-dev/sass/components/pager/index.html +30 -0
  143. package/docs-dev/sass/components/panel/index.html +30 -0
  144. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  145. package/docs-dev/sass/components/popover/index.html +30 -0
  146. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  147. package/docs-dev/sass/components/rail/index.html +30 -0
  148. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  149. package/docs-dev/sass/components/rule/index.html +30 -0
  150. package/docs-dev/sass/components/scroll-slider/index.html +30 -0
  151. package/docs-dev/sass/components/skeleton/index.html +30 -0
  152. package/docs-dev/sass/components/skip-link/index.html +30 -0
  153. package/docs-dev/sass/components/slider/index.html +30 -0
  154. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  155. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  156. package/docs-dev/sass/components/table-sticky/index.html +30 -0
  157. package/docs-dev/sass/components/tabs/index.html +30 -0
  158. package/docs-dev/sass/components/tag/index.html +30 -0
  159. package/docs-dev/sass/components/tile-button/index.html +30 -0
  160. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  161. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  162. package/docs-dev/sass/components/vignette/index.html +30 -0
  163. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  164. package/docs-dev/sass/core/breakpoint/index.html +38 -8
  165. package/docs-dev/sass/core/button/index.html +30 -0
  166. package/docs-dev/sass/core/color/index.html +30 -0
  167. package/docs-dev/sass/core/cssvar/index.html +30 -0
  168. package/docs-dev/sass/core/element/index.html +30 -0
  169. package/docs-dev/sass/core/index.html +30 -0
  170. package/docs-dev/sass/core/layout/index.html +30 -0
  171. package/docs-dev/sass/core/path/index.html +30 -0
  172. package/docs-dev/sass/core/selector/index.html +30 -0
  173. package/docs-dev/sass/core/typography/index.html +30 -0
  174. package/docs-dev/sass/core/units/index.html +30 -0
  175. package/docs-dev/sass/core/utils/index.html +30 -0
  176. package/docs-dev/sass/helpers/color/index.html +30 -0
  177. package/docs-dev/sass/helpers/display/index.html +30 -0
  178. package/docs-dev/sass/helpers/index/index.html +30 -0
  179. package/docs-dev/sass/helpers/index.html +30 -0
  180. package/docs-dev/sass/helpers/typography/index.html +30 -0
  181. package/docs-dev/sass/helpers/units/index.html +30 -0
  182. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  183. package/docs-dev/sass/index.html +30 -0
  184. package/package.json +1 -1
  185. package/scss/_breakpoint.scss +4 -4
  186. package/scss/components/_index.scss +6 -0
  187. package/scss/components/_menu-stack.scss +30 -10
  188. package/scss/components/_progress-bar.scss +257 -0
  189. package/scss/helpers/_utilities.scss +6 -0
  190. package/types/ui/index.d.ts +1 -1
  191. package/types/utils/index.d.ts +1 -1
package/docs-dev/demos/counter-list/index.html CHANGED
@@ -646,6 +646,21 @@
646
646
  </li>
647
647
 
648
648
 
649
+ <li class="nav-tree__item ">
650
+
651
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
652
+
653
+
654
+ <span class="nav-tree__text">
655
+ Progress Bar
656
+ </span>
657
+
658
+ </a>
659
+
660
+
661
+ </li>
662
+
663
+
649
664
  <li class="nav-tree__item ">
650
665
 
651
666
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -3432,6 +3447,21 @@
3432
3447
  </li>
3433
3448
 
3434
3449
 
3450
+ <li class="nav-tree__item ">
3451
+
3452
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
3453
+
3454
+
3455
+ <span class="nav-tree__text">
3456
+ Progress Bar
3457
+ </span>
3458
+
3459
+ </a>
3460
+
3461
+
3462
+ </li>
3463
+
3464
+
3435
3465
  <li class="nav-tree__item ">
3436
3466
 
3437
3467
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
package/docs-dev/demos/css-icons/index.html CHANGED
@@ -646,6 +646,21 @@
646
646
  </li>
647
647
 
648
648
 
649
+ <li class="nav-tree__item ">
650
+
651
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
652
+
653
+
654
+ <span class="nav-tree__text">
655
+ Progress Bar
656
+ </span>
657
+
658
+ </a>
659
+
660
+
661
+ </li>
662
+
663
+
649
664
  <li class="nav-tree__item ">
650
665
 
651
666
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -3432,6 +3447,21 @@
3432
3447
  </li>
3433
3448
 
3434
3449
 
3450
+ <li class="nav-tree__item ">
3451
+
3452
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
3453
+
3454
+
3455
+ <span class="nav-tree__text">
3456
+ Progress Bar
3457
+ </span>
3458
+
3459
+ </a>
3460
+
3461
+
3462
+ </li>
3463
+
3464
+
3435
3465
  <li class="nav-tree__item ">
3436
3466
 
3437
3467
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
package/docs-dev/demos/data-grid/index.html CHANGED
@@ -646,6 +646,21 @@
646
646
  </li>
647
647
 
648
648
 
649
+ <li class="nav-tree__item ">
650
+
651
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
652
+
653
+
654
+ <span class="nav-tree__text">
655
+ Progress Bar
656
+ </span>
657
+
658
+ </a>
659
+
660
+
661
+ </li>
662
+
663
+
649
664
  <li class="nav-tree__item ">
650
665
 
651
666
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -3432,6 +3447,21 @@
3432
3447
  </li>
3433
3448
 
3434
3449
 
3450
+ <li class="nav-tree__item ">
3451
+
3452
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
3453
+
3454
+
3455
+ <span class="nav-tree__text">
3456
+ Progress Bar
3457
+ </span>
3458
+
3459
+ </a>
3460
+
3461
+
3462
+ </li>
3463
+
3464
+
3435
3465
  <li class="nav-tree__item ">
3436
3466
 
3437
3467
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
package/docs-dev/demos/data-table/index.html CHANGED
@@ -646,6 +646,21 @@
646
646
  </li>
647
647
 
648
648
 
649
+ <li class="nav-tree__item ">
650
+
651
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
652
+
653
+
654
+ <span class="nav-tree__text">
655
+ Progress Bar
656
+ </span>
657
+
658
+ </a>
659
+
660
+
661
+ </li>
662
+
663
+
649
664
  <li class="nav-tree__item ">
650
665
 
651
666
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -3432,6 +3447,21 @@
3432
3447
  </li>
3433
3448
 
3434
3449
 
3450
+ <li class="nav-tree__item ">
3451
+
3452
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
3453
+
3454
+
3455
+ <span class="nav-tree__text">
3456
+ Progress Bar
3457
+ </span>
3458
+
3459
+ </a>
3460
+
3461
+
3462
+ </li>
3463
+
3464
+
3435
3465
  <li class="nav-tree__item ">
3436
3466
 
3437
3467
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -5702,178 +5732,178 @@
5702
5732
  </table>
5703
5733
  <h2 class="h2">Complex Table</h2>
5704
5734
  <h2 class="h2">Striped Table</h2>
5705
- <table class="data-table data-table--striped" id="dt-193">
5735
+ <table class="data-table data-table--striped" id="dt-1">
5706
5736
  <caption>
5707
5737
  This Is The Table's Caption
5708
5738
  </caption>
5709
5739
  <thead>
5710
5740
  <tr>
5711
- <th id="dt-193-type" rowspan="2">Type</th>
5712
- <th id="dt-193-group" colspan="2">Group</th>
5713
- <th id="dt-193-details" colspan="2">Details</th>
5714
- <th id="dt-193-id" rowspan="2">Id</th>
5741
+ <th id="dt-1-type" rowspan="2">Type</th>
5742
+ <th id="dt-1-group" colspan="2">Group</th>
5743
+ <th id="dt-1-details" colspan="2">Details</th>
5744
+ <th id="dt-1-id" rowspan="2">Id</th>
5715
5745
  </tr>
5716
5746
  <tr>
5717
- <th headers="dt-193-group" id="dt-193-primary">Primary</th>
5718
- <th headers="dt-193-group" id="dt-193-secondary">Secondary</th>
5719
- <th headers="dt-193-details" id="dt-193-before">Before Task</th>
5720
- <th headers="dt-193-details" id="dt-193-after">After Task</th>
5747
+ <th headers="dt-1-group" id="dt-1-primary">Primary</th>
5748
+ <th headers="dt-1-group" id="dt-1-secondary">Secondary</th>
5749
+ <th headers="dt-1-details" id="dt-1-before">Before Task</th>
5750
+ <th headers="dt-1-details" id="dt-1-after">After Task</th>
5721
5751
  </tr>
5722
5752
  </thead>
5723
5753
  <tbody>
5724
5754
  <tr>
5725
- <th rowspan="3" headers="dt-193-type dt-193-r1" id="dt-193-r1">Default</th>
5726
- <td headers="dt-193-group dt-193-primary dt-193-r1">Lorem Ipsum</td>
5727
- <td headers="dt-193-group dt-193-secondary dt-193-r1">Lorem Ipsum</td>
5728
- <td headers="dt-193-details dt-193-before dt-193-r1">Lorem Ipsum</td>
5729
- <td headers="dt-193-details dt-193-after dt-193-r1">Lorem Ipsum</td>
5730
- <td headers="dt-193-id">OL-53-GHSLE</td>
5755
+ <th rowspan="3" headers="dt-1-type dt-1-r1" id="dt-1-r1">Default</th>
5756
+ <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5757
+ <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5758
+ <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5759
+ <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5760
+ <td headers="dt-1-id">OL-53-GHSLE</td>
5731
5761
  </tr>
5732
5762
  <tr>
5733
- <td headers="dt-193-group dt-193-primary dt-193-r1">Lorem Ipsum</td>
5734
- <td headers="dt-193-group dt-193-secondary dt-193-r1">Lorem Ipsum</td>
5735
- <td headers="dt-193-details dt-193-before dt-193-r1">Lorem Ipsum</td>
5736
- <td headers="dt-193-details dt-193-after dt-193-r1">Lorem Ipsum</td>
5737
- <td headers="dt-193-id">OL-53-GHSLE</td>
5763
+ <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5764
+ <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5765
+ <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5766
+ <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5767
+ <td headers="dt-1-id">OL-53-GHSLE</td>
5738
5768
  </tr>
5739
5769
  <tr>
5740
- <td headers="dt-193-group dt-193-primary dt-193-r1">Lorem Ipsum</td>
5741
- <td headers="dt-193-group dt-193-secondary dt-193-r1">Lorem Ipsum</td>
5742
- <td headers="dt-193-details dt-193-before dt-193-r1">Lorem Ipsum</td>
5743
- <td headers="dt-193-details dt-193-after dt-193-r1">Lorem Ipsum</td>
5744
- <td headers="dt-193-id">OL-53-GHSLE</td>
5770
+ <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5771
+ <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5772
+ <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5773
+ <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5774
+ <td headers="dt-1-id">OL-53-GHSLE</td>
5745
5775
  </tr>
5746
5776
  </tbody>
5747
5777
  </table>
5748
5778
  <h2 class="h2">Large-first Table</h2>
5749
- <table class="data-table data-table--large-first" id="dt-194">
5779
+ <table class="data-table data-table--large-first" id="dt-2">
5750
5780
  <caption>
5751
5781
  This Is The Table's Caption
5752
5782
  </caption>
5753
5783
  <thead>
5754
5784
  <tr>
5755
- <th id="dt-194-type" rowspan="2">Type</th>
5756
- <th id="dt-194-group" colspan="2">Group</th>
5757
- <th id="dt-194-details" colspan="2">Details</th>
5758
- <th id="dt-194-id" rowspan="2">Id</th>
5785
+ <th id="dt-2-type" rowspan="2">Type</th>
5786
+ <th id="dt-2-group" colspan="2">Group</th>
5787
+ <th id="dt-2-details" colspan="2">Details</th>
5788
+ <th id="dt-2-id" rowspan="2">Id</th>
5759
5789
  </tr>
5760
5790
  <tr>
5761
- <th headers="dt-194-group" id="dt-194-primary">Primary</th>
5762
- <th headers="dt-194-group" id="dt-194-secondary">Secondary</th>
5763
- <th headers="dt-194-details" id="dt-194-before">Before Task</th>
5764
- <th headers="dt-194-details" id="dt-194-after">After Task</th>
5791
+ <th headers="dt-2-group" id="dt-2-primary">Primary</th>
5792
+ <th headers="dt-2-group" id="dt-2-secondary">Secondary</th>
5793
+ <th headers="dt-2-details" id="dt-2-before">Before Task</th>
5794
+ <th headers="dt-2-details" id="dt-2-after">After Task</th>
5765
5795
  </tr>
5766
5796
  </thead>
5767
5797
  <tbody>
5768
5798
  <tr>
5769
- <th rowspan="3" headers="dt-194-type dt-194-r1" id="dt-194-r1">Default</th>
5770
- <td headers="dt-194-group dt-194-primary dt-194-r1">Lorem Ipsum</td>
5771
- <td headers="dt-194-group dt-194-secondary dt-194-r1">Lorem Ipsum</td>
5772
- <td headers="dt-194-details dt-194-before dt-194-r1">Lorem Ipsum</td>
5773
- <td headers="dt-194-details dt-194-after dt-194-r1">Lorem Ipsum</td>
5774
- <td headers="dt-194-id">OL-53-GHSLE</td>
5799
+ <th rowspan="3" headers="dt-2-type dt-2-r1" id="dt-2-r1">Default</th>
5800
+ <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5801
+ <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5802
+ <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5803
+ <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5804
+ <td headers="dt-2-id">OL-53-GHSLE</td>
5775
5805
  </tr>
5776
5806
  <tr>
5777
- <td headers="dt-194-group dt-194-primary dt-194-r1">Lorem Ipsum</td>
5778
- <td headers="dt-194-group dt-194-secondary dt-194-r1">Lorem Ipsum</td>
5779
- <td headers="dt-194-details dt-194-before dt-194-r1">Lorem Ipsum</td>
5780
- <td headers="dt-194-details dt-194-after dt-194-r1">Lorem Ipsum</td>
5781
- <td headers="dt-194-id">OL-53-GHSLE</td>
5807
+ <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5808
+ <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5809
+ <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5810
+ <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5811
+ <td headers="dt-2-id">OL-53-GHSLE</td>
5782
5812
  </tr>
5783
5813
  <tr>
5784
- <td headers="dt-194-group dt-194-primary dt-194-r1">Lorem Ipsum</td>
5785
- <td headers="dt-194-group dt-194-secondary dt-194-r1">Lorem Ipsum</td>
5786
- <td headers="dt-194-details dt-194-before dt-194-r1">Lorem Ipsum</td>
5787
- <td headers="dt-194-details dt-194-after dt-194-r1">Lorem Ipsum</td>
5788
- <td headers="dt-194-id">OL-53-GHSLE</td>
5814
+ <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5815
+ <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5816
+ <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5817
+ <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5818
+ <td headers="dt-2-id">OL-53-GHSLE</td>
5789
5819
  </tr>
5790
5820
  </tbody>
5791
5821
  </table>
5792
5822
  <h2 class="h2">Large-header Table</h2>
5793
- <table class="data-table data-table--large-header" id="dt-195">
5823
+ <table class="data-table data-table--large-header" id="dt-3">
5794
5824
  <caption>
5795
5825
  This Is The Table's Caption
5796
5826
  </caption>
5797
5827
  <thead>
5798
5828
  <tr>
5799
- <th id="dt-195-type" rowspan="2">Type</th>
5800
- <th id="dt-195-group" colspan="2">Group</th>
5801
- <th id="dt-195-details" colspan="2">Details</th>
5802
- <th id="dt-195-id" rowspan="2">Id</th>
5829
+ <th id="dt-3-type" rowspan="2">Type</th>
5830
+ <th id="dt-3-group" colspan="2">Group</th>
5831
+ <th id="dt-3-details" colspan="2">Details</th>
5832
+ <th id="dt-3-id" rowspan="2">Id</th>
5803
5833
  </tr>
5804
5834
  <tr>
5805
- <th headers="dt-195-group" id="dt-195-primary">Primary</th>
5806
- <th headers="dt-195-group" id="dt-195-secondary">Secondary</th>
5807
- <th headers="dt-195-details" id="dt-195-before">Before Task</th>
5808
- <th headers="dt-195-details" id="dt-195-after">After Task</th>
5835
+ <th headers="dt-3-group" id="dt-3-primary">Primary</th>
5836
+ <th headers="dt-3-group" id="dt-3-secondary">Secondary</th>
5837
+ <th headers="dt-3-details" id="dt-3-before">Before Task</th>
5838
+ <th headers="dt-3-details" id="dt-3-after">After Task</th>
5809
5839
  </tr>
5810
5840
  </thead>
5811
5841
  <tbody>
5812
5842
  <tr>
5813
- <th rowspan="3" headers="dt-195-type dt-195-r1" id="dt-195-r1">Default</th>
5814
- <td headers="dt-195-group dt-195-primary dt-195-r1">Lorem Ipsum</td>
5815
- <td headers="dt-195-group dt-195-secondary dt-195-r1">Lorem Ipsum</td>
5816
- <td headers="dt-195-details dt-195-before dt-195-r1">Lorem Ipsum</td>
5817
- <td headers="dt-195-details dt-195-after dt-195-r1">Lorem Ipsum</td>
5818
- <td headers="dt-195-id">OL-53-GHSLE</td>
5843
+ <th rowspan="3" headers="dt-3-type dt-3-r1" id="dt-3-r1">Default</th>
5844
+ <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5845
+ <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5846
+ <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5847
+ <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5848
+ <td headers="dt-3-id">OL-53-GHSLE</td>
5819
5849
  </tr>
5820
5850
  <tr>
5821
- <td headers="dt-195-group dt-195-primary dt-195-r1">Lorem Ipsum</td>
5822
- <td headers="dt-195-group dt-195-secondary dt-195-r1">Lorem Ipsum</td>
5823
- <td headers="dt-195-details dt-195-before dt-195-r1">Lorem Ipsum</td>
5824
- <td headers="dt-195-details dt-195-after dt-195-r1">Lorem Ipsum</td>
5825
- <td headers="dt-195-id">OL-53-GHSLE</td>
5851
+ <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5852
+ <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5853
+ <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5854
+ <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5855
+ <td headers="dt-3-id">OL-53-GHSLE</td>
5826
5856
  </tr>
5827
5857
  <tr>
5828
- <td headers="dt-195-group dt-195-primary dt-195-r1">Lorem Ipsum</td>
5829
- <td headers="dt-195-group dt-195-secondary dt-195-r1">Lorem Ipsum</td>
5830
- <td headers="dt-195-details dt-195-before dt-195-r1">Lorem Ipsum</td>
5831
- <td headers="dt-195-details dt-195-after dt-195-r1">Lorem Ipsum</td>
5832
- <td headers="dt-195-id">OL-53-GHSLE</td>
5858
+ <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5859
+ <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5860
+ <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5861
+ <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5862
+ <td headers="dt-3-id">OL-53-GHSLE</td>
5833
5863
  </tr>
5834
5864
  </tbody>
5835
5865
  </table>
5836
5866
  <h2 class="h2">No-border Table</h2>
5837
- <table class="data-table data-table--no-border" id="dt-196">
5867
+ <table class="data-table data-table--no-border" id="dt-4">
5838
5868
  <caption>
5839
5869
  This Is The Table's Caption
5840
5870
  </caption>
5841
5871
  <thead>
5842
5872
  <tr>
5843
- <th id="dt-196-type" rowspan="2">Type</th>
5844
- <th id="dt-196-group" colspan="2">Group</th>
5845
- <th id="dt-196-details" colspan="2">Details</th>
5846
- <th id="dt-196-id" rowspan="2">Id</th>
5873
+ <th id="dt-4-type" rowspan="2">Type</th>
5874
+ <th id="dt-4-group" colspan="2">Group</th>
5875
+ <th id="dt-4-details" colspan="2">Details</th>
5876
+ <th id="dt-4-id" rowspan="2">Id</th>
5847
5877
  </tr>
5848
5878
  <tr>
5849
- <th headers="dt-196-group" id="dt-196-primary">Primary</th>
5850
- <th headers="dt-196-group" id="dt-196-secondary">Secondary</th>
5851
- <th headers="dt-196-details" id="dt-196-before">Before Task</th>
5852
- <th headers="dt-196-details" id="dt-196-after">After Task</th>
5879
+ <th headers="dt-4-group" id="dt-4-primary">Primary</th>
5880
+ <th headers="dt-4-group" id="dt-4-secondary">Secondary</th>
5881
+ <th headers="dt-4-details" id="dt-4-before">Before Task</th>
5882
+ <th headers="dt-4-details" id="dt-4-after">After Task</th>
5853
5883
  </tr>
5854
5884
  </thead>
5855
5885
  <tbody>
5856
5886
  <tr>
5857
- <th rowspan="3" headers="dt-196-type dt-196-r1" id="dt-196-r1">Default</th>
5858
- <td headers="dt-196-group dt-196-primary dt-196-r1">Lorem Ipsum</td>
5859
- <td headers="dt-196-group dt-196-secondary dt-196-r1">Lorem Ipsum</td>
5860
- <td headers="dt-196-details dt-196-before dt-196-r1">Lorem Ipsum</td>
5861
- <td headers="dt-196-details dt-196-after dt-196-r1">Lorem Ipsum</td>
5862
- <td headers="dt-196-id">OL-53-GHSLE</td>
5887
+ <th rowspan="3" headers="dt-4-type dt-4-r1" id="dt-4-r1">Default</th>
5888
+ <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5889
+ <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5890
+ <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5891
+ <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5892
+ <td headers="dt-4-id">OL-53-GHSLE</td>
5863
5893
  </tr>
5864
5894
  <tr>
5865
- <td headers="dt-196-group dt-196-primary dt-196-r1">Lorem Ipsum</td>
5866
- <td headers="dt-196-group dt-196-secondary dt-196-r1">Lorem Ipsum</td>
5867
- <td headers="dt-196-details dt-196-before dt-196-r1">Lorem Ipsum</td>
5868
- <td headers="dt-196-details dt-196-after dt-196-r1">Lorem Ipsum</td>
5869
- <td headers="dt-196-id">OL-53-GHSLE</td>
5895
+ <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5896
+ <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5897
+ <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5898
+ <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5899
+ <td headers="dt-4-id">OL-53-GHSLE</td>
5870
5900
  </tr>
5871
5901
  <tr>
5872
- <td headers="dt-196-group dt-196-primary dt-196-r1">Lorem Ipsum</td>
5873
- <td headers="dt-196-group dt-196-secondary dt-196-r1">Lorem Ipsum</td>
5874
- <td headers="dt-196-details dt-196-before dt-196-r1">Lorem Ipsum</td>
5875
- <td headers="dt-196-details dt-196-after dt-196-r1">Lorem Ipsum</td>
5876
- <td headers="dt-196-id">OL-53-GHSLE</td>
5902
+ <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5903
+ <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5904
+ <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5905
+ <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5906
+ <td headers="dt-4-id">OL-53-GHSLE</td>
5877
5907
  </tr>
5878
5908
  </tbody>
5879
5909
  </table>
package/docs-dev/demos/details-group/index.html CHANGED
@@ -646,6 +646,21 @@
646
646
  </li>
647
647
 
648
648
 
649
+ <li class="nav-tree__item ">
650
+
651
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
652
+
653
+
654
+ <span class="nav-tree__text">
655
+ Progress Bar
656
+ </span>
657
+
658
+ </a>
659
+
660
+
661
+ </li>
662
+
663
+
649
664
  <li class="nav-tree__item ">
650
665
 
651
666
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -3432,6 +3447,21 @@
3432
3447
  </li>
3433
3448
 
3434
3449
 
3450
+ <li class="nav-tree__item ">
3451
+
3452
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
3453
+
3454
+
3455
+ <span class="nav-tree__text">
3456
+ Progress Bar
3457
+ </span>
3458
+
3459
+ </a>
3460
+
3461
+
3462
+ </li>
3463
+
3464
+
3435
3465
  <li class="nav-tree__item ">
3436
3466
 
3437
3467
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
package/docs-dev/demos/file-save/index.html CHANGED
@@ -646,6 +646,21 @@
646
646
  </li>
647
647
 
648
648
 
649
+ <li class="nav-tree__item ">
650
+
651
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
652
+
653
+
654
+ <span class="nav-tree__text">
655
+ Progress Bar
656
+ </span>
657
+
658
+ </a>
659
+
660
+
661
+ </li>
662
+
663
+
649
664
  <li class="nav-tree__item ">
650
665
 
651
666
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -3432,6 +3447,21 @@
3432
3447
  </li>
3433
3448
 
3434
3449
 
3450
+ <li class="nav-tree__item ">
3451
+
3452
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
3453
+
3454
+
3455
+ <span class="nav-tree__text">
3456
+ Progress Bar
3457
+ </span>
3458
+
3459
+ </a>
3460
+
3461
+
3462
+ </li>
3463
+
3464
+
3435
3465
  <li class="nav-tree__item ">
3436
3466
 
3437
3467
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
package/docs-dev/demos/flipcard/index.html CHANGED
@@ -646,6 +646,21 @@
646
646
  </li>
647
647
 
648
648
 
649
+ <li class="nav-tree__item ">
650
+
651
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
652
+
653
+
654
+ <span class="nav-tree__text">
655
+ Progress Bar
656
+ </span>
657
+
658
+ </a>
659
+
660
+
661
+ </li>
662
+
663
+
649
664
  <li class="nav-tree__item ">
650
665
 
651
666
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -3432,6 +3447,21 @@
3432
3447
  </li>
3433
3448
 
3434
3449
 
3450
+ <li class="nav-tree__item ">
3451
+
3452
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
3453
+
3454
+
3455
+ <span class="nav-tree__text">
3456
+ Progress Bar
3457
+ </span>
3458
+
3459
+ </a>
3460
+
3461
+
3462
+ </li>
3463
+
3464
+
3435
3465
  <li class="nav-tree__item ">
3436
3466
 
3437
3467
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
package/docs-dev/demos/form-theme/index.html CHANGED
@@ -646,6 +646,21 @@
646
646
  </li>
647
647
 
648
648
 
649
+ <li class="nav-tree__item ">
650
+
651
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
652
+
653
+
654
+ <span class="nav-tree__text">
655
+ Progress Bar
656
+ </span>
657
+
658
+ </a>
659
+
660
+
661
+ </li>
662
+
663
+
649
664
  <li class="nav-tree__item ">
650
665
 
651
666
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -3432,6 +3447,21 @@
3432
3447
  </li>
3433
3448
 
3434
3449
 
3450
+ <li class="nav-tree__item ">
3451
+
3452
+ <a class="nav-tree__link " href="/frontend/demos/progress-bar/">
3453
+
3454
+
3455
+ <span class="nav-tree__text">
3456
+ Progress Bar
3457
+ </span>
3458
+
3459
+ </a>
3460
+
3461
+
3462
+ </li>
3463
+
3464
+
3435
3465
  <li class="nav-tree__item ">
3436
3466
 
3437
3467
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">