@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.14 → 0.0.0-pr624.16

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 (85) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +12 -2
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +2 -0
  3. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/index.js +1022 -12
  5. package/components/bibtemplate/dist/registered.js +1022 -12
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.md +2 -2
  8. package/components/checkbox/demo/api.min.js +24 -19
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +24 -19
  11. package/components/checkbox/demo/readme.md +1 -1
  12. package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
  13. package/components/checkbox/dist/index.js +24 -19
  14. package/components/checkbox/dist/registered.js +24 -19
  15. package/components/combobox/demo/api.md +52 -0
  16. package/components/combobox/demo/api.min.js +2059 -651
  17. package/components/combobox/demo/index.md +6 -0
  18. package/components/combobox/demo/index.min.js +2059 -651
  19. package/components/combobox/dist/auro-combobox.d.ts +4 -4
  20. package/components/combobox/dist/index.js +1978 -629
  21. package/components/combobox/dist/registered.js +1978 -629
  22. package/components/counter/demo/api.md +21 -19
  23. package/components/counter/demo/api.min.js +2326 -539
  24. package/components/counter/demo/index.md +99 -34
  25. package/components/counter/demo/index.min.js +2326 -539
  26. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  27. package/components/counter/dist/auro-counter-group.d.ts +92 -1
  28. package/components/counter/dist/helptextVersion.d.ts +2 -0
  29. package/components/counter/dist/iconVersion.d.ts +1 -1
  30. package/components/counter/dist/index.js +2326 -539
  31. package/components/counter/dist/registered.js +2326 -539
  32. package/components/datepicker/demo/api.md +3 -1
  33. package/components/datepicker/demo/api.min.js +5402 -3158
  34. package/components/datepicker/demo/index.md +6 -1
  35. package/components/datepicker/demo/index.min.js +5402 -3158
  36. package/components/datepicker/dist/auro-datepicker.d.ts +17 -7
  37. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  38. package/components/datepicker/dist/index.js +5402 -3158
  39. package/components/datepicker/dist/registered.js +5402 -3158
  40. package/components/dropdown/demo/api.md +3 -4
  41. package/components/dropdown/demo/api.min.js +69 -119
  42. package/components/dropdown/demo/index.md +57 -9
  43. package/components/dropdown/demo/index.min.js +69 -119
  44. package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
  45. package/components/dropdown/dist/auro-dropdownBib.d.ts +14 -0
  46. package/components/dropdown/dist/index.js +69 -119
  47. package/components/dropdown/dist/registered.js +69 -119
  48. package/components/input/demo/api.md +12 -5
  49. package/components/input/demo/api.min.js +665 -285
  50. package/components/input/demo/index.min.js +665 -285
  51. package/components/input/dist/auro-input.d.ts +6 -0
  52. package/components/input/dist/base-input.d.ts +29 -6
  53. package/components/input/dist/buttonVersion.d.ts +1 -1
  54. package/components/input/dist/iconVersion.d.ts +1 -1
  55. package/components/input/dist/index.js +665 -285
  56. package/components/input/dist/registered.js +665 -285
  57. package/components/layoutElement/dist/index.js +13 -10
  58. package/components/menu/demo/api.html +38 -0
  59. package/components/menu/demo/api.md +63 -2
  60. package/components/menu/demo/api.min.js +190 -36
  61. package/components/menu/demo/index.min.js +190 -36
  62. package/components/menu/dist/auro-menu.d.ts +22 -5
  63. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  64. package/components/menu/dist/iconVersion.d.ts +1 -1
  65. package/components/menu/dist/index.js +190 -36
  66. package/components/menu/dist/registered.js +190 -36
  67. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  68. package/components/radio/demo/api.min.js +4 -2
  69. package/components/radio/demo/index.min.js +4 -2
  70. package/components/radio/dist/auro-radio.d.ts +1 -1
  71. package/components/radio/dist/index.js +4 -2
  72. package/components/radio/dist/registered.js +4 -2
  73. package/components/select/demo/api.md +5 -5
  74. package/components/select/demo/api.min.js +1412 -293
  75. package/components/select/demo/index.md +42 -1
  76. package/components/select/demo/index.min.js +1412 -293
  77. package/components/select/dist/auro-select.d.ts +8 -8
  78. package/components/select/dist/index.js +1321 -261
  79. package/components/select/dist/registered.js +1321 -261
  80. package/package.json +2 -2
  81. /package/components/{menu/dist/styles/color-menu-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  82. /package/components/menu/dist/styles/{color-menuoption-css.d.ts → default/color-menu-css.d.ts} +0 -0
  83. /package/components/menu/dist/styles/{style-menu-css.d.ts → default/color-menuoption-css.d.ts} +0 -0
  84. /package/components/menu/dist/styles/{style-menuoption-css.d.ts → default/style-menu-css.d.ts} +0 -0
  85. /package/components/menu/dist/styles/{tokens-css.d.ts → default/style-menuoption-css.d.ts} +0 -0
package/components/counter/demo/index.md CHANGED
@@ -170,7 +170,9 @@ Counter groups allow you to manage multiple related counters together. This is u
170
170
 
171
171
  ### Dropdown Counter Group
172
172
 
173
- The dropdown mode provides a more compact interface, ideal for forms where space is limited. It collapses the counters into a dropdown that expands when clicked:
173
+ The dropdown mode provides a more compact interface, ideal for forms where space is limited. It collapses the counters into a dropdown that expands when clicked.
174
+
175
+ When using a dropdown, an additional layout, `snowflake`, is available for use:
174
176
 
175
177
  <div class="exampleWrapper">
176
178
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/dropdown-basic.html) -->
@@ -206,39 +208,102 @@ The dropdown mode provides a more compact interface, ideal for forms where space
206
208
  </auro-counter-group>
207
209
  <!-- AURO-GENERATED-CONTENT:END -->
208
210
  </div>
211
+ <div class="exampleWrapper">
212
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/dropdown-snowflake.html) -->
213
+ <!-- The below content is automatically added from ./../apiExamples/dropdown-snowflake.html -->
214
+ <!-- Example of counter-group properties -->
215
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake">
216
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
217
+ <div slot="label">Snowflake Dropdown Group</div>
218
+ <div slot="helpText">Total must be between 2-10</div>
219
+ <auro-counter>
220
+ Counter 1
221
+ </auro-counter>
222
+ <auro-counter>
223
+ Counter 2
224
+ </auro-counter>
225
+ </auro-counter-group>
226
+ <!-- AURO-GENERATED-CONTENT:END -->
227
+ </div>
228
+ <div class="exampleWrapper--ondark">
229
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark-dropdown-snowflake.html) -->
230
+ <!-- The below content is automatically added from ./../apiExamples/onDark-dropdown-snowflake.html -->
231
+ <!-- Example of counter-group properties -->
232
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake" ondark>
233
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
234
+ <div slot="label">Snowflake Dropdown Group</div>
235
+ <div slot="helpText">Total must be between 2-10</div>
236
+ <auro-counter>
237
+ Counter 1
238
+ </auro-counter>
239
+ <auro-counter>
240
+ Counter 2
241
+ </auro-counter>
242
+ </auro-counter-group>
243
+ <!-- AURO-GENERATED-CONTENT:END -->
244
+ </div>
209
245
  <auro-accordion alignRight>
210
246
  <span slot="trigger">See code</span>
211
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/dropdown-basic.html) -->
212
- <!-- The below code snippet is automatically added from ./../apiExamples/dropdown-basic.html -->
213
-
214
- ```html
215
- <auro-counter-group isDropdown>
216
- <div slot="bib.fullscreen.headline">Passengers</div>
217
- <div slot="label">Passengers</div>
218
- <auro-counter>
219
- Adults
220
- <span slot="description">18 years or older</span>
221
- </auro-counter>
222
- <auro-counter>
223
- Children
224
- <span slot="description">2-17 years</span>
225
- </auro-counter>
226
- </auro-counter-group>
227
- ```
228
- <!-- AURO-GENERATED-CONTENT:END -->
229
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDropdown.html) -->
230
- <!-- The below content is automatically added from ./../apiExamples/onDarkDropdown.html -->
231
- <auro-counter-group onDark isDropdown>
232
- <div slot="bib.fullscreen.headline">Passengers</div>
233
- <div slot="label">Passengers</div>
234
- <auro-counter>
235
- Adults
236
- <span slot="description">18 years or older</span>
237
- </auro-counter>
238
- <auro-counter>
239
- Children
240
- <span slot="description">2-17 years</span>
241
- </auro-counter>
242
- </auro-counter-group>
243
- <!-- AURO-GENERATED-CONTENT:END -->
247
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/dropdown-basic.html) -->
248
+ <!-- The below code snippet is automatically added from ./../apiExamples/dropdown-basic.html -->
249
+ ```html
250
+ <auro-counter-group isDropdown>
251
+ <div slot="bib.fullscreen.headline">Passengers</div>
252
+ <div slot="label">Passengers</div>
253
+ <auro-counter>
254
+ Adults
255
+ <span slot="description">18 years or older</span>
256
+ </auro-counter>
257
+ <auro-counter>
258
+ Children
259
+ <span slot="description">2-17 years</span>
260
+ </auro-counter>
261
+ </auro-counter-group>
262
+ ```
263
+ <!-- AURO-GENERATED-CONTENT:END -->
264
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDropdown.html) -->
265
+ <!-- The below content is automatically added from ./../apiExamples/onDarkDropdown.html -->
266
+ <auro-counter-group onDark isDropdown>
267
+ <div slot="bib.fullscreen.headline">Passengers</div>
268
+ <div slot="label">Passengers</div>
269
+ <auro-counter>
270
+ Adults
271
+ <span slot="description">18 years or older</span>
272
+ </auro-counter>
273
+ <auro-counter>
274
+ Children
275
+ <span slot="description">2-17 years</span>
276
+ </auro-counter>
277
+ </auro-counter-group>
278
+ <!-- AURO-GENERATED-CONTENT:END -->
279
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/dropdown-snowflake.html) -->
280
+ <!-- The below content is automatically added from ./../apiExamples/dropdown-snowflake.html -->
281
+ <!-- Example of counter-group properties -->
282
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake">
283
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
284
+ <div slot="label">Snowflake Dropdown Group</div>
285
+ <div slot="helpText">Total must be between 2-10</div>
286
+ <auro-counter>
287
+ Counter 1
288
+ </auro-counter>
289
+ <auro-counter>
290
+ Counter 2
291
+ </auro-counter>
292
+ </auro-counter-group>
293
+ <!-- AURO-GENERATED-CONTENT:END -->
294
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark-dropdown-snowflake.html) -->
295
+ <!-- The below content is automatically added from ./../apiExamples/onDark-dropdown-snowflake.html -->
296
+ <!-- Example of counter-group properties -->
297
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake" ondark>
298
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
299
+ <div slot="label">Snowflake Dropdown Group</div>
300
+ <div slot="helpText">Total must be between 2-10</div>
301
+ <auro-counter>
302
+ Counter 1
303
+ </auro-counter>
304
+ <auro-counter>
305
+ Counter 2
306
+ </auro-counter>
307
+ </auro-counter-group>
308
+ <!-- AURO-GENERATED-CONTENT:END -->
244
309
  </auro-accordion>