@viasat/beam-web-components 2.59.0 → 2.61.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 +2536 -2536
- package/package.json +6 -6
- package/vscode.html-custom-data.json +359 -359
|
@@ -61,6 +61,177 @@
|
|
|
61
61
|
}
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
|
+
{
|
|
65
|
+
"name": "bm-avatar",
|
|
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",
|
|
67
|
+
"attributes": [
|
|
68
|
+
{
|
|
69
|
+
"name": "appearance",
|
|
70
|
+
"description": "Specify the appearance of the Avatar",
|
|
71
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "name",
|
|
75
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
76
|
+
"values": []
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"name": "src",
|
|
80
|
+
"description": "Pass an image to the Avatar",
|
|
81
|
+
"values": []
|
|
82
|
+
},
|
|
83
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
84
|
+
{
|
|
85
|
+
"name": "size",
|
|
86
|
+
"description": "Specify the size of the Avatar",
|
|
87
|
+
"values": [
|
|
88
|
+
{ "name": "xs" },
|
|
89
|
+
{ "name": "sm" },
|
|
90
|
+
{ "name": "md" },
|
|
91
|
+
{ "name": "lg" },
|
|
92
|
+
{ "name": "xl" }
|
|
93
|
+
]
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"name": "disabled",
|
|
97
|
+
"description": "Specify if the Avatar is disabled",
|
|
98
|
+
"values": []
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"name": "shape",
|
|
102
|
+
"description": "Specify the shape of the Avatar",
|
|
103
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"name": "isInteractive",
|
|
107
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
108
|
+
"values": []
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"name": "isFocusable",
|
|
112
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
113
|
+
"values": []
|
|
114
|
+
},
|
|
115
|
+
{ "name": "withBorder", "values": [] }
|
|
116
|
+
],
|
|
117
|
+
"references": [
|
|
118
|
+
{
|
|
119
|
+
"name": "Storybook",
|
|
120
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
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",
|
|
131
|
+
"values": []
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "maxCount",
|
|
135
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
136
|
+
"values": []
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"name": "size",
|
|
140
|
+
"description": "Specify the size of all Avatars",
|
|
141
|
+
"values": [
|
|
142
|
+
{ "name": "xs" },
|
|
143
|
+
{ "name": "sm" },
|
|
144
|
+
{ "name": "md" },
|
|
145
|
+
{ "name": "lg" },
|
|
146
|
+
{ "name": "xl" }
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"name": "layout",
|
|
151
|
+
"description": "Specify the kind of the group.",
|
|
152
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
153
|
+
}
|
|
154
|
+
],
|
|
155
|
+
"references": [
|
|
156
|
+
{
|
|
157
|
+
"name": "Storybook",
|
|
158
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
159
|
+
}
|
|
160
|
+
]
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"name": "bm-alert",
|
|
164
|
+
"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",
|
|
165
|
+
"attributes": [
|
|
166
|
+
{
|
|
167
|
+
"name": "heading",
|
|
168
|
+
"description": "Specify the heading text for Alert",
|
|
169
|
+
"values": []
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "body",
|
|
173
|
+
"description": "Specify the body text for Alert",
|
|
174
|
+
"values": []
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "size",
|
|
178
|
+
"description": "Specify the size of the Alert",
|
|
179
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"name": "fullWidth",
|
|
183
|
+
"description": "Specify if the Alert has no border radius",
|
|
184
|
+
"values": []
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "theme",
|
|
188
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
189
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"name": "appearance",
|
|
193
|
+
"description": "Specify the appearance of the Alert",
|
|
194
|
+
"values": [
|
|
195
|
+
{ "name": "infoPrimary" },
|
|
196
|
+
{ "name": "infoSecondary" },
|
|
197
|
+
{ "name": "positive" },
|
|
198
|
+
{ "name": "warning" },
|
|
199
|
+
{ "name": "negative" }
|
|
200
|
+
]
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"name": "hidden",
|
|
204
|
+
"description": "Specify if the Alert is hidden",
|
|
205
|
+
"values": []
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"name": "hideIcon",
|
|
209
|
+
"description": "Specify if the icon displays on the Alert",
|
|
210
|
+
"values": []
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"name": "dismissible",
|
|
214
|
+
"description": "Specify if the Alert can be dismissed",
|
|
215
|
+
"values": []
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"name": "disableAutoFocus",
|
|
219
|
+
"description": "Prevent autofocus on show",
|
|
220
|
+
"values": []
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"name": "disableCloseOnEscape",
|
|
224
|
+
"description": "Prevent Escape from closing",
|
|
225
|
+
"values": []
|
|
226
|
+
}
|
|
227
|
+
],
|
|
228
|
+
"references": [
|
|
229
|
+
{
|
|
230
|
+
"name": "Storybook",
|
|
231
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
232
|
+
}
|
|
233
|
+
]
|
|
234
|
+
},
|
|
64
235
|
{
|
|
65
236
|
"name": "bm-badge",
|
|
66
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",
|
|
@@ -607,247 +778,76 @@
|
|
|
607
778
|
]
|
|
608
779
|
},
|
|
609
780
|
{
|
|
610
|
-
"name": "bm-
|
|
611
|
-
"description": "`bm-
|
|
781
|
+
"name": "bm-button",
|
|
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",
|
|
612
783
|
"attributes": [
|
|
613
784
|
{
|
|
614
|
-
"name": "
|
|
615
|
-
"description": "Specify the
|
|
616
|
-
"values": [
|
|
785
|
+
"name": "appearance",
|
|
786
|
+
"description": "Specify the appearance of a Button",
|
|
787
|
+
"values": [
|
|
788
|
+
{ "name": "accent" },
|
|
789
|
+
{ "name": "neutral" },
|
|
790
|
+
{ "name": "neutral-subtle" },
|
|
791
|
+
{ "name": "destructive" }
|
|
792
|
+
]
|
|
617
793
|
},
|
|
618
794
|
{
|
|
619
|
-
"name": "
|
|
620
|
-
"description": "Specify the
|
|
621
|
-
"values": [
|
|
795
|
+
"name": "kind",
|
|
796
|
+
"description": "Specify the kind of Button",
|
|
797
|
+
"values": [
|
|
798
|
+
{ "name": "filled" },
|
|
799
|
+
{ "name": "outline" },
|
|
800
|
+
{ "name": "ghost" },
|
|
801
|
+
{ "name": "bare" }
|
|
802
|
+
]
|
|
622
803
|
},
|
|
623
804
|
{
|
|
624
805
|
"name": "size",
|
|
625
|
-
"description": "Specify the size of
|
|
626
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
806
|
+
"description": "Specify the size of a Button",
|
|
807
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
627
808
|
},
|
|
628
809
|
{
|
|
629
|
-
"name": "
|
|
630
|
-
"description": "Specify if the
|
|
810
|
+
"name": "disabled",
|
|
811
|
+
"description": "Specify if the Button is disabled",
|
|
631
812
|
"values": []
|
|
632
813
|
},
|
|
633
814
|
{
|
|
634
|
-
"name": "
|
|
635
|
-
"description": "Specify
|
|
636
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
637
|
-
},
|
|
638
|
-
{
|
|
639
|
-
"name": "appearance",
|
|
640
|
-
"description": "Specify the appearance of the Alert",
|
|
641
|
-
"values": [
|
|
642
|
-
{ "name": "infoPrimary" },
|
|
643
|
-
{ "name": "infoSecondary" },
|
|
644
|
-
{ "name": "positive" },
|
|
645
|
-
{ "name": "warning" },
|
|
646
|
-
{ "name": "negative" }
|
|
647
|
-
]
|
|
648
|
-
},
|
|
649
|
-
{
|
|
650
|
-
"name": "hidden",
|
|
651
|
-
"description": "Specify if the Alert is hidden",
|
|
815
|
+
"name": "fluid",
|
|
816
|
+
"description": "Specify if Button is fluid",
|
|
652
817
|
"values": []
|
|
653
818
|
},
|
|
654
819
|
{
|
|
655
|
-
"name": "
|
|
656
|
-
"description": "Specify
|
|
820
|
+
"name": "width",
|
|
821
|
+
"description": "Specify the width of a Button",
|
|
657
822
|
"values": []
|
|
658
823
|
},
|
|
659
824
|
{
|
|
660
|
-
"name": "
|
|
661
|
-
"description": "Specify
|
|
825
|
+
"name": "height",
|
|
826
|
+
"description": "Specify the height of a Button",
|
|
662
827
|
"values": []
|
|
663
828
|
},
|
|
664
829
|
{
|
|
665
|
-
"name": "
|
|
666
|
-
"description": "
|
|
667
|
-
"values": []
|
|
830
|
+
"name": "theme",
|
|
831
|
+
"description": "Specify the theme of the Button",
|
|
832
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
668
833
|
},
|
|
669
834
|
{
|
|
670
|
-
"name": "
|
|
671
|
-
"description": "
|
|
835
|
+
"name": "iconOnly",
|
|
836
|
+
"description": "Specify if the icon displays without text",
|
|
672
837
|
"values": []
|
|
673
|
-
}
|
|
838
|
+
},
|
|
839
|
+
{ "name": "type", "values": [] }
|
|
674
840
|
],
|
|
675
841
|
"references": [
|
|
676
842
|
{
|
|
677
843
|
"name": "Storybook",
|
|
678
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
844
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
|
|
679
845
|
}
|
|
680
846
|
]
|
|
681
847
|
},
|
|
682
848
|
{
|
|
683
|
-
"name": "bm-
|
|
684
|
-
"description": "`bm-
|
|
685
|
-
"attributes": [
|
|
686
|
-
{
|
|
687
|
-
"name": "appearance",
|
|
688
|
-
"description": "Specify the appearance of the Avatar",
|
|
689
|
-
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
690
|
-
},
|
|
691
|
-
{
|
|
692
|
-
"name": "name",
|
|
693
|
-
"description": "Specify a name to display initials in the Avatar",
|
|
694
|
-
"values": []
|
|
695
|
-
},
|
|
696
|
-
{
|
|
697
|
-
"name": "src",
|
|
698
|
-
"description": "Pass an image to the Avatar",
|
|
699
|
-
"values": []
|
|
700
|
-
},
|
|
701
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
702
|
-
{
|
|
703
|
-
"name": "size",
|
|
704
|
-
"description": "Specify the size of the Avatar",
|
|
705
|
-
"values": [
|
|
706
|
-
{ "name": "xs" },
|
|
707
|
-
{ "name": "sm" },
|
|
708
|
-
{ "name": "md" },
|
|
709
|
-
{ "name": "lg" },
|
|
710
|
-
{ "name": "xl" }
|
|
711
|
-
]
|
|
712
|
-
},
|
|
713
|
-
{
|
|
714
|
-
"name": "disabled",
|
|
715
|
-
"description": "Specify if the Avatar is disabled",
|
|
716
|
-
"values": []
|
|
717
|
-
},
|
|
718
|
-
{
|
|
719
|
-
"name": "shape",
|
|
720
|
-
"description": "Specify the shape of the Avatar",
|
|
721
|
-
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
722
|
-
},
|
|
723
|
-
{
|
|
724
|
-
"name": "isInteractive",
|
|
725
|
-
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
726
|
-
"values": []
|
|
727
|
-
},
|
|
728
|
-
{
|
|
729
|
-
"name": "isFocusable",
|
|
730
|
-
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
731
|
-
"values": []
|
|
732
|
-
},
|
|
733
|
-
{ "name": "withBorder", "values": [] }
|
|
734
|
-
],
|
|
735
|
-
"references": [
|
|
736
|
-
{
|
|
737
|
-
"name": "Storybook",
|
|
738
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
739
|
-
}
|
|
740
|
-
]
|
|
741
|
-
},
|
|
742
|
-
{
|
|
743
|
-
"name": "bm-avatar-group",
|
|
744
|
-
"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",
|
|
745
|
-
"attributes": [
|
|
746
|
-
{
|
|
747
|
-
"name": "wrapping",
|
|
748
|
-
"description": "Specify if the AvatarGroup wraps",
|
|
749
|
-
"values": []
|
|
750
|
-
},
|
|
751
|
-
{
|
|
752
|
-
"name": "maxCount",
|
|
753
|
-
"description": "Specify the max number of avatars displayed in the group.",
|
|
754
|
-
"values": []
|
|
755
|
-
},
|
|
756
|
-
{
|
|
757
|
-
"name": "size",
|
|
758
|
-
"description": "Specify the size of all Avatars",
|
|
759
|
-
"values": [
|
|
760
|
-
{ "name": "xs" },
|
|
761
|
-
{ "name": "sm" },
|
|
762
|
-
{ "name": "md" },
|
|
763
|
-
{ "name": "lg" },
|
|
764
|
-
{ "name": "xl" }
|
|
765
|
-
]
|
|
766
|
-
},
|
|
767
|
-
{
|
|
768
|
-
"name": "layout",
|
|
769
|
-
"description": "Specify the kind of the group.",
|
|
770
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
771
|
-
}
|
|
772
|
-
],
|
|
773
|
-
"references": [
|
|
774
|
-
{
|
|
775
|
-
"name": "Storybook",
|
|
776
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
777
|
-
}
|
|
778
|
-
]
|
|
779
|
-
},
|
|
780
|
-
{
|
|
781
|
-
"name": "bm-button",
|
|
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",
|
|
783
|
-
"attributes": [
|
|
784
|
-
{
|
|
785
|
-
"name": "appearance",
|
|
786
|
-
"description": "Specify the appearance of a Button",
|
|
787
|
-
"values": [
|
|
788
|
-
{ "name": "accent" },
|
|
789
|
-
{ "name": "neutral" },
|
|
790
|
-
{ "name": "neutral-subtle" },
|
|
791
|
-
{ "name": "destructive" }
|
|
792
|
-
]
|
|
793
|
-
},
|
|
794
|
-
{
|
|
795
|
-
"name": "kind",
|
|
796
|
-
"description": "Specify the kind of Button",
|
|
797
|
-
"values": [
|
|
798
|
-
{ "name": "filled" },
|
|
799
|
-
{ "name": "outline" },
|
|
800
|
-
{ "name": "ghost" },
|
|
801
|
-
{ "name": "bare" }
|
|
802
|
-
]
|
|
803
|
-
},
|
|
804
|
-
{
|
|
805
|
-
"name": "size",
|
|
806
|
-
"description": "Specify the size of a Button",
|
|
807
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
808
|
-
},
|
|
809
|
-
{
|
|
810
|
-
"name": "disabled",
|
|
811
|
-
"description": "Specify if the Button is disabled",
|
|
812
|
-
"values": []
|
|
813
|
-
},
|
|
814
|
-
{
|
|
815
|
-
"name": "fluid",
|
|
816
|
-
"description": "Specify if Button is fluid",
|
|
817
|
-
"values": []
|
|
818
|
-
},
|
|
819
|
-
{
|
|
820
|
-
"name": "width",
|
|
821
|
-
"description": "Specify the width of a Button",
|
|
822
|
-
"values": []
|
|
823
|
-
},
|
|
824
|
-
{
|
|
825
|
-
"name": "height",
|
|
826
|
-
"description": "Specify the height of a Button",
|
|
827
|
-
"values": []
|
|
828
|
-
},
|
|
829
|
-
{
|
|
830
|
-
"name": "theme",
|
|
831
|
-
"description": "Specify the theme of the Button",
|
|
832
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
833
|
-
},
|
|
834
|
-
{
|
|
835
|
-
"name": "iconOnly",
|
|
836
|
-
"description": "Specify if the icon displays without text",
|
|
837
|
-
"values": []
|
|
838
|
-
},
|
|
839
|
-
{ "name": "type", "values": [] }
|
|
840
|
-
],
|
|
841
|
-
"references": [
|
|
842
|
-
{
|
|
843
|
-
"name": "Storybook",
|
|
844
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
|
|
845
|
-
}
|
|
846
|
-
]
|
|
847
|
-
},
|
|
848
|
-
{
|
|
849
|
-
"name": "bm-close-button",
|
|
850
|
-
"description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled\n---\n",
|
|
849
|
+
"name": "bm-close-button",
|
|
850
|
+
"description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled\n---\n",
|
|
851
851
|
"attributes": [
|
|
852
852
|
{
|
|
853
853
|
"name": "size",
|
|
@@ -1909,121 +1909,6 @@
|
|
|
1909
1909
|
}
|
|
1910
1910
|
]
|
|
1911
1911
|
},
|
|
1912
|
-
{
|
|
1913
|
-
"name": "bm-form",
|
|
1914
|
-
"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",
|
|
1915
|
-
"attributes": [
|
|
1916
|
-
{
|
|
1917
|
-
"name": "validationMode",
|
|
1918
|
-
"description": "Specify if validation runs on change or when loosing focus",
|
|
1919
|
-
"values": [
|
|
1920
|
-
{ "name": "onChange" },
|
|
1921
|
-
{ "name": "onBlur" },
|
|
1922
|
-
{ "name": "onSubmit" }
|
|
1923
|
-
]
|
|
1924
|
-
},
|
|
1925
|
-
{
|
|
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-native-select",
|
|
1959
|
-
"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",
|
|
1960
|
-
"attributes": [
|
|
1961
|
-
{
|
|
1962
|
-
"name": "required",
|
|
1963
|
-
"description": "Specify if NativeSelect is a required input",
|
|
1964
|
-
"values": []
|
|
1965
|
-
},
|
|
1966
|
-
{
|
|
1967
|
-
"name": "readOnly",
|
|
1968
|
-
"description": "Specify if NativeSelect displays in a read-only state",
|
|
1969
|
-
"values": []
|
|
1970
|
-
},
|
|
1971
|
-
{
|
|
1972
|
-
"name": "disabled",
|
|
1973
|
-
"description": "Specify if NativeSelect displays in a disabled state",
|
|
1974
|
-
"values": []
|
|
1975
|
-
},
|
|
1976
|
-
{
|
|
1977
|
-
"name": "error",
|
|
1978
|
-
"description": "Specify error text and display error state of a NativeSelect",
|
|
1979
|
-
"values": []
|
|
1980
|
-
},
|
|
1981
|
-
{
|
|
1982
|
-
"name": "fluid",
|
|
1983
|
-
"description": "Specify if NativeSelect is fluid",
|
|
1984
|
-
"values": []
|
|
1985
|
-
},
|
|
1986
|
-
{
|
|
1987
|
-
"name": "size",
|
|
1988
|
-
"description": "Specify the size of NativeSelect",
|
|
1989
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
1990
|
-
},
|
|
1991
|
-
{
|
|
1992
|
-
"name": "width",
|
|
1993
|
-
"description": "Specify the width of NativeSelect",
|
|
1994
|
-
"values": []
|
|
1995
|
-
},
|
|
1996
|
-
{
|
|
1997
|
-
"name": "ellipse",
|
|
1998
|
-
"description": "Specify if overflow displays ellipsis",
|
|
1999
|
-
"values": []
|
|
2000
|
-
},
|
|
2001
|
-
{
|
|
2002
|
-
"name": "hideRequiredMarker",
|
|
2003
|
-
"description": "Specify if the NativeSelect displays with an asterisk",
|
|
2004
|
-
"values": []
|
|
2005
|
-
},
|
|
2006
|
-
{
|
|
2007
|
-
"name": "theme",
|
|
2008
|
-
"description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
|
|
2009
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2010
|
-
},
|
|
2011
|
-
{ "name": "id", "values": [] },
|
|
2012
|
-
{ "name": "name", "values": [] },
|
|
2013
|
-
{ "name": "value", "values": [] },
|
|
2014
|
-
{
|
|
2015
|
-
"name": "validationRules",
|
|
2016
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2017
|
-
},
|
|
2018
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2019
|
-
],
|
|
2020
|
-
"references": [
|
|
2021
|
-
{
|
|
2022
|
-
"name": "Storybook",
|
|
2023
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
|
|
2024
|
-
}
|
|
2025
|
-
]
|
|
2026
|
-
},
|
|
2027
1912
|
{
|
|
2028
1913
|
"name": "bm-file-upload-button",
|
|
2029
1914
|
"description": "`bm-file-upload-button`\n\n### Attributes:\n- **error** - Specify if FileUpload is in error state\n- **accept** - Specify the accepted file types\n- **multiple** - Specify if multiple files can be uploaded\n---\n\n\n### **Slots:**\n - **default** - Specify text 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",
|
|
@@ -2332,97 +2217,169 @@
|
|
|
2332
2217
|
]
|
|
2333
2218
|
},
|
|
2334
2219
|
{
|
|
2335
|
-
"name": "bm-
|
|
2336
|
-
"description": "`bm-
|
|
2220
|
+
"name": "bm-form",
|
|
2221
|
+
"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",
|
|
2337
2222
|
"attributes": [
|
|
2338
2223
|
{
|
|
2339
|
-
"name": "
|
|
2340
|
-
"description": "Specify
|
|
2224
|
+
"name": "validationMode",
|
|
2225
|
+
"description": "Specify if validation runs on change or when loosing focus",
|
|
2226
|
+
"values": [
|
|
2227
|
+
{ "name": "onChange" },
|
|
2228
|
+
{ "name": "onBlur" },
|
|
2229
|
+
{ "name": "onSubmit" }
|
|
2230
|
+
]
|
|
2231
|
+
},
|
|
2232
|
+
{
|
|
2233
|
+
"name": "initialValues",
|
|
2234
|
+
"description": "Specify initial values on Form controls based on their names",
|
|
2235
|
+
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
2236
|
+
},
|
|
2237
|
+
{
|
|
2238
|
+
"name": "required",
|
|
2239
|
+
"description": "Specify if input is a required",
|
|
2341
2240
|
"values": []
|
|
2342
2241
|
},
|
|
2343
2242
|
{
|
|
2344
|
-
"name": "
|
|
2345
|
-
"description": "Specify
|
|
2243
|
+
"name": "disabled",
|
|
2244
|
+
"description": "Specify if input is a disabled",
|
|
2346
2245
|
"values": []
|
|
2347
2246
|
},
|
|
2348
2247
|
{
|
|
2349
2248
|
"name": "readOnly",
|
|
2350
|
-
"description": "Specify if
|
|
2249
|
+
"description": "Specify if input is a read only",
|
|
2250
|
+
"values": []
|
|
2251
|
+
},
|
|
2252
|
+
{ "name": "action", "values": [] },
|
|
2253
|
+
{ "name": "method", "values": [] },
|
|
2254
|
+
{ "name": "target", "values": [] },
|
|
2255
|
+
{ "name": "enctype", "values": [] }
|
|
2256
|
+
],
|
|
2257
|
+
"references": [
|
|
2258
|
+
{
|
|
2259
|
+
"name": "Storybook",
|
|
2260
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
2261
|
+
}
|
|
2262
|
+
]
|
|
2263
|
+
},
|
|
2264
|
+
{
|
|
2265
|
+
"name": "bm-native-select",
|
|
2266
|
+
"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",
|
|
2267
|
+
"attributes": [
|
|
2268
|
+
{
|
|
2269
|
+
"name": "required",
|
|
2270
|
+
"description": "Specify if NativeSelect is a required input",
|
|
2271
|
+
"values": []
|
|
2272
|
+
},
|
|
2273
|
+
{
|
|
2274
|
+
"name": "readOnly",
|
|
2275
|
+
"description": "Specify if NativeSelect displays in a read-only state",
|
|
2351
2276
|
"values": []
|
|
2352
2277
|
},
|
|
2353
2278
|
{
|
|
2354
2279
|
"name": "disabled",
|
|
2355
|
-
"description": "Specify if
|
|
2280
|
+
"description": "Specify if NativeSelect displays in a disabled state",
|
|
2356
2281
|
"values": []
|
|
2357
2282
|
},
|
|
2358
2283
|
{
|
|
2359
|
-
"name": "
|
|
2360
|
-
"description": "Specify
|
|
2361
|
-
"values": [
|
|
2284
|
+
"name": "error",
|
|
2285
|
+
"description": "Specify error text and display error state of a NativeSelect",
|
|
2286
|
+
"values": []
|
|
2362
2287
|
},
|
|
2363
2288
|
{
|
|
2364
|
-
"name": "
|
|
2365
|
-
"description": "
|
|
2289
|
+
"name": "fluid",
|
|
2290
|
+
"description": "Specify if NativeSelect is fluid",
|
|
2366
2291
|
"values": []
|
|
2367
2292
|
},
|
|
2368
2293
|
{
|
|
2369
|
-
"name": "
|
|
2370
|
-
"description": "
|
|
2294
|
+
"name": "size",
|
|
2295
|
+
"description": "Specify the size of NativeSelect",
|
|
2296
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
2297
|
+
},
|
|
2298
|
+
{
|
|
2299
|
+
"name": "width",
|
|
2300
|
+
"description": "Specify the width of NativeSelect",
|
|
2371
2301
|
"values": []
|
|
2372
2302
|
},
|
|
2373
2303
|
{
|
|
2374
|
-
"name": "
|
|
2375
|
-
"description": "
|
|
2376
|
-
"values": [
|
|
2377
|
-
}
|
|
2304
|
+
"name": "ellipse",
|
|
2305
|
+
"description": "Specify if overflow displays ellipsis",
|
|
2306
|
+
"values": []
|
|
2307
|
+
},
|
|
2308
|
+
{
|
|
2309
|
+
"name": "hideRequiredMarker",
|
|
2310
|
+
"description": "Specify if the NativeSelect displays with an asterisk",
|
|
2311
|
+
"values": []
|
|
2312
|
+
},
|
|
2313
|
+
{
|
|
2314
|
+
"name": "theme",
|
|
2315
|
+
"description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
|
|
2316
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2317
|
+
},
|
|
2318
|
+
{ "name": "id", "values": [] },
|
|
2319
|
+
{ "name": "name", "values": [] },
|
|
2320
|
+
{ "name": "value", "values": [] },
|
|
2321
|
+
{
|
|
2322
|
+
"name": "validationRules",
|
|
2323
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2324
|
+
},
|
|
2325
|
+
{ "name": "input-aria-label", "values": [] }
|
|
2378
2326
|
],
|
|
2379
2327
|
"references": [
|
|
2380
2328
|
{
|
|
2381
2329
|
"name": "Storybook",
|
|
2382
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2330
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
|
|
2383
2331
|
}
|
|
2384
2332
|
]
|
|
2385
2333
|
},
|
|
2386
2334
|
{
|
|
2387
|
-
"name": "bm-
|
|
2388
|
-
"description": "`bm-
|
|
2335
|
+
"name": "bm-radio-button",
|
|
2336
|
+
"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",
|
|
2389
2337
|
"attributes": [
|
|
2390
2338
|
{
|
|
2391
|
-
"name": "
|
|
2392
|
-
"description": "Specify
|
|
2339
|
+
"name": "label",
|
|
2340
|
+
"description": "Specify the text for the label",
|
|
2393
2341
|
"values": []
|
|
2394
2342
|
},
|
|
2395
2343
|
{
|
|
2396
|
-
"name": "
|
|
2397
|
-
"description": "Specify
|
|
2344
|
+
"name": "error",
|
|
2345
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2398
2346
|
"values": []
|
|
2399
2347
|
},
|
|
2400
|
-
{
|
|
2401
|
-
"name": "textPosition",
|
|
2402
|
-
"description": "Specify the position of the side label",
|
|
2403
|
-
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2404
|
-
},
|
|
2405
2348
|
{
|
|
2406
2349
|
"name": "readOnly",
|
|
2407
|
-
"description": "Specify if
|
|
2350
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2408
2351
|
"values": []
|
|
2409
2352
|
},
|
|
2410
2353
|
{
|
|
2411
2354
|
"name": "disabled",
|
|
2412
|
-
"description": "Specify if
|
|
2355
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2413
2356
|
"values": []
|
|
2414
2357
|
},
|
|
2415
|
-
{
|
|
2358
|
+
{
|
|
2359
|
+
"name": "theme",
|
|
2360
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2361
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2362
|
+
},
|
|
2416
2363
|
{
|
|
2417
2364
|
"name": "value",
|
|
2418
2365
|
"description": "The value attribute for the input element",
|
|
2419
2366
|
"values": []
|
|
2367
|
+
},
|
|
2368
|
+
{
|
|
2369
|
+
"name": "checked",
|
|
2370
|
+
"description": "The checked attribute for the input element",
|
|
2371
|
+
"values": []
|
|
2372
|
+
},
|
|
2373
|
+
{
|
|
2374
|
+
"name": "onKeyDown",
|
|
2375
|
+
"description": "A user-defined function to handle keydown events",
|
|
2376
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2420
2377
|
}
|
|
2421
2378
|
],
|
|
2422
2379
|
"references": [
|
|
2423
2380
|
{
|
|
2424
2381
|
"name": "Storybook",
|
|
2425
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2382
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2426
2383
|
}
|
|
2427
2384
|
]
|
|
2428
2385
|
},
|
|
@@ -2516,6 +2473,49 @@
|
|
|
2516
2473
|
}
|
|
2517
2474
|
]
|
|
2518
2475
|
},
|
|
2476
|
+
{
|
|
2477
|
+
"name": "bm-switch",
|
|
2478
|
+
"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.",
|
|
2479
|
+
"attributes": [
|
|
2480
|
+
{
|
|
2481
|
+
"name": "onText",
|
|
2482
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2483
|
+
"values": []
|
|
2484
|
+
},
|
|
2485
|
+
{
|
|
2486
|
+
"name": "offText",
|
|
2487
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2488
|
+
"values": []
|
|
2489
|
+
},
|
|
2490
|
+
{
|
|
2491
|
+
"name": "textPosition",
|
|
2492
|
+
"description": "Specify the position of the side label",
|
|
2493
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2494
|
+
},
|
|
2495
|
+
{
|
|
2496
|
+
"name": "readOnly",
|
|
2497
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2498
|
+
"values": []
|
|
2499
|
+
},
|
|
2500
|
+
{
|
|
2501
|
+
"name": "disabled",
|
|
2502
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2503
|
+
"values": []
|
|
2504
|
+
},
|
|
2505
|
+
{ "name": "checked", "values": [] },
|
|
2506
|
+
{
|
|
2507
|
+
"name": "value",
|
|
2508
|
+
"description": "The value attribute for the input element",
|
|
2509
|
+
"values": []
|
|
2510
|
+
}
|
|
2511
|
+
],
|
|
2512
|
+
"references": [
|
|
2513
|
+
{
|
|
2514
|
+
"name": "Storybook",
|
|
2515
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2516
|
+
}
|
|
2517
|
+
]
|
|
2518
|
+
},
|
|
2519
2519
|
{
|
|
2520
2520
|
"name": "bm-checkbox-group",
|
|
2521
2521
|
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|