@viasat/beam-web-components 2.21.1 → 2.22.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.
- package/Label/Label.d.ts +68 -0
- package/{local/wip/Label → Label}/Label.js +77 -53
- package/custom-elements.json +6658 -6641
- package/{wip → local}/Label/Label.js +72 -50
- package/package.json +6 -6
- package/vscode.html-custom-data.json +331 -326
- package/wip/Label/Label.d.ts +0 -43
- /package/{wip/Label → Label}/index.d.ts +0 -0
- /package/{local/wip/Label → Label}/index.js +0 -0
- /package/{wip → local}/Label/index.js +0 -0
|
@@ -2,6 +2,138 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"tags": [
|
|
5
|
+
{
|
|
6
|
+
"name": "bm-accordion",
|
|
7
|
+
"description": "`bm-accordion`\n\n### Attributes:\n- **size** - Specify size of an Accordion\n- **heading** - Specify heading content for the Accordion\n- **open** - Specify if an Accordion is open.\nIf this is specified, the component becomes controlled\n- **defaultOpen** - Specify if an Accordion is open by default\n- **id** - Unique identifier of Accordion\n---\n\n\n### **Events:**\n - **bm-toggle** - Dispatched when the Accordion is toggled\n\n### **Slots:**\n - **default** - Specify body content for the Accordion\n- **icon** - Display an icon before the Accordion heading\n- **heading** - Specify heading content for the Accordion",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "size",
|
|
11
|
+
"description": "Specify size of an Accordion",
|
|
12
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"name": "heading",
|
|
16
|
+
"description": "Specify heading content for the Accordion",
|
|
17
|
+
"values": []
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "open",
|
|
21
|
+
"description": "Specify if an Accordion is open.\nIf this is specified, the component becomes controlled",
|
|
22
|
+
"values": []
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "defaultOpen",
|
|
26
|
+
"description": "Specify if an Accordion is open by default",
|
|
27
|
+
"values": []
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "id",
|
|
31
|
+
"description": "Unique identifier of Accordion",
|
|
32
|
+
"values": []
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
"references": [
|
|
36
|
+
{
|
|
37
|
+
"name": "Storybook",
|
|
38
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "bm-accordion-group",
|
|
44
|
+
"description": "`bm-accordion-group`\n\n### Attributes:\n- **size** - Specify the size of the AccordionGroup\n- **singleExpand** - Specify if only one row item can be expanded at a time\n---\n\n\n### **Slots:**\n - **default** - Specify which Accordions are in the AccordionGroup",
|
|
45
|
+
"attributes": [
|
|
46
|
+
{
|
|
47
|
+
"name": "size",
|
|
48
|
+
"description": "Specify the size of the AccordionGroup",
|
|
49
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"name": "singleExpand",
|
|
53
|
+
"description": "Specify if only one row item can be expanded at a time",
|
|
54
|
+
"values": []
|
|
55
|
+
}
|
|
56
|
+
],
|
|
57
|
+
"references": [
|
|
58
|
+
{
|
|
59
|
+
"name": "Storybook",
|
|
60
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
|
|
61
|
+
}
|
|
62
|
+
]
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": "bm-alert",
|
|
66
|
+
"description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
|
|
67
|
+
"attributes": [
|
|
68
|
+
{
|
|
69
|
+
"name": "heading",
|
|
70
|
+
"description": "Specify the heading text for Alert",
|
|
71
|
+
"values": []
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "body",
|
|
75
|
+
"description": "Specify the body text for Alert",
|
|
76
|
+
"values": []
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"name": "size",
|
|
80
|
+
"description": "Specify the size of the Alert",
|
|
81
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "fullWidth",
|
|
85
|
+
"description": "Specify if the Alert has no border radius",
|
|
86
|
+
"values": []
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"name": "theme",
|
|
90
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
91
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"name": "appearance",
|
|
95
|
+
"description": "Specify the appearance of the Alert",
|
|
96
|
+
"values": [
|
|
97
|
+
{ "name": "infoPrimary" },
|
|
98
|
+
{ "name": "infoSecondary" },
|
|
99
|
+
{ "name": "positive" },
|
|
100
|
+
{ "name": "warning" },
|
|
101
|
+
{ "name": "negative" }
|
|
102
|
+
]
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"name": "hidden",
|
|
106
|
+
"description": "Specify if the Alert is hidden",
|
|
107
|
+
"values": []
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"name": "hideIcon",
|
|
111
|
+
"description": "Specify if the icon displays on the Alert",
|
|
112
|
+
"values": []
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"name": "dismissible",
|
|
116
|
+
"description": "Specify if the Alert can be dismissed",
|
|
117
|
+
"values": []
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"name": "disableAutoFocus",
|
|
121
|
+
"description": "Prevent autofocus on show",
|
|
122
|
+
"values": []
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"name": "disableCloseOnEscape",
|
|
126
|
+
"description": "Prevent Escape from closing",
|
|
127
|
+
"values": []
|
|
128
|
+
}
|
|
129
|
+
],
|
|
130
|
+
"references": [
|
|
131
|
+
{
|
|
132
|
+
"name": "Storybook",
|
|
133
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
},
|
|
5
137
|
{
|
|
6
138
|
"name": "bm-badge",
|
|
7
139
|
"description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
|
|
@@ -45,6 +177,104 @@
|
|
|
45
177
|
}
|
|
46
178
|
]
|
|
47
179
|
},
|
|
180
|
+
{
|
|
181
|
+
"name": "bm-avatar",
|
|
182
|
+
"description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** \n---\n\n\n### **Slots:**\n - **icon** - Customize the default icon",
|
|
183
|
+
"attributes": [
|
|
184
|
+
{
|
|
185
|
+
"name": "appearance",
|
|
186
|
+
"description": "Specify the appearance of the Avatar",
|
|
187
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"name": "name",
|
|
191
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
192
|
+
"values": []
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"name": "src",
|
|
196
|
+
"description": "Pass an image to the Avatar",
|
|
197
|
+
"values": []
|
|
198
|
+
},
|
|
199
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
200
|
+
{
|
|
201
|
+
"name": "size",
|
|
202
|
+
"description": "Specify the size of the Avatar",
|
|
203
|
+
"values": [
|
|
204
|
+
{ "name": "xs" },
|
|
205
|
+
{ "name": "sm" },
|
|
206
|
+
{ "name": "md" },
|
|
207
|
+
{ "name": "lg" },
|
|
208
|
+
{ "name": "xl" }
|
|
209
|
+
]
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"name": "disabled",
|
|
213
|
+
"description": "Specify if the Avatar is disabled",
|
|
214
|
+
"values": []
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"name": "shape",
|
|
218
|
+
"description": "Specify the shape of the Avatar",
|
|
219
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "isInteractive",
|
|
223
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
224
|
+
"values": []
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"name": "isFocusable",
|
|
228
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
229
|
+
"values": []
|
|
230
|
+
},
|
|
231
|
+
{ "name": "withBorder", "values": [] }
|
|
232
|
+
],
|
|
233
|
+
"references": [
|
|
234
|
+
{
|
|
235
|
+
"name": "Storybook",
|
|
236
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
237
|
+
}
|
|
238
|
+
]
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"name": "bm-avatar-group",
|
|
242
|
+
"description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.\n---\n\n\n### **Slots:**\n - **default** - Add Avatars to create a group",
|
|
243
|
+
"attributes": [
|
|
244
|
+
{
|
|
245
|
+
"name": "wrapping",
|
|
246
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
247
|
+
"values": []
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
"name": "maxCount",
|
|
251
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
252
|
+
"values": []
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"name": "size",
|
|
256
|
+
"description": "Specify the size of all Avatars",
|
|
257
|
+
"values": [
|
|
258
|
+
{ "name": "xs" },
|
|
259
|
+
{ "name": "sm" },
|
|
260
|
+
{ "name": "md" },
|
|
261
|
+
{ "name": "lg" },
|
|
262
|
+
{ "name": "xl" }
|
|
263
|
+
]
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"name": "layout",
|
|
267
|
+
"description": "Specify the kind of the group.",
|
|
268
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
269
|
+
}
|
|
270
|
+
],
|
|
271
|
+
"references": [
|
|
272
|
+
{
|
|
273
|
+
"name": "Storybook",
|
|
274
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
275
|
+
}
|
|
276
|
+
]
|
|
277
|
+
},
|
|
48
278
|
{
|
|
49
279
|
"name": "bm-badge-dot",
|
|
50
280
|
"description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
|
|
@@ -929,31 +1159,73 @@
|
|
|
929
1159
|
]
|
|
930
1160
|
},
|
|
931
1161
|
{
|
|
932
|
-
"name": "bm-
|
|
933
|
-
"description": "`bm-
|
|
1162
|
+
"name": "bm-label",
|
|
1163
|
+
"description": "`bm-label`\n---\n\n\n### **Slots:**\n - **text** - Specify the text for Label\n- **optional** - Specify if the Label displays as optional\n- **tooltip** - Specify if the icon displays to add a Tooltip",
|
|
934
1164
|
"attributes": [
|
|
935
1165
|
{
|
|
936
|
-
"name": "
|
|
937
|
-
"description": "Specify the
|
|
938
|
-
"values": [
|
|
1166
|
+
"name": "disabled",
|
|
1167
|
+
"description": "Specify if the Label displays disabled",
|
|
1168
|
+
"values": []
|
|
939
1169
|
},
|
|
940
1170
|
{
|
|
941
|
-
"name": "
|
|
942
|
-
"description": "Specify if the
|
|
1171
|
+
"name": "required",
|
|
1172
|
+
"description": "Specify if the Label displays as required",
|
|
943
1173
|
"values": []
|
|
944
1174
|
},
|
|
945
1175
|
{
|
|
946
|
-
"name": "
|
|
947
|
-
"description": "Specify the
|
|
948
|
-
"values": [
|
|
949
|
-
{ "name": "sm" },
|
|
950
|
-
{ "name": "md" },
|
|
951
|
-
{ "name": "lg" },
|
|
952
|
-
{ "name": "xl" }
|
|
953
|
-
]
|
|
1176
|
+
"name": "text",
|
|
1177
|
+
"description": "Specify the text for Label",
|
|
1178
|
+
"values": []
|
|
954
1179
|
},
|
|
955
1180
|
{
|
|
956
|
-
"name": "
|
|
1181
|
+
"name": "optional",
|
|
1182
|
+
"description": "Specify the optional text for Label",
|
|
1183
|
+
"values": []
|
|
1184
|
+
},
|
|
1185
|
+
{
|
|
1186
|
+
"name": "for",
|
|
1187
|
+
"description": "Specify the id of the form element the Label is associated with.\nHandles click-to-focus across shadow DOM. See class-level remarks\nfor accessibility guidance with non-Beam inputs.",
|
|
1188
|
+
"values": []
|
|
1189
|
+
},
|
|
1190
|
+
{
|
|
1191
|
+
"name": "theme",
|
|
1192
|
+
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
1193
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1194
|
+
}
|
|
1195
|
+
],
|
|
1196
|
+
"references": [
|
|
1197
|
+
{
|
|
1198
|
+
"name": "Storybook",
|
|
1199
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
|
|
1200
|
+
}
|
|
1201
|
+
]
|
|
1202
|
+
},
|
|
1203
|
+
{
|
|
1204
|
+
"name": "bm-link",
|
|
1205
|
+
"description": "`bm-link`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Link\n- **bold** - Specify if the Link displays as bold\n- **size** - Specify the size of a Link\n- **disabled** - Specify if the Link is disabled\n- **href** - Specify the target link for the href attribute\n- **text** - Provide text for the Link\n- **hideUnderline** - Specify if Link displays with an underline\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Link or use the `text` attribute\n- **iconBefore** - Specify if the Link displays icon before the text\n- **iconAfter** - Specify if the Link displays icon after the text",
|
|
1206
|
+
"attributes": [
|
|
1207
|
+
{
|
|
1208
|
+
"name": "appearance",
|
|
1209
|
+
"description": "Specify the appearance of a Link",
|
|
1210
|
+
"values": [{ "name": "primary" }, { "name": "secondary" }]
|
|
1211
|
+
},
|
|
1212
|
+
{
|
|
1213
|
+
"name": "bold",
|
|
1214
|
+
"description": "Specify if the Link displays as bold",
|
|
1215
|
+
"values": []
|
|
1216
|
+
},
|
|
1217
|
+
{
|
|
1218
|
+
"name": "size",
|
|
1219
|
+
"description": "Specify the size of a Link",
|
|
1220
|
+
"values": [
|
|
1221
|
+
{ "name": "sm" },
|
|
1222
|
+
{ "name": "md" },
|
|
1223
|
+
{ "name": "lg" },
|
|
1224
|
+
{ "name": "xl" }
|
|
1225
|
+
]
|
|
1226
|
+
},
|
|
1227
|
+
{
|
|
1228
|
+
"name": "disabled",
|
|
957
1229
|
"description": "Specify if the Link is disabled",
|
|
958
1230
|
"values": []
|
|
959
1231
|
},
|
|
@@ -1904,43 +2176,6 @@
|
|
|
1904
2176
|
}
|
|
1905
2177
|
]
|
|
1906
2178
|
},
|
|
1907
|
-
{
|
|
1908
|
-
"name": "bm-label",
|
|
1909
|
-
"description": "`bm-label`\n---\n\n\n### **Slots:**\n - **text** - Specify the text for Label\n- **optional** - Specify if the Label displays as optional\n- **tooltip** - Specify if the icon displays to add a Tooltip",
|
|
1910
|
-
"attributes": [
|
|
1911
|
-
{
|
|
1912
|
-
"name": "disabled",
|
|
1913
|
-
"description": "Specify if the Label displays disabled",
|
|
1914
|
-
"values": []
|
|
1915
|
-
},
|
|
1916
|
-
{
|
|
1917
|
-
"name": "required",
|
|
1918
|
-
"description": "Specify if the Label displays as required",
|
|
1919
|
-
"values": []
|
|
1920
|
-
},
|
|
1921
|
-
{
|
|
1922
|
-
"name": "text",
|
|
1923
|
-
"description": "Specify the text for Label",
|
|
1924
|
-
"values": []
|
|
1925
|
-
},
|
|
1926
|
-
{
|
|
1927
|
-
"name": "optional",
|
|
1928
|
-
"description": "Specify the text for Label",
|
|
1929
|
-
"values": []
|
|
1930
|
-
},
|
|
1931
|
-
{
|
|
1932
|
-
"name": "theme",
|
|
1933
|
-
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
1934
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1935
|
-
}
|
|
1936
|
-
],
|
|
1937
|
-
"references": [
|
|
1938
|
-
{
|
|
1939
|
-
"name": "Storybook",
|
|
1940
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
|
|
1941
|
-
}
|
|
1942
|
-
]
|
|
1943
|
-
},
|
|
1944
2179
|
{
|
|
1945
2180
|
"name": "bm-native-select",
|
|
1946
2181
|
"description": "`bm-native-select`\n---\n\n\n### **Slots:**\n - **slot** - Specify Options for NativeSelect\n- **label** - Specify Label for NativeSelect\n- **helper-text** - Specify HelperText for NativeSelect",
|
|
@@ -2058,49 +2293,6 @@
|
|
|
2058
2293
|
}
|
|
2059
2294
|
]
|
|
2060
2295
|
},
|
|
2061
|
-
{
|
|
2062
|
-
"name": "bm-switch",
|
|
2063
|
-
"description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2064
|
-
"attributes": [
|
|
2065
|
-
{
|
|
2066
|
-
"name": "onText",
|
|
2067
|
-
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2068
|
-
"values": []
|
|
2069
|
-
},
|
|
2070
|
-
{
|
|
2071
|
-
"name": "offText",
|
|
2072
|
-
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2073
|
-
"values": []
|
|
2074
|
-
},
|
|
2075
|
-
{
|
|
2076
|
-
"name": "textPosition",
|
|
2077
|
-
"description": "Specify the position of the side label",
|
|
2078
|
-
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2079
|
-
},
|
|
2080
|
-
{
|
|
2081
|
-
"name": "readOnly",
|
|
2082
|
-
"description": "Specify if Switch displays in a read-only state",
|
|
2083
|
-
"values": []
|
|
2084
|
-
},
|
|
2085
|
-
{
|
|
2086
|
-
"name": "disabled",
|
|
2087
|
-
"description": "Specify if Switch displays in a disabled state",
|
|
2088
|
-
"values": []
|
|
2089
|
-
},
|
|
2090
|
-
{ "name": "checked", "values": [] },
|
|
2091
|
-
{
|
|
2092
|
-
"name": "value",
|
|
2093
|
-
"description": "The value attribute for the input element",
|
|
2094
|
-
"values": []
|
|
2095
|
-
}
|
|
2096
|
-
],
|
|
2097
|
-
"references": [
|
|
2098
|
-
{
|
|
2099
|
-
"name": "Storybook",
|
|
2100
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2101
|
-
}
|
|
2102
|
-
]
|
|
2103
|
-
},
|
|
2104
2296
|
{
|
|
2105
2297
|
"name": "bm-text-area",
|
|
2106
2298
|
"description": "`bm-text-area`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextArea\n- **helper-text** - Specify the helper text for TextArea",
|
|
@@ -2191,6 +2383,49 @@
|
|
|
2191
2383
|
}
|
|
2192
2384
|
]
|
|
2193
2385
|
},
|
|
2386
|
+
{
|
|
2387
|
+
"name": "bm-switch",
|
|
2388
|
+
"description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2389
|
+
"attributes": [
|
|
2390
|
+
{
|
|
2391
|
+
"name": "onText",
|
|
2392
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2393
|
+
"values": []
|
|
2394
|
+
},
|
|
2395
|
+
{
|
|
2396
|
+
"name": "offText",
|
|
2397
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2398
|
+
"values": []
|
|
2399
|
+
},
|
|
2400
|
+
{
|
|
2401
|
+
"name": "textPosition",
|
|
2402
|
+
"description": "Specify the position of the side label",
|
|
2403
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2404
|
+
},
|
|
2405
|
+
{
|
|
2406
|
+
"name": "readOnly",
|
|
2407
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2408
|
+
"values": []
|
|
2409
|
+
},
|
|
2410
|
+
{
|
|
2411
|
+
"name": "disabled",
|
|
2412
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2413
|
+
"values": []
|
|
2414
|
+
},
|
|
2415
|
+
{ "name": "checked", "values": [] },
|
|
2416
|
+
{
|
|
2417
|
+
"name": "value",
|
|
2418
|
+
"description": "The value attribute for the input element",
|
|
2419
|
+
"values": []
|
|
2420
|
+
}
|
|
2421
|
+
],
|
|
2422
|
+
"references": [
|
|
2423
|
+
{
|
|
2424
|
+
"name": "Storybook",
|
|
2425
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2426
|
+
}
|
|
2427
|
+
]
|
|
2428
|
+
},
|
|
2194
2429
|
{
|
|
2195
2430
|
"name": "bm-text-field",
|
|
2196
2431
|
"description": "`bm-text-field`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextField\n- **helper-text** - Specify the helper text for TextField\n- **content-after** - Specify content to display after input\n- **content-before** - Specify content to display before input",
|
|
@@ -2469,236 +2704,6 @@
|
|
|
2469
2704
|
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2470
2705
|
}
|
|
2471
2706
|
]
|
|
2472
|
-
},
|
|
2473
|
-
{
|
|
2474
|
-
"name": "bm-accordion",
|
|
2475
|
-
"description": "`bm-accordion`\n\n### Attributes:\n- **size** - Specify size of an Accordion\n- **heading** - Specify heading content for the Accordion\n- **open** - Specify if an Accordion is open.\nIf this is specified, the component becomes controlled\n- **defaultOpen** - Specify if an Accordion is open by default\n- **id** - Unique identifier of Accordion\n---\n\n\n### **Events:**\n - **bm-toggle** - Dispatched when the Accordion is toggled\n\n### **Slots:**\n - **default** - Specify body content for the Accordion\n- **icon** - Display an icon before the Accordion heading\n- **heading** - Specify heading content for the Accordion",
|
|
2476
|
-
"attributes": [
|
|
2477
|
-
{
|
|
2478
|
-
"name": "size",
|
|
2479
|
-
"description": "Specify size of an Accordion",
|
|
2480
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
2481
|
-
},
|
|
2482
|
-
{
|
|
2483
|
-
"name": "heading",
|
|
2484
|
-
"description": "Specify heading content for the Accordion",
|
|
2485
|
-
"values": []
|
|
2486
|
-
},
|
|
2487
|
-
{
|
|
2488
|
-
"name": "open",
|
|
2489
|
-
"description": "Specify if an Accordion is open.\nIf this is specified, the component becomes controlled",
|
|
2490
|
-
"values": []
|
|
2491
|
-
},
|
|
2492
|
-
{
|
|
2493
|
-
"name": "defaultOpen",
|
|
2494
|
-
"description": "Specify if an Accordion is open by default",
|
|
2495
|
-
"values": []
|
|
2496
|
-
},
|
|
2497
|
-
{
|
|
2498
|
-
"name": "id",
|
|
2499
|
-
"description": "Unique identifier of Accordion",
|
|
2500
|
-
"values": []
|
|
2501
|
-
}
|
|
2502
|
-
],
|
|
2503
|
-
"references": [
|
|
2504
|
-
{
|
|
2505
|
-
"name": "Storybook",
|
|
2506
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
|
|
2507
|
-
}
|
|
2508
|
-
]
|
|
2509
|
-
},
|
|
2510
|
-
{
|
|
2511
|
-
"name": "bm-accordion-group",
|
|
2512
|
-
"description": "`bm-accordion-group`\n\n### Attributes:\n- **size** - Specify the size of the AccordionGroup\n- **singleExpand** - Specify if only one row item can be expanded at a time\n---\n\n\n### **Slots:**\n - **default** - Specify which Accordions are in the AccordionGroup",
|
|
2513
|
-
"attributes": [
|
|
2514
|
-
{
|
|
2515
|
-
"name": "size",
|
|
2516
|
-
"description": "Specify the size of the AccordionGroup",
|
|
2517
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
2518
|
-
},
|
|
2519
|
-
{
|
|
2520
|
-
"name": "singleExpand",
|
|
2521
|
-
"description": "Specify if only one row item can be expanded at a time",
|
|
2522
|
-
"values": []
|
|
2523
|
-
}
|
|
2524
|
-
],
|
|
2525
|
-
"references": [
|
|
2526
|
-
{
|
|
2527
|
-
"name": "Storybook",
|
|
2528
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
|
|
2529
|
-
}
|
|
2530
|
-
]
|
|
2531
|
-
},
|
|
2532
|
-
{
|
|
2533
|
-
"name": "bm-avatar",
|
|
2534
|
-
"description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** \n---\n\n\n### **Slots:**\n - **icon** - Customize the default icon",
|
|
2535
|
-
"attributes": [
|
|
2536
|
-
{
|
|
2537
|
-
"name": "appearance",
|
|
2538
|
-
"description": "Specify the appearance of the Avatar",
|
|
2539
|
-
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
2540
|
-
},
|
|
2541
|
-
{
|
|
2542
|
-
"name": "name",
|
|
2543
|
-
"description": "Specify a name to display initials in the Avatar",
|
|
2544
|
-
"values": []
|
|
2545
|
-
},
|
|
2546
|
-
{
|
|
2547
|
-
"name": "src",
|
|
2548
|
-
"description": "Pass an image to the Avatar",
|
|
2549
|
-
"values": []
|
|
2550
|
-
},
|
|
2551
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
2552
|
-
{
|
|
2553
|
-
"name": "size",
|
|
2554
|
-
"description": "Specify the size of the Avatar",
|
|
2555
|
-
"values": [
|
|
2556
|
-
{ "name": "xs" },
|
|
2557
|
-
{ "name": "sm" },
|
|
2558
|
-
{ "name": "md" },
|
|
2559
|
-
{ "name": "lg" },
|
|
2560
|
-
{ "name": "xl" }
|
|
2561
|
-
]
|
|
2562
|
-
},
|
|
2563
|
-
{
|
|
2564
|
-
"name": "disabled",
|
|
2565
|
-
"description": "Specify if the Avatar is disabled",
|
|
2566
|
-
"values": []
|
|
2567
|
-
},
|
|
2568
|
-
{
|
|
2569
|
-
"name": "shape",
|
|
2570
|
-
"description": "Specify the shape of the Avatar",
|
|
2571
|
-
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
2572
|
-
},
|
|
2573
|
-
{
|
|
2574
|
-
"name": "isInteractive",
|
|
2575
|
-
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
2576
|
-
"values": []
|
|
2577
|
-
},
|
|
2578
|
-
{
|
|
2579
|
-
"name": "isFocusable",
|
|
2580
|
-
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
2581
|
-
"values": []
|
|
2582
|
-
},
|
|
2583
|
-
{ "name": "withBorder", "values": [] }
|
|
2584
|
-
],
|
|
2585
|
-
"references": [
|
|
2586
|
-
{
|
|
2587
|
-
"name": "Storybook",
|
|
2588
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
2589
|
-
}
|
|
2590
|
-
]
|
|
2591
|
-
},
|
|
2592
|
-
{
|
|
2593
|
-
"name": "bm-avatar-group",
|
|
2594
|
-
"description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.\n---\n\n\n### **Slots:**\n - **default** - Add Avatars to create a group",
|
|
2595
|
-
"attributes": [
|
|
2596
|
-
{
|
|
2597
|
-
"name": "wrapping",
|
|
2598
|
-
"description": "Specify if the AvatarGroup wraps",
|
|
2599
|
-
"values": []
|
|
2600
|
-
},
|
|
2601
|
-
{
|
|
2602
|
-
"name": "maxCount",
|
|
2603
|
-
"description": "Specify the max number of avatars displayed in the group.",
|
|
2604
|
-
"values": []
|
|
2605
|
-
},
|
|
2606
|
-
{
|
|
2607
|
-
"name": "size",
|
|
2608
|
-
"description": "Specify the size of all Avatars",
|
|
2609
|
-
"values": [
|
|
2610
|
-
{ "name": "xs" },
|
|
2611
|
-
{ "name": "sm" },
|
|
2612
|
-
{ "name": "md" },
|
|
2613
|
-
{ "name": "lg" },
|
|
2614
|
-
{ "name": "xl" }
|
|
2615
|
-
]
|
|
2616
|
-
},
|
|
2617
|
-
{
|
|
2618
|
-
"name": "layout",
|
|
2619
|
-
"description": "Specify the kind of the group.",
|
|
2620
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
2621
|
-
}
|
|
2622
|
-
],
|
|
2623
|
-
"references": [
|
|
2624
|
-
{
|
|
2625
|
-
"name": "Storybook",
|
|
2626
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
2627
|
-
}
|
|
2628
|
-
]
|
|
2629
|
-
},
|
|
2630
|
-
{
|
|
2631
|
-
"name": "bm-alert",
|
|
2632
|
-
"description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
|
|
2633
|
-
"attributes": [
|
|
2634
|
-
{
|
|
2635
|
-
"name": "heading",
|
|
2636
|
-
"description": "Specify the heading text for Alert",
|
|
2637
|
-
"values": []
|
|
2638
|
-
},
|
|
2639
|
-
{
|
|
2640
|
-
"name": "body",
|
|
2641
|
-
"description": "Specify the body text for Alert",
|
|
2642
|
-
"values": []
|
|
2643
|
-
},
|
|
2644
|
-
{
|
|
2645
|
-
"name": "size",
|
|
2646
|
-
"description": "Specify the size of the Alert",
|
|
2647
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
2648
|
-
},
|
|
2649
|
-
{
|
|
2650
|
-
"name": "fullWidth",
|
|
2651
|
-
"description": "Specify if the Alert has no border radius",
|
|
2652
|
-
"values": []
|
|
2653
|
-
},
|
|
2654
|
-
{
|
|
2655
|
-
"name": "theme",
|
|
2656
|
-
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
2657
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2658
|
-
},
|
|
2659
|
-
{
|
|
2660
|
-
"name": "appearance",
|
|
2661
|
-
"description": "Specify the appearance of the Alert",
|
|
2662
|
-
"values": [
|
|
2663
|
-
{ "name": "infoPrimary" },
|
|
2664
|
-
{ "name": "infoSecondary" },
|
|
2665
|
-
{ "name": "positive" },
|
|
2666
|
-
{ "name": "warning" },
|
|
2667
|
-
{ "name": "negative" }
|
|
2668
|
-
]
|
|
2669
|
-
},
|
|
2670
|
-
{
|
|
2671
|
-
"name": "hidden",
|
|
2672
|
-
"description": "Specify if the Alert is hidden",
|
|
2673
|
-
"values": []
|
|
2674
|
-
},
|
|
2675
|
-
{
|
|
2676
|
-
"name": "hideIcon",
|
|
2677
|
-
"description": "Specify if the icon displays on the Alert",
|
|
2678
|
-
"values": []
|
|
2679
|
-
},
|
|
2680
|
-
{
|
|
2681
|
-
"name": "dismissible",
|
|
2682
|
-
"description": "Specify if the Alert can be dismissed",
|
|
2683
|
-
"values": []
|
|
2684
|
-
},
|
|
2685
|
-
{
|
|
2686
|
-
"name": "disableAutoFocus",
|
|
2687
|
-
"description": "Prevent autofocus on show",
|
|
2688
|
-
"values": []
|
|
2689
|
-
},
|
|
2690
|
-
{
|
|
2691
|
-
"name": "disableCloseOnEscape",
|
|
2692
|
-
"description": "Prevent Escape from closing",
|
|
2693
|
-
"values": []
|
|
2694
|
-
}
|
|
2695
|
-
],
|
|
2696
|
-
"references": [
|
|
2697
|
-
{
|
|
2698
|
-
"name": "Storybook",
|
|
2699
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
2700
|
-
}
|
|
2701
|
-
]
|
|
2702
2707
|
}
|
|
2703
2708
|
]
|
|
2704
2709
|
}
|