@aurodesignsystem/auro-formkit 2.0.0-beta.1 → 2.0.0-beta.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/.turbo/cache/013a48308b893dac-meta.json +1 -1
- package/.turbo/cache/0663fcbb1d711029-meta.json +1 -1
- package/.turbo/cache/07ca42419b9f050c-meta.json +1 -1
- package/.turbo/cache/0a2b0a4df8a0443f-meta.json +1 -1
- package/.turbo/cache/0cea4c1f34f3683b-meta.json +1 -1
- package/.turbo/cache/120c8e207aa1ba35-meta.json +1 -1
- package/.turbo/cache/120c8e207aa1ba35.tar.zst +0 -0
- package/.turbo/cache/17259cf94d8f8925-meta.json +1 -1
- package/.turbo/cache/17dd4bdef6550a07-meta.json +1 -1
- package/.turbo/cache/17dd4bdef6550a07.tar.zst +0 -0
- package/.turbo/cache/1c99a949ec63ab35-meta.json +1 -1
- package/.turbo/cache/1de15d89eed2d760-meta.json +1 -1
- package/.turbo/cache/257a7a26ea72dbc5-meta.json +1 -1
- package/.turbo/cache/2990aaa7ebc5b967-meta.json +1 -1
- package/.turbo/cache/2990aaa7ebc5b967.tar.zst +0 -0
- package/.turbo/cache/32c0b9995fb5f8dd-meta.json +1 -1
- package/.turbo/cache/32c0b9995fb5f8dd.tar.zst +0 -0
- package/.turbo/cache/3bf45120d0cc9bd8-meta.json +1 -1
- package/.turbo/cache/45035bf5c4147ccd-meta.json +1 -1
- package/.turbo/cache/47ba2b5ebdb579e9-meta.json +1 -0
- package/.turbo/cache/47ba2b5ebdb579e9.tar.zst +0 -0
- package/.turbo/cache/4f92cea2d8c63de2-meta.json +1 -1
- package/.turbo/cache/56cb35d4c7473a23-meta.json +1 -1
- package/.turbo/cache/56cb35d4c7473a23.tar.zst +0 -0
- package/.turbo/cache/5c16ce3cff5c9dff-meta.json +1 -1
- package/.turbo/cache/5f304c0f37ef25f3-meta.json +1 -1
- package/.turbo/cache/626afdc67e0cb540-meta.json +1 -1
- package/.turbo/cache/64de7a53e02db647-meta.json +1 -1
- package/.turbo/cache/691a74627ec57993-meta.json +1 -1
- package/.turbo/cache/69aae513b7ec6c7d-meta.json +1 -1
- package/.turbo/cache/6dd7058e6703cb35-meta.json +1 -1
- package/.turbo/cache/6ef81cf9a66f982a-meta.json +1 -1
- package/.turbo/cache/73e9073a5274616d-meta.json +1 -1
- package/.turbo/cache/773edc0f83c8c5a5-meta.json +1 -1
- package/.turbo/cache/784c03fe9fd5ac05-meta.json +1 -1
- package/.turbo/cache/786a822763403879-meta.json +1 -1
- package/.turbo/cache/80b5d974184a01df-meta.json +1 -1
- package/.turbo/cache/87219c41a4ace9cd-meta.json +1 -1
- package/.turbo/cache/87219c41a4ace9cd.tar.zst +0 -0
- package/.turbo/cache/8954c6073396fadd-meta.json +1 -1
- package/.turbo/cache/8b735250fa5a62bf-meta.json +1 -0
- package/.turbo/cache/8b735250fa5a62bf.tar.zst +0 -0
- package/.turbo/cache/9154e8fe6ab767ea-meta.json +1 -1
- package/.turbo/cache/92daa6d7c389d548-meta.json +1 -1
- package/.turbo/cache/993dff2edb7b6766-meta.json +1 -1
- package/.turbo/cache/9a097d6576dadd64-meta.json +1 -1
- package/.turbo/cache/a49cc58242467fdc-meta.json +1 -1
- package/.turbo/cache/a49cc58242467fdc.tar.zst +0 -0
- package/.turbo/cache/a6a56bb802e1c20f-meta.json +1 -1
- package/.turbo/cache/a77bc920ea508bb8-meta.json +1 -1
- package/.turbo/cache/a77bc920ea508bb8.tar.zst +0 -0
- package/.turbo/cache/af061e7a077a9ba5-meta.json +1 -1
- package/.turbo/cache/af061e7a077a9ba5.tar.zst +0 -0
- package/.turbo/cache/b50f1b283b4b81cd-meta.json +1 -1
- package/.turbo/cache/b50f1b283b4b81cd.tar.zst +0 -0
- package/.turbo/cache/b54fc4f664a7a5a0-meta.json +1 -1
- package/.turbo/cache/ba4418918621fbcd-meta.json +1 -1
- package/.turbo/cache/be7c23c37b8ec74b-meta.json +1 -1
- package/.turbo/cache/be7c23c37b8ec74b.tar.zst +0 -0
- package/.turbo/cache/bf85bc040b7e64db-meta.json +1 -1
- package/.turbo/cache/caa0b4ac8d2a04dd-meta.json +1 -1
- package/.turbo/cache/caa0b4ac8d2a04dd.tar.zst +0 -0
- package/.turbo/cache/cc81de9c0b452a7c-meta.json +1 -1
- package/.turbo/cache/cd5f6987783fb56d-meta.json +1 -1
- package/.turbo/cache/ce67b6522dd09e64-meta.json +1 -1
- package/.turbo/cache/ce67b6522dd09e64.tar.zst +0 -0
- package/.turbo/cache/d716cb7a08152beb-meta.json +1 -0
- package/.turbo/cache/d716cb7a08152beb.tar.zst +0 -0
- package/.turbo/cache/d7a47b77deb3d9a4-meta.json +1 -1
- package/.turbo/cache/d7a47b77deb3d9a4.tar.zst +0 -0
- package/.turbo/cache/dad1301ac69bcb85-meta.json +1 -1
- package/.turbo/cache/e992dab20aeefbaf-meta.json +1 -1
- package/.turbo/cache/e992dab20aeefbaf.tar.zst +0 -0
- package/.turbo/cache/fa132b5b5f0e75f8-meta.json +1 -1
- package/.turbo/cache/fbbe2704bf9cb90b-meta.json +1 -1
- package/.turbo/cache/ff58f630c9d69af4-meta.json +1 -1
- package/CHANGELOG.md +8 -0
- package/components/checkbox/.turbo/turbo-build.log +3 -3
- package/components/checkbox/.turbo/turbo-bundler.log +3 -3
- package/components/checkbox/README.md +8 -8
- package/components/checkbox/demo/api.md +49 -49
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.md +62 -62
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/auro-checkbox.d.ts +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/src/auro-checkbox.js +1 -1
- package/components/combobox/.turbo/turbo-build.log +3 -3
- package/components/counter/.turbo/turbo-build.log +3 -3
- package/components/counter/.turbo/turbo-bundler.log +3 -3
- package/components/datepicker/.turbo/turbo-build.log +1 -1
- package/components/dropdown/.turbo/turbo-build.log +3 -3
- package/components/dropdown/.turbo/turbo-bundler.log +2 -2
- package/components/form/.turbo/turbo-build.log +2 -2
- package/components/form/.turbo/turbo-bundler.log +3 -3
- package/components/input/.turbo/turbo-build.log +3 -3
- package/components/input/.turbo/turbo-bundler.log +3 -3
- package/components/menu/.turbo/turbo-build.log +3 -3
- package/components/menu/.turbo/turbo-bundler.log +3 -3
- package/components/radio/.turbo/turbo-build.log +3 -3
- package/components/radio/.turbo/turbo-bundler.log +3 -3
- package/components/select/.turbo/turbo-build.log +3 -3
- package/package.json +1 -1
- package/.turbo/cache/141bb7d9a95e288b-meta.json +0 -1
- package/.turbo/cache/141bb7d9a95e288b.tar.zst +0 -0
- package/.turbo/cache/bb8b41cd0ade3986-meta.json +0 -1
- package/.turbo/cache/bb8b41cd0ade3986.tar.zst +0 -0
- package/.turbo/cache/cd845bb6102c589a-meta.json +0 -1
- package/.turbo/cache/cd845bb6102c589a.tar.zst +0 -0
|
@@ -32,10 +32,10 @@ The `<auro-checkbox>` element should be used in situations where users may:
|
|
|
32
32
|
<!-- The below content is automatically added from ./../apiExamples/basic.html -->
|
|
33
33
|
<auro-checkbox-group>
|
|
34
34
|
<span slot="legend">Form label goes here</span>
|
|
35
|
-
<auro-checkbox value="
|
|
36
|
-
<auro-checkbox value="
|
|
37
|
-
<auro-checkbox value="
|
|
38
|
-
<auro-checkbox value="
|
|
35
|
+
<auro-checkbox value="value1" name="example1" id="checkbox-basic1">Checkbox option</auro-checkbox>
|
|
36
|
+
<auro-checkbox value="value2" name="example2" id="checkbox-basic2" checked>Checkbox option</auro-checkbox>
|
|
37
|
+
<auro-checkbox value="value3" name="example3" id="checkbox-basic3">Checkbox option</auro-checkbox>
|
|
38
|
+
<auro-checkbox value="value4" name="example4" id="checkbox-basic4">Checkbox option</auro-checkbox>
|
|
39
39
|
</auro-checkbox-group>
|
|
40
40
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
41
41
|
</div>
|
|
@@ -47,10 +47,10 @@ The `<auro-checkbox>` element should be used in situations where users may:
|
|
|
47
47
|
```html
|
|
48
48
|
<auro-checkbox-group>
|
|
49
49
|
<span slot="legend">Form label goes here</span>
|
|
50
|
-
<auro-checkbox value="
|
|
51
|
-
<auro-checkbox value="
|
|
52
|
-
<auro-checkbox value="
|
|
53
|
-
<auro-checkbox value="
|
|
50
|
+
<auro-checkbox value="value1" name="example1" id="checkbox-basic1">Checkbox option</auro-checkbox>
|
|
51
|
+
<auro-checkbox value="value2" name="example2" id="checkbox-basic2" checked>Checkbox option</auro-checkbox>
|
|
52
|
+
<auro-checkbox value="value3" name="example3" id="checkbox-basic3">Checkbox option</auro-checkbox>
|
|
53
|
+
<auro-checkbox value="value4" name="example4" id="checkbox-basic4">Checkbox option</auro-checkbox>
|
|
54
54
|
</auro-checkbox-group>
|
|
55
55
|
```
|
|
56
56
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -69,10 +69,10 @@ The `disabled` attribute used to disable the entire `<auro-checkbox-group>`.
|
|
|
69
69
|
<!-- The below content is automatically added from ./../apiExamples/disabledGroup.html -->
|
|
70
70
|
<auro-checkbox-group disabled>
|
|
71
71
|
<span slot="legend">Form label goes here</span>
|
|
72
|
-
<auro-checkbox value="disabled
|
|
73
|
-
<auro-checkbox value="disabled
|
|
74
|
-
<auro-checkbox value="disabled
|
|
75
|
-
<auro-checkbox value="disabled
|
|
72
|
+
<auro-checkbox value="disabled-value1" name="example1" id="checkbox-disabledGroup1">Disabled checkbox option</auro-checkbox>
|
|
73
|
+
<auro-checkbox value="disabled-value2" name="example2" id="checkbox-disabledGroup2" checked>Disabled checkbox option</auro-checkbox>
|
|
74
|
+
<auro-checkbox value="disabled-value3" name="example3" id="checkbox-disabledGroup3">Disabled checkbox option</auro-checkbox>
|
|
75
|
+
<auro-checkbox value="disabled-value4" name="example4" id="checkbox-disabledGroup4">Disabled checkbox option</auro-checkbox>
|
|
76
76
|
</auro-checkbox-group>
|
|
77
77
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
78
78
|
</div>
|
|
@@ -84,10 +84,10 @@ The `disabled` attribute used to disable the entire `<auro-checkbox-group>`.
|
|
|
84
84
|
```html
|
|
85
85
|
<auro-checkbox-group disabled>
|
|
86
86
|
<span slot="legend">Form label goes here</span>
|
|
87
|
-
<auro-checkbox value="disabled
|
|
88
|
-
<auro-checkbox value="disabled
|
|
89
|
-
<auro-checkbox value="disabled
|
|
90
|
-
<auro-checkbox value="disabled
|
|
87
|
+
<auro-checkbox value="disabled-value1" name="example1" id="checkbox-disabledGroup1">Disabled checkbox option</auro-checkbox>
|
|
88
|
+
<auro-checkbox value="disabled-value2" name="example2" id="checkbox-disabledGroup2" checked>Disabled checkbox option</auro-checkbox>
|
|
89
|
+
<auro-checkbox value="disabled-value3" name="example3" id="checkbox-disabledGroup3">Disabled checkbox option</auro-checkbox>
|
|
90
|
+
<auro-checkbox value="disabled-value4" name="example4" id="checkbox-disabledGroup4">Disabled checkbox option</auro-checkbox>
|
|
91
91
|
</auro-checkbox-group>
|
|
92
92
|
```
|
|
93
93
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -102,10 +102,10 @@ The `disabled` attribute used to disable a single `<auro-checkbox>` element.
|
|
|
102
102
|
<!-- The below content is automatically added from ./../apiExamples/disabled.html -->
|
|
103
103
|
<auro-checkbox-group>
|
|
104
104
|
<span slot="legend">Form label goes here</span>
|
|
105
|
-
<auro-checkbox value="disabled
|
|
106
|
-
<auro-checkbox value="disabled
|
|
107
|
-
<auro-checkbox value="disabled
|
|
108
|
-
<auro-checkbox value="disabled
|
|
105
|
+
<auro-checkbox value="disabled-value1" name="example1" id="checkbox-disabled1">Checkbox option</auro-checkbox>
|
|
106
|
+
<auro-checkbox value="disabled-value2" name="example2" id="checkbox-disabled2" checked disabled>Disabled checkbox option</auro-checkbox>
|
|
107
|
+
<auro-checkbox value="disabled-value3" name="example3" id="checkbox-disabled3" disabled>Disabled checkbox option</auro-checkbox>
|
|
108
|
+
<auro-checkbox value="disabled-value4" name="example4" id="checkbox-disabled4" checked>Checkbox option</auro-checkbox>
|
|
109
109
|
</auro-checkbox-group>
|
|
110
110
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
111
111
|
</div>
|
|
@@ -117,10 +117,10 @@ The `disabled` attribute used to disable a single `<auro-checkbox>` element.
|
|
|
117
117
|
```html
|
|
118
118
|
<auro-checkbox-group>
|
|
119
119
|
<span slot="legend">Form label goes here</span>
|
|
120
|
-
<auro-checkbox value="disabled
|
|
121
|
-
<auro-checkbox value="disabled
|
|
122
|
-
<auro-checkbox value="disabled
|
|
123
|
-
<auro-checkbox value="disabled
|
|
120
|
+
<auro-checkbox value="disabled-value1" name="example1" id="checkbox-disabled1">Checkbox option</auro-checkbox>
|
|
121
|
+
<auro-checkbox value="disabled-value2" name="example2" id="checkbox-disabled2" checked disabled>Disabled checkbox option</auro-checkbox>
|
|
122
|
+
<auro-checkbox value="disabled-value3" name="example3" id="checkbox-disabled3" disabled>Disabled checkbox option</auro-checkbox>
|
|
123
|
+
<auro-checkbox value="disabled-value4" name="example4" id="checkbox-disabled4" checked>Checkbox option</auro-checkbox>
|
|
124
124
|
</auro-checkbox-group>
|
|
125
125
|
```
|
|
126
126
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -135,10 +135,10 @@ When present, the `required` attribute specifies that at least one or more `<aur
|
|
|
135
135
|
<!-- The below content is automatically added from ./../apiExamples/required.html -->
|
|
136
136
|
<auro-checkbox-group required setCustomValidityValueMissing="Please select an option">
|
|
137
137
|
<span slot="legend">Form label goes here</span>
|
|
138
|
-
<auro-checkbox value="
|
|
139
|
-
<auro-checkbox value="
|
|
140
|
-
<auro-checkbox value="
|
|
141
|
-
<auro-checkbox value="
|
|
138
|
+
<auro-checkbox value="value1" name="example1" id="checkbox-required1">Checkbox option</auro-checkbox>
|
|
139
|
+
<auro-checkbox value="value2" name="example2" id="checkbox-required2">Checkbox option</auro-checkbox>
|
|
140
|
+
<auro-checkbox value="value3" name="example3" id="checkbox-required3">Checkbox option</auro-checkbox>
|
|
141
|
+
<auro-checkbox value="value4" name="example4" id="checkbox-required4">Checkbox option</auro-checkbox>
|
|
142
142
|
</auro-checkbox-group>
|
|
143
143
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
144
144
|
</div>
|
|
@@ -150,10 +150,10 @@ When present, the `required` attribute specifies that at least one or more `<aur
|
|
|
150
150
|
```html
|
|
151
151
|
<auro-checkbox-group required setCustomValidityValueMissing="Please select an option">
|
|
152
152
|
<span slot="legend">Form label goes here</span>
|
|
153
|
-
<auro-checkbox value="
|
|
154
|
-
<auro-checkbox value="
|
|
155
|
-
<auro-checkbox value="
|
|
156
|
-
<auro-checkbox value="
|
|
153
|
+
<auro-checkbox value="value1" name="example1" id="checkbox-required1">Checkbox option</auro-checkbox>
|
|
154
|
+
<auro-checkbox value="value2" name="example2" id="checkbox-required2">Checkbox option</auro-checkbox>
|
|
155
|
+
<auro-checkbox value="value3" name="example3" id="checkbox-required3">Checkbox option</auro-checkbox>
|
|
156
|
+
<auro-checkbox value="value4" name="example4" id="checkbox-required4">Checkbox option</auro-checkbox>
|
|
157
157
|
</auro-checkbox-group>
|
|
158
158
|
```
|
|
159
159
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -172,10 +172,10 @@ The `error` attribute used to set error state on the entire `<auro-checkbox-grou
|
|
|
172
172
|
<!-- The below content is automatically added from ./../apiExamples/errorGroup.html -->
|
|
173
173
|
<auro-checkbox-group error="custom error">
|
|
174
174
|
<span slot="legend">Form label goes here</span>
|
|
175
|
-
<auro-checkbox value="error
|
|
176
|
-
<auro-checkbox value="error
|
|
177
|
-
<auro-checkbox value="error
|
|
178
|
-
<auro-checkbox value="error
|
|
175
|
+
<auro-checkbox value="error-value1" name="example1" id="checkbox-errorGroup1">Error checkbox option</auro-checkbox>
|
|
176
|
+
<auro-checkbox value="error-value2" name="example2" id="checkbox-errorGroup2">Error checkbox option</auro-checkbox>
|
|
177
|
+
<auro-checkbox value="error-value3" name="example3" id="checkbox-errorGroup3">Error checkbox option</auro-checkbox>
|
|
178
|
+
<auro-checkbox value="error-value4" name="example4" id="checkbox-errorGroup4" checked>Error checkbox option</auro-checkbox>
|
|
179
179
|
</auro-checkbox-group>
|
|
180
180
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
181
181
|
</div>
|
|
@@ -187,10 +187,10 @@ The `error` attribute used to set error state on the entire `<auro-checkbox-grou
|
|
|
187
187
|
```html
|
|
188
188
|
<auro-checkbox-group error="custom error">
|
|
189
189
|
<span slot="legend">Form label goes here</span>
|
|
190
|
-
<auro-checkbox value="error
|
|
191
|
-
<auro-checkbox value="error
|
|
192
|
-
<auro-checkbox value="error
|
|
193
|
-
<auro-checkbox value="error
|
|
190
|
+
<auro-checkbox value="error-value1" name="example1" id="checkbox-errorGroup1">Error checkbox option</auro-checkbox>
|
|
191
|
+
<auro-checkbox value="error-value2" name="example2" id="checkbox-errorGroup2">Error checkbox option</auro-checkbox>
|
|
192
|
+
<auro-checkbox value="error-value3" name="example3" id="checkbox-errorGroup3">Error checkbox option</auro-checkbox>
|
|
193
|
+
<auro-checkbox value="error-value4" name="example4" id="checkbox-errorGroup4" checked>Error checkbox option</auro-checkbox>
|
|
194
194
|
</auro-checkbox-group>
|
|
195
195
|
```
|
|
196
196
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -205,9 +205,9 @@ Using the `horizontal` attribute will render the checkbox options on a horizonta
|
|
|
205
205
|
<!-- The below content is automatically added from ./../apiExamples/horizontal.html -->
|
|
206
206
|
<auro-checkbox-group horizontal>
|
|
207
207
|
<span slot="legend">Form label goes here</span>
|
|
208
|
-
<auro-checkbox value="
|
|
209
|
-
<auro-checkbox value="
|
|
210
|
-
<auro-checkbox value="
|
|
208
|
+
<auro-checkbox value="yes" name="yes" id="checkbox-horizontal1">Yes</auro-checkbox>
|
|
209
|
+
<auro-checkbox value="no" name="no" id="checkbox-horizontal2">No</auro-checkbox>
|
|
210
|
+
<auro-checkbox value="maybe" name="maybe" id="checkbox-horizontal3">Maybe</auro-checkbox>
|
|
211
211
|
</auro-checkbox-group>
|
|
212
212
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
213
213
|
</div>
|
|
@@ -219,9 +219,9 @@ Using the `horizontal` attribute will render the checkbox options on a horizonta
|
|
|
219
219
|
```html
|
|
220
220
|
<auro-checkbox-group horizontal>
|
|
221
221
|
<span slot="legend">Form label goes here</span>
|
|
222
|
-
<auro-checkbox value="
|
|
223
|
-
<auro-checkbox value="
|
|
224
|
-
<auro-checkbox value="
|
|
222
|
+
<auro-checkbox value="yes" name="yes" id="checkbox-horizontal1">Yes</auro-checkbox>
|
|
223
|
+
<auro-checkbox value="no" name="no" id="checkbox-horizontal2">No</auro-checkbox>
|
|
224
|
+
<auro-checkbox value="maybe" name="maybe" id="checkbox-horizontal3">Maybe</auro-checkbox>
|
|
225
225
|
</auro-checkbox-group>
|
|
226
226
|
```
|
|
227
227
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -236,10 +236,10 @@ Using the `horizontal` attribute has a limit of 3 options. Beyond three, options
|
|
|
236
236
|
<!-- The below content is automatically added from ./../apiExamples/horizontalLimit.html -->
|
|
237
237
|
<auro-checkbox-group horizontal>
|
|
238
238
|
<span slot="legend">Form label goes here</span>
|
|
239
|
-
<auro-checkbox value="
|
|
240
|
-
<auro-checkbox value="
|
|
241
|
-
<auro-checkbox value="
|
|
242
|
-
<auro-checkbox value="
|
|
239
|
+
<auro-checkbox value="yes" name="yes" id="checkbox-horizontalLimit1">Yes</auro-checkbox>
|
|
240
|
+
<auro-checkbox value="no" name="no" id="checkbox-horizontalLimit2">No</auro-checkbox>
|
|
241
|
+
<auro-checkbox value="maybe" name="maybe" id="checkbox-horizontalLimit3">Maybe</auro-checkbox>
|
|
242
|
+
<auro-checkbox value="not sure" name="not sure" id="checkbox-horizontalLimit4">Not Sure</auro-checkbox>
|
|
243
243
|
</auro-checkbox-group>
|
|
244
244
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
245
245
|
</div>
|
|
@@ -251,10 +251,10 @@ Using the `horizontal` attribute has a limit of 3 options. Beyond three, options
|
|
|
251
251
|
```html
|
|
252
252
|
<auro-checkbox-group horizontal>
|
|
253
253
|
<span slot="legend">Form label goes here</span>
|
|
254
|
-
<auro-checkbox value="
|
|
255
|
-
<auro-checkbox value="
|
|
256
|
-
<auro-checkbox value="
|
|
257
|
-
<auro-checkbox value="
|
|
254
|
+
<auro-checkbox value="yes" name="yes" id="checkbox-horizontalLimit1">Yes</auro-checkbox>
|
|
255
|
+
<auro-checkbox value="no" name="no" id="checkbox-horizontalLimit2">No</auro-checkbox>
|
|
256
|
+
<auro-checkbox value="maybe" name="maybe" id="checkbox-horizontalLimit3">Maybe</auro-checkbox>
|
|
257
|
+
<auro-checkbox value="not sure" name="not sure" id="checkbox-horizontalLimit4">Not Sure</auro-checkbox>
|
|
258
258
|
</auro-checkbox-group>
|
|
259
259
|
```
|
|
260
260
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -281,10 +281,10 @@ This will create a new custom element that you can use in your HTML that will fu
|
|
|
281
281
|
<!-- The below content is automatically added from ./../apiExamples/customCheckbox.html -->
|
|
282
282
|
<custom-checkbox-group>
|
|
283
283
|
<span slot="legend">Form label goes here</span>
|
|
284
|
-
<custom-checkbox value="
|
|
285
|
-
<custom-checkbox value="
|
|
286
|
-
<custom-checkbox value="
|
|
287
|
-
<custom-checkbox value="
|
|
284
|
+
<custom-checkbox value="value1" name="example1" id="checkbox-custom1">Custom checkbox option</custom-checkbox>
|
|
285
|
+
<custom-checkbox value="value2" name="example2" id="checkbox-custom2" checked>Custom checkbox option</custom-checkbox>
|
|
286
|
+
<custom-checkbox value="value3" name="example3" id="checkbox-custom3">Custom checkbox option</custom-checkbox>
|
|
287
|
+
<custom-checkbox value="value4" name="example4" id="checkbox-custom4">Custom checkbox option</custom-checkbox>
|
|
288
288
|
</custom-checkbox-group>
|
|
289
289
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
290
290
|
</div>
|
|
@@ -296,10 +296,10 @@ This will create a new custom element that you can use in your HTML that will fu
|
|
|
296
296
|
```html
|
|
297
297
|
<custom-checkbox-group>
|
|
298
298
|
<span slot="legend">Form label goes here</span>
|
|
299
|
-
<custom-checkbox value="
|
|
300
|
-
<custom-checkbox value="
|
|
301
|
-
<custom-checkbox value="
|
|
302
|
-
<custom-checkbox value="
|
|
299
|
+
<custom-checkbox value="value1" name="example1" id="checkbox-custom1">Custom checkbox option</custom-checkbox>
|
|
300
|
+
<custom-checkbox value="value2" name="example2" id="checkbox-custom2" checked>Custom checkbox option</custom-checkbox>
|
|
301
|
+
<custom-checkbox value="value3" name="example3" id="checkbox-custom3">Custom checkbox option</custom-checkbox>
|
|
302
|
+
<custom-checkbox value="value4" name="example4" id="checkbox-custom4">Custom checkbox option</custom-checkbox>
|
|
303
303
|
</custom-checkbox-group>
|
|
304
304
|
```
|
|
305
305
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -133,7 +133,7 @@ class AuroLibraryRuntimeUtils {
|
|
|
133
133
|
* @attr {Boolean} error - If set to true, sets an error state on the checkbox.
|
|
134
134
|
* @attr {String} id - Sets the individual `id` per element.
|
|
135
135
|
* @attr {String} name - Accepts any string, `DOMString` representing the value of the input.
|
|
136
|
-
* @attr {String} value - Sets the element's input value.
|
|
136
|
+
* @attr {String} value - Sets the element's input value. Must be unique within an auro-checkbox-group element.
|
|
137
137
|
* @csspart checkbox - apply css to a specific checkbox.
|
|
138
138
|
* @csspart checkbox-input - apply css to a specific checkbox's input.
|
|
139
139
|
* @csspart checkbox-label - apply css to a specific checkbox's label.
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* @attr {Boolean} error - If set to true, sets an error state on the checkbox.
|
|
7
7
|
* @attr {String} id - Sets the individual `id` per element.
|
|
8
8
|
* @attr {String} name - Accepts any string, `DOMString` representing the value of the input.
|
|
9
|
-
* @attr {String} value - Sets the element's input value.
|
|
9
|
+
* @attr {String} value - Sets the element's input value. Must be unique within an auro-checkbox-group element.
|
|
10
10
|
* @csspart checkbox - apply css to a specific checkbox.
|
|
11
11
|
* @csspart checkbox-input - apply css to a specific checkbox's input.
|
|
12
12
|
* @csspart checkbox-label - apply css to a specific checkbox's label.
|
|
@@ -133,7 +133,7 @@ class AuroLibraryRuntimeUtils {
|
|
|
133
133
|
* @attr {Boolean} error - If set to true, sets an error state on the checkbox.
|
|
134
134
|
* @attr {String} id - Sets the individual `id` per element.
|
|
135
135
|
* @attr {String} name - Accepts any string, `DOMString` representing the value of the input.
|
|
136
|
-
* @attr {String} value - Sets the element's input value.
|
|
136
|
+
* @attr {String} value - Sets the element's input value. Must be unique within an auro-checkbox-group element.
|
|
137
137
|
* @csspart checkbox - apply css to a specific checkbox.
|
|
138
138
|
* @csspart checkbox-input - apply css to a specific checkbox's input.
|
|
139
139
|
* @csspart checkbox-label - apply css to a specific checkbox's label.
|
|
@@ -23,7 +23,7 @@ import AuroLibraryRuntimeUtils from '@aurodesignsystem/auro-library/scripts/util
|
|
|
23
23
|
* @attr {Boolean} error - If set to true, sets an error state on the checkbox.
|
|
24
24
|
* @attr {String} id - Sets the individual `id` per element.
|
|
25
25
|
* @attr {String} name - Accepts any string, `DOMString` representing the value of the input.
|
|
26
|
-
* @attr {String} value - Sets the element's input value.
|
|
26
|
+
* @attr {String} value - Sets the element's input value. Must be unique within an auro-checkbox-group element.
|
|
27
27
|
* @csspart checkbox - apply css to a specific checkbox.
|
|
28
28
|
* @csspart checkbox-input - apply css to a specific checkbox's input.
|
|
29
29
|
* @csspart checkbox-label - apply css to a specific checkbox's label.
|
|
@@ -64,13 +64,13 @@ More info and automated migrator: https://sass-lang.com/d/import
|
|
|
64
64
|
|
|
65
65
|
[36m
|
|
66
66
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
67
|
-
[32mcreated [1mdist[22m in [
|
|
67
|
+
[32mcreated [1mdist[22m in [1m943ms[22m[39m
|
|
68
68
|
[36m
|
|
69
69
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
70
|
-
[32mcreated [1m./demo/[22m in [
|
|
70
|
+
[32mcreated [1m./demo/[22m in [1m624ms[22m[39m
|
|
71
71
|
[36m
|
|
72
72
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
73
|
-
[32mcreated [1m./demo/[22m in [
|
|
73
|
+
[32mcreated [1m./demo/[22m in [1m598ms[22m[39m
|
|
74
74
|
|
|
75
75
|
> @auro-formkit/auro-combobox@2.1.4 build:docs
|
|
76
76
|
> wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component combobox
|
|
@@ -74,13 +74,13 @@ More info and automated migrator: https://sass-lang.com/d/import
|
|
|
74
74
|
|
|
75
75
|
[36m
|
|
76
76
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
77
|
-
[32mcreated [1mdist[22m in [
|
|
77
|
+
[32mcreated [1mdist[22m in [1m451ms[22m[39m
|
|
78
78
|
[36m
|
|
79
79
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
80
|
-
[32mcreated [1m./demo/[22m in [
|
|
80
|
+
[32mcreated [1m./demo/[22m in [1m200ms[22m[39m
|
|
81
81
|
[36m
|
|
82
82
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
83
|
-
[32mcreated [1m./demo/[22m in [
|
|
83
|
+
[32mcreated [1m./demo/[22m in [1m270ms[22m[39m
|
|
84
84
|
|
|
85
85
|
> @auro-formkit/auro-counter@1.0.0 types
|
|
86
86
|
> tsc --project tsconfig.json
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
[36m
|
|
6
6
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
7
|
-
[32mcreated [1mdist[22m in [
|
|
7
|
+
[32mcreated [1mdist[22m in [1m659ms[22m[39m
|
|
8
8
|
[36m
|
|
9
9
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
10
|
-
[32mcreated [1m./demo/[22m in [
|
|
10
|
+
[32mcreated [1m./demo/[22m in [1m264ms[22m[39m
|
|
11
11
|
[36m
|
|
12
12
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
13
|
-
[32mcreated [1m./demo/[22m in [
|
|
13
|
+
[32mcreated [1m./demo/[22m in [1m387ms[22m[39m
|
|
@@ -376,7 +376,7 @@ More info and automated migrator: https://sass-lang.com/d/import
|
|
|
376
376
|
[32mcreated [1mdist[22m in [1m7.5s[22m[39m
|
|
377
377
|
[36m
|
|
378
378
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
379
|
-
[32mcreated [1m./demo/[22m in [1m3.
|
|
379
|
+
[32mcreated [1m./demo/[22m in [1m3.6s[22m[39m
|
|
380
380
|
[36m
|
|
381
381
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
382
382
|
[32mcreated [1m./demo/[22m in [1m3.3s[22m[39m
|
|
@@ -90,13 +90,13 @@ More info and automated migrator: https://sass-lang.com/d/import
|
|
|
90
90
|
|
|
91
91
|
[36m
|
|
92
92
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
93
|
-
[32mcreated [1mdist[22m in [
|
|
93
|
+
[32mcreated [1mdist[22m in [1m1.2s[22m[39m
|
|
94
94
|
[36m
|
|
95
95
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
96
|
-
[32mcreated [1m./demo/[22m in [
|
|
96
|
+
[32mcreated [1m./demo/[22m in [1m830ms[22m[39m
|
|
97
97
|
[36m
|
|
98
98
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
99
|
-
[32mcreated [1m./demo/[22m in [
|
|
99
|
+
[32mcreated [1m./demo/[22m in [1m943ms[22m[39m
|
|
100
100
|
|
|
101
101
|
> @auro-formkit/auro-dropdown@3.0.0 build:docs
|
|
102
102
|
> wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component dropdown
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
[32mcreated [1mdist[22m in [1m1.3s[22m[39m
|
|
8
8
|
[36m
|
|
9
9
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
10
|
-
[32mcreated [1m./demo/[22m in [
|
|
10
|
+
[32mcreated [1m./demo/[22m in [1m955ms[22m[39m
|
|
11
11
|
[36m
|
|
12
12
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
13
|
-
[32mcreated [1m./demo/[22m in [
|
|
13
|
+
[32mcreated [1m./demo/[22m in [1m634ms[22m[39m
|
|
@@ -69,10 +69,10 @@ Run in verbose mode to see all warnings.
|
|
|
69
69
|
|
|
70
70
|
[36m
|
|
71
71
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
72
|
-
[32mcreated [1mdist[22m in [
|
|
72
|
+
[32mcreated [1mdist[22m in [1m688ms[22m[39m
|
|
73
73
|
[36m
|
|
74
74
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
75
|
-
[32mcreated [1m./demo/[22m in [
|
|
75
|
+
[32mcreated [1m./demo/[22m in [1m330ms[22m[39m
|
|
76
76
|
[36m
|
|
77
77
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
78
78
|
[32mcreated [1m./demo/[22m in [1m189ms[22m[39m
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
[36m
|
|
6
6
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
7
|
-
[32mcreated [1mdist[22m in [
|
|
7
|
+
[32mcreated [1mdist[22m in [1m694ms[22m[39m
|
|
8
8
|
[36m
|
|
9
9
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
10
|
-
[32mcreated [1m./demo/[22m in [
|
|
10
|
+
[32mcreated [1m./demo/[22m in [1m351ms[22m[39m
|
|
11
11
|
[36m
|
|
12
12
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
13
|
-
[32mcreated [1m./demo/[22m in [
|
|
13
|
+
[32mcreated [1m./demo/[22m in [1m231ms[22m[39m
|
|
@@ -166,13 +166,13 @@ More info and automated migrator: https://sass-lang.com/d/import
|
|
|
166
166
|
|
|
167
167
|
[36m
|
|
168
168
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
169
|
-
[32mcreated [1mdist[22m in [1m1.
|
|
169
|
+
[32mcreated [1mdist[22m in [1m1.2s[22m[39m
|
|
170
170
|
[36m
|
|
171
171
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
172
|
-
[32mcreated [1m./demo/[22m in [
|
|
172
|
+
[32mcreated [1m./demo/[22m in [1m1s[22m[39m
|
|
173
173
|
[36m
|
|
174
174
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
175
|
-
[32mcreated [1m./demo/[22m in [
|
|
175
|
+
[32mcreated [1m./demo/[22m in [1m927ms[22m[39m
|
|
176
176
|
|
|
177
177
|
> @auro-formkit/auro-input@4.2.0 build:docs
|
|
178
178
|
> wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component input
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
[36m
|
|
6
6
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
7
|
-
[32mcreated [1mdist[22m in [1m1.
|
|
7
|
+
[32mcreated [1mdist[22m in [1m1.3s[22m[39m
|
|
8
8
|
[36m
|
|
9
9
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
10
|
-
[32mcreated [1m./demo/[22m in [
|
|
10
|
+
[32mcreated [1m./demo/[22m in [1m794ms[22m[39m
|
|
11
11
|
[36m
|
|
12
12
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
13
|
-
[32mcreated [1m./demo/[22m in [
|
|
13
|
+
[32mcreated [1m./demo/[22m in [1m737ms[22m[39m
|
|
@@ -101,13 +101,13 @@ More info and automated migrator: https://sass-lang.com/d/import
|
|
|
101
101
|
|
|
102
102
|
[36m
|
|
103
103
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
104
|
-
[32mcreated [1mdist[22m in [
|
|
104
|
+
[32mcreated [1mdist[22m in [1m1s[22m[39m
|
|
105
105
|
[36m
|
|
106
106
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
107
|
-
[32mcreated [1m./demo/[22m in [
|
|
107
|
+
[32mcreated [1m./demo/[22m in [1m694ms[22m[39m
|
|
108
108
|
[36m
|
|
109
109
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
110
|
-
[32mcreated [1m./demo/[22m in [
|
|
110
|
+
[32mcreated [1m./demo/[22m in [1m464ms[22m[39m
|
|
111
111
|
|
|
112
112
|
> @auro-formkit/auro-menu@4.1.4 build:docs
|
|
113
113
|
> wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component menu
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
[36m
|
|
6
6
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
7
|
-
[32mcreated [1mdist[22m in [
|
|
7
|
+
[32mcreated [1mdist[22m in [1m899ms[22m[39m
|
|
8
8
|
[36m
|
|
9
9
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
10
|
-
[32mcreated [1m./demo/[22m in [
|
|
10
|
+
[32mcreated [1m./demo/[22m in [1m641ms[22m[39m
|
|
11
11
|
[36m
|
|
12
12
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
13
|
-
[32mcreated [1m./demo/[22m in [
|
|
13
|
+
[32mcreated [1m./demo/[22m in [1m414ms[22m[39m
|
|
@@ -138,13 +138,13 @@ Run in verbose mode to see all warnings.
|
|
|
138
138
|
|
|
139
139
|
[36m
|
|
140
140
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
141
|
-
[32mcreated [1mdist[22m in [
|
|
141
|
+
[32mcreated [1mdist[22m in [1m566ms[22m[39m
|
|
142
142
|
[36m
|
|
143
143
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
144
|
-
[32mcreated [1m./demo/[22m in [
|
|
144
|
+
[32mcreated [1m./demo/[22m in [1m449ms[22m[39m
|
|
145
145
|
[36m
|
|
146
146
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
147
|
-
[32mcreated [1m./demo/[22m in [
|
|
147
|
+
[32mcreated [1m./demo/[22m in [1m502ms[22m[39m
|
|
148
148
|
|
|
149
149
|
> @auro-formkit/auro-radio@4.1.1 build:docs
|
|
150
150
|
> wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component radio
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
[36m
|
|
6
6
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
7
|
-
[32mcreated [1mdist[22m in [
|
|
7
|
+
[32mcreated [1mdist[22m in [1m693ms[22m[39m
|
|
8
8
|
[36m
|
|
9
9
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
10
|
-
[32mcreated [1m./demo/[22m in [
|
|
10
|
+
[32mcreated [1m./demo/[22m in [1m437ms[22m[39m
|
|
11
11
|
[36m
|
|
12
12
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
13
|
-
[32mcreated [1m./demo/[22m in [
|
|
13
|
+
[32mcreated [1m./demo/[22m in [1m412ms[22m[39m
|
|
@@ -137,13 +137,13 @@ More info and automated migrator: https://sass-lang.com/d/import
|
|
|
137
137
|
|
|
138
138
|
[36m
|
|
139
139
|
[1m./src/index.js[22m → [1mdist[22m...[39m
|
|
140
|
-
[32mcreated [1mdist[22m in [
|
|
140
|
+
[32mcreated [1mdist[22m in [1m606ms[22m[39m
|
|
141
141
|
[36m
|
|
142
142
|
[1m./demo/index.js[22m → [1m./demo/[22m...[39m
|
|
143
|
-
[32mcreated [1m./demo/[22m in [
|
|
143
|
+
[32mcreated [1m./demo/[22m in [1m528ms[22m[39m
|
|
144
144
|
[36m
|
|
145
145
|
[1m./demo/api.js[22m → [1m./demo/[22m...[39m
|
|
146
|
-
[32mcreated [1m./demo/[22m in [
|
|
146
|
+
[32mcreated [1m./demo/[22m in [1m499ms[22m[39m
|
|
147
147
|
|
|
148
148
|
> @auro-formkit/auro-select@3.3.0 build:docs
|
|
149
149
|
> wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component select
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"hash":"141bb7d9a95e288b","duration":19833}
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"hash":"bb8b41cd0ade3986","duration":2612}
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"hash":"cd845bb6102c589a","duration":5882}
|
|
Binary file
|