@aurodesignsystem-dev/auro-formkit 0.0.0-pr754.1 → 0.0.0-pr754.2

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 (56) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/api.min.js +9 -9
  4. package/components/checkbox/demo/index.min.js +9 -9
  5. package/components/checkbox/dist/index.js +9 -9
  6. package/components/checkbox/dist/registered.js +9 -9
  7. package/components/combobox/demo/api.md +12 -6
  8. package/components/combobox/demo/api.min.js +43 -84
  9. package/components/combobox/demo/index.min.js +43 -84
  10. package/components/combobox/dist/index.js +42 -84
  11. package/components/combobox/dist/registered.js +42 -84
  12. package/components/counter/demo/api.md +140 -7
  13. package/components/counter/demo/api.min.js +555 -385
  14. package/components/counter/demo/index.md +82 -0
  15. package/components/counter/demo/index.min.js +555 -385
  16. package/components/counter/dist/auro-counter-group.d.ts +71 -14
  17. package/components/counter/dist/auro-counter.d.ts +10 -0
  18. package/components/counter/dist/index.js +555 -385
  19. package/components/counter/dist/registered.js +555 -385
  20. package/components/datepicker/demo/api.min.js +42 -84
  21. package/components/datepicker/demo/index.min.js +42 -84
  22. package/components/datepicker/dist/index.js +42 -84
  23. package/components/datepicker/dist/registered.js +42 -84
  24. package/components/dropdown/demo/api.md +76 -268
  25. package/components/dropdown/demo/api.min.js +25 -67
  26. package/components/dropdown/demo/index.md +45 -363
  27. package/components/dropdown/demo/index.min.js +25 -67
  28. package/components/dropdown/dist/auro-dropdown.d.ts +21 -71
  29. package/components/dropdown/dist/index.js +25 -67
  30. package/components/dropdown/dist/registered.js +25 -67
  31. package/components/helptext/dist/index.js +1 -1
  32. package/components/helptext/dist/registered.js +1 -1
  33. package/components/input/demo/api.md +1 -1
  34. package/components/input/demo/api.min.js +10 -10
  35. package/components/input/demo/index.min.js +10 -10
  36. package/components/input/dist/base-input.d.ts +1 -1
  37. package/components/input/dist/index.js +10 -10
  38. package/components/input/dist/registered.js +10 -10
  39. package/components/menu/demo/api.md +14 -15
  40. package/components/menu/demo/api.min.js +1 -0
  41. package/components/menu/demo/index.min.js +1 -0
  42. package/components/menu/dist/auro-menu.d.ts +2 -1
  43. package/components/menu/dist/index.js +1 -0
  44. package/components/menu/dist/registered.js +1 -0
  45. package/components/radio/demo/api.min.js +9 -9
  46. package/components/radio/demo/index.min.js +9 -9
  47. package/components/radio/dist/index.js +9 -9
  48. package/components/radio/dist/registered.js +9 -9
  49. package/components/select/demo/api.md +41 -36
  50. package/components/select/demo/api.min.js +60 -102
  51. package/components/select/demo/index.md +1 -1
  52. package/components/select/demo/index.min.js +60 -102
  53. package/components/select/dist/auro-select.d.ts +9 -2
  54. package/components/select/dist/index.js +59 -102
  55. package/components/select/dist/registered.js +59 -102
  56. package/package.json +2 -2
@@ -97,6 +97,88 @@ Adding a description provides additional context to users. The description appea
97
97
  <!-- AURO-GENERATED-CONTENT:END -->
98
98
  </auro-accordion>
99
99
 
100
+ ### Counter with Help Text
101
+
102
+ Help text is supported with counters, and can be added by targetting the `helptext` slot.
103
+
104
+ <div class="exampleWrapper">
105
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/counter-helptext.html) -->
106
+ <!-- The below content is automatically added from ./../apiExamples/counter-helptext.html -->
107
+ <auro-counter>
108
+ Adults
109
+ <span slot="helptext">This is help text for the counter</span>
110
+ </auro-counter>
111
+ <!-- AURO-GENERATED-CONTENT:END -->
112
+ </div>
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>
117
+ Adults
118
+ <span slot="helptext">This is help text for the counter</span>
119
+ </auro-counter>
120
+ <!-- AURO-GENERATED-CONTENT:END -->
121
+ </div>
122
+ <auro-accordion alignRight>
123
+ <span slot="trigger">See code</span>
124
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/counter-helptext.html) -->
125
+ <!-- The below code snippet is automatically added from ./../apiExamples/counter-helptext.html -->
126
+
127
+ ```html
128
+ <auro-counter>
129
+ Adults
130
+ <span slot="helptext">This is help text for the counter</span>
131
+ </auro-counter>
132
+ ```
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>
137
+ Adults
138
+ <span slot="helptext">This is help text for the counter</span>
139
+ </auro-counter>
140
+ <!-- AURO-GENERATED-CONTENT:END -->
141
+ </auro-accordion>
142
+
143
+ ### Counter with Custom Error
144
+
145
+ A custom error can be set on the counter by adding the `error` attribute with the desired message.
146
+
147
+ <div class="exampleWrapper">
148
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/counter-error.html) -->
149
+ <!-- The below content is automatically added from ./../apiExamples/counter-error.html -->
150
+ <auro-counter error="There is an error with the counter">
151
+ Adults
152
+ </auro-counter>
153
+ <!-- AURO-GENERATED-CONTENT:END -->
154
+ </div>
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">
159
+ Adults
160
+ </auro-counter>
161
+ <!-- AURO-GENERATED-CONTENT:END -->
162
+ </div>
163
+ <auro-accordion alignRight>
164
+ <span slot="trigger">See code</span>
165
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/counter-error.html) -->
166
+ <!-- The below code snippet is automatically added from ./../apiExamples/counter-error.html -->
167
+
168
+ ```html
169
+ <auro-counter error="There is an error with the counter">
170
+ Adults
171
+ </auro-counter>
172
+ ```
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">
177
+ Adults
178
+ </auro-counter>
179
+ <!-- AURO-GENERATED-CONTENT:END -->
180
+ </auro-accordion>
181
+
100
182
  ### Basic Counter Group
101
183
 
102
184
  Counter groups allow you to manage multiple related counters together. This is useful when you need to collect multiple quantities that are related, such as different passenger types: