@ulu/frontend 0.1.0-beta.107 → 0.1.0-beta.109

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 (178) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/changelog/index.html +42 -5
  4. package/docs-dev/demos/accordion/index.html +30 -0
  5. package/docs-dev/demos/badge/index.html +30 -0
  6. package/docs-dev/demos/badge-stack/index.html +30 -0
  7. package/docs-dev/demos/breadcrumb/index.html +30 -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-group/index.html +30 -0
  11. package/docs-dev/demos/button-verbose/index.html +30 -0
  12. package/docs-dev/demos/callout/index.html +30 -0
  13. package/docs-dev/demos/captioned-figure/index.html +30 -0
  14. package/docs-dev/demos/card/index.html +46 -16
  15. package/docs-dev/demos/card-grid/index.html +30 -0
  16. package/docs-dev/demos/counter-list/index.html +30 -0
  17. package/docs-dev/demos/css-icons/index.html +30 -0
  18. package/docs-dev/demos/data-grid/index.html +30 -0
  19. package/docs-dev/demos/data-table/index.html +130 -100
  20. package/docs-dev/demos/details-group/index.html +30 -0
  21. package/docs-dev/demos/file-save/index.html +30 -0
  22. package/docs-dev/demos/flipcard/index.html +30 -0
  23. package/docs-dev/demos/form-theme/index.html +33 -3
  24. package/docs-dev/demos/headline-label/index.html +30 -0
  25. package/docs-dev/demos/index.html +30 -0
  26. package/docs-dev/demos/list-inline/index.html +30 -0
  27. package/docs-dev/demos/list-lines/index.html +30 -0
  28. package/docs-dev/demos/menu-stack/index.html +30 -0
  29. package/docs-dev/demos/modals/index.html +30 -0
  30. package/docs-dev/demos/nav-strip/index.html +30 -0
  31. package/docs-dev/demos/overlay-section/index.html +30 -0
  32. package/docs-dev/demos/panel/index.html +30 -0
  33. package/docs-dev/demos/popovers/index.html +30 -0
  34. package/docs-dev/demos/print/index.html +30 -0
  35. package/docs-dev/demos/progress-bar/index.html +30 -0
  36. package/docs-dev/demos/progress-circle/index.html +74 -44
  37. package/docs-dev/demos/pull-quote/index.html +30 -0
  38. package/docs-dev/demos/rail/index.html +30 -0
  39. package/docs-dev/demos/rule/index.html +30 -0
  40. package/docs-dev/demos/scrollpoints/index.html +30 -0
  41. package/docs-dev/demos/skeleton/index.html +30 -0
  42. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  43. package/docs-dev/demos/sticky-list/index.html +30 -0
  44. package/docs-dev/demos/tabs/index.html +30 -0
  45. package/docs-dev/demos/tag/index.html +30 -0
  46. package/docs-dev/demos/theme-toggle/index.html +30 -0
  47. package/docs-dev/demos/tiles/index.html +30 -0
  48. package/docs-dev/demos/tooltip/index.html +30 -0
  49. package/docs-dev/demos/wysiwyg/index.html +30 -0
  50. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  51. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  52. package/docs-dev/guide/index.html +30 -0
  53. package/docs-dev/index.html +30 -0
  54. package/docs-dev/javascript/events/index.html +30 -0
  55. package/docs-dev/javascript/index.html +30 -0
  56. package/docs-dev/javascript/settings/index.html +30 -0
  57. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  58. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  59. package/docs-dev/javascript/ui-details-group/index.html +30 -0
  60. package/docs-dev/javascript/ui-dialog/index.html +30 -0
  61. package/docs-dev/javascript/ui-flipcard/index.html +30 -0
  62. package/docs-dev/javascript/ui-grid/index.html +30 -0
  63. package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
  64. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  65. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  66. package/docs-dev/javascript/ui-page/index.html +30 -0
  67. package/docs-dev/javascript/ui-popover/index.html +30 -0
  68. package/docs-dev/javascript/ui-print/index.html +30 -0
  69. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  70. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  71. package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
  72. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  73. package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
  74. package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
  75. package/docs-dev/javascript/ui-slider/index.html +30 -0
  76. package/docs-dev/javascript/ui-tabs/index.html +30 -0
  77. package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
  78. package/docs-dev/javascript/ui-tooltip/index.html +30 -0
  79. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  80. package/docs-dev/javascript/utils-css/index.html +30 -0
  81. package/docs-dev/javascript/utils-dom/index.html +30 -0
  82. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  83. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  84. package/docs-dev/javascript/utils-id/index.html +30 -0
  85. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  86. package/docs-dev/javascript/utils-system/index.html +30 -0
  87. package/docs-dev/sass/base/color/index.html +30 -0
  88. package/docs-dev/sass/base/elements/index.html +30 -0
  89. package/docs-dev/sass/base/index/index.html +30 -0
  90. package/docs-dev/sass/base/index.html +30 -0
  91. package/docs-dev/sass/base/keyframes/index.html +30 -0
  92. package/docs-dev/sass/base/layout/index.html +30 -0
  93. package/docs-dev/sass/base/normalize/index.html +30 -0
  94. package/docs-dev/sass/base/print/index.html +30 -0
  95. package/docs-dev/sass/base/root/index.html +30 -0
  96. package/docs-dev/sass/base/typography/index.html +30 -0
  97. package/docs-dev/sass/components/accordion/index.html +30 -0
  98. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  99. package/docs-dev/sass/components/badge/index.html +30 -0
  100. package/docs-dev/sass/components/badge-stack/index.html +30 -0
  101. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  102. package/docs-dev/sass/components/breadcrumb/index.html +30 -0
  103. package/docs-dev/sass/components/button/index.html +30 -0
  104. package/docs-dev/sass/components/button-group/index.html +30 -0
  105. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  106. package/docs-dev/sass/components/callout/index.html +30 -0
  107. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  108. package/docs-dev/sass/components/card/index.html +30 -0
  109. package/docs-dev/sass/components/card-grid/index.html +30 -0
  110. package/docs-dev/sass/components/counter-list/index.html +30 -0
  111. package/docs-dev/sass/components/css-icon/index.html +30 -0
  112. package/docs-dev/sass/components/data-grid/index.html +30 -0
  113. package/docs-dev/sass/components/data-table/index.html +30 -0
  114. package/docs-dev/sass/components/fill-context/index.html +30 -0
  115. package/docs-dev/sass/components/flipcard/index.html +30 -0
  116. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  117. package/docs-dev/sass/components/form-theme/index.html +30 -0
  118. package/docs-dev/sass/components/headline-label/index.html +30 -0
  119. package/docs-dev/sass/components/hero/index.html +30 -0
  120. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  121. package/docs-dev/sass/components/image-grid/index.html +30 -0
  122. package/docs-dev/sass/components/index/index.html +42 -10
  123. package/docs-dev/sass/components/index.html +30 -0
  124. package/docs-dev/sass/components/links/index.html +30 -0
  125. package/docs-dev/sass/components/list-inline/index.html +30 -0
  126. package/docs-dev/sass/components/list-lines/index.html +30 -0
  127. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  128. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  129. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  130. package/docs-dev/sass/components/modal/index.html +30 -0
  131. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  132. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  133. package/docs-dev/sass/components/pager/index.html +30 -0
  134. package/docs-dev/sass/components/panel/index.html +30 -0
  135. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  136. package/docs-dev/sass/components/popover/index.html +30 -0
  137. package/docs-dev/sass/components/progress-bar/index.html +44 -21
  138. package/docs-dev/sass/components/progress-circle/index.html +6084 -0
  139. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  140. package/docs-dev/sass/components/rail/index.html +30 -0
  141. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  142. package/docs-dev/sass/components/rule/index.html +30 -0
  143. package/docs-dev/sass/components/scroll-slider/index.html +30 -0
  144. package/docs-dev/sass/components/skeleton/index.html +30 -0
  145. package/docs-dev/sass/components/skip-link/index.html +30 -0
  146. package/docs-dev/sass/components/slider/index.html +30 -0
  147. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  148. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  149. package/docs-dev/sass/components/tabs/index.html +30 -0
  150. package/docs-dev/sass/components/tag/index.html +30 -0
  151. package/docs-dev/sass/components/tile-button/index.html +30 -0
  152. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  153. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  154. package/docs-dev/sass/components/vignette/index.html +30 -0
  155. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  156. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  157. package/docs-dev/sass/core/button/index.html +30 -0
  158. package/docs-dev/sass/core/color/index.html +106 -71
  159. package/docs-dev/sass/core/cssvar/index.html +30 -0
  160. package/docs-dev/sass/core/element/index.html +30 -0
  161. package/docs-dev/sass/core/index.html +30 -0
  162. package/docs-dev/sass/core/layout/index.html +30 -0
  163. package/docs-dev/sass/core/path/index.html +30 -0
  164. package/docs-dev/sass/core/selector/index.html +30 -0
  165. package/docs-dev/sass/core/typography/index.html +30 -0
  166. package/docs-dev/sass/core/units/index.html +30 -0
  167. package/docs-dev/sass/core/utils/index.html +30 -0
  168. package/docs-dev/sass/helpers/color/index.html +30 -0
  169. package/docs-dev/sass/helpers/display/index.html +30 -0
  170. package/docs-dev/sass/helpers/index/index.html +30 -0
  171. package/docs-dev/sass/helpers/index.html +30 -0
  172. package/docs-dev/sass/helpers/typography/index.html +30 -0
  173. package/docs-dev/sass/helpers/units/index.html +30 -0
  174. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  175. package/docs-dev/sass/index.html +30 -0
  176. package/package.json +1 -1
  177. package/scss/components/_accordion.scss +2 -2
  178. package/scss/components/_progress-bar.scss +0 -3
package/docs-dev/demos/counter-list/index.html CHANGED
@@ -1965,6 +1965,21 @@
1965
1965
  </li>
1966
1966
 
1967
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
+
1968
1983
  <li class="nav-tree__item ">
1969
1984
 
1970
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
4796
4811
  </li>
4797
4812
 
4798
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
+
4799
4829
  <li class="nav-tree__item ">
4800
4830
 
4801
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
package/docs-dev/demos/css-icons/index.html CHANGED
@@ -1965,6 +1965,21 @@
1965
1965
  </li>
1966
1966
 
1967
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
+
1968
1983
  <li class="nav-tree__item ">
1969
1984
 
1970
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
4796
4811
  </li>
4797
4812
 
4798
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
+
4799
4829
  <li class="nav-tree__item ">
4800
4830
 
4801
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
package/docs-dev/demos/data-grid/index.html CHANGED
@@ -1965,6 +1965,21 @@
1965
1965
  </li>
1966
1966
 
1967
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
+
1968
1983
  <li class="nav-tree__item ">
1969
1984
 
1970
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
4796
4811
  </li>
4797
4812
 
4798
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
+
4799
4829
  <li class="nav-tree__item ">
4800
4830
 
4801
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
package/docs-dev/demos/data-table/index.html CHANGED
@@ -1965,6 +1965,21 @@
1965
1965
  </li>
1966
1966
 
1967
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
+
1968
1983
  <li class="nav-tree__item ">
1969
1984
 
1970
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
4796
4811
  </li>
4797
4812
 
4798
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
+
4799
4829
  <li class="nav-tree__item ">
4800
4830
 
4801
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -5792,178 +5822,178 @@
5792
5822
  </table>
5793
5823
  <h2 class="h2">Complex Table</h2>
5794
5824
  <h2 class="h2">Striped Table</h2>
5795
- <table class="data-table data-table--striped" id="dt-1">
5825
+ <table class="data-table data-table--striped" id="dt-49">
5796
5826
  <caption>
5797
5827
  This Is The Table's Caption
5798
5828
  </caption>
5799
5829
  <thead>
5800
5830
  <tr>
5801
- <th id="dt-1-type" rowspan="2">Type</th>
5802
- <th id="dt-1-group" colspan="2">Group</th>
5803
- <th id="dt-1-details" colspan="2">Details</th>
5804
- <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>
5805
5835
  </tr>
5806
5836
  <tr>
5807
- <th headers="dt-1-group" id="dt-1-primary">Primary</th>
5808
- <th headers="dt-1-group" id="dt-1-secondary">Secondary</th>
5809
- <th headers="dt-1-details" id="dt-1-before">Before Task</th>
5810
- <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>
5811
5841
  </tr>
5812
5842
  </thead>
5813
5843
  <tbody>
5814
5844
  <tr>
5815
- <th rowspan="3" headers="dt-1-type dt-1-r1" id="dt-1-r1">Default</th>
5816
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5817
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5818
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5819
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5820
- <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>
5821
5851
  </tr>
5822
5852
  <tr>
5823
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5824
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5825
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5826
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5827
- <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>
5828
5858
  </tr>
5829
5859
  <tr>
5830
- <td headers="dt-1-group dt-1-primary dt-1-r1">Lorem Ipsum</td>
5831
- <td headers="dt-1-group dt-1-secondary dt-1-r1">Lorem Ipsum</td>
5832
- <td headers="dt-1-details dt-1-before dt-1-r1">Lorem Ipsum</td>
5833
- <td headers="dt-1-details dt-1-after dt-1-r1">Lorem Ipsum</td>
5834
- <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>
5835
5865
  </tr>
5836
5866
  </tbody>
5837
5867
  </table>
5838
5868
  <h2 class="h2">Large-first Table</h2>
5839
- <table class="data-table data-table--large-first" id="dt-2">
5869
+ <table class="data-table data-table--large-first" id="dt-50">
5840
5870
  <caption>
5841
5871
  This Is The Table's Caption
5842
5872
  </caption>
5843
5873
  <thead>
5844
5874
  <tr>
5845
- <th id="dt-2-type" rowspan="2">Type</th>
5846
- <th id="dt-2-group" colspan="2">Group</th>
5847
- <th id="dt-2-details" colspan="2">Details</th>
5848
- <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>
5849
5879
  </tr>
5850
5880
  <tr>
5851
- <th headers="dt-2-group" id="dt-2-primary">Primary</th>
5852
- <th headers="dt-2-group" id="dt-2-secondary">Secondary</th>
5853
- <th headers="dt-2-details" id="dt-2-before">Before Task</th>
5854
- <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>
5855
5885
  </tr>
5856
5886
  </thead>
5857
5887
  <tbody>
5858
5888
  <tr>
5859
- <th rowspan="3" headers="dt-2-type dt-2-r1" id="dt-2-r1">Default</th>
5860
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5861
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5862
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5863
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5864
- <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>
5865
5895
  </tr>
5866
5896
  <tr>
5867
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5868
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5869
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5870
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5871
- <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>
5872
5902
  </tr>
5873
5903
  <tr>
5874
- <td headers="dt-2-group dt-2-primary dt-2-r1">Lorem Ipsum</td>
5875
- <td headers="dt-2-group dt-2-secondary dt-2-r1">Lorem Ipsum</td>
5876
- <td headers="dt-2-details dt-2-before dt-2-r1">Lorem Ipsum</td>
5877
- <td headers="dt-2-details dt-2-after dt-2-r1">Lorem Ipsum</td>
5878
- <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>
5879
5909
  </tr>
5880
5910
  </tbody>
5881
5911
  </table>
5882
5912
  <h2 class="h2">Large-header Table</h2>
5883
- <table class="data-table data-table--large-header" id="dt-3">
5913
+ <table class="data-table data-table--large-header" id="dt-51">
5884
5914
  <caption>
5885
5915
  This Is The Table's Caption
5886
5916
  </caption>
5887
5917
  <thead>
5888
5918
  <tr>
5889
- <th id="dt-3-type" rowspan="2">Type</th>
5890
- <th id="dt-3-group" colspan="2">Group</th>
5891
- <th id="dt-3-details" colspan="2">Details</th>
5892
- <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>
5893
5923
  </tr>
5894
5924
  <tr>
5895
- <th headers="dt-3-group" id="dt-3-primary">Primary</th>
5896
- <th headers="dt-3-group" id="dt-3-secondary">Secondary</th>
5897
- <th headers="dt-3-details" id="dt-3-before">Before Task</th>
5898
- <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>
5899
5929
  </tr>
5900
5930
  </thead>
5901
5931
  <tbody>
5902
5932
  <tr>
5903
- <th rowspan="3" headers="dt-3-type dt-3-r1" id="dt-3-r1">Default</th>
5904
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5905
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5906
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5907
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5908
- <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>
5909
5939
  </tr>
5910
5940
  <tr>
5911
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5912
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5913
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5914
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5915
- <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>
5916
5946
  </tr>
5917
5947
  <tr>
5918
- <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
5919
- <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
5920
- <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
5921
- <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
5922
- <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>
5923
5953
  </tr>
5924
5954
  </tbody>
5925
5955
  </table>
5926
5956
  <h2 class="h2">No-border Table</h2>
5927
- <table class="data-table data-table--no-border" id="dt-4">
5957
+ <table class="data-table data-table--no-border" id="dt-52">
5928
5958
  <caption>
5929
5959
  This Is The Table's Caption
5930
5960
  </caption>
5931
5961
  <thead>
5932
5962
  <tr>
5933
- <th id="dt-4-type" rowspan="2">Type</th>
5934
- <th id="dt-4-group" colspan="2">Group</th>
5935
- <th id="dt-4-details" colspan="2">Details</th>
5936
- <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>
5937
5967
  </tr>
5938
5968
  <tr>
5939
- <th headers="dt-4-group" id="dt-4-primary">Primary</th>
5940
- <th headers="dt-4-group" id="dt-4-secondary">Secondary</th>
5941
- <th headers="dt-4-details" id="dt-4-before">Before Task</th>
5942
- <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>
5943
5973
  </tr>
5944
5974
  </thead>
5945
5975
  <tbody>
5946
5976
  <tr>
5947
- <th rowspan="3" headers="dt-4-type dt-4-r1" id="dt-4-r1">Default</th>
5948
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5949
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5950
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5951
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5952
- <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>
5953
5983
  </tr>
5954
5984
  <tr>
5955
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5956
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5957
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5958
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5959
- <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>
5960
5990
  </tr>
5961
5991
  <tr>
5962
- <td headers="dt-4-group dt-4-primary dt-4-r1">Lorem Ipsum</td>
5963
- <td headers="dt-4-group dt-4-secondary dt-4-r1">Lorem Ipsum</td>
5964
- <td headers="dt-4-details dt-4-before dt-4-r1">Lorem Ipsum</td>
5965
- <td headers="dt-4-details dt-4-after dt-4-r1">Lorem Ipsum</td>
5966
- <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>
5967
5997
  </tr>
5968
5998
  </tbody>
5969
5999
  </table>
package/docs-dev/demos/details-group/index.html CHANGED
@@ -1965,6 +1965,21 @@
1965
1965
  </li>
1966
1966
 
1967
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
+
1968
1983
  <li class="nav-tree__item ">
1969
1984
 
1970
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
4796
4811
  </li>
4797
4812
 
4798
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
+
4799
4829
  <li class="nav-tree__item ">
4800
4830
 
4801
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
package/docs-dev/demos/file-save/index.html CHANGED
@@ -1965,6 +1965,21 @@
1965
1965
  </li>
1966
1966
 
1967
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
+
1968
1983
  <li class="nav-tree__item ">
1969
1984
 
1970
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
4796
4811
  </li>
4797
4812
 
4798
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
+
4799
4829
  <li class="nav-tree__item ">
4800
4830
 
4801
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
package/docs-dev/demos/flipcard/index.html CHANGED
@@ -1965,6 +1965,21 @@
1965
1965
  </li>
1966
1966
 
1967
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
+
1968
1983
  <li class="nav-tree__item ">
1969
1984
 
1970
1985
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">
@@ -4796,6 +4811,21 @@
4796
4811
  </li>
4797
4812
 
4798
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
+
4799
4829
  <li class="nav-tree__item ">
4800
4830
 
4801
4831
  <a class="nav-tree__link " href="/frontend/sass/components/pull-quote/">