@viasat/beam-web-components 2.0.0 → 2.1.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/custom-elements.json +2762 -2762
- package/package.json +6 -6
- package/vscode.html-custom-data.json +358 -358
|
@@ -2,6 +2,65 @@
|
|
|
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
|
+
},
|
|
5
64
|
{
|
|
6
65
|
"name": "bm-badge",
|
|
7
66
|
"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",
|
|
@@ -87,6 +146,177 @@
|
|
|
87
146
|
}
|
|
88
147
|
]
|
|
89
148
|
},
|
|
149
|
+
{
|
|
150
|
+
"name": "bm-avatar",
|
|
151
|
+
"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",
|
|
152
|
+
"attributes": [
|
|
153
|
+
{
|
|
154
|
+
"name": "appearance",
|
|
155
|
+
"description": "Specify the appearance of the Avatar",
|
|
156
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"name": "name",
|
|
160
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
161
|
+
"values": []
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"name": "src",
|
|
165
|
+
"description": "Pass an image to the Avatar",
|
|
166
|
+
"values": []
|
|
167
|
+
},
|
|
168
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
169
|
+
{
|
|
170
|
+
"name": "size",
|
|
171
|
+
"description": "Specify the size of the Avatar",
|
|
172
|
+
"values": [
|
|
173
|
+
{ "name": "xs" },
|
|
174
|
+
{ "name": "sm" },
|
|
175
|
+
{ "name": "md" },
|
|
176
|
+
{ "name": "lg" },
|
|
177
|
+
{ "name": "xl" }
|
|
178
|
+
]
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"name": "disabled",
|
|
182
|
+
"description": "Specify if the Avatar is disabled",
|
|
183
|
+
"values": []
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"name": "shape",
|
|
187
|
+
"description": "Specify the shape of the Avatar",
|
|
188
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"name": "isInteractive",
|
|
192
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
193
|
+
"values": []
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "isFocusable",
|
|
197
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
198
|
+
"values": []
|
|
199
|
+
},
|
|
200
|
+
{ "name": "withBorder", "values": [] }
|
|
201
|
+
],
|
|
202
|
+
"references": [
|
|
203
|
+
{
|
|
204
|
+
"name": "Storybook",
|
|
205
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
206
|
+
}
|
|
207
|
+
]
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "bm-avatar-group",
|
|
211
|
+
"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",
|
|
212
|
+
"attributes": [
|
|
213
|
+
{
|
|
214
|
+
"name": "wrapping",
|
|
215
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
216
|
+
"values": []
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": "maxCount",
|
|
220
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
221
|
+
"values": []
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"name": "size",
|
|
225
|
+
"description": "Specify the size of all Avatars",
|
|
226
|
+
"values": [
|
|
227
|
+
{ "name": "xs" },
|
|
228
|
+
{ "name": "sm" },
|
|
229
|
+
{ "name": "md" },
|
|
230
|
+
{ "name": "lg" },
|
|
231
|
+
{ "name": "xl" }
|
|
232
|
+
]
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"name": "layout",
|
|
236
|
+
"description": "Specify the kind of the group.",
|
|
237
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
238
|
+
}
|
|
239
|
+
],
|
|
240
|
+
"references": [
|
|
241
|
+
{
|
|
242
|
+
"name": "Storybook",
|
|
243
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
244
|
+
}
|
|
245
|
+
]
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "bm-alert",
|
|
249
|
+
"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",
|
|
250
|
+
"attributes": [
|
|
251
|
+
{
|
|
252
|
+
"name": "heading",
|
|
253
|
+
"description": "Specify the heading text for Alert",
|
|
254
|
+
"values": []
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"name": "body",
|
|
258
|
+
"description": "Specify the body text for Alert",
|
|
259
|
+
"values": []
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"name": "size",
|
|
263
|
+
"description": "Specify the size of the Alert",
|
|
264
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"name": "fullWidth",
|
|
268
|
+
"description": "Specify if the Alert has no border radius",
|
|
269
|
+
"values": []
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
"name": "theme",
|
|
273
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
274
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"name": "appearance",
|
|
278
|
+
"description": "Specify the appearance of the Alert",
|
|
279
|
+
"values": [
|
|
280
|
+
{ "name": "infoPrimary" },
|
|
281
|
+
{ "name": "infoSecondary" },
|
|
282
|
+
{ "name": "positive" },
|
|
283
|
+
{ "name": "warning" },
|
|
284
|
+
{ "name": "negative" }
|
|
285
|
+
]
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"name": "hidden",
|
|
289
|
+
"description": "Specify if the Alert is hidden",
|
|
290
|
+
"values": []
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"name": "hideIcon",
|
|
294
|
+
"description": "Specify if the icon displays on the Alert",
|
|
295
|
+
"values": []
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"name": "dismissible",
|
|
299
|
+
"description": "Specify if the Alert can be dismissed",
|
|
300
|
+
"values": []
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"name": "disableAutoFocus",
|
|
304
|
+
"description": "Prevent autofocus on show",
|
|
305
|
+
"values": []
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "disableCloseOnEscape",
|
|
309
|
+
"description": "Prevent Escape from closing",
|
|
310
|
+
"values": []
|
|
311
|
+
}
|
|
312
|
+
],
|
|
313
|
+
"references": [
|
|
314
|
+
{
|
|
315
|
+
"name": "Storybook",
|
|
316
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
317
|
+
}
|
|
318
|
+
]
|
|
319
|
+
},
|
|
90
320
|
{
|
|
91
321
|
"name": "bm-box",
|
|
92
322
|
"description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow\n---\n\n\n### **Slots:**\n - **default** - Provide content for the Box",
|
|
@@ -551,163 +781,6 @@
|
|
|
551
781
|
}
|
|
552
782
|
]
|
|
553
783
|
},
|
|
554
|
-
{
|
|
555
|
-
"name": "bm-avatar",
|
|
556
|
-
"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",
|
|
557
|
-
"attributes": [
|
|
558
|
-
{
|
|
559
|
-
"name": "appearance",
|
|
560
|
-
"description": "Specify the appearance of the Avatar",
|
|
561
|
-
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
562
|
-
},
|
|
563
|
-
{
|
|
564
|
-
"name": "name",
|
|
565
|
-
"description": "Specify a name to display initials in the Avatar",
|
|
566
|
-
"values": []
|
|
567
|
-
},
|
|
568
|
-
{
|
|
569
|
-
"name": "src",
|
|
570
|
-
"description": "Pass an image to the Avatar",
|
|
571
|
-
"values": []
|
|
572
|
-
},
|
|
573
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
574
|
-
{
|
|
575
|
-
"name": "size",
|
|
576
|
-
"description": "Specify the size of the Avatar",
|
|
577
|
-
"values": [
|
|
578
|
-
{ "name": "xs" },
|
|
579
|
-
{ "name": "sm" },
|
|
580
|
-
{ "name": "md" },
|
|
581
|
-
{ "name": "lg" },
|
|
582
|
-
{ "name": "xl" }
|
|
583
|
-
]
|
|
584
|
-
},
|
|
585
|
-
{
|
|
586
|
-
"name": "disabled",
|
|
587
|
-
"description": "Specify if the Avatar is disabled",
|
|
588
|
-
"values": []
|
|
589
|
-
},
|
|
590
|
-
{
|
|
591
|
-
"name": "shape",
|
|
592
|
-
"description": "Specify the shape of the Avatar",
|
|
593
|
-
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
594
|
-
},
|
|
595
|
-
{
|
|
596
|
-
"name": "isInteractive",
|
|
597
|
-
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
598
|
-
"values": []
|
|
599
|
-
},
|
|
600
|
-
{
|
|
601
|
-
"name": "isFocusable",
|
|
602
|
-
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
603
|
-
"values": []
|
|
604
|
-
},
|
|
605
|
-
{ "name": "withBorder", "values": [] }
|
|
606
|
-
],
|
|
607
|
-
"references": [
|
|
608
|
-
{
|
|
609
|
-
"name": "Storybook",
|
|
610
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
611
|
-
}
|
|
612
|
-
]
|
|
613
|
-
},
|
|
614
|
-
{
|
|
615
|
-
"name": "bm-avatar-group",
|
|
616
|
-
"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",
|
|
617
|
-
"attributes": [
|
|
618
|
-
{
|
|
619
|
-
"name": "wrapping",
|
|
620
|
-
"description": "Specify if the AvatarGroup wraps",
|
|
621
|
-
"values": []
|
|
622
|
-
},
|
|
623
|
-
{
|
|
624
|
-
"name": "maxCount",
|
|
625
|
-
"description": "Specify the max number of avatars displayed in the group.",
|
|
626
|
-
"values": []
|
|
627
|
-
},
|
|
628
|
-
{
|
|
629
|
-
"name": "size",
|
|
630
|
-
"description": "Specify the size of all Avatars",
|
|
631
|
-
"values": [
|
|
632
|
-
{ "name": "xs" },
|
|
633
|
-
{ "name": "sm" },
|
|
634
|
-
{ "name": "md" },
|
|
635
|
-
{ "name": "lg" },
|
|
636
|
-
{ "name": "xl" }
|
|
637
|
-
]
|
|
638
|
-
},
|
|
639
|
-
{
|
|
640
|
-
"name": "layout",
|
|
641
|
-
"description": "Specify the kind of the group.",
|
|
642
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
643
|
-
}
|
|
644
|
-
],
|
|
645
|
-
"references": [
|
|
646
|
-
{
|
|
647
|
-
"name": "Storybook",
|
|
648
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
649
|
-
}
|
|
650
|
-
]
|
|
651
|
-
},
|
|
652
|
-
{
|
|
653
|
-
"name": "bm-accordion",
|
|
654
|
-
"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",
|
|
655
|
-
"attributes": [
|
|
656
|
-
{
|
|
657
|
-
"name": "size",
|
|
658
|
-
"description": "Specify size of an Accordion",
|
|
659
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
660
|
-
},
|
|
661
|
-
{
|
|
662
|
-
"name": "heading",
|
|
663
|
-
"description": "Specify heading content for the Accordion",
|
|
664
|
-
"values": []
|
|
665
|
-
},
|
|
666
|
-
{
|
|
667
|
-
"name": "open",
|
|
668
|
-
"description": "Specify if an Accordion is open.\nIf this is specified, the component becomes controlled",
|
|
669
|
-
"values": []
|
|
670
|
-
},
|
|
671
|
-
{
|
|
672
|
-
"name": "defaultOpen",
|
|
673
|
-
"description": "Specify if an Accordion is open by default",
|
|
674
|
-
"values": []
|
|
675
|
-
},
|
|
676
|
-
{
|
|
677
|
-
"name": "id",
|
|
678
|
-
"description": "Unique identifier of Accordion",
|
|
679
|
-
"values": []
|
|
680
|
-
}
|
|
681
|
-
],
|
|
682
|
-
"references": [
|
|
683
|
-
{
|
|
684
|
-
"name": "Storybook",
|
|
685
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
|
|
686
|
-
}
|
|
687
|
-
]
|
|
688
|
-
},
|
|
689
|
-
{
|
|
690
|
-
"name": "bm-accordion-group",
|
|
691
|
-
"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",
|
|
692
|
-
"attributes": [
|
|
693
|
-
{
|
|
694
|
-
"name": "size",
|
|
695
|
-
"description": "Specify the size of the AccordionGroup",
|
|
696
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
697
|
-
},
|
|
698
|
-
{
|
|
699
|
-
"name": "singleExpand",
|
|
700
|
-
"description": "Specify if only one row item can be expanded at a time",
|
|
701
|
-
"values": []
|
|
702
|
-
}
|
|
703
|
-
],
|
|
704
|
-
"references": [
|
|
705
|
-
{
|
|
706
|
-
"name": "Storybook",
|
|
707
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
|
|
708
|
-
}
|
|
709
|
-
]
|
|
710
|
-
},
|
|
711
784
|
{
|
|
712
785
|
"name": "bm-button",
|
|
713
786
|
"description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** \n---\n\n\n### **Slots:**\n - **default** - Provide content for the Button\n- **iconBefore** - Specify if the Button displays icon before the text\n- **iconAfter** - Specify if the Button displays icon after the text",
|
|
@@ -776,79 +849,6 @@
|
|
|
776
849
|
}
|
|
777
850
|
]
|
|
778
851
|
},
|
|
779
|
-
{
|
|
780
|
-
"name": "bm-alert",
|
|
781
|
-
"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",
|
|
782
|
-
"attributes": [
|
|
783
|
-
{
|
|
784
|
-
"name": "heading",
|
|
785
|
-
"description": "Specify the heading text for Alert",
|
|
786
|
-
"values": []
|
|
787
|
-
},
|
|
788
|
-
{
|
|
789
|
-
"name": "body",
|
|
790
|
-
"description": "Specify the body text for Alert",
|
|
791
|
-
"values": []
|
|
792
|
-
},
|
|
793
|
-
{
|
|
794
|
-
"name": "size",
|
|
795
|
-
"description": "Specify the size of the Alert",
|
|
796
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
797
|
-
},
|
|
798
|
-
{
|
|
799
|
-
"name": "fullWidth",
|
|
800
|
-
"description": "Specify if the Alert has no border radius",
|
|
801
|
-
"values": []
|
|
802
|
-
},
|
|
803
|
-
{
|
|
804
|
-
"name": "theme",
|
|
805
|
-
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
806
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
807
|
-
},
|
|
808
|
-
{
|
|
809
|
-
"name": "appearance",
|
|
810
|
-
"description": "Specify the appearance of the Alert",
|
|
811
|
-
"values": [
|
|
812
|
-
{ "name": "infoPrimary" },
|
|
813
|
-
{ "name": "infoSecondary" },
|
|
814
|
-
{ "name": "positive" },
|
|
815
|
-
{ "name": "warning" },
|
|
816
|
-
{ "name": "negative" }
|
|
817
|
-
]
|
|
818
|
-
},
|
|
819
|
-
{
|
|
820
|
-
"name": "hidden",
|
|
821
|
-
"description": "Specify if the Alert is hidden",
|
|
822
|
-
"values": []
|
|
823
|
-
},
|
|
824
|
-
{
|
|
825
|
-
"name": "hideIcon",
|
|
826
|
-
"description": "Specify if the icon displays on the Alert",
|
|
827
|
-
"values": []
|
|
828
|
-
},
|
|
829
|
-
{
|
|
830
|
-
"name": "dismissible",
|
|
831
|
-
"description": "Specify if the Alert can be dismissed",
|
|
832
|
-
"values": []
|
|
833
|
-
},
|
|
834
|
-
{
|
|
835
|
-
"name": "disableAutoFocus",
|
|
836
|
-
"description": "Prevent autofocus on show",
|
|
837
|
-
"values": []
|
|
838
|
-
},
|
|
839
|
-
{
|
|
840
|
-
"name": "disableCloseOnEscape",
|
|
841
|
-
"description": "Prevent Escape from closing",
|
|
842
|
-
"values": []
|
|
843
|
-
}
|
|
844
|
-
],
|
|
845
|
-
"references": [
|
|
846
|
-
{
|
|
847
|
-
"name": "Storybook",
|
|
848
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
849
|
-
}
|
|
850
|
-
]
|
|
851
|
-
},
|
|
852
852
|
{
|
|
853
853
|
"name": "bm-close-button",
|
|
854
854
|
"description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled\n---\n",
|
|
@@ -1761,6 +1761,88 @@
|
|
|
1761
1761
|
}
|
|
1762
1762
|
]
|
|
1763
1763
|
},
|
|
1764
|
+
{
|
|
1765
|
+
"name": "bm-form",
|
|
1766
|
+
"description": "`bm-form`\n---\n\n\n### **Events:**\n - **submit** - Validates the inputs and submits the form\n\n### **Slots:**\n - **slot** - Add controls to the Form",
|
|
1767
|
+
"attributes": [
|
|
1768
|
+
{
|
|
1769
|
+
"name": "validationMode",
|
|
1770
|
+
"description": "Specify if validation runs on change or when loosing focus",
|
|
1771
|
+
"values": [
|
|
1772
|
+
{ "name": "onChange" },
|
|
1773
|
+
{ "name": "onBlur" },
|
|
1774
|
+
{ "name": "onSubmit" }
|
|
1775
|
+
]
|
|
1776
|
+
},
|
|
1777
|
+
{
|
|
1778
|
+
"name": "initialValues",
|
|
1779
|
+
"description": "Specify initial values on Form controls based on their names",
|
|
1780
|
+
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
1781
|
+
},
|
|
1782
|
+
{
|
|
1783
|
+
"name": "required",
|
|
1784
|
+
"description": "Specify if input is a required",
|
|
1785
|
+
"values": []
|
|
1786
|
+
},
|
|
1787
|
+
{
|
|
1788
|
+
"name": "disabled",
|
|
1789
|
+
"description": "Specify if input is a disabled",
|
|
1790
|
+
"values": []
|
|
1791
|
+
},
|
|
1792
|
+
{
|
|
1793
|
+
"name": "readOnly",
|
|
1794
|
+
"description": "Specify if input is a read only",
|
|
1795
|
+
"values": []
|
|
1796
|
+
},
|
|
1797
|
+
{ "name": "action", "values": [{ "name": "Optional<string>" }] },
|
|
1798
|
+
{ "name": "method", "values": [{ "name": "Optional<string>" }] },
|
|
1799
|
+
{ "name": "target", "values": [{ "name": "Optional<string>" }] },
|
|
1800
|
+
{ "name": "enctype", "values": [{ "name": "Optional<string>" }] }
|
|
1801
|
+
],
|
|
1802
|
+
"references": [
|
|
1803
|
+
{
|
|
1804
|
+
"name": "Storybook",
|
|
1805
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
1806
|
+
}
|
|
1807
|
+
]
|
|
1808
|
+
},
|
|
1809
|
+
{
|
|
1810
|
+
"name": "bm-label",
|
|
1811
|
+
"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",
|
|
1812
|
+
"attributes": [
|
|
1813
|
+
{
|
|
1814
|
+
"name": "disabled",
|
|
1815
|
+
"description": "Specify if the Label displays disabled",
|
|
1816
|
+
"values": []
|
|
1817
|
+
},
|
|
1818
|
+
{
|
|
1819
|
+
"name": "required",
|
|
1820
|
+
"description": "Specify if the Label displays as required",
|
|
1821
|
+
"values": []
|
|
1822
|
+
},
|
|
1823
|
+
{
|
|
1824
|
+
"name": "text",
|
|
1825
|
+
"description": "Specify the text for Label",
|
|
1826
|
+
"values": [{ "name": "Optional<string>" }]
|
|
1827
|
+
},
|
|
1828
|
+
{
|
|
1829
|
+
"name": "optional",
|
|
1830
|
+
"description": "Specify the text for Label",
|
|
1831
|
+
"values": [{ "name": "Optional<string>" }]
|
|
1832
|
+
},
|
|
1833
|
+
{
|
|
1834
|
+
"name": "theme",
|
|
1835
|
+
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
1836
|
+
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
1837
|
+
}
|
|
1838
|
+
],
|
|
1839
|
+
"references": [
|
|
1840
|
+
{
|
|
1841
|
+
"name": "Storybook",
|
|
1842
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
|
|
1843
|
+
}
|
|
1844
|
+
]
|
|
1845
|
+
},
|
|
1764
1846
|
{
|
|
1765
1847
|
"name": "bm-file-upload-button",
|
|
1766
1848
|
"description": "`bm-file-upload-button`\n\n### Attributes:\n- **error** - Specify if FileUpload is in error state\n- **accept** - Specify the accepted file types\n- **multiple** - Specify if multiple files can be uploaded\n---\n\n\n### **Slots:**\n - **default** - Specify text for the Button\n- **iconBefore** - Specify if the Button displays icon before the text\n- **iconAfter** - Specify if the Button displays icon after the text",
|
|
@@ -2071,103 +2153,6 @@
|
|
|
2071
2153
|
}
|
|
2072
2154
|
]
|
|
2073
2155
|
},
|
|
2074
|
-
{
|
|
2075
|
-
"name": "bm-form",
|
|
2076
|
-
"description": "`bm-form`\n---\n\n\n### **Events:**\n - **submit** - Validates the inputs and submits the form\n\n### **Slots:**\n - **slot** - Add controls to the Form",
|
|
2077
|
-
"attributes": [
|
|
2078
|
-
{
|
|
2079
|
-
"name": "validationMode",
|
|
2080
|
-
"description": "Specify if validation runs on change or when loosing focus",
|
|
2081
|
-
"values": [
|
|
2082
|
-
{ "name": "onChange" },
|
|
2083
|
-
{ "name": "onBlur" },
|
|
2084
|
-
{ "name": "onSubmit" }
|
|
2085
|
-
]
|
|
2086
|
-
},
|
|
2087
|
-
{
|
|
2088
|
-
"name": "initialValues",
|
|
2089
|
-
"description": "Specify initial values on Form controls based on their names",
|
|
2090
|
-
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
2091
|
-
},
|
|
2092
|
-
{
|
|
2093
|
-
"name": "required",
|
|
2094
|
-
"description": "Specify if input is a required",
|
|
2095
|
-
"values": []
|
|
2096
|
-
},
|
|
2097
|
-
{
|
|
2098
|
-
"name": "disabled",
|
|
2099
|
-
"description": "Specify if input is a disabled",
|
|
2100
|
-
"values": []
|
|
2101
|
-
},
|
|
2102
|
-
{
|
|
2103
|
-
"name": "readOnly",
|
|
2104
|
-
"description": "Specify if input is a read only",
|
|
2105
|
-
"values": []
|
|
2106
|
-
},
|
|
2107
|
-
{ "name": "action", "values": [{ "name": "Optional<string>" }] },
|
|
2108
|
-
{ "name": "method", "values": [{ "name": "Optional<string>" }] },
|
|
2109
|
-
{ "name": "target", "values": [{ "name": "Optional<string>" }] },
|
|
2110
|
-
{ "name": "enctype", "values": [{ "name": "Optional<string>" }] }
|
|
2111
|
-
],
|
|
2112
|
-
"references": [
|
|
2113
|
-
{
|
|
2114
|
-
"name": "Storybook",
|
|
2115
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
2116
|
-
}
|
|
2117
|
-
]
|
|
2118
|
-
},
|
|
2119
|
-
{
|
|
2120
|
-
"name": "bm-radio-button",
|
|
2121
|
-
"description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events\n---\n",
|
|
2122
|
-
"attributes": [
|
|
2123
|
-
{
|
|
2124
|
-
"name": "label",
|
|
2125
|
-
"description": "Specify the text for the label",
|
|
2126
|
-
"values": []
|
|
2127
|
-
},
|
|
2128
|
-
{
|
|
2129
|
-
"name": "error",
|
|
2130
|
-
"description": "Specify error text and display error state of a RadioButton",
|
|
2131
|
-
"values": []
|
|
2132
|
-
},
|
|
2133
|
-
{
|
|
2134
|
-
"name": "readOnly",
|
|
2135
|
-
"description": "Specify if RadioButton displays in a read-only state",
|
|
2136
|
-
"values": []
|
|
2137
|
-
},
|
|
2138
|
-
{
|
|
2139
|
-
"name": "disabled",
|
|
2140
|
-
"description": "Specify if RadioButton displays in a disabled state",
|
|
2141
|
-
"values": []
|
|
2142
|
-
},
|
|
2143
|
-
{
|
|
2144
|
-
"name": "theme",
|
|
2145
|
-
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2146
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2147
|
-
},
|
|
2148
|
-
{
|
|
2149
|
-
"name": "value",
|
|
2150
|
-
"description": "The value attribute for the input element",
|
|
2151
|
-
"values": []
|
|
2152
|
-
},
|
|
2153
|
-
{
|
|
2154
|
-
"name": "checked",
|
|
2155
|
-
"description": "The checked attribute for the input element",
|
|
2156
|
-
"values": []
|
|
2157
|
-
},
|
|
2158
|
-
{
|
|
2159
|
-
"name": "onKeyDown",
|
|
2160
|
-
"description": "A user-defined function to handle keydown events",
|
|
2161
|
-
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2162
|
-
}
|
|
2163
|
-
],
|
|
2164
|
-
"references": [
|
|
2165
|
-
{
|
|
2166
|
-
"name": "Storybook",
|
|
2167
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2168
|
-
}
|
|
2169
|
-
]
|
|
2170
|
-
},
|
|
2171
2156
|
{
|
|
2172
2157
|
"name": "bm-native-select",
|
|
2173
2158
|
"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",
|
|
@@ -2237,82 +2222,97 @@
|
|
|
2237
2222
|
]
|
|
2238
2223
|
},
|
|
2239
2224
|
{
|
|
2240
|
-
"name": "bm-
|
|
2241
|
-
"description": "`bm-
|
|
2225
|
+
"name": "bm-radio-button",
|
|
2226
|
+
"description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events\n---\n",
|
|
2242
2227
|
"attributes": [
|
|
2243
2228
|
{
|
|
2244
|
-
"name": "
|
|
2245
|
-
"description": "Specify
|
|
2229
|
+
"name": "label",
|
|
2230
|
+
"description": "Specify the text for the label",
|
|
2246
2231
|
"values": []
|
|
2247
2232
|
},
|
|
2248
2233
|
{
|
|
2249
|
-
"name": "
|
|
2250
|
-
"description": "Specify
|
|
2234
|
+
"name": "error",
|
|
2235
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2251
2236
|
"values": []
|
|
2252
2237
|
},
|
|
2253
|
-
{
|
|
2254
|
-
"name": "textPosition",
|
|
2255
|
-
"description": "Specify the position of the side label",
|
|
2256
|
-
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2257
|
-
},
|
|
2258
2238
|
{
|
|
2259
2239
|
"name": "readOnly",
|
|
2260
|
-
"description": "Specify if
|
|
2240
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2261
2241
|
"values": []
|
|
2262
2242
|
},
|
|
2263
2243
|
{
|
|
2264
2244
|
"name": "disabled",
|
|
2265
|
-
"description": "Specify if
|
|
2245
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2266
2246
|
"values": []
|
|
2267
2247
|
},
|
|
2268
|
-
{
|
|
2248
|
+
{
|
|
2249
|
+
"name": "theme",
|
|
2250
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2251
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2252
|
+
},
|
|
2269
2253
|
{
|
|
2270
2254
|
"name": "value",
|
|
2271
2255
|
"description": "The value attribute for the input element",
|
|
2272
2256
|
"values": []
|
|
2257
|
+
},
|
|
2258
|
+
{
|
|
2259
|
+
"name": "checked",
|
|
2260
|
+
"description": "The checked attribute for the input element",
|
|
2261
|
+
"values": []
|
|
2262
|
+
},
|
|
2263
|
+
{
|
|
2264
|
+
"name": "onKeyDown",
|
|
2265
|
+
"description": "A user-defined function to handle keydown events",
|
|
2266
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2273
2267
|
}
|
|
2274
2268
|
],
|
|
2275
2269
|
"references": [
|
|
2276
2270
|
{
|
|
2277
2271
|
"name": "Storybook",
|
|
2278
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2272
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2279
2273
|
}
|
|
2280
2274
|
]
|
|
2281
2275
|
},
|
|
2282
2276
|
{
|
|
2283
|
-
"name": "bm-
|
|
2284
|
-
"description": "`bm-
|
|
2277
|
+
"name": "bm-switch",
|
|
2278
|
+
"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.",
|
|
2285
2279
|
"attributes": [
|
|
2286
2280
|
{
|
|
2287
|
-
"name": "
|
|
2288
|
-
"description": "Specify
|
|
2281
|
+
"name": "onText",
|
|
2282
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2289
2283
|
"values": []
|
|
2290
2284
|
},
|
|
2291
2285
|
{
|
|
2292
|
-
"name": "
|
|
2293
|
-
"description": "Specify
|
|
2286
|
+
"name": "offText",
|
|
2287
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2294
2288
|
"values": []
|
|
2295
2289
|
},
|
|
2296
2290
|
{
|
|
2297
|
-
"name": "
|
|
2298
|
-
"description": "Specify the
|
|
2299
|
-
"values": [{ "name": "
|
|
2291
|
+
"name": "textPosition",
|
|
2292
|
+
"description": "Specify the position of the side label",
|
|
2293
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2300
2294
|
},
|
|
2301
2295
|
{
|
|
2302
|
-
"name": "
|
|
2303
|
-
"description": "Specify
|
|
2304
|
-
"values": [
|
|
2296
|
+
"name": "readOnly",
|
|
2297
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2298
|
+
"values": []
|
|
2305
2299
|
},
|
|
2306
2300
|
{
|
|
2307
|
-
"name": "
|
|
2308
|
-
"description": "Specify
|
|
2309
|
-
"values": [
|
|
2301
|
+
"name": "disabled",
|
|
2302
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2303
|
+
"values": []
|
|
2304
|
+
},
|
|
2305
|
+
{ "name": "checked", "values": [] },
|
|
2306
|
+
{
|
|
2307
|
+
"name": "value",
|
|
2308
|
+
"description": "The value attribute for the input element",
|
|
2309
|
+
"values": []
|
|
2310
2310
|
}
|
|
2311
2311
|
],
|
|
2312
2312
|
"references": [
|
|
2313
2313
|
{
|
|
2314
2314
|
"name": "Storybook",
|
|
2315
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2315
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2316
2316
|
}
|
|
2317
2317
|
]
|
|
2318
2318
|
},
|