@aurodesignsystem/auro-formkit 2.0.0-beta.50 → 2.0.0-beta.52

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 (41) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/components/checkbox/README.md +1 -1
  3. package/components/combobox/README.md +4 -4
  4. package/components/combobox/demo/api.md +1 -1
  5. package/components/combobox/demo/api.min.js +3 -3
  6. package/components/combobox/demo/index.min.js +3 -3
  7. package/components/combobox/dist/auro-combobox.d.ts +2 -2
  8. package/components/combobox/dist/index.js +3 -3
  9. package/components/combobox/dist/registered.js +3 -3
  10. package/components/counter/README.md +1 -1
  11. package/components/counter/demo/api.md +10 -10
  12. package/components/counter/demo/api.min.js +3 -3
  13. package/components/counter/demo/index.min.js +3 -3
  14. package/components/counter/dist/auro-counter-group.d.ts +2 -2
  15. package/components/counter/dist/index.js +3 -3
  16. package/components/counter/dist/registered.js +3 -3
  17. package/components/datepicker/README.md +8 -8
  18. package/components/datepicker/demo/api.md +125 -124
  19. package/components/datepicker/demo/api.min.js +14 -14
  20. package/components/datepicker/demo/index.md +12 -12
  21. package/components/datepicker/demo/index.min.js +14 -14
  22. package/components/datepicker/dist/auro-calendar.d.ts +1 -1
  23. package/components/datepicker/dist/auro-datepicker.d.ts +4 -4
  24. package/components/datepicker/dist/index.js +14 -14
  25. package/components/datepicker/dist/registered.js +14 -14
  26. package/components/dropdown/README.md +1 -1
  27. package/components/form/README.md +1 -1
  28. package/components/form/demo/working.html +2 -2
  29. package/components/input/README.md +1 -1
  30. package/components/menu/README.md +1 -1
  31. package/components/radio/README.md +1 -1
  32. package/components/select/README.md +5 -3
  33. package/components/select/demo/api.md +101 -21
  34. package/components/select/demo/api.min.js +1058 -195
  35. package/components/select/demo/index.md +20 -0
  36. package/components/select/demo/index.min.js +1058 -195
  37. package/components/select/dist/auro-select.d.ts +38 -2
  38. package/components/select/dist/bibtemplateVersion.d.ts +2 -0
  39. package/components/select/dist/index.js +1069 -206
  40. package/components/select/dist/registered.js +1069 -206
  41. package/package.json +1 -1
package/components/select/demo/index.md CHANGED
@@ -21,6 +21,7 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
21
21
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
22
22
  <!-- The below content is automatically added from ./../apiExamples/basic.html -->
23
23
  <auro-select>
24
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
24
25
  <auro-menu>
25
26
  <auro-menuoption value="stops">Stops</auro-menuoption>
26
27
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -39,6 +40,7 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
39
40
 
40
41
  ```html
41
42
  <auro-select>
43
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
42
44
  <auro-menu>
43
45
  <auro-menuoption value="stops">Stops</auro-menuoption>
44
46
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -60,6 +62,7 @@ Use the `placeholder` slot to inject a custom placeholder option with the select
60
62
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/customPlaceholder.html) -->
61
63
  <!-- The below content is automatically added from ./../apiExamples/customPlaceholder.html -->
62
64
  <auro-select>
65
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
63
66
  <label slot="placeholder">Please select your preferred option</label>
64
67
  <auro-menu>
65
68
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -79,6 +82,7 @@ Use the `placeholder` slot to inject a custom placeholder option with the select
79
82
 
80
83
  ```html
81
84
  <auro-select>
85
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
82
86
  <label slot="placeholder">Please select your preferred option</label>
83
87
  <auro-menu>
84
88
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -101,6 +105,7 @@ The following example illustrates the use of the `label`, `placeholder` and `hel
101
105
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/slots.html) -->
102
106
  <!-- The below content is automatically added from ./../apiExamples/slots.html -->
103
107
  <auro-select>
108
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
104
109
  <label slot="placeholder">Placeholder Text</label>
105
110
  <span slot="label">Please choose a preference</span>
106
111
  <span slot="helpText">Preferences are maintained for future use</span>
@@ -122,6 +127,7 @@ The following example illustrates the use of the `label`, `placeholder` and `hel
122
127
 
123
128
  ```html
124
129
  <auro-select>
130
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
125
131
  <label slot="placeholder">Placeholder Text</label>
126
132
  <span slot="label">Please choose a preference</span>
127
133
  <span slot="helpText">Preferences are maintained for future use</span>
@@ -146,6 +152,7 @@ Displays an `<auro-select>` element with `<auro-icon>` elements in each option.
146
152
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/withIcons.html) -->
147
153
  <!-- The below content is automatically added from ./../apiExamples/withIcons.html -->
148
154
  <auro-select>
155
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
149
156
  <label slot="placeholder">Placeholder Text</label>
150
157
  <auro-menu>
151
158
  <auro-menuoption value="air">
@@ -174,6 +181,7 @@ Displays an `<auro-select>` element with `<auro-icon>` elements in each option.
174
181
 
175
182
  ```html
176
183
  <auro-select>
184
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
177
185
  <label slot="placeholder">Placeholder Text</label>
178
186
  <auro-menu>
179
187
  <auro-menuoption value="air">
@@ -205,6 +213,7 @@ This example shows nesting `<auro-menu>` elements to create submenus.
205
213
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/withSubmenus.html) -->
206
214
  <!-- The below content is automatically added from ./../apiExamples/withSubmenus.html -->
207
215
  <auro-select>
216
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
208
217
  <label slot="placeholder">Placeholder Text</label>
209
218
  <auro-menu>
210
219
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -247,6 +256,7 @@ This example shows nesting `<auro-menu>` elements to create submenus.
247
256
 
248
257
  ```html
249
258
  <auro-select>
259
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
250
260
  <label slot="placeholder">Placeholder Text</label>
251
261
  <auro-menu>
252
262
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -292,6 +302,7 @@ Applying the `noCheckmark` attribute will prevent the checkmark icon from being
292
302
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/noCheckmark.html) -->
293
303
  <!-- The below content is automatically added from ./../apiExamples/noCheckmark.html -->
294
304
  <auro-select nocheckmark>
305
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
295
306
  <label slot="placeholder">Placeholder Text</label>
296
307
  <auro-menu>
297
308
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -311,6 +322,7 @@ Applying the `noCheckmark` attribute will prevent the checkmark icon from being
311
322
 
312
323
  ```html
313
324
  <auro-select nocheckmark>
325
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
314
326
  <label slot="placeholder">Placeholder Text</label>
315
327
  <auro-menu>
316
328
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -335,6 +347,7 @@ Custom height dimensions are set by using the `dropdownSize` CSS Part and then a
335
347
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/customBibHeight.html) -->
336
348
  <!-- The below content is automatically added from ../apiExamples/customBibHeight.html -->
337
349
  <auro-select id="customBibHeightExample">
350
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
338
351
  <label slot="placeholder">Placeholder Text</label>
339
352
  <auro-menu>
340
353
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -359,6 +372,7 @@ Custom height dimensions are set by using the `dropdownSize` CSS Part and then a
359
372
 
360
373
  ```html
361
374
  <auro-select id="customBibHeightExample">
375
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
362
376
  <label slot="placeholder">Placeholder Text</label>
363
377
  <auro-menu>
364
378
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -386,6 +400,7 @@ Use the `error` boolean attribute to toggle the error UI.
386
400
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/error.html) -->
387
401
  <!-- The below content is automatically added from ./../apiExamples/error.html -->
388
402
  <auro-select error="Custom error message">
403
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
389
404
  <label slot="placeholder">Placeholder Text</label>
390
405
  <auro-menu>
391
406
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -405,6 +420,7 @@ Use the `error` boolean attribute to toggle the error UI.
405
420
 
406
421
  ```html
407
422
  <auro-select error="Custom error message">
423
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
408
424
  <label slot="placeholder">Placeholder Text</label>
409
425
  <auro-menu>
410
426
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -427,6 +443,7 @@ Use the `disabled` boolean attribute to toggle the disabled UI.
427
443
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/disabled.html) -->
428
444
  <!-- The below content is automatically added from ./../apiExamples/disabled.html -->
429
445
  <auro-select disabled>
446
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
430
447
  <label slot="placeholder">Placeholder Text</label>
431
448
  <auro-menu>
432
449
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -446,6 +463,7 @@ Use the `disabled` boolean attribute to toggle the disabled UI.
446
463
 
447
464
  ```html
448
465
  <auro-select disabled>
466
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
449
467
  <label slot="placeholder">Placeholder Text</label>
450
468
  <auro-menu>
451
469
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -478,6 +496,7 @@ This will create a new custom element that you can use in your HTML that will fu
478
496
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/custom.html) -->
479
497
  <!-- The below content is automatically added from ./../apiExamples/custom.html -->
480
498
  <custom-select>
499
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
481
500
  <label slot="placeholder">Placeholder Text</label>
482
501
  <auro-menu>
483
502
  <auro-menuoption value="stops">Stops</auro-menuoption>
@@ -497,6 +516,7 @@ This will create a new custom element that you can use in your HTML that will fu
497
516
 
498
517
  ```html
499
518
  <custom-select>
519
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
500
520
  <label slot="placeholder">Placeholder Text</label>
501
521
  <auro-menu>
502
522
  <auro-menuoption value="stops">Stops</auro-menuoption>