@viasat/beam-web-components 2.18.1 → 2.20.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 +1334 -1334
- package/package.json +6 -6
- package/vscode.html-custom-data.json +292 -292
|
@@ -62,100 +62,83 @@
|
|
|
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" }]
|
|
80
|
+
"name": "theme",
|
|
81
|
+
"description": "Theme of the Badge",
|
|
82
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
104
83
|
},
|
|
105
84
|
{
|
|
106
|
-
"name": "
|
|
107
|
-
"description": "
|
|
108
|
-
"values": []
|
|
85
|
+
"name": "size",
|
|
86
|
+
"description": "Specify the size of the Badge",
|
|
87
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
109
88
|
},
|
|
110
89
|
{
|
|
111
|
-
"name": "
|
|
112
|
-
"description": "
|
|
113
|
-
"values": [
|
|
90
|
+
"name": "emphasis",
|
|
91
|
+
"description": "Specify the emphasis of the Badge",
|
|
92
|
+
"values": [
|
|
93
|
+
{ "name": "strong" },
|
|
94
|
+
{ "name": "medium" },
|
|
95
|
+
{ "name": "subtle" }
|
|
96
|
+
]
|
|
114
97
|
},
|
|
115
|
-
{ "name": "
|
|
98
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
116
99
|
],
|
|
117
100
|
"references": [
|
|
118
101
|
{
|
|
119
102
|
"name": "Storybook",
|
|
120
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
103
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
121
104
|
}
|
|
122
105
|
]
|
|
123
106
|
},
|
|
124
107
|
{
|
|
125
|
-
"name": "bm-
|
|
126
|
-
"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",
|
|
127
110
|
"attributes": [
|
|
128
111
|
{
|
|
129
|
-
"name": "
|
|
130
|
-
"description": "Specify
|
|
131
|
-
"values": []
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"name": "maxCount",
|
|
135
|
-
"description": "Specify the max number of avatars displayed in the group.",
|
|
136
|
-
"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" }]
|
|
137
115
|
},
|
|
138
116
|
{
|
|
139
|
-
"name": "
|
|
140
|
-
"description": "Specify the
|
|
117
|
+
"name": "appearance",
|
|
118
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
141
119
|
"values": [
|
|
142
|
-
{ "name": "
|
|
143
|
-
{ "name": "
|
|
144
|
-
{ "name": "
|
|
145
|
-
{ "name": "
|
|
146
|
-
{ "name": "
|
|
120
|
+
{ "name": "infoPrimary" },
|
|
121
|
+
{ "name": "infoSecondary" },
|
|
122
|
+
{ "name": "positive" },
|
|
123
|
+
{ "name": "warning" },
|
|
124
|
+
{ "name": "negative" }
|
|
147
125
|
]
|
|
148
126
|
},
|
|
149
127
|
{
|
|
150
|
-
"name": "
|
|
151
|
-
"description": "Specify the
|
|
152
|
-
"values": [{ "name": "
|
|
128
|
+
"name": "emphasis",
|
|
129
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
130
|
+
"values": [{ "name": "strong" }, { "name": "subtle" }]
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"name": "overrideDotColor",
|
|
134
|
+
"description": "Overrides default dot color",
|
|
135
|
+
"values": []
|
|
153
136
|
}
|
|
154
137
|
],
|
|
155
138
|
"references": [
|
|
156
139
|
{
|
|
157
140
|
"name": "Storybook",
|
|
158
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
141
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
159
142
|
}
|
|
160
143
|
]
|
|
161
144
|
},
|
|
@@ -563,217 +546,234 @@
|
|
|
563
546
|
]
|
|
564
547
|
},
|
|
565
548
|
{
|
|
566
|
-
"name": "bm-
|
|
567
|
-
"description": "`bm-
|
|
549
|
+
"name": "bm-breadcrumb",
|
|
550
|
+
"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",
|
|
568
551
|
"attributes": [
|
|
569
552
|
{
|
|
570
|
-
"name": "
|
|
571
|
-
"description": "Specify
|
|
572
|
-
"values": [
|
|
553
|
+
"name": "wrap",
|
|
554
|
+
"description": "Specify if items wrap or collapse to an ellipsis",
|
|
555
|
+
"values": []
|
|
573
556
|
},
|
|
574
557
|
{
|
|
575
|
-
"name": "
|
|
576
|
-
"description": "Specify
|
|
577
|
-
"values": [
|
|
578
|
-
{ "name": "infoPrimary" },
|
|
579
|
-
{ "name": "infoSecondary" },
|
|
580
|
-
{ "name": "positive" },
|
|
581
|
-
{ "name": "warning" },
|
|
582
|
-
{ "name": "negative" }
|
|
583
|
-
]
|
|
558
|
+
"name": "itemsBeforeCollapse",
|
|
559
|
+
"description": "Specify how many items show before ellipsis",
|
|
560
|
+
"values": []
|
|
584
561
|
},
|
|
585
562
|
{
|
|
586
|
-
"name": "
|
|
587
|
-
"description": "Specify
|
|
588
|
-
"values": [
|
|
563
|
+
"name": "itemsAfterCollapse",
|
|
564
|
+
"description": "Specify how many items show after ellipsis",
|
|
565
|
+
"values": []
|
|
589
566
|
},
|
|
590
567
|
{
|
|
591
|
-
"name": "
|
|
592
|
-
"description": "
|
|
593
|
-
"values": []
|
|
568
|
+
"name": "theme",
|
|
569
|
+
"description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
|
|
570
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
594
571
|
}
|
|
595
572
|
],
|
|
596
573
|
"references": [
|
|
597
574
|
{
|
|
598
575
|
"name": "Storybook",
|
|
599
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
576
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
600
577
|
}
|
|
601
578
|
]
|
|
602
579
|
},
|
|
603
580
|
{
|
|
604
|
-
"name": "bm-
|
|
605
|
-
"description": "`bm-
|
|
581
|
+
"name": "bm-breadcrumb-item",
|
|
582
|
+
"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",
|
|
606
583
|
"attributes": [
|
|
584
|
+
{ "name": "href", "description": "Pass href to an item", "values": [] },
|
|
607
585
|
{
|
|
608
|
-
"name": "
|
|
609
|
-
"description": "Specify the
|
|
586
|
+
"name": "clickable",
|
|
587
|
+
"description": "Specify if the item is interactive without an href",
|
|
610
588
|
"values": []
|
|
611
589
|
},
|
|
612
590
|
{
|
|
613
|
-
"name": "
|
|
614
|
-
"description": "Specify the
|
|
591
|
+
"name": "truncationWidth",
|
|
592
|
+
"description": "Specify truncation width of the items. Sets max-width for all items but the last.",
|
|
615
593
|
"values": []
|
|
616
594
|
},
|
|
617
595
|
{
|
|
618
|
-
"name": "
|
|
619
|
-
"description": "Specify the
|
|
620
|
-
"values": [
|
|
596
|
+
"name": "isCurrent",
|
|
597
|
+
"description": "Specify explicitly if the item is the last one",
|
|
598
|
+
"values": []
|
|
621
599
|
},
|
|
600
|
+
{ "name": "isCollapsed", "values": [] }
|
|
601
|
+
],
|
|
602
|
+
"references": [
|
|
622
603
|
{
|
|
623
|
-
"name": "
|
|
624
|
-
"
|
|
604
|
+
"name": "Storybook",
|
|
605
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
606
|
+
}
|
|
607
|
+
]
|
|
608
|
+
},
|
|
609
|
+
{
|
|
610
|
+
"name": "bm-avatar",
|
|
611
|
+
"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",
|
|
612
|
+
"attributes": [
|
|
613
|
+
{
|
|
614
|
+
"name": "appearance",
|
|
615
|
+
"description": "Specify the appearance of the Avatar",
|
|
616
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "name",
|
|
620
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
625
621
|
"values": []
|
|
626
622
|
},
|
|
627
623
|
{
|
|
628
|
-
"name": "
|
|
629
|
-
"description": "
|
|
630
|
-
"values": [
|
|
624
|
+
"name": "src",
|
|
625
|
+
"description": "Pass an image to the Avatar",
|
|
626
|
+
"values": []
|
|
631
627
|
},
|
|
628
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
632
629
|
{
|
|
633
|
-
"name": "
|
|
634
|
-
"description": "Specify the
|
|
630
|
+
"name": "size",
|
|
631
|
+
"description": "Specify the size of the Avatar",
|
|
635
632
|
"values": [
|
|
636
|
-
{ "name": "
|
|
637
|
-
{ "name": "
|
|
638
|
-
{ "name": "
|
|
639
|
-
{ "name": "
|
|
640
|
-
{ "name": "
|
|
633
|
+
{ "name": "xs" },
|
|
634
|
+
{ "name": "sm" },
|
|
635
|
+
{ "name": "md" },
|
|
636
|
+
{ "name": "lg" },
|
|
637
|
+
{ "name": "xl" }
|
|
641
638
|
]
|
|
642
639
|
},
|
|
643
640
|
{
|
|
644
|
-
"name": "
|
|
645
|
-
"description": "Specify if the
|
|
641
|
+
"name": "disabled",
|
|
642
|
+
"description": "Specify if the Avatar is disabled",
|
|
646
643
|
"values": []
|
|
647
644
|
},
|
|
648
645
|
{
|
|
649
|
-
"name": "
|
|
650
|
-
"description": "Specify
|
|
651
|
-
"values": []
|
|
646
|
+
"name": "shape",
|
|
647
|
+
"description": "Specify the shape of the Avatar",
|
|
648
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
652
649
|
},
|
|
653
650
|
{
|
|
654
|
-
"name": "
|
|
655
|
-
"description": "
|
|
651
|
+
"name": "isInteractive",
|
|
652
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
656
653
|
"values": []
|
|
657
654
|
},
|
|
658
655
|
{
|
|
659
|
-
"name": "
|
|
660
|
-
"description": "
|
|
656
|
+
"name": "isFocusable",
|
|
657
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
661
658
|
"values": []
|
|
662
659
|
},
|
|
663
|
-
{
|
|
664
|
-
"name": "disableCloseOnEscape",
|
|
665
|
-
"description": "Prevent Escape from closing",
|
|
666
|
-
"values": []
|
|
667
|
-
}
|
|
660
|
+
{ "name": "withBorder", "values": [] }
|
|
668
661
|
],
|
|
669
662
|
"references": [
|
|
670
663
|
{
|
|
671
664
|
"name": "Storybook",
|
|
672
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
665
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
673
666
|
}
|
|
674
667
|
]
|
|
675
668
|
},
|
|
676
669
|
{
|
|
677
|
-
"name": "bm-
|
|
678
|
-
"description": "`bm-
|
|
670
|
+
"name": "bm-avatar-group",
|
|
671
|
+
"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",
|
|
679
672
|
"attributes": [
|
|
680
673
|
{
|
|
681
|
-
"name": "
|
|
682
|
-
"description": "Specify the
|
|
683
|
-
"values": [
|
|
684
|
-
{ "name": "infoPrimary" },
|
|
685
|
-
{ "name": "infoSecondary" },
|
|
686
|
-
{ "name": "positive" },
|
|
687
|
-
{ "name": "warning" },
|
|
688
|
-
{ "name": "negative" }
|
|
689
|
-
]
|
|
674
|
+
"name": "wrapping",
|
|
675
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
676
|
+
"values": []
|
|
690
677
|
},
|
|
691
678
|
{
|
|
692
|
-
"name": "
|
|
693
|
-
"description": "
|
|
694
|
-
"values": [
|
|
679
|
+
"name": "maxCount",
|
|
680
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
681
|
+
"values": []
|
|
695
682
|
},
|
|
696
683
|
{
|
|
697
684
|
"name": "size",
|
|
698
|
-
"description": "Specify the size of
|
|
699
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
700
|
-
},
|
|
701
|
-
{
|
|
702
|
-
"name": "emphasis",
|
|
703
|
-
"description": "Specify the emphasis of the Badge",
|
|
685
|
+
"description": "Specify the size of all Avatars",
|
|
704
686
|
"values": [
|
|
705
|
-
{ "name": "
|
|
706
|
-
{ "name": "
|
|
707
|
-
{ "name": "
|
|
687
|
+
{ "name": "xs" },
|
|
688
|
+
{ "name": "sm" },
|
|
689
|
+
{ "name": "md" },
|
|
690
|
+
{ "name": "lg" },
|
|
691
|
+
{ "name": "xl" }
|
|
708
692
|
]
|
|
709
693
|
},
|
|
710
|
-
{
|
|
694
|
+
{
|
|
695
|
+
"name": "layout",
|
|
696
|
+
"description": "Specify the kind of the group.",
|
|
697
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
698
|
+
}
|
|
711
699
|
],
|
|
712
700
|
"references": [
|
|
713
701
|
{
|
|
714
702
|
"name": "Storybook",
|
|
715
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
703
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
716
704
|
}
|
|
717
705
|
]
|
|
718
706
|
},
|
|
719
707
|
{
|
|
720
|
-
"name": "bm-
|
|
721
|
-
"description": "`bm-
|
|
708
|
+
"name": "bm-alert",
|
|
709
|
+
"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",
|
|
722
710
|
"attributes": [
|
|
723
711
|
{
|
|
724
|
-
"name": "
|
|
725
|
-
"description": "Specify
|
|
712
|
+
"name": "heading",
|
|
713
|
+
"description": "Specify the heading text for Alert",
|
|
726
714
|
"values": []
|
|
727
715
|
},
|
|
728
716
|
{
|
|
729
|
-
"name": "
|
|
730
|
-
"description": "Specify
|
|
717
|
+
"name": "body",
|
|
718
|
+
"description": "Specify the body text for Alert",
|
|
731
719
|
"values": []
|
|
732
720
|
},
|
|
733
721
|
{
|
|
734
|
-
"name": "
|
|
735
|
-
"description": "Specify
|
|
722
|
+
"name": "size",
|
|
723
|
+
"description": "Specify the size of the Alert",
|
|
724
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"name": "fullWidth",
|
|
728
|
+
"description": "Specify if the Alert has no border radius",
|
|
736
729
|
"values": []
|
|
737
730
|
},
|
|
738
731
|
{
|
|
739
732
|
"name": "theme",
|
|
740
|
-
"description": "Specify the theme of the
|
|
733
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
741
734
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
742
|
-
}
|
|
743
|
-
],
|
|
744
|
-
"references": [
|
|
735
|
+
},
|
|
745
736
|
{
|
|
746
|
-
"name": "
|
|
747
|
-
"
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
737
|
+
"name": "appearance",
|
|
738
|
+
"description": "Specify the appearance of the Alert",
|
|
739
|
+
"values": [
|
|
740
|
+
{ "name": "infoPrimary" },
|
|
741
|
+
{ "name": "infoSecondary" },
|
|
742
|
+
{ "name": "positive" },
|
|
743
|
+
{ "name": "warning" },
|
|
744
|
+
{ "name": "negative" }
|
|
745
|
+
]
|
|
746
|
+
},
|
|
756
747
|
{
|
|
757
|
-
"name": "
|
|
758
|
-
"description": "Specify if the
|
|
748
|
+
"name": "hidden",
|
|
749
|
+
"description": "Specify if the Alert is hidden",
|
|
750
|
+
"values": []
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"name": "hideIcon",
|
|
754
|
+
"description": "Specify if the icon displays on the Alert",
|
|
759
755
|
"values": []
|
|
760
756
|
},
|
|
761
757
|
{
|
|
762
|
-
"name": "
|
|
763
|
-
"description": "Specify
|
|
758
|
+
"name": "dismissible",
|
|
759
|
+
"description": "Specify if the Alert can be dismissed",
|
|
764
760
|
"values": []
|
|
765
761
|
},
|
|
766
762
|
{
|
|
767
|
-
"name": "
|
|
768
|
-
"description": "
|
|
763
|
+
"name": "disableAutoFocus",
|
|
764
|
+
"description": "Prevent autofocus on show",
|
|
769
765
|
"values": []
|
|
770
766
|
},
|
|
771
|
-
{
|
|
767
|
+
{
|
|
768
|
+
"name": "disableCloseOnEscape",
|
|
769
|
+
"description": "Prevent Escape from closing",
|
|
770
|
+
"values": []
|
|
771
|
+
}
|
|
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-alert"
|
|
777
777
|
}
|
|
778
778
|
]
|
|
779
779
|
},
|
|
@@ -2237,113 +2237,79 @@
|
|
|
2237
2237
|
]
|
|
2238
2238
|
},
|
|
2239
2239
|
{
|
|
2240
|
-
"name": "bm-
|
|
2241
|
-
"description": "`bm-
|
|
2240
|
+
"name": "bm-text-area",
|
|
2241
|
+
"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",
|
|
2242
2242
|
"attributes": [
|
|
2243
2243
|
{
|
|
2244
|
-
"name": "
|
|
2245
|
-
"description": "Specify the
|
|
2246
|
-
"values": []
|
|
2247
|
-
},
|
|
2248
|
-
{
|
|
2249
|
-
"name": "error",
|
|
2250
|
-
"description": "Specify error text and display error state of a RadioButton",
|
|
2251
|
-
"values": []
|
|
2252
|
-
},
|
|
2253
|
-
{
|
|
2254
|
-
"name": "readOnly",
|
|
2255
|
-
"description": "Specify if RadioButton displays in a read-only state",
|
|
2256
|
-
"values": []
|
|
2257
|
-
},
|
|
2258
|
-
{
|
|
2259
|
-
"name": "disabled",
|
|
2260
|
-
"description": "Specify if RadioButton displays in a disabled state",
|
|
2261
|
-
"values": []
|
|
2262
|
-
},
|
|
2263
|
-
{
|
|
2264
|
-
"name": "theme",
|
|
2265
|
-
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2266
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2267
|
-
},
|
|
2268
|
-
{
|
|
2269
|
-
"name": "value",
|
|
2270
|
-
"description": "The value attribute for the input element",
|
|
2244
|
+
"name": "rows",
|
|
2245
|
+
"description": "Specify the height of TextArea",
|
|
2271
2246
|
"values": []
|
|
2272
2247
|
},
|
|
2273
2248
|
{
|
|
2274
|
-
"name": "
|
|
2275
|
-
"description": "
|
|
2249
|
+
"name": "cols",
|
|
2250
|
+
"description": "Specify the width of TextArea",
|
|
2276
2251
|
"values": []
|
|
2277
2252
|
},
|
|
2278
|
-
{
|
|
2279
|
-
"name": "onKeyDown",
|
|
2280
|
-
"description": "A user-defined function to handle keydown events",
|
|
2281
|
-
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2282
|
-
}
|
|
2283
|
-
],
|
|
2284
|
-
"references": [
|
|
2285
|
-
{
|
|
2286
|
-
"name": "Storybook",
|
|
2287
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2288
|
-
}
|
|
2289
|
-
]
|
|
2290
|
-
},
|
|
2291
|
-
{
|
|
2292
|
-
"name": "bm-text-field",
|
|
2293
|
-
"description": "`bm-text-field`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextField\n- **helper-text** - Specify the helper text for TextField\n- **content-after** - Specify content to display after input\n- **content-before** - Specify content to display before input",
|
|
2294
|
-
"attributes": [
|
|
2295
2253
|
{
|
|
2296
2254
|
"name": "placeholder",
|
|
2297
|
-
"description": "Specify placeholder text for
|
|
2255
|
+
"description": "Specify placeholder text for TextArea",
|
|
2298
2256
|
"values": []
|
|
2299
2257
|
},
|
|
2300
2258
|
{
|
|
2301
2259
|
"name": "required",
|
|
2302
|
-
"description": "Specify if
|
|
2260
|
+
"description": "Specify if TextArea is a required input",
|
|
2303
2261
|
"values": []
|
|
2304
2262
|
},
|
|
2305
2263
|
{
|
|
2306
2264
|
"name": "hideRequiredMarker",
|
|
2307
|
-
"description": "Specify if the
|
|
2265
|
+
"description": "Specify if the TextArea displays with an asterisk",
|
|
2308
2266
|
"values": []
|
|
2309
2267
|
},
|
|
2310
2268
|
{
|
|
2311
2269
|
"name": "error",
|
|
2312
|
-
"description": "Specify error text and display error state of a
|
|
2270
|
+
"description": "Specify error text and display error state of a TextArea",
|
|
2313
2271
|
"values": []
|
|
2314
2272
|
},
|
|
2315
2273
|
{
|
|
2316
2274
|
"name": "readOnly",
|
|
2317
|
-
"description": "Specify if
|
|
2275
|
+
"description": "Specify if TextArea displays in a read-only state",
|
|
2318
2276
|
"values": []
|
|
2319
2277
|
},
|
|
2320
2278
|
{
|
|
2321
2279
|
"name": "disabled",
|
|
2322
|
-
"description": "Specify if
|
|
2280
|
+
"description": "Specify if TextArea displays in a disabled state",
|
|
2323
2281
|
"values": []
|
|
2324
2282
|
},
|
|
2325
2283
|
{
|
|
2326
2284
|
"name": "fluid",
|
|
2327
|
-
"description": "Specify if
|
|
2285
|
+
"description": "Specify if TextArea is fluid",
|
|
2328
2286
|
"values": []
|
|
2329
2287
|
},
|
|
2330
2288
|
{
|
|
2331
2289
|
"name": "width",
|
|
2332
|
-
"description": "Specify the width of
|
|
2290
|
+
"description": "Specify the width of TextArea",
|
|
2333
2291
|
"values": []
|
|
2334
2292
|
},
|
|
2335
2293
|
{
|
|
2336
|
-
"name": "
|
|
2337
|
-
"description": "Specify if
|
|
2294
|
+
"name": "hideResize",
|
|
2295
|
+
"description": "Specify if TextArea can be manually resized",
|
|
2296
|
+
"values": []
|
|
2297
|
+
},
|
|
2298
|
+
{
|
|
2299
|
+
"name": "maxCount",
|
|
2300
|
+
"description": "Specify the maximum character count for the TextArea",
|
|
2301
|
+
"values": []
|
|
2302
|
+
},
|
|
2303
|
+
{
|
|
2304
|
+
"name": "autoResize",
|
|
2305
|
+
"description": "Specify if the TextArea automatically resizes to fit the text",
|
|
2338
2306
|
"values": []
|
|
2339
2307
|
},
|
|
2340
2308
|
{
|
|
2341
2309
|
"name": "theme",
|
|
2342
|
-
"description": "Specify the theme of the
|
|
2310
|
+
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
2343
2311
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2344
2312
|
},
|
|
2345
|
-
{ "name": "type", "values": [] },
|
|
2346
|
-
{ "name": "inputMode", "values": [] },
|
|
2347
2313
|
{ "name": "id", "values": [] },
|
|
2348
2314
|
{ "name": "name", "values": [] },
|
|
2349
2315
|
{ "name": "value", "values": [] },
|
|
@@ -2356,97 +2322,59 @@
|
|
|
2356
2322
|
"references": [
|
|
2357
2323
|
{
|
|
2358
2324
|
"name": "Storybook",
|
|
2359
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2325
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
|
|
2360
2326
|
}
|
|
2361
2327
|
]
|
|
2362
2328
|
},
|
|
2363
2329
|
{
|
|
2364
|
-
"name": "bm-
|
|
2365
|
-
"description": "`bm-
|
|
2330
|
+
"name": "bm-radio-button",
|
|
2331
|
+
"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",
|
|
2366
2332
|
"attributes": [
|
|
2367
2333
|
{
|
|
2368
|
-
"name": "
|
|
2369
|
-
"description": "Specify the
|
|
2370
|
-
"values": []
|
|
2371
|
-
},
|
|
2372
|
-
{
|
|
2373
|
-
"name": "cols",
|
|
2374
|
-
"description": "Specify the width of TextArea",
|
|
2375
|
-
"values": []
|
|
2376
|
-
},
|
|
2377
|
-
{
|
|
2378
|
-
"name": "placeholder",
|
|
2379
|
-
"description": "Specify placeholder text for TextArea",
|
|
2380
|
-
"values": []
|
|
2381
|
-
},
|
|
2382
|
-
{
|
|
2383
|
-
"name": "required",
|
|
2384
|
-
"description": "Specify if TextArea is a required input",
|
|
2385
|
-
"values": []
|
|
2386
|
-
},
|
|
2387
|
-
{
|
|
2388
|
-
"name": "hideRequiredMarker",
|
|
2389
|
-
"description": "Specify if the TextArea displays with an asterisk",
|
|
2334
|
+
"name": "label",
|
|
2335
|
+
"description": "Specify the text for the label",
|
|
2390
2336
|
"values": []
|
|
2391
2337
|
},
|
|
2392
2338
|
{
|
|
2393
2339
|
"name": "error",
|
|
2394
|
-
"description": "Specify error text and display error state of a
|
|
2340
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2395
2341
|
"values": []
|
|
2396
2342
|
},
|
|
2397
2343
|
{
|
|
2398
2344
|
"name": "readOnly",
|
|
2399
|
-
"description": "Specify if
|
|
2345
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2400
2346
|
"values": []
|
|
2401
2347
|
},
|
|
2402
2348
|
{
|
|
2403
2349
|
"name": "disabled",
|
|
2404
|
-
"description": "Specify if
|
|
2405
|
-
"values": []
|
|
2406
|
-
},
|
|
2407
|
-
{
|
|
2408
|
-
"name": "fluid",
|
|
2409
|
-
"description": "Specify if TextArea is fluid",
|
|
2410
|
-
"values": []
|
|
2411
|
-
},
|
|
2412
|
-
{
|
|
2413
|
-
"name": "width",
|
|
2414
|
-
"description": "Specify the width of TextArea",
|
|
2350
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2415
2351
|
"values": []
|
|
2416
2352
|
},
|
|
2417
2353
|
{
|
|
2418
|
-
"name": "
|
|
2419
|
-
"description": "Specify
|
|
2420
|
-
"values": []
|
|
2354
|
+
"name": "theme",
|
|
2355
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2356
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2421
2357
|
},
|
|
2422
2358
|
{
|
|
2423
|
-
"name": "
|
|
2424
|
-
"description": "
|
|
2359
|
+
"name": "value",
|
|
2360
|
+
"description": "The value attribute for the input element",
|
|
2425
2361
|
"values": []
|
|
2426
2362
|
},
|
|
2427
2363
|
{
|
|
2428
|
-
"name": "
|
|
2429
|
-
"description": "
|
|
2364
|
+
"name": "checked",
|
|
2365
|
+
"description": "The checked attribute for the input element",
|
|
2430
2366
|
"values": []
|
|
2431
2367
|
},
|
|
2432
2368
|
{
|
|
2433
|
-
"name": "
|
|
2434
|
-
"description": "
|
|
2435
|
-
"values": [{ "name": "
|
|
2436
|
-
}
|
|
2437
|
-
{ "name": "id", "values": [] },
|
|
2438
|
-
{ "name": "name", "values": [] },
|
|
2439
|
-
{ "name": "value", "values": [] },
|
|
2440
|
-
{
|
|
2441
|
-
"name": "validationRules",
|
|
2442
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2443
|
-
},
|
|
2444
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2369
|
+
"name": "onKeyDown",
|
|
2370
|
+
"description": "A user-defined function to handle keydown events",
|
|
2371
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2372
|
+
}
|
|
2445
2373
|
],
|
|
2446
2374
|
"references": [
|
|
2447
2375
|
{
|
|
2448
2376
|
"name": "Storybook",
|
|
2449
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2377
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2450
2378
|
}
|
|
2451
2379
|
]
|
|
2452
2380
|
},
|
|
@@ -2493,6 +2421,78 @@
|
|
|
2493
2421
|
}
|
|
2494
2422
|
]
|
|
2495
2423
|
},
|
|
2424
|
+
{
|
|
2425
|
+
"name": "bm-text-field",
|
|
2426
|
+
"description": "`bm-text-field`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextField\n- **helper-text** - Specify the helper text for TextField\n- **content-after** - Specify content to display after input\n- **content-before** - Specify content to display before input",
|
|
2427
|
+
"attributes": [
|
|
2428
|
+
{
|
|
2429
|
+
"name": "placeholder",
|
|
2430
|
+
"description": "Specify placeholder text for TextField",
|
|
2431
|
+
"values": []
|
|
2432
|
+
},
|
|
2433
|
+
{
|
|
2434
|
+
"name": "required",
|
|
2435
|
+
"description": "Specify if TextField is a required input",
|
|
2436
|
+
"values": []
|
|
2437
|
+
},
|
|
2438
|
+
{
|
|
2439
|
+
"name": "hideRequiredMarker",
|
|
2440
|
+
"description": "Specify if the TextField displays with an asterisk",
|
|
2441
|
+
"values": []
|
|
2442
|
+
},
|
|
2443
|
+
{
|
|
2444
|
+
"name": "error",
|
|
2445
|
+
"description": "Specify error text and display error state of a TextField",
|
|
2446
|
+
"values": []
|
|
2447
|
+
},
|
|
2448
|
+
{
|
|
2449
|
+
"name": "readOnly",
|
|
2450
|
+
"description": "Specify if TextField displays in a read-only state",
|
|
2451
|
+
"values": []
|
|
2452
|
+
},
|
|
2453
|
+
{
|
|
2454
|
+
"name": "disabled",
|
|
2455
|
+
"description": "Specify if TextField displays in a disabled state",
|
|
2456
|
+
"values": []
|
|
2457
|
+
},
|
|
2458
|
+
{
|
|
2459
|
+
"name": "fluid",
|
|
2460
|
+
"description": "Specify if TextField is fluid",
|
|
2461
|
+
"values": []
|
|
2462
|
+
},
|
|
2463
|
+
{
|
|
2464
|
+
"name": "width",
|
|
2465
|
+
"description": "Specify the width of TextField",
|
|
2466
|
+
"values": []
|
|
2467
|
+
},
|
|
2468
|
+
{
|
|
2469
|
+
"name": "ellipse",
|
|
2470
|
+
"description": "Specify if overflow displays ellipsis",
|
|
2471
|
+
"values": []
|
|
2472
|
+
},
|
|
2473
|
+
{
|
|
2474
|
+
"name": "theme",
|
|
2475
|
+
"description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
|
|
2476
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2477
|
+
},
|
|
2478
|
+
{ "name": "type", "values": [] },
|
|
2479
|
+
{ "name": "inputMode", "values": [] },
|
|
2480
|
+
{ "name": "id", "values": [] },
|
|
2481
|
+
{ "name": "name", "values": [] },
|
|
2482
|
+
{ "name": "value", "values": [] },
|
|
2483
|
+
{
|
|
2484
|
+
"name": "validationRules",
|
|
2485
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2486
|
+
},
|
|
2487
|
+
{ "name": "input-aria-label", "values": [] }
|
|
2488
|
+
],
|
|
2489
|
+
"references": [
|
|
2490
|
+
{
|
|
2491
|
+
"name": "Storybook",
|
|
2492
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textfield"
|
|
2493
|
+
}
|
|
2494
|
+
]
|
|
2495
|
+
},
|
|
2496
2496
|
{
|
|
2497
2497
|
"name": "bm-checkbox-group",
|
|
2498
2498
|
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|