@viasat/beam-web-components 2.2.1 → 2.8.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/Avatar/AvatarGroup.js +1 -1
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Link/Link.js +1 -1
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/chunks/dom.CroF8n1N.js +29 -0
- package/custom-elements.json +1934 -1934
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Breadcrumbs/Breadcrumbs.js +1 -1
- package/local/Link/Link.js +1 -1
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/chunks/dom.CroF8n1N.js +29 -0
- package/local/wip/Checkbox/Checkbox.js +1 -1
- package/local/wip/RadioButton/RadioButton.js +1 -1
- package/package.json +6 -6
- package/vscode.html-custom-data.json +251 -251
- package/wip/Checkbox/Checkbox.js +1 -1
- package/wip/RadioButton/RadioButton.js +1 -1
- package/chunks/dom.Bbze9_v5.js +0 -29
- package/local/chunks/dom.Bbze9_v5.js +0 -29
|
@@ -62,37 +62,12 @@
|
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "bm-
|
|
66
|
-
"description": "`bm-
|
|
65
|
+
"name": "bm-badge",
|
|
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",
|
|
67
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
68
|
{
|
|
94
69
|
"name": "appearance",
|
|
95
|
-
"description": "Specify the appearance of the
|
|
70
|
+
"description": "Specify the appearance of the Badge",
|
|
96
71
|
"values": [
|
|
97
72
|
{ "name": "infoPrimary" },
|
|
98
73
|
{ "name": "infoSecondary" },
|
|
@@ -102,133 +77,30 @@
|
|
|
102
77
|
]
|
|
103
78
|
},
|
|
104
79
|
{
|
|
105
|
-
"name": "
|
|
106
|
-
"description": "
|
|
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
|
-
{
|
|
138
|
-
"name": "bm-avatar",
|
|
139
|
-
"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",
|
|
140
|
-
"attributes": [
|
|
141
|
-
{
|
|
142
|
-
"name": "appearance",
|
|
143
|
-
"description": "Specify the appearance of the Avatar",
|
|
144
|
-
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
"name": "name",
|
|
148
|
-
"description": "Specify a name to display initials in the Avatar",
|
|
149
|
-
"values": []
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
"name": "src",
|
|
153
|
-
"description": "Pass an image to the Avatar",
|
|
154
|
-
"values": []
|
|
80
|
+
"name": "theme",
|
|
81
|
+
"description": "Theme of the Badge",
|
|
82
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
155
83
|
},
|
|
156
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
157
84
|
{
|
|
158
85
|
"name": "size",
|
|
159
|
-
"description": "Specify the size of the
|
|
160
|
-
"values": [
|
|
161
|
-
{ "name": "xs" },
|
|
162
|
-
{ "name": "sm" },
|
|
163
|
-
{ "name": "md" },
|
|
164
|
-
{ "name": "lg" },
|
|
165
|
-
{ "name": "xl" }
|
|
166
|
-
]
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
"name": "disabled",
|
|
170
|
-
"description": "Specify if the Avatar is disabled",
|
|
171
|
-
"values": []
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
"name": "shape",
|
|
175
|
-
"description": "Specify the shape of the Avatar",
|
|
176
|
-
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"name": "isInteractive",
|
|
180
|
-
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
181
|
-
"values": []
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
"name": "isFocusable",
|
|
185
|
-
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
186
|
-
"values": []
|
|
187
|
-
},
|
|
188
|
-
{ "name": "withBorder", "values": [] }
|
|
189
|
-
],
|
|
190
|
-
"references": [
|
|
191
|
-
{
|
|
192
|
-
"name": "Storybook",
|
|
193
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
194
|
-
}
|
|
195
|
-
]
|
|
196
|
-
},
|
|
197
|
-
{
|
|
198
|
-
"name": "bm-avatar-group",
|
|
199
|
-
"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",
|
|
200
|
-
"attributes": [
|
|
201
|
-
{
|
|
202
|
-
"name": "wrapping",
|
|
203
|
-
"description": "Specify if the AvatarGroup wraps",
|
|
204
|
-
"values": []
|
|
205
|
-
},
|
|
206
|
-
{
|
|
207
|
-
"name": "maxCount",
|
|
208
|
-
"description": "Specify the max number of avatars displayed in the group.",
|
|
209
|
-
"values": []
|
|
86
|
+
"description": "Specify the size of the Badge",
|
|
87
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
210
88
|
},
|
|
211
89
|
{
|
|
212
|
-
"name": "
|
|
213
|
-
"description": "Specify the
|
|
90
|
+
"name": "emphasis",
|
|
91
|
+
"description": "Specify the emphasis of the Badge",
|
|
214
92
|
"values": [
|
|
215
|
-
{ "name": "
|
|
216
|
-
{ "name": "
|
|
217
|
-
{ "name": "
|
|
218
|
-
{ "name": "lg" },
|
|
219
|
-
{ "name": "xl" }
|
|
93
|
+
{ "name": "strong" },
|
|
94
|
+
{ "name": "medium" },
|
|
95
|
+
{ "name": "subtle" }
|
|
220
96
|
]
|
|
221
97
|
},
|
|
222
|
-
{
|
|
223
|
-
"name": "layout",
|
|
224
|
-
"description": "Specify the kind of the group.",
|
|
225
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
226
|
-
}
|
|
98
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
227
99
|
],
|
|
228
100
|
"references": [
|
|
229
101
|
{
|
|
230
102
|
"name": "Storybook",
|
|
231
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
103
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
232
104
|
}
|
|
233
105
|
]
|
|
234
106
|
},
|
|
@@ -274,49 +146,6 @@
|
|
|
274
146
|
}
|
|
275
147
|
]
|
|
276
148
|
},
|
|
277
|
-
{
|
|
278
|
-
"name": "bm-badge",
|
|
279
|
-
"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",
|
|
280
|
-
"attributes": [
|
|
281
|
-
{
|
|
282
|
-
"name": "appearance",
|
|
283
|
-
"description": "Specify the appearance of the Badge",
|
|
284
|
-
"values": [
|
|
285
|
-
{ "name": "infoPrimary" },
|
|
286
|
-
{ "name": "infoSecondary" },
|
|
287
|
-
{ "name": "positive" },
|
|
288
|
-
{ "name": "warning" },
|
|
289
|
-
{ "name": "negative" }
|
|
290
|
-
]
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
"name": "theme",
|
|
294
|
-
"description": "Theme of the Badge",
|
|
295
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
296
|
-
},
|
|
297
|
-
{
|
|
298
|
-
"name": "size",
|
|
299
|
-
"description": "Specify the size of the Badge",
|
|
300
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
301
|
-
},
|
|
302
|
-
{
|
|
303
|
-
"name": "emphasis",
|
|
304
|
-
"description": "Specify the emphasis of the Badge",
|
|
305
|
-
"values": [
|
|
306
|
-
{ "name": "strong" },
|
|
307
|
-
{ "name": "medium" },
|
|
308
|
-
{ "name": "subtle" }
|
|
309
|
-
]
|
|
310
|
-
},
|
|
311
|
-
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
312
|
-
],
|
|
313
|
-
"references": [
|
|
314
|
-
{
|
|
315
|
-
"name": "Storybook",
|
|
316
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
317
|
-
}
|
|
318
|
-
]
|
|
319
|
-
},
|
|
320
149
|
{
|
|
321
150
|
"name": "bm-box",
|
|
322
151
|
"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",
|
|
@@ -781,6 +610,79 @@
|
|
|
781
610
|
}
|
|
782
611
|
]
|
|
783
612
|
},
|
|
613
|
+
{
|
|
614
|
+
"name": "bm-alert",
|
|
615
|
+
"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",
|
|
616
|
+
"attributes": [
|
|
617
|
+
{
|
|
618
|
+
"name": "heading",
|
|
619
|
+
"description": "Specify the heading text for Alert",
|
|
620
|
+
"values": []
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"name": "body",
|
|
624
|
+
"description": "Specify the body text for Alert",
|
|
625
|
+
"values": []
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"name": "size",
|
|
629
|
+
"description": "Specify the size of the Alert",
|
|
630
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "fullWidth",
|
|
634
|
+
"description": "Specify if the Alert has no border radius",
|
|
635
|
+
"values": []
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "theme",
|
|
639
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
640
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"name": "appearance",
|
|
644
|
+
"description": "Specify the appearance of the Alert",
|
|
645
|
+
"values": [
|
|
646
|
+
{ "name": "infoPrimary" },
|
|
647
|
+
{ "name": "infoSecondary" },
|
|
648
|
+
{ "name": "positive" },
|
|
649
|
+
{ "name": "warning" },
|
|
650
|
+
{ "name": "negative" }
|
|
651
|
+
]
|
|
652
|
+
},
|
|
653
|
+
{
|
|
654
|
+
"name": "hidden",
|
|
655
|
+
"description": "Specify if the Alert is hidden",
|
|
656
|
+
"values": []
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"name": "hideIcon",
|
|
660
|
+
"description": "Specify if the icon displays on the Alert",
|
|
661
|
+
"values": []
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"name": "dismissible",
|
|
665
|
+
"description": "Specify if the Alert can be dismissed",
|
|
666
|
+
"values": []
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"name": "disableAutoFocus",
|
|
670
|
+
"description": "Prevent autofocus on show",
|
|
671
|
+
"values": []
|
|
672
|
+
},
|
|
673
|
+
{
|
|
674
|
+
"name": "disableCloseOnEscape",
|
|
675
|
+
"description": "Prevent Escape from closing",
|
|
676
|
+
"values": []
|
|
677
|
+
}
|
|
678
|
+
],
|
|
679
|
+
"references": [
|
|
680
|
+
{
|
|
681
|
+
"name": "Storybook",
|
|
682
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
683
|
+
}
|
|
684
|
+
]
|
|
685
|
+
},
|
|
784
686
|
{
|
|
785
687
|
"name": "bm-button",
|
|
786
688
|
"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",
|
|
@@ -849,6 +751,104 @@
|
|
|
849
751
|
}
|
|
850
752
|
]
|
|
851
753
|
},
|
|
754
|
+
{
|
|
755
|
+
"name": "bm-avatar",
|
|
756
|
+
"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",
|
|
757
|
+
"attributes": [
|
|
758
|
+
{
|
|
759
|
+
"name": "appearance",
|
|
760
|
+
"description": "Specify the appearance of the Avatar",
|
|
761
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
762
|
+
},
|
|
763
|
+
{
|
|
764
|
+
"name": "name",
|
|
765
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
766
|
+
"values": []
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"name": "src",
|
|
770
|
+
"description": "Pass an image to the Avatar",
|
|
771
|
+
"values": []
|
|
772
|
+
},
|
|
773
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
774
|
+
{
|
|
775
|
+
"name": "size",
|
|
776
|
+
"description": "Specify the size of the Avatar",
|
|
777
|
+
"values": [
|
|
778
|
+
{ "name": "xs" },
|
|
779
|
+
{ "name": "sm" },
|
|
780
|
+
{ "name": "md" },
|
|
781
|
+
{ "name": "lg" },
|
|
782
|
+
{ "name": "xl" }
|
|
783
|
+
]
|
|
784
|
+
},
|
|
785
|
+
{
|
|
786
|
+
"name": "disabled",
|
|
787
|
+
"description": "Specify if the Avatar is disabled",
|
|
788
|
+
"values": []
|
|
789
|
+
},
|
|
790
|
+
{
|
|
791
|
+
"name": "shape",
|
|
792
|
+
"description": "Specify the shape of the Avatar",
|
|
793
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
794
|
+
},
|
|
795
|
+
{
|
|
796
|
+
"name": "isInteractive",
|
|
797
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
798
|
+
"values": []
|
|
799
|
+
},
|
|
800
|
+
{
|
|
801
|
+
"name": "isFocusable",
|
|
802
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
803
|
+
"values": []
|
|
804
|
+
},
|
|
805
|
+
{ "name": "withBorder", "values": [] }
|
|
806
|
+
],
|
|
807
|
+
"references": [
|
|
808
|
+
{
|
|
809
|
+
"name": "Storybook",
|
|
810
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
811
|
+
}
|
|
812
|
+
]
|
|
813
|
+
},
|
|
814
|
+
{
|
|
815
|
+
"name": "bm-avatar-group",
|
|
816
|
+
"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",
|
|
817
|
+
"attributes": [
|
|
818
|
+
{
|
|
819
|
+
"name": "wrapping",
|
|
820
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
821
|
+
"values": []
|
|
822
|
+
},
|
|
823
|
+
{
|
|
824
|
+
"name": "maxCount",
|
|
825
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
826
|
+
"values": []
|
|
827
|
+
},
|
|
828
|
+
{
|
|
829
|
+
"name": "size",
|
|
830
|
+
"description": "Specify the size of all Avatars",
|
|
831
|
+
"values": [
|
|
832
|
+
{ "name": "xs" },
|
|
833
|
+
{ "name": "sm" },
|
|
834
|
+
{ "name": "md" },
|
|
835
|
+
{ "name": "lg" },
|
|
836
|
+
{ "name": "xl" }
|
|
837
|
+
]
|
|
838
|
+
},
|
|
839
|
+
{
|
|
840
|
+
"name": "layout",
|
|
841
|
+
"description": "Specify the kind of the group.",
|
|
842
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
843
|
+
}
|
|
844
|
+
],
|
|
845
|
+
"references": [
|
|
846
|
+
{
|
|
847
|
+
"name": "Storybook",
|
|
848
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
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",
|
|
@@ -2116,43 +2116,6 @@
|
|
|
2116
2116
|
}
|
|
2117
2117
|
]
|
|
2118
2118
|
},
|
|
2119
|
-
{
|
|
2120
|
-
"name": "bm-label",
|
|
2121
|
-
"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",
|
|
2122
|
-
"attributes": [
|
|
2123
|
-
{
|
|
2124
|
-
"name": "disabled",
|
|
2125
|
-
"description": "Specify if the Label displays disabled",
|
|
2126
|
-
"values": []
|
|
2127
|
-
},
|
|
2128
|
-
{
|
|
2129
|
-
"name": "required",
|
|
2130
|
-
"description": "Specify if the Label displays as required",
|
|
2131
|
-
"values": []
|
|
2132
|
-
},
|
|
2133
|
-
{
|
|
2134
|
-
"name": "text",
|
|
2135
|
-
"description": "Specify the text for Label",
|
|
2136
|
-
"values": [{ "name": "Optional<string>" }]
|
|
2137
|
-
},
|
|
2138
|
-
{
|
|
2139
|
-
"name": "optional",
|
|
2140
|
-
"description": "Specify the text for Label",
|
|
2141
|
-
"values": [{ "name": "Optional<string>" }]
|
|
2142
|
-
},
|
|
2143
|
-
{
|
|
2144
|
-
"name": "theme",
|
|
2145
|
-
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
2146
|
-
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
2147
|
-
}
|
|
2148
|
-
],
|
|
2149
|
-
"references": [
|
|
2150
|
-
{
|
|
2151
|
-
"name": "Storybook",
|
|
2152
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
|
|
2153
|
-
}
|
|
2154
|
-
]
|
|
2155
|
-
},
|
|
2156
2119
|
{
|
|
2157
2120
|
"name": "bm-native-select",
|
|
2158
2121
|
"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",
|
|
@@ -2221,6 +2184,49 @@
|
|
|
2221
2184
|
}
|
|
2222
2185
|
]
|
|
2223
2186
|
},
|
|
2187
|
+
{
|
|
2188
|
+
"name": "bm-switch",
|
|
2189
|
+
"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.",
|
|
2190
|
+
"attributes": [
|
|
2191
|
+
{
|
|
2192
|
+
"name": "onText",
|
|
2193
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2194
|
+
"values": []
|
|
2195
|
+
},
|
|
2196
|
+
{
|
|
2197
|
+
"name": "offText",
|
|
2198
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2199
|
+
"values": []
|
|
2200
|
+
},
|
|
2201
|
+
{
|
|
2202
|
+
"name": "textPosition",
|
|
2203
|
+
"description": "Specify the position of the side label",
|
|
2204
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2205
|
+
},
|
|
2206
|
+
{
|
|
2207
|
+
"name": "readOnly",
|
|
2208
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2209
|
+
"values": []
|
|
2210
|
+
},
|
|
2211
|
+
{
|
|
2212
|
+
"name": "disabled",
|
|
2213
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2214
|
+
"values": []
|
|
2215
|
+
},
|
|
2216
|
+
{ "name": "checked", "values": [] },
|
|
2217
|
+
{
|
|
2218
|
+
"name": "value",
|
|
2219
|
+
"description": "The value attribute for the input element",
|
|
2220
|
+
"values": []
|
|
2221
|
+
}
|
|
2222
|
+
],
|
|
2223
|
+
"references": [
|
|
2224
|
+
{
|
|
2225
|
+
"name": "Storybook",
|
|
2226
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2227
|
+
}
|
|
2228
|
+
]
|
|
2229
|
+
},
|
|
2224
2230
|
{
|
|
2225
2231
|
"name": "bm-radio-button",
|
|
2226
2232
|
"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",
|
|
@@ -2274,45 +2280,39 @@
|
|
|
2274
2280
|
]
|
|
2275
2281
|
},
|
|
2276
2282
|
{
|
|
2277
|
-
"name": "bm-
|
|
2278
|
-
"description": "`bm-
|
|
2283
|
+
"name": "bm-label",
|
|
2284
|
+
"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",
|
|
2279
2285
|
"attributes": [
|
|
2280
2286
|
{
|
|
2281
|
-
"name": "
|
|
2282
|
-
"description": "Specify
|
|
2287
|
+
"name": "disabled",
|
|
2288
|
+
"description": "Specify if the Label displays disabled",
|
|
2283
2289
|
"values": []
|
|
2284
2290
|
},
|
|
2285
2291
|
{
|
|
2286
|
-
"name": "
|
|
2287
|
-
"description": "Specify
|
|
2292
|
+
"name": "required",
|
|
2293
|
+
"description": "Specify if the Label displays as required",
|
|
2288
2294
|
"values": []
|
|
2289
2295
|
},
|
|
2290
2296
|
{
|
|
2291
|
-
"name": "
|
|
2292
|
-
"description": "Specify the
|
|
2293
|
-
"values": [{ "name": "
|
|
2294
|
-
},
|
|
2295
|
-
{
|
|
2296
|
-
"name": "readOnly",
|
|
2297
|
-
"description": "Specify if Switch displays in a read-only state",
|
|
2298
|
-
"values": []
|
|
2297
|
+
"name": "text",
|
|
2298
|
+
"description": "Specify the text for Label",
|
|
2299
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2299
2300
|
},
|
|
2300
2301
|
{
|
|
2301
|
-
"name": "
|
|
2302
|
-
"description": "Specify
|
|
2303
|
-
"values": []
|
|
2302
|
+
"name": "optional",
|
|
2303
|
+
"description": "Specify the text for Label",
|
|
2304
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2304
2305
|
},
|
|
2305
|
-
{ "name": "checked", "values": [] },
|
|
2306
2306
|
{
|
|
2307
|
-
"name": "
|
|
2308
|
-
"description": "
|
|
2309
|
-
"values": []
|
|
2307
|
+
"name": "theme",
|
|
2308
|
+
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
2309
|
+
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
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-label"
|
|
2316
2316
|
}
|
|
2317
2317
|
]
|
|
2318
2318
|
},
|
|
@@ -2557,8 +2557,8 @@
|
|
|
2557
2557
|
]
|
|
2558
2558
|
},
|
|
2559
2559
|
{
|
|
2560
|
-
"name": "bm-
|
|
2561
|
-
"description": "
|
|
2560
|
+
"name": "bm-switch-group",
|
|
2561
|
+
"description": "`bm-switch-group`\n---\n\n\n### **Slots:**\n - **label** - Slot for the label of the SwitchGroup\n- **helperText** - Slot for the helper text of the SwitchGroup",
|
|
2562
2562
|
"attributes": [
|
|
2563
2563
|
{
|
|
2564
2564
|
"name": "theme",
|
|
@@ -2624,13 +2624,13 @@
|
|
|
2624
2624
|
"references": [
|
|
2625
2625
|
{
|
|
2626
2626
|
"name": "Storybook",
|
|
2627
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2627
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2628
2628
|
}
|
|
2629
2629
|
]
|
|
2630
2630
|
},
|
|
2631
2631
|
{
|
|
2632
|
-
"name": "bm-
|
|
2633
|
-
"description": "
|
|
2632
|
+
"name": "bm-radio-button-group",
|
|
2633
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
2634
2634
|
"attributes": [
|
|
2635
2635
|
{
|
|
2636
2636
|
"name": "theme",
|
|
@@ -2696,7 +2696,7 @@
|
|
|
2696
2696
|
"references": [
|
|
2697
2697
|
{
|
|
2698
2698
|
"name": "Storybook",
|
|
2699
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2699
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2700
2700
|
}
|
|
2701
2701
|
]
|
|
2702
2702
|
}
|