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

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 (182) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +111 -0
  4. package/docs-dev/demos/accordion/index.html +90 -0
  5. package/docs-dev/demos/badge/index.html +90 -0
  6. package/docs-dev/demos/badge-stack/index.html +90 -0
  7. package/docs-dev/demos/breadcrumb/index.html +90 -0
  8. package/docs-dev/demos/breakpoints-manager/index.html +90 -0
  9. package/docs-dev/demos/button/index.html +90 -0
  10. package/docs-dev/demos/button-group/index.html +90 -0
  11. package/docs-dev/demos/button-verbose/index.html +90 -0
  12. package/docs-dev/demos/callout/index.html +90 -0
  13. package/docs-dev/demos/captioned-figure/index.html +90 -0
  14. package/docs-dev/demos/card/index.html +106 -16
  15. package/docs-dev/demos/card-grid/index.html +90 -0
  16. package/docs-dev/demos/counter-list/index.html +90 -0
  17. package/docs-dev/demos/css-icons/index.html +90 -0
  18. package/docs-dev/demos/data-grid/index.html +90 -0
  19. package/docs-dev/demos/data-table/index.html +190 -100
  20. package/docs-dev/demos/details-group/index.html +90 -0
  21. package/docs-dev/demos/donut-chart/index.html +5874 -0
  22. package/docs-dev/demos/file-save/index.html +90 -0
  23. package/docs-dev/demos/flipcard/index.html +90 -0
  24. package/docs-dev/demos/form-theme/index.html +93 -3
  25. package/docs-dev/demos/headline-label/index.html +90 -0
  26. package/docs-dev/demos/index.html +90 -0
  27. package/docs-dev/demos/list-inline/index.html +90 -0
  28. package/docs-dev/demos/list-lines/index.html +90 -0
  29. package/docs-dev/demos/menu-stack/index.html +90 -0
  30. package/docs-dev/demos/modals/index.html +90 -0
  31. package/docs-dev/demos/nav-strip/index.html +90 -0
  32. package/docs-dev/demos/overlay-section/index.html +90 -0
  33. package/docs-dev/demos/panel/index.html +90 -0
  34. package/docs-dev/demos/popovers/index.html +90 -0
  35. package/docs-dev/demos/print/index.html +90 -0
  36. package/docs-dev/demos/progress-bar/index.html +90 -0
  37. package/docs-dev/demos/progress-circle/index.html +6137 -0
  38. package/docs-dev/demos/progress-donut/index.html +6107 -0
  39. package/docs-dev/demos/pull-quote/index.html +90 -0
  40. package/docs-dev/demos/rail/index.html +90 -0
  41. package/docs-dev/demos/rule/index.html +90 -0
  42. package/docs-dev/demos/scrollpoints/index.html +90 -0
  43. package/docs-dev/demos/skeleton/index.html +90 -0
  44. package/docs-dev/demos/spoke-spinner/index.html +90 -0
  45. package/docs-dev/demos/sticky-list/index.html +90 -0
  46. package/docs-dev/demos/tabs/index.html +90 -0
  47. package/docs-dev/demos/tag/index.html +90 -0
  48. package/docs-dev/demos/theme-toggle/index.html +90 -0
  49. package/docs-dev/demos/tiles/index.html +90 -0
  50. package/docs-dev/demos/tooltip/index.html +90 -0
  51. package/docs-dev/demos/wysiwyg/index.html +90 -0
  52. package/docs-dev/guide/building-stylesheet/index.html +90 -0
  53. package/docs-dev/guide/developing-ulu-scss-module/index.html +90 -0
  54. package/docs-dev/guide/index.html +90 -0
  55. package/docs-dev/index.html +90 -0
  56. package/docs-dev/javascript/events/index.html +90 -0
  57. package/docs-dev/javascript/index.html +90 -0
  58. package/docs-dev/javascript/settings/index.html +90 -0
  59. package/docs-dev/javascript/ui-breakpoints/index.html +90 -0
  60. package/docs-dev/javascript/ui-collapsible/index.html +90 -0
  61. package/docs-dev/javascript/ui-details-group/index.html +90 -0
  62. package/docs-dev/javascript/ui-dialog/index.html +90 -0
  63. package/docs-dev/javascript/ui-flipcard/index.html +90 -0
  64. package/docs-dev/javascript/ui-grid/index.html +90 -0
  65. package/docs-dev/javascript/ui-modal-builder/index.html +90 -0
  66. package/docs-dev/javascript/ui-overflow-scroller/index.html +90 -0
  67. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +90 -0
  68. package/docs-dev/javascript/ui-page/index.html +90 -0
  69. package/docs-dev/javascript/ui-popover/index.html +90 -0
  70. package/docs-dev/javascript/ui-print/index.html +90 -0
  71. package/docs-dev/javascript/ui-print-details/index.html +90 -0
  72. package/docs-dev/javascript/ui-programmatic-modal/index.html +90 -0
  73. package/docs-dev/javascript/ui-proxy-click/index.html +90 -0
  74. package/docs-dev/javascript/ui-resizer/index.html +90 -0
  75. package/docs-dev/javascript/ui-scroll-slider/index.html +90 -0
  76. package/docs-dev/javascript/ui-scrollpoint/index.html +90 -0
  77. package/docs-dev/javascript/ui-slider/index.html +90 -0
  78. package/docs-dev/javascript/ui-tabs/index.html +90 -0
  79. package/docs-dev/javascript/ui-theme-toggle/index.html +90 -0
  80. package/docs-dev/javascript/ui-tooltip/index.html +90 -0
  81. package/docs-dev/javascript/utils-class-logger/index.html +90 -0
  82. package/docs-dev/javascript/utils-css/index.html +90 -0
  83. package/docs-dev/javascript/utils-dom/index.html +90 -0
  84. package/docs-dev/javascript/utils-file-save/index.html +90 -0
  85. package/docs-dev/javascript/utils-floating-ui/index.html +90 -0
  86. package/docs-dev/javascript/utils-id/index.html +90 -0
  87. package/docs-dev/javascript/utils-pause-youtube-video/index.html +90 -0
  88. package/docs-dev/javascript/utils-system/index.html +90 -0
  89. package/docs-dev/sass/base/color/index.html +90 -0
  90. package/docs-dev/sass/base/elements/index.html +90 -0
  91. package/docs-dev/sass/base/index/index.html +90 -0
  92. package/docs-dev/sass/base/index.html +90 -0
  93. package/docs-dev/sass/base/keyframes/index.html +90 -0
  94. package/docs-dev/sass/base/layout/index.html +90 -0
  95. package/docs-dev/sass/base/normalize/index.html +90 -0
  96. package/docs-dev/sass/base/print/index.html +90 -0
  97. package/docs-dev/sass/base/root/index.html +90 -0
  98. package/docs-dev/sass/base/typography/index.html +90 -0
  99. package/docs-dev/sass/components/accordion/index.html +90 -0
  100. package/docs-dev/sass/components/adaptive-spacing/index.html +90 -0
  101. package/docs-dev/sass/components/badge/index.html +90 -0
  102. package/docs-dev/sass/components/badge-stack/index.html +90 -0
  103. package/docs-dev/sass/components/basic-hero/index.html +90 -0
  104. package/docs-dev/sass/components/breadcrumb/index.html +90 -0
  105. package/docs-dev/sass/components/button/index.html +90 -0
  106. package/docs-dev/sass/components/button-group/index.html +90 -0
  107. package/docs-dev/sass/components/button-verbose/index.html +90 -0
  108. package/docs-dev/sass/components/callout/index.html +90 -0
  109. package/docs-dev/sass/components/captioned-figure/index.html +90 -0
  110. package/docs-dev/sass/components/card/index.html +90 -0
  111. package/docs-dev/sass/components/card-grid/index.html +90 -0
  112. package/docs-dev/sass/components/counter-list/index.html +90 -0
  113. package/docs-dev/sass/components/css-icon/index.html +90 -0
  114. package/docs-dev/sass/components/data-grid/index.html +90 -0
  115. package/docs-dev/sass/components/data-table/index.html +90 -0
  116. package/docs-dev/sass/components/fill-context/index.html +90 -0
  117. package/docs-dev/sass/components/flipcard/index.html +90 -0
  118. package/docs-dev/sass/components/flipcard-grid/index.html +90 -0
  119. package/docs-dev/sass/components/form-theme/index.html +90 -0
  120. package/docs-dev/sass/components/headline-label/index.html +90 -0
  121. package/docs-dev/sass/components/hero/index.html +90 -0
  122. package/docs-dev/sass/components/horizontal-rule/index.html +90 -0
  123. package/docs-dev/sass/components/image-grid/index.html +90 -0
  124. package/docs-dev/sass/components/index/index.html +103 -10
  125. package/docs-dev/sass/components/index.html +90 -0
  126. package/docs-dev/sass/components/links/index.html +90 -0
  127. package/docs-dev/sass/components/list-inline/index.html +90 -0
  128. package/docs-dev/sass/components/list-lines/index.html +90 -0
  129. package/docs-dev/sass/components/list-ordered/index.html +90 -0
  130. package/docs-dev/sass/components/list-unordered/index.html +90 -0
  131. package/docs-dev/sass/components/menu-stack/index.html +90 -0
  132. package/docs-dev/sass/components/modal/index.html +90 -0
  133. package/docs-dev/sass/components/nav-strip/index.html +90 -0
  134. package/docs-dev/sass/components/overlay-section/index.html +90 -0
  135. package/docs-dev/sass/components/pager/index.html +90 -0
  136. package/docs-dev/sass/components/panel/index.html +90 -0
  137. package/docs-dev/sass/components/placeholder-block/index.html +90 -0
  138. package/docs-dev/sass/components/popover/index.html +90 -0
  139. package/docs-dev/sass/components/progress-bar/index.html +6192 -0
  140. package/docs-dev/sass/components/progress-circle/index.html +6084 -0
  141. package/docs-dev/sass/components/pull-quote/index.html +90 -0
  142. package/docs-dev/sass/components/rail/index.html +90 -0
  143. package/docs-dev/sass/components/ratio-box/index.html +90 -0
  144. package/docs-dev/sass/components/rule/index.html +90 -0
  145. package/docs-dev/sass/components/scroll-slider/index.html +90 -0
  146. package/docs-dev/sass/components/skeleton/index.html +90 -0
  147. package/docs-dev/sass/components/skip-link/index.html +90 -0
  148. package/docs-dev/sass/components/slider/index.html +90 -0
  149. package/docs-dev/sass/components/spoke-spinner/index.html +90 -0
  150. package/docs-dev/sass/components/sticky-list/index.html +90 -0
  151. package/docs-dev/sass/components/tabs/index.html +90 -0
  152. package/docs-dev/sass/components/tag/index.html +90 -0
  153. package/docs-dev/sass/components/tile-button/index.html +90 -0
  154. package/docs-dev/sass/components/tile-grid/index.html +90 -0
  155. package/docs-dev/sass/components/tile-grid-overlay/index.html +90 -0
  156. package/docs-dev/sass/components/vignette/index.html +90 -0
  157. package/docs-dev/sass/components/wysiwyg/index.html +90 -0
  158. package/docs-dev/sass/core/breakpoint/index.html +90 -0
  159. package/docs-dev/sass/core/button/index.html +90 -0
  160. package/docs-dev/sass/core/color/index.html +166 -71
  161. package/docs-dev/sass/core/cssvar/index.html +90 -0
  162. package/docs-dev/sass/core/element/index.html +90 -0
  163. package/docs-dev/sass/core/index.html +90 -0
  164. package/docs-dev/sass/core/layout/index.html +90 -0
  165. package/docs-dev/sass/core/path/index.html +90 -0
  166. package/docs-dev/sass/core/selector/index.html +90 -0
  167. package/docs-dev/sass/core/typography/index.html +90 -0
  168. package/docs-dev/sass/core/units/index.html +90 -0
  169. package/docs-dev/sass/core/utils/index.html +90 -0
  170. package/docs-dev/sass/helpers/color/index.html +90 -0
  171. package/docs-dev/sass/helpers/display/index.html +90 -0
  172. package/docs-dev/sass/helpers/index/index.html +90 -0
  173. package/docs-dev/sass/helpers/index.html +90 -0
  174. package/docs-dev/sass/helpers/typography/index.html +90 -0
  175. package/docs-dev/sass/helpers/units/index.html +90 -0
  176. package/docs-dev/sass/helpers/utilities/index.html +91 -1
  177. package/docs-dev/sass/index.html +90 -0
  178. package/package.json +1 -1
  179. package/scss/_color.scss +43 -38
  180. package/scss/components/_index.scss +7 -0
  181. package/scss/components/_progress-bar.scss +2 -5
  182. package/scss/components/_progress-circle.scss +175 -0
package/docs-dev/demos/data-table/index.html CHANGED
@@ -661,6 +661,21 @@
661
661
  </li>
662
662
 
663
663
 
664
+ <li class="nav-tree__item ">
665
+
666
+ <a class="nav-tree__link " href="/frontend/demos/progress-circle/">
667
+
668
+
669
+ <span class="nav-tree__text">
670
+ Progress Circle
671
+ </span>
672
+
673
+ </a>
674
+
675
+
676
+ </li>
677
+
678
+
664
679
  <li class="nav-tree__item ">
665
680
 
666
681
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -1935,6 +1950,36 @@
1935
1950
  </li>
1936
1951
 
1937
1952
 
1953
+ <li class="nav-tree__item ">
1954
+
1955
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-bar/">
1956
+
1957
+
1958
+ <span class="nav-tree__text">
1959
+ Progress-bar
1960
+ </span>
1961
+
1962
+ </a>
1963
+
1964
+
1965
+ </li>
1966
+
1967
+
1968
+ <li class="nav-tree__item ">
1969
+
1970
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-circle/">
1971
+
1972
+
1973
+ <span class="nav-tree__text">
1974
+ Progress-circle
1975
+ </span>
1976
+
1977
+ </a>
1978
+
1979
+
1980
+ </li>
1981
+
1982
+
1938
1983
  <li class="nav-tree__item ">
1939
1984
 
1940
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -3462,6 +3507,21 @@
3462
3507
  </li>
3463
3508
 
3464
3509
 
3510
+ <li class="nav-tree__item ">
3511
+
3512
+ <a class="nav-tree__link " href="/frontend/demos/progress-circle/">
3513
+
3514
+
3515
+ <span class="nav-tree__text">
3516
+ Progress Circle
3517
+ </span>
3518
+
3519
+ </a>
3520
+
3521
+
3522
+ </li>
3523
+
3524
+
3465
3525
  <li class="nav-tree__item ">
3466
3526
 
3467
3527
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -4736,6 +4796,36 @@
4736
4796
  </li>
4737
4797
 
4738
4798
 
4799
+ <li class="nav-tree__item ">
4800
+
4801
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-bar/">
4802
+
4803
+
4804
+ <span class="nav-tree__text">
4805
+ Progress-bar
4806
+ </span>
4807
+
4808
+ </a>
4809
+
4810
+
4811
+ </li>
4812
+
4813
+
4814
+ <li class="nav-tree__item ">
4815
+
4816
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-circle/">
4817
+
4818
+
4819
+ <span class="nav-tree__text">
4820
+ Progress-circle
4821
+ </span>
4822
+
4823
+ </a>
4824
+
4825
+
4826
+ </li>
4827
+
4828
+
4739
4829
  <li class="nav-tree__item ">
4740
4830
 
4741
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -5732,178 +5822,178 @@
5732
5822
  </table>
5733
5823
  <h2 class="h2">Complex Table</h2>
5734
5824
  <h2 class="h2">Striped Table</h2>
5735
- <table class="data-table data-table--striped" id="dt-1">
5825
+ <table class="data-table data-table--striped" id="dt-49">
5736
5826
  <caption>
5737
5827
  This Is The Table's Caption
5738
5828
  </caption>
5739
5829
  <thead>
5740
5830
  <tr>
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>
5831
+ <th id="dt-49-type" rowspan="2">Type</th>
5832
+ <th id="dt-49-group" colspan="2">Group</th>
5833
+ <th id="dt-49-details" colspan="2">Details</th>
5834
+ <th id="dt-49-id" rowspan="2">Id</th>
5745
5835
  </tr>
5746
5836
  <tr>
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>
5837
+ <th headers="dt-49-group" id="dt-49-primary">Primary</th>
5838
+ <th headers="dt-49-group" id="dt-49-secondary">Secondary</th>
5839
+ <th headers="dt-49-details" id="dt-49-before">Before Task</th>
5840
+ <th headers="dt-49-details" id="dt-49-after">After Task</th>
5751
5841
  </tr>
5752
5842
  </thead>
5753
5843
  <tbody>
5754
5844
  <tr>
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>
5845
+ <th rowspan="3" headers="dt-49-type dt-49-r1" id="dt-49-r1">Default</th>
5846
+ <td headers="dt-49-group dt-49-primary dt-49-r1">Lorem Ipsum</td>
5847
+ <td headers="dt-49-group dt-49-secondary dt-49-r1">Lorem Ipsum</td>
5848
+ <td headers="dt-49-details dt-49-before dt-49-r1">Lorem Ipsum</td>
5849
+ <td headers="dt-49-details dt-49-after dt-49-r1">Lorem Ipsum</td>
5850
+ <td headers="dt-49-id">OL-53-GHSLE</td>
5761
5851
  </tr>
5762
5852
  <tr>
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>
5853
+ <td headers="dt-49-group dt-49-primary dt-49-r1">Lorem Ipsum</td>
5854
+ <td headers="dt-49-group dt-49-secondary dt-49-r1">Lorem Ipsum</td>
5855
+ <td headers="dt-49-details dt-49-before dt-49-r1">Lorem Ipsum</td>
5856
+ <td headers="dt-49-details dt-49-after dt-49-r1">Lorem Ipsum</td>
5857
+ <td headers="dt-49-id">OL-53-GHSLE</td>
5768
5858
  </tr>
5769
5859
  <tr>
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>
5860
+ <td headers="dt-49-group dt-49-primary dt-49-r1">Lorem Ipsum</td>
5861
+ <td headers="dt-49-group dt-49-secondary dt-49-r1">Lorem Ipsum</td>
5862
+ <td headers="dt-49-details dt-49-before dt-49-r1">Lorem Ipsum</td>
5863
+ <td headers="dt-49-details dt-49-after dt-49-r1">Lorem Ipsum</td>
5864
+ <td headers="dt-49-id">OL-53-GHSLE</td>
5775
5865
  </tr>
5776
5866
  </tbody>
5777
5867
  </table>
5778
5868
  <h2 class="h2">Large-first Table</h2>
5779
- <table class="data-table data-table--large-first" id="dt-2">
5869
+ <table class="data-table data-table--large-first" id="dt-50">
5780
5870
  <caption>
5781
5871
  This Is The Table's Caption
5782
5872
  </caption>
5783
5873
  <thead>
5784
5874
  <tr>
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>
5875
+ <th id="dt-50-type" rowspan="2">Type</th>
5876
+ <th id="dt-50-group" colspan="2">Group</th>
5877
+ <th id="dt-50-details" colspan="2">Details</th>
5878
+ <th id="dt-50-id" rowspan="2">Id</th>
5789
5879
  </tr>
5790
5880
  <tr>
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>
5881
+ <th headers="dt-50-group" id="dt-50-primary">Primary</th>
5882
+ <th headers="dt-50-group" id="dt-50-secondary">Secondary</th>
5883
+ <th headers="dt-50-details" id="dt-50-before">Before Task</th>
5884
+ <th headers="dt-50-details" id="dt-50-after">After Task</th>
5795
5885
  </tr>
5796
5886
  </thead>
5797
5887
  <tbody>
5798
5888
  <tr>
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>
5889
+ <th rowspan="3" headers="dt-50-type dt-50-r1" id="dt-50-r1">Default</th>
5890
+ <td headers="dt-50-group dt-50-primary dt-50-r1">Lorem Ipsum</td>
5891
+ <td headers="dt-50-group dt-50-secondary dt-50-r1">Lorem Ipsum</td>
5892
+ <td headers="dt-50-details dt-50-before dt-50-r1">Lorem Ipsum</td>
5893
+ <td headers="dt-50-details dt-50-after dt-50-r1">Lorem Ipsum</td>
5894
+ <td headers="dt-50-id">OL-53-GHSLE</td>
5805
5895
  </tr>
5806
5896
  <tr>
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>
5897
+ <td headers="dt-50-group dt-50-primary dt-50-r1">Lorem Ipsum</td>
5898
+ <td headers="dt-50-group dt-50-secondary dt-50-r1">Lorem Ipsum</td>
5899
+ <td headers="dt-50-details dt-50-before dt-50-r1">Lorem Ipsum</td>
5900
+ <td headers="dt-50-details dt-50-after dt-50-r1">Lorem Ipsum</td>
5901
+ <td headers="dt-50-id">OL-53-GHSLE</td>
5812
5902
  </tr>
5813
5903
  <tr>
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>
5904
+ <td headers="dt-50-group dt-50-primary dt-50-r1">Lorem Ipsum</td>
5905
+ <td headers="dt-50-group dt-50-secondary dt-50-r1">Lorem Ipsum</td>
5906
+ <td headers="dt-50-details dt-50-before dt-50-r1">Lorem Ipsum</td>
5907
+ <td headers="dt-50-details dt-50-after dt-50-r1">Lorem Ipsum</td>
5908
+ <td headers="dt-50-id">OL-53-GHSLE</td>
5819
5909
  </tr>
5820
5910
  </tbody>
5821
5911
  </table>
5822
5912
  <h2 class="h2">Large-header Table</h2>
5823
- <table class="data-table data-table--large-header" id="dt-3">
5913
+ <table class="data-table data-table--large-header" id="dt-51">
5824
5914
  <caption>
5825
5915
  This Is The Table's Caption
5826
5916
  </caption>
5827
5917
  <thead>
5828
5918
  <tr>
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>
5919
+ <th id="dt-51-type" rowspan="2">Type</th>
5920
+ <th id="dt-51-group" colspan="2">Group</th>
5921
+ <th id="dt-51-details" colspan="2">Details</th>
5922
+ <th id="dt-51-id" rowspan="2">Id</th>
5833
5923
  </tr>
5834
5924
  <tr>
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>
5925
+ <th headers="dt-51-group" id="dt-51-primary">Primary</th>
5926
+ <th headers="dt-51-group" id="dt-51-secondary">Secondary</th>
5927
+ <th headers="dt-51-details" id="dt-51-before">Before Task</th>
5928
+ <th headers="dt-51-details" id="dt-51-after">After Task</th>
5839
5929
  </tr>
5840
5930
  </thead>
5841
5931
  <tbody>
5842
5932
  <tr>
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>
5933
+ <th rowspan="3" headers="dt-51-type dt-51-r1" id="dt-51-r1">Default</th>
5934
+ <td headers="dt-51-group dt-51-primary dt-51-r1">Lorem Ipsum</td>
5935
+ <td headers="dt-51-group dt-51-secondary dt-51-r1">Lorem Ipsum</td>
5936
+ <td headers="dt-51-details dt-51-before dt-51-r1">Lorem Ipsum</td>
5937
+ <td headers="dt-51-details dt-51-after dt-51-r1">Lorem Ipsum</td>
5938
+ <td headers="dt-51-id">OL-53-GHSLE</td>
5849
5939
  </tr>
5850
5940
  <tr>
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>
5941
+ <td headers="dt-51-group dt-51-primary dt-51-r1">Lorem Ipsum</td>
5942
+ <td headers="dt-51-group dt-51-secondary dt-51-r1">Lorem Ipsum</td>
5943
+ <td headers="dt-51-details dt-51-before dt-51-r1">Lorem Ipsum</td>
5944
+ <td headers="dt-51-details dt-51-after dt-51-r1">Lorem Ipsum</td>
5945
+ <td headers="dt-51-id">OL-53-GHSLE</td>
5856
5946
  </tr>
5857
5947
  <tr>
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>
5948
+ <td headers="dt-51-group dt-51-primary dt-51-r1">Lorem Ipsum</td>
5949
+ <td headers="dt-51-group dt-51-secondary dt-51-r1">Lorem Ipsum</td>
5950
+ <td headers="dt-51-details dt-51-before dt-51-r1">Lorem Ipsum</td>
5951
+ <td headers="dt-51-details dt-51-after dt-51-r1">Lorem Ipsum</td>
5952
+ <td headers="dt-51-id">OL-53-GHSLE</td>
5863
5953
  </tr>
5864
5954
  </tbody>
5865
5955
  </table>
5866
5956
  <h2 class="h2">No-border Table</h2>
5867
- <table class="data-table data-table--no-border" id="dt-4">
5957
+ <table class="data-table data-table--no-border" id="dt-52">
5868
5958
  <caption>
5869
5959
  This Is The Table's Caption
5870
5960
  </caption>
5871
5961
  <thead>
5872
5962
  <tr>
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>
5963
+ <th id="dt-52-type" rowspan="2">Type</th>
5964
+ <th id="dt-52-group" colspan="2">Group</th>
5965
+ <th id="dt-52-details" colspan="2">Details</th>
5966
+ <th id="dt-52-id" rowspan="2">Id</th>
5877
5967
  </tr>
5878
5968
  <tr>
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>
5969
+ <th headers="dt-52-group" id="dt-52-primary">Primary</th>
5970
+ <th headers="dt-52-group" id="dt-52-secondary">Secondary</th>
5971
+ <th headers="dt-52-details" id="dt-52-before">Before Task</th>
5972
+ <th headers="dt-52-details" id="dt-52-after">After Task</th>
5883
5973
  </tr>
5884
5974
  </thead>
5885
5975
  <tbody>
5886
5976
  <tr>
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>
5977
+ <th rowspan="3" headers="dt-52-type dt-52-r1" id="dt-52-r1">Default</th>
5978
+ <td headers="dt-52-group dt-52-primary dt-52-r1">Lorem Ipsum</td>
5979
+ <td headers="dt-52-group dt-52-secondary dt-52-r1">Lorem Ipsum</td>
5980
+ <td headers="dt-52-details dt-52-before dt-52-r1">Lorem Ipsum</td>
5981
+ <td headers="dt-52-details dt-52-after dt-52-r1">Lorem Ipsum</td>
5982
+ <td headers="dt-52-id">OL-53-GHSLE</td>
5893
5983
  </tr>
5894
5984
  <tr>
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>
5985
+ <td headers="dt-52-group dt-52-primary dt-52-r1">Lorem Ipsum</td>
5986
+ <td headers="dt-52-group dt-52-secondary dt-52-r1">Lorem Ipsum</td>
5987
+ <td headers="dt-52-details dt-52-before dt-52-r1">Lorem Ipsum</td>
5988
+ <td headers="dt-52-details dt-52-after dt-52-r1">Lorem Ipsum</td>
5989
+ <td headers="dt-52-id">OL-53-GHSLE</td>
5900
5990
  </tr>
5901
5991
  <tr>
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>
5992
+ <td headers="dt-52-group dt-52-primary dt-52-r1">Lorem Ipsum</td>
5993
+ <td headers="dt-52-group dt-52-secondary dt-52-r1">Lorem Ipsum</td>
5994
+ <td headers="dt-52-details dt-52-before dt-52-r1">Lorem Ipsum</td>
5995
+ <td headers="dt-52-details dt-52-after dt-52-r1">Lorem Ipsum</td>
5996
+ <td headers="dt-52-id">OL-53-GHSLE</td>
5907
5997
  </tr>
5908
5998
  </tbody>
5909
5999
  </table>
package/docs-dev/demos/details-group/index.html CHANGED
@@ -661,6 +661,21 @@
661
661
  </li>
662
662
 
663
663
 
664
+ <li class="nav-tree__item ">
665
+
666
+ <a class="nav-tree__link " href="/frontend/demos/progress-circle/">
667
+
668
+
669
+ <span class="nav-tree__text">
670
+ Progress Circle
671
+ </span>
672
+
673
+ </a>
674
+
675
+
676
+ </li>
677
+
678
+
664
679
  <li class="nav-tree__item ">
665
680
 
666
681
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -1935,6 +1950,36 @@
1935
1950
  </li>
1936
1951
 
1937
1952
 
1953
+ <li class="nav-tree__item ">
1954
+
1955
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-bar/">
1956
+
1957
+
1958
+ <span class="nav-tree__text">
1959
+ Progress-bar
1960
+ </span>
1961
+
1962
+ </a>
1963
+
1964
+
1965
+ </li>
1966
+
1967
+
1968
+ <li class="nav-tree__item ">
1969
+
1970
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-circle/">
1971
+
1972
+
1973
+ <span class="nav-tree__text">
1974
+ Progress-circle
1975
+ </span>
1976
+
1977
+ </a>
1978
+
1979
+
1980
+ </li>
1981
+
1982
+
1938
1983
  <li class="nav-tree__item ">
1939
1984
 
1940
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -3462,6 +3507,21 @@
3462
3507
  </li>
3463
3508
 
3464
3509
 
3510
+ <li class="nav-tree__item ">
3511
+
3512
+ <a class="nav-tree__link " href="/frontend/demos/progress-circle/">
3513
+
3514
+
3515
+ <span class="nav-tree__text">
3516
+ Progress Circle
3517
+ </span>
3518
+
3519
+ </a>
3520
+
3521
+
3522
+ </li>
3523
+
3524
+
3465
3525
  <li class="nav-tree__item ">
3466
3526
 
3467
3527
  <a class="nav-tree__link " href="/frontend/demos/pull-quote/">
@@ -4736,6 +4796,36 @@
4736
4796
  </li>
4737
4797
 
4738
4798
 
4799
+ <li class="nav-tree__item ">
4800
+
4801
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-bar/">
4802
+
4803
+
4804
+ <span class="nav-tree__text">
4805
+ Progress-bar
4806
+ </span>
4807
+
4808
+ </a>
4809
+
4810
+
4811
+ </li>
4812
+
4813
+
4814
+ <li class="nav-tree__item ">
4815
+
4816
+ <a class="nav-tree__link " href="/frontend/sass/components/progress-circle/">
4817
+
4818
+
4819
+ <span class="nav-tree__text">
4820
+ Progress-circle
4821
+ </span>
4822
+
4823
+ </a>
4824
+
4825
+
4826
+ </li>
4827
+
4828
+
4739
4829
  <li class="nav-tree__item ">
4740
4830
 
4741
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">