@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.2 → 0.0.0-pr624.21

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 (108) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +13 -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 +1292 -79
  5. package/components/bibtemplate/dist/registered.js +1292 -79
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.md +8 -9
  8. package/components/checkbox/demo/api.min.js +30 -24
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +30 -24
  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 +30 -24
  14. package/components/checkbox/dist/registered.js +30 -24
  15. package/components/combobox/demo/api.md +53 -0
  16. package/components/combobox/demo/api.min.js +2898 -753
  17. package/components/combobox/demo/index.md +6 -0
  18. package/components/combobox/demo/index.min.js +2898 -753
  19. package/components/combobox/dist/auro-combobox.d.ts +12 -12
  20. package/components/combobox/dist/index.js +2646 -642
  21. package/components/combobox/dist/registered.js +2646 -642
  22. package/components/counter/demo/api.md +21 -19
  23. package/components/counter/demo/api.min.js +3648 -929
  24. package/components/counter/demo/index.md +99 -34
  25. package/components/counter/demo/index.min.js +3648 -929
  26. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  27. package/components/counter/dist/auro-counter-group.d.ts +105 -6
  28. package/components/counter/dist/auro-counter.d.ts +6 -0
  29. package/components/counter/dist/helptextVersion.d.ts +2 -0
  30. package/components/counter/dist/iconVersion.d.ts +1 -1
  31. package/components/counter/dist/index.js +3648 -929
  32. package/components/counter/dist/registered.js +3648 -929
  33. package/components/datepicker/demo/api.md +36 -19
  34. package/components/datepicker/demo/api.min.js +11437 -7744
  35. package/components/datepicker/demo/index.md +80 -0
  36. package/components/datepicker/demo/index.min.js +11437 -7744
  37. package/components/datepicker/dist/auro-datepicker.d.ts +71 -3
  38. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  39. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  40. package/components/datepicker/dist/index.js +13847 -10154
  41. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  42. package/components/datepicker/dist/registered.js +13847 -10154
  43. package/components/dropdown/demo/api.md +6 -7
  44. package/components/dropdown/demo/api.min.js +238 -144
  45. package/components/dropdown/demo/index.md +57 -9
  46. package/components/dropdown/demo/index.min.js +238 -144
  47. package/components/dropdown/dist/auro-dropdown.d.ts +10 -9
  48. package/components/dropdown/dist/auro-dropdownBib.d.ts +22 -0
  49. package/components/dropdown/dist/index.js +238 -144
  50. package/components/dropdown/dist/registered.js +238 -144
  51. package/components/form/demo/api.min.js +1 -1
  52. package/components/form/demo/index.min.js +1 -1
  53. package/components/form/dist/index.js +1 -1
  54. package/components/form/dist/registered.js +1 -1
  55. package/components/helptext/dist/index.js +2 -2
  56. package/components/helptext/dist/registered.js +2 -2
  57. package/components/input/demo/api.md +63 -56
  58. package/components/input/demo/api.min.js +983 -269
  59. package/components/input/demo/index.min.js +982 -268
  60. package/components/input/dist/auro-input.d.ts +202 -14
  61. package/components/input/dist/base-input.d.ts +30 -7
  62. package/components/input/dist/buttonVersion.d.ts +1 -1
  63. package/components/input/dist/iconVersion.d.ts +1 -1
  64. package/components/input/dist/index.js +982 -268
  65. package/components/input/dist/registered.js +982 -268
  66. package/components/layoutElement/dist/index.js +13 -10
  67. package/components/menu/demo/api.html +38 -0
  68. package/components/menu/demo/api.md +68 -7
  69. package/components/menu/demo/api.min.js +278 -42
  70. package/components/menu/demo/index.min.js +278 -42
  71. package/components/menu/dist/auro-menu.d.ts +28 -5
  72. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  73. package/components/menu/dist/iconVersion.d.ts +1 -1
  74. package/components/menu/dist/index.js +278 -42
  75. package/components/menu/dist/registered.js +278 -42
  76. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  77. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  78. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  79. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  80. package/components/radio/demo/api.md +2 -2
  81. package/components/radio/demo/api.min.js +10 -7
  82. package/components/radio/demo/index.min.js +10 -7
  83. package/components/radio/dist/auro-radio.d.ts +1 -1
  84. package/components/radio/dist/index.js +10 -7
  85. package/components/radio/dist/registered.js +10 -7
  86. package/components/select/demo/api.js +2 -0
  87. package/components/select/demo/api.md +78 -12
  88. package/components/select/demo/api.min.js +2797 -538
  89. package/components/select/demo/index.html +1 -0
  90. package/components/select/demo/index.md +325 -763
  91. package/components/select/demo/index.min.js +2790 -543
  92. package/components/select/dist/auro-select.d.ts +111 -11
  93. package/components/select/dist/helptextVersion.d.ts +2 -0
  94. package/components/select/dist/index.js +2533 -427
  95. package/components/select/dist/registered.js +2533 -427
  96. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  97. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  98. package/package.json +6 -4
  99. /package/components/{dropdown/dist/styles/default/bibColors-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  100. /package/components/{dropdown → datepicker}/dist/styles/default/color-css.d.ts +0 -0
  101. /package/components/{dropdown/dist/styles/default/bibStyles-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  102. /package/components/{dropdown/dist/styles/default/style-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  103. /package/components/{dropdown/dist/styles → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  104. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  105. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  106. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  107. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  108. /package/components/menu/dist/styles/{tokens-css.d.ts → default/color-menu-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>