@viasat/beam-web-components 2.67.1 → 2.69.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 +3182 -3182
- package/package.json +6 -6
- package/vscode.html-custom-data.json +275 -275
|
@@ -62,100 +62,45 @@
|
|
|
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
68
|
{
|
|
69
69
|
"name": "appearance",
|
|
70
|
-
"description": "Specify the appearance of the
|
|
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",
|
|
70
|
+
"description": "Specify the appearance of the Badge",
|
|
87
71
|
"values": [
|
|
88
|
-
{ "name": "
|
|
89
|
-
{ "name": "
|
|
90
|
-
{ "name": "
|
|
91
|
-
{ "name": "
|
|
92
|
-
{ "name": "
|
|
72
|
+
{ "name": "infoPrimary" },
|
|
73
|
+
{ "name": "infoSecondary" },
|
|
74
|
+
{ "name": "positive" },
|
|
75
|
+
{ "name": "warning" },
|
|
76
|
+
{ "name": "negative" }
|
|
93
77
|
]
|
|
94
78
|
},
|
|
95
79
|
{
|
|
96
|
-
"name": "
|
|
97
|
-
"description": "
|
|
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": []
|
|
80
|
+
"name": "theme",
|
|
81
|
+
"description": "Theme of the Badge",
|
|
82
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
132
83
|
},
|
|
133
84
|
{
|
|
134
|
-
"name": "
|
|
135
|
-
"description": "Specify the
|
|
136
|
-
"values": []
|
|
85
|
+
"name": "size",
|
|
86
|
+
"description": "Specify the size of the Badge",
|
|
87
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
137
88
|
},
|
|
138
89
|
{
|
|
139
|
-
"name": "
|
|
140
|
-
"description": "Specify the
|
|
90
|
+
"name": "emphasis",
|
|
91
|
+
"description": "Specify the emphasis of the Badge",
|
|
141
92
|
"values": [
|
|
142
|
-
{ "name": "
|
|
143
|
-
{ "name": "
|
|
144
|
-
{ "name": "
|
|
145
|
-
{ "name": "lg" },
|
|
146
|
-
{ "name": "xl" }
|
|
93
|
+
{ "name": "strong" },
|
|
94
|
+
{ "name": "medium" },
|
|
95
|
+
{ "name": "subtle" }
|
|
147
96
|
]
|
|
148
97
|
},
|
|
149
|
-
{
|
|
150
|
-
"name": "layout",
|
|
151
|
-
"description": "Specify the kind of the group.",
|
|
152
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
153
|
-
}
|
|
98
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
154
99
|
],
|
|
155
100
|
"references": [
|
|
156
101
|
{
|
|
157
102
|
"name": "Storybook",
|
|
158
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
103
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
159
104
|
}
|
|
160
105
|
]
|
|
161
106
|
},
|
|
@@ -662,186 +607,241 @@
|
|
|
662
607
|
]
|
|
663
608
|
},
|
|
664
609
|
{
|
|
665
|
-
"name": "bm-
|
|
666
|
-
"description": "`bm-
|
|
610
|
+
"name": "bm-button",
|
|
611
|
+
"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",
|
|
667
612
|
"attributes": [
|
|
668
613
|
{
|
|
669
|
-
"name": "
|
|
670
|
-
"description": "Specify the
|
|
614
|
+
"name": "appearance",
|
|
615
|
+
"description": "Specify the appearance of a Button",
|
|
616
|
+
"values": [
|
|
617
|
+
{ "name": "accent" },
|
|
618
|
+
{ "name": "neutral" },
|
|
619
|
+
{ "name": "neutral-subtle" },
|
|
620
|
+
{ "name": "destructive" }
|
|
621
|
+
]
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "kind",
|
|
625
|
+
"description": "Specify the kind of Button",
|
|
626
|
+
"values": [
|
|
627
|
+
{ "name": "filled" },
|
|
628
|
+
{ "name": "outline" },
|
|
629
|
+
{ "name": "ghost" },
|
|
630
|
+
{ "name": "bare" }
|
|
631
|
+
]
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "size",
|
|
635
|
+
"description": "Specify the size of a Button",
|
|
636
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "disabled",
|
|
640
|
+
"description": "Specify if the Button is disabled",
|
|
671
641
|
"values": []
|
|
672
642
|
},
|
|
673
643
|
{
|
|
674
|
-
"name": "
|
|
675
|
-
"description": "Specify
|
|
644
|
+
"name": "fluid",
|
|
645
|
+
"description": "Specify if Button is fluid",
|
|
676
646
|
"values": []
|
|
677
647
|
},
|
|
678
648
|
{
|
|
679
|
-
"name": "
|
|
680
|
-
"description": "Specify the
|
|
681
|
-
"values": [
|
|
649
|
+
"name": "width",
|
|
650
|
+
"description": "Specify the width of a Button",
|
|
651
|
+
"values": []
|
|
682
652
|
},
|
|
683
653
|
{
|
|
684
|
-
"name": "
|
|
685
|
-
"description": "Specify
|
|
654
|
+
"name": "height",
|
|
655
|
+
"description": "Specify the height of a Button",
|
|
686
656
|
"values": []
|
|
687
657
|
},
|
|
688
658
|
{
|
|
689
659
|
"name": "theme",
|
|
690
|
-
"description": "Specify the theme of the
|
|
660
|
+
"description": "Specify the theme of the Button",
|
|
691
661
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
692
662
|
},
|
|
663
|
+
{
|
|
664
|
+
"name": "iconOnly",
|
|
665
|
+
"description": "Specify if the icon displays without text",
|
|
666
|
+
"values": []
|
|
667
|
+
},
|
|
668
|
+
{ "name": "type", "values": [] }
|
|
669
|
+
],
|
|
670
|
+
"references": [
|
|
671
|
+
{
|
|
672
|
+
"name": "Storybook",
|
|
673
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
|
|
674
|
+
}
|
|
675
|
+
]
|
|
676
|
+
},
|
|
677
|
+
{
|
|
678
|
+
"name": "bm-avatar",
|
|
679
|
+
"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",
|
|
680
|
+
"attributes": [
|
|
693
681
|
{
|
|
694
682
|
"name": "appearance",
|
|
695
|
-
"description": "Specify the appearance of the
|
|
696
|
-
"values": [
|
|
697
|
-
{ "name": "infoPrimary" },
|
|
698
|
-
{ "name": "infoSecondary" },
|
|
699
|
-
{ "name": "positive" },
|
|
700
|
-
{ "name": "warning" },
|
|
701
|
-
{ "name": "negative" }
|
|
702
|
-
]
|
|
683
|
+
"description": "Specify the appearance of the Avatar",
|
|
684
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
703
685
|
},
|
|
704
686
|
{
|
|
705
|
-
"name": "
|
|
706
|
-
"description": "Specify
|
|
687
|
+
"name": "name",
|
|
688
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
707
689
|
"values": []
|
|
708
690
|
},
|
|
709
691
|
{
|
|
710
|
-
"name": "
|
|
711
|
-
"description": "
|
|
692
|
+
"name": "src",
|
|
693
|
+
"description": "Pass an image to the Avatar",
|
|
712
694
|
"values": []
|
|
713
695
|
},
|
|
696
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
714
697
|
{
|
|
715
|
-
"name": "
|
|
716
|
-
"description": "Specify
|
|
698
|
+
"name": "size",
|
|
699
|
+
"description": "Specify the size of the Avatar",
|
|
700
|
+
"values": [
|
|
701
|
+
{ "name": "xs" },
|
|
702
|
+
{ "name": "sm" },
|
|
703
|
+
{ "name": "md" },
|
|
704
|
+
{ "name": "lg" },
|
|
705
|
+
{ "name": "xl" }
|
|
706
|
+
]
|
|
707
|
+
},
|
|
708
|
+
{
|
|
709
|
+
"name": "disabled",
|
|
710
|
+
"description": "Specify if the Avatar is disabled",
|
|
717
711
|
"values": []
|
|
718
712
|
},
|
|
719
713
|
{
|
|
720
|
-
"name": "
|
|
721
|
-
"description": "
|
|
714
|
+
"name": "shape",
|
|
715
|
+
"description": "Specify the shape of the Avatar",
|
|
716
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
717
|
+
},
|
|
718
|
+
{
|
|
719
|
+
"name": "isInteractive",
|
|
720
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
722
721
|
"values": []
|
|
723
722
|
},
|
|
724
723
|
{
|
|
725
|
-
"name": "
|
|
726
|
-
"description": "
|
|
724
|
+
"name": "isFocusable",
|
|
725
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
727
726
|
"values": []
|
|
728
|
-
}
|
|
727
|
+
},
|
|
728
|
+
{ "name": "withBorder", "values": [] }
|
|
729
729
|
],
|
|
730
730
|
"references": [
|
|
731
731
|
{
|
|
732
732
|
"name": "Storybook",
|
|
733
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
733
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
734
734
|
}
|
|
735
735
|
]
|
|
736
736
|
},
|
|
737
737
|
{
|
|
738
|
-
"name": "bm-
|
|
739
|
-
"description": "`bm-
|
|
738
|
+
"name": "bm-avatar-group",
|
|
739
|
+
"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",
|
|
740
740
|
"attributes": [
|
|
741
741
|
{
|
|
742
|
-
"name": "
|
|
743
|
-
"description": "Specify the
|
|
744
|
-
"values": [
|
|
745
|
-
{ "name": "infoPrimary" },
|
|
746
|
-
{ "name": "infoSecondary" },
|
|
747
|
-
{ "name": "positive" },
|
|
748
|
-
{ "name": "warning" },
|
|
749
|
-
{ "name": "negative" }
|
|
750
|
-
]
|
|
742
|
+
"name": "wrapping",
|
|
743
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
744
|
+
"values": []
|
|
751
745
|
},
|
|
752
746
|
{
|
|
753
|
-
"name": "
|
|
754
|
-
"description": "
|
|
755
|
-
"values": [
|
|
747
|
+
"name": "maxCount",
|
|
748
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
749
|
+
"values": []
|
|
756
750
|
},
|
|
757
751
|
{
|
|
758
752
|
"name": "size",
|
|
759
|
-
"description": "Specify the size of
|
|
760
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
761
|
-
},
|
|
762
|
-
{
|
|
763
|
-
"name": "emphasis",
|
|
764
|
-
"description": "Specify the emphasis of the Badge",
|
|
753
|
+
"description": "Specify the size of all Avatars",
|
|
765
754
|
"values": [
|
|
766
|
-
{ "name": "
|
|
767
|
-
{ "name": "
|
|
768
|
-
{ "name": "
|
|
755
|
+
{ "name": "xs" },
|
|
756
|
+
{ "name": "sm" },
|
|
757
|
+
{ "name": "md" },
|
|
758
|
+
{ "name": "lg" },
|
|
759
|
+
{ "name": "xl" }
|
|
769
760
|
]
|
|
770
761
|
},
|
|
771
|
-
{
|
|
762
|
+
{
|
|
763
|
+
"name": "layout",
|
|
764
|
+
"description": "Specify the kind of the group.",
|
|
765
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
766
|
+
}
|
|
772
767
|
],
|
|
773
768
|
"references": [
|
|
774
769
|
{
|
|
775
770
|
"name": "Storybook",
|
|
776
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
771
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
777
772
|
}
|
|
778
773
|
]
|
|
779
774
|
},
|
|
780
775
|
{
|
|
781
|
-
"name": "bm-
|
|
782
|
-
"description": "`bm-
|
|
776
|
+
"name": "bm-alert",
|
|
777
|
+
"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",
|
|
783
778
|
"attributes": [
|
|
784
779
|
{
|
|
785
|
-
"name": "
|
|
786
|
-
"description": "Specify the
|
|
787
|
-
"values": [
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
]
|
|
780
|
+
"name": "heading",
|
|
781
|
+
"description": "Specify the heading text for Alert",
|
|
782
|
+
"values": []
|
|
783
|
+
},
|
|
784
|
+
{
|
|
785
|
+
"name": "body",
|
|
786
|
+
"description": "Specify the body text for Alert",
|
|
787
|
+
"values": []
|
|
788
|
+
},
|
|
789
|
+
{
|
|
790
|
+
"name": "size",
|
|
791
|
+
"description": "Specify the size of the Alert",
|
|
792
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
793
|
+
},
|
|
794
|
+
{
|
|
795
|
+
"name": "fullWidth",
|
|
796
|
+
"description": "Specify if the Alert has no border radius",
|
|
797
|
+
"values": []
|
|
798
|
+
},
|
|
799
|
+
{
|
|
800
|
+
"name": "theme",
|
|
801
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
802
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
793
803
|
},
|
|
794
804
|
{
|
|
795
|
-
"name": "
|
|
796
|
-
"description": "Specify the
|
|
805
|
+
"name": "appearance",
|
|
806
|
+
"description": "Specify the appearance of the Alert",
|
|
797
807
|
"values": [
|
|
798
|
-
{ "name": "
|
|
799
|
-
{ "name": "
|
|
800
|
-
{ "name": "
|
|
801
|
-
{ "name": "
|
|
808
|
+
{ "name": "infoPrimary" },
|
|
809
|
+
{ "name": "infoSecondary" },
|
|
810
|
+
{ "name": "positive" },
|
|
811
|
+
{ "name": "warning" },
|
|
812
|
+
{ "name": "negative" }
|
|
802
813
|
]
|
|
803
814
|
},
|
|
804
815
|
{
|
|
805
|
-
"name": "
|
|
806
|
-
"description": "Specify the
|
|
807
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
808
|
-
},
|
|
809
|
-
{
|
|
810
|
-
"name": "disabled",
|
|
811
|
-
"description": "Specify if the Button is disabled",
|
|
816
|
+
"name": "hidden",
|
|
817
|
+
"description": "Specify if the Alert is hidden",
|
|
812
818
|
"values": []
|
|
813
819
|
},
|
|
814
820
|
{
|
|
815
|
-
"name": "
|
|
816
|
-
"description": "Specify if
|
|
821
|
+
"name": "hideIcon",
|
|
822
|
+
"description": "Specify if the icon displays on the Alert",
|
|
817
823
|
"values": []
|
|
818
824
|
},
|
|
819
825
|
{
|
|
820
|
-
"name": "
|
|
821
|
-
"description": "Specify the
|
|
826
|
+
"name": "dismissible",
|
|
827
|
+
"description": "Specify if the Alert can be dismissed",
|
|
822
828
|
"values": []
|
|
823
829
|
},
|
|
824
830
|
{
|
|
825
|
-
"name": "
|
|
826
|
-
"description": "
|
|
831
|
+
"name": "disableAutoFocus",
|
|
832
|
+
"description": "Prevent autofocus on show",
|
|
827
833
|
"values": []
|
|
828
834
|
},
|
|
829
835
|
{
|
|
830
|
-
"name": "
|
|
831
|
-
"description": "
|
|
832
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
833
|
-
},
|
|
834
|
-
{
|
|
835
|
-
"name": "iconOnly",
|
|
836
|
-
"description": "Specify if the icon displays without text",
|
|
836
|
+
"name": "disableCloseOnEscape",
|
|
837
|
+
"description": "Prevent Escape from closing",
|
|
837
838
|
"values": []
|
|
838
|
-
}
|
|
839
|
-
{ "name": "type", "values": [] }
|
|
839
|
+
}
|
|
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-alert"
|
|
845
845
|
}
|
|
846
846
|
]
|
|
847
847
|
},
|
|
@@ -1909,6 +1909,51 @@
|
|
|
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
|
+
},
|
|
1912
1957
|
{
|
|
1913
1958
|
"name": "bm-file-upload-button",
|
|
1914
1959
|
"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",
|
|
@@ -2216,51 +2261,6 @@
|
|
|
2216
2261
|
}
|
|
2217
2262
|
]
|
|
2218
2263
|
},
|
|
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
2264
|
{
|
|
2265
2265
|
"name": "bm-native-select",
|
|
2266
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",
|
|
@@ -2331,58 +2331,6 @@
|
|
|
2331
2331
|
}
|
|
2332
2332
|
]
|
|
2333
2333
|
},
|
|
2334
|
-
{
|
|
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
|
-
"attributes": [
|
|
2338
|
-
{
|
|
2339
|
-
"name": "label",
|
|
2340
|
-
"description": "Specify the text for the label",
|
|
2341
|
-
"values": []
|
|
2342
|
-
},
|
|
2343
|
-
{
|
|
2344
|
-
"name": "error",
|
|
2345
|
-
"description": "Specify error text and display error state of a RadioButton",
|
|
2346
|
-
"values": []
|
|
2347
|
-
},
|
|
2348
|
-
{
|
|
2349
|
-
"name": "readOnly",
|
|
2350
|
-
"description": "Specify if RadioButton displays in a read-only state",
|
|
2351
|
-
"values": []
|
|
2352
|
-
},
|
|
2353
|
-
{
|
|
2354
|
-
"name": "disabled",
|
|
2355
|
-
"description": "Specify if RadioButton displays in a disabled state",
|
|
2356
|
-
"values": []
|
|
2357
|
-
},
|
|
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
|
-
},
|
|
2363
|
-
{
|
|
2364
|
-
"name": "value",
|
|
2365
|
-
"description": "The value attribute for the input element",
|
|
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" }]
|
|
2377
|
-
}
|
|
2378
|
-
],
|
|
2379
|
-
"references": [
|
|
2380
|
-
{
|
|
2381
|
-
"name": "Storybook",
|
|
2382
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2383
|
-
}
|
|
2384
|
-
]
|
|
2385
|
-
},
|
|
2386
2334
|
{
|
|
2387
2335
|
"name": "bm-switch",
|
|
2388
2336
|
"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.",
|
|
@@ -2516,6 +2464,58 @@
|
|
|
2516
2464
|
}
|
|
2517
2465
|
]
|
|
2518
2466
|
},
|
|
2467
|
+
{
|
|
2468
|
+
"name": "bm-radio-button",
|
|
2469
|
+
"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",
|
|
2470
|
+
"attributes": [
|
|
2471
|
+
{
|
|
2472
|
+
"name": "label",
|
|
2473
|
+
"description": "Specify the text for the label",
|
|
2474
|
+
"values": []
|
|
2475
|
+
},
|
|
2476
|
+
{
|
|
2477
|
+
"name": "error",
|
|
2478
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2479
|
+
"values": []
|
|
2480
|
+
},
|
|
2481
|
+
{
|
|
2482
|
+
"name": "readOnly",
|
|
2483
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2484
|
+
"values": []
|
|
2485
|
+
},
|
|
2486
|
+
{
|
|
2487
|
+
"name": "disabled",
|
|
2488
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2489
|
+
"values": []
|
|
2490
|
+
},
|
|
2491
|
+
{
|
|
2492
|
+
"name": "theme",
|
|
2493
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2494
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2495
|
+
},
|
|
2496
|
+
{
|
|
2497
|
+
"name": "value",
|
|
2498
|
+
"description": "The value attribute for the input element",
|
|
2499
|
+
"values": []
|
|
2500
|
+
},
|
|
2501
|
+
{
|
|
2502
|
+
"name": "checked",
|
|
2503
|
+
"description": "The checked attribute for the input element",
|
|
2504
|
+
"values": []
|
|
2505
|
+
},
|
|
2506
|
+
{
|
|
2507
|
+
"name": "onKeyDown",
|
|
2508
|
+
"description": "A user-defined function to handle keydown events",
|
|
2509
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2510
|
+
}
|
|
2511
|
+
],
|
|
2512
|
+
"references": [
|
|
2513
|
+
{
|
|
2514
|
+
"name": "Storybook",
|
|
2515
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
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",
|
|
@@ -2586,8 +2586,8 @@
|
|
|
2586
2586
|
]
|
|
2587
2587
|
},
|
|
2588
2588
|
{
|
|
2589
|
-
"name": "bm-
|
|
2590
|
-
"description": "
|
|
2589
|
+
"name": "bm-switch-group",
|
|
2590
|
+
"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",
|
|
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-switch"
|
|
2654
2654
|
}
|
|
2655
2655
|
]
|
|
2656
2656
|
},
|
|
2657
2657
|
{
|
|
2658
|
-
"name": "bm-
|
|
2659
|
-
"description": "
|
|
2658
|
+
"name": "bm-radio-button-group",
|
|
2659
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
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-radiobutton"
|
|
2723
2723
|
}
|
|
2724
2724
|
]
|
|
2725
2725
|
}
|