@viasat/beam-web-components 2.13.0 → 2.14.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 +2766 -2766
- package/package.json +6 -6
- package/vscode.html-custom-data.json +327 -327
|
@@ -62,258 +62,160 @@
|
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "bm-
|
|
66
|
-
"description": "`bm-
|
|
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
67
|
"attributes": [
|
|
68
68
|
{
|
|
69
|
-
"name": "
|
|
70
|
-
"description": "Specify the
|
|
71
|
-
"values": [
|
|
72
|
-
{ "name": "infoPrimary" },
|
|
73
|
-
{ "name": "infoSecondary" },
|
|
74
|
-
{ "name": "positive" },
|
|
75
|
-
{ "name": "warning" },
|
|
76
|
-
{ "name": "negative" }
|
|
77
|
-
]
|
|
69
|
+
"name": "heading",
|
|
70
|
+
"description": "Specify the heading text for Alert",
|
|
71
|
+
"values": []
|
|
78
72
|
},
|
|
79
73
|
{
|
|
80
|
-
"name": "
|
|
81
|
-
"description": "
|
|
82
|
-
"values": [
|
|
74
|
+
"name": "body",
|
|
75
|
+
"description": "Specify the body text for Alert",
|
|
76
|
+
"values": []
|
|
83
77
|
},
|
|
84
78
|
{
|
|
85
79
|
"name": "size",
|
|
86
|
-
"description": "Specify the size of the
|
|
80
|
+
"description": "Specify the size of the Alert",
|
|
87
81
|
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
88
82
|
},
|
|
89
83
|
{
|
|
90
|
-
"name": "
|
|
91
|
-
"description": "Specify the
|
|
92
|
-
"values": [
|
|
93
|
-
{ "name": "strong" },
|
|
94
|
-
{ "name": "medium" },
|
|
95
|
-
{ "name": "subtle" }
|
|
96
|
-
]
|
|
84
|
+
"name": "fullWidth",
|
|
85
|
+
"description": "Specify if the Alert has no border radius",
|
|
86
|
+
"values": []
|
|
97
87
|
},
|
|
98
|
-
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
99
|
-
],
|
|
100
|
-
"references": [
|
|
101
|
-
{
|
|
102
|
-
"name": "Storybook",
|
|
103
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
104
|
-
}
|
|
105
|
-
]
|
|
106
|
-
},
|
|
107
|
-
{
|
|
108
|
-
"name": "bm-badge-dot",
|
|
109
|
-
"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",
|
|
110
|
-
"attributes": [
|
|
111
88
|
{
|
|
112
89
|
"name": "theme",
|
|
113
|
-
"description": "Specify the theme of the
|
|
90
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
114
91
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
115
92
|
},
|
|
116
93
|
{
|
|
117
94
|
"name": "appearance",
|
|
118
|
-
"description": "Specify the appearance of the
|
|
95
|
+
"description": "Specify the appearance of the Alert",
|
|
119
96
|
"values": [
|
|
120
|
-
{ "name": "primary" },
|
|
121
|
-
{ "name": "secondary" },
|
|
122
97
|
{ "name": "infoPrimary" },
|
|
123
98
|
{ "name": "infoSecondary" },
|
|
124
99
|
{ "name": "positive" },
|
|
125
100
|
{ "name": "warning" },
|
|
126
|
-
{ "name": "negative" }
|
|
127
|
-
{ "name": "inverse" },
|
|
128
|
-
{ "name": "secondaryInverse" }
|
|
101
|
+
{ "name": "negative" }
|
|
129
102
|
]
|
|
130
103
|
},
|
|
131
104
|
{
|
|
132
|
-
"name": "
|
|
133
|
-
"description": "Specify the
|
|
134
|
-
"values": [{ "name": "Emphasis" }]
|
|
135
|
-
},
|
|
136
|
-
{
|
|
137
|
-
"name": "overrideDotColor",
|
|
138
|
-
"description": "Overrides default dot color",
|
|
139
|
-
"values": []
|
|
140
|
-
}
|
|
141
|
-
],
|
|
142
|
-
"references": [
|
|
143
|
-
{
|
|
144
|
-
"name": "Storybook",
|
|
145
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
146
|
-
}
|
|
147
|
-
]
|
|
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",
|
|
105
|
+
"name": "hidden",
|
|
106
|
+
"description": "Specify if the Alert is hidden",
|
|
161
107
|
"values": []
|
|
162
108
|
},
|
|
163
109
|
{
|
|
164
|
-
"name": "
|
|
165
|
-
"description": "
|
|
110
|
+
"name": "hideIcon",
|
|
111
|
+
"description": "Specify if the icon displays on the Alert",
|
|
166
112
|
"values": []
|
|
167
113
|
},
|
|
168
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
169
114
|
{
|
|
170
|
-
"name": "
|
|
171
|
-
"description": "Specify the
|
|
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",
|
|
115
|
+
"name": "dismissible",
|
|
116
|
+
"description": "Specify if the Alert can be dismissed",
|
|
183
117
|
"values": []
|
|
184
118
|
},
|
|
185
119
|
{
|
|
186
|
-
"name": "
|
|
187
|
-
"description": "
|
|
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",
|
|
120
|
+
"name": "disableAutoFocus",
|
|
121
|
+
"description": "Prevent autofocus on show",
|
|
193
122
|
"values": []
|
|
194
123
|
},
|
|
195
124
|
{
|
|
196
|
-
"name": "
|
|
197
|
-
"description": "
|
|
125
|
+
"name": "disableCloseOnEscape",
|
|
126
|
+
"description": "Prevent Escape from closing",
|
|
198
127
|
"values": []
|
|
199
|
-
}
|
|
200
|
-
{ "name": "withBorder", "values": [] }
|
|
128
|
+
}
|
|
201
129
|
],
|
|
202
130
|
"references": [
|
|
203
131
|
{
|
|
204
132
|
"name": "Storybook",
|
|
205
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
133
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
206
134
|
}
|
|
207
135
|
]
|
|
208
136
|
},
|
|
209
137
|
{
|
|
210
|
-
"name": "bm-
|
|
211
|
-
"description": "`bm-
|
|
138
|
+
"name": "bm-badge",
|
|
139
|
+
"description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
|
|
212
140
|
"attributes": [
|
|
213
141
|
{
|
|
214
|
-
"name": "
|
|
215
|
-
"description": "Specify
|
|
216
|
-
"values": [
|
|
142
|
+
"name": "appearance",
|
|
143
|
+
"description": "Specify the appearance of the Badge",
|
|
144
|
+
"values": [
|
|
145
|
+
{ "name": "infoPrimary" },
|
|
146
|
+
{ "name": "infoSecondary" },
|
|
147
|
+
{ "name": "positive" },
|
|
148
|
+
{ "name": "warning" },
|
|
149
|
+
{ "name": "negative" }
|
|
150
|
+
]
|
|
217
151
|
},
|
|
218
152
|
{
|
|
219
|
-
"name": "
|
|
220
|
-
"description": "
|
|
221
|
-
"values": []
|
|
153
|
+
"name": "theme",
|
|
154
|
+
"description": "Theme of the Badge",
|
|
155
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
222
156
|
},
|
|
223
157
|
{
|
|
224
158
|
"name": "size",
|
|
225
|
-
"description": "Specify the size of
|
|
159
|
+
"description": "Specify the size of the Badge",
|
|
160
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"name": "emphasis",
|
|
164
|
+
"description": "Specify the emphasis of the Badge",
|
|
226
165
|
"values": [
|
|
227
|
-
{ "name": "
|
|
228
|
-
{ "name": "
|
|
229
|
-
{ "name": "
|
|
230
|
-
{ "name": "lg" },
|
|
231
|
-
{ "name": "xl" }
|
|
166
|
+
{ "name": "strong" },
|
|
167
|
+
{ "name": "medium" },
|
|
168
|
+
{ "name": "subtle" }
|
|
232
169
|
]
|
|
233
170
|
},
|
|
234
|
-
{
|
|
235
|
-
"name": "layout",
|
|
236
|
-
"description": "Specify the kind of the group.",
|
|
237
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
238
|
-
}
|
|
171
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
239
172
|
],
|
|
240
173
|
"references": [
|
|
241
174
|
{
|
|
242
175
|
"name": "Storybook",
|
|
243
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
176
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
244
177
|
}
|
|
245
178
|
]
|
|
246
179
|
},
|
|
247
180
|
{
|
|
248
|
-
"name": "bm-
|
|
249
|
-
"description": "`bm-
|
|
181
|
+
"name": "bm-badge-dot",
|
|
182
|
+
"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",
|
|
250
183
|
"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
184
|
{
|
|
272
185
|
"name": "theme",
|
|
273
|
-
"description": "Specify the theme of the
|
|
186
|
+
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
274
187
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
275
188
|
},
|
|
276
189
|
{
|
|
277
190
|
"name": "appearance",
|
|
278
|
-
"description": "Specify the appearance of the
|
|
191
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
279
192
|
"values": [
|
|
193
|
+
{ "name": "primary" },
|
|
194
|
+
{ "name": "secondary" },
|
|
280
195
|
{ "name": "infoPrimary" },
|
|
281
196
|
{ "name": "infoSecondary" },
|
|
282
197
|
{ "name": "positive" },
|
|
283
198
|
{ "name": "warning" },
|
|
284
|
-
{ "name": "negative" }
|
|
199
|
+
{ "name": "negative" },
|
|
200
|
+
{ "name": "inverse" },
|
|
201
|
+
{ "name": "secondaryInverse" }
|
|
285
202
|
]
|
|
286
203
|
},
|
|
287
204
|
{
|
|
288
|
-
"name": "
|
|
289
|
-
"description": "Specify
|
|
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": []
|
|
205
|
+
"name": "emphasis",
|
|
206
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
207
|
+
"values": [{ "name": "Emphasis" }]
|
|
306
208
|
},
|
|
307
209
|
{
|
|
308
|
-
"name": "
|
|
309
|
-
"description": "
|
|
210
|
+
"name": "overrideDotColor",
|
|
211
|
+
"description": "Overrides default dot color",
|
|
310
212
|
"values": []
|
|
311
213
|
}
|
|
312
214
|
],
|
|
313
215
|
"references": [
|
|
314
216
|
{
|
|
315
217
|
"name": "Storybook",
|
|
316
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
218
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
317
219
|
}
|
|
318
220
|
]
|
|
319
221
|
},
|
|
@@ -720,6 +622,104 @@
|
|
|
720
622
|
}
|
|
721
623
|
]
|
|
722
624
|
},
|
|
625
|
+
{
|
|
626
|
+
"name": "bm-avatar",
|
|
627
|
+
"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",
|
|
628
|
+
"attributes": [
|
|
629
|
+
{
|
|
630
|
+
"name": "appearance",
|
|
631
|
+
"description": "Specify the appearance of the Avatar",
|
|
632
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
"name": "name",
|
|
636
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
637
|
+
"values": []
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"name": "src",
|
|
641
|
+
"description": "Pass an image to the Avatar",
|
|
642
|
+
"values": []
|
|
643
|
+
},
|
|
644
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
645
|
+
{
|
|
646
|
+
"name": "size",
|
|
647
|
+
"description": "Specify the size of the Avatar",
|
|
648
|
+
"values": [
|
|
649
|
+
{ "name": "xs" },
|
|
650
|
+
{ "name": "sm" },
|
|
651
|
+
{ "name": "md" },
|
|
652
|
+
{ "name": "lg" },
|
|
653
|
+
{ "name": "xl" }
|
|
654
|
+
]
|
|
655
|
+
},
|
|
656
|
+
{
|
|
657
|
+
"name": "disabled",
|
|
658
|
+
"description": "Specify if the Avatar is disabled",
|
|
659
|
+
"values": []
|
|
660
|
+
},
|
|
661
|
+
{
|
|
662
|
+
"name": "shape",
|
|
663
|
+
"description": "Specify the shape of the Avatar",
|
|
664
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"name": "isInteractive",
|
|
668
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
669
|
+
"values": []
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"name": "isFocusable",
|
|
673
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
674
|
+
"values": []
|
|
675
|
+
},
|
|
676
|
+
{ "name": "withBorder", "values": [] }
|
|
677
|
+
],
|
|
678
|
+
"references": [
|
|
679
|
+
{
|
|
680
|
+
"name": "Storybook",
|
|
681
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
682
|
+
}
|
|
683
|
+
]
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"name": "bm-avatar-group",
|
|
687
|
+
"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",
|
|
688
|
+
"attributes": [
|
|
689
|
+
{
|
|
690
|
+
"name": "wrapping",
|
|
691
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
692
|
+
"values": []
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"name": "maxCount",
|
|
696
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
697
|
+
"values": []
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
"name": "size",
|
|
701
|
+
"description": "Specify the size of all Avatars",
|
|
702
|
+
"values": [
|
|
703
|
+
{ "name": "xs" },
|
|
704
|
+
{ "name": "sm" },
|
|
705
|
+
{ "name": "md" },
|
|
706
|
+
{ "name": "lg" },
|
|
707
|
+
{ "name": "xl" }
|
|
708
|
+
]
|
|
709
|
+
},
|
|
710
|
+
{
|
|
711
|
+
"name": "layout",
|
|
712
|
+
"description": "Specify the kind of the group.",
|
|
713
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
714
|
+
}
|
|
715
|
+
],
|
|
716
|
+
"references": [
|
|
717
|
+
{
|
|
718
|
+
"name": "Storybook",
|
|
719
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
720
|
+
}
|
|
721
|
+
]
|
|
722
|
+
},
|
|
723
723
|
{
|
|
724
724
|
"name": "bm-breadcrumb",
|
|
725
725
|
"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",
|
|
@@ -1710,136 +1710,54 @@
|
|
|
1710
1710
|
"attributes": [
|
|
1711
1711
|
{
|
|
1712
1712
|
"name": "theme",
|
|
1713
|
-
"description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
|
|
1714
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1715
|
-
},
|
|
1716
|
-
{
|
|
1717
|
-
"name": "label",
|
|
1718
|
-
"description": "Specify the text for the label",
|
|
1719
|
-
"values": []
|
|
1720
|
-
},
|
|
1721
|
-
{
|
|
1722
|
-
"name": "name",
|
|
1723
|
-
"description": "Specify the checkbox name",
|
|
1724
|
-
"values": []
|
|
1725
|
-
},
|
|
1726
|
-
{
|
|
1727
|
-
"name": "value",
|
|
1728
|
-
"description": "Specify the checkbox value",
|
|
1729
|
-
"values": []
|
|
1730
|
-
},
|
|
1731
|
-
{
|
|
1732
|
-
"name": "error",
|
|
1733
|
-
"description": "Specify error text and display error state of a Checkbox",
|
|
1734
|
-
"values": []
|
|
1735
|
-
},
|
|
1736
|
-
{
|
|
1737
|
-
"name": "readOnly",
|
|
1738
|
-
"description": "Specify if Checkbox displays in a read-only state",
|
|
1739
|
-
"values": []
|
|
1740
|
-
},
|
|
1741
|
-
{
|
|
1742
|
-
"name": "indeterminate",
|
|
1743
|
-
"description": "Specify if Checkbox displays in an indeterminate state",
|
|
1744
|
-
"values": []
|
|
1745
|
-
},
|
|
1746
|
-
{
|
|
1747
|
-
"name": "disabled",
|
|
1748
|
-
"description": "Specify if Checkbox displays in disabled state",
|
|
1749
|
-
"values": []
|
|
1750
|
-
},
|
|
1751
|
-
{
|
|
1752
|
-
"name": "checked",
|
|
1753
|
-
"description": "Specify if Checkbox is checked",
|
|
1754
|
-
"values": []
|
|
1755
|
-
}
|
|
1756
|
-
],
|
|
1757
|
-
"references": [
|
|
1758
|
-
{
|
|
1759
|
-
"name": "Storybook",
|
|
1760
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-checkbox"
|
|
1761
|
-
}
|
|
1762
|
-
]
|
|
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>" }]
|
|
1713
|
+
"description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
|
|
1714
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1781
1715
|
},
|
|
1782
1716
|
{
|
|
1783
|
-
"name": "
|
|
1784
|
-
"description": "Specify
|
|
1717
|
+
"name": "label",
|
|
1718
|
+
"description": "Specify the text for the label",
|
|
1785
1719
|
"values": []
|
|
1786
1720
|
},
|
|
1787
1721
|
{
|
|
1788
|
-
"name": "
|
|
1789
|
-
"description": "Specify
|
|
1722
|
+
"name": "name",
|
|
1723
|
+
"description": "Specify the checkbox name",
|
|
1790
1724
|
"values": []
|
|
1791
1725
|
},
|
|
1792
1726
|
{
|
|
1793
|
-
"name": "
|
|
1794
|
-
"description": "Specify
|
|
1727
|
+
"name": "value",
|
|
1728
|
+
"description": "Specify the checkbox value",
|
|
1795
1729
|
"values": []
|
|
1796
1730
|
},
|
|
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
1731
|
{
|
|
1814
|
-
"name": "
|
|
1815
|
-
"description": "Specify
|
|
1732
|
+
"name": "error",
|
|
1733
|
+
"description": "Specify error text and display error state of a Checkbox",
|
|
1816
1734
|
"values": []
|
|
1817
1735
|
},
|
|
1818
1736
|
{
|
|
1819
|
-
"name": "
|
|
1820
|
-
"description": "Specify if
|
|
1737
|
+
"name": "readOnly",
|
|
1738
|
+
"description": "Specify if Checkbox displays in a read-only state",
|
|
1821
1739
|
"values": []
|
|
1822
1740
|
},
|
|
1823
1741
|
{
|
|
1824
|
-
"name": "
|
|
1825
|
-
"description": "Specify
|
|
1826
|
-
"values": [
|
|
1742
|
+
"name": "indeterminate",
|
|
1743
|
+
"description": "Specify if Checkbox displays in an indeterminate state",
|
|
1744
|
+
"values": []
|
|
1827
1745
|
},
|
|
1828
1746
|
{
|
|
1829
|
-
"name": "
|
|
1830
|
-
"description": "Specify
|
|
1831
|
-
"values": [
|
|
1747
|
+
"name": "disabled",
|
|
1748
|
+
"description": "Specify if Checkbox displays in disabled state",
|
|
1749
|
+
"values": []
|
|
1832
1750
|
},
|
|
1833
1751
|
{
|
|
1834
|
-
"name": "
|
|
1835
|
-
"description": "Specify
|
|
1836
|
-
"values": [
|
|
1752
|
+
"name": "checked",
|
|
1753
|
+
"description": "Specify if Checkbox is checked",
|
|
1754
|
+
"values": []
|
|
1837
1755
|
}
|
|
1838
1756
|
],
|
|
1839
1757
|
"references": [
|
|
1840
1758
|
{
|
|
1841
1759
|
"name": "Storybook",
|
|
1842
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
1760
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-checkbox"
|
|
1843
1761
|
}
|
|
1844
1762
|
]
|
|
1845
1763
|
},
|
|
@@ -2153,6 +2071,88 @@
|
|
|
2153
2071
|
}
|
|
2154
2072
|
]
|
|
2155
2073
|
},
|
|
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-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
2156
|
{
|
|
2157
2157
|
"name": "bm-native-select",
|
|
2158
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",
|
|
@@ -2221,6 +2221,58 @@
|
|
|
2221
2221
|
}
|
|
2222
2222
|
]
|
|
2223
2223
|
},
|
|
2224
|
+
{
|
|
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",
|
|
2227
|
+
"attributes": [
|
|
2228
|
+
{
|
|
2229
|
+
"name": "label",
|
|
2230
|
+
"description": "Specify the text for the label",
|
|
2231
|
+
"values": []
|
|
2232
|
+
},
|
|
2233
|
+
{
|
|
2234
|
+
"name": "error",
|
|
2235
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2236
|
+
"values": []
|
|
2237
|
+
},
|
|
2238
|
+
{
|
|
2239
|
+
"name": "readOnly",
|
|
2240
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2241
|
+
"values": []
|
|
2242
|
+
},
|
|
2243
|
+
{
|
|
2244
|
+
"name": "disabled",
|
|
2245
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2246
|
+
"values": []
|
|
2247
|
+
},
|
|
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
|
+
},
|
|
2253
|
+
{
|
|
2254
|
+
"name": "value",
|
|
2255
|
+
"description": "The value attribute for the input element",
|
|
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" }]
|
|
2267
|
+
}
|
|
2268
|
+
],
|
|
2269
|
+
"references": [
|
|
2270
|
+
{
|
|
2271
|
+
"name": "Storybook",
|
|
2272
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2273
|
+
}
|
|
2274
|
+
]
|
|
2275
|
+
},
|
|
2224
2276
|
{
|
|
2225
2277
|
"name": "bm-switch",
|
|
2226
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.",
|
|
@@ -2432,58 +2484,6 @@
|
|
|
2432
2484
|
}
|
|
2433
2485
|
]
|
|
2434
2486
|
},
|
|
2435
|
-
{
|
|
2436
|
-
"name": "bm-radio-button",
|
|
2437
|
-
"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",
|
|
2438
|
-
"attributes": [
|
|
2439
|
-
{
|
|
2440
|
-
"name": "label",
|
|
2441
|
-
"description": "Specify the text for the label",
|
|
2442
|
-
"values": []
|
|
2443
|
-
},
|
|
2444
|
-
{
|
|
2445
|
-
"name": "error",
|
|
2446
|
-
"description": "Specify error text and display error state of a RadioButton",
|
|
2447
|
-
"values": []
|
|
2448
|
-
},
|
|
2449
|
-
{
|
|
2450
|
-
"name": "readOnly",
|
|
2451
|
-
"description": "Specify if RadioButton displays in a read-only state",
|
|
2452
|
-
"values": []
|
|
2453
|
-
},
|
|
2454
|
-
{
|
|
2455
|
-
"name": "disabled",
|
|
2456
|
-
"description": "Specify if RadioButton displays in a disabled state",
|
|
2457
|
-
"values": []
|
|
2458
|
-
},
|
|
2459
|
-
{
|
|
2460
|
-
"name": "theme",
|
|
2461
|
-
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2462
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2463
|
-
},
|
|
2464
|
-
{
|
|
2465
|
-
"name": "value",
|
|
2466
|
-
"description": "The value attribute for the input element",
|
|
2467
|
-
"values": []
|
|
2468
|
-
},
|
|
2469
|
-
{
|
|
2470
|
-
"name": "checked",
|
|
2471
|
-
"description": "The checked attribute for the input element",
|
|
2472
|
-
"values": []
|
|
2473
|
-
},
|
|
2474
|
-
{
|
|
2475
|
-
"name": "onKeyDown",
|
|
2476
|
-
"description": "A user-defined function to handle keydown events",
|
|
2477
|
-
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2478
|
-
}
|
|
2479
|
-
],
|
|
2480
|
-
"references": [
|
|
2481
|
-
{
|
|
2482
|
-
"name": "Storybook",
|
|
2483
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2484
|
-
}
|
|
2485
|
-
]
|
|
2486
|
-
},
|
|
2487
2487
|
{
|
|
2488
2488
|
"name": "bm-checkbox-group",
|
|
2489
2489
|
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
@@ -2557,8 +2557,8 @@
|
|
|
2557
2557
|
]
|
|
2558
2558
|
},
|
|
2559
2559
|
{
|
|
2560
|
-
"name": "bm-
|
|
2561
|
-
"description": "
|
|
2560
|
+
"name": "bm-radio-button-group",
|
|
2561
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
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-radiobutton"
|
|
2628
2628
|
}
|
|
2629
2629
|
]
|
|
2630
2630
|
},
|
|
2631
2631
|
{
|
|
2632
|
-
"name": "bm-
|
|
2633
|
-
"description": "
|
|
2632
|
+
"name": "bm-switch-group",
|
|
2633
|
+
"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",
|
|
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-switch"
|
|
2700
2700
|
}
|
|
2701
2701
|
]
|
|
2702
2702
|
}
|