@ulu/frontend 0.1.0-beta.27 → 0.1.0-beta.29

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 (164) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/docs-dev/assets/main.js +832 -421
  4. package/docs-dev/assets/placeholder/icon-calendar.svg +1 -0
  5. package/docs-dev/assets/placeholder/icon-check.svg +1 -0
  6. package/docs-dev/assets/style.css +629 -233
  7. package/docs-dev/changelog/index.html +98 -8
  8. package/docs-dev/demos/accordion/index.html +38 -8
  9. package/docs-dev/demos/button/index.html +38 -8
  10. package/docs-dev/demos/button-verbose/index.html +5109 -0
  11. package/docs-dev/demos/callout/index.html +38 -8
  12. package/docs-dev/demos/captioned-figure/index.html +38 -8
  13. package/docs-dev/demos/card/index.html +105 -477
  14. package/docs-dev/demos/card-grid/index.html +88 -12
  15. package/docs-dev/demos/card-new/index.html +5088 -0
  16. package/docs-dev/demos/card-old/index.html +5223 -0
  17. package/docs-dev/demos/card.1/index.html +5223 -0
  18. package/docs-dev/demos/card.TRASH/index.html +5541 -0
  19. package/docs-dev/demos/css-icons/index.html +38 -8
  20. package/docs-dev/demos/data-grid/index.html +38 -8
  21. package/docs-dev/demos/data-table/index.html +63 -33
  22. package/docs-dev/demos/details-group/index.html +38 -8
  23. package/docs-dev/demos/file-save/index.html +38 -8
  24. package/docs-dev/demos/flipcard/index.html +38 -8
  25. package/docs-dev/demos/form-theme/index.html +38 -8
  26. package/docs-dev/demos/index.html +38 -8
  27. package/docs-dev/demos/list-inline/index.html +38 -8
  28. package/docs-dev/demos/list-lines/index.html +38 -8
  29. package/docs-dev/demos/menu-stack/index.html +38 -8
  30. package/docs-dev/demos/modals/index.html +38 -8
  31. package/docs-dev/demos/nav-strip/index.html +38 -8
  32. package/docs-dev/demos/overlay-section/index.html +38 -8
  33. package/docs-dev/demos/popovers/index.html +41 -9
  34. package/docs-dev/demos/print/index.html +38 -8
  35. package/docs-dev/demos/pull-quote/index.html +38 -8
  36. package/docs-dev/demos/rule/index.html +38 -8
  37. package/docs-dev/demos/scrollpoints/index.html +38 -8
  38. package/docs-dev/demos/spoke-spinner/index.html +38 -8
  39. package/docs-dev/demos/sticky-list/index.html +38 -8
  40. package/docs-dev/demos/tabs/index.html +38 -8
  41. package/docs-dev/demos/tag/index.html +38 -8
  42. package/docs-dev/demos/theme-toggle/index.html +38 -8
  43. package/docs-dev/demos/tiles/index.html +38 -8
  44. package/docs-dev/demos/tooltip/index.html +38 -8
  45. package/docs-dev/guide/building-stylesheet/index.html +38 -8
  46. package/docs-dev/guide/developing-ulu-scss-module/index.html +38 -8
  47. package/docs-dev/guide/index.html +38 -8
  48. package/docs-dev/index.html +38 -8
  49. package/docs-dev/javascript/events/index.html +38 -8
  50. package/docs-dev/javascript/index.html +38 -8
  51. package/docs-dev/javascript/settings/index.html +38 -8
  52. package/docs-dev/javascript/ui-breakpoints/index.html +38 -8
  53. package/docs-dev/javascript/ui-collapsible/index.html +38 -8
  54. package/docs-dev/javascript/ui-details-group/index.html +38 -8
  55. package/docs-dev/javascript/ui-dialog/index.html +38 -8
  56. package/docs-dev/javascript/ui-flipcard/index.html +38 -8
  57. package/docs-dev/javascript/ui-grid/index.html +38 -8
  58. package/docs-dev/javascript/ui-modal-builder/index.html +38 -8
  59. package/docs-dev/javascript/ui-overflow-scroller/index.html +38 -8
  60. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +38 -8
  61. package/docs-dev/javascript/ui-page/index.html +38 -8
  62. package/docs-dev/javascript/ui-popover/index.html +38 -8
  63. package/docs-dev/javascript/ui-print/index.html +38 -8
  64. package/docs-dev/javascript/ui-print-details/index.html +38 -8
  65. package/docs-dev/javascript/ui-programmatic-modal/index.html +38 -8
  66. package/docs-dev/javascript/ui-proxy-click/index.html +38 -8
  67. package/docs-dev/javascript/ui-resizer/index.html +38 -8
  68. package/docs-dev/javascript/ui-scroll-slider/index.html +38 -8
  69. package/docs-dev/javascript/ui-scrollpoint/index.html +38 -8
  70. package/docs-dev/javascript/ui-slider/index.html +38 -8
  71. package/docs-dev/javascript/ui-tabs/index.html +38 -8
  72. package/docs-dev/javascript/ui-theme-toggle/index.html +38 -8
  73. package/docs-dev/javascript/ui-tooltip/index.html +38 -8
  74. package/docs-dev/javascript/utils-class-logger/index.html +38 -8
  75. package/docs-dev/javascript/utils-dom/index.html +38 -8
  76. package/docs-dev/javascript/utils-file-save/index.html +38 -8
  77. package/docs-dev/javascript/utils-floating-ui/index.html +38 -8
  78. package/docs-dev/javascript/utils-id/index.html +38 -8
  79. package/docs-dev/javascript/utils-pause-youtube-video/index.html +38 -8
  80. package/docs-dev/sass/base/color/index.html +38 -8
  81. package/docs-dev/sass/base/elements/index.html +38 -8
  82. package/docs-dev/sass/base/index/index.html +38 -8
  83. package/docs-dev/sass/base/index.html +38 -8
  84. package/docs-dev/sass/base/keyframes/index.html +38 -8
  85. package/docs-dev/sass/base/layout/index.html +38 -8
  86. package/docs-dev/sass/base/normalize/index.html +38 -8
  87. package/docs-dev/sass/base/print/index.html +38 -8
  88. package/docs-dev/sass/base/root/index.html +38 -8
  89. package/docs-dev/sass/base/typography/index.html +38 -8
  90. package/docs-dev/sass/components/accordion/index.html +38 -8
  91. package/docs-dev/sass/components/adaptive-spacing/index.html +38 -8
  92. package/docs-dev/sass/components/badge/index.html +38 -8
  93. package/docs-dev/sass/components/basic-hero/index.html +38 -8
  94. package/docs-dev/sass/components/button/index.html +38 -8
  95. package/docs-dev/sass/components/button-verbose/index.html +96 -17
  96. package/docs-dev/sass/components/callout/index.html +38 -8
  97. package/docs-dev/sass/components/captioned-figure/index.html +38 -8
  98. package/docs-dev/sass/components/card/index.html +44 -14
  99. package/docs-dev/sass/components/card-grid/index.html +38 -8
  100. package/docs-dev/sass/components/css-icon/index.html +38 -8
  101. package/docs-dev/sass/components/data-grid/index.html +38 -8
  102. package/docs-dev/sass/components/data-table/index.html +38 -8
  103. package/docs-dev/sass/components/fill-context/index.html +38 -8
  104. package/docs-dev/sass/components/flipcard/index.html +38 -8
  105. package/docs-dev/sass/components/flipcard-grid/index.html +38 -8
  106. package/docs-dev/sass/components/form-theme/index.html +124 -93
  107. package/docs-dev/sass/components/hero/index.html +38 -8
  108. package/docs-dev/sass/components/horizontal-rule/index.html +38 -8
  109. package/docs-dev/sass/components/image-grid/index.html +38 -8
  110. package/docs-dev/sass/components/index/index.html +38 -8
  111. package/docs-dev/sass/components/index.html +38 -8
  112. package/docs-dev/sass/components/links/index.html +38 -8
  113. package/docs-dev/sass/components/list-inline/index.html +38 -8
  114. package/docs-dev/sass/components/list-lines/index.html +38 -8
  115. package/docs-dev/sass/components/list-ordered/index.html +38 -8
  116. package/docs-dev/sass/components/list-unordered/index.html +38 -8
  117. package/docs-dev/sass/components/menu-stack/index.html +38 -8
  118. package/docs-dev/sass/components/modal/index.html +38 -8
  119. package/docs-dev/sass/components/nav-strip/index.html +38 -8
  120. package/docs-dev/sass/components/overlay-section/index.html +38 -8
  121. package/docs-dev/sass/components/pager/index.html +38 -8
  122. package/docs-dev/sass/components/placeholder-block/index.html +38 -8
  123. package/docs-dev/sass/components/popover/index.html +60 -31
  124. package/docs-dev/sass/components/pull-quote/index.html +38 -8
  125. package/docs-dev/sass/components/ratio-box/index.html +38 -8
  126. package/docs-dev/sass/components/rule/index.html +38 -8
  127. package/docs-dev/sass/components/scroll-slider/index.html +38 -8
  128. package/docs-dev/sass/components/skip-link/index.html +38 -8
  129. package/docs-dev/sass/components/slider/index.html +38 -8
  130. package/docs-dev/sass/components/spoke-spinner/index.html +38 -8
  131. package/docs-dev/sass/components/sticky-list/index.html +38 -8
  132. package/docs-dev/sass/components/tabs/index.html +38 -8
  133. package/docs-dev/sass/components/tag/index.html +38 -8
  134. package/docs-dev/sass/components/tile-button/index.html +38 -8
  135. package/docs-dev/sass/components/tile-grid/index.html +38 -8
  136. package/docs-dev/sass/components/tile-grid-overlay/index.html +38 -8
  137. package/docs-dev/sass/components/vignette/index.html +38 -8
  138. package/docs-dev/sass/components/wysiwyg/index.html +38 -8
  139. package/docs-dev/sass/core/breakpoint/index.html +38 -8
  140. package/docs-dev/sass/core/button/index.html +38 -8
  141. package/docs-dev/sass/core/color/index.html +38 -8
  142. package/docs-dev/sass/core/cssvar/index.html +38 -8
  143. package/docs-dev/sass/core/element/index.html +38 -8
  144. package/docs-dev/sass/core/index.html +38 -8
  145. package/docs-dev/sass/core/layout/index.html +38 -8
  146. package/docs-dev/sass/core/path/index.html +38 -8
  147. package/docs-dev/sass/core/selector/index.html +38 -8
  148. package/docs-dev/sass/core/typography/index.html +38 -8
  149. package/docs-dev/sass/core/units/index.html +38 -8
  150. package/docs-dev/sass/core/utils/index.html +248 -93
  151. package/docs-dev/sass/helpers/color/index.html +38 -8
  152. package/docs-dev/sass/helpers/display/index.html +38 -8
  153. package/docs-dev/sass/helpers/index/index.html +38 -8
  154. package/docs-dev/sass/helpers/index.html +38 -8
  155. package/docs-dev/sass/helpers/print/index.html +38 -8
  156. package/docs-dev/sass/helpers/typography/index.html +38 -8
  157. package/docs-dev/sass/helpers/units/index.html +38 -8
  158. package/docs-dev/sass/helpers/utilities/index.html +38 -8
  159. package/docs-dev/sass/index.html +38 -8
  160. package/package.json +8 -6
  161. package/scss/components/_button-verbose.scss +57 -9
  162. package/scss/components/_card.scss +34 -18
  163. package/scss/components/_form-theme.scss +52 -40
  164. package/scss/components/_popover.scss +16 -11
package/docs-dev/sass/components/form-theme/index.html CHANGED
@@ -196,6 +196,21 @@
196
196
  </li>
197
197
 
198
198
 
199
+ <li class="nav-tree__item ">
200
+
201
+ <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
202
+
203
+
204
+ <span class="nav-tree__text">
205
+ Button Verbose
206
+ </span>
207
+
208
+ </a>
209
+
210
+
211
+ </li>
212
+
213
+
199
214
  <li class="nav-tree__item ">
200
215
 
201
216
  <a class="nav-tree__link " href="/frontend/demos/callout/">
@@ -228,11 +243,11 @@
228
243
 
229
244
  <li class="nav-tree__item ">
230
245
 
231
- <a class="nav-tree__link " href="/frontend/demos/card/">
246
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
232
247
 
233
248
 
234
249
  <span class="nav-tree__text">
235
- Card
250
+ Card Grid
236
251
  </span>
237
252
 
238
253
  </a>
@@ -243,11 +258,11 @@
243
258
 
244
259
  <li class="nav-tree__item ">
245
260
 
246
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
261
+ <a class="nav-tree__link " href="/frontend/demos/card/">
247
262
 
248
263
 
249
264
  <span class="nav-tree__text">
250
- Card Grid
265
+ Card New
251
266
  </span>
252
267
 
253
268
  </a>
@@ -2667,6 +2682,21 @@
2667
2682
  </li>
2668
2683
 
2669
2684
 
2685
+ <li class="nav-tree__item ">
2686
+
2687
+ <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
2688
+
2689
+
2690
+ <span class="nav-tree__text">
2691
+ Button Verbose
2692
+ </span>
2693
+
2694
+ </a>
2695
+
2696
+
2697
+ </li>
2698
+
2699
+
2670
2700
  <li class="nav-tree__item ">
2671
2701
 
2672
2702
  <a class="nav-tree__link " href="/frontend/demos/callout/">
@@ -2699,11 +2729,11 @@
2699
2729
 
2700
2730
  <li class="nav-tree__item ">
2701
2731
 
2702
- <a class="nav-tree__link " href="/frontend/demos/card/">
2732
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2703
2733
 
2704
2734
 
2705
2735
  <span class="nav-tree__text">
2706
- Card
2736
+ Card Grid
2707
2737
  </span>
2708
2738
 
2709
2739
  </a>
@@ -2714,11 +2744,11 @@
2714
2744
 
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2747
+ <a class="nav-tree__link " href="/frontend/demos/card/">
2718
2748
 
2719
2749
 
2720
2750
  <span class="nav-tree__text">
2721
- Card Grid
2751
+ Card New
2722
2752
  </span>
2723
2753
 
2724
2754
  </a>
@@ -5151,6 +5181,7 @@
5151
5181
  <span class="pjs-token pjs-string">"description-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">false</span><span class="pjs-token pjs-punctuation">,</span>
5152
5182
  <span class="pjs-token pjs-string">"description-margin"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-punctuation">(</span>0.25em 0<span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">,</span>
5153
5183
  <span class="pjs-token pjs-string">"description-max-width"</span> <span class="pjs-token pjs-punctuation">:</span> 25em<span class="pjs-token pjs-punctuation">,</span>
5184
+ <span class="pjs-token pjs-string">"description-line-height"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-boolean">true</span><span class="pjs-token pjs-punctuation">,</span>
5154
5185
  <span class="pjs-token pjs-string">"fieldset-background"</span> <span class="pjs-token pjs-punctuation">:</span> transparent<span class="pjs-token pjs-punctuation">,</span>
5155
5186
  <span class="pjs-token pjs-string">"fieldset-border"</span> <span class="pjs-token pjs-punctuation">:</span> none<span class="pjs-token pjs-punctuation">,</span>
5156
5187
  <span class="pjs-token pjs-string">"fieldset-margin-bottom"</span> <span class="pjs-token pjs-punctuation">:</span> 1rem<span class="pjs-token pjs-punctuation">,</span>
@@ -5179,8 +5210,8 @@
5179
5210
  <li><strong>File:</strong> _form-theme.scss</li>
5180
5211
  <li><strong>Group:</strong> form-theme</li>
5181
5212
  <li><strong>Type:</strong> variable</li>
5182
- <li><strong>Lines (comments):</strong> 16-99</li>
5183
- <li><strong>Lines (code):</strong> 101-184</li>
5213
+ <li><strong>Lines (comments):</strong> 25-108</li>
5214
+ <li><strong>Lines (code):</strong> 110-194</li>
5184
5215
  </ul>
5185
5216
  </details>
5186
5217
  <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5204,203 +5235,197 @@
5204
5235
  <td style="text-align:left">color-placeholder</td>
5205
5236
  <td style="text-align:left">CssValue</td>
5206
5237
  <td style="text-align:left">&quot;type-tertiary&quot;</td>
5207
- <td style="text-align:left">Color for the placeh</td>
5238
+ <td style="text-align:left">Color for the placeholder text.</td>
5208
5239
  </tr>
5209
5240
  <tr>
5210
5241
  <td style="text-align:left">drupal</td>
5211
- <td style="text-align:left">Map</td>
5242
+ <td style="text-align:left">Boolean</td>
5212
5243
  <td style="text-align:left">false</td>
5213
- <td style="text-align:left"></td>
5244
+ <td style="text-align:left">Toggle if using drupal to include drupal specific styling.</td>
5214
5245
  </tr>
5215
5246
  <tr>
5216
5247
  <td style="text-align:left">error-color</td>
5217
- <td style="text-align:left">Map</td>
5248
+ <td style="text-align:left">Color</td>
5218
5249
  <td style="text-align:left">&quot;danger&quot;</td>
5219
- <td style="text-align:left"></td>
5250
+ <td style="text-align:left">Type color for errors.</td>
5220
5251
  </tr>
5221
5252
  <tr>
5222
5253
  <td style="text-align:left">error-highlight-color</td>
5223
- <td style="text-align:left">Map</td>
5254
+ <td style="text-align:left">Color</td>
5224
5255
  <td style="text-align:left">rgb(251, 242, 242)</td>
5225
- <td style="text-align:left"></td>
5256
+ <td style="text-align:left">Outline color of error container.</td>
5226
5257
  </tr>
5227
5258
  <tr>
5228
5259
  <td style="text-align:left">error-selector</td>
5229
- <td style="text-align:left">Map</td>
5260
+ <td style="text-align:left">String</td>
5230
5261
  <td style="text-align:left">&quot;.is-danger&quot;</td>
5231
- <td style="text-align:left"></td>
5262
+ <td style="text-align:left">Class for error styling.</td>
5232
5263
  </tr>
5233
5264
  <tr>
5234
5265
  <td style="text-align:left">file-button-style</td>
5235
5266
  <td style="text-align:left">Map</td>
5236
5267
  <td style="text-align:left">true</td>
5237
- <td style="text-align:left"></td>
5268
+ <td style="text-align:left">@joe-check should this have a fallback</td>
5238
5269
  </tr>
5239
5270
  <tr>
5240
5271
  <td style="text-align:left">font-weight-label</td>
5241
- <td style="text-align:left">Map</td>
5272
+ <td style="text-align:left">CssValue</td>
5242
5273
  <td style="text-align:left">bold</td>
5243
- <td style="text-align:left"></td>
5274
+ <td style="text-align:left">Font weight of the labels.</td>
5244
5275
  </tr>
5245
5276
  <tr>
5246
5277
  <td style="text-align:left">font-weight-legend</td>
5247
- <td style="text-align:left">Map</td>
5278
+ <td style="text-align:left">CssValue</td>
5248
5279
  <td style="text-align:left">bold</td>
5249
- <td style="text-align:left"></td>
5280
+ <td style="text-align:left">Font weight of the legend.</td>
5250
5281
  </tr>
5251
5282
  <tr>
5252
5283
  <td style="text-align:left">font-weight-placeholder</td>
5253
- <td style="text-align:left">Map</td>
5284
+ <td style="text-align:left">CssValue</td>
5254
5285
  <td style="text-align:left">normal</td>
5255
- <td style="text-align:left"></td>
5286
+ <td style="text-align:left">Font weight of placeholder text.</td>
5256
5287
  </tr>
5257
5288
  <tr>
5258
5289
  <td style="text-align:left">font-weight-input</td>
5259
- <td style="text-align:left">Map</td>
5290
+ <td style="text-align:left">CssValue</td>
5260
5291
  <td style="text-align:left">null</td>
5261
- <td style="text-align:left"></td>
5292
+ <td style="text-align:left">Font weight of input text.</td>
5262
5293
  </tr>
5263
5294
  <tr>
5264
5295
  <td style="text-align:left">font-weight-textarea</td>
5265
- <td style="text-align:left">Map</td>
5296
+ <td style="text-align:left">CssValue</td>
5266
5297
  <td style="text-align:left">null</td>
5267
- <td style="text-align:left"></td>
5298
+ <td style="text-align:left">Font weight of textarea text.</td>
5268
5299
  </tr>
5269
5300
  <tr>
5270
5301
  <td style="text-align:left">font-weight-select</td>
5271
- <td style="text-align:left">Map</td>
5302
+ <td style="text-align:left">CssValue</td>
5272
5303
  <td style="text-align:left">null</td>
5273
- <td style="text-align:left"></td>
5304
+ <td style="text-align:left">Font weight of select text.</td>
5274
5305
  </tr>
5275
5306
  <tr>
5276
5307
  <td style="text-align:left">input-border</td>
5277
- <td style="text-align:left">Map</td>
5308
+ <td style="text-align:left">CssValue</td>
5278
5309
  <td style="text-align:left">element.get-rule-style()</td>
5279
- <td style="text-align:left"></td>
5310
+ <td style="text-align:left">Border of the input.</td>
5280
5311
  </tr>
5281
5312
  <tr>
5282
5313
  <td style="text-align:left">input-border-radius</td>
5283
- <td style="text-align:left">Map</td>
5314
+ <td style="text-align:left">Dimension</td>
5284
5315
  <td style="text-align:left">0</td>
5285
- <td style="text-align:left"></td>
5286
- </tr>
5287
- <tr>
5288
- <td style="text-align:left">input-margin-y</td>
5289
- <td style="text-align:left">Map</td>
5290
- <td style="text-align:left">0.75em</td>
5291
- <td style="text-align:left"></td>
5316
+ <td style="text-align:left">Border radius of the input.</td>
5292
5317
  </tr>
5293
5318
  <tr>
5294
5319
  <td style="text-align:left">input-padding-x</td>
5295
- <td style="text-align:left">Map</td>
5320
+ <td style="text-align:left">Dimension</td>
5296
5321
  <td style="text-align:left">0.5em</td>
5297
- <td style="text-align:left"></td>
5322
+ <td style="text-align:left">Horizontal padding of the input.</td>
5298
5323
  </tr>
5299
5324
  <tr>
5300
5325
  <td style="text-align:left">input-padding-y</td>
5301
- <td style="text-align:left">Map</td>
5326
+ <td style="text-align:left">Dimension</td>
5302
5327
  <td style="text-align:left">0.25em</td>
5303
- <td style="text-align:left"></td>
5328
+ <td style="text-align:left">Vertical padding of the input.</td>
5304
5329
  </tr>
5305
5330
  <tr>
5306
5331
  <td style="text-align:left">input-min-width</td>
5307
- <td style="text-align:left">Map</td>
5332
+ <td style="text-align:left">Dimension</td>
5308
5333
  <td style="text-align:left">10em</td>
5309
- <td style="text-align:left"></td>
5334
+ <td style="text-align:left">Min width of the input.</td>
5310
5335
  </tr>
5311
5336
  <tr>
5312
5337
  <td style="text-align:left">input-background-color</td>
5313
- <td style="text-align:left">Map</td>
5338
+ <td style="text-align:left">Color</td>
5314
5339
  <td style="text-align:left">white</td>
5315
- <td style="text-align:left"></td>
5340
+ <td style="text-align:left">Background color of the input.</td>
5316
5341
  </tr>
5317
5342
  <tr>
5318
5343
  <td style="text-align:left">item-border-radius</td>
5319
- <td style="text-align:left">Map</td>
5344
+ <td style="text-align:left">Dimension</td>
5320
5345
  <td style="text-align:left">null</td>
5321
- <td style="text-align:left"></td>
5346
+ <td style="text-align:left">Border radius for __item.</td>
5322
5347
  </tr>
5323
5348
  <tr>
5324
5349
  <td style="text-align:left">item-highlight-width</td>
5325
- <td style="text-align:left">Map</td>
5350
+ <td style="text-align:left">Dimension</td>
5326
5351
  <td style="text-align:left">6px</td>
5327
- <td style="text-align:left"></td>
5352
+ <td style="text-align:left">Width of the item box highlight.</td>
5328
5353
  </tr>
5329
5354
  <tr>
5330
5355
  <td style="text-align:left">required-color</td>
5331
- <td style="text-align:left">Map</td>
5356
+ <td style="text-align:left">Color</td>
5332
5357
  <td style="text-align:left">&quot;danger&quot;</td>
5333
- <td style="text-align:left"></td>
5358
+ <td style="text-align:left">Color for required text.</td>
5334
5359
  </tr>
5335
5360
  <tr>
5336
5361
  <td style="text-align:left">text-input-margin-bottom</td>
5337
- <td style="text-align:left">Map</td>
5362
+ <td style="text-align:left">Dimension</td>
5338
5363
  <td style="text-align:left">0.5em</td>
5339
5364
  <td style="text-align:left"></td>
5340
5365
  </tr>
5341
5366
  <tr>
5342
5367
  <td style="text-align:left">text-input-margin-top</td>
5343
- <td style="text-align:left">Map</td>
5368
+ <td style="text-align:left">Dimension</td>
5344
5369
  <td style="text-align:left">1em</td>
5345
5370
  <td style="text-align:left"></td>
5346
5371
  </tr>
5347
5372
  <tr>
5348
5373
  <td style="text-align:left">warning-color</td>
5349
- <td style="text-align:left">Map</td>
5374
+ <td style="text-align:left">Color</td>
5350
5375
  <td style="text-align:left">&quot;warning&quot;</td>
5351
5376
  <td style="text-align:left"></td>
5352
5377
  </tr>
5353
5378
  <tr>
5354
5379
  <td style="text-align:left">warning-highlight-color</td>
5355
- <td style="text-align:left">Map</td>
5380
+ <td style="text-align:left">Color</td>
5356
5381
  <td style="text-align:left">rgb(255, 249, 237)</td>
5357
5382
  <td style="text-align:left"></td>
5358
5383
  </tr>
5359
5384
  <tr>
5360
5385
  <td style="text-align:left">warning-selector</td>
5361
- <td style="text-align:left">Map</td>
5386
+ <td style="text-align:left">String</td>
5362
5387
  <td style="text-align:left">&quot;.is-warning&quot;</td>
5363
5388
  <td style="text-align:left"></td>
5364
5389
  </tr>
5365
5390
  <tr>
5366
5391
  <td style="text-align:left">check-input-color</td>
5367
- <td style="text-align:left">Map</td>
5392
+ <td style="text-align:left">Color</td>
5368
5393
  <td style="text-align:left">currentColor</td>
5369
5394
  <td style="text-align:left"></td>
5370
5395
  </tr>
5371
5396
  <tr>
5372
5397
  <td style="text-align:left">check-input-size</td>
5373
- <td style="text-align:left">Map</td>
5398
+ <td style="text-align:left">Dimension</td>
5374
5399
  <td style="text-align:left">1.15em</td>
5375
5400
  <td style="text-align:left"></td>
5376
5401
  </tr>
5377
5402
  <tr>
5378
5403
  <td style="text-align:left">check-input-touch-size</td>
5379
- <td style="text-align:left">Map</td>
5404
+ <td style="text-align:left">Dimension</td>
5380
5405
  <td style="text-align:left">2em</td>
5381
5406
  <td style="text-align:left"></td>
5382
5407
  </tr>
5383
5408
  <tr>
5384
5409
  <td style="text-align:left">check-input-background-color</td>
5385
- <td style="text-align:left">Map</td>
5410
+ <td style="text-align:left">Color</td>
5386
5411
  <td style="text-align:left">white</td>
5387
5412
  <td style="text-align:left"></td>
5388
5413
  </tr>
5389
5414
  <tr>
5390
5415
  <td style="text-align:left">check-input-background-color-checked</td>
5391
- <td style="text-align:left">Map</td>
5416
+ <td style="text-align:left">Color</td>
5392
5417
  <td style="text-align:left">white</td>
5393
5418
  <td style="text-align:left"></td>
5394
5419
  </tr>
5395
5420
  <tr>
5396
5421
  <td style="text-align:left">check-input-background-color-hover</td>
5397
- <td style="text-align:left">Map</td>
5422
+ <td style="text-align:left">Color</td>
5398
5423
  <td style="text-align:left">white</td>
5399
5424
  <td style="text-align:left"></td>
5400
5425
  </tr>
5401
5426
  <tr>
5402
5427
  <td style="text-align:left">check-input-background-color-indeterminate</td>
5403
- <td style="text-align:left">Map</td>
5428
+ <td style="text-align:left">Color</td>
5404
5429
  <td style="text-align:left">white</td>
5405
5430
  <td style="text-align:left"></td>
5406
5431
  </tr>
@@ -5408,29 +5433,29 @@
5408
5433
  <td style="text-align:left">check-input-border</td>
5409
5434
  <td style="text-align:left">Map</td>
5410
5435
  <td style="text-align:left">null</td>
5411
- <td style="text-align:left"></td>
5436
+ <td style="text-align:left">@joe-check check how this is called with a fallback in the styles mixin</td>
5412
5437
  </tr>
5413
5438
  <tr>
5414
5439
  <td style="text-align:left">check-input-border-color-hover</td>
5415
- <td style="text-align:left">Map</td>
5440
+ <td style="text-align:left">Color</td>
5416
5441
  <td style="text-align:left">null</td>
5417
5442
  <td style="text-align:left"></td>
5418
5443
  </tr>
5419
5444
  <tr>
5420
5445
  <td style="text-align:left">check-input-border-color-checked</td>
5421
- <td style="text-align:left">Map</td>
5446
+ <td style="text-align:left">Color</td>
5422
5447
  <td style="text-align:left">null</td>
5423
5448
  <td style="text-align:left"></td>
5424
5449
  </tr>
5425
5450
  <tr>
5426
5451
  <td style="text-align:left">check-input-border-color-indeterminate</td>
5427
- <td style="text-align:left">Map</td>
5452
+ <td style="text-align:left">Color</td>
5428
5453
  <td style="text-align:left">null</td>
5429
5454
  <td style="text-align:left"></td>
5430
5455
  </tr>
5431
5456
  <tr>
5432
5457
  <td style="text-align:left">check-input-border-color-focus</td>
5433
- <td style="text-align:left">Map</td>
5458
+ <td style="text-align:left">Color</td>
5434
5459
  <td style="text-align:left">null</td>
5435
5460
  <td style="text-align:left"></td>
5436
5461
  </tr>
@@ -5561,6 +5586,12 @@
5561
5586
  <td style="text-align:left"></td>
5562
5587
  </tr>
5563
5588
  <tr>
5589
+ <td style="text-align:left">description-line-height</td>
5590
+ <td style="text-align:left">Number</td>
5591
+ <td style="text-align:left">true</td>
5592
+ <td style="text-align:left">Line height for description element, defaults to typograpahy line-height-dense</td>
5593
+ </tr>
5594
+ <tr>
5564
5595
  <td style="text-align:left">fieldset-background</td>
5565
5596
  <td style="text-align:left">Map</td>
5566
5597
  <td style="text-align:left">transparent</td>
@@ -5702,8 +5733,8 @@
5702
5733
  <li><strong>File:</strong> _form-theme.scss</li>
5703
5734
  <li><strong>Group:</strong> form-theme</li>
5704
5735
  <li><strong>Type:</strong> mixin</li>
5705
- <li><strong>Lines (comments):</strong> 186-189</li>
5706
- <li><strong>Lines (code):</strong> 191-193</li>
5736
+ <li><strong>Lines (comments):</strong> 196-199</li>
5737
+ <li><strong>Lines (code):</strong> 201-203</li>
5707
5738
  </ul>
5708
5739
  </details>
5709
5740
  <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5742,8 +5773,8 @@
5742
5773
  <li><strong>File:</strong> _form-theme.scss</li>
5743
5774
  <li><strong>Group:</strong> form-theme</li>
5744
5775
  <li><strong>Type:</strong> mixin</li>
5745
- <li><strong>Lines (comments):</strong> 208-210</li>
5746
- <li><strong>Lines (code):</strong> 212-249</li>
5776
+ <li><strong>Lines (comments):</strong> 219-221</li>
5777
+ <li><strong>Lines (code):</strong> 223-260</li>
5747
5778
  </ul>
5748
5779
  </details>
5749
5780
  <h4 id="examples-1" tabindex="-1">Examples</h4>
@@ -5767,8 +5798,8 @@
5767
5798
  <li><strong>File:</strong> _form-theme.scss</li>
5768
5799
  <li><strong>Group:</strong> form-theme</li>
5769
5800
  <li><strong>Type:</strong> mixin</li>
5770
- <li><strong>Lines (comments):</strong> 488-488</li>
5771
- <li><strong>Lines (code):</strong> 489-496</li>
5801
+ <li><strong>Lines (comments):</strong> 499-499</li>
5802
+ <li><strong>Lines (code):</strong> 500-507</li>
5772
5803
  </ul>
5773
5804
  </details>
5774
5805
  <h4 id="require-2" tabindex="-1">Require</h4>
@@ -5788,8 +5819,8 @@
5788
5819
  <li><strong>File:</strong> _form-theme.scss</li>
5789
5820
  <li><strong>Group:</strong> form-theme</li>
5790
5821
  <li><strong>Type:</strong> mixin</li>
5791
- <li><strong>Lines (comments):</strong> 498-498</li>
5792
- <li><strong>Lines (code):</strong> 499-505</li>
5822
+ <li><strong>Lines (comments):</strong> 509-509</li>
5823
+ <li><strong>Lines (code):</strong> 510-517</li>
5793
5824
  </ul>
5794
5825
  </details>
5795
5826
  <h4 id="require-3" tabindex="-1">Require</h4>
@@ -5809,8 +5840,8 @@
5809
5840
  <li><strong>File:</strong> _form-theme.scss</li>
5810
5841
  <li><strong>Group:</strong> form-theme</li>
5811
5842
  <li><strong>Type:</strong> mixin</li>
5812
- <li><strong>Lines (comments):</strong> 507-507</li>
5813
- <li><strong>Lines (code):</strong> 508-519</li>
5843
+ <li><strong>Lines (comments):</strong> 519-519</li>
5844
+ <li><strong>Lines (code):</strong> 520-531</li>
5814
5845
  </ul>
5815
5846
  </details>
5816
5847
  <h4 id="require-4" tabindex="-1">Require</h4>
@@ -5830,8 +5861,8 @@
5830
5861
  <li><strong>File:</strong> _form-theme.scss</li>
5831
5862
  <li><strong>Group:</strong> form-theme</li>
5832
5863
  <li><strong>Type:</strong> mixin</li>
5833
- <li><strong>Lines (comments):</strong> 521-521</li>
5834
- <li><strong>Lines (code):</strong> 522-525</li>
5864
+ <li><strong>Lines (comments):</strong> 533-533</li>
5865
+ <li><strong>Lines (code):</strong> 534-537</li>
5835
5866
  </ul>
5836
5867
  </details>
5837
5868
  <div class="sassdoc-item-header">
@@ -5847,8 +5878,8 @@
5847
5878
  <li><strong>File:</strong> _form-theme.scss</li>
5848
5879
  <li><strong>Group:</strong> form-theme</li>
5849
5880
  <li><strong>Type:</strong> mixin</li>
5850
- <li><strong>Lines (comments):</strong> 527-527</li>
5851
- <li><strong>Lines (code):</strong> 528-530</li>
5881
+ <li><strong>Lines (comments):</strong> 539-539</li>
5882
+ <li><strong>Lines (code):</strong> 540-542</li>
5852
5883
  </ul>
5853
5884
  </details>
5854
5885
  <div class="sassdoc-item-header">
@@ -5864,8 +5895,8 @@
5864
5895
  <li><strong>File:</strong> _form-theme.scss</li>
5865
5896
  <li><strong>Group:</strong> form-theme</li>
5866
5897
  <li><strong>Type:</strong> mixin</li>
5867
- <li><strong>Lines (comments):</strong> 532-532</li>
5868
- <li><strong>Lines (code):</strong> 533-586</li>
5898
+ <li><strong>Lines (comments):</strong> 544-544</li>
5899
+ <li><strong>Lines (code):</strong> 545-598</li>
5869
5900
  </ul>
5870
5901
  </details>
5871
5902
  <h4 id="require-5" tabindex="-1">Require</h4>
@@ -5890,8 +5921,8 @@
5890
5921
  <li><strong>File:</strong> _form-theme.scss</li>
5891
5922
  <li><strong>Group:</strong> form-theme</li>
5892
5923
  <li><strong>Type:</strong> mixin</li>
5893
- <li><strong>Lines (comments):</strong> 588-588</li>
5894
- <li><strong>Lines (code):</strong> 589-617</li>
5924
+ <li><strong>Lines (comments):</strong> 600-600</li>
5925
+ <li><strong>Lines (code):</strong> 601-629</li>
5895
5926
  </ul>
5896
5927
  </details>
5897
5928
  <h4 id="require-6" tabindex="-1">Require</h4>
@@ -5916,8 +5947,8 @@
5916
5947
  <li><strong>File:</strong> _form-theme.scss</li>
5917
5948
  <li><strong>Group:</strong> form-theme</li>
5918
5949
  <li><strong>Type:</strong> function</li>
5919
- <li><strong>Lines (comments):</strong> 195-198</li>
5920
- <li><strong>Lines (code):</strong> 200-202</li>
5950
+ <li><strong>Lines (comments):</strong> 205-208</li>
5951
+ <li><strong>Lines (code):</strong> 210-213</li>
5921
5952
  </ul>
5922
5953
  </details>
5923
5954
  <h4 id="examples-2" tabindex="-1">Examples</h4>
package/docs-dev/sass/components/hero/index.html CHANGED
@@ -196,6 +196,21 @@
196
196
  </li>
197
197
 
198
198
 
199
+ <li class="nav-tree__item ">
200
+
201
+ <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
202
+
203
+
204
+ <span class="nav-tree__text">
205
+ Button Verbose
206
+ </span>
207
+
208
+ </a>
209
+
210
+
211
+ </li>
212
+
213
+
199
214
  <li class="nav-tree__item ">
200
215
 
201
216
  <a class="nav-tree__link " href="/frontend/demos/callout/">
@@ -228,11 +243,11 @@
228
243
 
229
244
  <li class="nav-tree__item ">
230
245
 
231
- <a class="nav-tree__link " href="/frontend/demos/card/">
246
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
232
247
 
233
248
 
234
249
  <span class="nav-tree__text">
235
- Card
250
+ Card Grid
236
251
  </span>
237
252
 
238
253
  </a>
@@ -243,11 +258,11 @@
243
258
 
244
259
  <li class="nav-tree__item ">
245
260
 
246
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
261
+ <a class="nav-tree__link " href="/frontend/demos/card/">
247
262
 
248
263
 
249
264
  <span class="nav-tree__text">
250
- Card Grid
265
+ Card New
251
266
  </span>
252
267
 
253
268
  </a>
@@ -2667,6 +2682,21 @@
2667
2682
  </li>
2668
2683
 
2669
2684
 
2685
+ <li class="nav-tree__item ">
2686
+
2687
+ <a class="nav-tree__link " href="/frontend/demos/button-verbose/">
2688
+
2689
+
2690
+ <span class="nav-tree__text">
2691
+ Button Verbose
2692
+ </span>
2693
+
2694
+ </a>
2695
+
2696
+
2697
+ </li>
2698
+
2699
+
2670
2700
  <li class="nav-tree__item ">
2671
2701
 
2672
2702
  <a class="nav-tree__link " href="/frontend/demos/callout/">
@@ -2699,11 +2729,11 @@
2699
2729
 
2700
2730
  <li class="nav-tree__item ">
2701
2731
 
2702
- <a class="nav-tree__link " href="/frontend/demos/card/">
2732
+ <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2703
2733
 
2704
2734
 
2705
2735
  <span class="nav-tree__text">
2706
- Card
2736
+ Card Grid
2707
2737
  </span>
2708
2738
 
2709
2739
  </a>
@@ -2714,11 +2744,11 @@
2714
2744
 
2715
2745
  <li class="nav-tree__item ">
2716
2746
 
2717
- <a class="nav-tree__link " href="/frontend/demos/card-grid/">
2747
+ <a class="nav-tree__link " href="/frontend/demos/card/">
2718
2748
 
2719
2749
 
2720
2750
  <span class="nav-tree__text">
2721
- Card Grid
2751
+ Card New
2722
2752
  </span>
2723
2753
 
2724
2754
  </a>