@aurodesignsystem/auro-formkit 5.1.0-rc-1157.1 → 5.1.0-rc-1195.1

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 (106) hide show
  1. package/CHANGELOG.md +29 -1
  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 +148 -10
  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 +148 -10
  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 +148 -10
  16. package/components/checkbox/dist/registered.js +148 -10
  17. package/components/combobox/demo/api.html +4 -4
  18. package/components/combobox/demo/api.md +256 -63
  19. package/components/combobox/demo/api.min.js +4500 -7887
  20. package/components/combobox/demo/index.html +3 -3
  21. package/components/combobox/demo/index.md +114 -10
  22. package/components/combobox/demo/index.min.js +5671 -9058
  23. package/components/combobox/dist/auro-combobox.d.ts +29 -10
  24. package/components/combobox/dist/index.js +4500 -7510
  25. package/components/combobox/dist/registered.js +4500 -7510
  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 +2968 -6073
  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 +2968 -6073
  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 +4915 -8020
  37. package/components/counter/dist/registered.js +4915 -8020
  38. package/components/datepicker/demo/api.html +3 -3
  39. package/components/datepicker/demo/api.md +111 -21
  40. package/components/datepicker/demo/api.min.js +10474 -14790
  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 +10474 -14790
  44. package/components/datepicker/dist/auro-calendar-cell.d.ts +6 -0
  45. package/components/datepicker/dist/auro-calendar.d.ts +8 -0
  46. package/components/datepicker/dist/auro-datepicker.d.ts +21 -1
  47. package/components/datepicker/dist/index.js +10367 -14683
  48. package/components/datepicker/dist/registered.js +10367 -14683
  49. package/components/dropdown/demo/api.html +5 -5
  50. package/components/dropdown/demo/api.md +38 -29
  51. package/components/dropdown/demo/api.min.js +88 -417
  52. package/components/dropdown/demo/index.html +3 -3
  53. package/components/dropdown/demo/index.md +16 -16
  54. package/components/dropdown/demo/index.min.js +88 -417
  55. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  56. package/components/dropdown/dist/index.js +75 -404
  57. package/components/dropdown/dist/registered.js +75 -404
  58. package/components/form/demo/api.html +1 -1
  59. package/components/form/demo/api.min.js +13 -0
  60. package/components/form/demo/index.html +1 -1
  61. package/components/form/demo/index.min.js +13 -0
  62. package/components/form/demo/working.html +2 -2
  63. package/components/form/dist/index.js +13 -0
  64. package/components/form/dist/registered.js +13 -0
  65. package/components/helptext/dist/auro-helptext.d.ts +11 -1
  66. package/components/helptext/dist/index.js +26 -2
  67. package/components/helptext/dist/registered.js +26 -2
  68. package/components/input/demo/api.html +3 -3
  69. package/components/input/demo/api.js +1 -1
  70. package/components/input/demo/api.md +37 -34
  71. package/components/input/demo/api.min.js +323 -1580
  72. package/components/input/demo/index.html +1 -2
  73. package/components/input/demo/index.md +17 -17
  74. package/components/input/demo/index.min.js +323 -1580
  75. package/components/input/dist/base-input.d.ts +11 -1
  76. package/components/input/dist/buttonVersion.d.ts +1 -1
  77. package/components/input/dist/iconVersion.d.ts +1 -1
  78. package/components/input/dist/index.js +289 -1546
  79. package/components/input/dist/registered.js +289 -1546
  80. package/components/menu/demo/api.html +4 -4
  81. package/components/menu/demo/api.min.js +57 -421
  82. package/components/menu/demo/index.html +1 -1
  83. package/components/menu/demo/index.min.js +57 -421
  84. package/components/menu/dist/iconVersion.d.ts +1 -1
  85. package/components/menu/dist/index.js +49 -413
  86. package/components/menu/dist/registered.js +49 -413
  87. package/components/radio/demo/api.html +2 -2
  88. package/components/radio/demo/api.md +46 -44
  89. package/components/radio/demo/api.min.js +183 -14
  90. package/components/radio/demo/index.html +1 -1
  91. package/components/radio/demo/index.md +12 -12
  92. package/components/radio/demo/index.min.js +183 -14
  93. package/components/radio/dist/auro-radio-group.d.ts +25 -1
  94. package/components/radio/dist/auro-radio.d.ts +11 -1
  95. package/components/radio/dist/index.js +183 -14
  96. package/components/radio/dist/registered.js +183 -14
  97. package/components/select/demo/api.html +4 -4
  98. package/components/select/demo/api.md +20 -19
  99. package/components/select/demo/api.min.js +2859 -4984
  100. package/components/select/demo/index.html +3 -3
  101. package/components/select/demo/index.md +25 -25
  102. package/components/select/demo/index.min.js +2859 -4984
  103. package/components/select/dist/auro-select.d.ts +11 -1
  104. package/components/select/dist/index.js +990 -2738
  105. package/components/select/dist/registered.js +990 -2738
  106. 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>