@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.
- package/components/bibtemplate/dist/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -1
- package/components/checkbox/demo/api.min.js +9 -9
- package/components/checkbox/demo/index.min.js +9 -9
- package/components/checkbox/dist/index.js +9 -9
- package/components/checkbox/dist/registered.js +9 -9
- package/components/combobox/demo/api.md +12 -6
- package/components/combobox/demo/api.min.js +43 -84
- package/components/combobox/demo/index.min.js +43 -84
- package/components/combobox/dist/index.js +42 -84
- package/components/combobox/dist/registered.js +42 -84
- package/components/counter/demo/api.md +140 -7
- package/components/counter/demo/api.min.js +555 -385
- package/components/counter/demo/index.md +82 -0
- package/components/counter/demo/index.min.js +555 -385
- package/components/counter/dist/auro-counter-group.d.ts +71 -14
- package/components/counter/dist/auro-counter.d.ts +10 -0
- package/components/counter/dist/index.js +555 -385
- package/components/counter/dist/registered.js +555 -385
- package/components/datepicker/demo/api.min.js +42 -84
- package/components/datepicker/demo/index.min.js +42 -84
- package/components/datepicker/dist/index.js +42 -84
- package/components/datepicker/dist/registered.js +42 -84
- package/components/dropdown/demo/api.md +76 -268
- package/components/dropdown/demo/api.min.js +25 -67
- package/components/dropdown/demo/index.md +45 -363
- package/components/dropdown/demo/index.min.js +25 -67
- package/components/dropdown/dist/auro-dropdown.d.ts +21 -71
- package/components/dropdown/dist/index.js +25 -67
- package/components/dropdown/dist/registered.js +25 -67
- package/components/helptext/dist/index.js +1 -1
- package/components/helptext/dist/registered.js +1 -1
- package/components/input/demo/api.md +1 -1
- package/components/input/demo/api.min.js +10 -10
- package/components/input/demo/index.min.js +10 -10
- package/components/input/dist/base-input.d.ts +1 -1
- package/components/input/dist/index.js +10 -10
- package/components/input/dist/registered.js +10 -10
- package/components/menu/demo/api.md +14 -15
- package/components/menu/demo/api.min.js +1 -0
- package/components/menu/demo/index.min.js +1 -0
- package/components/menu/dist/auro-menu.d.ts +2 -1
- package/components/menu/dist/index.js +1 -0
- package/components/menu/dist/registered.js +1 -0
- package/components/radio/demo/api.min.js +9 -9
- package/components/radio/demo/index.min.js +9 -9
- package/components/radio/dist/index.js +9 -9
- package/components/radio/dist/registered.js +9 -9
- package/components/select/demo/api.md +41 -36
- package/components/select/demo/api.min.js +60 -102
- package/components/select/demo/index.md +1 -1
- package/components/select/demo/index.min.js +60 -102
- package/components/select/dist/auro-select.d.ts +9 -2
- package/components/select/dist/index.js +59 -102
- package/components/select/dist/registered.js +59 -102
- 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:
|