@viasat/beam-web-components 2.16.0 → 2.18.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 +1720 -1720
- package/package.json +6 -6
- package/vscode.html-custom-data.json +195 -195
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-web-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.18.0",
|
|
4
4
|
"description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -64,11 +64,11 @@
|
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@viasat/beam-fonts": "2.
|
|
68
|
-
"@viasat/beam-shared": "2.
|
|
69
|
-
"@viasat/beam-styles": "2.
|
|
70
|
-
"@viasat/beam-tokens": "2.
|
|
71
|
-
"@viasat/beam-icons": "2.
|
|
67
|
+
"@viasat/beam-fonts": "2.18.0",
|
|
68
|
+
"@viasat/beam-shared": "2.18.0",
|
|
69
|
+
"@viasat/beam-styles": "2.18.0",
|
|
70
|
+
"@viasat/beam-tokens": "2.18.0",
|
|
71
|
+
"@viasat/beam-icons": "2.18.0",
|
|
72
72
|
"clsx": "^1.2.1",
|
|
73
73
|
"lit": "^3.1.0",
|
|
74
74
|
"@lit/context": "^1.1.1",
|
|
@@ -61,6 +61,79 @@
|
|
|
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
|
+
},
|
|
64
137
|
{
|
|
65
138
|
"name": "bm-avatar",
|
|
66
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",
|
|
@@ -160,17 +233,12 @@
|
|
|
160
233
|
]
|
|
161
234
|
},
|
|
162
235
|
{
|
|
163
|
-
"name": "bm-badge
|
|
164
|
-
"description": "`bm-badge
|
|
236
|
+
"name": "bm-badge",
|
|
237
|
+
"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",
|
|
165
238
|
"attributes": [
|
|
166
|
-
{
|
|
167
|
-
"name": "theme",
|
|
168
|
-
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
169
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
170
|
-
},
|
|
171
239
|
{
|
|
172
240
|
"name": "appearance",
|
|
173
|
-
"description": "Specify the appearance of the
|
|
241
|
+
"description": "Specify the appearance of the Badge",
|
|
174
242
|
"values": [
|
|
175
243
|
{ "name": "infoPrimary" },
|
|
176
244
|
{ "name": "infoSecondary" },
|
|
@@ -180,30 +248,45 @@
|
|
|
180
248
|
]
|
|
181
249
|
},
|
|
182
250
|
{
|
|
183
|
-
"name": "
|
|
184
|
-
"description": "
|
|
185
|
-
"values": [{ "name": "
|
|
251
|
+
"name": "theme",
|
|
252
|
+
"description": "Theme of the Badge",
|
|
253
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
186
254
|
},
|
|
187
255
|
{
|
|
188
|
-
"name": "
|
|
189
|
-
"description": "
|
|
190
|
-
"values": []
|
|
191
|
-
}
|
|
256
|
+
"name": "size",
|
|
257
|
+
"description": "Specify the size of the Badge",
|
|
258
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
"name": "emphasis",
|
|
262
|
+
"description": "Specify the emphasis of the Badge",
|
|
263
|
+
"values": [
|
|
264
|
+
{ "name": "strong" },
|
|
265
|
+
{ "name": "medium" },
|
|
266
|
+
{ "name": "subtle" }
|
|
267
|
+
]
|
|
268
|
+
},
|
|
269
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
192
270
|
],
|
|
193
271
|
"references": [
|
|
194
272
|
{
|
|
195
273
|
"name": "Storybook",
|
|
196
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
274
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
197
275
|
}
|
|
198
276
|
]
|
|
199
277
|
},
|
|
200
278
|
{
|
|
201
|
-
"name": "bm-badge",
|
|
202
|
-
"description": "`bm-badge`\n\n### Attributes:\n- **
|
|
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",
|
|
203
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
|
+
},
|
|
204
287
|
{
|
|
205
288
|
"name": "appearance",
|
|
206
|
-
"description": "Specify the appearance of the
|
|
289
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
207
290
|
"values": [
|
|
208
291
|
{ "name": "infoPrimary" },
|
|
209
292
|
{ "name": "infoSecondary" },
|
|
@@ -212,31 +295,21 @@
|
|
|
212
295
|
{ "name": "negative" }
|
|
213
296
|
]
|
|
214
297
|
},
|
|
215
|
-
{
|
|
216
|
-
"name": "theme",
|
|
217
|
-
"description": "Theme of the Badge",
|
|
218
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
219
|
-
},
|
|
220
|
-
{
|
|
221
|
-
"name": "size",
|
|
222
|
-
"description": "Specify the size of the Badge",
|
|
223
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
224
|
-
},
|
|
225
298
|
{
|
|
226
299
|
"name": "emphasis",
|
|
227
|
-
"description": "Specify the emphasis of the
|
|
228
|
-
"values": [
|
|
229
|
-
{ "name": "strong" },
|
|
230
|
-
{ "name": "medium" },
|
|
231
|
-
{ "name": "subtle" }
|
|
232
|
-
]
|
|
300
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
301
|
+
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
233
302
|
},
|
|
234
|
-
{
|
|
303
|
+
{
|
|
304
|
+
"name": "overrideDotColor",
|
|
305
|
+
"description": "Overrides default dot color",
|
|
306
|
+
"values": []
|
|
307
|
+
}
|
|
235
308
|
],
|
|
236
309
|
"references": [
|
|
237
310
|
{
|
|
238
311
|
"name": "Storybook",
|
|
239
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
312
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
240
313
|
}
|
|
241
314
|
]
|
|
242
315
|
},
|
|
@@ -643,79 +716,6 @@
|
|
|
643
716
|
}
|
|
644
717
|
]
|
|
645
718
|
},
|
|
646
|
-
{
|
|
647
|
-
"name": "bm-alert",
|
|
648
|
-
"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",
|
|
649
|
-
"attributes": [
|
|
650
|
-
{
|
|
651
|
-
"name": "heading",
|
|
652
|
-
"description": "Specify the heading text for Alert",
|
|
653
|
-
"values": []
|
|
654
|
-
},
|
|
655
|
-
{
|
|
656
|
-
"name": "body",
|
|
657
|
-
"description": "Specify the body text for Alert",
|
|
658
|
-
"values": []
|
|
659
|
-
},
|
|
660
|
-
{
|
|
661
|
-
"name": "size",
|
|
662
|
-
"description": "Specify the size of the Alert",
|
|
663
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
664
|
-
},
|
|
665
|
-
{
|
|
666
|
-
"name": "fullWidth",
|
|
667
|
-
"description": "Specify if the Alert has no border radius",
|
|
668
|
-
"values": []
|
|
669
|
-
},
|
|
670
|
-
{
|
|
671
|
-
"name": "theme",
|
|
672
|
-
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
673
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
674
|
-
},
|
|
675
|
-
{
|
|
676
|
-
"name": "appearance",
|
|
677
|
-
"description": "Specify the appearance of the Alert",
|
|
678
|
-
"values": [
|
|
679
|
-
{ "name": "infoPrimary" },
|
|
680
|
-
{ "name": "infoSecondary" },
|
|
681
|
-
{ "name": "positive" },
|
|
682
|
-
{ "name": "warning" },
|
|
683
|
-
{ "name": "negative" }
|
|
684
|
-
]
|
|
685
|
-
},
|
|
686
|
-
{
|
|
687
|
-
"name": "hidden",
|
|
688
|
-
"description": "Specify if the Alert is hidden",
|
|
689
|
-
"values": []
|
|
690
|
-
},
|
|
691
|
-
{
|
|
692
|
-
"name": "hideIcon",
|
|
693
|
-
"description": "Specify if the icon displays on the Alert",
|
|
694
|
-
"values": []
|
|
695
|
-
},
|
|
696
|
-
{
|
|
697
|
-
"name": "dismissible",
|
|
698
|
-
"description": "Specify if the Alert can be dismissed",
|
|
699
|
-
"values": []
|
|
700
|
-
},
|
|
701
|
-
{
|
|
702
|
-
"name": "disableAutoFocus",
|
|
703
|
-
"description": "Prevent autofocus on show",
|
|
704
|
-
"values": []
|
|
705
|
-
},
|
|
706
|
-
{
|
|
707
|
-
"name": "disableCloseOnEscape",
|
|
708
|
-
"description": "Prevent Escape from closing",
|
|
709
|
-
"values": []
|
|
710
|
-
}
|
|
711
|
-
],
|
|
712
|
-
"references": [
|
|
713
|
-
{
|
|
714
|
-
"name": "Storybook",
|
|
715
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
716
|
-
}
|
|
717
|
-
]
|
|
718
|
-
},
|
|
719
719
|
{
|
|
720
720
|
"name": "bm-breadcrumb",
|
|
721
721
|
"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",
|
|
@@ -2237,92 +2237,45 @@
|
|
|
2237
2237
|
]
|
|
2238
2238
|
},
|
|
2239
2239
|
{
|
|
2240
|
-
"name": "bm-
|
|
2241
|
-
"description": "`bm-
|
|
2240
|
+
"name": "bm-switch",
|
|
2241
|
+
"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.",
|
|
2242
2242
|
"attributes": [
|
|
2243
2243
|
{
|
|
2244
|
-
"name": "
|
|
2245
|
-
"description": "Specify the
|
|
2246
|
-
"values": []
|
|
2247
|
-
},
|
|
2248
|
-
{
|
|
2249
|
-
"name": "cols",
|
|
2250
|
-
"description": "Specify the width of TextArea",
|
|
2251
|
-
"values": []
|
|
2252
|
-
},
|
|
2253
|
-
{
|
|
2254
|
-
"name": "placeholder",
|
|
2255
|
-
"description": "Specify placeholder text for TextArea",
|
|
2256
|
-
"values": []
|
|
2257
|
-
},
|
|
2258
|
-
{
|
|
2259
|
-
"name": "required",
|
|
2260
|
-
"description": "Specify if TextArea is a required input",
|
|
2244
|
+
"name": "onText",
|
|
2245
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2261
2246
|
"values": []
|
|
2262
2247
|
},
|
|
2263
2248
|
{
|
|
2264
|
-
"name": "
|
|
2265
|
-
"description": "Specify
|
|
2249
|
+
"name": "offText",
|
|
2250
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2266
2251
|
"values": []
|
|
2267
2252
|
},
|
|
2268
2253
|
{
|
|
2269
|
-
"name": "
|
|
2270
|
-
"description": "Specify
|
|
2271
|
-
"values": []
|
|
2254
|
+
"name": "textPosition",
|
|
2255
|
+
"description": "Specify the position of the side label",
|
|
2256
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2272
2257
|
},
|
|
2273
2258
|
{
|
|
2274
2259
|
"name": "readOnly",
|
|
2275
|
-
"description": "Specify if
|
|
2260
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2276
2261
|
"values": []
|
|
2277
2262
|
},
|
|
2278
2263
|
{
|
|
2279
2264
|
"name": "disabled",
|
|
2280
|
-
"description": "Specify if
|
|
2281
|
-
"values": []
|
|
2282
|
-
},
|
|
2283
|
-
{
|
|
2284
|
-
"name": "fluid",
|
|
2285
|
-
"description": "Specify if TextArea is fluid",
|
|
2286
|
-
"values": []
|
|
2287
|
-
},
|
|
2288
|
-
{
|
|
2289
|
-
"name": "width",
|
|
2290
|
-
"description": "Specify the width of TextArea",
|
|
2291
|
-
"values": []
|
|
2292
|
-
},
|
|
2293
|
-
{
|
|
2294
|
-
"name": "hideResize",
|
|
2295
|
-
"description": "Specify if TextArea can be manually resized",
|
|
2296
|
-
"values": []
|
|
2297
|
-
},
|
|
2298
|
-
{
|
|
2299
|
-
"name": "maxCount",
|
|
2300
|
-
"description": "Specify the maximum character count for the TextArea",
|
|
2265
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2301
2266
|
"values": []
|
|
2302
2267
|
},
|
|
2268
|
+
{ "name": "checked", "values": [] },
|
|
2303
2269
|
{
|
|
2304
|
-
"name": "
|
|
2305
|
-
"description": "
|
|
2270
|
+
"name": "value",
|
|
2271
|
+
"description": "The value attribute for the input element",
|
|
2306
2272
|
"values": []
|
|
2307
|
-
}
|
|
2308
|
-
{
|
|
2309
|
-
"name": "theme",
|
|
2310
|
-
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
2311
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2312
|
-
},
|
|
2313
|
-
{ "name": "id", "values": [] },
|
|
2314
|
-
{ "name": "name", "values": [] },
|
|
2315
|
-
{ "name": "value", "values": [] },
|
|
2316
|
-
{
|
|
2317
|
-
"name": "validationRules",
|
|
2318
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2319
|
-
},
|
|
2320
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2273
|
+
}
|
|
2321
2274
|
],
|
|
2322
2275
|
"references": [
|
|
2323
2276
|
{
|
|
2324
2277
|
"name": "Storybook",
|
|
2325
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2278
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2326
2279
|
}
|
|
2327
2280
|
]
|
|
2328
2281
|
},
|
|
@@ -2379,45 +2332,92 @@
|
|
|
2379
2332
|
]
|
|
2380
2333
|
},
|
|
2381
2334
|
{
|
|
2382
|
-
"name": "bm-
|
|
2383
|
-
"description": "`bm-
|
|
2335
|
+
"name": "bm-text-area",
|
|
2336
|
+
"description": "`bm-text-area`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextArea\n- **helper-text** - Specify the helper text for TextArea",
|
|
2384
2337
|
"attributes": [
|
|
2385
2338
|
{
|
|
2386
|
-
"name": "
|
|
2387
|
-
"description": "Specify
|
|
2339
|
+
"name": "rows",
|
|
2340
|
+
"description": "Specify the height of TextArea",
|
|
2388
2341
|
"values": []
|
|
2389
2342
|
},
|
|
2390
2343
|
{
|
|
2391
|
-
"name": "
|
|
2392
|
-
"description": "Specify
|
|
2344
|
+
"name": "cols",
|
|
2345
|
+
"description": "Specify the width of TextArea",
|
|
2393
2346
|
"values": []
|
|
2394
2347
|
},
|
|
2395
2348
|
{
|
|
2396
|
-
"name": "
|
|
2397
|
-
"description": "Specify
|
|
2398
|
-
"values": [
|
|
2349
|
+
"name": "placeholder",
|
|
2350
|
+
"description": "Specify placeholder text for TextArea",
|
|
2351
|
+
"values": []
|
|
2352
|
+
},
|
|
2353
|
+
{
|
|
2354
|
+
"name": "required",
|
|
2355
|
+
"description": "Specify if TextArea is a required input",
|
|
2356
|
+
"values": []
|
|
2357
|
+
},
|
|
2358
|
+
{
|
|
2359
|
+
"name": "hideRequiredMarker",
|
|
2360
|
+
"description": "Specify if the TextArea displays with an asterisk",
|
|
2361
|
+
"values": []
|
|
2362
|
+
},
|
|
2363
|
+
{
|
|
2364
|
+
"name": "error",
|
|
2365
|
+
"description": "Specify error text and display error state of a TextArea",
|
|
2366
|
+
"values": []
|
|
2399
2367
|
},
|
|
2400
2368
|
{
|
|
2401
2369
|
"name": "readOnly",
|
|
2402
|
-
"description": "Specify if
|
|
2370
|
+
"description": "Specify if TextArea displays in a read-only state",
|
|
2403
2371
|
"values": []
|
|
2404
2372
|
},
|
|
2405
2373
|
{
|
|
2406
2374
|
"name": "disabled",
|
|
2407
|
-
"description": "Specify if
|
|
2375
|
+
"description": "Specify if TextArea displays in a disabled state",
|
|
2408
2376
|
"values": []
|
|
2409
2377
|
},
|
|
2410
|
-
{ "name": "checked", "values": [] },
|
|
2411
2378
|
{
|
|
2412
|
-
"name": "
|
|
2413
|
-
"description": "
|
|
2379
|
+
"name": "fluid",
|
|
2380
|
+
"description": "Specify if TextArea is fluid",
|
|
2414
2381
|
"values": []
|
|
2415
|
-
}
|
|
2382
|
+
},
|
|
2383
|
+
{
|
|
2384
|
+
"name": "width",
|
|
2385
|
+
"description": "Specify the width of TextArea",
|
|
2386
|
+
"values": []
|
|
2387
|
+
},
|
|
2388
|
+
{
|
|
2389
|
+
"name": "hideResize",
|
|
2390
|
+
"description": "Specify if TextArea can be manually resized",
|
|
2391
|
+
"values": []
|
|
2392
|
+
},
|
|
2393
|
+
{
|
|
2394
|
+
"name": "maxCount",
|
|
2395
|
+
"description": "Specify the maximum character count for the TextArea",
|
|
2396
|
+
"values": []
|
|
2397
|
+
},
|
|
2398
|
+
{
|
|
2399
|
+
"name": "autoResize",
|
|
2400
|
+
"description": "Specify if the TextArea automatically resizes to fit the text",
|
|
2401
|
+
"values": []
|
|
2402
|
+
},
|
|
2403
|
+
{
|
|
2404
|
+
"name": "theme",
|
|
2405
|
+
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
2406
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2407
|
+
},
|
|
2408
|
+
{ "name": "id", "values": [] },
|
|
2409
|
+
{ "name": "name", "values": [] },
|
|
2410
|
+
{ "name": "value", "values": [] },
|
|
2411
|
+
{
|
|
2412
|
+
"name": "validationRules",
|
|
2413
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2414
|
+
},
|
|
2415
|
+
{ "name": "input-aria-label", "values": [] }
|
|
2416
2416
|
],
|
|
2417
2417
|
"references": [
|
|
2418
2418
|
{
|
|
2419
2419
|
"name": "Storybook",
|
|
2420
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2420
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
|
|
2421
2421
|
}
|
|
2422
2422
|
]
|
|
2423
2423
|
},
|
|
@@ -2563,8 +2563,8 @@
|
|
|
2563
2563
|
]
|
|
2564
2564
|
},
|
|
2565
2565
|
{
|
|
2566
|
-
"name": "bm-
|
|
2567
|
-
"description": "
|
|
2566
|
+
"name": "bm-switch-group",
|
|
2567
|
+
"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",
|
|
2568
2568
|
"attributes": [
|
|
2569
2569
|
{
|
|
2570
2570
|
"name": "theme",
|
|
@@ -2627,13 +2627,13 @@
|
|
|
2627
2627
|
"references": [
|
|
2628
2628
|
{
|
|
2629
2629
|
"name": "Storybook",
|
|
2630
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2630
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2631
2631
|
}
|
|
2632
2632
|
]
|
|
2633
2633
|
},
|
|
2634
2634
|
{
|
|
2635
|
-
"name": "bm-
|
|
2636
|
-
"description": "
|
|
2635
|
+
"name": "bm-radio-button-group",
|
|
2636
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
2637
2637
|
"attributes": [
|
|
2638
2638
|
{
|
|
2639
2639
|
"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
|
}
|