@viasat/beam-web-components 2.54.0 → 2.55.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/Alert/Alert.js +1 -1
- package/Badge/Badge.js +1 -1
- package/custom-elements.json +2116 -2116
- package/local/Alert/Alert.js +1 -1
- package/local/Badge/Badge.js +1 -1
- package/package.json +6 -6
- package/vscode.html-custom-data.json +234 -234
|
@@ -62,37 +62,12 @@
|
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "bm-
|
|
66
|
-
"description": "`bm-
|
|
65
|
+
"name": "bm-badge",
|
|
66
|
+
"description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
|
|
67
67
|
"attributes": [
|
|
68
|
-
{
|
|
69
|
-
"name": "heading",
|
|
70
|
-
"description": "Specify the heading text for Alert",
|
|
71
|
-
"values": []
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"name": "body",
|
|
75
|
-
"description": "Specify the body text for Alert",
|
|
76
|
-
"values": []
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
"name": "size",
|
|
80
|
-
"description": "Specify the size of the Alert",
|
|
81
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
"name": "fullWidth",
|
|
85
|
-
"description": "Specify if the Alert has no border radius",
|
|
86
|
-
"values": []
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
"name": "theme",
|
|
90
|
-
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
91
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
92
|
-
},
|
|
93
68
|
{
|
|
94
69
|
"name": "appearance",
|
|
95
|
-
"description": "Specify the appearance of the
|
|
70
|
+
"description": "Specify the appearance of the Badge",
|
|
96
71
|
"values": [
|
|
97
72
|
{ "name": "infoPrimary" },
|
|
98
73
|
{ "name": "infoSecondary" },
|
|
@@ -102,133 +77,68 @@
|
|
|
102
77
|
]
|
|
103
78
|
},
|
|
104
79
|
{
|
|
105
|
-
"name": "
|
|
106
|
-
"description": "
|
|
107
|
-
"values": []
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"name": "hideIcon",
|
|
111
|
-
"description": "Specify if the icon displays on the Alert",
|
|
112
|
-
"values": []
|
|
80
|
+
"name": "theme",
|
|
81
|
+
"description": "Theme of the Badge",
|
|
82
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
113
83
|
},
|
|
114
84
|
{
|
|
115
|
-
"name": "
|
|
116
|
-
"description": "Specify
|
|
117
|
-
"values": []
|
|
85
|
+
"name": "size",
|
|
86
|
+
"description": "Specify the size of the Badge",
|
|
87
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
118
88
|
},
|
|
119
89
|
{
|
|
120
|
-
"name": "
|
|
121
|
-
"description": "
|
|
122
|
-
"values": [
|
|
90
|
+
"name": "emphasis",
|
|
91
|
+
"description": "Specify the emphasis of the Badge",
|
|
92
|
+
"values": [
|
|
93
|
+
{ "name": "strong" },
|
|
94
|
+
{ "name": "medium" },
|
|
95
|
+
{ "name": "subtle" }
|
|
96
|
+
]
|
|
123
97
|
},
|
|
124
|
-
{
|
|
125
|
-
"name": "disableCloseOnEscape",
|
|
126
|
-
"description": "Prevent Escape from closing",
|
|
127
|
-
"values": []
|
|
128
|
-
}
|
|
98
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
129
99
|
],
|
|
130
100
|
"references": [
|
|
131
101
|
{
|
|
132
102
|
"name": "Storybook",
|
|
133
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
103
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
134
104
|
}
|
|
135
105
|
]
|
|
136
106
|
},
|
|
137
107
|
{
|
|
138
|
-
"name": "bm-
|
|
139
|
-
"description": "`bm-
|
|
108
|
+
"name": "bm-badge-dot",
|
|
109
|
+
"description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
|
|
140
110
|
"attributes": [
|
|
141
111
|
{
|
|
142
|
-
"name": "
|
|
143
|
-
"description": "Specify the
|
|
144
|
-
"values": [{ "name": "
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
"name": "name",
|
|
148
|
-
"description": "Specify a name to display initials in the Avatar",
|
|
149
|
-
"values": []
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
"name": "src",
|
|
153
|
-
"description": "Pass an image to the Avatar",
|
|
154
|
-
"values": []
|
|
112
|
+
"name": "theme",
|
|
113
|
+
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
114
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
155
115
|
},
|
|
156
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
157
116
|
{
|
|
158
|
-
"name": "
|
|
159
|
-
"description": "Specify the
|
|
117
|
+
"name": "appearance",
|
|
118
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
160
119
|
"values": [
|
|
161
|
-
{ "name": "
|
|
162
|
-
{ "name": "
|
|
163
|
-
{ "name": "
|
|
164
|
-
{ "name": "
|
|
165
|
-
{ "name": "
|
|
120
|
+
{ "name": "infoPrimary" },
|
|
121
|
+
{ "name": "infoSecondary" },
|
|
122
|
+
{ "name": "positive" },
|
|
123
|
+
{ "name": "warning" },
|
|
124
|
+
{ "name": "negative" }
|
|
166
125
|
]
|
|
167
126
|
},
|
|
168
127
|
{
|
|
169
|
-
"name": "
|
|
170
|
-
"description": "Specify
|
|
171
|
-
"values": []
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
"name": "shape",
|
|
175
|
-
"description": "Specify the shape of the Avatar",
|
|
176
|
-
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
"name": "isInteractive",
|
|
180
|
-
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
181
|
-
"values": []
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
"name": "isFocusable",
|
|
185
|
-
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
186
|
-
"values": []
|
|
187
|
-
},
|
|
188
|
-
{ "name": "withBorder", "values": [] }
|
|
189
|
-
],
|
|
190
|
-
"references": [
|
|
191
|
-
{
|
|
192
|
-
"name": "Storybook",
|
|
193
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
194
|
-
}
|
|
195
|
-
]
|
|
196
|
-
},
|
|
197
|
-
{
|
|
198
|
-
"name": "bm-avatar-group",
|
|
199
|
-
"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",
|
|
200
|
-
"attributes": [
|
|
201
|
-
{
|
|
202
|
-
"name": "wrapping",
|
|
203
|
-
"description": "Specify if the AvatarGroup wraps",
|
|
204
|
-
"values": []
|
|
128
|
+
"name": "emphasis",
|
|
129
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
130
|
+
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
205
131
|
},
|
|
206
132
|
{
|
|
207
|
-
"name": "
|
|
208
|
-
"description": "
|
|
133
|
+
"name": "overrideDotColor",
|
|
134
|
+
"description": "Overrides default dot color",
|
|
209
135
|
"values": []
|
|
210
|
-
},
|
|
211
|
-
{
|
|
212
|
-
"name": "size",
|
|
213
|
-
"description": "Specify the size of all Avatars",
|
|
214
|
-
"values": [
|
|
215
|
-
{ "name": "xs" },
|
|
216
|
-
{ "name": "sm" },
|
|
217
|
-
{ "name": "md" },
|
|
218
|
-
{ "name": "lg" },
|
|
219
|
-
{ "name": "xl" }
|
|
220
|
-
]
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"name": "layout",
|
|
224
|
-
"description": "Specify the kind of the group.",
|
|
225
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
226
136
|
}
|
|
227
137
|
],
|
|
228
138
|
"references": [
|
|
229
139
|
{
|
|
230
140
|
"name": "Storybook",
|
|
231
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
141
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
232
142
|
}
|
|
233
143
|
]
|
|
234
144
|
},
|
|
@@ -636,73 +546,135 @@
|
|
|
636
546
|
]
|
|
637
547
|
},
|
|
638
548
|
{
|
|
639
|
-
"name": "bm-
|
|
640
|
-
"description": "`bm-
|
|
549
|
+
"name": "bm-avatar",
|
|
550
|
+
"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",
|
|
641
551
|
"attributes": [
|
|
642
552
|
{
|
|
643
|
-
"name": "
|
|
644
|
-
"description": "Specify
|
|
553
|
+
"name": "appearance",
|
|
554
|
+
"description": "Specify the appearance of the Avatar",
|
|
555
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "name",
|
|
559
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
645
560
|
"values": []
|
|
646
561
|
},
|
|
647
562
|
{
|
|
648
|
-
"name": "
|
|
649
|
-
"description": "
|
|
563
|
+
"name": "src",
|
|
564
|
+
"description": "Pass an image to the Avatar",
|
|
650
565
|
"values": []
|
|
651
566
|
},
|
|
567
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
652
568
|
{
|
|
653
|
-
"name": "
|
|
654
|
-
"description": "Specify
|
|
569
|
+
"name": "size",
|
|
570
|
+
"description": "Specify the size of the Avatar",
|
|
571
|
+
"values": [
|
|
572
|
+
{ "name": "xs" },
|
|
573
|
+
{ "name": "sm" },
|
|
574
|
+
{ "name": "md" },
|
|
575
|
+
{ "name": "lg" },
|
|
576
|
+
{ "name": "xl" }
|
|
577
|
+
]
|
|
578
|
+
},
|
|
579
|
+
{
|
|
580
|
+
"name": "disabled",
|
|
581
|
+
"description": "Specify if the Avatar is disabled",
|
|
655
582
|
"values": []
|
|
656
583
|
},
|
|
657
584
|
{
|
|
658
|
-
"name": "
|
|
659
|
-
"description": "Specify the
|
|
660
|
-
"values": [{ "name": "
|
|
661
|
-
}
|
|
585
|
+
"name": "shape",
|
|
586
|
+
"description": "Specify the shape of the Avatar",
|
|
587
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
588
|
+
},
|
|
589
|
+
{
|
|
590
|
+
"name": "isInteractive",
|
|
591
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
592
|
+
"values": []
|
|
593
|
+
},
|
|
594
|
+
{
|
|
595
|
+
"name": "isFocusable",
|
|
596
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
597
|
+
"values": []
|
|
598
|
+
},
|
|
599
|
+
{ "name": "withBorder", "values": [] }
|
|
662
600
|
],
|
|
663
601
|
"references": [
|
|
664
602
|
{
|
|
665
603
|
"name": "Storybook",
|
|
666
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
604
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
667
605
|
}
|
|
668
606
|
]
|
|
669
607
|
},
|
|
670
608
|
{
|
|
671
|
-
"name": "bm-
|
|
672
|
-
"description": "`bm-
|
|
609
|
+
"name": "bm-avatar-group",
|
|
610
|
+
"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",
|
|
673
611
|
"attributes": [
|
|
674
|
-
{ "name": "href", "description": "Pass href to an item", "values": [] },
|
|
675
612
|
{
|
|
676
|
-
"name": "
|
|
677
|
-
"description": "Specify if the
|
|
613
|
+
"name": "wrapping",
|
|
614
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
678
615
|
"values": []
|
|
679
616
|
},
|
|
680
617
|
{
|
|
681
|
-
"name": "
|
|
682
|
-
"description": "Specify
|
|
618
|
+
"name": "maxCount",
|
|
619
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
683
620
|
"values": []
|
|
684
621
|
},
|
|
685
622
|
{
|
|
686
|
-
"name": "
|
|
687
|
-
"description": "Specify
|
|
688
|
-
"values": [
|
|
623
|
+
"name": "size",
|
|
624
|
+
"description": "Specify the size of all Avatars",
|
|
625
|
+
"values": [
|
|
626
|
+
{ "name": "xs" },
|
|
627
|
+
{ "name": "sm" },
|
|
628
|
+
{ "name": "md" },
|
|
629
|
+
{ "name": "lg" },
|
|
630
|
+
{ "name": "xl" }
|
|
631
|
+
]
|
|
689
632
|
},
|
|
690
|
-
{
|
|
633
|
+
{
|
|
634
|
+
"name": "layout",
|
|
635
|
+
"description": "Specify the kind of the group.",
|
|
636
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
637
|
+
}
|
|
691
638
|
],
|
|
692
639
|
"references": [
|
|
693
640
|
{
|
|
694
641
|
"name": "Storybook",
|
|
695
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
642
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
696
643
|
}
|
|
697
644
|
]
|
|
698
645
|
},
|
|
699
646
|
{
|
|
700
|
-
"name": "bm-
|
|
701
|
-
"description": "`bm-
|
|
647
|
+
"name": "bm-alert",
|
|
648
|
+
"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",
|
|
702
649
|
"attributes": [
|
|
650
|
+
{
|
|
651
|
+
"name": "heading",
|
|
652
|
+
"description": "Specify the heading text for Alert",
|
|
653
|
+
"values": []
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"name": "body",
|
|
657
|
+
"description": "Specify the body text for Alert",
|
|
658
|
+
"values": []
|
|
659
|
+
},
|
|
660
|
+
{
|
|
661
|
+
"name": "size",
|
|
662
|
+
"description": "Specify the size of the Alert",
|
|
663
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
664
|
+
},
|
|
665
|
+
{
|
|
666
|
+
"name": "fullWidth",
|
|
667
|
+
"description": "Specify if the Alert has no border radius",
|
|
668
|
+
"values": []
|
|
669
|
+
},
|
|
670
|
+
{
|
|
671
|
+
"name": "theme",
|
|
672
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
673
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
674
|
+
},
|
|
703
675
|
{
|
|
704
676
|
"name": "appearance",
|
|
705
|
-
"description": "Specify the appearance of the
|
|
677
|
+
"description": "Specify the appearance of the Alert",
|
|
706
678
|
"values": [
|
|
707
679
|
{ "name": "infoPrimary" },
|
|
708
680
|
{ "name": "infoSecondary" },
|
|
@@ -712,68 +684,96 @@
|
|
|
712
684
|
]
|
|
713
685
|
},
|
|
714
686
|
{
|
|
715
|
-
"name": "
|
|
716
|
-
"description": "
|
|
717
|
-
"values": [
|
|
687
|
+
"name": "hidden",
|
|
688
|
+
"description": "Specify if the Alert is hidden",
|
|
689
|
+
"values": []
|
|
718
690
|
},
|
|
719
691
|
{
|
|
720
|
-
"name": "
|
|
721
|
-
"description": "Specify the
|
|
722
|
-
"values": [
|
|
692
|
+
"name": "hideIcon",
|
|
693
|
+
"description": "Specify if the icon displays on the Alert",
|
|
694
|
+
"values": []
|
|
723
695
|
},
|
|
724
696
|
{
|
|
725
|
-
"name": "
|
|
726
|
-
"description": "Specify the
|
|
727
|
-
"values": [
|
|
728
|
-
{ "name": "strong" },
|
|
729
|
-
{ "name": "medium" },
|
|
730
|
-
{ "name": "subtle" }
|
|
731
|
-
]
|
|
697
|
+
"name": "dismissible",
|
|
698
|
+
"description": "Specify if the Alert can be dismissed",
|
|
699
|
+
"values": []
|
|
732
700
|
},
|
|
733
|
-
{
|
|
701
|
+
{
|
|
702
|
+
"name": "disableAutoFocus",
|
|
703
|
+
"description": "Prevent autofocus on show",
|
|
704
|
+
"values": []
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "disableCloseOnEscape",
|
|
708
|
+
"description": "Prevent Escape from closing",
|
|
709
|
+
"values": []
|
|
710
|
+
}
|
|
734
711
|
],
|
|
735
712
|
"references": [
|
|
736
713
|
{
|
|
737
714
|
"name": "Storybook",
|
|
738
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
715
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
739
716
|
}
|
|
740
717
|
]
|
|
741
718
|
},
|
|
742
719
|
{
|
|
743
|
-
"name": "bm-
|
|
744
|
-
"description": "`bm-
|
|
720
|
+
"name": "bm-breadcrumb",
|
|
721
|
+
"description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Pass items to the Breadcrumb",
|
|
745
722
|
"attributes": [
|
|
723
|
+
{
|
|
724
|
+
"name": "wrap",
|
|
725
|
+
"description": "Specify if items wrap or collapse to an ellipsis",
|
|
726
|
+
"values": []
|
|
727
|
+
},
|
|
728
|
+
{
|
|
729
|
+
"name": "itemsBeforeCollapse",
|
|
730
|
+
"description": "Specify how many items show before ellipsis",
|
|
731
|
+
"values": []
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
"name": "itemsAfterCollapse",
|
|
735
|
+
"description": "Specify how many items show after ellipsis",
|
|
736
|
+
"values": []
|
|
737
|
+
},
|
|
746
738
|
{
|
|
747
739
|
"name": "theme",
|
|
748
|
-
"description": "Specify the theme of the
|
|
740
|
+
"description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
|
|
749
741
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
750
|
-
}
|
|
742
|
+
}
|
|
743
|
+
],
|
|
744
|
+
"references": [
|
|
751
745
|
{
|
|
752
|
-
"name": "
|
|
753
|
-
"
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
746
|
+
"name": "Storybook",
|
|
747
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
748
|
+
}
|
|
749
|
+
]
|
|
750
|
+
},
|
|
751
|
+
{
|
|
752
|
+
"name": "bm-breadcrumb-item",
|
|
753
|
+
"description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href** - Pass href to an item\n- **clickable** - Specify if the item is interactive without an href\n- **truncationWidth** - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent** - Specify explicitly if the item is the last one\n- **isCollapsed** \n---\n\n\n### **Slots:**\n - **default** - Pass text to an item\n- **icon** - Pass icon to an item",
|
|
754
|
+
"attributes": [
|
|
755
|
+
{ "name": "href", "description": "Pass href to an item", "values": [] },
|
|
756
|
+
{
|
|
757
|
+
"name": "clickable",
|
|
758
|
+
"description": "Specify if the item is interactive without an href",
|
|
759
|
+
"values": []
|
|
761
760
|
},
|
|
762
761
|
{
|
|
763
|
-
"name": "
|
|
764
|
-
"description": "Specify
|
|
765
|
-
"values": [
|
|
762
|
+
"name": "truncationWidth",
|
|
763
|
+
"description": "Specify truncation width of the items. Sets max-width for all items but the last.",
|
|
764
|
+
"values": []
|
|
766
765
|
},
|
|
767
766
|
{
|
|
768
|
-
"name": "
|
|
769
|
-
"description": "
|
|
767
|
+
"name": "isCurrent",
|
|
768
|
+
"description": "Specify explicitly if the item is the last one",
|
|
770
769
|
"values": []
|
|
771
|
-
}
|
|
770
|
+
},
|
|
771
|
+
{ "name": "isCollapsed", "values": [] }
|
|
772
772
|
],
|
|
773
773
|
"references": [
|
|
774
774
|
{
|
|
775
775
|
"name": "Storybook",
|
|
776
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
776
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
777
777
|
}
|
|
778
778
|
]
|
|
779
779
|
},
|
|
@@ -2216,51 +2216,6 @@
|
|
|
2216
2216
|
}
|
|
2217
2217
|
]
|
|
2218
2218
|
},
|
|
2219
|
-
{
|
|
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",
|
|
2222
|
-
"attributes": [
|
|
2223
|
-
{
|
|
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",
|
|
2240
|
-
"values": []
|
|
2241
|
-
},
|
|
2242
|
-
{
|
|
2243
|
-
"name": "disabled",
|
|
2244
|
-
"description": "Specify if input is a disabled",
|
|
2245
|
-
"values": []
|
|
2246
|
-
},
|
|
2247
|
-
{
|
|
2248
|
-
"name": "readOnly",
|
|
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
2219
|
{
|
|
2265
2220
|
"name": "bm-native-select",
|
|
2266
2221
|
"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",
|
|
@@ -2383,6 +2338,51 @@
|
|
|
2383
2338
|
}
|
|
2384
2339
|
]
|
|
2385
2340
|
},
|
|
2341
|
+
{
|
|
2342
|
+
"name": "bm-form",
|
|
2343
|
+
"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",
|
|
2344
|
+
"attributes": [
|
|
2345
|
+
{
|
|
2346
|
+
"name": "validationMode",
|
|
2347
|
+
"description": "Specify if validation runs on change or when loosing focus",
|
|
2348
|
+
"values": [
|
|
2349
|
+
{ "name": "onChange" },
|
|
2350
|
+
{ "name": "onBlur" },
|
|
2351
|
+
{ "name": "onSubmit" }
|
|
2352
|
+
]
|
|
2353
|
+
},
|
|
2354
|
+
{
|
|
2355
|
+
"name": "initialValues",
|
|
2356
|
+
"description": "Specify initial values on Form controls based on their names",
|
|
2357
|
+
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
2358
|
+
},
|
|
2359
|
+
{
|
|
2360
|
+
"name": "required",
|
|
2361
|
+
"description": "Specify if input is a required",
|
|
2362
|
+
"values": []
|
|
2363
|
+
},
|
|
2364
|
+
{
|
|
2365
|
+
"name": "disabled",
|
|
2366
|
+
"description": "Specify if input is a disabled",
|
|
2367
|
+
"values": []
|
|
2368
|
+
},
|
|
2369
|
+
{
|
|
2370
|
+
"name": "readOnly",
|
|
2371
|
+
"description": "Specify if input is a read only",
|
|
2372
|
+
"values": []
|
|
2373
|
+
},
|
|
2374
|
+
{ "name": "action", "values": [] },
|
|
2375
|
+
{ "name": "method", "values": [] },
|
|
2376
|
+
{ "name": "target", "values": [] },
|
|
2377
|
+
{ "name": "enctype", "values": [] }
|
|
2378
|
+
],
|
|
2379
|
+
"references": [
|
|
2380
|
+
{
|
|
2381
|
+
"name": "Storybook",
|
|
2382
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
2383
|
+
}
|
|
2384
|
+
]
|
|
2385
|
+
},
|
|
2386
2386
|
{
|
|
2387
2387
|
"name": "bm-switch",
|
|
2388
2388
|
"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.",
|