@viasat/beam-web-components 2.39.3 → 2.40.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 +2780 -2780
- package/package.json +6 -6
- package/vscode.html-custom-data.json +323 -323
|
@@ -62,100 +62,75 @@
|
|
|
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": [{ "name": "accent" }, { "name": "neutral" }]
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"name": "name",
|
|
75
|
-
"description": "Specify a name to display initials in the Avatar",
|
|
69
|
+
"name": "heading",
|
|
70
|
+
"description": "Specify the heading text for Alert",
|
|
76
71
|
"values": []
|
|
77
72
|
},
|
|
78
73
|
{
|
|
79
|
-
"name": "
|
|
80
|
-
"description": "
|
|
74
|
+
"name": "body",
|
|
75
|
+
"description": "Specify the body text for Alert",
|
|
81
76
|
"values": []
|
|
82
77
|
},
|
|
83
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
84
78
|
{
|
|
85
79
|
"name": "size",
|
|
86
|
-
"description": "Specify the size of the
|
|
87
|
-
"values": [
|
|
88
|
-
{ "name": "xs" },
|
|
89
|
-
{ "name": "sm" },
|
|
90
|
-
{ "name": "md" },
|
|
91
|
-
{ "name": "lg" },
|
|
92
|
-
{ "name": "xl" }
|
|
93
|
-
]
|
|
80
|
+
"description": "Specify the size of the Alert",
|
|
81
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
94
82
|
},
|
|
95
83
|
{
|
|
96
|
-
"name": "
|
|
97
|
-
"description": "Specify if the
|
|
84
|
+
"name": "fullWidth",
|
|
85
|
+
"description": "Specify if the Alert has no border radius",
|
|
98
86
|
"values": []
|
|
99
87
|
},
|
|
100
88
|
{
|
|
101
|
-
"name": "
|
|
102
|
-
"description": "Specify the
|
|
103
|
-
"values": [{ "name": "
|
|
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" }]
|
|
104
92
|
},
|
|
105
93
|
{
|
|
106
|
-
"name": "
|
|
107
|
-
"description": "
|
|
108
|
-
"values": [
|
|
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
|
+
]
|
|
109
103
|
},
|
|
110
104
|
{
|
|
111
|
-
"name": "
|
|
112
|
-
"description": "
|
|
105
|
+
"name": "hidden",
|
|
106
|
+
"description": "Specify if the Alert is hidden",
|
|
113
107
|
"values": []
|
|
114
108
|
},
|
|
115
|
-
{ "name": "withBorder", "values": [] }
|
|
116
|
-
],
|
|
117
|
-
"references": [
|
|
118
109
|
{
|
|
119
|
-
"name": "
|
|
120
|
-
"
|
|
121
|
-
}
|
|
122
|
-
]
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
"name": "bm-avatar-group",
|
|
126
|
-
"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",
|
|
127
|
-
"attributes": [
|
|
128
|
-
{
|
|
129
|
-
"name": "wrapping",
|
|
130
|
-
"description": "Specify if the AvatarGroup wraps",
|
|
110
|
+
"name": "hideIcon",
|
|
111
|
+
"description": "Specify if the icon displays on the Alert",
|
|
131
112
|
"values": []
|
|
132
113
|
},
|
|
133
114
|
{
|
|
134
|
-
"name": "
|
|
135
|
-
"description": "Specify the
|
|
115
|
+
"name": "dismissible",
|
|
116
|
+
"description": "Specify if the Alert can be dismissed",
|
|
136
117
|
"values": []
|
|
137
118
|
},
|
|
138
119
|
{
|
|
139
|
-
"name": "
|
|
140
|
-
"description": "
|
|
141
|
-
"values": [
|
|
142
|
-
{ "name": "xs" },
|
|
143
|
-
{ "name": "sm" },
|
|
144
|
-
{ "name": "md" },
|
|
145
|
-
{ "name": "lg" },
|
|
146
|
-
{ "name": "xl" }
|
|
147
|
-
]
|
|
120
|
+
"name": "disableAutoFocus",
|
|
121
|
+
"description": "Prevent autofocus on show",
|
|
122
|
+
"values": []
|
|
148
123
|
},
|
|
149
124
|
{
|
|
150
|
-
"name": "
|
|
151
|
-
"description": "
|
|
152
|
-
"values": [
|
|
125
|
+
"name": "disableCloseOnEscape",
|
|
126
|
+
"description": "Prevent Escape from closing",
|
|
127
|
+
"values": []
|
|
153
128
|
}
|
|
154
129
|
],
|
|
155
130
|
"references": [
|
|
156
131
|
{
|
|
157
132
|
"name": "Storybook",
|
|
158
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
133
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
159
134
|
}
|
|
160
135
|
]
|
|
161
136
|
},
|
|
@@ -203,37 +178,17 @@
|
|
|
203
178
|
]
|
|
204
179
|
},
|
|
205
180
|
{
|
|
206
|
-
"name": "bm-
|
|
207
|
-
"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",
|
|
208
183
|
"attributes": [
|
|
209
|
-
{
|
|
210
|
-
"name": "heading",
|
|
211
|
-
"description": "Specify the heading text for Alert",
|
|
212
|
-
"values": []
|
|
213
|
-
},
|
|
214
|
-
{
|
|
215
|
-
"name": "body",
|
|
216
|
-
"description": "Specify the body text for Alert",
|
|
217
|
-
"values": []
|
|
218
|
-
},
|
|
219
|
-
{
|
|
220
|
-
"name": "size",
|
|
221
|
-
"description": "Specify the size of the Alert",
|
|
222
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
223
|
-
},
|
|
224
|
-
{
|
|
225
|
-
"name": "fullWidth",
|
|
226
|
-
"description": "Specify if the Alert has no border radius",
|
|
227
|
-
"values": []
|
|
228
|
-
},
|
|
229
184
|
{
|
|
230
185
|
"name": "theme",
|
|
231
|
-
"description": "Specify the theme of the
|
|
186
|
+
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
232
187
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
233
188
|
},
|
|
234
189
|
{
|
|
235
190
|
"name": "appearance",
|
|
236
|
-
"description": "Specify the appearance of the
|
|
191
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
237
192
|
"values": [
|
|
238
193
|
{ "name": "infoPrimary" },
|
|
239
194
|
{ "name": "infoSecondary" },
|
|
@@ -243,35 +198,20 @@
|
|
|
243
198
|
]
|
|
244
199
|
},
|
|
245
200
|
{
|
|
246
|
-
"name": "
|
|
247
|
-
"description": "Specify
|
|
248
|
-
"values": []
|
|
249
|
-
},
|
|
250
|
-
{
|
|
251
|
-
"name": "hideIcon",
|
|
252
|
-
"description": "Specify if the icon displays on the Alert",
|
|
253
|
-
"values": []
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"name": "dismissible",
|
|
257
|
-
"description": "Specify if the Alert can be dismissed",
|
|
258
|
-
"values": []
|
|
259
|
-
},
|
|
260
|
-
{
|
|
261
|
-
"name": "disableAutoFocus",
|
|
262
|
-
"description": "Prevent autofocus on show",
|
|
263
|
-
"values": []
|
|
201
|
+
"name": "emphasis",
|
|
202
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
203
|
+
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
264
204
|
},
|
|
265
205
|
{
|
|
266
|
-
"name": "
|
|
267
|
-
"description": "
|
|
206
|
+
"name": "overrideDotColor",
|
|
207
|
+
"description": "Overrides default dot color",
|
|
268
208
|
"values": []
|
|
269
209
|
}
|
|
270
210
|
],
|
|
271
211
|
"references": [
|
|
272
212
|
{
|
|
273
213
|
"name": "Storybook",
|
|
274
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
214
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
275
215
|
}
|
|
276
216
|
]
|
|
277
217
|
},
|
|
@@ -678,6 +618,104 @@
|
|
|
678
618
|
}
|
|
679
619
|
]
|
|
680
620
|
},
|
|
621
|
+
{
|
|
622
|
+
"name": "bm-avatar",
|
|
623
|
+
"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",
|
|
624
|
+
"attributes": [
|
|
625
|
+
{
|
|
626
|
+
"name": "appearance",
|
|
627
|
+
"description": "Specify the appearance of the Avatar",
|
|
628
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
629
|
+
},
|
|
630
|
+
{
|
|
631
|
+
"name": "name",
|
|
632
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
633
|
+
"values": []
|
|
634
|
+
},
|
|
635
|
+
{
|
|
636
|
+
"name": "src",
|
|
637
|
+
"description": "Pass an image to the Avatar",
|
|
638
|
+
"values": []
|
|
639
|
+
},
|
|
640
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
641
|
+
{
|
|
642
|
+
"name": "size",
|
|
643
|
+
"description": "Specify the size of the Avatar",
|
|
644
|
+
"values": [
|
|
645
|
+
{ "name": "xs" },
|
|
646
|
+
{ "name": "sm" },
|
|
647
|
+
{ "name": "md" },
|
|
648
|
+
{ "name": "lg" },
|
|
649
|
+
{ "name": "xl" }
|
|
650
|
+
]
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"name": "disabled",
|
|
654
|
+
"description": "Specify if the Avatar is disabled",
|
|
655
|
+
"values": []
|
|
656
|
+
},
|
|
657
|
+
{
|
|
658
|
+
"name": "shape",
|
|
659
|
+
"description": "Specify the shape of the Avatar",
|
|
660
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"name": "isInteractive",
|
|
664
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
665
|
+
"values": []
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "isFocusable",
|
|
669
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
670
|
+
"values": []
|
|
671
|
+
},
|
|
672
|
+
{ "name": "withBorder", "values": [] }
|
|
673
|
+
],
|
|
674
|
+
"references": [
|
|
675
|
+
{
|
|
676
|
+
"name": "Storybook",
|
|
677
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
678
|
+
}
|
|
679
|
+
]
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"name": "bm-avatar-group",
|
|
683
|
+
"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",
|
|
684
|
+
"attributes": [
|
|
685
|
+
{
|
|
686
|
+
"name": "wrapping",
|
|
687
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
688
|
+
"values": []
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"name": "maxCount",
|
|
692
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
693
|
+
"values": []
|
|
694
|
+
},
|
|
695
|
+
{
|
|
696
|
+
"name": "size",
|
|
697
|
+
"description": "Specify the size of all Avatars",
|
|
698
|
+
"values": [
|
|
699
|
+
{ "name": "xs" },
|
|
700
|
+
{ "name": "sm" },
|
|
701
|
+
{ "name": "md" },
|
|
702
|
+
{ "name": "lg" },
|
|
703
|
+
{ "name": "xl" }
|
|
704
|
+
]
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "layout",
|
|
708
|
+
"description": "Specify the kind of the group.",
|
|
709
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
710
|
+
}
|
|
711
|
+
],
|
|
712
|
+
"references": [
|
|
713
|
+
{
|
|
714
|
+
"name": "Storybook",
|
|
715
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
716
|
+
}
|
|
717
|
+
]
|
|
718
|
+
},
|
|
681
719
|
{
|
|
682
720
|
"name": "bm-breadcrumb",
|
|
683
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",
|
|
@@ -739,44 +777,6 @@
|
|
|
739
777
|
}
|
|
740
778
|
]
|
|
741
779
|
},
|
|
742
|
-
{
|
|
743
|
-
"name": "bm-badge-dot",
|
|
744
|
-
"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",
|
|
745
|
-
"attributes": [
|
|
746
|
-
{
|
|
747
|
-
"name": "theme",
|
|
748
|
-
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
749
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
750
|
-
},
|
|
751
|
-
{
|
|
752
|
-
"name": "appearance",
|
|
753
|
-
"description": "Specify the appearance of the BadgeDot",
|
|
754
|
-
"values": [
|
|
755
|
-
{ "name": "infoPrimary" },
|
|
756
|
-
{ "name": "infoSecondary" },
|
|
757
|
-
{ "name": "positive" },
|
|
758
|
-
{ "name": "warning" },
|
|
759
|
-
{ "name": "negative" }
|
|
760
|
-
]
|
|
761
|
-
},
|
|
762
|
-
{
|
|
763
|
-
"name": "emphasis",
|
|
764
|
-
"description": "Specify the emphasis of the BadgeDot",
|
|
765
|
-
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
766
|
-
},
|
|
767
|
-
{
|
|
768
|
-
"name": "overrideDotColor",
|
|
769
|
-
"description": "Overrides default dot color",
|
|
770
|
-
"values": []
|
|
771
|
-
}
|
|
772
|
-
],
|
|
773
|
-
"references": [
|
|
774
|
-
{
|
|
775
|
-
"name": "Storybook",
|
|
776
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
777
|
-
}
|
|
778
|
-
]
|
|
779
|
-
},
|
|
780
780
|
{
|
|
781
781
|
"name": "bm-button",
|
|
782
782
|
"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",
|
|
@@ -1923,34 +1923,147 @@
|
|
|
1923
1923
|
]
|
|
1924
1924
|
},
|
|
1925
1925
|
{
|
|
1926
|
-
"name": "initialValues",
|
|
1927
|
-
"description": "Specify initial values on Form controls based on their names",
|
|
1928
|
-
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
1926
|
+
"name": "initialValues",
|
|
1927
|
+
"description": "Specify initial values on Form controls based on their names",
|
|
1928
|
+
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
1929
|
+
},
|
|
1930
|
+
{
|
|
1931
|
+
"name": "required",
|
|
1932
|
+
"description": "Specify if input is a required",
|
|
1933
|
+
"values": []
|
|
1934
|
+
},
|
|
1935
|
+
{
|
|
1936
|
+
"name": "disabled",
|
|
1937
|
+
"description": "Specify if input is a disabled",
|
|
1938
|
+
"values": []
|
|
1939
|
+
},
|
|
1940
|
+
{
|
|
1941
|
+
"name": "readOnly",
|
|
1942
|
+
"description": "Specify if input is a read only",
|
|
1943
|
+
"values": []
|
|
1944
|
+
},
|
|
1945
|
+
{ "name": "action", "values": [] },
|
|
1946
|
+
{ "name": "method", "values": [] },
|
|
1947
|
+
{ "name": "target", "values": [] },
|
|
1948
|
+
{ "name": "enctype", "values": [] }
|
|
1949
|
+
],
|
|
1950
|
+
"references": [
|
|
1951
|
+
{
|
|
1952
|
+
"name": "Storybook",
|
|
1953
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
1954
|
+
}
|
|
1955
|
+
]
|
|
1956
|
+
},
|
|
1957
|
+
{
|
|
1958
|
+
"name": "bm-switch",
|
|
1959
|
+
"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.",
|
|
1960
|
+
"attributes": [
|
|
1961
|
+
{
|
|
1962
|
+
"name": "onText",
|
|
1963
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
1964
|
+
"values": []
|
|
1965
|
+
},
|
|
1966
|
+
{
|
|
1967
|
+
"name": "offText",
|
|
1968
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
1969
|
+
"values": []
|
|
1970
|
+
},
|
|
1971
|
+
{
|
|
1972
|
+
"name": "textPosition",
|
|
1973
|
+
"description": "Specify the position of the side label",
|
|
1974
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
1975
|
+
},
|
|
1976
|
+
{
|
|
1977
|
+
"name": "readOnly",
|
|
1978
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
1979
|
+
"values": []
|
|
1980
|
+
},
|
|
1981
|
+
{
|
|
1982
|
+
"name": "disabled",
|
|
1983
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
1984
|
+
"values": []
|
|
1985
|
+
},
|
|
1986
|
+
{ "name": "checked", "values": [] },
|
|
1987
|
+
{
|
|
1988
|
+
"name": "value",
|
|
1989
|
+
"description": "The value attribute for the input element",
|
|
1990
|
+
"values": []
|
|
1991
|
+
}
|
|
1992
|
+
],
|
|
1993
|
+
"references": [
|
|
1994
|
+
{
|
|
1995
|
+
"name": "Storybook",
|
|
1996
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
1997
|
+
}
|
|
1998
|
+
]
|
|
1999
|
+
},
|
|
2000
|
+
{
|
|
2001
|
+
"name": "bm-native-select",
|
|
2002
|
+
"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",
|
|
2003
|
+
"attributes": [
|
|
2004
|
+
{
|
|
2005
|
+
"name": "required",
|
|
2006
|
+
"description": "Specify if NativeSelect is a required input",
|
|
2007
|
+
"values": []
|
|
2008
|
+
},
|
|
2009
|
+
{
|
|
2010
|
+
"name": "readOnly",
|
|
2011
|
+
"description": "Specify if NativeSelect displays in a read-only state",
|
|
2012
|
+
"values": []
|
|
2013
|
+
},
|
|
2014
|
+
{
|
|
2015
|
+
"name": "disabled",
|
|
2016
|
+
"description": "Specify if NativeSelect displays in a disabled state",
|
|
2017
|
+
"values": []
|
|
2018
|
+
},
|
|
2019
|
+
{
|
|
2020
|
+
"name": "error",
|
|
2021
|
+
"description": "Specify error text and display error state of a NativeSelect",
|
|
2022
|
+
"values": []
|
|
2023
|
+
},
|
|
2024
|
+
{
|
|
2025
|
+
"name": "fluid",
|
|
2026
|
+
"description": "Specify if NativeSelect is fluid",
|
|
2027
|
+
"values": []
|
|
2028
|
+
},
|
|
2029
|
+
{
|
|
2030
|
+
"name": "size",
|
|
2031
|
+
"description": "Specify the size of NativeSelect",
|
|
2032
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
1929
2033
|
},
|
|
1930
2034
|
{
|
|
1931
|
-
"name": "
|
|
1932
|
-
"description": "Specify
|
|
2035
|
+
"name": "width",
|
|
2036
|
+
"description": "Specify the width of NativeSelect",
|
|
1933
2037
|
"values": []
|
|
1934
2038
|
},
|
|
1935
2039
|
{
|
|
1936
|
-
"name": "
|
|
1937
|
-
"description": "Specify if
|
|
2040
|
+
"name": "ellipse",
|
|
2041
|
+
"description": "Specify if overflow displays ellipsis",
|
|
1938
2042
|
"values": []
|
|
1939
2043
|
},
|
|
1940
2044
|
{
|
|
1941
|
-
"name": "
|
|
1942
|
-
"description": "Specify if
|
|
2045
|
+
"name": "hideRequiredMarker",
|
|
2046
|
+
"description": "Specify if the NativeSelect displays with an asterisk",
|
|
1943
2047
|
"values": []
|
|
1944
2048
|
},
|
|
1945
|
-
{
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
2049
|
+
{
|
|
2050
|
+
"name": "theme",
|
|
2051
|
+
"description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
|
|
2052
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2053
|
+
},
|
|
2054
|
+
{ "name": "id", "values": [] },
|
|
2055
|
+
{ "name": "name", "values": [] },
|
|
2056
|
+
{ "name": "value", "values": [] },
|
|
2057
|
+
{
|
|
2058
|
+
"name": "validationRules",
|
|
2059
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2060
|
+
},
|
|
2061
|
+
{ "name": "input-aria-label", "values": [] }
|
|
1949
2062
|
],
|
|
1950
2063
|
"references": [
|
|
1951
2064
|
{
|
|
1952
2065
|
"name": "Storybook",
|
|
1953
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2066
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
|
|
1954
2067
|
}
|
|
1955
2068
|
]
|
|
1956
2069
|
},
|
|
@@ -2262,152 +2375,77 @@
|
|
|
2262
2375
|
]
|
|
2263
2376
|
},
|
|
2264
2377
|
{
|
|
2265
|
-
"name": "bm-
|
|
2266
|
-
"description": "`bm-
|
|
2378
|
+
"name": "bm-text-area",
|
|
2379
|
+
"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",
|
|
2267
2380
|
"attributes": [
|
|
2268
2381
|
{
|
|
2269
|
-
"name": "
|
|
2270
|
-
"description": "Specify the
|
|
2271
|
-
"values": []
|
|
2272
|
-
},
|
|
2273
|
-
{
|
|
2274
|
-
"name": "error",
|
|
2275
|
-
"description": "Specify error text and display error state of a RadioButton",
|
|
2276
|
-
"values": []
|
|
2277
|
-
},
|
|
2278
|
-
{
|
|
2279
|
-
"name": "readOnly",
|
|
2280
|
-
"description": "Specify if RadioButton displays in a read-only state",
|
|
2281
|
-
"values": []
|
|
2282
|
-
},
|
|
2283
|
-
{
|
|
2284
|
-
"name": "disabled",
|
|
2285
|
-
"description": "Specify if RadioButton displays in a disabled state",
|
|
2286
|
-
"values": []
|
|
2287
|
-
},
|
|
2288
|
-
{
|
|
2289
|
-
"name": "theme",
|
|
2290
|
-
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2291
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2292
|
-
},
|
|
2293
|
-
{
|
|
2294
|
-
"name": "value",
|
|
2295
|
-
"description": "The value attribute for the input element",
|
|
2296
|
-
"values": []
|
|
2297
|
-
},
|
|
2298
|
-
{
|
|
2299
|
-
"name": "checked",
|
|
2300
|
-
"description": "The checked attribute for the input element",
|
|
2382
|
+
"name": "rows",
|
|
2383
|
+
"description": "Specify the height of TextArea",
|
|
2301
2384
|
"values": []
|
|
2302
2385
|
},
|
|
2303
2386
|
{
|
|
2304
|
-
"name": "
|
|
2305
|
-
"description": "
|
|
2306
|
-
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2307
|
-
}
|
|
2308
|
-
],
|
|
2309
|
-
"references": [
|
|
2310
|
-
{
|
|
2311
|
-
"name": "Storybook",
|
|
2312
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2313
|
-
}
|
|
2314
|
-
]
|
|
2315
|
-
},
|
|
2316
|
-
{
|
|
2317
|
-
"name": "bm-switch",
|
|
2318
|
-
"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.",
|
|
2319
|
-
"attributes": [
|
|
2320
|
-
{
|
|
2321
|
-
"name": "onText",
|
|
2322
|
-
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2387
|
+
"name": "cols",
|
|
2388
|
+
"description": "Specify the width of TextArea",
|
|
2323
2389
|
"values": []
|
|
2324
2390
|
},
|
|
2325
2391
|
{
|
|
2326
|
-
"name": "
|
|
2327
|
-
"description": "Specify
|
|
2392
|
+
"name": "placeholder",
|
|
2393
|
+
"description": "Specify placeholder text for TextArea",
|
|
2328
2394
|
"values": []
|
|
2329
2395
|
},
|
|
2330
2396
|
{
|
|
2331
|
-
"name": "
|
|
2332
|
-
"description": "Specify
|
|
2333
|
-
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2334
|
-
},
|
|
2335
|
-
{
|
|
2336
|
-
"name": "readOnly",
|
|
2337
|
-
"description": "Specify if Switch displays in a read-only state",
|
|
2397
|
+
"name": "required",
|
|
2398
|
+
"description": "Specify if TextArea is a required input",
|
|
2338
2399
|
"values": []
|
|
2339
2400
|
},
|
|
2340
2401
|
{
|
|
2341
|
-
"name": "
|
|
2342
|
-
"description": "Specify if
|
|
2402
|
+
"name": "hideRequiredMarker",
|
|
2403
|
+
"description": "Specify if the TextArea displays with an asterisk",
|
|
2343
2404
|
"values": []
|
|
2344
2405
|
},
|
|
2345
|
-
{ "name": "checked", "values": [] },
|
|
2346
|
-
{
|
|
2347
|
-
"name": "value",
|
|
2348
|
-
"description": "The value attribute for the input element",
|
|
2349
|
-
"values": []
|
|
2350
|
-
}
|
|
2351
|
-
],
|
|
2352
|
-
"references": [
|
|
2353
|
-
{
|
|
2354
|
-
"name": "Storybook",
|
|
2355
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2356
|
-
}
|
|
2357
|
-
]
|
|
2358
|
-
},
|
|
2359
|
-
{
|
|
2360
|
-
"name": "bm-native-select",
|
|
2361
|
-
"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",
|
|
2362
|
-
"attributes": [
|
|
2363
2406
|
{
|
|
2364
|
-
"name": "
|
|
2365
|
-
"description": "Specify
|
|
2407
|
+
"name": "error",
|
|
2408
|
+
"description": "Specify error text and display error state of a TextArea",
|
|
2366
2409
|
"values": []
|
|
2367
2410
|
},
|
|
2368
2411
|
{
|
|
2369
2412
|
"name": "readOnly",
|
|
2370
|
-
"description": "Specify if
|
|
2413
|
+
"description": "Specify if TextArea displays in a read-only state",
|
|
2371
2414
|
"values": []
|
|
2372
2415
|
},
|
|
2373
2416
|
{
|
|
2374
2417
|
"name": "disabled",
|
|
2375
|
-
"description": "Specify if
|
|
2376
|
-
"values": []
|
|
2377
|
-
},
|
|
2378
|
-
{
|
|
2379
|
-
"name": "error",
|
|
2380
|
-
"description": "Specify error text and display error state of a NativeSelect",
|
|
2418
|
+
"description": "Specify if TextArea displays in a disabled state",
|
|
2381
2419
|
"values": []
|
|
2382
2420
|
},
|
|
2383
2421
|
{
|
|
2384
2422
|
"name": "fluid",
|
|
2385
|
-
"description": "Specify if
|
|
2423
|
+
"description": "Specify if TextArea is fluid",
|
|
2386
2424
|
"values": []
|
|
2387
2425
|
},
|
|
2388
2426
|
{
|
|
2389
|
-
"name": "
|
|
2390
|
-
"description": "Specify the
|
|
2391
|
-
"values": [
|
|
2427
|
+
"name": "width",
|
|
2428
|
+
"description": "Specify the width of TextArea",
|
|
2429
|
+
"values": []
|
|
2392
2430
|
},
|
|
2393
2431
|
{
|
|
2394
|
-
"name": "
|
|
2395
|
-
"description": "Specify
|
|
2432
|
+
"name": "hideResize",
|
|
2433
|
+
"description": "Specify if TextArea can be manually resized",
|
|
2396
2434
|
"values": []
|
|
2397
2435
|
},
|
|
2398
2436
|
{
|
|
2399
|
-
"name": "
|
|
2400
|
-
"description": "Specify
|
|
2437
|
+
"name": "maxCount",
|
|
2438
|
+
"description": "Specify the maximum character count for the TextArea",
|
|
2401
2439
|
"values": []
|
|
2402
2440
|
},
|
|
2403
2441
|
{
|
|
2404
|
-
"name": "
|
|
2405
|
-
"description": "Specify if the
|
|
2442
|
+
"name": "autoResize",
|
|
2443
|
+
"description": "Specify if the TextArea automatically resizes to fit the text",
|
|
2406
2444
|
"values": []
|
|
2407
2445
|
},
|
|
2408
2446
|
{
|
|
2409
2447
|
"name": "theme",
|
|
2410
|
-
"description": "Specify the theme of the
|
|
2448
|
+
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
2411
2449
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2412
2450
|
},
|
|
2413
2451
|
{ "name": "id", "values": [] },
|
|
@@ -2422,97 +2460,59 @@
|
|
|
2422
2460
|
"references": [
|
|
2423
2461
|
{
|
|
2424
2462
|
"name": "Storybook",
|
|
2425
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2463
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
|
|
2426
2464
|
}
|
|
2427
2465
|
]
|
|
2428
2466
|
},
|
|
2429
2467
|
{
|
|
2430
|
-
"name": "bm-
|
|
2431
|
-
"description": "`bm-
|
|
2468
|
+
"name": "bm-radio-button",
|
|
2469
|
+
"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",
|
|
2432
2470
|
"attributes": [
|
|
2433
2471
|
{
|
|
2434
|
-
"name": "
|
|
2435
|
-
"description": "Specify the
|
|
2436
|
-
"values": []
|
|
2437
|
-
},
|
|
2438
|
-
{
|
|
2439
|
-
"name": "cols",
|
|
2440
|
-
"description": "Specify the width of TextArea",
|
|
2441
|
-
"values": []
|
|
2442
|
-
},
|
|
2443
|
-
{
|
|
2444
|
-
"name": "placeholder",
|
|
2445
|
-
"description": "Specify placeholder text for TextArea",
|
|
2446
|
-
"values": []
|
|
2447
|
-
},
|
|
2448
|
-
{
|
|
2449
|
-
"name": "required",
|
|
2450
|
-
"description": "Specify if TextArea is a required input",
|
|
2451
|
-
"values": []
|
|
2452
|
-
},
|
|
2453
|
-
{
|
|
2454
|
-
"name": "hideRequiredMarker",
|
|
2455
|
-
"description": "Specify if the TextArea displays with an asterisk",
|
|
2472
|
+
"name": "label",
|
|
2473
|
+
"description": "Specify the text for the label",
|
|
2456
2474
|
"values": []
|
|
2457
2475
|
},
|
|
2458
2476
|
{
|
|
2459
2477
|
"name": "error",
|
|
2460
|
-
"description": "Specify error text and display error state of a
|
|
2478
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2461
2479
|
"values": []
|
|
2462
2480
|
},
|
|
2463
2481
|
{
|
|
2464
2482
|
"name": "readOnly",
|
|
2465
|
-
"description": "Specify if
|
|
2483
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2466
2484
|
"values": []
|
|
2467
2485
|
},
|
|
2468
2486
|
{
|
|
2469
2487
|
"name": "disabled",
|
|
2470
|
-
"description": "Specify if
|
|
2471
|
-
"values": []
|
|
2472
|
-
},
|
|
2473
|
-
{
|
|
2474
|
-
"name": "fluid",
|
|
2475
|
-
"description": "Specify if TextArea is fluid",
|
|
2476
|
-
"values": []
|
|
2477
|
-
},
|
|
2478
|
-
{
|
|
2479
|
-
"name": "width",
|
|
2480
|
-
"description": "Specify the width of TextArea",
|
|
2488
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2481
2489
|
"values": []
|
|
2482
2490
|
},
|
|
2483
2491
|
{
|
|
2484
|
-
"name": "
|
|
2485
|
-
"description": "Specify
|
|
2486
|
-
"values": []
|
|
2492
|
+
"name": "theme",
|
|
2493
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2494
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2487
2495
|
},
|
|
2488
2496
|
{
|
|
2489
|
-
"name": "
|
|
2490
|
-
"description": "
|
|
2497
|
+
"name": "value",
|
|
2498
|
+
"description": "The value attribute for the input element",
|
|
2491
2499
|
"values": []
|
|
2492
2500
|
},
|
|
2493
2501
|
{
|
|
2494
|
-
"name": "
|
|
2495
|
-
"description": "
|
|
2502
|
+
"name": "checked",
|
|
2503
|
+
"description": "The checked attribute for the input element",
|
|
2496
2504
|
"values": []
|
|
2497
2505
|
},
|
|
2498
2506
|
{
|
|
2499
|
-
"name": "
|
|
2500
|
-
"description": "
|
|
2501
|
-
"values": [{ "name": "
|
|
2502
|
-
}
|
|
2503
|
-
{ "name": "id", "values": [] },
|
|
2504
|
-
{ "name": "name", "values": [] },
|
|
2505
|
-
{ "name": "value", "values": [] },
|
|
2506
|
-
{
|
|
2507
|
-
"name": "validationRules",
|
|
2508
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2509
|
-
},
|
|
2510
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2507
|
+
"name": "onKeyDown",
|
|
2508
|
+
"description": "A user-defined function to handle keydown events",
|
|
2509
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2510
|
+
}
|
|
2511
2511
|
],
|
|
2512
2512
|
"references": [
|
|
2513
2513
|
{
|
|
2514
2514
|
"name": "Storybook",
|
|
2515
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2515
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2516
2516
|
}
|
|
2517
2517
|
]
|
|
2518
2518
|
},
|
|
@@ -2586,8 +2586,8 @@
|
|
|
2586
2586
|
]
|
|
2587
2587
|
},
|
|
2588
2588
|
{
|
|
2589
|
-
"name": "bm-
|
|
2590
|
-
"description": "
|
|
2589
|
+
"name": "bm-switch-group",
|
|
2590
|
+
"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",
|
|
2591
2591
|
"attributes": [
|
|
2592
2592
|
{
|
|
2593
2593
|
"name": "theme",
|
|
@@ -2650,13 +2650,13 @@
|
|
|
2650
2650
|
"references": [
|
|
2651
2651
|
{
|
|
2652
2652
|
"name": "Storybook",
|
|
2653
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2653
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2654
2654
|
}
|
|
2655
2655
|
]
|
|
2656
2656
|
},
|
|
2657
2657
|
{
|
|
2658
|
-
"name": "bm-
|
|
2659
|
-
"description": "
|
|
2658
|
+
"name": "bm-radio-button-group",
|
|
2659
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
2660
2660
|
"attributes": [
|
|
2661
2661
|
{
|
|
2662
2662
|
"name": "theme",
|
|
@@ -2719,7 +2719,7 @@
|
|
|
2719
2719
|
"references": [
|
|
2720
2720
|
{
|
|
2721
2721
|
"name": "Storybook",
|
|
2722
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2722
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2723
2723
|
}
|
|
2724
2724
|
]
|
|
2725
2725
|
}
|