@aurodesignsystem/auro-formkit 5.10.0 → 5.11.0

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 (77) hide show
  1. package/CHANGELOG.md +55 -15
  2. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +6 -0
  3. package/components/bibtemplate/dist/index.js +12 -0
  4. package/components/bibtemplate/dist/registered.js +12 -0
  5. package/components/checkbox/demo/api.min.js +3 -3
  6. package/components/checkbox/demo/index.min.js +3 -3
  7. package/components/checkbox/dist/index.js +3 -3
  8. package/components/checkbox/dist/registered.js +3 -3
  9. package/components/combobox/demo/api.min.js +1140 -305
  10. package/components/combobox/demo/index.min.js +1140 -305
  11. package/components/combobox/dist/auro-combobox.d.ts +24 -1
  12. package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +6 -0
  13. package/components/combobox/dist/index.js +1082 -264
  14. package/components/combobox/dist/registered.js +1082 -264
  15. package/components/counter/demo/api.min.js +583 -172
  16. package/components/counter/demo/index.min.js +583 -172
  17. package/components/counter/dist/auro-counter.d.ts +8 -0
  18. package/components/counter/dist/buttonVersion.d.ts +1 -1
  19. package/components/counter/dist/iconVersion.d.ts +1 -1
  20. package/components/counter/dist/index.js +583 -172
  21. package/components/counter/dist/registered.js +583 -172
  22. package/components/datepicker/demo/api.md +108 -85
  23. package/components/datepicker/demo/api.min.js +872 -257
  24. package/components/datepicker/demo/index.md +18 -12
  25. package/components/datepicker/demo/index.min.js +872 -257
  26. package/components/datepicker/dist/auro-calendar.d.ts +6 -0
  27. package/components/datepicker/dist/auro-datepicker.d.ts +11 -1
  28. package/components/datepicker/dist/index.js +819 -208
  29. package/components/datepicker/dist/registered.js +819 -208
  30. package/components/dropdown/demo/api.md +15 -17
  31. package/components/dropdown/demo/api.min.js +537 -183
  32. package/components/dropdown/demo/index.min.js +537 -183
  33. package/components/dropdown/dist/auro-dropdown.d.ts +27 -1
  34. package/components/dropdown/dist/auro-dropdownBib.d.ts +87 -0
  35. package/components/dropdown/dist/index.js +514 -160
  36. package/components/dropdown/dist/keyboardUtils.d.ts +18 -0
  37. package/components/dropdown/dist/registered.js +514 -160
  38. package/components/form/README.md +47 -2
  39. package/components/form/demo/api.js +2 -0
  40. package/components/form/demo/api.md +303 -30
  41. package/components/form/demo/api.min.js +69256 -62
  42. package/components/form/demo/index.html +0 -1
  43. package/components/form/demo/index.js +1 -0
  44. package/components/form/demo/index.md +1 -275
  45. package/components/form/demo/index.min.js +69255 -62
  46. package/components/form/demo/readme.md +47 -2
  47. package/components/form/demo/working.html +123 -32
  48. package/components/form/dist/auro-form.d.ts +98 -61
  49. package/components/form/dist/index.js +135 -51
  50. package/components/form/dist/registered.js +135 -51
  51. package/components/input/demo/api.md +1 -0
  52. package/components/input/demo/api.min.js +78 -24
  53. package/components/input/demo/index.min.js +78 -24
  54. package/components/input/dist/base-input.d.ts +34 -0
  55. package/components/input/dist/index.js +78 -24
  56. package/components/input/dist/registered.js +78 -24
  57. package/components/menu/demo/api.md +4 -10
  58. package/components/menu/demo/api.min.js +18 -5
  59. package/components/menu/demo/index.min.js +18 -5
  60. package/components/menu/dist/auro-menuoption.d.ts +0 -8
  61. package/components/menu/dist/iconVersion.d.ts +1 -1
  62. package/components/menu/dist/index.js +18 -5
  63. package/components/menu/dist/registered.js +18 -5
  64. package/components/radio/demo/api.min.js +3 -3
  65. package/components/radio/demo/index.min.js +3 -3
  66. package/components/radio/dist/index.js +3 -3
  67. package/components/radio/dist/registered.js +3 -3
  68. package/components/select/demo/api.js +2 -0
  69. package/components/select/demo/api.md +333 -78
  70. package/components/select/demo/api.min.js +945 -282
  71. package/components/select/demo/index.min.js +933 -282
  72. package/components/select/dist/auro-select.d.ts +26 -0
  73. package/components/select/dist/index.js +881 -247
  74. package/components/select/dist/registered.js +881 -247
  75. package/components/select/dist/selectKeyboardStrategy.d.ts +8 -0
  76. package/custom-elements.json +596 -89
  77. package/package.json +7 -5
package/components/datepicker/demo/index.md CHANGED
@@ -32,7 +32,7 @@ The `<auro-datepicker>` element should be used in situations where users may:
32
32
  <span slot="ariaLabel.bib.close">Close Calendar</span>
33
33
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
34
34
  <span slot="fromLabel">Choose a date</span>
35
- <span slot="bib.fullscreen.dateLabel">Choose a date</span>
35
+ <span slot="bib.fullscreen.fromLabel">Choose a date</span>
36
36
  </auro-datepicker>
37
37
  <!-- AURO-GENERATED-CONTENT:END -->
38
38
  </div>
@@ -46,7 +46,7 @@ The `<auro-datepicker>` element should be used in situations where users may:
46
46
  <span slot="ariaLabel.bib.close">Close Calendar</span>
47
47
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
48
48
  <span slot="fromLabel">Choose a date</span>
49
- <span slot="bib.fullscreen.dateLabel">Choose a date</span>
49
+ <span slot="bib.fullscreen.fromLabel">Choose a date</span>
50
50
  </auro-datepicker>
51
51
  ```
52
52
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -64,7 +64,8 @@ The datepicker can also be used to select a range between two dates by adding th
64
64
  <span slot="bib.fullscreen.headline">Datepicker Range Headline</span>
65
65
  <span slot="fromLabel">Departure</span>
66
66
  <span slot="toLabel">Return</span>
67
- <span slot="bib.fullscreen.dateLabel">Roundtrip</span>
67
+ <span slot="bib.fullscreen.fromLabel">Departure</span>
68
+ <span slot="bib.fullscreen.toLabel">Return</span>
68
69
  </auro-datepicker>
69
70
  <!-- AURO-GENERATED-CONTENT:END -->
70
71
  </div>
@@ -79,7 +80,8 @@ The datepicker can also be used to select a range between two dates by adding th
79
80
  <span slot="bib.fullscreen.headline">Datepicker Range Headline</span>
80
81
  <span slot="fromLabel">Departure</span>
81
82
  <span slot="toLabel">Return</span>
82
- <span slot="bib.fullscreen.dateLabel">Roundtrip</span>
83
+ <span slot="bib.fullscreen.fromLabel">Departure</span>
84
+ <span slot="bib.fullscreen.toLabel">Return</span>
83
85
  </auro-datepicker>
84
86
  ```
85
87
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -97,7 +99,7 @@ Use `layout="snowflake"`, with `shape="snowflake"` and `appearance="inverse"` to
97
99
  <span slot="label">Date</span>
98
100
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
99
101
  <span slot="fromLabel">Choose a date</span>
100
- <span slot="bib.fullscreen.dateLabel">Choose a date</span>
102
+ <span slot="bib.fullscreen.fromLabel">Choose a date</span>
101
103
  </auro-datepicker>
102
104
  <!-- AURO-GENERATED-CONTENT:END -->
103
105
  </div>
@@ -112,7 +114,7 @@ Use `layout="snowflake"`, with `shape="snowflake"` and `appearance="inverse"` to
112
114
  <span slot="label">Date</span>
113
115
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
114
116
  <span slot="fromLabel">Choose a date</span>
115
- <span slot="bib.fullscreen.dateLabel">Choose a date</span>
117
+ <span slot="bib.fullscreen.fromLabel">Choose a date</span>
116
118
  </auro-datepicker>
117
119
  ```
118
120
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -127,10 +129,12 @@ Ranged variation of the snowflake layout.
127
129
  <!-- The below content is automatically added from ./../apiExamples/snowflake/range.html -->
128
130
  <auro-datepicker range layout="snowflake" shape="snowflake" appearance="inverse" placeholder="MM/DD/YYYY">
129
131
  <span slot="ariaLabel.bib.close">Close Calendar</span>
130
- <span slot="label">Dates</span>
132
+ <span slot="fromLabel">From Date Test</span>
133
+ <span slot="toLabel">To Date Test</span>
134
+ <span slot="label">Testing Date Label</span>
131
135
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
132
- <span slot="fromLabel">Choose a date</span>
133
- <span slot="bib.fullscreen.dateLabel">Choose a date</span>
136
+ <span slot="bib.fullscreen.fromLabel">Choose a departing date</span>
137
+ <span slot="bib.fullscreen.toLabel">Choose a returning date</span>
134
138
  </auro-datepicker>
135
139
  <!-- AURO-GENERATED-CONTENT:END -->
136
140
  </div>
@@ -142,10 +146,12 @@ Ranged variation of the snowflake layout.
142
146
  ```html
143
147
  <auro-datepicker range layout="snowflake" shape="snowflake" appearance="inverse" placeholder="MM/DD/YYYY">
144
148
  <span slot="ariaLabel.bib.close">Close Calendar</span>
145
- <span slot="label">Dates</span>
149
+ <span slot="fromLabel">From Date Test</span>
150
+ <span slot="toLabel">To Date Test</span>
151
+ <span slot="label">Testing Date Label</span>
146
152
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
147
- <span slot="fromLabel">Choose a date</span>
148
- <span slot="bib.fullscreen.dateLabel">Choose a date</span>
153
+ <span slot="bib.fullscreen.fromLabel">Choose a departing date</span>
154
+ <span slot="bib.fullscreen.toLabel">Choose a returning date</span>
149
155
  </auro-datepicker>
150
156
  ```
151
157
  <!-- AURO-GENERATED-CONTENT:END -->