@aurodesignsystem-dev/auro-formkit 0.0.0-pr1457.0 → 0.0.0-pr1457.1
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/checkbox/README.md +2 -2
- package/components/checkbox/demo/demo-support.js +1 -60
- package/components/checkbox/demo/getting-started.md +2 -2
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/demo/install.md +2 -2
- package/components/checkbox/demo/readme.md +2 -2
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/README.md +2 -2
- package/components/combobox/demo/demo-support.js +1 -60
- package/components/combobox/demo/getting-started.md +2 -2
- package/components/combobox/demo/install.md +2 -2
- package/components/combobox/demo/readme.md +2 -2
- package/components/combobox/demo/registered.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/api.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/README.md +2 -2
- package/components/datepicker/demo/auro-datepicker.min.js +3 -3
- package/components/datepicker/demo/demo-support.js +1 -60
- package/components/datepicker/demo/getting-started.md +2 -2
- package/components/datepicker/demo/readme.md +2 -2
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/api.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/api.min.js +13 -13
- package/components/form/demo/index.min.js +13 -13
- package/components/input/README.md +2 -2
- package/components/input/demo/auro-input.min.js +1 -1
- package/components/input/demo/demo-support.js +1 -60
- package/components/input/demo/getting-started.md +2 -2
- package/components/input/demo/readme.md +2 -2
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/accessibility.html +1 -2
- package/components/radio/demo/api.html +1 -2
- package/components/radio/demo/api.md +44 -44
- package/components/radio/demo/api.min.js +2 -2168
- package/components/radio/demo/customize.html +1 -2
- package/components/radio/demo/demo-support.js +1 -60
- package/components/radio/demo/demo-support.min.js +55732 -0
- package/components/radio/demo/design.html +1 -2
- package/components/radio/demo/getting-started.html +1 -2
- package/components/radio/demo/index.html +1 -2
- package/components/radio/demo/index.min.js +16 -2
- package/components/radio/demo/keyboard-behavior.html +1 -2
- package/components/radio/demo/styles.min.css +1 -0
- package/components/radio/demo/styles.scss +1 -0
- package/components/radio/demo/voiceover.html +1 -2
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/README.md +2 -2
- package/components/select/demo/demo-support.js +1 -60
- package/components/select/demo/getting-started.md +2 -2
- package/components/select/demo/install.md +2 -2
- package/components/select/demo/readme.md +2 -2
- package/components/select/demo/registered.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +244 -244
- package/package.json +2 -2
- package/components/radio/demo/keyboard-behavior.md +0 -72
- package/components/radio/demo/layout.md +0 -30
- package/components/radio/demo/styles.css +0 -974
package/custom-elements.json
CHANGED
|
@@ -2,250 +2,6 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
-
{
|
|
6
|
-
"kind": "javascript-module",
|
|
7
|
-
"path": "components/bibtemplate/src/auro-bibtemplate.js",
|
|
8
|
-
"declarations": [
|
|
9
|
-
{
|
|
10
|
-
"kind": "class",
|
|
11
|
-
"description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
|
|
12
|
-
"name": "AuroBibtemplate",
|
|
13
|
-
"slots": [
|
|
14
|
-
{
|
|
15
|
-
"description": "The default slot for the main content.",
|
|
16
|
-
"name": "default"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"description": "Slot for the header content.",
|
|
20
|
-
"name": "header"
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
"description": "Slot for the subheader content.",
|
|
24
|
-
"name": "subheader"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"description": "Slot for the footer content.",
|
|
28
|
-
"name": "footer"
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
"description": "Slot for the close button aria-label.",
|
|
32
|
-
"name": "ariaLabel.close"
|
|
33
|
-
}
|
|
34
|
-
],
|
|
35
|
-
"members": [
|
|
36
|
-
{
|
|
37
|
-
"kind": "method",
|
|
38
|
-
"name": "register",
|
|
39
|
-
"static": true,
|
|
40
|
-
"parameters": [
|
|
41
|
-
{
|
|
42
|
-
"name": "name",
|
|
43
|
-
"default": "\"auro-bibtemplate\"",
|
|
44
|
-
"description": "The name of element that you want to register to.",
|
|
45
|
-
"optional": true,
|
|
46
|
-
"type": {
|
|
47
|
-
"text": "string"
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
],
|
|
51
|
-
"description": "This will register this element with the browser."
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"kind": "method",
|
|
55
|
-
"name": "preventBodyScroll",
|
|
56
|
-
"parameters": [
|
|
57
|
-
{
|
|
58
|
-
"name": "event",
|
|
59
|
-
"description": "The touchmove event.",
|
|
60
|
-
"type": {
|
|
61
|
-
"text": "Event"
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
],
|
|
65
|
-
"description": "Prevents scrolling of the body when touching empty areas of the component.",
|
|
66
|
-
"return": {
|
|
67
|
-
"type": {
|
|
68
|
-
"text": "void"
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"kind": "method",
|
|
74
|
-
"name": "focusCloseButton",
|
|
75
|
-
"description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
|
|
76
|
-
"return": {
|
|
77
|
-
"type": {
|
|
78
|
-
"text": "void"
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"kind": "method",
|
|
84
|
-
"name": "onCloseButtonClick"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"kind": "method",
|
|
88
|
-
"name": "exposeCssParts",
|
|
89
|
-
"description": "Exposes CSS parts for styling from parent components.",
|
|
90
|
-
"return": {
|
|
91
|
-
"type": {
|
|
92
|
-
"text": "void"
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
},
|
|
96
|
-
{
|
|
97
|
-
"kind": "field",
|
|
98
|
-
"name": "large",
|
|
99
|
-
"privacy": "public",
|
|
100
|
-
"type": {
|
|
101
|
-
"text": "boolean"
|
|
102
|
-
},
|
|
103
|
-
"default": "false",
|
|
104
|
-
"attribute": "large",
|
|
105
|
-
"reflects": true
|
|
106
|
-
},
|
|
107
|
-
{
|
|
108
|
-
"kind": "field",
|
|
109
|
-
"name": "iconTag",
|
|
110
|
-
"privacy": "private"
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
"kind": "field",
|
|
114
|
-
"name": "headerTag",
|
|
115
|
-
"privacy": "private"
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
"kind": "field",
|
|
119
|
-
"name": "buttonTag",
|
|
120
|
-
"privacy": "private"
|
|
121
|
-
},
|
|
122
|
-
{
|
|
123
|
-
"kind": "field",
|
|
124
|
-
"name": "isFullscreen",
|
|
125
|
-
"privacy": "public",
|
|
126
|
-
"type": {
|
|
127
|
-
"text": "boolean"
|
|
128
|
-
},
|
|
129
|
-
"attribute": "isFullscreen",
|
|
130
|
-
"reflects": true
|
|
131
|
-
}
|
|
132
|
-
],
|
|
133
|
-
"events": [
|
|
134
|
-
{
|
|
135
|
-
"name": "close-click",
|
|
136
|
-
"type": {
|
|
137
|
-
"text": "Event"
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
"name": "auro-bibtemplate-connected",
|
|
142
|
-
"type": {
|
|
143
|
-
"text": "CustomEvent"
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
],
|
|
147
|
-
"attributes": [
|
|
148
|
-
{
|
|
149
|
-
"name": "isFullscreen",
|
|
150
|
-
"type": {
|
|
151
|
-
"text": "boolean"
|
|
152
|
-
},
|
|
153
|
-
"fieldName": "isFullscreen"
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
"name": "large",
|
|
157
|
-
"type": {
|
|
158
|
-
"text": "boolean"
|
|
159
|
-
},
|
|
160
|
-
"default": "false",
|
|
161
|
-
"fieldName": "large"
|
|
162
|
-
}
|
|
163
|
-
],
|
|
164
|
-
"superclass": {
|
|
165
|
-
"name": "LitElement",
|
|
166
|
-
"package": "lit"
|
|
167
|
-
},
|
|
168
|
-
"tagName": "auro-bibtemplate",
|
|
169
|
-
"customElement": true
|
|
170
|
-
}
|
|
171
|
-
],
|
|
172
|
-
"exports": [
|
|
173
|
-
{
|
|
174
|
-
"kind": "js",
|
|
175
|
-
"name": "AuroBibtemplate",
|
|
176
|
-
"declaration": {
|
|
177
|
-
"name": "AuroBibtemplate",
|
|
178
|
-
"module": "components/bibtemplate/src/auro-bibtemplate.js"
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
]
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
"kind": "javascript-module",
|
|
185
|
-
"path": "components/bibtemplate/src/buttonVersion.js",
|
|
186
|
-
"declarations": [],
|
|
187
|
-
"exports": [
|
|
188
|
-
{
|
|
189
|
-
"kind": "js",
|
|
190
|
-
"name": "default",
|
|
191
|
-
"declaration": {
|
|
192
|
-
"name": "12.3.2",
|
|
193
|
-
"module": "components/bibtemplate/src/buttonVersion.js"
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
]
|
|
197
|
-
},
|
|
198
|
-
{
|
|
199
|
-
"kind": "javascript-module",
|
|
200
|
-
"path": "components/bibtemplate/src/headerVersion.js",
|
|
201
|
-
"declarations": [],
|
|
202
|
-
"exports": [
|
|
203
|
-
{
|
|
204
|
-
"kind": "js",
|
|
205
|
-
"name": "default",
|
|
206
|
-
"declaration": {
|
|
207
|
-
"name": "5.0.1",
|
|
208
|
-
"module": "components/bibtemplate/src/headerVersion.js"
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
]
|
|
212
|
-
},
|
|
213
|
-
{
|
|
214
|
-
"kind": "javascript-module",
|
|
215
|
-
"path": "components/bibtemplate/src/iconVersion.js",
|
|
216
|
-
"declarations": [],
|
|
217
|
-
"exports": [
|
|
218
|
-
{
|
|
219
|
-
"kind": "js",
|
|
220
|
-
"name": "default",
|
|
221
|
-
"declaration": {
|
|
222
|
-
"name": "9.2.0",
|
|
223
|
-
"module": "components/bibtemplate/src/iconVersion.js"
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
]
|
|
227
|
-
},
|
|
228
|
-
{
|
|
229
|
-
"kind": "javascript-module",
|
|
230
|
-
"path": "components/bibtemplate/src/index.js",
|
|
231
|
-
"declarations": [],
|
|
232
|
-
"exports": [
|
|
233
|
-
{
|
|
234
|
-
"kind": "js",
|
|
235
|
-
"name": "AuroBibtemplate",
|
|
236
|
-
"declaration": {
|
|
237
|
-
"name": "AuroBibtemplate",
|
|
238
|
-
"module": "components/bibtemplate/src/index.js"
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
]
|
|
242
|
-
},
|
|
243
|
-
{
|
|
244
|
-
"kind": "javascript-module",
|
|
245
|
-
"path": "components/bibtemplate/src/registered.js",
|
|
246
|
-
"declarations": [],
|
|
247
|
-
"exports": []
|
|
248
|
-
},
|
|
249
5
|
{
|
|
250
6
|
"kind": "javascript-module",
|
|
251
7
|
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
@@ -1088,6 +844,250 @@
|
|
|
1088
844
|
"declarations": [],
|
|
1089
845
|
"exports": []
|
|
1090
846
|
},
|
|
847
|
+
{
|
|
848
|
+
"kind": "javascript-module",
|
|
849
|
+
"path": "components/bibtemplate/src/auro-bibtemplate.js",
|
|
850
|
+
"declarations": [
|
|
851
|
+
{
|
|
852
|
+
"kind": "class",
|
|
853
|
+
"description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
|
|
854
|
+
"name": "AuroBibtemplate",
|
|
855
|
+
"slots": [
|
|
856
|
+
{
|
|
857
|
+
"description": "The default slot for the main content.",
|
|
858
|
+
"name": "default"
|
|
859
|
+
},
|
|
860
|
+
{
|
|
861
|
+
"description": "Slot for the header content.",
|
|
862
|
+
"name": "header"
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"description": "Slot for the subheader content.",
|
|
866
|
+
"name": "subheader"
|
|
867
|
+
},
|
|
868
|
+
{
|
|
869
|
+
"description": "Slot for the footer content.",
|
|
870
|
+
"name": "footer"
|
|
871
|
+
},
|
|
872
|
+
{
|
|
873
|
+
"description": "Slot for the close button aria-label.",
|
|
874
|
+
"name": "ariaLabel.close"
|
|
875
|
+
}
|
|
876
|
+
],
|
|
877
|
+
"members": [
|
|
878
|
+
{
|
|
879
|
+
"kind": "method",
|
|
880
|
+
"name": "register",
|
|
881
|
+
"static": true,
|
|
882
|
+
"parameters": [
|
|
883
|
+
{
|
|
884
|
+
"name": "name",
|
|
885
|
+
"default": "\"auro-bibtemplate\"",
|
|
886
|
+
"description": "The name of element that you want to register to.",
|
|
887
|
+
"optional": true,
|
|
888
|
+
"type": {
|
|
889
|
+
"text": "string"
|
|
890
|
+
}
|
|
891
|
+
}
|
|
892
|
+
],
|
|
893
|
+
"description": "This will register this element with the browser."
|
|
894
|
+
},
|
|
895
|
+
{
|
|
896
|
+
"kind": "method",
|
|
897
|
+
"name": "preventBodyScroll",
|
|
898
|
+
"parameters": [
|
|
899
|
+
{
|
|
900
|
+
"name": "event",
|
|
901
|
+
"description": "The touchmove event.",
|
|
902
|
+
"type": {
|
|
903
|
+
"text": "Event"
|
|
904
|
+
}
|
|
905
|
+
}
|
|
906
|
+
],
|
|
907
|
+
"description": "Prevents scrolling of the body when touching empty areas of the component.",
|
|
908
|
+
"return": {
|
|
909
|
+
"type": {
|
|
910
|
+
"text": "void"
|
|
911
|
+
}
|
|
912
|
+
}
|
|
913
|
+
},
|
|
914
|
+
{
|
|
915
|
+
"kind": "method",
|
|
916
|
+
"name": "focusCloseButton",
|
|
917
|
+
"description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
|
|
918
|
+
"return": {
|
|
919
|
+
"type": {
|
|
920
|
+
"text": "void"
|
|
921
|
+
}
|
|
922
|
+
}
|
|
923
|
+
},
|
|
924
|
+
{
|
|
925
|
+
"kind": "method",
|
|
926
|
+
"name": "onCloseButtonClick"
|
|
927
|
+
},
|
|
928
|
+
{
|
|
929
|
+
"kind": "method",
|
|
930
|
+
"name": "exposeCssParts",
|
|
931
|
+
"description": "Exposes CSS parts for styling from parent components.",
|
|
932
|
+
"return": {
|
|
933
|
+
"type": {
|
|
934
|
+
"text": "void"
|
|
935
|
+
}
|
|
936
|
+
}
|
|
937
|
+
},
|
|
938
|
+
{
|
|
939
|
+
"kind": "field",
|
|
940
|
+
"name": "large",
|
|
941
|
+
"privacy": "public",
|
|
942
|
+
"type": {
|
|
943
|
+
"text": "boolean"
|
|
944
|
+
},
|
|
945
|
+
"default": "false",
|
|
946
|
+
"attribute": "large",
|
|
947
|
+
"reflects": true
|
|
948
|
+
},
|
|
949
|
+
{
|
|
950
|
+
"kind": "field",
|
|
951
|
+
"name": "iconTag",
|
|
952
|
+
"privacy": "private"
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"kind": "field",
|
|
956
|
+
"name": "headerTag",
|
|
957
|
+
"privacy": "private"
|
|
958
|
+
},
|
|
959
|
+
{
|
|
960
|
+
"kind": "field",
|
|
961
|
+
"name": "buttonTag",
|
|
962
|
+
"privacy": "private"
|
|
963
|
+
},
|
|
964
|
+
{
|
|
965
|
+
"kind": "field",
|
|
966
|
+
"name": "isFullscreen",
|
|
967
|
+
"privacy": "public",
|
|
968
|
+
"type": {
|
|
969
|
+
"text": "boolean"
|
|
970
|
+
},
|
|
971
|
+
"attribute": "isFullscreen",
|
|
972
|
+
"reflects": true
|
|
973
|
+
}
|
|
974
|
+
],
|
|
975
|
+
"events": [
|
|
976
|
+
{
|
|
977
|
+
"name": "close-click",
|
|
978
|
+
"type": {
|
|
979
|
+
"text": "Event"
|
|
980
|
+
}
|
|
981
|
+
},
|
|
982
|
+
{
|
|
983
|
+
"name": "auro-bibtemplate-connected",
|
|
984
|
+
"type": {
|
|
985
|
+
"text": "CustomEvent"
|
|
986
|
+
}
|
|
987
|
+
}
|
|
988
|
+
],
|
|
989
|
+
"attributes": [
|
|
990
|
+
{
|
|
991
|
+
"name": "isFullscreen",
|
|
992
|
+
"type": {
|
|
993
|
+
"text": "boolean"
|
|
994
|
+
},
|
|
995
|
+
"fieldName": "isFullscreen"
|
|
996
|
+
},
|
|
997
|
+
{
|
|
998
|
+
"name": "large",
|
|
999
|
+
"type": {
|
|
1000
|
+
"text": "boolean"
|
|
1001
|
+
},
|
|
1002
|
+
"default": "false",
|
|
1003
|
+
"fieldName": "large"
|
|
1004
|
+
}
|
|
1005
|
+
],
|
|
1006
|
+
"superclass": {
|
|
1007
|
+
"name": "LitElement",
|
|
1008
|
+
"package": "lit"
|
|
1009
|
+
},
|
|
1010
|
+
"tagName": "auro-bibtemplate",
|
|
1011
|
+
"customElement": true
|
|
1012
|
+
}
|
|
1013
|
+
],
|
|
1014
|
+
"exports": [
|
|
1015
|
+
{
|
|
1016
|
+
"kind": "js",
|
|
1017
|
+
"name": "AuroBibtemplate",
|
|
1018
|
+
"declaration": {
|
|
1019
|
+
"name": "AuroBibtemplate",
|
|
1020
|
+
"module": "components/bibtemplate/src/auro-bibtemplate.js"
|
|
1021
|
+
}
|
|
1022
|
+
}
|
|
1023
|
+
]
|
|
1024
|
+
},
|
|
1025
|
+
{
|
|
1026
|
+
"kind": "javascript-module",
|
|
1027
|
+
"path": "components/bibtemplate/src/buttonVersion.js",
|
|
1028
|
+
"declarations": [],
|
|
1029
|
+
"exports": [
|
|
1030
|
+
{
|
|
1031
|
+
"kind": "js",
|
|
1032
|
+
"name": "default",
|
|
1033
|
+
"declaration": {
|
|
1034
|
+
"name": "12.3.2",
|
|
1035
|
+
"module": "components/bibtemplate/src/buttonVersion.js"
|
|
1036
|
+
}
|
|
1037
|
+
}
|
|
1038
|
+
]
|
|
1039
|
+
},
|
|
1040
|
+
{
|
|
1041
|
+
"kind": "javascript-module",
|
|
1042
|
+
"path": "components/bibtemplate/src/headerVersion.js",
|
|
1043
|
+
"declarations": [],
|
|
1044
|
+
"exports": [
|
|
1045
|
+
{
|
|
1046
|
+
"kind": "js",
|
|
1047
|
+
"name": "default",
|
|
1048
|
+
"declaration": {
|
|
1049
|
+
"name": "5.0.1",
|
|
1050
|
+
"module": "components/bibtemplate/src/headerVersion.js"
|
|
1051
|
+
}
|
|
1052
|
+
}
|
|
1053
|
+
]
|
|
1054
|
+
},
|
|
1055
|
+
{
|
|
1056
|
+
"kind": "javascript-module",
|
|
1057
|
+
"path": "components/bibtemplate/src/iconVersion.js",
|
|
1058
|
+
"declarations": [],
|
|
1059
|
+
"exports": [
|
|
1060
|
+
{
|
|
1061
|
+
"kind": "js",
|
|
1062
|
+
"name": "default",
|
|
1063
|
+
"declaration": {
|
|
1064
|
+
"name": "9.2.0",
|
|
1065
|
+
"module": "components/bibtemplate/src/iconVersion.js"
|
|
1066
|
+
}
|
|
1067
|
+
}
|
|
1068
|
+
]
|
|
1069
|
+
},
|
|
1070
|
+
{
|
|
1071
|
+
"kind": "javascript-module",
|
|
1072
|
+
"path": "components/bibtemplate/src/index.js",
|
|
1073
|
+
"declarations": [],
|
|
1074
|
+
"exports": [
|
|
1075
|
+
{
|
|
1076
|
+
"kind": "js",
|
|
1077
|
+
"name": "AuroBibtemplate",
|
|
1078
|
+
"declaration": {
|
|
1079
|
+
"name": "AuroBibtemplate",
|
|
1080
|
+
"module": "components/bibtemplate/src/index.js"
|
|
1081
|
+
}
|
|
1082
|
+
}
|
|
1083
|
+
]
|
|
1084
|
+
},
|
|
1085
|
+
{
|
|
1086
|
+
"kind": "javascript-module",
|
|
1087
|
+
"path": "components/bibtemplate/src/registered.js",
|
|
1088
|
+
"declarations": [],
|
|
1089
|
+
"exports": []
|
|
1090
|
+
},
|
|
1091
1091
|
{
|
|
1092
1092
|
"kind": "javascript-module",
|
|
1093
1093
|
"path": "components/combobox/src/auro-combobox.js",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem-dev/auro-formkit",
|
|
3
|
-
"version": "0.0.0-pr1457.
|
|
3
|
+
"version": "0.0.0-pr1457.1",
|
|
4
4
|
"description": "A collection of web components used to build forms.",
|
|
5
5
|
"homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"@aurodesignsystem/typescript": "*",
|
|
98
98
|
"@aurodesignsystem/utils": "*",
|
|
99
99
|
"@aurodesignsystem/version": "*",
|
|
100
|
-
"@aurodesignsystem/auro-cli": "npm:@aurodesignsystem-dev/auro-cli@0.0.0-pr286.
|
|
100
|
+
"@aurodesignsystem/auro-cli": "npm:@aurodesignsystem-dev/auro-cli@0.0.0-pr286.6",
|
|
101
101
|
"@aurodesignsystem/webcorestylesheets": "npm:@aurodesignsystem-dev/webcorestylesheets@^0.0.0-pr280.8",
|
|
102
102
|
"@chromatic-com/storybook": "^5.1.2",
|
|
103
103
|
"@commitlint/cli": "^20.5.0",
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
<auro-header level="1" id="overview">Radio - Keyboard Behavior</auro-header>
|
|
2
|
-
<div class="contentWrapper">
|
|
3
|
-
<div class="mainContent">
|
|
4
|
-
<div class="scrollWrapper">
|
|
5
|
-
<auro-header level="2" id="tabBehavior">Tab Behavior</auro-header>
|
|
6
|
-
<p>Within an <code><auro-radio-group></code>, the currently selected radio (or the first enabled radio if none is selected) participates in the browser's default <code>tabindex</code> sequence. Arrow keys move focus and selection between radios within the group.</p>
|
|
7
|
-
<p>When the component is <code>disabled</code> it is removed from the <code>tabindex</code> sequence.</p>
|
|
8
|
-
<auro-header level="2" id="keyEvents">Key Events</auro-header>
|
|
9
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/keyEvents.md) -->
|
|
10
|
-
<!-- The below content is automatically added from ./../docs/partials/keyEvents.md -->
|
|
11
|
-
<table>
|
|
12
|
-
<thead>
|
|
13
|
-
<tr>
|
|
14
|
-
<th>Key</th>
|
|
15
|
-
<th>Modifier</th>
|
|
16
|
-
<th>Current State</th>
|
|
17
|
-
<th>Focus Element</th>
|
|
18
|
-
<th>Behavior</th>
|
|
19
|
-
</tr>
|
|
20
|
-
</thead>
|
|
21
|
-
<tbody>
|
|
22
|
-
<tr>
|
|
23
|
-
<td>Space</td>
|
|
24
|
-
<td>-</td>
|
|
25
|
-
<td>Not disabled</td>
|
|
26
|
-
<td>Radio element</td>
|
|
27
|
-
<td>
|
|
28
|
-
Selects the radio at the current focus index.
|
|
29
|
-
</td>
|
|
30
|
-
</tr>
|
|
31
|
-
<tr>
|
|
32
|
-
<td>ArrowDown</td>
|
|
33
|
-
<td>-</td>
|
|
34
|
-
<td>Focus within the radio group</td>
|
|
35
|
-
<td>Any radio in the group</td>
|
|
36
|
-
<td>
|
|
37
|
-
Selects and focuses the next enabled radio. Wraps from last to first. Skips disabled items. Calls <code>preventDefault()</code>.
|
|
38
|
-
</td>
|
|
39
|
-
</tr>
|
|
40
|
-
<tr>
|
|
41
|
-
<td>ArrowRight</td>
|
|
42
|
-
<td>-</td>
|
|
43
|
-
<td>Focus within the radio group</td>
|
|
44
|
-
<td>Any radio in the group</td>
|
|
45
|
-
<td>
|
|
46
|
-
Same as ArrowDown.
|
|
47
|
-
</td>
|
|
48
|
-
</tr>
|
|
49
|
-
<tr>
|
|
50
|
-
<td>ArrowUp</td>
|
|
51
|
-
<td>-</td>
|
|
52
|
-
<td>Focus within the radio group</td>
|
|
53
|
-
<td>Any radio in the group</td>
|
|
54
|
-
<td>
|
|
55
|
-
Selects and focuses the previous enabled radio. Wraps from first to last. Skips disabled items. Calls <code>preventDefault()</code>.
|
|
56
|
-
</td>
|
|
57
|
-
</tr>
|
|
58
|
-
<tr>
|
|
59
|
-
<td>ArrowLeft</td>
|
|
60
|
-
<td>-</td>
|
|
61
|
-
<td>Focus within the radio group</td>
|
|
62
|
-
<td>Any radio in the group</td>
|
|
63
|
-
<td>
|
|
64
|
-
Same as ArrowUp.
|
|
65
|
-
</td>
|
|
66
|
-
</tr>
|
|
67
|
-
</tbody>
|
|
68
|
-
</table>
|
|
69
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
70
|
-
</div>
|
|
71
|
-
</div>
|
|
72
|
-
</div>
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
<p>The component consists of the following elements:</p>
|
|
2
|
-
<ul>
|
|
3
|
-
<li>
|
|
4
|
-
<strong>radio group:</strong> a container element (<code><auro-radio-group></code>) that manages a collection of radio buttons, handles validation, and provides a shared legend and help text.
|
|
5
|
-
</li>
|
|
6
|
-
<li>
|
|
7
|
-
<strong>radio button:</strong> an individual selectable element (<code><auro-radio></code>) that can be toggled between selected and unselected states. Only one radio button in a group can be selected at a time.
|
|
8
|
-
</li>
|
|
9
|
-
<li>
|
|
10
|
-
<strong>legend:</strong> descriptive label rendered above the group of radio buttons, set via the <code>legend</code> slot on the group.
|
|
11
|
-
</li>
|
|
12
|
-
<li>
|
|
13
|
-
<strong>help text:</strong> descriptive text rendered below the group intended to help clarify the intended use of the component and any current validation error with instructions to resolve those errors.
|
|
14
|
-
</li>
|
|
15
|
-
</ul>
|
|
16
|
-
<auro-header level="4" id="radioGroup">Radio Group</auro-header>
|
|
17
|
-
<p>The group element coordinates shared behavior across all child radio buttons, including validation (e.g. <code>required</code>), error state display, and the <code>disabled</code> attribute which disables all options at once.</p>
|
|
18
|
-
<auro-header level="4" id="radioButton">Radio Button</auro-header>
|
|
19
|
-
<p>Each radio button renders a visual indicator (filled circle) and a label. A radio button may be in one of the following states:</p>
|
|
20
|
-
<ul>
|
|
21
|
-
<li>
|
|
22
|
-
<code>checked</code> - The radio button is selected and its value becomes the group's value.
|
|
23
|
-
</li>
|
|
24
|
-
<li>
|
|
25
|
-
<code>disabled</code> - The radio button is not interactive and cannot be selected.
|
|
26
|
-
</li>
|
|
27
|
-
<li>
|
|
28
|
-
<code>error</code> - Inherited from the parent group when validation fails.
|
|
29
|
-
</li>
|
|
30
|
-
</ul>
|