@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
@@ -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/">
@@ -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/">
@@ -5771,44 +5861,49 @@
5771
5861
  <li>The default palette color names are used throughout the system</li>
5772
5862
  </ul>
5773
5863
  <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$palette</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5774
- <span class="pjs-token pjs-string">"black"</span> <span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
5775
- <span class="pjs-token pjs-string">"white"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5776
- <span class="pjs-token pjs-string">"type"</span> <span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
5777
- <span class="pjs-token pjs-string">"type-secondary"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5778
- <span class="pjs-token pjs-string">"type-tertiary"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>125<span class="pjs-token pjs-punctuation">,</span> 125<span class="pjs-token pjs-punctuation">,</span> 125<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5779
- <span class="pjs-token pjs-string">"type-disabled"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>160<span class="pjs-token pjs-punctuation">,</span> 160<span class="pjs-token pjs-punctuation">,</span> 160<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5780
- <span class="pjs-token pjs-string">"headline"</span> <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
5781
- <span class="pjs-token pjs-string">"background"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5782
- <span class="pjs-token pjs-string">"background-gray"</span> <span class="pjs-token pjs-punctuation">:</span> #fafafa<span class="pjs-token pjs-punctuation">,</span>
5783
- <span class="pjs-token pjs-string">"focus"</span> <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5784
- <span class="pjs-token pjs-string">"accent"</span> <span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5785
- <span class="pjs-token pjs-string">"info"</span> <span class="pjs-token pjs-punctuation">:</span> #00bde3<span class="pjs-token pjs-punctuation">,</span>
5786
- <span class="pjs-token pjs-string">"success"</span> <span class="pjs-token pjs-punctuation">:</span> #00a91c<span class="pjs-token pjs-punctuation">,</span>
5787
- <span class="pjs-token pjs-string">"warning"</span> <span class="pjs-token pjs-punctuation">:</span> #ffbe2e<span class="pjs-token pjs-punctuation">,</span>
5788
- <span class="pjs-token pjs-string">"danger"</span> <span class="pjs-token pjs-punctuation">:</span> #d54309<span class="pjs-token pjs-punctuation">,</span>
5789
- <span class="pjs-token pjs-string">"info-background"</span> <span class="pjs-token pjs-punctuation">:</span> #e7f6f8<span class="pjs-token pjs-punctuation">,</span>
5790
- <span class="pjs-token pjs-string">"success-background"</span> <span class="pjs-token pjs-punctuation">:</span> #ecf3ec<span class="pjs-token pjs-punctuation">,</span>
5791
- <span class="pjs-token pjs-string">"warning-background"</span> <span class="pjs-token pjs-punctuation">:</span> #faf3d1<span class="pjs-token pjs-punctuation">,</span>
5792
- <span class="pjs-token pjs-string">"danger-background"</span> <span class="pjs-token pjs-punctuation">:</span> #f4e3db<span class="pjs-token pjs-punctuation">,</span>
5793
- <span class="pjs-token pjs-string">"selected"</span> <span class="pjs-token pjs-punctuation">:</span> green<span class="pjs-token pjs-punctuation">,</span>
5794
- <span class="pjs-token pjs-string">"box-shadow"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.349<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5795
- <span class="pjs-token pjs-string">"box-shadow-hover"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.5<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5796
- <span class="pjs-token pjs-string">"rule"</span> <span class="pjs-token pjs-punctuation">:</span> gray<span class="pjs-token pjs-punctuation">,</span>
5797
- <span class="pjs-token pjs-string">"rule-light"</span> <span class="pjs-token pjs-punctuation">:</span> lightgray<span class="pjs-token pjs-punctuation">,</span>
5798
- <span class="pjs-token pjs-string">"link"</span> <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5799
- <span class="pjs-token pjs-string">"link-hover"</span> <span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
5800
- <span class="pjs-token pjs-string">"link-active"</span> <span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
5801
- <span class="pjs-token pjs-string">"link-visited"</span> <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5802
- <span class="pjs-token pjs-string">"bullet"</span> <span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
5803
- <span class="pjs-token pjs-string">"control"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5804
- <span class="pjs-token pjs-string">"control-hover"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5805
- <span class="pjs-token pjs-string">"control-active"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5806
- <span class="pjs-token pjs-string">"control-border"</span> <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5807
- <span class="pjs-token pjs-string">"control-border-hover"</span> <span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5808
- <span class="pjs-token pjs-string">"control-border-active"</span> <span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5809
- <span class="pjs-token pjs-string">"control-background"</span> <span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5810
- <span class="pjs-token pjs-string">"control-background-hover"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5811
- <span class="pjs-token pjs-string">"control-background-active"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5864
+ <span class="pjs-token pjs-string">"black"</span><span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
5865
+ <span class="pjs-token pjs-string">"white"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5866
+ <span class="pjs-token pjs-string">"type"</span><span class="pjs-token pjs-punctuation">:</span> black<span class="pjs-token pjs-punctuation">,</span>
5867
+ <span class="pjs-token pjs-string">"type-secondary"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">,</span> 82<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5868
+ <span class="pjs-token pjs-string">"type-tertiary"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>125<span class="pjs-token pjs-punctuation">,</span> 125<span class="pjs-token pjs-punctuation">,</span> 125<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5869
+ <span class="pjs-token pjs-string">"type-disabled"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgb</span><span class="pjs-token pjs-punctuation">(</span>160<span class="pjs-token pjs-punctuation">,</span> 160<span class="pjs-token pjs-punctuation">,</span> 160<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5870
+ <span class="pjs-token pjs-string">"headline"</span><span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
5871
+ <span class="pjs-token pjs-string">"background"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5872
+ <span class="pjs-token pjs-string">"background-gray"</span><span class="pjs-token pjs-punctuation">:</span> #fafafa<span class="pjs-token pjs-punctuation">,</span>
5873
+ <span class="pjs-token pjs-string">"focus"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5874
+ <span class="pjs-token pjs-string">"accent"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5875
+ <span class="pjs-token pjs-string">"info"</span><span class="pjs-token pjs-punctuation">:</span> #00bde3<span class="pjs-token pjs-punctuation">,</span>
5876
+ <span class="pjs-token pjs-string">"success"</span><span class="pjs-token pjs-punctuation">:</span> #00a91c<span class="pjs-token pjs-punctuation">,</span>
5877
+ <span class="pjs-token pjs-string">"warning"</span><span class="pjs-token pjs-punctuation">:</span> #ffbe2e<span class="pjs-token pjs-punctuation">,</span>
5878
+ <span class="pjs-token pjs-string">"danger"</span><span class="pjs-token pjs-punctuation">:</span> #d54309<span class="pjs-token pjs-punctuation">,</span>
5879
+ <span class="pjs-token pjs-string">"info-background"</span><span class="pjs-token pjs-punctuation">:</span> #e7f6f8<span class="pjs-token pjs-punctuation">,</span>
5880
+ <span class="pjs-token pjs-string">"success-background"</span><span class="pjs-token pjs-punctuation">:</span> #ecf3ec<span class="pjs-token pjs-punctuation">,</span>
5881
+ <span class="pjs-token pjs-string">"warning-background"</span><span class="pjs-token pjs-punctuation">:</span> #faf3d1<span class="pjs-token pjs-punctuation">,</span>
5882
+ <span class="pjs-token pjs-string">"danger-background"</span><span class="pjs-token pjs-punctuation">:</span> #f4e3db<span class="pjs-token pjs-punctuation">,</span>
5883
+ <span class="pjs-token pjs-comment">// Used for background of elements that are placeholder or that have no value (think charts)</span>
5884
+ <span class="pjs-token pjs-string">"placeholder-background"</span><span class="pjs-token pjs-punctuation">:</span> #e2e2e2<span class="pjs-token pjs-punctuation">,</span>
5885
+ <span class="pjs-token pjs-string">"placeholder-background-alt"</span><span class="pjs-token pjs-punctuation">:</span> #bababa<span class="pjs-token pjs-punctuation">,</span>
5886
+ <span class="pjs-token pjs-string">"selected"</span><span class="pjs-token pjs-punctuation">:</span> green<span class="pjs-token pjs-punctuation">,</span>
5887
+ <span class="pjs-token pjs-string">"box-shadow"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.349<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5888
+ <span class="pjs-token pjs-string">"box-shadow-hover"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-function">rgba</span><span class="pjs-token pjs-punctuation">(</span>0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0<span class="pjs-token pjs-punctuation">,</span> 0.5<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5889
+ <span class="pjs-token pjs-string">"rule"</span><span class="pjs-token pjs-punctuation">:</span> gray<span class="pjs-token pjs-punctuation">,</span>
5890
+ <span class="pjs-token pjs-string">"rule-light"</span><span class="pjs-token pjs-punctuation">:</span> lightgray<span class="pjs-token pjs-punctuation">,</span>
5891
+ <span class="pjs-token pjs-string">"link"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5892
+ <span class="pjs-token pjs-string">"link-hover"</span><span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
5893
+ <span class="pjs-token pjs-string">"link-active"</span><span class="pjs-token pjs-punctuation">:</span> darkblue<span class="pjs-token pjs-punctuation">,</span>
5894
+ <span class="pjs-token pjs-string">"link-visited"</span><span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5895
+ <span class="pjs-token pjs-string">"bullet"</span><span class="pjs-token pjs-punctuation">:</span> inherit<span class="pjs-token pjs-punctuation">,</span>
5896
+ <span class="pjs-token pjs-string">"control"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5897
+ <span class="pjs-token pjs-string">"control-hover"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5898
+ <span class="pjs-token pjs-string">"control-active"</span><span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
5899
+ <span class="pjs-token pjs-string">"control-border"</span><span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5900
+ <span class="pjs-token pjs-string">"control-border-hover"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5901
+ <span class="pjs-token pjs-string">"control-border-active"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5902
+ <span class="pjs-token pjs-string">"control-background"</span><span class="pjs-token pjs-punctuation">:</span> purple<span class="pjs-token pjs-punctuation">,</span>
5903
+ <span class="pjs-token pjs-string">"control-background-hover"</span><span class="pjs-token pjs-punctuation">:</span> blue<span class="pjs-token pjs-punctuation">,</span>
5904
+ <span class="pjs-token pjs-string">"control-background-active"</span><span class="pjs-token pjs-punctuation">:</span> orange<span class="pjs-token pjs-punctuation">,</span>
5905
+ <span class="pjs-token pjs-comment">// Like accent indicator like things in ui (progress, etc)</span>
5906
+ <span class="pjs-token pjs-string">"indicator"</span> <span class="pjs-token pjs-punctuation">:</span> #5050ab<span class="pjs-token pjs-punctuation">,</span>
5812
5907
  <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5813
5908
  <details>
5814
5909
  <summary>File Information</summary>
@@ -5817,7 +5912,7 @@
5817
5912
  <li><strong>Group:</strong> color</li>
5818
5913
  <li><strong>Type:</strong> variable</li>
5819
5914
  <li><strong>Lines (comments):</strong> 13-16</li>
5820
- <li><strong>Lines (code):</strong> 18-57</li>
5915
+ <li><strong>Lines (code):</strong> 18-62</li>
5821
5916
  </ul>
5822
5917
  </details>
5823
5918
  <div class="sassdoc-item-header">
@@ -5845,8 +5940,8 @@
5845
5940
  <li><strong>File:</strong> _color.scss</li>
5846
5941
  <li><strong>Group:</strong> color</li>
5847
5942
  <li><strong>Type:</strong> variable</li>
5848
- <li><strong>Lines (comments):</strong> 59-63</li>
5849
- <li><strong>Lines (code):</strong> 65-76</li>
5943
+ <li><strong>Lines (comments):</strong> 64-68</li>
5944
+ <li><strong>Lines (code):</strong> 70-81</li>
5850
5945
  </ul>
5851
5946
  </details>
5852
5947
  <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5897,8 +5992,8 @@
5897
5992
  <li><strong>File:</strong> _color.scss</li>
5898
5993
  <li><strong>Group:</strong> color</li>
5899
5994
  <li><strong>Type:</strong> variable</li>
5900
- <li><strong>Lines (comments):</strong> 78-79</li>
5901
- <li><strong>Lines (code):</strong> 80-84</li>
5995
+ <li><strong>Lines (comments):</strong> 83-84</li>
5996
+ <li><strong>Lines (code):</strong> 85-89</li>
5902
5997
  </ul>
5903
5998
  </details>
5904
5999
  <h2 id="mixins" tabindex="-1">Mixins</h2>
@@ -5915,8 +6010,8 @@
5915
6010
  <li><strong>File:</strong> _color.scss</li>
5916
6011
  <li><strong>Group:</strong> color</li>
5917
6012
  <li><strong>Type:</strong> mixin</li>
5918
- <li><strong>Lines (comments):</strong> 86-92</li>
5919
- <li><strong>Lines (code):</strong> 94-96</li>
6013
+ <li><strong>Lines (comments):</strong> 91-97</li>
6014
+ <li><strong>Lines (code):</strong> 99-101</li>
5920
6015
  </ul>
5921
6016
  </details>
5922
6017
  <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5959,8 +6054,8 @@
5959
6054
  <li><strong>File:</strong> _color.scss</li>
5960
6055
  <li><strong>Group:</strong> color</li>
5961
6056
  <li><strong>Type:</strong> mixin</li>
5962
- <li><strong>Lines (comments):</strong> 121-122</li>
5963
- <li><strong>Lines (code):</strong> 124-126</li>
6057
+ <li><strong>Lines (comments):</strong> 126-127</li>
6058
+ <li><strong>Lines (code):</strong> 129-131</li>
5964
6059
  </ul>
5965
6060
  </details>
5966
6061
  <h4 id="parameters-1" tabindex="-1">Parameters</h4>
@@ -5997,8 +6092,8 @@
5997
6092
  <li><strong>File:</strong> _color.scss</li>
5998
6093
  <li><strong>Group:</strong> color</li>
5999
6094
  <li><strong>Type:</strong> mixin</li>
6000
- <li><strong>Lines (comments):</strong> 135-145</li>
6001
- <li><strong>Lines (code):</strong> 147-149</li>
6095
+ <li><strong>Lines (comments):</strong> 140-150</li>
6096
+ <li><strong>Lines (code):</strong> 152-154</li>
6002
6097
  </ul>
6003
6098
  </details>
6004
6099
  <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -6054,8 +6149,8 @@
6054
6149
  <li><strong>File:</strong> _color.scss</li>
6055
6150
  <li><strong>Group:</strong> color</li>
6056
6151
  <li><strong>Type:</strong> mixin</li>
6057
- <li><strong>Lines (comments):</strong> 174-175</li>
6058
- <li><strong>Lines (code):</strong> 177-183</li>
6152
+ <li><strong>Lines (comments):</strong> 179-180</li>
6153
+ <li><strong>Lines (code):</strong> 182-188</li>
6059
6154
  </ul>
6060
6155
  </details>
6061
6156
  <h4 id="parameters-3" tabindex="-1">Parameters</h4>
@@ -6094,8 +6189,8 @@
6094
6189
  <li><strong>File:</strong> _color.scss</li>
6095
6190
  <li><strong>Group:</strong> color</li>
6096
6191
  <li><strong>Type:</strong> mixin</li>
6097
- <li><strong>Lines (comments):</strong> 229-236</li>
6098
- <li><strong>Lines (code):</strong> 238-247</li>
6192
+ <li><strong>Lines (comments):</strong> 234-241</li>
6193
+ <li><strong>Lines (code):</strong> 243-252</li>
6099
6194
  </ul>
6100
6195
  </details>
6101
6196
  <h4 id="examples-2" tabindex="-1">Examples</h4>
@@ -6147,8 +6242,8 @@
6147
6242
  <li><strong>File:</strong> _color.scss</li>
6148
6243
  <li><strong>Group:</strong> color</li>
6149
6244
  <li><strong>Type:</strong> mixin</li>
6150
- <li><strong>Lines (comments):</strong> 249-253</li>
6151
- <li><strong>Lines (code):</strong> 255-264</li>
6245
+ <li><strong>Lines (comments):</strong> 254-258</li>
6246
+ <li><strong>Lines (code):</strong> 260-269</li>
6152
6247
  </ul>
6153
6248
  </details>
6154
6249
  <h4 id="examples-3" tabindex="-1">Examples</h4>
@@ -6179,8 +6274,8 @@
6179
6274
  <li><strong>File:</strong> _color.scss</li>
6180
6275
  <li><strong>Group:</strong> color</li>
6181
6276
  <li><strong>Type:</strong> function</li>
6182
- <li><strong>Lines (comments):</strong> 98-100</li>
6183
- <li><strong>Lines (code):</strong> 102-119</li>
6277
+ <li><strong>Lines (comments):</strong> 103-105</li>
6278
+ <li><strong>Lines (code):</strong> 107-124</li>
6184
6279
  </ul>
6185
6280
  </details>
6186
6281
  <h4 id="parameters-5" tabindex="-1">Parameters</h4>
@@ -6233,8 +6328,8 @@
6233
6328
  <li><strong>File:</strong> _color.scss</li>
6234
6329
  <li><strong>Group:</strong> color</li>
6235
6330
  <li><strong>Type:</strong> function</li>
6236
- <li><strong>Lines (comments):</strong> 128-128</li>
6237
- <li><strong>Lines (code):</strong> 130-133</li>
6331
+ <li><strong>Lines (comments):</strong> 133-133</li>
6332
+ <li><strong>Lines (code):</strong> 135-138</li>
6238
6333
  </ul>
6239
6334
  </details>
6240
6335
  <h4 id="require-7" tabindex="-1">Require</h4>
@@ -6255,8 +6350,8 @@
6255
6350
  <li><strong>File:</strong> _color.scss</li>
6256
6351
  <li><strong>Group:</strong> color</li>
6257
6352
  <li><strong>Type:</strong> function</li>
6258
- <li><strong>Lines (comments):</strong> 151-153</li>
6259
- <li><strong>Lines (code):</strong> 155-157</li>
6353
+ <li><strong>Lines (comments):</strong> 156-158</li>
6354
+ <li><strong>Lines (code):</strong> 160-162</li>
6260
6355
  </ul>
6261
6356
  </details>
6262
6357
  <h4 id="parameters-6" tabindex="-1">Parameters</h4>
@@ -6307,8 +6402,8 @@
6307
6402
  <li><strong>File:</strong> _color.scss</li>
6308
6403
  <li><strong>Group:</strong> color</li>
6309
6404
  <li><strong>Type:</strong> function</li>
6310
- <li><strong>Lines (comments):</strong> 159-162</li>
6311
- <li><strong>Lines (code):</strong> 164-172</li>
6405
+ <li><strong>Lines (comments):</strong> 164-167</li>
6406
+ <li><strong>Lines (code):</strong> 169-177</li>
6312
6407
  </ul>
6313
6408
  </details>
6314
6409
  <h4 id="parameters-7" tabindex="-1">Parameters</h4>
@@ -6364,8 +6459,8 @@
6364
6459
  <li><strong>File:</strong> _color.scss</li>
6365
6460
  <li><strong>Group:</strong> color</li>
6366
6461
  <li><strong>Type:</strong> function</li>
6367
- <li><strong>Lines (comments):</strong> 185-190</li>
6368
- <li><strong>Lines (code):</strong> 192-194</li>
6462
+ <li><strong>Lines (comments):</strong> 190-195</li>
6463
+ <li><strong>Lines (code):</strong> 197-199</li>
6369
6464
  <li><strong>Author:</strong></li>
6370
6465
  </ul>
6371
6466
  </details>
@@ -6429,8 +6524,8 @@
6429
6524
  <li><strong>File:</strong> _color.scss</li>
6430
6525
  <li><strong>Group:</strong> color</li>
6431
6526
  <li><strong>Type:</strong> function</li>
6432
- <li><strong>Lines (comments):</strong> 196-201</li>
6433
- <li><strong>Lines (code):</strong> 203-205</li>
6527
+ <li><strong>Lines (comments):</strong> 201-206</li>
6528
+ <li><strong>Lines (code):</strong> 208-210</li>
6434
6529
  </ul>
6435
6530
  </details>
6436
6531
  <h4 id="parameters-9" tabindex="-1">Parameters</h4>
@@ -6485,8 +6580,8 @@
6485
6580
  <li><strong>File:</strong> _color.scss</li>
6486
6581
  <li><strong>Group:</strong> color</li>
6487
6582
  <li><strong>Type:</strong> function</li>
6488
- <li><strong>Lines (comments):</strong> 207-212</li>
6489
- <li><strong>Lines (code):</strong> 214-216</li>
6583
+ <li><strong>Lines (comments):</strong> 212-217</li>
6584
+ <li><strong>Lines (code):</strong> 219-221</li>
6490
6585
  <li><strong>Author:</strong> Kitty Giraudel</li>
6491
6586
  </ul>
6492
6587
  </details>
@@ -6550,8 +6645,8 @@
6550
6645
  <li><strong>File:</strong> _color.scss</li>
6551
6646
  <li><strong>Group:</strong> color</li>
6552
6647
  <li><strong>Type:</strong> function</li>
6553
- <li><strong>Lines (comments):</strong> 218-223</li>
6554
- <li><strong>Lines (code):</strong> 225-227</li>
6648
+ <li><strong>Lines (comments):</strong> 223-228</li>
6649
+ <li><strong>Lines (code):</strong> 230-232</li>
6555
6650
  </ul>
6556
6651
  </details>
6557
6652
  <h4 id="parameters-11" tabindex="-1">Parameters</h4>
@@ -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/">