@aurodesignsystem/auro-formkit 5.6.0 → 5.8.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 (106) hide show
  1. package/CHANGELOG.md +12 -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 +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/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