@viasat/beam-web-components 2.18.0 → 2.18.1
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 +1903 -1903
- package/package.json +6 -6
- package/vscode.html-custom-data.json +278 -278
|
@@ -61,79 +61,6 @@
|
|
|
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
|
-
},
|
|
137
64
|
{
|
|
138
65
|
"name": "bm-avatar",
|
|
139
66
|
"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",
|
|
@@ -232,87 +159,6 @@
|
|
|
232
159
|
}
|
|
233
160
|
]
|
|
234
161
|
},
|
|
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
|
-
{
|
|
240
|
-
"name": "appearance",
|
|
241
|
-
"description": "Specify the appearance of the Badge",
|
|
242
|
-
"values": [
|
|
243
|
-
{ "name": "infoPrimary" },
|
|
244
|
-
{ "name": "infoSecondary" },
|
|
245
|
-
{ "name": "positive" },
|
|
246
|
-
{ "name": "warning" },
|
|
247
|
-
{ "name": "negative" }
|
|
248
|
-
]
|
|
249
|
-
},
|
|
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
|
-
{
|
|
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": [] }
|
|
270
|
-
],
|
|
271
|
-
"references": [
|
|
272
|
-
{
|
|
273
|
-
"name": "Storybook",
|
|
274
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
275
|
-
}
|
|
276
|
-
]
|
|
277
|
-
},
|
|
278
|
-
{
|
|
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",
|
|
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
|
-
},
|
|
287
|
-
{
|
|
288
|
-
"name": "appearance",
|
|
289
|
-
"description": "Specify the appearance of the BadgeDot",
|
|
290
|
-
"values": [
|
|
291
|
-
{ "name": "infoPrimary" },
|
|
292
|
-
{ "name": "infoSecondary" },
|
|
293
|
-
{ "name": "positive" },
|
|
294
|
-
{ "name": "warning" },
|
|
295
|
-
{ "name": "negative" }
|
|
296
|
-
]
|
|
297
|
-
},
|
|
298
|
-
{
|
|
299
|
-
"name": "emphasis",
|
|
300
|
-
"description": "Specify the emphasis of the BadgeDot",
|
|
301
|
-
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
302
|
-
},
|
|
303
|
-
{
|
|
304
|
-
"name": "overrideDotColor",
|
|
305
|
-
"description": "Overrides default dot color",
|
|
306
|
-
"values": []
|
|
307
|
-
}
|
|
308
|
-
],
|
|
309
|
-
"references": [
|
|
310
|
-
{
|
|
311
|
-
"name": "Storybook",
|
|
312
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
313
|
-
}
|
|
314
|
-
]
|
|
315
|
-
},
|
|
316
162
|
{
|
|
317
163
|
"name": "bm-box",
|
|
318
164
|
"description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow\n---\n\n\n### **Slots:**\n - **default** - Provide content for the Box",
|
|
@@ -707,12 +553,166 @@
|
|
|
707
553
|
{ "name": "none" },
|
|
708
554
|
{ "name": "overlay" }
|
|
709
555
|
]
|
|
710
|
-
}
|
|
556
|
+
}
|
|
557
|
+
],
|
|
558
|
+
"references": [
|
|
559
|
+
{
|
|
560
|
+
"name": "Storybook",
|
|
561
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-box"
|
|
562
|
+
}
|
|
563
|
+
]
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"name": "bm-badge-dot",
|
|
567
|
+
"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",
|
|
568
|
+
"attributes": [
|
|
569
|
+
{
|
|
570
|
+
"name": "theme",
|
|
571
|
+
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
572
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"name": "appearance",
|
|
576
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
577
|
+
"values": [
|
|
578
|
+
{ "name": "infoPrimary" },
|
|
579
|
+
{ "name": "infoSecondary" },
|
|
580
|
+
{ "name": "positive" },
|
|
581
|
+
{ "name": "warning" },
|
|
582
|
+
{ "name": "negative" }
|
|
583
|
+
]
|
|
584
|
+
},
|
|
585
|
+
{
|
|
586
|
+
"name": "emphasis",
|
|
587
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
588
|
+
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"name": "overrideDotColor",
|
|
592
|
+
"description": "Overrides default dot color",
|
|
593
|
+
"values": []
|
|
594
|
+
}
|
|
595
|
+
],
|
|
596
|
+
"references": [
|
|
597
|
+
{
|
|
598
|
+
"name": "Storybook",
|
|
599
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
600
|
+
}
|
|
601
|
+
]
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"name": "bm-alert",
|
|
605
|
+
"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",
|
|
606
|
+
"attributes": [
|
|
607
|
+
{
|
|
608
|
+
"name": "heading",
|
|
609
|
+
"description": "Specify the heading text for Alert",
|
|
610
|
+
"values": []
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"name": "body",
|
|
614
|
+
"description": "Specify the body text for Alert",
|
|
615
|
+
"values": []
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "size",
|
|
619
|
+
"description": "Specify the size of the Alert",
|
|
620
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"name": "fullWidth",
|
|
624
|
+
"description": "Specify if the Alert has no border radius",
|
|
625
|
+
"values": []
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"name": "theme",
|
|
629
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
630
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "appearance",
|
|
634
|
+
"description": "Specify the appearance of the Alert",
|
|
635
|
+
"values": [
|
|
636
|
+
{ "name": "infoPrimary" },
|
|
637
|
+
{ "name": "infoSecondary" },
|
|
638
|
+
{ "name": "positive" },
|
|
639
|
+
{ "name": "warning" },
|
|
640
|
+
{ "name": "negative" }
|
|
641
|
+
]
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"name": "hidden",
|
|
645
|
+
"description": "Specify if the Alert is hidden",
|
|
646
|
+
"values": []
|
|
647
|
+
},
|
|
648
|
+
{
|
|
649
|
+
"name": "hideIcon",
|
|
650
|
+
"description": "Specify if the icon displays on the Alert",
|
|
651
|
+
"values": []
|
|
652
|
+
},
|
|
653
|
+
{
|
|
654
|
+
"name": "dismissible",
|
|
655
|
+
"description": "Specify if the Alert can be dismissed",
|
|
656
|
+
"values": []
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"name": "disableAutoFocus",
|
|
660
|
+
"description": "Prevent autofocus on show",
|
|
661
|
+
"values": []
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"name": "disableCloseOnEscape",
|
|
665
|
+
"description": "Prevent Escape from closing",
|
|
666
|
+
"values": []
|
|
667
|
+
}
|
|
668
|
+
],
|
|
669
|
+
"references": [
|
|
670
|
+
{
|
|
671
|
+
"name": "Storybook",
|
|
672
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
673
|
+
}
|
|
674
|
+
]
|
|
675
|
+
},
|
|
676
|
+
{
|
|
677
|
+
"name": "bm-badge",
|
|
678
|
+
"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",
|
|
679
|
+
"attributes": [
|
|
680
|
+
{
|
|
681
|
+
"name": "appearance",
|
|
682
|
+
"description": "Specify the appearance of the Badge",
|
|
683
|
+
"values": [
|
|
684
|
+
{ "name": "infoPrimary" },
|
|
685
|
+
{ "name": "infoSecondary" },
|
|
686
|
+
{ "name": "positive" },
|
|
687
|
+
{ "name": "warning" },
|
|
688
|
+
{ "name": "negative" }
|
|
689
|
+
]
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"name": "theme",
|
|
693
|
+
"description": "Theme of the Badge",
|
|
694
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
695
|
+
},
|
|
696
|
+
{
|
|
697
|
+
"name": "size",
|
|
698
|
+
"description": "Specify the size of the Badge",
|
|
699
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
700
|
+
},
|
|
701
|
+
{
|
|
702
|
+
"name": "emphasis",
|
|
703
|
+
"description": "Specify the emphasis of the Badge",
|
|
704
|
+
"values": [
|
|
705
|
+
{ "name": "strong" },
|
|
706
|
+
{ "name": "medium" },
|
|
707
|
+
{ "name": "subtle" }
|
|
708
|
+
]
|
|
709
|
+
},
|
|
710
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
711
711
|
],
|
|
712
712
|
"references": [
|
|
713
713
|
{
|
|
714
714
|
"name": "Storybook",
|
|
715
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
715
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
716
716
|
}
|
|
717
717
|
]
|
|
718
718
|
},
|
|
@@ -2089,43 +2089,6 @@
|
|
|
2089
2089
|
}
|
|
2090
2090
|
]
|
|
2091
2091
|
},
|
|
2092
|
-
{
|
|
2093
|
-
"name": "bm-label",
|
|
2094
|
-
"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",
|
|
2095
|
-
"attributes": [
|
|
2096
|
-
{
|
|
2097
|
-
"name": "disabled",
|
|
2098
|
-
"description": "Specify if the Label displays disabled",
|
|
2099
|
-
"values": []
|
|
2100
|
-
},
|
|
2101
|
-
{
|
|
2102
|
-
"name": "required",
|
|
2103
|
-
"description": "Specify if the Label displays as required",
|
|
2104
|
-
"values": []
|
|
2105
|
-
},
|
|
2106
|
-
{
|
|
2107
|
-
"name": "text",
|
|
2108
|
-
"description": "Specify the text for Label",
|
|
2109
|
-
"values": []
|
|
2110
|
-
},
|
|
2111
|
-
{
|
|
2112
|
-
"name": "optional",
|
|
2113
|
-
"description": "Specify the text for Label",
|
|
2114
|
-
"values": []
|
|
2115
|
-
},
|
|
2116
|
-
{
|
|
2117
|
-
"name": "theme",
|
|
2118
|
-
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
2119
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2120
|
-
}
|
|
2121
|
-
],
|
|
2122
|
-
"references": [
|
|
2123
|
-
{
|
|
2124
|
-
"name": "Storybook",
|
|
2125
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
|
|
2126
|
-
}
|
|
2127
|
-
]
|
|
2128
|
-
},
|
|
2129
2092
|
{
|
|
2130
2093
|
"name": "bm-form",
|
|
2131
2094
|
"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",
|
|
@@ -2171,6 +2134,43 @@
|
|
|
2171
2134
|
}
|
|
2172
2135
|
]
|
|
2173
2136
|
},
|
|
2137
|
+
{
|
|
2138
|
+
"name": "bm-label",
|
|
2139
|
+
"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",
|
|
2140
|
+
"attributes": [
|
|
2141
|
+
{
|
|
2142
|
+
"name": "disabled",
|
|
2143
|
+
"description": "Specify if the Label displays disabled",
|
|
2144
|
+
"values": []
|
|
2145
|
+
},
|
|
2146
|
+
{
|
|
2147
|
+
"name": "required",
|
|
2148
|
+
"description": "Specify if the Label displays as required",
|
|
2149
|
+
"values": []
|
|
2150
|
+
},
|
|
2151
|
+
{
|
|
2152
|
+
"name": "text",
|
|
2153
|
+
"description": "Specify the text for Label",
|
|
2154
|
+
"values": []
|
|
2155
|
+
},
|
|
2156
|
+
{
|
|
2157
|
+
"name": "optional",
|
|
2158
|
+
"description": "Specify the text for Label",
|
|
2159
|
+
"values": []
|
|
2160
|
+
},
|
|
2161
|
+
{
|
|
2162
|
+
"name": "theme",
|
|
2163
|
+
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
2164
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2165
|
+
}
|
|
2166
|
+
],
|
|
2167
|
+
"references": [
|
|
2168
|
+
{
|
|
2169
|
+
"name": "Storybook",
|
|
2170
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
|
|
2171
|
+
}
|
|
2172
|
+
]
|
|
2173
|
+
},
|
|
2174
2174
|
{
|
|
2175
2175
|
"name": "bm-native-select",
|
|
2176
2176
|
"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",
|
|
@@ -2237,97 +2237,126 @@
|
|
|
2237
2237
|
]
|
|
2238
2238
|
},
|
|
2239
2239
|
{
|
|
2240
|
-
"name": "bm-
|
|
2241
|
-
"description": "`bm-
|
|
2240
|
+
"name": "bm-radio-button",
|
|
2241
|
+
"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",
|
|
2242
2242
|
"attributes": [
|
|
2243
2243
|
{
|
|
2244
|
-
"name": "
|
|
2245
|
-
"description": "Specify
|
|
2244
|
+
"name": "label",
|
|
2245
|
+
"description": "Specify the text for the label",
|
|
2246
2246
|
"values": []
|
|
2247
2247
|
},
|
|
2248
2248
|
{
|
|
2249
|
-
"name": "
|
|
2250
|
-
"description": "Specify
|
|
2249
|
+
"name": "error",
|
|
2250
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2251
2251
|
"values": []
|
|
2252
2252
|
},
|
|
2253
|
-
{
|
|
2254
|
-
"name": "textPosition",
|
|
2255
|
-
"description": "Specify the position of the side label",
|
|
2256
|
-
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2257
|
-
},
|
|
2258
2253
|
{
|
|
2259
2254
|
"name": "readOnly",
|
|
2260
|
-
"description": "Specify if
|
|
2255
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2261
2256
|
"values": []
|
|
2262
2257
|
},
|
|
2263
2258
|
{
|
|
2264
2259
|
"name": "disabled",
|
|
2265
|
-
"description": "Specify if
|
|
2260
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2266
2261
|
"values": []
|
|
2267
2262
|
},
|
|
2268
|
-
{
|
|
2263
|
+
{
|
|
2264
|
+
"name": "theme",
|
|
2265
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2266
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2267
|
+
},
|
|
2269
2268
|
{
|
|
2270
2269
|
"name": "value",
|
|
2271
2270
|
"description": "The value attribute for the input element",
|
|
2272
2271
|
"values": []
|
|
2272
|
+
},
|
|
2273
|
+
{
|
|
2274
|
+
"name": "checked",
|
|
2275
|
+
"description": "The checked attribute for the input element",
|
|
2276
|
+
"values": []
|
|
2277
|
+
},
|
|
2278
|
+
{
|
|
2279
|
+
"name": "onKeyDown",
|
|
2280
|
+
"description": "A user-defined function to handle keydown events",
|
|
2281
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2273
2282
|
}
|
|
2274
2283
|
],
|
|
2275
2284
|
"references": [
|
|
2276
2285
|
{
|
|
2277
2286
|
"name": "Storybook",
|
|
2278
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2287
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2279
2288
|
}
|
|
2280
2289
|
]
|
|
2281
2290
|
},
|
|
2282
2291
|
{
|
|
2283
|
-
"name": "bm-
|
|
2284
|
-
"description": "`bm-
|
|
2292
|
+
"name": "bm-text-field",
|
|
2293
|
+
"description": "`bm-text-field`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextField\n- **helper-text** - Specify the helper text for TextField\n- **content-after** - Specify content to display after input\n- **content-before** - Specify content to display before input",
|
|
2285
2294
|
"attributes": [
|
|
2286
2295
|
{
|
|
2287
|
-
"name": "
|
|
2288
|
-
"description": "Specify
|
|
2296
|
+
"name": "placeholder",
|
|
2297
|
+
"description": "Specify placeholder text for TextField",
|
|
2298
|
+
"values": []
|
|
2299
|
+
},
|
|
2300
|
+
{
|
|
2301
|
+
"name": "required",
|
|
2302
|
+
"description": "Specify if TextField is a required input",
|
|
2303
|
+
"values": []
|
|
2304
|
+
},
|
|
2305
|
+
{
|
|
2306
|
+
"name": "hideRequiredMarker",
|
|
2307
|
+
"description": "Specify if the TextField displays with an asterisk",
|
|
2289
2308
|
"values": []
|
|
2290
2309
|
},
|
|
2291
2310
|
{
|
|
2292
2311
|
"name": "error",
|
|
2293
|
-
"description": "Specify error text and display error state of a
|
|
2312
|
+
"description": "Specify error text and display error state of a TextField",
|
|
2294
2313
|
"values": []
|
|
2295
2314
|
},
|
|
2296
2315
|
{
|
|
2297
2316
|
"name": "readOnly",
|
|
2298
|
-
"description": "Specify if
|
|
2317
|
+
"description": "Specify if TextField displays in a read-only state",
|
|
2299
2318
|
"values": []
|
|
2300
2319
|
},
|
|
2301
2320
|
{
|
|
2302
2321
|
"name": "disabled",
|
|
2303
|
-
"description": "Specify if
|
|
2322
|
+
"description": "Specify if TextField displays in a disabled state",
|
|
2304
2323
|
"values": []
|
|
2305
2324
|
},
|
|
2306
2325
|
{
|
|
2307
|
-
"name": "
|
|
2308
|
-
"description": "Specify
|
|
2309
|
-
"values": [
|
|
2326
|
+
"name": "fluid",
|
|
2327
|
+
"description": "Specify if TextField is fluid",
|
|
2328
|
+
"values": []
|
|
2310
2329
|
},
|
|
2311
2330
|
{
|
|
2312
|
-
"name": "
|
|
2313
|
-
"description": "
|
|
2331
|
+
"name": "width",
|
|
2332
|
+
"description": "Specify the width of TextField",
|
|
2314
2333
|
"values": []
|
|
2315
2334
|
},
|
|
2316
2335
|
{
|
|
2317
|
-
"name": "
|
|
2318
|
-
"description": "
|
|
2336
|
+
"name": "ellipse",
|
|
2337
|
+
"description": "Specify if overflow displays ellipsis",
|
|
2319
2338
|
"values": []
|
|
2320
2339
|
},
|
|
2321
2340
|
{
|
|
2322
|
-
"name": "
|
|
2323
|
-
"description": "
|
|
2324
|
-
"values": [{ "name": "
|
|
2325
|
-
}
|
|
2341
|
+
"name": "theme",
|
|
2342
|
+
"description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
|
|
2343
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2344
|
+
},
|
|
2345
|
+
{ "name": "type", "values": [] },
|
|
2346
|
+
{ "name": "inputMode", "values": [] },
|
|
2347
|
+
{ "name": "id", "values": [] },
|
|
2348
|
+
{ "name": "name", "values": [] },
|
|
2349
|
+
{ "name": "value", "values": [] },
|
|
2350
|
+
{
|
|
2351
|
+
"name": "validationRules",
|
|
2352
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2353
|
+
},
|
|
2354
|
+
{ "name": "input-aria-label", "values": [] }
|
|
2326
2355
|
],
|
|
2327
2356
|
"references": [
|
|
2328
2357
|
{
|
|
2329
2358
|
"name": "Storybook",
|
|
2330
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2359
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textfield"
|
|
2331
2360
|
}
|
|
2332
2361
|
]
|
|
2333
2362
|
},
|
|
@@ -2422,74 +2451,45 @@
|
|
|
2422
2451
|
]
|
|
2423
2452
|
},
|
|
2424
2453
|
{
|
|
2425
|
-
"name": "bm-
|
|
2426
|
-
"description": "`bm-
|
|
2454
|
+
"name": "bm-switch",
|
|
2455
|
+
"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.",
|
|
2427
2456
|
"attributes": [
|
|
2428
2457
|
{
|
|
2429
|
-
"name": "
|
|
2430
|
-
"description": "Specify
|
|
2431
|
-
"values": []
|
|
2432
|
-
},
|
|
2433
|
-
{
|
|
2434
|
-
"name": "required",
|
|
2435
|
-
"description": "Specify if TextField is a required input",
|
|
2458
|
+
"name": "onText",
|
|
2459
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2436
2460
|
"values": []
|
|
2437
2461
|
},
|
|
2438
2462
|
{
|
|
2439
|
-
"name": "
|
|
2440
|
-
"description": "Specify
|
|
2463
|
+
"name": "offText",
|
|
2464
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2441
2465
|
"values": []
|
|
2442
2466
|
},
|
|
2443
2467
|
{
|
|
2444
|
-
"name": "
|
|
2445
|
-
"description": "Specify
|
|
2446
|
-
"values": []
|
|
2468
|
+
"name": "textPosition",
|
|
2469
|
+
"description": "Specify the position of the side label",
|
|
2470
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2447
2471
|
},
|
|
2448
2472
|
{
|
|
2449
2473
|
"name": "readOnly",
|
|
2450
|
-
"description": "Specify if
|
|
2474
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2451
2475
|
"values": []
|
|
2452
2476
|
},
|
|
2453
2477
|
{
|
|
2454
2478
|
"name": "disabled",
|
|
2455
|
-
"description": "Specify if
|
|
2456
|
-
"values": []
|
|
2457
|
-
},
|
|
2458
|
-
{
|
|
2459
|
-
"name": "fluid",
|
|
2460
|
-
"description": "Specify if TextField is fluid",
|
|
2461
|
-
"values": []
|
|
2462
|
-
},
|
|
2463
|
-
{
|
|
2464
|
-
"name": "width",
|
|
2465
|
-
"description": "Specify the width of TextField",
|
|
2479
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2466
2480
|
"values": []
|
|
2467
2481
|
},
|
|
2482
|
+
{ "name": "checked", "values": [] },
|
|
2468
2483
|
{
|
|
2469
|
-
"name": "
|
|
2470
|
-
"description": "
|
|
2484
|
+
"name": "value",
|
|
2485
|
+
"description": "The value attribute for the input element",
|
|
2471
2486
|
"values": []
|
|
2472
|
-
}
|
|
2473
|
-
{
|
|
2474
|
-
"name": "theme",
|
|
2475
|
-
"description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
|
|
2476
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2477
|
-
},
|
|
2478
|
-
{ "name": "type", "values": [] },
|
|
2479
|
-
{ "name": "inputMode", "values": [] },
|
|
2480
|
-
{ "name": "id", "values": [] },
|
|
2481
|
-
{ "name": "name", "values": [] },
|
|
2482
|
-
{ "name": "value", "values": [] },
|
|
2483
|
-
{
|
|
2484
|
-
"name": "validationRules",
|
|
2485
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2486
|
-
},
|
|
2487
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2487
|
+
}
|
|
2488
2488
|
],
|
|
2489
2489
|
"references": [
|
|
2490
2490
|
{
|
|
2491
2491
|
"name": "Storybook",
|
|
2492
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2492
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2493
2493
|
}
|
|
2494
2494
|
]
|
|
2495
2495
|
},
|
|
@@ -2563,8 +2563,8 @@
|
|
|
2563
2563
|
]
|
|
2564
2564
|
},
|
|
2565
2565
|
{
|
|
2566
|
-
"name": "bm-
|
|
2567
|
-
"description": "
|
|
2566
|
+
"name": "bm-radio-button-group",
|
|
2567
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
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-radiobutton"
|
|
2631
2631
|
}
|
|
2632
2632
|
]
|
|
2633
2633
|
},
|
|
2634
2634
|
{
|
|
2635
|
-
"name": "bm-
|
|
2636
|
-
"description": "
|
|
2635
|
+
"name": "bm-switch-group",
|
|
2636
|
+
"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",
|
|
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-switch"
|
|
2700
2700
|
}
|
|
2701
2701
|
]
|
|
2702
2702
|
}
|