@aurodesignsystem/auro-formkit 5.6.0 → 5.7.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 (105) hide show
  1. package/CHANGELOG.md +22 -6
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
  3. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  5. package/components/bibtemplate/dist/index.js +120 -1659
  6. package/components/bibtemplate/dist/registered.js +120 -1659
  7. package/components/checkbox/demo/api.html +2 -2
  8. package/components/checkbox/demo/api.md +31 -28
  9. package/components/checkbox/demo/api.min.js +82 -8
  10. package/components/checkbox/demo/index.html +1 -1
  11. package/components/checkbox/demo/index.md +18 -18
  12. package/components/checkbox/demo/index.min.js +82 -8
  13. package/components/checkbox/dist/auro-checkbox-group.d.ts +11 -1
  14. package/components/checkbox/dist/auro-checkbox.d.ts +11 -1
  15. package/components/checkbox/dist/index.js +82 -8
  16. package/components/checkbox/dist/registered.js +82 -8
  17. package/components/combobox/demo/api.html +4 -4
  18. package/components/combobox/demo/api.md +28 -27
  19. package/components/combobox/demo/api.min.js +5041 -8577
  20. package/components/combobox/demo/index.html +3 -3
  21. package/components/combobox/demo/index.md +10 -10
  22. package/components/combobox/demo/index.min.js +7543 -11079
  23. package/components/combobox/dist/auro-combobox.d.ts +11 -9
  24. package/components/combobox/dist/index.js +4507 -7666
  25. package/components/combobox/dist/registered.js +4507 -7666
  26. package/components/counter/demo/api.html +3 -3
  27. package/components/counter/demo/api.md +35 -26
  28. package/components/counter/demo/api.min.js +4890 -8059
  29. package/components/counter/demo/index.html +3 -3
  30. package/components/counter/demo/index.md +42 -42
  31. package/components/counter/demo/index.min.js +4890 -8059
  32. package/components/counter/dist/auro-counter-button.d.ts +2 -11
  33. package/components/counter/dist/auro-counter-group.d.ts +11 -1
  34. package/components/counter/dist/auro-counter.d.ts +9 -1
  35. package/components/counter/dist/iconVersion.d.ts +1 -1
  36. package/components/counter/dist/index.js +4889 -8058
  37. package/components/counter/dist/registered.js +4889 -8058
  38. package/components/datepicker/demo/api.html +3 -3
  39. package/components/datepicker/demo/api.md +71 -21
  40. package/components/datepicker/demo/api.min.js +10215 -14694
  41. package/components/datepicker/demo/index.html +2 -2
  42. package/components/datepicker/demo/index.md +30 -30
  43. package/components/datepicker/demo/index.min.js +10215 -14694
  44. package/components/datepicker/dist/auro-calendar.d.ts +8 -0
  45. package/components/datepicker/dist/auro-datepicker.d.ts +13 -1
  46. package/components/datepicker/dist/index.js +10172 -14651
  47. package/components/datepicker/dist/registered.js +10172 -14651
  48. package/components/dropdown/demo/api.html +5 -5
  49. package/components/dropdown/demo/api.md +38 -29
  50. package/components/dropdown/demo/api.min.js +88 -417
  51. package/components/dropdown/demo/index.html +3 -3
  52. package/components/dropdown/demo/index.md +16 -16
  53. package/components/dropdown/demo/index.min.js +88 -417
  54. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  55. package/components/dropdown/dist/index.js +75 -404
  56. package/components/dropdown/dist/registered.js +75 -404
  57. package/components/form/demo/api.html +1 -1
  58. package/components/form/demo/api.min.js +13 -0
  59. package/components/form/demo/index.html +1 -1
  60. package/components/form/demo/index.min.js +13 -0
  61. package/components/form/demo/working.html +2 -2
  62. package/components/form/dist/index.js +13 -0
  63. package/components/form/dist/registered.js +13 -0
  64. package/components/helptext/dist/auro-helptext.d.ts +11 -1
  65. package/components/helptext/dist/index.js +26 -2
  66. package/components/helptext/dist/registered.js +26 -2
  67. package/components/input/demo/api.html +3 -3
  68. package/components/input/demo/api.js +1 -1
  69. package/components/input/demo/api.md +37 -34
  70. package/components/input/demo/api.min.js +262 -1583
  71. package/components/input/demo/index.html +1 -2
  72. package/components/input/demo/index.md +17 -17
  73. package/components/input/demo/index.min.js +262 -1583
  74. package/components/input/dist/base-input.d.ts +11 -1
  75. package/components/input/dist/buttonVersion.d.ts +1 -1
  76. package/components/input/dist/iconVersion.d.ts +1 -1
  77. package/components/input/dist/index.js +228 -1549
  78. package/components/input/dist/registered.js +228 -1549
  79. package/components/menu/demo/api.html +4 -4
  80. package/components/menu/demo/api.min.js +57 -421
  81. package/components/menu/demo/index.html +1 -1
  82. package/components/menu/demo/index.min.js +57 -421
  83. package/components/menu/dist/iconVersion.d.ts +1 -1
  84. package/components/menu/dist/index.js +49 -413
  85. package/components/menu/dist/registered.js +49 -413
  86. package/components/radio/demo/api.html +2 -2
  87. package/components/radio/demo/api.md +46 -44
  88. package/components/radio/demo/api.min.js +86 -9
  89. package/components/radio/demo/index.html +1 -1
  90. package/components/radio/demo/index.md +12 -12
  91. package/components/radio/demo/index.min.js +86 -9
  92. package/components/radio/dist/auro-radio-group.d.ts +11 -1
  93. package/components/radio/dist/auro-radio.d.ts +11 -1
  94. package/components/radio/dist/index.js +86 -9
  95. package/components/radio/dist/registered.js +86 -9
  96. package/components/select/demo/api.html +4 -4
  97. package/components/select/demo/api.md +20 -19
  98. package/components/select/demo/api.min.js +2223 -4412
  99. package/components/select/demo/index.html +3 -3
  100. package/components/select/demo/index.md +25 -25
  101. package/components/select/demo/index.min.js +2223 -4412
  102. package/components/select/dist/auro-select.d.ts +11 -1
  103. package/components/select/dist/index.js +1279 -3091
  104. package/components/select/dist/registered.js +1279 -3091
  105. package/package.json +15 -15
package/components/counter/demo/index.html CHANGED
@@ -54,8 +54,8 @@
54
54
  initExamples();
55
55
  </script>
56
56
  <!-- If additional elements are needed for the demo, add them here. -->
57
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
58
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
59
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
57
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
58
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
59
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
60
60
  </body>
61
61
  </html>
package/components/counter/demo/index.md CHANGED
@@ -28,9 +28,9 @@ The counter component provides a simple interface for incrementing or decrementi
28
28
  <!-- AURO-GENERATED-CONTENT:END -->
29
29
  </div>
30
30
  <div class="exampleWrapper--ondark" aria-hidden>
31
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
32
- <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
33
- <auro-counter onDark>
31
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance.html) -->
32
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance.html -->
33
+ <auro-counter appearance="inverse">
34
34
  Adults
35
35
  </auro-counter>
36
36
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -46,9 +46,9 @@ The counter component provides a simple interface for incrementing or decrementi
46
46
  </auro-counter>
47
47
  ```
48
48
  <!-- AURO-GENERATED-CONTENT:END -->
49
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
50
- <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
51
- <auro-counter onDark>
49
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance.html) -->
50
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance.html -->
51
+ <auro-counter appearance="inverse">
52
52
  Adults
53
53
  </auro-counter>
54
54
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -68,9 +68,9 @@ Adding a description provides additional context to users. The description appea
68
68
  <!-- AURO-GENERATED-CONTENT:END -->
69
69
  </div>
70
70
  <div class="exampleWrapper--ondark" aria-hidden>
71
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDescription.html) -->
72
- <!-- The below content is automatically added from ./../apiExamples/onDarkDescription.html -->
73
- <auro-counter onDark>
71
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceDescription.html) -->
72
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceDescription.html -->
73
+ <auro-counter appearance="inverse">
74
74
  Adults
75
75
  <span slot="description">18 years or older</span>
76
76
  </auro-counter>
@@ -88,9 +88,9 @@ Adding a description provides additional context to users. The description appea
88
88
  </auro-counter>
89
89
  ```
90
90
  <!-- AURO-GENERATED-CONTENT:END -->
91
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDescription.html) -->
92
- <!-- The below content is automatically added from ./../apiExamples/onDarkDescription.html -->
93
- <auro-counter onDark>
91
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceDescription.html) -->
92
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceDescription.html -->
93
+ <auro-counter appearance="inverse">
94
94
  Adults
95
95
  <span slot="description">18 years or older</span>
96
96
  </auro-counter>
@@ -111,9 +111,9 @@ Help text is supported with counters, and can be added by targetting the `helpte
111
111
  <!-- AURO-GENERATED-CONTENT:END -->
112
112
  </div>
113
113
  <div class="exampleWrapper--ondark" aria-hidden>
114
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/ondark-counter-helptext.html) -->
115
- <!-- The below content is automatically added from ./../apiExamples/ondark-counter-helptext.html -->
116
- <auro-counter ondark>
114
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance-counter-helptext.html) -->
115
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance-counter-helptext.html -->
116
+ <auro-counter appearance="inverse">
117
117
  Adults
118
118
  <span slot="helpText">This is help text for the counter</span>
119
119
  </auro-counter>
@@ -131,9 +131,9 @@ Help text is supported with counters, and can be added by targetting the `helpte
131
131
  </auro-counter>
132
132
  ```
133
133
  <!-- AURO-GENERATED-CONTENT:END -->
134
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/ondark-counter-helptext.html) -->
135
- <!-- The below content is automatically added from ./../apiExamples/ondark-counter-helptext.html -->
136
- <auro-counter ondark>
134
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance-counter-helptext.html) -->
135
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance-counter-helptext.html -->
136
+ <auro-counter appearance="inverse">
137
137
  Adults
138
138
  <span slot="helpText">This is help text for the counter</span>
139
139
  </auro-counter>
@@ -153,9 +153,9 @@ A custom error can be set on the counter by adding the `error` attribute with th
153
153
  <!-- AURO-GENERATED-CONTENT:END -->
154
154
  </div>
155
155
  <div class="exampleWrapper--ondark" aria-hidden>
156
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/ondark-counter-error.html) -->
157
- <!-- The below content is automatically added from ./../apiExamples/ondark-counter-error.html -->
158
- <auro-counter ondark error="There is an error with the counter">
156
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance-counter-error.html) -->
157
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance-counter-error.html -->
158
+ <auro-counter appearance="inverse" error="There is an error with the counter">
159
159
  Adults
160
160
  </auro-counter>
161
161
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -171,9 +171,9 @@ A custom error can be set on the counter by adding the `error` attribute with th
171
171
  </auro-counter>
172
172
  ```
173
173
  <!-- AURO-GENERATED-CONTENT:END -->
174
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/ondark-counter-error.html) -->
175
- <!-- The below content is automatically added from ./../apiExamples/ondark-counter-error.html -->
176
- <auro-counter ondark error="There is an error with the counter">
174
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance-counter-error.html) -->
175
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance-counter-error.html -->
176
+ <auro-counter appearance="inverse" error="There is an error with the counter">
177
177
  Adults
178
178
  </auro-counter>
179
179
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -200,9 +200,9 @@ Counter groups allow you to manage multiple related counters together. This is u
200
200
  <!-- AURO-GENERATED-CONTENT:END -->
201
201
  </div>
202
202
  <div class="exampleWrapper--ondark" aria-hidden>
203
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkGroup.html) -->
204
- <!-- The below content is automatically added from ./../apiExamples/onDarkGroup.html -->
205
- <auro-counter-group onDark>
203
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceGroup.html) -->
204
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceGroup.html -->
205
+ <auro-counter-group appearance="inverse">
206
206
  <auro-counter>
207
207
  Short label
208
208
  </auro-counter>
@@ -234,9 +234,9 @@ Counter groups allow you to manage multiple related counters together. This is u
234
234
  </auro-counter-group>
235
235
  ```
236
236
  <!-- AURO-GENERATED-CONTENT:END -->
237
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkGroup.html) -->
238
- <!-- The below content is automatically added from ./../apiExamples/onDarkGroup.html -->
239
- <auro-counter-group onDark>
237
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceGroup.html) -->
238
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceGroup.html -->
239
+ <auro-counter-group appearance="inverse">
240
240
  <auro-counter>
241
241
  Short label
242
242
  </auro-counter>
@@ -275,9 +275,9 @@ When using a dropdown, an additional layout, `snowflake`, is available for use:
275
275
  <!-- AURO-GENERATED-CONTENT:END -->
276
276
  </div>
277
277
  <div class="exampleWrapper--ondark" aria-hidden>
278
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDropdown.html) -->
279
- <!-- The below content is automatically added from ./../apiExamples/onDarkDropdown.html -->
280
- <auro-counter-group onDark isDropdown>
278
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceDropdown.html) -->
279
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceDropdown.html -->
280
+ <auro-counter-group appearance="inverse" isDropdown>
281
281
  <div slot="bib.fullscreen.headline">Passengers</div>
282
282
  <div slot="label">Passengers</div>
283
283
  <auro-counter>
@@ -311,10 +311,10 @@ When using a dropdown, an additional layout, `snowflake`, is available for use:
311
311
  <!-- AURO-GENERATED-CONTENT:END -->
312
312
  </div>
313
313
  <div class="exampleWrapper--ondark">
314
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark-dropdown-snowflake.html) -->
315
- <!-- The below content is automatically added from ./../apiExamples/onDark-dropdown-snowflake.html -->
314
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance-dropdown-snowflake.html) -->
315
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance-dropdown-snowflake.html -->
316
316
  <!-- Example of counter-group properties -->
317
- <auro-counter-group max="10" min="2" isDropdown layout="snowflake" ondark>
317
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake" appearance="inverse">
318
318
  <span slot="ariaLabel.bib.close">Close Popup</span>
319
319
  <div slot="bib.fullscreen.headline">Group fullscreen label</div>
320
320
  <auro-icon slot="typeIcon" category="interface" name="account-stroke" customColor></auro-icon>
@@ -349,9 +349,9 @@ When using a dropdown, an additional layout, `snowflake`, is available for use:
349
349
  </auro-counter-group>
350
350
  ```
351
351
  <!-- AURO-GENERATED-CONTENT:END -->
352
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDropdown.html) -->
353
- <!-- The below content is automatically added from ./../apiExamples/onDarkDropdown.html -->
354
- <auro-counter-group onDark isDropdown>
352
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceDropdown.html) -->
353
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceDropdown.html -->
354
+ <auro-counter-group appearance="inverse" isDropdown>
355
355
  <div slot="bib.fullscreen.headline">Passengers</div>
356
356
  <div slot="label">Passengers</div>
357
357
  <auro-counter>
@@ -381,10 +381,10 @@ When using a dropdown, an additional layout, `snowflake`, is available for use:
381
381
  </auro-counter>
382
382
  </auro-counter-group>
383
383
  <!-- AURO-GENERATED-CONTENT:END -->
384
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark-dropdown-snowflake.html) -->
385
- <!-- The below content is automatically added from ./../apiExamples/onDark-dropdown-snowflake.html -->
384
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance-dropdown-snowflake.html) -->
385
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance-dropdown-snowflake.html -->
386
386
  <!-- Example of counter-group properties -->
387
- <auro-counter-group max="10" min="2" isDropdown layout="snowflake" ondark>
387
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake" appearance="inverse">
388
388
  <span slot="ariaLabel.bib.close">Close Popup</span>
389
389
  <div slot="bib.fullscreen.headline">Group fullscreen label</div>
390
390
  <auro-icon slot="typeIcon" category="interface" name="account-stroke" customColor></auro-icon>