@viasat/beam-web-components 2.22.0 → 2.23.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/custom-elements.json +1401 -1401
- package/package.json +6 -6
- package/vscode.html-custom-data.json +318 -318
|
@@ -61,79 +61,6 @@
|
|
|
61
61
|
}
|
|
62
62
|
]
|
|
63
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
|
-
},
|
|
137
64
|
{
|
|
138
65
|
"name": "bm-badge",
|
|
139
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",
|
|
@@ -177,142 +104,6 @@
|
|
|
177
104
|
}
|
|
178
105
|
]
|
|
179
106
|
},
|
|
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
|
-
},
|
|
278
|
-
{
|
|
279
|
-
"name": "bm-badge-dot",
|
|
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",
|
|
281
|
-
"attributes": [
|
|
282
|
-
{
|
|
283
|
-
"name": "theme",
|
|
284
|
-
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
285
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
286
|
-
},
|
|
287
|
-
{
|
|
288
|
-
"name": "appearance",
|
|
289
|
-
"description": "Specify the appearance of the BadgeDot",
|
|
290
|
-
"values": [
|
|
291
|
-
{ "name": "infoPrimary" },
|
|
292
|
-
{ "name": "infoSecondary" },
|
|
293
|
-
{ "name": "positive" },
|
|
294
|
-
{ "name": "warning" },
|
|
295
|
-
{ "name": "negative" }
|
|
296
|
-
]
|
|
297
|
-
},
|
|
298
|
-
{
|
|
299
|
-
"name": "emphasis",
|
|
300
|
-
"description": "Specify the emphasis of the BadgeDot",
|
|
301
|
-
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
302
|
-
},
|
|
303
|
-
{
|
|
304
|
-
"name": "overrideDotColor",
|
|
305
|
-
"description": "Overrides default dot color",
|
|
306
|
-
"values": []
|
|
307
|
-
}
|
|
308
|
-
],
|
|
309
|
-
"references": [
|
|
310
|
-
{
|
|
311
|
-
"name": "Storybook",
|
|
312
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
313
|
-
}
|
|
314
|
-
]
|
|
315
|
-
},
|
|
316
107
|
{
|
|
317
108
|
"name": "bm-box",
|
|
318
109
|
"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",
|
|
@@ -716,6 +507,44 @@
|
|
|
716
507
|
}
|
|
717
508
|
]
|
|
718
509
|
},
|
|
510
|
+
{
|
|
511
|
+
"name": "bm-badge-dot",
|
|
512
|
+
"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",
|
|
513
|
+
"attributes": [
|
|
514
|
+
{
|
|
515
|
+
"name": "theme",
|
|
516
|
+
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
517
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
518
|
+
},
|
|
519
|
+
{
|
|
520
|
+
"name": "appearance",
|
|
521
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
522
|
+
"values": [
|
|
523
|
+
{ "name": "infoPrimary" },
|
|
524
|
+
{ "name": "infoSecondary" },
|
|
525
|
+
{ "name": "positive" },
|
|
526
|
+
{ "name": "warning" },
|
|
527
|
+
{ "name": "negative" }
|
|
528
|
+
]
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"name": "emphasis",
|
|
532
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
533
|
+
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
534
|
+
},
|
|
535
|
+
{
|
|
536
|
+
"name": "overrideDotColor",
|
|
537
|
+
"description": "Overrides default dot color",
|
|
538
|
+
"values": []
|
|
539
|
+
}
|
|
540
|
+
],
|
|
541
|
+
"references": [
|
|
542
|
+
{
|
|
543
|
+
"name": "Storybook",
|
|
544
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
545
|
+
}
|
|
546
|
+
]
|
|
547
|
+
},
|
|
719
548
|
{
|
|
720
549
|
"name": "bm-breadcrumb",
|
|
721
550
|
"description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Pass items to the Breadcrumb",
|
|
@@ -754,94 +583,265 @@
|
|
|
754
583
|
"attributes": [
|
|
755
584
|
{ "name": "href", "description": "Pass href to an item", "values": [] },
|
|
756
585
|
{
|
|
757
|
-
"name": "clickable",
|
|
758
|
-
"description": "Specify if the item is interactive without an href",
|
|
586
|
+
"name": "clickable",
|
|
587
|
+
"description": "Specify if the item is interactive without an href",
|
|
588
|
+
"values": []
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"name": "truncationWidth",
|
|
592
|
+
"description": "Specify truncation width of the items. Sets max-width for all items but the last.",
|
|
593
|
+
"values": []
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"name": "isCurrent",
|
|
597
|
+
"description": "Specify explicitly if the item is the last one",
|
|
598
|
+
"values": []
|
|
599
|
+
},
|
|
600
|
+
{ "name": "isCollapsed", "values": [] }
|
|
601
|
+
],
|
|
602
|
+
"references": [
|
|
603
|
+
{
|
|
604
|
+
"name": "Storybook",
|
|
605
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
606
|
+
}
|
|
607
|
+
]
|
|
608
|
+
},
|
|
609
|
+
{
|
|
610
|
+
"name": "bm-button",
|
|
611
|
+
"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",
|
|
612
|
+
"attributes": [
|
|
613
|
+
{
|
|
614
|
+
"name": "appearance",
|
|
615
|
+
"description": "Specify the appearance of a Button",
|
|
616
|
+
"values": [
|
|
617
|
+
{ "name": "accent" },
|
|
618
|
+
{ "name": "neutral" },
|
|
619
|
+
{ "name": "neutral-subtle" },
|
|
620
|
+
{ "name": "destructive" }
|
|
621
|
+
]
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "kind",
|
|
625
|
+
"description": "Specify the kind of Button",
|
|
626
|
+
"values": [
|
|
627
|
+
{ "name": "filled" },
|
|
628
|
+
{ "name": "outline" },
|
|
629
|
+
{ "name": "ghost" },
|
|
630
|
+
{ "name": "bare" }
|
|
631
|
+
]
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "size",
|
|
635
|
+
"description": "Specify the size of a Button",
|
|
636
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "disabled",
|
|
640
|
+
"description": "Specify if the Button is disabled",
|
|
641
|
+
"values": []
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"name": "fluid",
|
|
645
|
+
"description": "Specify if Button is fluid",
|
|
646
|
+
"values": []
|
|
647
|
+
},
|
|
648
|
+
{
|
|
649
|
+
"name": "width",
|
|
650
|
+
"description": "Specify the width of a Button",
|
|
651
|
+
"values": []
|
|
652
|
+
},
|
|
653
|
+
{
|
|
654
|
+
"name": "height",
|
|
655
|
+
"description": "Specify the height of a Button",
|
|
656
|
+
"values": []
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"name": "theme",
|
|
660
|
+
"description": "Specify the theme of the Button",
|
|
661
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"name": "iconOnly",
|
|
665
|
+
"description": "Specify if the icon displays without text",
|
|
666
|
+
"values": []
|
|
667
|
+
},
|
|
668
|
+
{ "name": "type", "values": [] }
|
|
669
|
+
],
|
|
670
|
+
"references": [
|
|
671
|
+
{
|
|
672
|
+
"name": "Storybook",
|
|
673
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
|
|
674
|
+
}
|
|
675
|
+
]
|
|
676
|
+
},
|
|
677
|
+
{
|
|
678
|
+
"name": "bm-alert",
|
|
679
|
+
"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",
|
|
680
|
+
"attributes": [
|
|
681
|
+
{
|
|
682
|
+
"name": "heading",
|
|
683
|
+
"description": "Specify the heading text for Alert",
|
|
684
|
+
"values": []
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"name": "body",
|
|
688
|
+
"description": "Specify the body text for Alert",
|
|
689
|
+
"values": []
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"name": "size",
|
|
693
|
+
"description": "Specify the size of the Alert",
|
|
694
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
695
|
+
},
|
|
696
|
+
{
|
|
697
|
+
"name": "fullWidth",
|
|
698
|
+
"description": "Specify if the Alert has no border radius",
|
|
699
|
+
"values": []
|
|
700
|
+
},
|
|
701
|
+
{
|
|
702
|
+
"name": "theme",
|
|
703
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
704
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "appearance",
|
|
708
|
+
"description": "Specify the appearance of the Alert",
|
|
709
|
+
"values": [
|
|
710
|
+
{ "name": "infoPrimary" },
|
|
711
|
+
{ "name": "infoSecondary" },
|
|
712
|
+
{ "name": "positive" },
|
|
713
|
+
{ "name": "warning" },
|
|
714
|
+
{ "name": "negative" }
|
|
715
|
+
]
|
|
716
|
+
},
|
|
717
|
+
{
|
|
718
|
+
"name": "hidden",
|
|
719
|
+
"description": "Specify if the Alert is hidden",
|
|
720
|
+
"values": []
|
|
721
|
+
},
|
|
722
|
+
{
|
|
723
|
+
"name": "hideIcon",
|
|
724
|
+
"description": "Specify if the icon displays on the Alert",
|
|
759
725
|
"values": []
|
|
760
726
|
},
|
|
761
727
|
{
|
|
762
|
-
"name": "
|
|
763
|
-
"description": "Specify
|
|
728
|
+
"name": "dismissible",
|
|
729
|
+
"description": "Specify if the Alert can be dismissed",
|
|
764
730
|
"values": []
|
|
765
731
|
},
|
|
766
732
|
{
|
|
767
|
-
"name": "
|
|
768
|
-
"description": "
|
|
733
|
+
"name": "disableAutoFocus",
|
|
734
|
+
"description": "Prevent autofocus on show",
|
|
769
735
|
"values": []
|
|
770
736
|
},
|
|
771
|
-
{
|
|
737
|
+
{
|
|
738
|
+
"name": "disableCloseOnEscape",
|
|
739
|
+
"description": "Prevent Escape from closing",
|
|
740
|
+
"values": []
|
|
741
|
+
}
|
|
772
742
|
],
|
|
773
743
|
"references": [
|
|
774
744
|
{
|
|
775
745
|
"name": "Storybook",
|
|
776
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
746
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
777
747
|
}
|
|
778
748
|
]
|
|
779
749
|
},
|
|
780
750
|
{
|
|
781
|
-
"name": "bm-
|
|
782
|
-
"description": "`bm-
|
|
751
|
+
"name": "bm-avatar",
|
|
752
|
+
"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",
|
|
783
753
|
"attributes": [
|
|
784
754
|
{
|
|
785
755
|
"name": "appearance",
|
|
786
|
-
"description": "Specify the appearance of
|
|
787
|
-
"values": [
|
|
788
|
-
{ "name": "accent" },
|
|
789
|
-
{ "name": "neutral" },
|
|
790
|
-
{ "name": "neutral-subtle" },
|
|
791
|
-
{ "name": "destructive" }
|
|
792
|
-
]
|
|
756
|
+
"description": "Specify the appearance of the Avatar",
|
|
757
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
793
758
|
},
|
|
794
759
|
{
|
|
795
|
-
"name": "
|
|
796
|
-
"description": "Specify
|
|
797
|
-
"values": [
|
|
798
|
-
{ "name": "filled" },
|
|
799
|
-
{ "name": "outline" },
|
|
800
|
-
{ "name": "ghost" },
|
|
801
|
-
{ "name": "bare" }
|
|
802
|
-
]
|
|
760
|
+
"name": "name",
|
|
761
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
762
|
+
"values": []
|
|
803
763
|
},
|
|
764
|
+
{
|
|
765
|
+
"name": "src",
|
|
766
|
+
"description": "Pass an image to the Avatar",
|
|
767
|
+
"values": []
|
|
768
|
+
},
|
|
769
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
804
770
|
{
|
|
805
771
|
"name": "size",
|
|
806
|
-
"description": "Specify the size of
|
|
807
|
-
"values": [
|
|
772
|
+
"description": "Specify the size of the Avatar",
|
|
773
|
+
"values": [
|
|
774
|
+
{ "name": "xs" },
|
|
775
|
+
{ "name": "sm" },
|
|
776
|
+
{ "name": "md" },
|
|
777
|
+
{ "name": "lg" },
|
|
778
|
+
{ "name": "xl" }
|
|
779
|
+
]
|
|
808
780
|
},
|
|
809
781
|
{
|
|
810
782
|
"name": "disabled",
|
|
811
|
-
"description": "Specify if the
|
|
783
|
+
"description": "Specify if the Avatar is disabled",
|
|
812
784
|
"values": []
|
|
813
785
|
},
|
|
814
786
|
{
|
|
815
|
-
"name": "
|
|
816
|
-
"description": "Specify
|
|
817
|
-
"values": []
|
|
787
|
+
"name": "shape",
|
|
788
|
+
"description": "Specify the shape of the Avatar",
|
|
789
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
818
790
|
},
|
|
819
791
|
{
|
|
820
|
-
"name": "
|
|
821
|
-
"description": "
|
|
792
|
+
"name": "isInteractive",
|
|
793
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
822
794
|
"values": []
|
|
823
795
|
},
|
|
824
796
|
{
|
|
825
|
-
"name": "
|
|
826
|
-
"description": "
|
|
797
|
+
"name": "isFocusable",
|
|
798
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
827
799
|
"values": []
|
|
828
800
|
},
|
|
801
|
+
{ "name": "withBorder", "values": [] }
|
|
802
|
+
],
|
|
803
|
+
"references": [
|
|
829
804
|
{
|
|
830
|
-
"name": "
|
|
831
|
-
"
|
|
832
|
-
|
|
805
|
+
"name": "Storybook",
|
|
806
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
807
|
+
}
|
|
808
|
+
]
|
|
809
|
+
},
|
|
810
|
+
{
|
|
811
|
+
"name": "bm-avatar-group",
|
|
812
|
+
"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",
|
|
813
|
+
"attributes": [
|
|
814
|
+
{
|
|
815
|
+
"name": "wrapping",
|
|
816
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
817
|
+
"values": []
|
|
833
818
|
},
|
|
834
819
|
{
|
|
835
|
-
"name": "
|
|
836
|
-
"description": "Specify
|
|
820
|
+
"name": "maxCount",
|
|
821
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
837
822
|
"values": []
|
|
838
823
|
},
|
|
839
|
-
{
|
|
824
|
+
{
|
|
825
|
+
"name": "size",
|
|
826
|
+
"description": "Specify the size of all Avatars",
|
|
827
|
+
"values": [
|
|
828
|
+
{ "name": "xs" },
|
|
829
|
+
{ "name": "sm" },
|
|
830
|
+
{ "name": "md" },
|
|
831
|
+
{ "name": "lg" },
|
|
832
|
+
{ "name": "xl" }
|
|
833
|
+
]
|
|
834
|
+
},
|
|
835
|
+
{
|
|
836
|
+
"name": "layout",
|
|
837
|
+
"description": "Specify the kind of the group.",
|
|
838
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
839
|
+
}
|
|
840
840
|
],
|
|
841
841
|
"references": [
|
|
842
842
|
{
|
|
843
843
|
"name": "Storybook",
|
|
844
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
844
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
845
845
|
}
|
|
846
846
|
]
|
|
847
847
|
},
|
|
@@ -2176,6 +2176,58 @@
|
|
|
2176
2176
|
}
|
|
2177
2177
|
]
|
|
2178
2178
|
},
|
|
2179
|
+
{
|
|
2180
|
+
"name": "bm-radio-button",
|
|
2181
|
+
"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",
|
|
2182
|
+
"attributes": [
|
|
2183
|
+
{
|
|
2184
|
+
"name": "label",
|
|
2185
|
+
"description": "Specify the text for the label",
|
|
2186
|
+
"values": []
|
|
2187
|
+
},
|
|
2188
|
+
{
|
|
2189
|
+
"name": "error",
|
|
2190
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2191
|
+
"values": []
|
|
2192
|
+
},
|
|
2193
|
+
{
|
|
2194
|
+
"name": "readOnly",
|
|
2195
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2196
|
+
"values": []
|
|
2197
|
+
},
|
|
2198
|
+
{
|
|
2199
|
+
"name": "disabled",
|
|
2200
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2201
|
+
"values": []
|
|
2202
|
+
},
|
|
2203
|
+
{
|
|
2204
|
+
"name": "theme",
|
|
2205
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2206
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2207
|
+
},
|
|
2208
|
+
{
|
|
2209
|
+
"name": "value",
|
|
2210
|
+
"description": "The value attribute for the input element",
|
|
2211
|
+
"values": []
|
|
2212
|
+
},
|
|
2213
|
+
{
|
|
2214
|
+
"name": "checked",
|
|
2215
|
+
"description": "The checked attribute for the input element",
|
|
2216
|
+
"values": []
|
|
2217
|
+
},
|
|
2218
|
+
{
|
|
2219
|
+
"name": "onKeyDown",
|
|
2220
|
+
"description": "A user-defined function to handle keydown events",
|
|
2221
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2222
|
+
}
|
|
2223
|
+
],
|
|
2224
|
+
"references": [
|
|
2225
|
+
{
|
|
2226
|
+
"name": "Storybook",
|
|
2227
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2228
|
+
}
|
|
2229
|
+
]
|
|
2230
|
+
},
|
|
2179
2231
|
{
|
|
2180
2232
|
"name": "bm-native-select",
|
|
2181
2233
|
"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",
|
|
@@ -2242,54 +2294,45 @@
|
|
|
2242
2294
|
]
|
|
2243
2295
|
},
|
|
2244
2296
|
{
|
|
2245
|
-
"name": "bm-
|
|
2246
|
-
"description": "`bm-
|
|
2297
|
+
"name": "bm-switch",
|
|
2298
|
+
"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.",
|
|
2247
2299
|
"attributes": [
|
|
2248
2300
|
{
|
|
2249
|
-
"name": "
|
|
2250
|
-
"description": "Specify
|
|
2301
|
+
"name": "onText",
|
|
2302
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2251
2303
|
"values": []
|
|
2252
2304
|
},
|
|
2253
2305
|
{
|
|
2254
|
-
"name": "
|
|
2255
|
-
"description": "Specify
|
|
2306
|
+
"name": "offText",
|
|
2307
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2256
2308
|
"values": []
|
|
2257
2309
|
},
|
|
2310
|
+
{
|
|
2311
|
+
"name": "textPosition",
|
|
2312
|
+
"description": "Specify the position of the side label",
|
|
2313
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2314
|
+
},
|
|
2258
2315
|
{
|
|
2259
2316
|
"name": "readOnly",
|
|
2260
|
-
"description": "Specify if
|
|
2317
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2261
2318
|
"values": []
|
|
2262
2319
|
},
|
|
2263
2320
|
{
|
|
2264
2321
|
"name": "disabled",
|
|
2265
|
-
"description": "Specify if
|
|
2322
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2266
2323
|
"values": []
|
|
2267
2324
|
},
|
|
2268
|
-
{
|
|
2269
|
-
"name": "theme",
|
|
2270
|
-
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2271
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2272
|
-
},
|
|
2325
|
+
{ "name": "checked", "values": [] },
|
|
2273
2326
|
{
|
|
2274
2327
|
"name": "value",
|
|
2275
2328
|
"description": "The value attribute for the input element",
|
|
2276
2329
|
"values": []
|
|
2277
|
-
},
|
|
2278
|
-
{
|
|
2279
|
-
"name": "checked",
|
|
2280
|
-
"description": "The checked attribute for the input element",
|
|
2281
|
-
"values": []
|
|
2282
|
-
},
|
|
2283
|
-
{
|
|
2284
|
-
"name": "onKeyDown",
|
|
2285
|
-
"description": "A user-defined function to handle keydown events",
|
|
2286
|
-
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2287
2330
|
}
|
|
2288
2331
|
],
|
|
2289
2332
|
"references": [
|
|
2290
2333
|
{
|
|
2291
2334
|
"name": "Storybook",
|
|
2292
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2335
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2293
2336
|
}
|
|
2294
2337
|
]
|
|
2295
2338
|
},
|
|
@@ -2383,49 +2426,6 @@
|
|
|
2383
2426
|
}
|
|
2384
2427
|
]
|
|
2385
2428
|
},
|
|
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
|
-
},
|
|
2429
2429
|
{
|
|
2430
2430
|
"name": "bm-text-field",
|
|
2431
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",
|