@ulu/frontend 0.1.0-beta.39 → 0.1.0-beta.40

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 (165) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +14 -14
  4. package/docs-dev/changelog/index.html +107 -9
  5. package/docs-dev/demos/accordion/index.html +60 -0
  6. package/docs-dev/demos/breakpoints-manager/index.html +60 -0
  7. package/docs-dev/demos/button/index.html +60 -0
  8. package/docs-dev/demos/button-verbose/index.html +60 -0
  9. package/docs-dev/demos/callout/index.html +60 -0
  10. package/docs-dev/demos/captioned-figure/index.html +60 -0
  11. package/docs-dev/demos/card/index.html +76 -16
  12. package/docs-dev/demos/card-grid/index.html +60 -0
  13. package/docs-dev/demos/counter-list/index.html +5224 -0
  14. package/docs-dev/demos/css-icons/index.html +60 -0
  15. package/docs-dev/demos/data-grid/index.html +60 -0
  16. package/docs-dev/demos/data-table/index.html +160 -100
  17. package/docs-dev/demos/details-group/index.html +60 -0
  18. package/docs-dev/demos/file-save/index.html +60 -0
  19. package/docs-dev/demos/flipcard/index.html +60 -0
  20. package/docs-dev/demos/form-theme/index.html +60 -0
  21. package/docs-dev/demos/index.html +60 -0
  22. package/docs-dev/demos/list-inline/index.html +60 -0
  23. package/docs-dev/demos/list-lines/index.html +60 -0
  24. package/docs-dev/demos/menu-stack/index.html +60 -0
  25. package/docs-dev/demos/modals/index.html +68 -0
  26. package/docs-dev/demos/nav-strip/index.html +60 -0
  27. package/docs-dev/demos/overlay-section/index.html +60 -0
  28. package/docs-dev/demos/popovers/index.html +60 -0
  29. package/docs-dev/demos/print/index.html +60 -0
  30. package/docs-dev/demos/pull-quote/index.html +60 -0
  31. package/docs-dev/demos/rule/index.html +60 -0
  32. package/docs-dev/demos/scrollpoints/index.html +60 -0
  33. package/docs-dev/demos/spoke-spinner/index.html +60 -0
  34. package/docs-dev/demos/sticky-list/index.html +60 -0
  35. package/docs-dev/demos/tabs/index.html +60 -0
  36. package/docs-dev/demos/tag/index.html +60 -0
  37. package/docs-dev/demos/theme-toggle/index.html +60 -0
  38. package/docs-dev/demos/tiles/index.html +60 -0
  39. package/docs-dev/demos/tooltip/index.html +60 -0
  40. package/docs-dev/guide/building-stylesheet/index.html +60 -0
  41. package/docs-dev/guide/developing-ulu-scss-module/index.html +60 -0
  42. package/docs-dev/guide/index.html +60 -0
  43. package/docs-dev/index.html +60 -0
  44. package/docs-dev/javascript/events/index.html +60 -0
  45. package/docs-dev/javascript/index.html +60 -0
  46. package/docs-dev/javascript/settings/index.html +60 -0
  47. package/docs-dev/javascript/ui-breakpoints/index.html +60 -0
  48. package/docs-dev/javascript/ui-collapsible/index.html +60 -0
  49. package/docs-dev/javascript/ui-details-group/index.html +60 -0
  50. package/docs-dev/javascript/ui-dialog/index.html +60 -0
  51. package/docs-dev/javascript/ui-flipcard/index.html +60 -0
  52. package/docs-dev/javascript/ui-grid/index.html +60 -0
  53. package/docs-dev/javascript/ui-modal-builder/index.html +60 -0
  54. package/docs-dev/javascript/ui-overflow-scroller/index.html +60 -0
  55. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +60 -0
  56. package/docs-dev/javascript/ui-page/index.html +60 -0
  57. package/docs-dev/javascript/ui-popover/index.html +60 -0
  58. package/docs-dev/javascript/ui-print/index.html +60 -0
  59. package/docs-dev/javascript/ui-print-details/index.html +60 -0
  60. package/docs-dev/javascript/ui-programmatic-modal/index.html +60 -0
  61. package/docs-dev/javascript/ui-proxy-click/index.html +60 -0
  62. package/docs-dev/javascript/ui-resizer/index.html +60 -0
  63. package/docs-dev/javascript/ui-scroll-slider/index.html +60 -0
  64. package/docs-dev/javascript/ui-scrollpoint/index.html +60 -0
  65. package/docs-dev/javascript/ui-slider/index.html +60 -0
  66. package/docs-dev/javascript/ui-tabs/index.html +60 -0
  67. package/docs-dev/javascript/ui-theme-toggle/index.html +60 -0
  68. package/docs-dev/javascript/ui-tooltip/index.html +60 -0
  69. package/docs-dev/javascript/utils-class-logger/index.html +60 -0
  70. package/docs-dev/javascript/utils-css/index.html +60 -0
  71. package/docs-dev/javascript/utils-dom/index.html +105 -8
  72. package/docs-dev/javascript/utils-file-save/index.html +60 -0
  73. package/docs-dev/javascript/utils-floating-ui/index.html +60 -0
  74. package/docs-dev/javascript/utils-id/index.html +60 -0
  75. package/docs-dev/javascript/utils-pause-youtube-video/index.html +60 -0
  76. package/docs-dev/javascript/utils-system/index.html +60 -0
  77. package/docs-dev/sass/base/color/index.html +60 -0
  78. package/docs-dev/sass/base/elements/index.html +130 -70
  79. package/docs-dev/sass/base/index/index.html +116 -56
  80. package/docs-dev/sass/base/index.html +60 -0
  81. package/docs-dev/sass/base/keyframes/index.html +60 -0
  82. package/docs-dev/sass/base/layout/index.html +123 -63
  83. package/docs-dev/sass/base/normalize/index.html +60 -0
  84. package/docs-dev/sass/base/print/index.html +60 -0
  85. package/docs-dev/sass/base/root/index.html +60 -0
  86. package/docs-dev/sass/base/typography/index.html +60 -0
  87. package/docs-dev/sass/components/accordion/index.html +178 -118
  88. package/docs-dev/sass/components/adaptive-spacing/index.html +184 -124
  89. package/docs-dev/sass/components/badge/index.html +156 -96
  90. package/docs-dev/sass/components/basic-hero/index.html +122 -62
  91. package/docs-dev/sass/components/button/index.html +109 -49
  92. package/docs-dev/sass/components/button-verbose/index.html +188 -128
  93. package/docs-dev/sass/components/callout/index.html +223 -163
  94. package/docs-dev/sass/components/captioned-figure/index.html +174 -114
  95. package/docs-dev/sass/components/card/index.html +228 -168
  96. package/docs-dev/sass/components/card-grid/index.html +130 -70
  97. package/docs-dev/sass/components/counter-list/index.html +5458 -0
  98. package/docs-dev/sass/components/css-icon/index.html +200 -140
  99. package/docs-dev/sass/components/data-grid/index.html +227 -167
  100. package/docs-dev/sass/components/data-table/index.html +174 -114
  101. package/docs-dev/sass/components/fill-context/index.html +60 -0
  102. package/docs-dev/sass/components/flipcard/index.html +222 -162
  103. package/docs-dev/sass/components/flipcard-grid/index.html +117 -57
  104. package/docs-dev/sass/components/form-theme/index.html +497 -437
  105. package/docs-dev/sass/components/hero/index.html +167 -107
  106. package/docs-dev/sass/components/horizontal-rule/index.html +116 -56
  107. package/docs-dev/sass/components/image-grid/index.html +123 -63
  108. package/docs-dev/sass/components/index/index.html +161 -100
  109. package/docs-dev/sass/components/index.html +60 -0
  110. package/docs-dev/sass/components/links/index.html +60 -0
  111. package/docs-dev/sass/components/list-inline/index.html +137 -77
  112. package/docs-dev/sass/components/list-lines/index.html +158 -98
  113. package/docs-dev/sass/components/list-ordered/index.html +60 -0
  114. package/docs-dev/sass/components/list-unordered/index.html +60 -0
  115. package/docs-dev/sass/components/menu-stack/index.html +179 -119
  116. package/docs-dev/sass/components/modal/index.html +174 -114
  117. package/docs-dev/sass/components/nav-strip/index.html +174 -114
  118. package/docs-dev/sass/components/overlay-section/index.html +161 -101
  119. package/docs-dev/sass/components/pager/index.html +174 -114
  120. package/docs-dev/sass/components/placeholder-block/index.html +174 -114
  121. package/docs-dev/sass/components/popover/index.html +174 -114
  122. package/docs-dev/sass/components/pull-quote/index.html +174 -114
  123. package/docs-dev/sass/components/ratio-box/index.html +120 -60
  124. package/docs-dev/sass/components/rule/index.html +123 -63
  125. package/docs-dev/sass/components/scroll-slider/index.html +174 -114
  126. package/docs-dev/sass/components/skip-link/index.html +94 -34
  127. package/docs-dev/sass/components/slider/index.html +174 -114
  128. package/docs-dev/sass/components/spoke-spinner/index.html +116 -56
  129. package/docs-dev/sass/components/sticky-list/index.html +206 -146
  130. package/docs-dev/sass/components/tabs/index.html +174 -114
  131. package/docs-dev/sass/components/tag/index.html +221 -161
  132. package/docs-dev/sass/components/tile-button/index.html +161 -101
  133. package/docs-dev/sass/components/tile-grid/index.html +202 -142
  134. package/docs-dev/sass/components/tile-grid-overlay/index.html +97 -37
  135. package/docs-dev/sass/components/vignette/index.html +116 -56
  136. package/docs-dev/sass/components/wysiwyg/index.html +125 -65
  137. package/docs-dev/sass/core/breakpoint/index.html +160 -100
  138. package/docs-dev/sass/core/button/index.html +526 -466
  139. package/docs-dev/sass/core/color/index.html +217 -157
  140. package/docs-dev/sass/core/cssvar/index.html +109 -49
  141. package/docs-dev/sass/core/element/index.html +495 -435
  142. package/docs-dev/sass/core/index.html +60 -0
  143. package/docs-dev/sass/core/layout/index.html +167 -107
  144. package/docs-dev/sass/core/path/index.html +92 -32
  145. package/docs-dev/sass/core/selector/index.html +109 -49
  146. package/docs-dev/sass/core/typography/index.html +344 -284
  147. package/docs-dev/sass/core/units/index.html +141 -81
  148. package/docs-dev/sass/core/utils/index.html +130 -70
  149. package/docs-dev/sass/helpers/color/index.html +60 -0
  150. package/docs-dev/sass/helpers/display/index.html +60 -0
  151. package/docs-dev/sass/helpers/index/index.html +113 -53
  152. package/docs-dev/sass/helpers/index.html +60 -0
  153. package/docs-dev/sass/helpers/typography/index.html +60 -0
  154. package/docs-dev/sass/helpers/units/index.html +107 -47
  155. package/docs-dev/sass/helpers/utilities/index.html +60 -0
  156. package/docs-dev/sass/index.html +60 -0
  157. package/js/ui/dialog.js +28 -3
  158. package/js/utils/dom.js +14 -3
  159. package/package.json +2 -2
  160. package/scss/components/_counter-list.scss +133 -0
  161. package/scss/components/_index.scss +6 -0
  162. package/types/ui/dialog.d.ts +1 -0
  163. package/types/ui/dialog.d.ts.map +1 -1
  164. package/types/utils/dom.d.ts +11 -3
  165. package/types/utils/dom.d.ts.map +1 -1
@@ -286,6 +286,21 @@
286
286
  </li>
287
287
 
288
288
 
289
+ <li class="nav-tree__item ">
290
+
291
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
292
+
293
+
294
+ <span class="nav-tree__text">
295
+ Counter List
296
+ </span>
297
+
298
+ </a>
299
+
300
+
301
+ </li>
302
+
303
+
289
304
  <li class="nav-tree__item ">
290
305
 
291
306
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -1335,6 +1350,21 @@
1335
1350
  </li>
1336
1351
 
1337
1352
 
1353
+ <li class="nav-tree__item ">
1354
+
1355
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
1356
+
1357
+
1358
+ <span class="nav-tree__text">
1359
+ Counter-list
1360
+ </span>
1361
+
1362
+ </a>
1363
+
1364
+
1365
+ </li>
1366
+
1367
+
1338
1368
  <li class="nav-tree__item ">
1339
1369
 
1340
1370
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -2802,6 +2832,21 @@
2802
2832
  </li>
2803
2833
 
2804
2834
 
2835
+ <li class="nav-tree__item ">
2836
+
2837
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
2838
+
2839
+
2840
+ <span class="nav-tree__text">
2841
+ Counter List
2842
+ </span>
2843
+
2844
+ </a>
2845
+
2846
+
2847
+ </li>
2848
+
2849
+
2805
2850
  <li class="nav-tree__item ">
2806
2851
 
2807
2852
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -3851,6 +3896,21 @@
3851
3896
  </li>
3852
3897
 
3853
3898
 
3899
+ <li class="nav-tree__item ">
3900
+
3901
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
3902
+
3903
+
3904
+ <span class="nav-tree__text">
3905
+ Counter-list
3906
+ </span>
3907
+
3908
+ </a>
3909
+
3910
+
3911
+ </li>
3912
+
3913
+
3854
3914
  <li class="nav-tree__item ">
3855
3915
 
3856
3916
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -5106,15 +5166,6 @@
5106
5166
  <div class="toc">
5107
5167
  <ol>
5108
5168
 
5109
- <li><a href="#variables">Variables</a>
5110
-
5111
- <ol>
5112
-
5113
- <li><a href="#variable-config">$config</a>
5114
- </li>
5115
- </ol>
5116
- </li>
5117
-
5118
5169
  <li><a href="#mixins">Mixins</a>
5119
5170
 
5120
5171
  <ol>
@@ -5133,6 +5184,15 @@
5133
5184
 
5134
5185
  <li><a href="#function-get">get()</a>
5135
5186
  </li>
5187
+ </ol>
5188
+ </li>
5189
+
5190
+ <li><a href="#variables">Variables</a>
5191
+
5192
+ <ol>
5193
+
5194
+ <li><a href="#variable-config">$config</a>
5195
+ </li>
5136
5196
  </ol>
5137
5197
  </li>
5138
5198
  </ol>
@@ -5149,60 +5209,6 @@
5149
5209
  <h1 id="image-grid" tabindex="-1">Image-grid</h1>
5150
5210
  <div class="type-large">
5151
5211
  </div>
5152
- <h2 id="variables" tabindex="-1">Variables</h2>
5153
- <div class="sassdoc-item-header">
5154
- <h3 id="variable-config" tabindex="-1">$config</h3>
5155
- <div class="sassdoc-item-header__labels">
5156
- <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
5157
- </div>
5158
- </div>
5159
- <p>Module Settings</p>
5160
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$config</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5161
- <span class="pjs-token pjs-string">"breakpoint"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"small"</span><span class="pjs-token pjs-punctuation">,</span>
5162
- <span class="pjs-token pjs-string">"gap"</span><span class="pjs-token pjs-punctuation">:</span> 3px<span class="pjs-token pjs-punctuation">,</span>
5163
- <span class="pjs-token pjs-string">"min-width"</span><span class="pjs-token pjs-punctuation">:</span> math.<span class="pjs-token pjs-function">div</span><span class="pjs-token pjs-punctuation">(</span>100%<span class="pjs-token pjs-punctuation">,</span> 3<span class="pjs-token pjs-punctuation">)</span>
5164
- <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5165
- <details>
5166
- <summary>File Information</summary>
5167
- <ul>
5168
- <li><strong>File:</strong> _image-grid.scss</li>
5169
- <li><strong>Group:</strong> image-grid</li>
5170
- <li><strong>Type:</strong> variable</li>
5171
- <li><strong>Lines (comments):</strong> 13-17</li>
5172
- <li><strong>Lines (code):</strong> 19-23</li>
5173
- </ul>
5174
- </details>
5175
- <h4 id="map-properties" tabindex="-1">Map Properties</h4>
5176
- <table>
5177
- <thead>
5178
- <tr>
5179
- <th style="text-align:left">Name</th>
5180
- <th style="text-align:left">Type</th>
5181
- <th style="text-align:left">Default</th>
5182
- <th style="text-align:left">Description</th>
5183
- </tr>
5184
- </thead>
5185
- <tbody>
5186
- <tr>
5187
- <td style="text-align:left">breakpoint</td>
5188
- <td style="text-align:left">String</td>
5189
- <td style="text-align:left">&quot;small&quot;</td>
5190
- <td style="text-align:left">Sets the min breakpoint for the grid to print. This uses breakpoint.scss, so the value of this option should be a breakpoint variable from breakpoint.scss.</td>
5191
- </tr>
5192
- <tr>
5193
- <td style="text-align:left">gap</td>
5194
- <td style="text-align:left">Dimension</td>
5195
- <td style="text-align:left">3px</td>
5196
- <td style="text-align:left">The gap between images in the grid.</td>
5197
- </tr>
5198
- <tr>
5199
- <td style="text-align:left">min-width</td>
5200
- <td style="text-align:left">Dimension</td>
5201
- <td style="text-align:left">math.div(100%, 3)</td>
5202
- <td style="text-align:left">The min-width of the images in the grid.</td>
5203
- </tr>
5204
- </tbody>
5205
- </table>
5206
5212
  <h2 id="mixins" tabindex="-1">Mixins</h2>
5207
5213
  <div class="sassdoc-item-header">
5208
5214
  <h3 id="mixin-set" tabindex="-1">set()</h3>
@@ -5308,6 +5314,60 @@
5308
5314
  <ul>
5309
5315
  <li><a href="/frontend/sass/components/accordion/#variable-config">$config</a></li>
5310
5316
  </ul>
5317
+ <h2 id="variables" tabindex="-1">Variables</h2>
5318
+ <div class="sassdoc-item-header">
5319
+ <h3 id="variable-config" tabindex="-1">$config</h3>
5320
+ <div class="sassdoc-item-header__labels">
5321
+ <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: Map</span>
5322
+ </div>
5323
+ </div>
5324
+ <p>Module Settings</p>
5325
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$config</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5326
+ <span class="pjs-token pjs-string">"breakpoint"</span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"small"</span><span class="pjs-token pjs-punctuation">,</span>
5327
+ <span class="pjs-token pjs-string">"gap"</span><span class="pjs-token pjs-punctuation">:</span> 3px<span class="pjs-token pjs-punctuation">,</span>
5328
+ <span class="pjs-token pjs-string">"min-width"</span><span class="pjs-token pjs-punctuation">:</span> math.<span class="pjs-token pjs-function">div</span><span class="pjs-token pjs-punctuation">(</span>100%<span class="pjs-token pjs-punctuation">,</span> 3<span class="pjs-token pjs-punctuation">)</span>
5329
+ <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5330
+ <details>
5331
+ <summary>File Information</summary>
5332
+ <ul>
5333
+ <li><strong>File:</strong> _image-grid.scss</li>
5334
+ <li><strong>Group:</strong> image-grid</li>
5335
+ <li><strong>Type:</strong> variable</li>
5336
+ <li><strong>Lines (comments):</strong> 13-17</li>
5337
+ <li><strong>Lines (code):</strong> 19-23</li>
5338
+ </ul>
5339
+ </details>
5340
+ <h4 id="map-properties" tabindex="-1">Map Properties</h4>
5341
+ <table>
5342
+ <thead>
5343
+ <tr>
5344
+ <th style="text-align:left">Name</th>
5345
+ <th style="text-align:left">Type</th>
5346
+ <th style="text-align:left">Default</th>
5347
+ <th style="text-align:left">Description</th>
5348
+ </tr>
5349
+ </thead>
5350
+ <tbody>
5351
+ <tr>
5352
+ <td style="text-align:left">breakpoint</td>
5353
+ <td style="text-align:left">String</td>
5354
+ <td style="text-align:left">&quot;small&quot;</td>
5355
+ <td style="text-align:left">Sets the min breakpoint for the grid to print. This uses breakpoint.scss, so the value of this option should be a breakpoint variable from breakpoint.scss.</td>
5356
+ </tr>
5357
+ <tr>
5358
+ <td style="text-align:left">gap</td>
5359
+ <td style="text-align:left">Dimension</td>
5360
+ <td style="text-align:left">3px</td>
5361
+ <td style="text-align:left">The gap between images in the grid.</td>
5362
+ </tr>
5363
+ <tr>
5364
+ <td style="text-align:left">min-width</td>
5365
+ <td style="text-align:left">Dimension</td>
5366
+ <td style="text-align:left">math.div(100%, 3)</td>
5367
+ <td style="text-align:left">The min-width of the images in the grid.</td>
5368
+ </tr>
5369
+ </tbody>
5370
+ </table>
5311
5371
 
5312
5372
  </div>
5313
5373
  </div>
@@ -286,6 +286,21 @@
286
286
  </li>
287
287
 
288
288
 
289
+ <li class="nav-tree__item ">
290
+
291
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
292
+
293
+
294
+ <span class="nav-tree__text">
295
+ Counter List
296
+ </span>
297
+
298
+ </a>
299
+
300
+
301
+ </li>
302
+
303
+
289
304
  <li class="nav-tree__item ">
290
305
 
291
306
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -1335,6 +1350,21 @@
1335
1350
  </li>
1336
1351
 
1337
1352
 
1353
+ <li class="nav-tree__item ">
1354
+
1355
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
1356
+
1357
+
1358
+ <span class="nav-tree__text">
1359
+ Counter-list
1360
+ </span>
1361
+
1362
+ </a>
1363
+
1364
+
1365
+ </li>
1366
+
1367
+
1338
1368
  <li class="nav-tree__item ">
1339
1369
 
1340
1370
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -2802,6 +2832,21 @@
2802
2832
  </li>
2803
2833
 
2804
2834
 
2835
+ <li class="nav-tree__item ">
2836
+
2837
+ <a class="nav-tree__link " href="/frontend/demos/counter-list/">
2838
+
2839
+
2840
+ <span class="nav-tree__text">
2841
+ Counter List
2842
+ </span>
2843
+
2844
+ </a>
2845
+
2846
+
2847
+ </li>
2848
+
2849
+
2805
2850
  <li class="nav-tree__item ">
2806
2851
 
2807
2852
  <a class="nav-tree__link " href="/frontend/demos/css-icons/">
@@ -3851,6 +3896,21 @@
3851
3896
  </li>
3852
3897
 
3853
3898
 
3899
+ <li class="nav-tree__item ">
3900
+
3901
+ <a class="nav-tree__link " href="/frontend/sass/components/counter-list/">
3902
+
3903
+
3904
+ <span class="nav-tree__text">
3905
+ Counter-list
3906
+ </span>
3907
+
3908
+ </a>
3909
+
3910
+
3911
+ </li>
3912
+
3913
+
3854
3914
  <li class="nav-tree__item ">
3855
3915
 
3856
3916
  <a class="nav-tree__link " href="/frontend/sass/components/css-icon/">
@@ -5106,29 +5166,29 @@
5106
5166
  <div class="toc">
5107
5167
  <ol>
5108
5168
 
5109
- <li><a href="#variables">Variables</a>
5169
+ <li><a href="#mixins">Mixins</a>
5110
5170
 
5111
5171
  <ol>
5112
5172
 
5113
- <li><a href="#variable-all-includes">$all-includes</a>
5173
+ <li><a href="#mixin-set-includes">set-includes()</a>
5114
5174
  </li>
5115
5175
 
5116
- <li><a href="#variable-current-includes">$current-includes</a>
5176
+ <li><a href="#mixin-set-excludes">set-excludes()</a>
5177
+ </li>
5178
+
5179
+ <li><a href="#mixin-component-styles">component-styles()</a>
5117
5180
  </li>
5118
5181
  </ol>
5119
5182
  </li>
5120
5183
 
5121
- <li><a href="#mixins">Mixins</a>
5184
+ <li><a href="#variables">Variables</a>
5122
5185
 
5123
5186
  <ol>
5124
5187
 
5125
- <li><a href="#mixin-set-includes">set-includes()</a>
5126
- </li>
5127
-
5128
- <li><a href="#mixin-set-excludes">set-excludes()</a>
5188
+ <li><a href="#variable-all-includes">$all-includes</a>
5129
5189
  </li>
5130
5190
 
5131
- <li><a href="#mixin-component-styles">component-styles()</a>
5191
+ <li><a href="#variable-current-includes">$current-includes</a>
5132
5192
  </li>
5133
5193
  </ol>
5134
5194
  </li>
@@ -5147,91 +5207,6 @@
5147
5207
  <div class="type-large">
5148
5208
  <p>Outputs all component stylesheets, optionally choose to set includes or excludes to narrow down components that are output.</p>
5149
5209
  </div>
5150
- <h2 id="variables" tabindex="-1">Variables</h2>
5151
- <div class="sassdoc-item-header">
5152
- <h3 id="variable-all-includes" tabindex="-1">$all-includes</h3>
5153
- <div class="sassdoc-item-header__labels">
5154
- <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
5155
- </div>
5156
- </div>
5157
- <p>Default includes, all modules</p>
5158
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$all-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5159
- <span class="pjs-token pjs-string">"accordion"</span><span class="pjs-token pjs-punctuation">,</span>
5160
- <span class="pjs-token pjs-string">"adaptive-spacing"</span><span class="pjs-token pjs-punctuation">,</span>
5161
- <span class="pjs-token pjs-string">"badge"</span><span class="pjs-token pjs-punctuation">,</span>
5162
- <span class="pjs-token pjs-string">"basic-hero"</span><span class="pjs-token pjs-punctuation">,</span>
5163
- <span class="pjs-token pjs-string">"button"</span><span class="pjs-token pjs-punctuation">,</span>
5164
- <span class="pjs-token pjs-string">"button-verbose"</span><span class="pjs-token pjs-punctuation">,</span>
5165
- <span class="pjs-token pjs-string">"callout"</span><span class="pjs-token pjs-punctuation">,</span>
5166
- <span class="pjs-token pjs-string">"card"</span><span class="pjs-token pjs-punctuation">,</span>
5167
- <span class="pjs-token pjs-string">"card-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5168
- <span class="pjs-token pjs-string">"css-icon"</span><span class="pjs-token pjs-punctuation">,</span>
5169
- <span class="pjs-token pjs-string">"data-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5170
- <span class="pjs-token pjs-string">"data-table"</span><span class="pjs-token pjs-punctuation">,</span>
5171
- <span class="pjs-token pjs-string">"fill-context"</span><span class="pjs-token pjs-punctuation">,</span>
5172
- <span class="pjs-token pjs-string">"flipcard"</span><span class="pjs-token pjs-punctuation">,</span>
5173
- <span class="pjs-token pjs-string">"flipcard-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5174
- <span class="pjs-token pjs-string">"form-theme"</span><span class="pjs-token pjs-punctuation">,</span>
5175
- <span class="pjs-token pjs-string">"horizontal-rule"</span><span class="pjs-token pjs-punctuation">,</span>
5176
- <span class="pjs-token pjs-string">"image-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5177
- <span class="pjs-token pjs-string">"links"</span><span class="pjs-token pjs-punctuation">,</span>
5178
- <span class="pjs-token pjs-string">"list-lines"</span><span class="pjs-token pjs-punctuation">,</span>
5179
- <span class="pjs-token pjs-string">"list-inline"</span><span class="pjs-token pjs-punctuation">,</span>
5180
- <span class="pjs-token pjs-string">"list-ordered"</span><span class="pjs-token pjs-punctuation">,</span>
5181
- <span class="pjs-token pjs-string">"list-unordered"</span><span class="pjs-token pjs-punctuation">,</span>
5182
- <span class="pjs-token pjs-string">"menu-stack"</span><span class="pjs-token pjs-punctuation">,</span>
5183
- <span class="pjs-token pjs-string">"modal"</span><span class="pjs-token pjs-punctuation">,</span>
5184
- <span class="pjs-token pjs-string">"nav-strip"</span><span class="pjs-token pjs-punctuation">,</span>
5185
- <span class="pjs-token pjs-string">"overlay-section"</span><span class="pjs-token pjs-punctuation">,</span>
5186
- <span class="pjs-token pjs-string">"pager"</span><span class="pjs-token pjs-punctuation">,</span>
5187
- <span class="pjs-token pjs-string">"popover"</span><span class="pjs-token pjs-punctuation">,</span>
5188
- <span class="pjs-token pjs-string">"ratio-box"</span><span class="pjs-token pjs-punctuation">,</span>
5189
- <span class="pjs-token pjs-string">"rule"</span><span class="pjs-token pjs-punctuation">,</span>
5190
- <span class="pjs-token pjs-string">"scroll-slider"</span><span class="pjs-token pjs-punctuation">,</span>
5191
- <span class="pjs-token pjs-string">"skip-link"</span><span class="pjs-token pjs-punctuation">,</span>
5192
- <span class="pjs-token pjs-string">"sticky-list"</span><span class="pjs-token pjs-punctuation">,</span>
5193
- <span class="pjs-token pjs-string">"slider"</span><span class="pjs-token pjs-punctuation">,</span>
5194
- <span class="pjs-token pjs-string">"hero"</span><span class="pjs-token pjs-punctuation">,</span>
5195
- <span class="pjs-token pjs-string">"tabs"</span><span class="pjs-token pjs-punctuation">,</span>
5196
- <span class="pjs-token pjs-string">"tag"</span><span class="pjs-token pjs-punctuation">,</span>
5197
- <span class="pjs-token pjs-string">"tile-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5198
- <span class="pjs-token pjs-string">"tile-button"</span><span class="pjs-token pjs-punctuation">,</span>
5199
- <span class="pjs-token pjs-string">"tile-grid-overlay"</span><span class="pjs-token pjs-punctuation">,</span>
5200
- <span class="pjs-token pjs-string">"placeholder-block"</span><span class="pjs-token pjs-punctuation">,</span>
5201
- <span class="pjs-token pjs-string">"pull-quote"</span><span class="pjs-token pjs-punctuation">,</span>
5202
- <span class="pjs-token pjs-string">"vignette"</span><span class="pjs-token pjs-punctuation">,</span>
5203
- <span class="pjs-token pjs-string">"captioned-figure"</span><span class="pjs-token pjs-punctuation">,</span>
5204
- <span class="pjs-token pjs-string">"spoke-spinner"</span><span class="pjs-token pjs-punctuation">,</span>
5205
- <span class="pjs-token pjs-string">"wysiwyg"</span><span class="pjs-token pjs-punctuation">,</span>
5206
- <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5207
- <details>
5208
- <summary>File Information</summary>
5209
- <ul>
5210
- <li><strong>File:</strong> _index.scss</li>
5211
- <li><strong>Group:</strong> index</li>
5212
- <li><strong>Type:</strong> variable</li>
5213
- <li><strong>Lines (comments):</strong> 105-106</li>
5214
- <li><strong>Lines (code):</strong> 108-156</li>
5215
- </ul>
5216
- </details>
5217
- <div class="sassdoc-item-header">
5218
- <h3 id="variable-current-includes" tabindex="-1">$current-includes</h3>
5219
- <div class="sassdoc-item-header__labels">
5220
- <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
5221
- </div>
5222
- </div>
5223
- <p>Current included modules (for output when using styles), defaults to all</p>
5224
- <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$current-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-variable">$all-includes</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5225
- <details>
5226
- <summary>File Information</summary>
5227
- <ul>
5228
- <li><strong>File:</strong> _index.scss</li>
5229
- <li><strong>Group:</strong> index</li>
5230
- <li><strong>Type:</strong> variable</li>
5231
- <li><strong>Lines (comments):</strong> 158-159</li>
5232
- <li><strong>Lines (code):</strong> 161-161</li>
5233
- </ul>
5234
- </details>
5235
5210
  <h2 id="mixins" tabindex="-1">Mixins</h2>
5236
5211
  <div class="sassdoc-item-header">
5237
5212
  <h3 id="mixin-set-includes" tabindex="-1">set-includes()</h3>
@@ -5249,8 +5224,8 @@
5249
5224
  <li><strong>File:</strong> _index.scss</li>
5250
5225
  <li><strong>Group:</strong> index</li>
5251
5226
  <li><strong>Type:</strong> mixin</li>
5252
- <li><strong>Lines (comments):</strong> 163-165</li>
5253
- <li><strong>Lines (code):</strong> 167-170</li>
5227
+ <li><strong>Lines (comments):</strong> 166-168</li>
5228
+ <li><strong>Lines (code):</strong> 170-173</li>
5254
5229
  </ul>
5255
5230
  </details>
5256
5231
  <h4 id="parameters" tabindex="-1">Parameters</h4>
@@ -5288,8 +5263,8 @@
5288
5263
  <li><strong>File:</strong> _index.scss</li>
5289
5264
  <li><strong>Group:</strong> index</li>
5290
5265
  <li><strong>Type:</strong> mixin</li>
5291
- <li><strong>Lines (comments):</strong> 172-173</li>
5292
- <li><strong>Lines (code):</strong> 175-177</li>
5266
+ <li><strong>Lines (comments):</strong> 175-176</li>
5267
+ <li><strong>Lines (code):</strong> 178-180</li>
5293
5268
  </ul>
5294
5269
  </details>
5295
5270
  <h4 id="parameters-1" tabindex="-1">Parameters</h4>
@@ -5326,8 +5301,8 @@
5326
5301
  <li><strong>File:</strong> _index.scss</li>
5327
5302
  <li><strong>Group:</strong> index</li>
5328
5303
  <li><strong>Type:</strong> mixin</li>
5329
- <li><strong>Lines (comments):</strong> 179-183</li>
5330
- <li><strong>Lines (code):</strong> 185-331</li>
5304
+ <li><strong>Lines (comments):</strong> 182-186</li>
5305
+ <li><strong>Lines (code):</strong> 188-337</li>
5331
5306
  </ul>
5332
5307
  </details>
5333
5308
  <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5355,6 +5330,92 @@
5355
5330
  <ul>
5356
5331
  <li><a href="/frontend/sass/components/index/#variable-all-includes">$all-includes</a></li>
5357
5332
  </ul>
5333
+ <h2 id="variables" tabindex="-1">Variables</h2>
5334
+ <div class="sassdoc-item-header">
5335
+ <h3 id="variable-all-includes" tabindex="-1">$all-includes</h3>
5336
+ <div class="sassdoc-item-header__labels">
5337
+ <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
5338
+ </div>
5339
+ </div>
5340
+ <p>Default includes, all modules</p>
5341
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$all-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>
5342
+ <span class="pjs-token pjs-string">"accordion"</span><span class="pjs-token pjs-punctuation">,</span>
5343
+ <span class="pjs-token pjs-string">"adaptive-spacing"</span><span class="pjs-token pjs-punctuation">,</span>
5344
+ <span class="pjs-token pjs-string">"badge"</span><span class="pjs-token pjs-punctuation">,</span>
5345
+ <span class="pjs-token pjs-string">"basic-hero"</span><span class="pjs-token pjs-punctuation">,</span>
5346
+ <span class="pjs-token pjs-string">"button"</span><span class="pjs-token pjs-punctuation">,</span>
5347
+ <span class="pjs-token pjs-string">"button-verbose"</span><span class="pjs-token pjs-punctuation">,</span>
5348
+ <span class="pjs-token pjs-string">"callout"</span><span class="pjs-token pjs-punctuation">,</span>
5349
+ <span class="pjs-token pjs-string">"card"</span><span class="pjs-token pjs-punctuation">,</span>
5350
+ <span class="pjs-token pjs-string">"card-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5351
+ <span class="pjs-token pjs-string">"counter-list"</span><span class="pjs-token pjs-punctuation">,</span>
5352
+ <span class="pjs-token pjs-string">"css-icon"</span><span class="pjs-token pjs-punctuation">,</span>
5353
+ <span class="pjs-token pjs-string">"data-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5354
+ <span class="pjs-token pjs-string">"data-table"</span><span class="pjs-token pjs-punctuation">,</span>
5355
+ <span class="pjs-token pjs-string">"fill-context"</span><span class="pjs-token pjs-punctuation">,</span>
5356
+ <span class="pjs-token pjs-string">"flipcard"</span><span class="pjs-token pjs-punctuation">,</span>
5357
+ <span class="pjs-token pjs-string">"flipcard-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5358
+ <span class="pjs-token pjs-string">"form-theme"</span><span class="pjs-token pjs-punctuation">,</span>
5359
+ <span class="pjs-token pjs-string">"horizontal-rule"</span><span class="pjs-token pjs-punctuation">,</span>
5360
+ <span class="pjs-token pjs-string">"image-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5361
+ <span class="pjs-token pjs-string">"links"</span><span class="pjs-token pjs-punctuation">,</span>
5362
+ <span class="pjs-token pjs-string">"list-lines"</span><span class="pjs-token pjs-punctuation">,</span>
5363
+ <span class="pjs-token pjs-string">"list-inline"</span><span class="pjs-token pjs-punctuation">,</span>
5364
+ <span class="pjs-token pjs-string">"list-ordered"</span><span class="pjs-token pjs-punctuation">,</span>
5365
+ <span class="pjs-token pjs-string">"list-unordered"</span><span class="pjs-token pjs-punctuation">,</span>
5366
+ <span class="pjs-token pjs-string">"menu-stack"</span><span class="pjs-token pjs-punctuation">,</span>
5367
+ <span class="pjs-token pjs-string">"modal"</span><span class="pjs-token pjs-punctuation">,</span>
5368
+ <span class="pjs-token pjs-string">"nav-strip"</span><span class="pjs-token pjs-punctuation">,</span>
5369
+ <span class="pjs-token pjs-string">"overlay-section"</span><span class="pjs-token pjs-punctuation">,</span>
5370
+ <span class="pjs-token pjs-string">"pager"</span><span class="pjs-token pjs-punctuation">,</span>
5371
+ <span class="pjs-token pjs-string">"popover"</span><span class="pjs-token pjs-punctuation">,</span>
5372
+ <span class="pjs-token pjs-string">"ratio-box"</span><span class="pjs-token pjs-punctuation">,</span>
5373
+ <span class="pjs-token pjs-string">"rule"</span><span class="pjs-token pjs-punctuation">,</span>
5374
+ <span class="pjs-token pjs-string">"scroll-slider"</span><span class="pjs-token pjs-punctuation">,</span>
5375
+ <span class="pjs-token pjs-string">"skip-link"</span><span class="pjs-token pjs-punctuation">,</span>
5376
+ <span class="pjs-token pjs-string">"sticky-list"</span><span class="pjs-token pjs-punctuation">,</span>
5377
+ <span class="pjs-token pjs-string">"slider"</span><span class="pjs-token pjs-punctuation">,</span>
5378
+ <span class="pjs-token pjs-string">"hero"</span><span class="pjs-token pjs-punctuation">,</span>
5379
+ <span class="pjs-token pjs-string">"tabs"</span><span class="pjs-token pjs-punctuation">,</span>
5380
+ <span class="pjs-token pjs-string">"tag"</span><span class="pjs-token pjs-punctuation">,</span>
5381
+ <span class="pjs-token pjs-string">"tile-grid"</span><span class="pjs-token pjs-punctuation">,</span>
5382
+ <span class="pjs-token pjs-string">"tile-button"</span><span class="pjs-token pjs-punctuation">,</span>
5383
+ <span class="pjs-token pjs-string">"tile-grid-overlay"</span><span class="pjs-token pjs-punctuation">,</span>
5384
+ <span class="pjs-token pjs-string">"placeholder-block"</span><span class="pjs-token pjs-punctuation">,</span>
5385
+ <span class="pjs-token pjs-string">"pull-quote"</span><span class="pjs-token pjs-punctuation">,</span>
5386
+ <span class="pjs-token pjs-string">"vignette"</span><span class="pjs-token pjs-punctuation">,</span>
5387
+ <span class="pjs-token pjs-string">"captioned-figure"</span><span class="pjs-token pjs-punctuation">,</span>
5388
+ <span class="pjs-token pjs-string">"spoke-spinner"</span><span class="pjs-token pjs-punctuation">,</span>
5389
+ <span class="pjs-token pjs-string">"wysiwyg"</span><span class="pjs-token pjs-punctuation">,</span>
5390
+ <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5391
+ <details>
5392
+ <summary>File Information</summary>
5393
+ <ul>
5394
+ <li><strong>File:</strong> _index.scss</li>
5395
+ <li><strong>Group:</strong> index</li>
5396
+ <li><strong>Type:</strong> variable</li>
5397
+ <li><strong>Lines (comments):</strong> 107-108</li>
5398
+ <li><strong>Lines (code):</strong> 110-159</li>
5399
+ </ul>
5400
+ </details>
5401
+ <div class="sassdoc-item-header">
5402
+ <h3 id="variable-current-includes" tabindex="-1">$current-includes</h3>
5403
+ <div class="sassdoc-item-header__labels">
5404
+ <span class="tag tag--primary"><strong>Variable</strong></span> <span class="tag"><strong>Type</strong>: List</span>
5405
+ </div>
5406
+ </div>
5407
+ <p>Current included modules (for output when using styles), defaults to all</p>
5408
+ <pre class="language-scss"><code class="language-scss"><span class="pjs-token pjs-property"><span class="pjs-token pjs-variable">$current-includes</span></span><span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-variable">$all-includes</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
5409
+ <details>
5410
+ <summary>File Information</summary>
5411
+ <ul>
5412
+ <li><strong>File:</strong> _index.scss</li>
5413
+ <li><strong>Group:</strong> index</li>
5414
+ <li><strong>Type:</strong> variable</li>
5415
+ <li><strong>Lines (comments):</strong> 161-162</li>
5416
+ <li><strong>Lines (code):</strong> 164-164</li>
5417
+ </ul>
5418
+ </details>
5358
5419
 
5359
5420
  </div>
5360
5421
  </div>