@viasat/beam-web-components 2.36.0 → 2.37.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/Tooltip/Tooltip.js +75 -75
- package/custom-elements.json +3472 -3472
- package/local/Tooltip/Tooltip.js +44 -44
- package/package.json +6 -6
- package/vscode.html-custom-data.json +483 -483
|
@@ -62,37 +62,12 @@
|
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "bm-
|
|
66
|
-
"description": "`bm-
|
|
65
|
+
"name": "bm-badge",
|
|
66
|
+
"description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
|
|
67
67
|
"attributes": [
|
|
68
|
-
{
|
|
69
|
-
"name": "heading",
|
|
70
|
-
"description": "Specify the heading text for Alert",
|
|
71
|
-
"values": []
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"name": "body",
|
|
75
|
-
"description": "Specify the body text for Alert",
|
|
76
|
-
"values": []
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
"name": "size",
|
|
80
|
-
"description": "Specify the size of the Alert",
|
|
81
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
"name": "fullWidth",
|
|
85
|
-
"description": "Specify if the Alert has no border radius",
|
|
86
|
-
"values": []
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"name": "theme",
|
|
90
|
-
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
91
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
92
|
-
},
|
|
93
68
|
{
|
|
94
69
|
"name": "appearance",
|
|
95
|
-
"description": "Specify the appearance of the
|
|
70
|
+
"description": "Specify the appearance of the Badge",
|
|
96
71
|
"values": [
|
|
97
72
|
{ "name": "infoPrimary" },
|
|
98
73
|
{ "name": "infoSecondary" },
|
|
@@ -102,143 +77,45 @@
|
|
|
102
77
|
]
|
|
103
78
|
},
|
|
104
79
|
{
|
|
105
|
-
"name": "
|
|
106
|
-
"description": "
|
|
107
|
-
"values": []
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"name": "hideIcon",
|
|
111
|
-
"description": "Specify if the icon displays on the Alert",
|
|
112
|
-
"values": []
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "dismissible",
|
|
116
|
-
"description": "Specify if the Alert can be dismissed",
|
|
117
|
-
"values": []
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
"name": "disableAutoFocus",
|
|
121
|
-
"description": "Prevent autofocus on show",
|
|
122
|
-
"values": []
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
"name": "disableCloseOnEscape",
|
|
126
|
-
"description": "Prevent Escape from closing",
|
|
127
|
-
"values": []
|
|
128
|
-
}
|
|
129
|
-
],
|
|
130
|
-
"references": [
|
|
131
|
-
{
|
|
132
|
-
"name": "Storybook",
|
|
133
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
134
|
-
}
|
|
135
|
-
]
|
|
136
|
-
},
|
|
137
|
-
{
|
|
138
|
-
"name": "bm-avatar",
|
|
139
|
-
"description": "`bm-avatar`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Avatar\n- **name** - Specify a name to display initials in the Avatar\n- **src** - Pass an image to the Avatar\n- **alt** - Specify alt for image\n- **size** - Specify the size of the Avatar\n- **disabled** - Specify if the Avatar is disabled\n- **shape** - Specify the shape of the Avatar\n- **isInteractive** - If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer\n- **isFocusable** - If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable\n- **withBorder** \n---\n\n\n### **Slots:**\n - **icon** - Customize the default icon",
|
|
140
|
-
"attributes": [
|
|
141
|
-
{
|
|
142
|
-
"name": "appearance",
|
|
143
|
-
"description": "Specify the appearance of the Avatar",
|
|
144
|
-
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
"name": "name",
|
|
148
|
-
"description": "Specify a name to display initials in the Avatar",
|
|
149
|
-
"values": []
|
|
80
|
+
"name": "theme",
|
|
81
|
+
"description": "Theme of the Badge",
|
|
82
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
150
83
|
},
|
|
151
84
|
{
|
|
152
|
-
"name": "
|
|
153
|
-
"description": "
|
|
154
|
-
"values": []
|
|
85
|
+
"name": "size",
|
|
86
|
+
"description": "Specify the size of the Badge",
|
|
87
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
155
88
|
},
|
|
156
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
157
89
|
{
|
|
158
|
-
"name": "
|
|
159
|
-
"description": "Specify the
|
|
90
|
+
"name": "emphasis",
|
|
91
|
+
"description": "Specify the emphasis of the Badge",
|
|
160
92
|
"values": [
|
|
161
|
-
{ "name": "
|
|
162
|
-
{ "name": "
|
|
163
|
-
{ "name": "
|
|
164
|
-
{ "name": "lg" },
|
|
165
|
-
{ "name": "xl" }
|
|
93
|
+
{ "name": "strong" },
|
|
94
|
+
{ "name": "medium" },
|
|
95
|
+
{ "name": "subtle" }
|
|
166
96
|
]
|
|
167
97
|
},
|
|
168
|
-
{
|
|
169
|
-
"name": "disabled",
|
|
170
|
-
"description": "Specify if the Avatar is disabled",
|
|
171
|
-
"values": []
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
"name": "shape",
|
|
175
|
-
"description": "Specify the shape of the Avatar",
|
|
176
|
-
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"name": "isInteractive",
|
|
180
|
-
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
181
|
-
"values": []
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
"name": "isFocusable",
|
|
185
|
-
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
186
|
-
"values": []
|
|
187
|
-
},
|
|
188
|
-
{ "name": "withBorder", "values": [] }
|
|
98
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
189
99
|
],
|
|
190
100
|
"references": [
|
|
191
101
|
{
|
|
192
102
|
"name": "Storybook",
|
|
193
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
103
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
194
104
|
}
|
|
195
105
|
]
|
|
196
106
|
},
|
|
197
107
|
{
|
|
198
|
-
"name": "bm-
|
|
199
|
-
"description": "`bm-
|
|
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",
|
|
200
110
|
"attributes": [
|
|
201
111
|
{
|
|
202
|
-
"name": "
|
|
203
|
-
"description": "Specify
|
|
204
|
-
"values": []
|
|
205
|
-
},
|
|
206
|
-
{
|
|
207
|
-
"name": "maxCount",
|
|
208
|
-
"description": "Specify the max number of avatars displayed in the group.",
|
|
209
|
-
"values": []
|
|
210
|
-
},
|
|
211
|
-
{
|
|
212
|
-
"name": "size",
|
|
213
|
-
"description": "Specify the size of all Avatars",
|
|
214
|
-
"values": [
|
|
215
|
-
{ "name": "xs" },
|
|
216
|
-
{ "name": "sm" },
|
|
217
|
-
{ "name": "md" },
|
|
218
|
-
{ "name": "lg" },
|
|
219
|
-
{ "name": "xl" }
|
|
220
|
-
]
|
|
112
|
+
"name": "theme",
|
|
113
|
+
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
114
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
221
115
|
},
|
|
222
|
-
{
|
|
223
|
-
"name": "layout",
|
|
224
|
-
"description": "Specify the kind of the group.",
|
|
225
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
226
|
-
}
|
|
227
|
-
],
|
|
228
|
-
"references": [
|
|
229
|
-
{
|
|
230
|
-
"name": "Storybook",
|
|
231
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
232
|
-
}
|
|
233
|
-
]
|
|
234
|
-
},
|
|
235
|
-
{
|
|
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",
|
|
238
|
-
"attributes": [
|
|
239
116
|
{
|
|
240
117
|
"name": "appearance",
|
|
241
|
-
"description": "Specify the appearance of the
|
|
118
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
242
119
|
"values": [
|
|
243
120
|
{ "name": "infoPrimary" },
|
|
244
121
|
{ "name": "infoSecondary" },
|
|
@@ -247,31 +124,21 @@
|
|
|
247
124
|
{ "name": "negative" }
|
|
248
125
|
]
|
|
249
126
|
},
|
|
250
|
-
{
|
|
251
|
-
"name": "theme",
|
|
252
|
-
"description": "Theme of the Badge",
|
|
253
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"name": "size",
|
|
257
|
-
"description": "Specify the size of the Badge",
|
|
258
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
259
|
-
},
|
|
260
127
|
{
|
|
261
128
|
"name": "emphasis",
|
|
262
|
-
"description": "Specify the emphasis of the
|
|
263
|
-
"values": [
|
|
264
|
-
{ "name": "strong" },
|
|
265
|
-
{ "name": "medium" },
|
|
266
|
-
{ "name": "subtle" }
|
|
267
|
-
]
|
|
129
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
130
|
+
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
268
131
|
},
|
|
269
|
-
{
|
|
132
|
+
{
|
|
133
|
+
"name": "overrideDotColor",
|
|
134
|
+
"description": "Overrides default dot color",
|
|
135
|
+
"values": []
|
|
136
|
+
}
|
|
270
137
|
],
|
|
271
138
|
"references": [
|
|
272
139
|
{
|
|
273
140
|
"name": "Storybook",
|
|
274
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
141
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
275
142
|
}
|
|
276
143
|
]
|
|
277
144
|
},
|
|
@@ -678,44 +545,6 @@
|
|
|
678
545
|
}
|
|
679
546
|
]
|
|
680
547
|
},
|
|
681
|
-
{
|
|
682
|
-
"name": "bm-badge-dot",
|
|
683
|
-
"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",
|
|
684
|
-
"attributes": [
|
|
685
|
-
{
|
|
686
|
-
"name": "theme",
|
|
687
|
-
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
688
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
689
|
-
},
|
|
690
|
-
{
|
|
691
|
-
"name": "appearance",
|
|
692
|
-
"description": "Specify the appearance of the BadgeDot",
|
|
693
|
-
"values": [
|
|
694
|
-
{ "name": "infoPrimary" },
|
|
695
|
-
{ "name": "infoSecondary" },
|
|
696
|
-
{ "name": "positive" },
|
|
697
|
-
{ "name": "warning" },
|
|
698
|
-
{ "name": "negative" }
|
|
699
|
-
]
|
|
700
|
-
},
|
|
701
|
-
{
|
|
702
|
-
"name": "emphasis",
|
|
703
|
-
"description": "Specify the emphasis of the BadgeDot",
|
|
704
|
-
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
705
|
-
},
|
|
706
|
-
{
|
|
707
|
-
"name": "overrideDotColor",
|
|
708
|
-
"description": "Overrides default dot color",
|
|
709
|
-
"values": []
|
|
710
|
-
}
|
|
711
|
-
],
|
|
712
|
-
"references": [
|
|
713
|
-
{
|
|
714
|
-
"name": "Storybook",
|
|
715
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
716
|
-
}
|
|
717
|
-
]
|
|
718
|
-
},
|
|
719
548
|
{
|
|
720
549
|
"name": "bm-breadcrumb",
|
|
721
550
|
"description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Pass items to the Breadcrumb",
|
|
@@ -777,6 +606,177 @@
|
|
|
777
606
|
}
|
|
778
607
|
]
|
|
779
608
|
},
|
|
609
|
+
{
|
|
610
|
+
"name": "bm-avatar",
|
|
611
|
+
"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",
|
|
612
|
+
"attributes": [
|
|
613
|
+
{
|
|
614
|
+
"name": "appearance",
|
|
615
|
+
"description": "Specify the appearance of the Avatar",
|
|
616
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "name",
|
|
620
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
621
|
+
"values": []
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "src",
|
|
625
|
+
"description": "Pass an image to the Avatar",
|
|
626
|
+
"values": []
|
|
627
|
+
},
|
|
628
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
629
|
+
{
|
|
630
|
+
"name": "size",
|
|
631
|
+
"description": "Specify the size of the Avatar",
|
|
632
|
+
"values": [
|
|
633
|
+
{ "name": "xs" },
|
|
634
|
+
{ "name": "sm" },
|
|
635
|
+
{ "name": "md" },
|
|
636
|
+
{ "name": "lg" },
|
|
637
|
+
{ "name": "xl" }
|
|
638
|
+
]
|
|
639
|
+
},
|
|
640
|
+
{
|
|
641
|
+
"name": "disabled",
|
|
642
|
+
"description": "Specify if the Avatar is disabled",
|
|
643
|
+
"values": []
|
|
644
|
+
},
|
|
645
|
+
{
|
|
646
|
+
"name": "shape",
|
|
647
|
+
"description": "Specify the shape of the Avatar",
|
|
648
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"name": "isInteractive",
|
|
652
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
653
|
+
"values": []
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"name": "isFocusable",
|
|
657
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
658
|
+
"values": []
|
|
659
|
+
},
|
|
660
|
+
{ "name": "withBorder", "values": [] }
|
|
661
|
+
],
|
|
662
|
+
"references": [
|
|
663
|
+
{
|
|
664
|
+
"name": "Storybook",
|
|
665
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
666
|
+
}
|
|
667
|
+
]
|
|
668
|
+
},
|
|
669
|
+
{
|
|
670
|
+
"name": "bm-avatar-group",
|
|
671
|
+
"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",
|
|
672
|
+
"attributes": [
|
|
673
|
+
{
|
|
674
|
+
"name": "wrapping",
|
|
675
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
676
|
+
"values": []
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"name": "maxCount",
|
|
680
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
681
|
+
"values": []
|
|
682
|
+
},
|
|
683
|
+
{
|
|
684
|
+
"name": "size",
|
|
685
|
+
"description": "Specify the size of all Avatars",
|
|
686
|
+
"values": [
|
|
687
|
+
{ "name": "xs" },
|
|
688
|
+
{ "name": "sm" },
|
|
689
|
+
{ "name": "md" },
|
|
690
|
+
{ "name": "lg" },
|
|
691
|
+
{ "name": "xl" }
|
|
692
|
+
]
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"name": "layout",
|
|
696
|
+
"description": "Specify the kind of the group.",
|
|
697
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
698
|
+
}
|
|
699
|
+
],
|
|
700
|
+
"references": [
|
|
701
|
+
{
|
|
702
|
+
"name": "Storybook",
|
|
703
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
704
|
+
}
|
|
705
|
+
]
|
|
706
|
+
},
|
|
707
|
+
{
|
|
708
|
+
"name": "bm-alert",
|
|
709
|
+
"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",
|
|
710
|
+
"attributes": [
|
|
711
|
+
{
|
|
712
|
+
"name": "heading",
|
|
713
|
+
"description": "Specify the heading text for Alert",
|
|
714
|
+
"values": []
|
|
715
|
+
},
|
|
716
|
+
{
|
|
717
|
+
"name": "body",
|
|
718
|
+
"description": "Specify the body text for Alert",
|
|
719
|
+
"values": []
|
|
720
|
+
},
|
|
721
|
+
{
|
|
722
|
+
"name": "size",
|
|
723
|
+
"description": "Specify the size of the Alert",
|
|
724
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"name": "fullWidth",
|
|
728
|
+
"description": "Specify if the Alert has no border radius",
|
|
729
|
+
"values": []
|
|
730
|
+
},
|
|
731
|
+
{
|
|
732
|
+
"name": "theme",
|
|
733
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
734
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
735
|
+
},
|
|
736
|
+
{
|
|
737
|
+
"name": "appearance",
|
|
738
|
+
"description": "Specify the appearance of the Alert",
|
|
739
|
+
"values": [
|
|
740
|
+
{ "name": "infoPrimary" },
|
|
741
|
+
{ "name": "infoSecondary" },
|
|
742
|
+
{ "name": "positive" },
|
|
743
|
+
{ "name": "warning" },
|
|
744
|
+
{ "name": "negative" }
|
|
745
|
+
]
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"name": "hidden",
|
|
749
|
+
"description": "Specify if the Alert is hidden",
|
|
750
|
+
"values": []
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"name": "hideIcon",
|
|
754
|
+
"description": "Specify if the icon displays on the Alert",
|
|
755
|
+
"values": []
|
|
756
|
+
},
|
|
757
|
+
{
|
|
758
|
+
"name": "dismissible",
|
|
759
|
+
"description": "Specify if the Alert can be dismissed",
|
|
760
|
+
"values": []
|
|
761
|
+
},
|
|
762
|
+
{
|
|
763
|
+
"name": "disableAutoFocus",
|
|
764
|
+
"description": "Prevent autofocus on show",
|
|
765
|
+
"values": []
|
|
766
|
+
},
|
|
767
|
+
{
|
|
768
|
+
"name": "disableCloseOnEscape",
|
|
769
|
+
"description": "Prevent Escape from closing",
|
|
770
|
+
"values": []
|
|
771
|
+
}
|
|
772
|
+
],
|
|
773
|
+
"references": [
|
|
774
|
+
{
|
|
775
|
+
"name": "Storybook",
|
|
776
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
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",
|
|
@@ -1019,20 +1019,73 @@
|
|
|
1019
1019
|
"values": []
|
|
1020
1020
|
},
|
|
1021
1021
|
{
|
|
1022
|
-
"name": "text",
|
|
1023
|
-
"description": "Add or customize content in the HelperText",
|
|
1022
|
+
"name": "text",
|
|
1023
|
+
"description": "Add or customize content in the HelperText",
|
|
1024
|
+
"values": []
|
|
1025
|
+
},
|
|
1026
|
+
{
|
|
1027
|
+
"name": "theme",
|
|
1028
|
+
"description": "Specify the theme of the HelperText. By default it inherits the theme from the parent",
|
|
1029
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1030
|
+
}
|
|
1031
|
+
],
|
|
1032
|
+
"references": [
|
|
1033
|
+
{
|
|
1034
|
+
"name": "Storybook",
|
|
1035
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-helpertext"
|
|
1036
|
+
}
|
|
1037
|
+
]
|
|
1038
|
+
},
|
|
1039
|
+
{
|
|
1040
|
+
"name": "bm-icon",
|
|
1041
|
+
"description": "`bm-icon`\n\n### Attributes:\n- **color** - Specify the color of Icon\n- **size** - Specify the size of Icon\n- **customIconSize** - Specify a custom size for the Icon\n- **customIconColor** - Specify a custom color for the Icon\n---\n\n\n### **Slots:**\n - **default** - Specify which Icon to display",
|
|
1042
|
+
"attributes": [
|
|
1043
|
+
{
|
|
1044
|
+
"name": "color",
|
|
1045
|
+
"description": "Specify the color of Icon",
|
|
1046
|
+
"values": [
|
|
1047
|
+
{ "name": "primary" },
|
|
1048
|
+
{ "name": "secondary" },
|
|
1049
|
+
{ "name": "infoPrimary" },
|
|
1050
|
+
{ "name": "infoSecondary" },
|
|
1051
|
+
{ "name": "positive" },
|
|
1052
|
+
{ "name": "warning" },
|
|
1053
|
+
{ "name": "negative" },
|
|
1054
|
+
{ "name": "secondaryInverse" },
|
|
1055
|
+
{ "name": "positiveStrong" },
|
|
1056
|
+
{ "name": "warningStrong" },
|
|
1057
|
+
{ "name": "negativeStrong" },
|
|
1058
|
+
{ "name": "infoPrimaryStrong" },
|
|
1059
|
+
{ "name": "infoSecondaryStrong" },
|
|
1060
|
+
{ "name": "primaryInverse" }
|
|
1061
|
+
]
|
|
1062
|
+
},
|
|
1063
|
+
{
|
|
1064
|
+
"name": "size",
|
|
1065
|
+
"description": "Specify the size of Icon",
|
|
1066
|
+
"values": [
|
|
1067
|
+
{ "name": "xs" },
|
|
1068
|
+
{ "name": "sm" },
|
|
1069
|
+
{ "name": "md" },
|
|
1070
|
+
{ "name": "lg" },
|
|
1071
|
+
{ "name": "xl" }
|
|
1072
|
+
]
|
|
1073
|
+
},
|
|
1074
|
+
{
|
|
1075
|
+
"name": "customIconSize",
|
|
1076
|
+
"description": "Specify a custom size for the Icon",
|
|
1024
1077
|
"values": []
|
|
1025
1078
|
},
|
|
1026
1079
|
{
|
|
1027
|
-
"name": "
|
|
1028
|
-
"description": "Specify
|
|
1029
|
-
"values": [
|
|
1080
|
+
"name": "customIconColor",
|
|
1081
|
+
"description": "Specify a custom color for the Icon",
|
|
1082
|
+
"values": []
|
|
1030
1083
|
}
|
|
1031
1084
|
],
|
|
1032
1085
|
"references": [
|
|
1033
1086
|
{
|
|
1034
1087
|
"name": "Storybook",
|
|
1035
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
1088
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-icon"
|
|
1036
1089
|
}
|
|
1037
1090
|
]
|
|
1038
1091
|
},
|
|
@@ -1105,59 +1158,6 @@
|
|
|
1105
1158
|
}
|
|
1106
1159
|
]
|
|
1107
1160
|
},
|
|
1108
|
-
{
|
|
1109
|
-
"name": "bm-icon",
|
|
1110
|
-
"description": "`bm-icon`\n\n### Attributes:\n- **color** - Specify the color of Icon\n- **size** - Specify the size of Icon\n- **customIconSize** - Specify a custom size for the Icon\n- **customIconColor** - Specify a custom color for the Icon\n---\n\n\n### **Slots:**\n - **default** - Specify which Icon to display",
|
|
1111
|
-
"attributes": [
|
|
1112
|
-
{
|
|
1113
|
-
"name": "color",
|
|
1114
|
-
"description": "Specify the color of Icon",
|
|
1115
|
-
"values": [
|
|
1116
|
-
{ "name": "primary" },
|
|
1117
|
-
{ "name": "secondary" },
|
|
1118
|
-
{ "name": "infoPrimary" },
|
|
1119
|
-
{ "name": "infoSecondary" },
|
|
1120
|
-
{ "name": "positive" },
|
|
1121
|
-
{ "name": "warning" },
|
|
1122
|
-
{ "name": "negative" },
|
|
1123
|
-
{ "name": "secondaryInverse" },
|
|
1124
|
-
{ "name": "positiveStrong" },
|
|
1125
|
-
{ "name": "warningStrong" },
|
|
1126
|
-
{ "name": "negativeStrong" },
|
|
1127
|
-
{ "name": "infoPrimaryStrong" },
|
|
1128
|
-
{ "name": "infoSecondaryStrong" },
|
|
1129
|
-
{ "name": "primaryInverse" }
|
|
1130
|
-
]
|
|
1131
|
-
},
|
|
1132
|
-
{
|
|
1133
|
-
"name": "size",
|
|
1134
|
-
"description": "Specify the size of Icon",
|
|
1135
|
-
"values": [
|
|
1136
|
-
{ "name": "xs" },
|
|
1137
|
-
{ "name": "sm" },
|
|
1138
|
-
{ "name": "md" },
|
|
1139
|
-
{ "name": "lg" },
|
|
1140
|
-
{ "name": "xl" }
|
|
1141
|
-
]
|
|
1142
|
-
},
|
|
1143
|
-
{
|
|
1144
|
-
"name": "customIconSize",
|
|
1145
|
-
"description": "Specify a custom size for the Icon",
|
|
1146
|
-
"values": []
|
|
1147
|
-
},
|
|
1148
|
-
{
|
|
1149
|
-
"name": "customIconColor",
|
|
1150
|
-
"description": "Specify a custom color for the Icon",
|
|
1151
|
-
"values": []
|
|
1152
|
-
}
|
|
1153
|
-
],
|
|
1154
|
-
"references": [
|
|
1155
|
-
{
|
|
1156
|
-
"name": "Storybook",
|
|
1157
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-icon"
|
|
1158
|
-
}
|
|
1159
|
-
]
|
|
1160
|
-
},
|
|
1161
1161
|
{
|
|
1162
1162
|
"name": "bm-label",
|
|
1163
1163
|
"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",
|
|
@@ -1252,6 +1252,59 @@
|
|
|
1252
1252
|
}
|
|
1253
1253
|
]
|
|
1254
1254
|
},
|
|
1255
|
+
{
|
|
1256
|
+
"name": "bm-list",
|
|
1257
|
+
"description": "### Attributes:\n- **kind** - Specify the kind of List\n- **size** - Specify the size of List\n- **density** - Specify the density of the List\n- **indent** - Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.\n---\n\n\n### **Slots:**\n - **default** - Add list items to create a List",
|
|
1258
|
+
"attributes": [
|
|
1259
|
+
{
|
|
1260
|
+
"name": "kind",
|
|
1261
|
+
"description": "Specify the kind of List",
|
|
1262
|
+
"values": [
|
|
1263
|
+
{ "name": "ordered" },
|
|
1264
|
+
{ "name": "unordered" },
|
|
1265
|
+
{ "name": "unstyled" },
|
|
1266
|
+
{ "name": "withIcons" }
|
|
1267
|
+
]
|
|
1268
|
+
},
|
|
1269
|
+
{
|
|
1270
|
+
"name": "size",
|
|
1271
|
+
"description": "Specify the size of List",
|
|
1272
|
+
"values": [
|
|
1273
|
+
{ "name": "sm" },
|
|
1274
|
+
{ "name": "md" },
|
|
1275
|
+
{ "name": "lg" },
|
|
1276
|
+
{ "name": "xl" }
|
|
1277
|
+
]
|
|
1278
|
+
},
|
|
1279
|
+
{
|
|
1280
|
+
"name": "density",
|
|
1281
|
+
"description": "Specify the density of the List",
|
|
1282
|
+
"values": [{ "name": "md" }, { "name": "lg" }]
|
|
1283
|
+
},
|
|
1284
|
+
{
|
|
1285
|
+
"name": "indent",
|
|
1286
|
+
"description": "Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.",
|
|
1287
|
+
"values": []
|
|
1288
|
+
}
|
|
1289
|
+
],
|
|
1290
|
+
"references": [
|
|
1291
|
+
{
|
|
1292
|
+
"name": "Storybook",
|
|
1293
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
|
|
1294
|
+
}
|
|
1295
|
+
]
|
|
1296
|
+
},
|
|
1297
|
+
{
|
|
1298
|
+
"name": "bm-list-item",
|
|
1299
|
+
"description": "\n---\n\n\n### **Slots:**\n - **icon** - Specify an Icon for the List.Item\n- **default** - Specify the text for List.Item",
|
|
1300
|
+
"attributes": [],
|
|
1301
|
+
"references": [
|
|
1302
|
+
{
|
|
1303
|
+
"name": "Storybook",
|
|
1304
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
|
|
1305
|
+
}
|
|
1306
|
+
]
|
|
1307
|
+
},
|
|
1255
1308
|
{
|
|
1256
1309
|
"name": "bm-progress-bar",
|
|
1257
1310
|
"description": "`bm-progress-bar`\n\n### Attributes:\n- **state** - Specify the ProgressBar state\n- **size** - Specify the size of the ProgressBar\n- **label** - Provide text for the ProgressBar label\n- **helperText** - Specify helperText for ProgressBar. helperText is required for the Error state.\n- **fullWidth** - Specify if the ProgressBar has no corner radius\n- **theme** - Specify the theme of the ProgressBar. By default it inherits the theme from the parent\n- **value** - Specify if a ProgressBar is determinate by setting a value between 0 and 100.\n- **progressbarAriaLabel** - Specify the aria-label for the ProgressBar\n---\n",
|
|
@@ -1308,59 +1361,6 @@
|
|
|
1308
1361
|
}
|
|
1309
1362
|
]
|
|
1310
1363
|
},
|
|
1311
|
-
{
|
|
1312
|
-
"name": "bm-list",
|
|
1313
|
-
"description": "### Attributes:\n- **kind** - Specify the kind of List\n- **size** - Specify the size of List\n- **density** - Specify the density of the List\n- **indent** - Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.\n---\n\n\n### **Slots:**\n - **default** - Add list items to create a List",
|
|
1314
|
-
"attributes": [
|
|
1315
|
-
{
|
|
1316
|
-
"name": "kind",
|
|
1317
|
-
"description": "Specify the kind of List",
|
|
1318
|
-
"values": [
|
|
1319
|
-
{ "name": "ordered" },
|
|
1320
|
-
{ "name": "unordered" },
|
|
1321
|
-
{ "name": "unstyled" },
|
|
1322
|
-
{ "name": "withIcons" }
|
|
1323
|
-
]
|
|
1324
|
-
},
|
|
1325
|
-
{
|
|
1326
|
-
"name": "size",
|
|
1327
|
-
"description": "Specify the size of List",
|
|
1328
|
-
"values": [
|
|
1329
|
-
{ "name": "sm" },
|
|
1330
|
-
{ "name": "md" },
|
|
1331
|
-
{ "name": "lg" },
|
|
1332
|
-
{ "name": "xl" }
|
|
1333
|
-
]
|
|
1334
|
-
},
|
|
1335
|
-
{
|
|
1336
|
-
"name": "density",
|
|
1337
|
-
"description": "Specify the density of the List",
|
|
1338
|
-
"values": [{ "name": "md" }, { "name": "lg" }]
|
|
1339
|
-
},
|
|
1340
|
-
{
|
|
1341
|
-
"name": "indent",
|
|
1342
|
-
"description": "Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.",
|
|
1343
|
-
"values": []
|
|
1344
|
-
}
|
|
1345
|
-
],
|
|
1346
|
-
"references": [
|
|
1347
|
-
{
|
|
1348
|
-
"name": "Storybook",
|
|
1349
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
|
|
1350
|
-
}
|
|
1351
|
-
]
|
|
1352
|
-
},
|
|
1353
|
-
{
|
|
1354
|
-
"name": "bm-list-item",
|
|
1355
|
-
"description": "\n---\n\n\n### **Slots:**\n - **icon** - Specify an Icon for the List.Item\n- **default** - Specify the text for List.Item",
|
|
1356
|
-
"attributes": [],
|
|
1357
|
-
"references": [
|
|
1358
|
-
{
|
|
1359
|
-
"name": "Storybook",
|
|
1360
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
|
|
1361
|
-
}
|
|
1362
|
-
]
|
|
1363
|
-
},
|
|
1364
1364
|
{
|
|
1365
1365
|
"name": "bm-segmented-control",
|
|
1366
1366
|
"description": "`bm-segmented-control`\n\n### Attributes:\n- **disabled** - Specify if all SegmentedControl items are disabled\n- **size** - Specify the size of a SegmentedControl\n- **initialSelection** - Specify the value of the initially selected item\n- **fluid** - Specify if the SegmentedControl is fluid with its parent container\n---\n\n\n### **Events:**\n - **bm-change** - Dispatched when a `SegmentedControlItem` is selected, with the selected value in the `detail` property",
|
|
@@ -1814,93 +1814,203 @@
|
|
|
1814
1814
|
"references": [
|
|
1815
1815
|
{
|
|
1816
1816
|
"name": "Storybook",
|
|
1817
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-tooltip"
|
|
1817
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-tooltip"
|
|
1818
|
+
}
|
|
1819
|
+
]
|
|
1820
|
+
},
|
|
1821
|
+
{
|
|
1822
|
+
"name": "bm-tooltip-icon-trigger",
|
|
1823
|
+
"description": "### Attributes:\n- **size** - Specify the size of the Tooltip trigger. `none` to leave uncontrolled.\n- **disabled** - Prevent the trigger from being interacted with\n---\n",
|
|
1824
|
+
"attributes": [
|
|
1825
|
+
{
|
|
1826
|
+
"name": "size",
|
|
1827
|
+
"description": "Specify the size of the Tooltip trigger. `none` to leave uncontrolled.",
|
|
1828
|
+
"values": [
|
|
1829
|
+
{ "name": "xs" },
|
|
1830
|
+
{ "name": "sm" },
|
|
1831
|
+
{ "name": "md" },
|
|
1832
|
+
{ "name": "lg" },
|
|
1833
|
+
{ "name": "xl" },
|
|
1834
|
+
{ "name": "none" }
|
|
1835
|
+
]
|
|
1836
|
+
},
|
|
1837
|
+
{
|
|
1838
|
+
"name": "disabled",
|
|
1839
|
+
"description": "Prevent the trigger from being interacted with",
|
|
1840
|
+
"values": []
|
|
1841
|
+
}
|
|
1842
|
+
],
|
|
1843
|
+
"references": [
|
|
1844
|
+
{
|
|
1845
|
+
"name": "Storybook",
|
|
1846
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-tooltipicon"
|
|
1847
|
+
}
|
|
1848
|
+
]
|
|
1849
|
+
},
|
|
1850
|
+
{
|
|
1851
|
+
"name": "bm-checkbox",
|
|
1852
|
+
"description": "`bm-checkbox`\n\n### Attributes:\n- **theme** - Specify the theme of the CloseButton. By default it inherits the theme from the parent\n- **label** - Specify the text for the label\n- **name** - Specify the checkbox name\n- **value** - Specify the checkbox value\n- **error** - Specify error text and display error state of a Checkbox\n- **readOnly** - Specify if Checkbox displays in a read-only state\n- **indeterminate** - Specify if Checkbox displays in an indeterminate state\n- **disabled** - Specify if Checkbox displays in disabled state\n- **checked** - Specify if Checkbox is checked\n---\n",
|
|
1853
|
+
"attributes": [
|
|
1854
|
+
{
|
|
1855
|
+
"name": "theme",
|
|
1856
|
+
"description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
|
|
1857
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1858
|
+
},
|
|
1859
|
+
{
|
|
1860
|
+
"name": "label",
|
|
1861
|
+
"description": "Specify the text for the label",
|
|
1862
|
+
"values": []
|
|
1863
|
+
},
|
|
1864
|
+
{
|
|
1865
|
+
"name": "name",
|
|
1866
|
+
"description": "Specify the checkbox name",
|
|
1867
|
+
"values": []
|
|
1868
|
+
},
|
|
1869
|
+
{
|
|
1870
|
+
"name": "value",
|
|
1871
|
+
"description": "Specify the checkbox value",
|
|
1872
|
+
"values": []
|
|
1873
|
+
},
|
|
1874
|
+
{
|
|
1875
|
+
"name": "error",
|
|
1876
|
+
"description": "Specify error text and display error state of a Checkbox",
|
|
1877
|
+
"values": []
|
|
1878
|
+
},
|
|
1879
|
+
{
|
|
1880
|
+
"name": "readOnly",
|
|
1881
|
+
"description": "Specify if Checkbox displays in a read-only state",
|
|
1882
|
+
"values": []
|
|
1883
|
+
},
|
|
1884
|
+
{
|
|
1885
|
+
"name": "indeterminate",
|
|
1886
|
+
"description": "Specify if Checkbox displays in an indeterminate state",
|
|
1887
|
+
"values": []
|
|
1888
|
+
},
|
|
1889
|
+
{
|
|
1890
|
+
"name": "disabled",
|
|
1891
|
+
"description": "Specify if Checkbox displays in disabled state",
|
|
1892
|
+
"values": []
|
|
1893
|
+
},
|
|
1894
|
+
{
|
|
1895
|
+
"name": "checked",
|
|
1896
|
+
"description": "Specify if Checkbox is checked",
|
|
1897
|
+
"values": []
|
|
1898
|
+
}
|
|
1899
|
+
],
|
|
1900
|
+
"references": [
|
|
1901
|
+
{
|
|
1902
|
+
"name": "Storybook",
|
|
1903
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-checkbox"
|
|
1818
1904
|
}
|
|
1819
1905
|
]
|
|
1820
1906
|
},
|
|
1821
1907
|
{
|
|
1822
|
-
"name": "bm-
|
|
1823
|
-
"description": "###
|
|
1908
|
+
"name": "bm-form",
|
|
1909
|
+
"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",
|
|
1824
1910
|
"attributes": [
|
|
1825
1911
|
{
|
|
1826
|
-
"name": "
|
|
1827
|
-
"description": "Specify
|
|
1912
|
+
"name": "validationMode",
|
|
1913
|
+
"description": "Specify if validation runs on change or when loosing focus",
|
|
1828
1914
|
"values": [
|
|
1829
|
-
{ "name": "
|
|
1830
|
-
{ "name": "
|
|
1831
|
-
{ "name": "
|
|
1832
|
-
{ "name": "lg" },
|
|
1833
|
-
{ "name": "xl" },
|
|
1834
|
-
{ "name": "none" }
|
|
1915
|
+
{ "name": "onChange" },
|
|
1916
|
+
{ "name": "onBlur" },
|
|
1917
|
+
{ "name": "onSubmit" }
|
|
1835
1918
|
]
|
|
1836
1919
|
},
|
|
1920
|
+
{
|
|
1921
|
+
"name": "initialValues",
|
|
1922
|
+
"description": "Specify initial values on Form controls based on their names",
|
|
1923
|
+
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
1924
|
+
},
|
|
1925
|
+
{
|
|
1926
|
+
"name": "required",
|
|
1927
|
+
"description": "Specify if input is a required",
|
|
1928
|
+
"values": []
|
|
1929
|
+
},
|
|
1837
1930
|
{
|
|
1838
1931
|
"name": "disabled",
|
|
1839
|
-
"description": "
|
|
1932
|
+
"description": "Specify if input is a disabled",
|
|
1840
1933
|
"values": []
|
|
1841
|
-
}
|
|
1934
|
+
},
|
|
1935
|
+
{
|
|
1936
|
+
"name": "readOnly",
|
|
1937
|
+
"description": "Specify if input is a read only",
|
|
1938
|
+
"values": []
|
|
1939
|
+
},
|
|
1940
|
+
{ "name": "action", "values": [] },
|
|
1941
|
+
{ "name": "method", "values": [] },
|
|
1942
|
+
{ "name": "target", "values": [] },
|
|
1943
|
+
{ "name": "enctype", "values": [] }
|
|
1842
1944
|
],
|
|
1843
1945
|
"references": [
|
|
1844
1946
|
{
|
|
1845
1947
|
"name": "Storybook",
|
|
1846
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/
|
|
1948
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
1847
1949
|
}
|
|
1848
1950
|
]
|
|
1849
1951
|
},
|
|
1850
1952
|
{
|
|
1851
|
-
"name": "bm-
|
|
1852
|
-
"description": "`bm-
|
|
1953
|
+
"name": "bm-native-select",
|
|
1954
|
+
"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",
|
|
1853
1955
|
"attributes": [
|
|
1854
1956
|
{
|
|
1855
|
-
"name": "
|
|
1856
|
-
"description": "Specify
|
|
1857
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1858
|
-
},
|
|
1859
|
-
{
|
|
1860
|
-
"name": "label",
|
|
1861
|
-
"description": "Specify the text for the label",
|
|
1957
|
+
"name": "required",
|
|
1958
|
+
"description": "Specify if NativeSelect is a required input",
|
|
1862
1959
|
"values": []
|
|
1863
1960
|
},
|
|
1864
1961
|
{
|
|
1865
|
-
"name": "
|
|
1866
|
-
"description": "Specify
|
|
1962
|
+
"name": "readOnly",
|
|
1963
|
+
"description": "Specify if NativeSelect displays in a read-only state",
|
|
1867
1964
|
"values": []
|
|
1868
1965
|
},
|
|
1869
1966
|
{
|
|
1870
|
-
"name": "
|
|
1871
|
-
"description": "Specify
|
|
1967
|
+
"name": "disabled",
|
|
1968
|
+
"description": "Specify if NativeSelect displays in a disabled state",
|
|
1872
1969
|
"values": []
|
|
1873
1970
|
},
|
|
1874
1971
|
{
|
|
1875
1972
|
"name": "error",
|
|
1876
|
-
"description": "Specify error text and display error state of a
|
|
1973
|
+
"description": "Specify error text and display error state of a NativeSelect",
|
|
1877
1974
|
"values": []
|
|
1878
1975
|
},
|
|
1879
1976
|
{
|
|
1880
|
-
"name": "
|
|
1881
|
-
"description": "Specify if
|
|
1977
|
+
"name": "fluid",
|
|
1978
|
+
"description": "Specify if NativeSelect is fluid",
|
|
1882
1979
|
"values": []
|
|
1883
1980
|
},
|
|
1884
1981
|
{
|
|
1885
|
-
"name": "
|
|
1886
|
-
"description": "Specify
|
|
1982
|
+
"name": "width",
|
|
1983
|
+
"description": "Specify the width of NativeSelect",
|
|
1887
1984
|
"values": []
|
|
1888
1985
|
},
|
|
1889
1986
|
{
|
|
1890
|
-
"name": "
|
|
1891
|
-
"description": "Specify if
|
|
1987
|
+
"name": "ellipse",
|
|
1988
|
+
"description": "Specify if overflow displays ellipsis",
|
|
1892
1989
|
"values": []
|
|
1893
1990
|
},
|
|
1894
1991
|
{
|
|
1895
|
-
"name": "
|
|
1896
|
-
"description": "Specify if
|
|
1992
|
+
"name": "hideRequiredMarker",
|
|
1993
|
+
"description": "Specify if the NativeSelect displays with an asterisk",
|
|
1897
1994
|
"values": []
|
|
1898
|
-
}
|
|
1995
|
+
},
|
|
1996
|
+
{
|
|
1997
|
+
"name": "theme",
|
|
1998
|
+
"description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
|
|
1999
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2000
|
+
},
|
|
2001
|
+
{ "name": "id", "values": [] },
|
|
2002
|
+
{ "name": "name", "values": [] },
|
|
2003
|
+
{ "name": "value", "values": [] },
|
|
2004
|
+
{
|
|
2005
|
+
"name": "validationRules",
|
|
2006
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2007
|
+
},
|
|
2008
|
+
{ "name": "input-aria-label", "values": [] }
|
|
1899
2009
|
],
|
|
1900
2010
|
"references": [
|
|
1901
2011
|
{
|
|
1902
2012
|
"name": "Storybook",
|
|
1903
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2013
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
|
|
1904
2014
|
}
|
|
1905
2015
|
]
|
|
1906
2016
|
},
|
|
@@ -2212,112 +2322,45 @@
|
|
|
2212
2322
|
]
|
|
2213
2323
|
},
|
|
2214
2324
|
{
|
|
2215
|
-
"name": "bm-
|
|
2216
|
-
"description": "`bm-
|
|
2325
|
+
"name": "bm-switch",
|
|
2326
|
+
"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.",
|
|
2217
2327
|
"attributes": [
|
|
2218
2328
|
{
|
|
2219
|
-
"name": "
|
|
2220
|
-
"description": "Specify
|
|
2221
|
-
"values": [
|
|
2222
|
-
{ "name": "onChange" },
|
|
2223
|
-
{ "name": "onBlur" },
|
|
2224
|
-
{ "name": "onSubmit" }
|
|
2225
|
-
]
|
|
2226
|
-
},
|
|
2227
|
-
{
|
|
2228
|
-
"name": "initialValues",
|
|
2229
|
-
"description": "Specify initial values on Form controls based on their names",
|
|
2230
|
-
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
2231
|
-
},
|
|
2232
|
-
{
|
|
2233
|
-
"name": "required",
|
|
2234
|
-
"description": "Specify if input is a required",
|
|
2235
|
-
"values": []
|
|
2236
|
-
},
|
|
2237
|
-
{
|
|
2238
|
-
"name": "disabled",
|
|
2239
|
-
"description": "Specify if input is a disabled",
|
|
2329
|
+
"name": "onText",
|
|
2330
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2240
2331
|
"values": []
|
|
2241
2332
|
},
|
|
2242
2333
|
{
|
|
2243
|
-
"name": "
|
|
2244
|
-
"description": "Specify
|
|
2334
|
+
"name": "offText",
|
|
2335
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2245
2336
|
"values": []
|
|
2246
2337
|
},
|
|
2247
|
-
{ "name": "action", "values": [] },
|
|
2248
|
-
{ "name": "method", "values": [] },
|
|
2249
|
-
{ "name": "target", "values": [] },
|
|
2250
|
-
{ "name": "enctype", "values": [] }
|
|
2251
|
-
],
|
|
2252
|
-
"references": [
|
|
2253
|
-
{
|
|
2254
|
-
"name": "Storybook",
|
|
2255
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
2256
|
-
}
|
|
2257
|
-
]
|
|
2258
|
-
},
|
|
2259
|
-
{
|
|
2260
|
-
"name": "bm-native-select",
|
|
2261
|
-
"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",
|
|
2262
|
-
"attributes": [
|
|
2263
2338
|
{
|
|
2264
|
-
"name": "
|
|
2265
|
-
"description": "Specify
|
|
2266
|
-
"values": []
|
|
2339
|
+
"name": "textPosition",
|
|
2340
|
+
"description": "Specify the position of the side label",
|
|
2341
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2267
2342
|
},
|
|
2268
2343
|
{
|
|
2269
2344
|
"name": "readOnly",
|
|
2270
|
-
"description": "Specify if
|
|
2345
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2271
2346
|
"values": []
|
|
2272
2347
|
},
|
|
2273
2348
|
{
|
|
2274
2349
|
"name": "disabled",
|
|
2275
|
-
"description": "Specify if
|
|
2276
|
-
"values": []
|
|
2277
|
-
},
|
|
2278
|
-
{
|
|
2279
|
-
"name": "error",
|
|
2280
|
-
"description": "Specify error text and display error state of a NativeSelect",
|
|
2281
|
-
"values": []
|
|
2282
|
-
},
|
|
2283
|
-
{
|
|
2284
|
-
"name": "fluid",
|
|
2285
|
-
"description": "Specify if NativeSelect is fluid",
|
|
2286
|
-
"values": []
|
|
2287
|
-
},
|
|
2288
|
-
{
|
|
2289
|
-
"name": "width",
|
|
2290
|
-
"description": "Specify the width of NativeSelect",
|
|
2291
|
-
"values": []
|
|
2292
|
-
},
|
|
2293
|
-
{
|
|
2294
|
-
"name": "ellipse",
|
|
2295
|
-
"description": "Specify if overflow displays ellipsis",
|
|
2350
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2296
2351
|
"values": []
|
|
2297
2352
|
},
|
|
2353
|
+
{ "name": "checked", "values": [] },
|
|
2298
2354
|
{
|
|
2299
|
-
"name": "
|
|
2300
|
-
"description": "
|
|
2355
|
+
"name": "value",
|
|
2356
|
+
"description": "The value attribute for the input element",
|
|
2301
2357
|
"values": []
|
|
2302
|
-
}
|
|
2303
|
-
{
|
|
2304
|
-
"name": "theme",
|
|
2305
|
-
"description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
|
|
2306
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2307
|
-
},
|
|
2308
|
-
{ "name": "id", "values": [] },
|
|
2309
|
-
{ "name": "name", "values": [] },
|
|
2310
|
-
{ "name": "value", "values": [] },
|
|
2311
|
-
{
|
|
2312
|
-
"name": "validationRules",
|
|
2313
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2314
|
-
},
|
|
2315
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2358
|
+
}
|
|
2316
2359
|
],
|
|
2317
2360
|
"references": [
|
|
2318
2361
|
{
|
|
2319
2362
|
"name": "Storybook",
|
|
2320
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2363
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2321
2364
|
}
|
|
2322
2365
|
]
|
|
2323
2366
|
},
|
|
@@ -2373,49 +2416,6 @@
|
|
|
2373
2416
|
}
|
|
2374
2417
|
]
|
|
2375
2418
|
},
|
|
2376
|
-
{
|
|
2377
|
-
"name": "bm-switch",
|
|
2378
|
-
"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.",
|
|
2379
|
-
"attributes": [
|
|
2380
|
-
{
|
|
2381
|
-
"name": "onText",
|
|
2382
|
-
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2383
|
-
"values": []
|
|
2384
|
-
},
|
|
2385
|
-
{
|
|
2386
|
-
"name": "offText",
|
|
2387
|
-
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2388
|
-
"values": []
|
|
2389
|
-
},
|
|
2390
|
-
{
|
|
2391
|
-
"name": "textPosition",
|
|
2392
|
-
"description": "Specify the position of the side label",
|
|
2393
|
-
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2394
|
-
},
|
|
2395
|
-
{
|
|
2396
|
-
"name": "readOnly",
|
|
2397
|
-
"description": "Specify if Switch displays in a read-only state",
|
|
2398
|
-
"values": []
|
|
2399
|
-
},
|
|
2400
|
-
{
|
|
2401
|
-
"name": "disabled",
|
|
2402
|
-
"description": "Specify if Switch displays in a disabled state",
|
|
2403
|
-
"values": []
|
|
2404
|
-
},
|
|
2405
|
-
{ "name": "checked", "values": [] },
|
|
2406
|
-
{
|
|
2407
|
-
"name": "value",
|
|
2408
|
-
"description": "The value attribute for the input element",
|
|
2409
|
-
"values": []
|
|
2410
|
-
}
|
|
2411
|
-
],
|
|
2412
|
-
"references": [
|
|
2413
|
-
{
|
|
2414
|
-
"name": "Storybook",
|
|
2415
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2416
|
-
}
|
|
2417
|
-
]
|
|
2418
|
-
},
|
|
2419
2419
|
{
|
|
2420
2420
|
"name": "bm-text-area",
|
|
2421
2421
|
"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",
|
|
@@ -2576,8 +2576,8 @@
|
|
|
2576
2576
|
]
|
|
2577
2577
|
},
|
|
2578
2578
|
{
|
|
2579
|
-
"name": "bm-
|
|
2580
|
-
"description": "
|
|
2579
|
+
"name": "bm-switch-group",
|
|
2580
|
+
"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",
|
|
2581
2581
|
"attributes": [
|
|
2582
2582
|
{
|
|
2583
2583
|
"name": "theme",
|
|
@@ -2640,13 +2640,13 @@
|
|
|
2640
2640
|
"references": [
|
|
2641
2641
|
{
|
|
2642
2642
|
"name": "Storybook",
|
|
2643
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2643
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2644
2644
|
}
|
|
2645
2645
|
]
|
|
2646
2646
|
},
|
|
2647
2647
|
{
|
|
2648
|
-
"name": "bm-
|
|
2649
|
-
"description": "
|
|
2648
|
+
"name": "bm-radio-button-group",
|
|
2649
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
2650
2650
|
"attributes": [
|
|
2651
2651
|
{
|
|
2652
2652
|
"name": "theme",
|
|
@@ -2709,7 +2709,7 @@
|
|
|
2709
2709
|
"references": [
|
|
2710
2710
|
{
|
|
2711
2711
|
"name": "Storybook",
|
|
2712
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2712
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2713
2713
|
}
|
|
2714
2714
|
]
|
|
2715
2715
|
}
|