@aurodesignsystem/auro-formkit 5.5.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 -3
  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 +4856 -8338
  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 +7354 -10836
  23. package/components/combobox/dist/auro-combobox.d.ts +11 -9
  24. package/components/combobox/dist/index.js +4526 -7631
  25. package/components/combobox/dist/registered.js +4526 -7631
  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 +4891 -8060
  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 +4891 -8060
  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 +4890 -8059
  37. package/components/counter/dist/registered.js +4890 -8059
  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 +10264 -14687
  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 +10264 -14687
  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 +10230 -14653
  47. package/components/datepicker/dist/registered.js +10230 -14653
  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 +89 -418
  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 +89 -418
  54. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  55. package/components/dropdown/dist/index.js +76 -405
  56. package/components/dropdown/dist/registered.js +76 -405
  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 +38 -35
  70. package/components/input/demo/api.min.js +323 -1590
  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 +323 -1590
  74. package/components/input/dist/base-input.d.ts +23 -2
  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 +283 -1550
  78. package/components/input/dist/registered.js +283 -1550
  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 +2225 -4414
  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 +2225 -4414
  102. package/components/select/dist/auro-select.d.ts +11 -1
  103. package/components/select/dist/index.js +1274 -3086
  104. package/components/select/dist/registered.js +1274 -3086
  105. package/package.json +15 -15
package/components/dropdown/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-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
58
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
59
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
57
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
58
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
59
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
60
60
  </body>
61
61
  </html>
package/components/dropdown/demo/index.md CHANGED
@@ -85,9 +85,9 @@ Not including one of the above options will result in your UI being non-complian
85
85
  <!-- AURO-GENERATED-CONTENT:END -->
86
86
  </auro-accordion>
87
87
  <div class="exampleWrapper--ondark">
88
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic-ondark.html) -->
89
- <!-- The below content is automatically added from ./../apiExamples/classic/basic-ondark.html -->
90
- <auro-dropdown onDark layout="classic" shape="classic" size="lg" id="classicOnDark" chevron aria-label="Label content for screen reader">
88
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/classic/basic-inverseAppearance.html) -->
89
+ <!-- The below content is automatically added from ./../apiExamples/classic/basic-inverseAppearance.html -->
90
+ <auro-dropdown appearance="inverse" layout="classic" shape="classic" size="lg" id="classicOnDark" chevron aria-label="Label content for screen reader">
91
91
  <div style="padding: var(--ds-size-150);">
92
92
  Lorem ipsum solar
93
93
  <br />
@@ -106,11 +106,11 @@ Not including one of the above options will result in your UI being non-complian
106
106
  </div>
107
107
  <auro-accordion alignRight>
108
108
  <span slot="trigger">See code</span>
109
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/classic/basic-ondark.html) -->
110
- <!-- The below code snippet is automatically added from ./../apiExamples/classic/basic-ondark.html -->
109
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/classic/basic-inverseAppearance.html) -->
110
+ <!-- The below code snippet is automatically added from ./../apiExamples/classic/basic-inverseAppearance.html -->
111
111
 
112
112
  ```html
113
- <auro-dropdown onDark layout="classic" shape="classic" size="lg" id="classicOnDark" chevron aria-label="Label content for screen reader">
113
+ <auro-dropdown appearance="inverse" layout="classic" shape="classic" size="lg" id="classicOnDark" chevron aria-label="Label content for screen reader">
114
114
  <div style="padding: var(--ds-size-150);">
115
115
  Lorem ipsum solar
116
116
  <br />
@@ -131,12 +131,12 @@ Not including one of the above options will result in your UI being non-complian
131
131
 
132
132
  ### Emphasized
133
133
 
134
- Only supports `ondark`.
134
+ Only supports `appearance="inverse"`.
135
135
 
136
136
  <div class="exampleWrapper--ondark">
137
137
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
138
138
  <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
139
- <auro-dropdown aria-label="custom label" shape="pill" size="xl" layout="emphasized" style="width: 249px;" ondark>
139
+ <auro-dropdown aria-label="custom label" shape="pill" size="xl" layout="emphasized" style="width: 249px;" appearance="inverse">
140
140
  Lorem ipsum solar
141
141
  <div slot="trigger">
142
142
  Trigger
@@ -145,7 +145,7 @@ Only supports `ondark`.
145
145
  Help text - Lorem ipsum solar lorem ipsum solar
146
146
  </span>
147
147
  </auro-dropdown>
148
- <auro-dropdown aria-label="custom label" shape="pill-left" size="xl" layout="emphasized" style="width: 249px;" ondark>
148
+ <auro-dropdown aria-label="custom label" shape="pill-left" size="xl" layout="emphasized" style="width: 249px;" appearance="inverse">
149
149
  Lorem ipsum solar
150
150
  <div slot="trigger">
151
151
  Trigger
@@ -154,7 +154,7 @@ Only supports `ondark`.
154
154
  Help text - Lorem ipsum solar lorem ipsum solar
155
155
  </span>
156
156
  </auro-dropdown>
157
- <auro-dropdown aria-label="custom label" shape="pill-right" size="xl" layout="emphasized" style="width: 249px;" ondark>
157
+ <auro-dropdown aria-label="custom label" shape="pill-right" size="xl" layout="emphasized" style="width: 249px;" appearance="inverse">
158
158
  Lorem ipsum solar
159
159
  <div slot="trigger">
160
160
  Trigger
@@ -171,7 +171,7 @@ Only supports `ondark`.
171
171
  <!-- The below code snippet is automatically added from ./../apiExamples/emphasized/basic.html -->
172
172
 
173
173
  ```html
174
- <auro-dropdown aria-label="custom label" shape="pill" size="xl" layout="emphasized" style="width: 249px;" ondark>
174
+ <auro-dropdown aria-label="custom label" shape="pill" size="xl" layout="emphasized" style="width: 249px;" appearance="inverse">
175
175
  Lorem ipsum solar
176
176
  <div slot="trigger">
177
177
  Trigger
@@ -180,7 +180,7 @@ Only supports `ondark`.
180
180
  Help text - Lorem ipsum solar lorem ipsum solar
181
181
  </span>
182
182
  </auro-dropdown>
183
- <auro-dropdown aria-label="custom label" shape="pill-left" size="xl" layout="emphasized" style="width: 249px;" ondark>
183
+ <auro-dropdown aria-label="custom label" shape="pill-left" size="xl" layout="emphasized" style="width: 249px;" appearance="inverse">
184
184
  Lorem ipsum solar
185
185
  <div slot="trigger">
186
186
  Trigger
@@ -189,7 +189,7 @@ Only supports `ondark`.
189
189
  Help text - Lorem ipsum solar lorem ipsum solar
190
190
  </span>
191
191
  </auro-dropdown>
192
- <auro-dropdown aria-label="custom label" shape="pill-right" size="xl" layout="emphasized" style="width: 249px;" ondark>
192
+ <auro-dropdown aria-label="custom label" shape="pill-right" size="xl" layout="emphasized" style="width: 249px;" appearance="inverse">
193
193
  Lorem ipsum solar
194
194
  <div slot="trigger">
195
195
  Trigger
@@ -204,12 +204,12 @@ Only supports `ondark`.
204
204
 
205
205
  ### Snowflake
206
206
 
207
- Only supports `ondark`.
207
+ Only supports `appearance="inverse"`.
208
208
 
209
209
  <div class="exampleWrapper--ondark">
210
210
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/basic.html) -->
211
211
  <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
212
- <auro-dropdown aria-label="custom label" shape="snowflake" size="lg" layout="snowflake" style="width: 249px;" ondark>
212
+ <auro-dropdown aria-label="custom label" shape="snowflake" size="lg" layout="snowflake" style="width: 249px;" appearance="inverse">
213
213
  Lorem ipsum solar
214
214
  <div slot="trigger">
215
215
  Trigger
@@ -226,7 +226,7 @@ Only supports `ondark`.
226
226
  <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/basic.html -->
227
227
 
228
228
  ```html
229
- <auro-dropdown aria-label="custom label" shape="snowflake" size="lg" layout="snowflake" style="width: 249px;" ondark>
229
+ <auro-dropdown aria-label="custom label" shape="snowflake" size="lg" layout="snowflake" style="width: 249px;" appearance="inverse">
230
230
  Lorem ipsum solar
231
231
  <div slot="trigger">
232
232
  Trigger