@viasat/beam-web-components 2.66.0 → 2.67.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 +1603 -1603
- package/package.json +6 -6
- package/vscode.html-custom-data.json +264 -264
|
@@ -62,85 +62,115 @@
|
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "bm-
|
|
66
|
-
"description": "`bm-
|
|
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
67
|
"attributes": [
|
|
68
68
|
{
|
|
69
|
-
"name": "
|
|
70
|
-
"description": "Specify the
|
|
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",
|
|
71
76
|
"values": []
|
|
72
77
|
},
|
|
73
78
|
{
|
|
74
|
-
"name": "
|
|
75
|
-
"description": "
|
|
79
|
+
"name": "src",
|
|
80
|
+
"description": "Pass an image to the Avatar",
|
|
76
81
|
"values": []
|
|
77
82
|
},
|
|
83
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
78
84
|
{
|
|
79
85
|
"name": "size",
|
|
80
|
-
"description": "Specify the size of the
|
|
81
|
-
"values": [
|
|
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
|
+
]
|
|
82
94
|
},
|
|
83
95
|
{
|
|
84
|
-
"name": "
|
|
85
|
-
"description": "Specify if the
|
|
96
|
+
"name": "disabled",
|
|
97
|
+
"description": "Specify if the Avatar is disabled",
|
|
86
98
|
"values": []
|
|
87
99
|
},
|
|
88
100
|
{
|
|
89
|
-
"name": "
|
|
90
|
-
"description": "Specify the
|
|
91
|
-
"values": [{ "name": "
|
|
101
|
+
"name": "shape",
|
|
102
|
+
"description": "Specify the shape of the Avatar",
|
|
103
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
92
104
|
},
|
|
93
105
|
{
|
|
94
|
-
"name": "
|
|
95
|
-
"description": "
|
|
96
|
-
"values": [
|
|
97
|
-
{ "name": "infoPrimary" },
|
|
98
|
-
{ "name": "infoSecondary" },
|
|
99
|
-
{ "name": "positive" },
|
|
100
|
-
{ "name": "warning" },
|
|
101
|
-
{ "name": "negative" }
|
|
102
|
-
]
|
|
106
|
+
"name": "isInteractive",
|
|
107
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
108
|
+
"values": []
|
|
103
109
|
},
|
|
104
110
|
{
|
|
105
|
-
"name": "
|
|
106
|
-
"description": "
|
|
111
|
+
"name": "isFocusable",
|
|
112
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
107
113
|
"values": []
|
|
108
114
|
},
|
|
115
|
+
{ "name": "withBorder", "values": [] }
|
|
116
|
+
],
|
|
117
|
+
"references": [
|
|
109
118
|
{
|
|
110
|
-
"name": "
|
|
111
|
-
"
|
|
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",
|
|
112
131
|
"values": []
|
|
113
132
|
},
|
|
114
133
|
{
|
|
115
|
-
"name": "
|
|
116
|
-
"description": "Specify
|
|
134
|
+
"name": "maxCount",
|
|
135
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
117
136
|
"values": []
|
|
118
137
|
},
|
|
119
138
|
{
|
|
120
|
-
"name": "
|
|
121
|
-
"description": "
|
|
122
|
-
"values": [
|
|
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
|
+
]
|
|
123
148
|
},
|
|
124
149
|
{
|
|
125
|
-
"name": "
|
|
126
|
-
"description": "
|
|
127
|
-
"values": []
|
|
150
|
+
"name": "layout",
|
|
151
|
+
"description": "Specify the kind of the group.",
|
|
152
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
128
153
|
}
|
|
129
154
|
],
|
|
130
155
|
"references": [
|
|
131
156
|
{
|
|
132
157
|
"name": "Storybook",
|
|
133
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
158
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
134
159
|
}
|
|
135
160
|
]
|
|
136
161
|
},
|
|
137
162
|
{
|
|
138
|
-
"name": "bm-badge",
|
|
139
|
-
"description": "`bm-badge`\n\n### Attributes:\n- **
|
|
163
|
+
"name": "bm-badge-dot",
|
|
164
|
+
"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",
|
|
140
165
|
"attributes": [
|
|
166
|
+
{
|
|
167
|
+
"name": "theme",
|
|
168
|
+
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
169
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
170
|
+
},
|
|
141
171
|
{
|
|
142
172
|
"name": "appearance",
|
|
143
|
-
"description": "Specify the appearance of the
|
|
173
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
144
174
|
"values": [
|
|
145
175
|
{ "name": "infoPrimary" },
|
|
146
176
|
{ "name": "infoSecondary" },
|
|
@@ -149,31 +179,21 @@
|
|
|
149
179
|
{ "name": "negative" }
|
|
150
180
|
]
|
|
151
181
|
},
|
|
152
|
-
{
|
|
153
|
-
"name": "theme",
|
|
154
|
-
"description": "Theme of the Badge",
|
|
155
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
156
|
-
},
|
|
157
|
-
{
|
|
158
|
-
"name": "size",
|
|
159
|
-
"description": "Specify the size of the Badge",
|
|
160
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
161
|
-
},
|
|
162
182
|
{
|
|
163
183
|
"name": "emphasis",
|
|
164
|
-
"description": "Specify the emphasis of the
|
|
165
|
-
"values": [
|
|
166
|
-
{ "name": "strong" },
|
|
167
|
-
{ "name": "medium" },
|
|
168
|
-
{ "name": "subtle" }
|
|
169
|
-
]
|
|
184
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
185
|
+
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
170
186
|
},
|
|
171
|
-
{
|
|
187
|
+
{
|
|
188
|
+
"name": "overrideDotColor",
|
|
189
|
+
"description": "Overrides default dot color",
|
|
190
|
+
"values": []
|
|
191
|
+
}
|
|
172
192
|
],
|
|
173
193
|
"references": [
|
|
174
194
|
{
|
|
175
195
|
"name": "Storybook",
|
|
176
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
196
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
177
197
|
}
|
|
178
198
|
]
|
|
179
199
|
},
|
|
@@ -642,206 +662,186 @@
|
|
|
642
662
|
]
|
|
643
663
|
},
|
|
644
664
|
{
|
|
645
|
-
"name": "bm-
|
|
646
|
-
"description": "`bm-
|
|
665
|
+
"name": "bm-alert",
|
|
666
|
+
"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",
|
|
647
667
|
"attributes": [
|
|
648
668
|
{
|
|
649
|
-
"name": "
|
|
650
|
-
"description": "Specify the
|
|
651
|
-
"values": [
|
|
652
|
-
{ "name": "accent" },
|
|
653
|
-
{ "name": "neutral" },
|
|
654
|
-
{ "name": "neutral-subtle" },
|
|
655
|
-
{ "name": "destructive" }
|
|
656
|
-
]
|
|
657
|
-
},
|
|
658
|
-
{
|
|
659
|
-
"name": "kind",
|
|
660
|
-
"description": "Specify the kind of Button",
|
|
661
|
-
"values": [
|
|
662
|
-
{ "name": "filled" },
|
|
663
|
-
{ "name": "outline" },
|
|
664
|
-
{ "name": "ghost" },
|
|
665
|
-
{ "name": "bare" }
|
|
666
|
-
]
|
|
667
|
-
},
|
|
668
|
-
{
|
|
669
|
-
"name": "size",
|
|
670
|
-
"description": "Specify the size of a Button",
|
|
671
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
672
|
-
},
|
|
673
|
-
{
|
|
674
|
-
"name": "disabled",
|
|
675
|
-
"description": "Specify if the Button is disabled",
|
|
669
|
+
"name": "heading",
|
|
670
|
+
"description": "Specify the heading text for Alert",
|
|
676
671
|
"values": []
|
|
677
672
|
},
|
|
678
673
|
{
|
|
679
|
-
"name": "
|
|
680
|
-
"description": "Specify
|
|
674
|
+
"name": "body",
|
|
675
|
+
"description": "Specify the body text for Alert",
|
|
681
676
|
"values": []
|
|
682
677
|
},
|
|
683
678
|
{
|
|
684
|
-
"name": "
|
|
685
|
-
"description": "Specify the
|
|
686
|
-
"values": []
|
|
679
|
+
"name": "size",
|
|
680
|
+
"description": "Specify the size of the Alert",
|
|
681
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
687
682
|
},
|
|
688
683
|
{
|
|
689
|
-
"name": "
|
|
690
|
-
"description": "Specify the
|
|
684
|
+
"name": "fullWidth",
|
|
685
|
+
"description": "Specify if the Alert has no border radius",
|
|
691
686
|
"values": []
|
|
692
687
|
},
|
|
693
688
|
{
|
|
694
689
|
"name": "theme",
|
|
695
|
-
"description": "Specify the theme of the
|
|
690
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
696
691
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
697
692
|
},
|
|
698
|
-
{
|
|
699
|
-
"name": "iconOnly",
|
|
700
|
-
"description": "Specify if the icon displays without text",
|
|
701
|
-
"values": []
|
|
702
|
-
},
|
|
703
|
-
{ "name": "type", "values": [] }
|
|
704
|
-
],
|
|
705
|
-
"references": [
|
|
706
|
-
{
|
|
707
|
-
"name": "Storybook",
|
|
708
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
|
|
709
|
-
}
|
|
710
|
-
]
|
|
711
|
-
},
|
|
712
|
-
{
|
|
713
|
-
"name": "bm-avatar",
|
|
714
|
-
"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",
|
|
715
|
-
"attributes": [
|
|
716
693
|
{
|
|
717
694
|
"name": "appearance",
|
|
718
|
-
"description": "Specify the appearance of the
|
|
719
|
-
"values": [
|
|
695
|
+
"description": "Specify the appearance of the Alert",
|
|
696
|
+
"values": [
|
|
697
|
+
{ "name": "infoPrimary" },
|
|
698
|
+
{ "name": "infoSecondary" },
|
|
699
|
+
{ "name": "positive" },
|
|
700
|
+
{ "name": "warning" },
|
|
701
|
+
{ "name": "negative" }
|
|
702
|
+
]
|
|
720
703
|
},
|
|
721
704
|
{
|
|
722
|
-
"name": "
|
|
723
|
-
"description": "Specify
|
|
705
|
+
"name": "hidden",
|
|
706
|
+
"description": "Specify if the Alert is hidden",
|
|
724
707
|
"values": []
|
|
725
708
|
},
|
|
726
709
|
{
|
|
727
|
-
"name": "
|
|
728
|
-
"description": "
|
|
710
|
+
"name": "hideIcon",
|
|
711
|
+
"description": "Specify if the icon displays on the Alert",
|
|
729
712
|
"values": []
|
|
730
713
|
},
|
|
731
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
732
|
-
{
|
|
733
|
-
"name": "size",
|
|
734
|
-
"description": "Specify the size of the Avatar",
|
|
735
|
-
"values": [
|
|
736
|
-
{ "name": "xs" },
|
|
737
|
-
{ "name": "sm" },
|
|
738
|
-
{ "name": "md" },
|
|
739
|
-
{ "name": "lg" },
|
|
740
|
-
{ "name": "xl" }
|
|
741
|
-
]
|
|
742
|
-
},
|
|
743
714
|
{
|
|
744
|
-
"name": "
|
|
745
|
-
"description": "Specify if the
|
|
715
|
+
"name": "dismissible",
|
|
716
|
+
"description": "Specify if the Alert can be dismissed",
|
|
746
717
|
"values": []
|
|
747
718
|
},
|
|
748
719
|
{
|
|
749
|
-
"name": "
|
|
750
|
-
"description": "
|
|
751
|
-
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
752
|
-
},
|
|
753
|
-
{
|
|
754
|
-
"name": "isInteractive",
|
|
755
|
-
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
720
|
+
"name": "disableAutoFocus",
|
|
721
|
+
"description": "Prevent autofocus on show",
|
|
756
722
|
"values": []
|
|
757
723
|
},
|
|
758
724
|
{
|
|
759
|
-
"name": "
|
|
760
|
-
"description": "
|
|
725
|
+
"name": "disableCloseOnEscape",
|
|
726
|
+
"description": "Prevent Escape from closing",
|
|
761
727
|
"values": []
|
|
762
|
-
}
|
|
763
|
-
{ "name": "withBorder", "values": [] }
|
|
728
|
+
}
|
|
764
729
|
],
|
|
765
730
|
"references": [
|
|
766
731
|
{
|
|
767
732
|
"name": "Storybook",
|
|
768
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
733
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
769
734
|
}
|
|
770
735
|
]
|
|
771
736
|
},
|
|
772
737
|
{
|
|
773
|
-
"name": "bm-
|
|
774
|
-
"description": "`bm-
|
|
738
|
+
"name": "bm-badge",
|
|
739
|
+
"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",
|
|
775
740
|
"attributes": [
|
|
776
741
|
{
|
|
777
|
-
"name": "
|
|
778
|
-
"description": "Specify
|
|
779
|
-
"values": [
|
|
742
|
+
"name": "appearance",
|
|
743
|
+
"description": "Specify the appearance of the Badge",
|
|
744
|
+
"values": [
|
|
745
|
+
{ "name": "infoPrimary" },
|
|
746
|
+
{ "name": "infoSecondary" },
|
|
747
|
+
{ "name": "positive" },
|
|
748
|
+
{ "name": "warning" },
|
|
749
|
+
{ "name": "negative" }
|
|
750
|
+
]
|
|
780
751
|
},
|
|
781
752
|
{
|
|
782
|
-
"name": "
|
|
783
|
-
"description": "
|
|
784
|
-
"values": []
|
|
753
|
+
"name": "theme",
|
|
754
|
+
"description": "Theme of the Badge",
|
|
755
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
785
756
|
},
|
|
786
757
|
{
|
|
787
758
|
"name": "size",
|
|
788
|
-
"description": "Specify the size of
|
|
759
|
+
"description": "Specify the size of the Badge",
|
|
760
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
761
|
+
},
|
|
762
|
+
{
|
|
763
|
+
"name": "emphasis",
|
|
764
|
+
"description": "Specify the emphasis of the Badge",
|
|
789
765
|
"values": [
|
|
790
|
-
{ "name": "
|
|
791
|
-
{ "name": "
|
|
792
|
-
{ "name": "
|
|
793
|
-
{ "name": "lg" },
|
|
794
|
-
{ "name": "xl" }
|
|
766
|
+
{ "name": "strong" },
|
|
767
|
+
{ "name": "medium" },
|
|
768
|
+
{ "name": "subtle" }
|
|
795
769
|
]
|
|
796
770
|
},
|
|
797
|
-
{
|
|
798
|
-
"name": "layout",
|
|
799
|
-
"description": "Specify the kind of the group.",
|
|
800
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
801
|
-
}
|
|
771
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
802
772
|
],
|
|
803
773
|
"references": [
|
|
804
774
|
{
|
|
805
775
|
"name": "Storybook",
|
|
806
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
776
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
807
777
|
}
|
|
808
778
|
]
|
|
809
779
|
},
|
|
810
780
|
{
|
|
811
|
-
"name": "bm-
|
|
812
|
-
"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",
|
|
813
783
|
"attributes": [
|
|
814
784
|
{
|
|
815
|
-
"name": "
|
|
816
|
-
"description": "Specify the
|
|
817
|
-
"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
|
+
]
|
|
818
793
|
},
|
|
819
794
|
{
|
|
820
|
-
"name": "
|
|
821
|
-
"description": "Specify the
|
|
795
|
+
"name": "kind",
|
|
796
|
+
"description": "Specify the kind of Button",
|
|
822
797
|
"values": [
|
|
823
|
-
{ "name": "
|
|
824
|
-
{ "name": "
|
|
825
|
-
{ "name": "
|
|
826
|
-
{ "name": "
|
|
827
|
-
{ "name": "negative" }
|
|
798
|
+
{ "name": "filled" },
|
|
799
|
+
{ "name": "outline" },
|
|
800
|
+
{ "name": "ghost" },
|
|
801
|
+
{ "name": "bare" }
|
|
828
802
|
]
|
|
829
803
|
},
|
|
830
804
|
{
|
|
831
|
-
"name": "
|
|
832
|
-
"description": "Specify the
|
|
833
|
-
"values": [{ "name": "
|
|
805
|
+
"name": "size",
|
|
806
|
+
"description": "Specify the size of a Button",
|
|
807
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
834
808
|
},
|
|
835
809
|
{
|
|
836
|
-
"name": "
|
|
837
|
-
"description": "
|
|
810
|
+
"name": "disabled",
|
|
811
|
+
"description": "Specify if the Button is disabled",
|
|
838
812
|
"values": []
|
|
839
|
-
}
|
|
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
840
|
],
|
|
841
841
|
"references": [
|
|
842
842
|
{
|
|
843
843
|
"name": "Storybook",
|
|
844
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
844
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
|
|
845
845
|
}
|
|
846
846
|
]
|
|
847
847
|
},
|
|
@@ -2332,92 +2332,54 @@
|
|
|
2332
2332
|
]
|
|
2333
2333
|
},
|
|
2334
2334
|
{
|
|
2335
|
-
"name": "bm-
|
|
2336
|
-
"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",
|
|
2337
2337
|
"attributes": [
|
|
2338
2338
|
{
|
|
2339
|
-
"name": "
|
|
2340
|
-
"description": "Specify the
|
|
2341
|
-
"values": []
|
|
2342
|
-
},
|
|
2343
|
-
{
|
|
2344
|
-
"name": "cols",
|
|
2345
|
-
"description": "Specify the width of TextArea",
|
|
2346
|
-
"values": []
|
|
2347
|
-
},
|
|
2348
|
-
{
|
|
2349
|
-
"name": "placeholder",
|
|
2350
|
-
"description": "Specify placeholder text for TextArea",
|
|
2351
|
-
"values": []
|
|
2352
|
-
},
|
|
2353
|
-
{
|
|
2354
|
-
"name": "required",
|
|
2355
|
-
"description": "Specify if TextArea is a required input",
|
|
2356
|
-
"values": []
|
|
2357
|
-
},
|
|
2358
|
-
{
|
|
2359
|
-
"name": "hideRequiredMarker",
|
|
2360
|
-
"description": "Specify if the TextArea displays with an asterisk",
|
|
2339
|
+
"name": "label",
|
|
2340
|
+
"description": "Specify the text for the label",
|
|
2361
2341
|
"values": []
|
|
2362
2342
|
},
|
|
2363
2343
|
{
|
|
2364
2344
|
"name": "error",
|
|
2365
|
-
"description": "Specify error text and display error state of a
|
|
2345
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2366
2346
|
"values": []
|
|
2367
2347
|
},
|
|
2368
2348
|
{
|
|
2369
2349
|
"name": "readOnly",
|
|
2370
|
-
"description": "Specify if
|
|
2350
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2371
2351
|
"values": []
|
|
2372
2352
|
},
|
|
2373
2353
|
{
|
|
2374
2354
|
"name": "disabled",
|
|
2375
|
-
"description": "Specify if
|
|
2376
|
-
"values": []
|
|
2377
|
-
},
|
|
2378
|
-
{
|
|
2379
|
-
"name": "fluid",
|
|
2380
|
-
"description": "Specify if TextArea is fluid",
|
|
2381
|
-
"values": []
|
|
2382
|
-
},
|
|
2383
|
-
{
|
|
2384
|
-
"name": "width",
|
|
2385
|
-
"description": "Specify the width of TextArea",
|
|
2355
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2386
2356
|
"values": []
|
|
2387
2357
|
},
|
|
2388
2358
|
{
|
|
2389
|
-
"name": "
|
|
2390
|
-
"description": "Specify
|
|
2391
|
-
"values": []
|
|
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" }]
|
|
2392
2362
|
},
|
|
2393
2363
|
{
|
|
2394
|
-
"name": "
|
|
2395
|
-
"description": "
|
|
2364
|
+
"name": "value",
|
|
2365
|
+
"description": "The value attribute for the input element",
|
|
2396
2366
|
"values": []
|
|
2397
2367
|
},
|
|
2398
2368
|
{
|
|
2399
|
-
"name": "
|
|
2400
|
-
"description": "
|
|
2369
|
+
"name": "checked",
|
|
2370
|
+
"description": "The checked attribute for the input element",
|
|
2401
2371
|
"values": []
|
|
2402
2372
|
},
|
|
2403
2373
|
{
|
|
2404
|
-
"name": "
|
|
2405
|
-
"description": "
|
|
2406
|
-
"values": [{ "name": "
|
|
2407
|
-
}
|
|
2408
|
-
{ "name": "id", "values": [] },
|
|
2409
|
-
{ "name": "name", "values": [] },
|
|
2410
|
-
{ "name": "value", "values": [] },
|
|
2411
|
-
{
|
|
2412
|
-
"name": "validationRules",
|
|
2413
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2414
|
-
},
|
|
2415
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2374
|
+
"name": "onKeyDown",
|
|
2375
|
+
"description": "A user-defined function to handle keydown events",
|
|
2376
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2377
|
+
}
|
|
2416
2378
|
],
|
|
2417
2379
|
"references": [
|
|
2418
2380
|
{
|
|
2419
2381
|
"name": "Storybook",
|
|
2420
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2382
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2421
2383
|
}
|
|
2422
2384
|
]
|
|
2423
2385
|
},
|
|
@@ -2465,54 +2427,92 @@
|
|
|
2465
2427
|
]
|
|
2466
2428
|
},
|
|
2467
2429
|
{
|
|
2468
|
-
"name": "bm-
|
|
2469
|
-
"description": "`bm-
|
|
2430
|
+
"name": "bm-text-area",
|
|
2431
|
+
"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",
|
|
2470
2432
|
"attributes": [
|
|
2471
2433
|
{
|
|
2472
|
-
"name": "
|
|
2473
|
-
"description": "Specify the
|
|
2434
|
+
"name": "rows",
|
|
2435
|
+
"description": "Specify the height of TextArea",
|
|
2436
|
+
"values": []
|
|
2437
|
+
},
|
|
2438
|
+
{
|
|
2439
|
+
"name": "cols",
|
|
2440
|
+
"description": "Specify the width of TextArea",
|
|
2441
|
+
"values": []
|
|
2442
|
+
},
|
|
2443
|
+
{
|
|
2444
|
+
"name": "placeholder",
|
|
2445
|
+
"description": "Specify placeholder text for TextArea",
|
|
2446
|
+
"values": []
|
|
2447
|
+
},
|
|
2448
|
+
{
|
|
2449
|
+
"name": "required",
|
|
2450
|
+
"description": "Specify if TextArea is a required input",
|
|
2451
|
+
"values": []
|
|
2452
|
+
},
|
|
2453
|
+
{
|
|
2454
|
+
"name": "hideRequiredMarker",
|
|
2455
|
+
"description": "Specify if the TextArea displays with an asterisk",
|
|
2474
2456
|
"values": []
|
|
2475
2457
|
},
|
|
2476
2458
|
{
|
|
2477
2459
|
"name": "error",
|
|
2478
|
-
"description": "Specify error text and display error state of a
|
|
2460
|
+
"description": "Specify error text and display error state of a TextArea",
|
|
2479
2461
|
"values": []
|
|
2480
2462
|
},
|
|
2481
2463
|
{
|
|
2482
2464
|
"name": "readOnly",
|
|
2483
|
-
"description": "Specify if
|
|
2465
|
+
"description": "Specify if TextArea displays in a read-only state",
|
|
2484
2466
|
"values": []
|
|
2485
2467
|
},
|
|
2486
2468
|
{
|
|
2487
2469
|
"name": "disabled",
|
|
2488
|
-
"description": "Specify if
|
|
2470
|
+
"description": "Specify if TextArea displays in a disabled state",
|
|
2489
2471
|
"values": []
|
|
2490
2472
|
},
|
|
2491
2473
|
{
|
|
2492
|
-
"name": "
|
|
2493
|
-
"description": "Specify
|
|
2494
|
-
"values": [
|
|
2474
|
+
"name": "fluid",
|
|
2475
|
+
"description": "Specify if TextArea is fluid",
|
|
2476
|
+
"values": []
|
|
2495
2477
|
},
|
|
2496
2478
|
{
|
|
2497
|
-
"name": "
|
|
2498
|
-
"description": "
|
|
2479
|
+
"name": "width",
|
|
2480
|
+
"description": "Specify the width of TextArea",
|
|
2499
2481
|
"values": []
|
|
2500
2482
|
},
|
|
2501
2483
|
{
|
|
2502
|
-
"name": "
|
|
2503
|
-
"description": "
|
|
2484
|
+
"name": "hideResize",
|
|
2485
|
+
"description": "Specify if TextArea can be manually resized",
|
|
2504
2486
|
"values": []
|
|
2505
2487
|
},
|
|
2506
2488
|
{
|
|
2507
|
-
"name": "
|
|
2508
|
-
"description": "
|
|
2509
|
-
"values": [
|
|
2510
|
-
}
|
|
2489
|
+
"name": "maxCount",
|
|
2490
|
+
"description": "Specify the maximum character count for the TextArea",
|
|
2491
|
+
"values": []
|
|
2492
|
+
},
|
|
2493
|
+
{
|
|
2494
|
+
"name": "autoResize",
|
|
2495
|
+
"description": "Specify if the TextArea automatically resizes to fit the text",
|
|
2496
|
+
"values": []
|
|
2497
|
+
},
|
|
2498
|
+
{
|
|
2499
|
+
"name": "theme",
|
|
2500
|
+
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
2501
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2502
|
+
},
|
|
2503
|
+
{ "name": "id", "values": [] },
|
|
2504
|
+
{ "name": "name", "values": [] },
|
|
2505
|
+
{ "name": "value", "values": [] },
|
|
2506
|
+
{
|
|
2507
|
+
"name": "validationRules",
|
|
2508
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2509
|
+
},
|
|
2510
|
+
{ "name": "input-aria-label", "values": [] }
|
|
2511
2511
|
],
|
|
2512
2512
|
"references": [
|
|
2513
2513
|
{
|
|
2514
2514
|
"name": "Storybook",
|
|
2515
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2515
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
|
|
2516
2516
|
}
|
|
2517
2517
|
]
|
|
2518
2518
|
},
|
|
@@ -2586,8 +2586,8 @@
|
|
|
2586
2586
|
]
|
|
2587
2587
|
},
|
|
2588
2588
|
{
|
|
2589
|
-
"name": "bm-
|
|
2590
|
-
"description": "
|
|
2589
|
+
"name": "bm-radio-button-group",
|
|
2590
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
2591
2591
|
"attributes": [
|
|
2592
2592
|
{
|
|
2593
2593
|
"name": "theme",
|
|
@@ -2650,13 +2650,13 @@
|
|
|
2650
2650
|
"references": [
|
|
2651
2651
|
{
|
|
2652
2652
|
"name": "Storybook",
|
|
2653
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2653
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2654
2654
|
}
|
|
2655
2655
|
]
|
|
2656
2656
|
},
|
|
2657
2657
|
{
|
|
2658
|
-
"name": "bm-
|
|
2659
|
-
"description": "
|
|
2658
|
+
"name": "bm-switch-group",
|
|
2659
|
+
"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",
|
|
2660
2660
|
"attributes": [
|
|
2661
2661
|
{
|
|
2662
2662
|
"name": "theme",
|
|
@@ -2719,7 +2719,7 @@
|
|
|
2719
2719
|
"references": [
|
|
2720
2720
|
{
|
|
2721
2721
|
"name": "Storybook",
|
|
2722
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2722
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2723
2723
|
}
|
|
2724
2724
|
]
|
|
2725
2725
|
}
|