@viasat/beam-web-components 2.40.0 → 2.42.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 +1743 -1743
- package/package.json +6 -6
- package/vscode.html-custom-data.json +236 -236
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-web-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.42.0",
|
|
4
4
|
"description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -64,11 +64,11 @@
|
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@viasat/beam-fonts": "2.
|
|
68
|
-
"@viasat/beam-shared": "2.
|
|
69
|
-
"@viasat/beam-styles": "2.
|
|
70
|
-
"@viasat/beam-tokens": "2.
|
|
71
|
-
"@viasat/beam-icons": "2.
|
|
67
|
+
"@viasat/beam-fonts": "2.42.0",
|
|
68
|
+
"@viasat/beam-shared": "2.42.0",
|
|
69
|
+
"@viasat/beam-styles": "2.42.0",
|
|
70
|
+
"@viasat/beam-tokens": "2.42.0",
|
|
71
|
+
"@viasat/beam-icons": "2.42.0",
|
|
72
72
|
"clsx": "^1.2.1",
|
|
73
73
|
"lit": "^3.1.0",
|
|
74
74
|
"@lit/context": "^1.1.1",
|
|
@@ -61,79 +61,6 @@
|
|
|
61
61
|
}
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
|
-
{
|
|
65
|
-
"name": "bm-alert",
|
|
66
|
-
"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",
|
|
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
|
-
{
|
|
94
|
-
"name": "appearance",
|
|
95
|
-
"description": "Specify the appearance of the Alert",
|
|
96
|
-
"values": [
|
|
97
|
-
{ "name": "infoPrimary" },
|
|
98
|
-
{ "name": "infoSecondary" },
|
|
99
|
-
{ "name": "positive" },
|
|
100
|
-
{ "name": "warning" },
|
|
101
|
-
{ "name": "negative" }
|
|
102
|
-
]
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"name": "hidden",
|
|
106
|
-
"description": "Specify if the Alert is hidden",
|
|
107
|
-
"values": []
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"name": "hideIcon",
|
|
111
|
-
"description": "Specify if the icon displays on the Alert",
|
|
112
|
-
"values": []
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "dismissible",
|
|
116
|
-
"description": "Specify if the Alert can be dismissed",
|
|
117
|
-
"values": []
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
"name": "disableAutoFocus",
|
|
121
|
-
"description": "Prevent autofocus on show",
|
|
122
|
-
"values": []
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
"name": "disableCloseOnEscape",
|
|
126
|
-
"description": "Prevent Escape from closing",
|
|
127
|
-
"values": []
|
|
128
|
-
}
|
|
129
|
-
],
|
|
130
|
-
"references": [
|
|
131
|
-
{
|
|
132
|
-
"name": "Storybook",
|
|
133
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
134
|
-
}
|
|
135
|
-
]
|
|
136
|
-
},
|
|
137
64
|
{
|
|
138
65
|
"name": "bm-badge",
|
|
139
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",
|
|
@@ -618,6 +545,140 @@
|
|
|
618
545
|
}
|
|
619
546
|
]
|
|
620
547
|
},
|
|
548
|
+
{
|
|
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",
|
|
551
|
+
"attributes": [
|
|
552
|
+
{
|
|
553
|
+
"name": "wrap",
|
|
554
|
+
"description": "Specify if items wrap or collapse to an ellipsis",
|
|
555
|
+
"values": []
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "itemsBeforeCollapse",
|
|
559
|
+
"description": "Specify how many items show before ellipsis",
|
|
560
|
+
"values": []
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"name": "itemsAfterCollapse",
|
|
564
|
+
"description": "Specify how many items show after ellipsis",
|
|
565
|
+
"values": []
|
|
566
|
+
},
|
|
567
|
+
{
|
|
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" }]
|
|
571
|
+
}
|
|
572
|
+
],
|
|
573
|
+
"references": [
|
|
574
|
+
{
|
|
575
|
+
"name": "Storybook",
|
|
576
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
577
|
+
}
|
|
578
|
+
]
|
|
579
|
+
},
|
|
580
|
+
{
|
|
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",
|
|
583
|
+
"attributes": [
|
|
584
|
+
{ "name": "href", "description": "Pass href to an item", "values": [] },
|
|
585
|
+
{
|
|
586
|
+
"name": "clickable",
|
|
587
|
+
"description": "Specify if the item is interactive without an href",
|
|
588
|
+
"values": []
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"name": "truncationWidth",
|
|
592
|
+
"description": "Specify truncation width of the items. Sets max-width for all items but the last.",
|
|
593
|
+
"values": []
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"name": "isCurrent",
|
|
597
|
+
"description": "Specify explicitly if the item is the last one",
|
|
598
|
+
"values": []
|
|
599
|
+
},
|
|
600
|
+
{ "name": "isCollapsed", "values": [] }
|
|
601
|
+
],
|
|
602
|
+
"references": [
|
|
603
|
+
{
|
|
604
|
+
"name": "Storybook",
|
|
605
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
606
|
+
}
|
|
607
|
+
]
|
|
608
|
+
},
|
|
609
|
+
{
|
|
610
|
+
"name": "bm-alert",
|
|
611
|
+
"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",
|
|
612
|
+
"attributes": [
|
|
613
|
+
{
|
|
614
|
+
"name": "heading",
|
|
615
|
+
"description": "Specify the heading text for Alert",
|
|
616
|
+
"values": []
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "body",
|
|
620
|
+
"description": "Specify the body text for Alert",
|
|
621
|
+
"values": []
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "size",
|
|
625
|
+
"description": "Specify the size of the Alert",
|
|
626
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
627
|
+
},
|
|
628
|
+
{
|
|
629
|
+
"name": "fullWidth",
|
|
630
|
+
"description": "Specify if the Alert has no border radius",
|
|
631
|
+
"values": []
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "theme",
|
|
635
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
636
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "appearance",
|
|
640
|
+
"description": "Specify the appearance of the Alert",
|
|
641
|
+
"values": [
|
|
642
|
+
{ "name": "infoPrimary" },
|
|
643
|
+
{ "name": "infoSecondary" },
|
|
644
|
+
{ "name": "positive" },
|
|
645
|
+
{ "name": "warning" },
|
|
646
|
+
{ "name": "negative" }
|
|
647
|
+
]
|
|
648
|
+
},
|
|
649
|
+
{
|
|
650
|
+
"name": "hidden",
|
|
651
|
+
"description": "Specify if the Alert is hidden",
|
|
652
|
+
"values": []
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"name": "hideIcon",
|
|
656
|
+
"description": "Specify if the icon displays on the Alert",
|
|
657
|
+
"values": []
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"name": "dismissible",
|
|
661
|
+
"description": "Specify if the Alert can be dismissed",
|
|
662
|
+
"values": []
|
|
663
|
+
},
|
|
664
|
+
{
|
|
665
|
+
"name": "disableAutoFocus",
|
|
666
|
+
"description": "Prevent autofocus on show",
|
|
667
|
+
"values": []
|
|
668
|
+
},
|
|
669
|
+
{
|
|
670
|
+
"name": "disableCloseOnEscape",
|
|
671
|
+
"description": "Prevent Escape from closing",
|
|
672
|
+
"values": []
|
|
673
|
+
}
|
|
674
|
+
],
|
|
675
|
+
"references": [
|
|
676
|
+
{
|
|
677
|
+
"name": "Storybook",
|
|
678
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
679
|
+
}
|
|
680
|
+
]
|
|
681
|
+
},
|
|
621
682
|
{
|
|
622
683
|
"name": "bm-avatar",
|
|
623
684
|
"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",
|
|
@@ -716,67 +777,6 @@
|
|
|
716
777
|
}
|
|
717
778
|
]
|
|
718
779
|
},
|
|
719
|
-
{
|
|
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",
|
|
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
|
-
},
|
|
738
|
-
{
|
|
739
|
-
"name": "theme",
|
|
740
|
-
"description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
|
|
741
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
742
|
-
}
|
|
743
|
-
],
|
|
744
|
-
"references": [
|
|
745
|
-
{
|
|
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": []
|
|
760
|
-
},
|
|
761
|
-
{
|
|
762
|
-
"name": "truncationWidth",
|
|
763
|
-
"description": "Specify truncation width of the items. Sets max-width for all items but the last.",
|
|
764
|
-
"values": []
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"name": "isCurrent",
|
|
768
|
-
"description": "Specify explicitly if the item is the last one",
|
|
769
|
-
"values": []
|
|
770
|
-
},
|
|
771
|
-
{ "name": "isCollapsed", "values": [] }
|
|
772
|
-
],
|
|
773
|
-
"references": [
|
|
774
|
-
{
|
|
775
|
-
"name": "Storybook",
|
|
776
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
777
|
-
}
|
|
778
|
-
]
|
|
779
|
-
},
|
|
780
780
|
{
|
|
781
781
|
"name": "bm-button",
|
|
782
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",
|
|
@@ -1852,63 +1852,6 @@
|
|
|
1852
1852
|
}
|
|
1853
1853
|
]
|
|
1854
1854
|
},
|
|
1855
|
-
{
|
|
1856
|
-
"name": "bm-checkbox",
|
|
1857
|
-
"description": "`bm-checkbox`\n\n### Attributes:\n- **theme** - Specify the theme of the CloseButton. By default it inherits the theme from the parent\n- **label** - Specify the text for the label\n- **name** - Specify the checkbox name\n- **value** - Specify the checkbox value\n- **error** - Specify error text and display error state of a Checkbox\n- **readOnly** - Specify if Checkbox displays in a read-only state\n- **indeterminate** - Specify if Checkbox displays in an indeterminate state\n- **disabled** - Specify if Checkbox displays in disabled state\n- **checked** - Specify if Checkbox is checked\n---\n",
|
|
1858
|
-
"attributes": [
|
|
1859
|
-
{
|
|
1860
|
-
"name": "theme",
|
|
1861
|
-
"description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
|
|
1862
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1863
|
-
},
|
|
1864
|
-
{
|
|
1865
|
-
"name": "label",
|
|
1866
|
-
"description": "Specify the text for the label",
|
|
1867
|
-
"values": []
|
|
1868
|
-
},
|
|
1869
|
-
{
|
|
1870
|
-
"name": "name",
|
|
1871
|
-
"description": "Specify the checkbox name",
|
|
1872
|
-
"values": []
|
|
1873
|
-
},
|
|
1874
|
-
{
|
|
1875
|
-
"name": "value",
|
|
1876
|
-
"description": "Specify the checkbox value",
|
|
1877
|
-
"values": []
|
|
1878
|
-
},
|
|
1879
|
-
{
|
|
1880
|
-
"name": "error",
|
|
1881
|
-
"description": "Specify error text and display error state of a Checkbox",
|
|
1882
|
-
"values": []
|
|
1883
|
-
},
|
|
1884
|
-
{
|
|
1885
|
-
"name": "readOnly",
|
|
1886
|
-
"description": "Specify if Checkbox displays in a read-only state",
|
|
1887
|
-
"values": []
|
|
1888
|
-
},
|
|
1889
|
-
{
|
|
1890
|
-
"name": "indeterminate",
|
|
1891
|
-
"description": "Specify if Checkbox displays in an indeterminate state",
|
|
1892
|
-
"values": []
|
|
1893
|
-
},
|
|
1894
|
-
{
|
|
1895
|
-
"name": "disabled",
|
|
1896
|
-
"description": "Specify if Checkbox displays in disabled state",
|
|
1897
|
-
"values": []
|
|
1898
|
-
},
|
|
1899
|
-
{
|
|
1900
|
-
"name": "checked",
|
|
1901
|
-
"description": "Specify if Checkbox is checked",
|
|
1902
|
-
"values": []
|
|
1903
|
-
}
|
|
1904
|
-
],
|
|
1905
|
-
"references": [
|
|
1906
|
-
{
|
|
1907
|
-
"name": "Storybook",
|
|
1908
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-checkbox"
|
|
1909
|
-
}
|
|
1910
|
-
]
|
|
1911
|
-
},
|
|
1912
1855
|
{
|
|
1913
1856
|
"name": "bm-form",
|
|
1914
1857
|
"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",
|
|
@@ -1955,45 +1898,59 @@
|
|
|
1955
1898
|
]
|
|
1956
1899
|
},
|
|
1957
1900
|
{
|
|
1958
|
-
"name": "bm-
|
|
1959
|
-
"description": "`bm-
|
|
1901
|
+
"name": "bm-checkbox",
|
|
1902
|
+
"description": "`bm-checkbox`\n\n### Attributes:\n- **theme** - Specify the theme of the CloseButton. By default it inherits the theme from the parent\n- **label** - Specify the text for the label\n- **name** - Specify the checkbox name\n- **value** - Specify the checkbox value\n- **error** - Specify error text and display error state of a Checkbox\n- **readOnly** - Specify if Checkbox displays in a read-only state\n- **indeterminate** - Specify if Checkbox displays in an indeterminate state\n- **disabled** - Specify if Checkbox displays in disabled state\n- **checked** - Specify if Checkbox is checked\n---\n",
|
|
1960
1903
|
"attributes": [
|
|
1961
1904
|
{
|
|
1962
|
-
"name": "
|
|
1963
|
-
"description": "Specify
|
|
1905
|
+
"name": "theme",
|
|
1906
|
+
"description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
|
|
1907
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1908
|
+
},
|
|
1909
|
+
{
|
|
1910
|
+
"name": "label",
|
|
1911
|
+
"description": "Specify the text for the label",
|
|
1964
1912
|
"values": []
|
|
1965
1913
|
},
|
|
1966
1914
|
{
|
|
1967
|
-
"name": "
|
|
1968
|
-
"description": "Specify
|
|
1915
|
+
"name": "name",
|
|
1916
|
+
"description": "Specify the checkbox name",
|
|
1969
1917
|
"values": []
|
|
1970
1918
|
},
|
|
1971
1919
|
{
|
|
1972
|
-
"name": "
|
|
1973
|
-
"description": "Specify the
|
|
1974
|
-
"values": [
|
|
1920
|
+
"name": "value",
|
|
1921
|
+
"description": "Specify the checkbox value",
|
|
1922
|
+
"values": []
|
|
1923
|
+
},
|
|
1924
|
+
{
|
|
1925
|
+
"name": "error",
|
|
1926
|
+
"description": "Specify error text and display error state of a Checkbox",
|
|
1927
|
+
"values": []
|
|
1975
1928
|
},
|
|
1976
1929
|
{
|
|
1977
1930
|
"name": "readOnly",
|
|
1978
|
-
"description": "Specify if
|
|
1931
|
+
"description": "Specify if Checkbox displays in a read-only state",
|
|
1932
|
+
"values": []
|
|
1933
|
+
},
|
|
1934
|
+
{
|
|
1935
|
+
"name": "indeterminate",
|
|
1936
|
+
"description": "Specify if Checkbox displays in an indeterminate state",
|
|
1979
1937
|
"values": []
|
|
1980
1938
|
},
|
|
1981
1939
|
{
|
|
1982
1940
|
"name": "disabled",
|
|
1983
|
-
"description": "Specify if
|
|
1941
|
+
"description": "Specify if Checkbox displays in disabled state",
|
|
1984
1942
|
"values": []
|
|
1985
1943
|
},
|
|
1986
|
-
{ "name": "checked", "values": [] },
|
|
1987
1944
|
{
|
|
1988
|
-
"name": "
|
|
1989
|
-
"description": "
|
|
1945
|
+
"name": "checked",
|
|
1946
|
+
"description": "Specify if Checkbox is checked",
|
|
1990
1947
|
"values": []
|
|
1991
1948
|
}
|
|
1992
1949
|
],
|
|
1993
1950
|
"references": [
|
|
1994
1951
|
{
|
|
1995
1952
|
"name": "Storybook",
|
|
1996
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
1953
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-checkbox"
|
|
1997
1954
|
}
|
|
1998
1955
|
]
|
|
1999
1956
|
},
|
|
@@ -2067,6 +2024,58 @@
|
|
|
2067
2024
|
}
|
|
2068
2025
|
]
|
|
2069
2026
|
},
|
|
2027
|
+
{
|
|
2028
|
+
"name": "bm-radio-button",
|
|
2029
|
+
"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",
|
|
2030
|
+
"attributes": [
|
|
2031
|
+
{
|
|
2032
|
+
"name": "label",
|
|
2033
|
+
"description": "Specify the text for the label",
|
|
2034
|
+
"values": []
|
|
2035
|
+
},
|
|
2036
|
+
{
|
|
2037
|
+
"name": "error",
|
|
2038
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2039
|
+
"values": []
|
|
2040
|
+
},
|
|
2041
|
+
{
|
|
2042
|
+
"name": "readOnly",
|
|
2043
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2044
|
+
"values": []
|
|
2045
|
+
},
|
|
2046
|
+
{
|
|
2047
|
+
"name": "disabled",
|
|
2048
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2049
|
+
"values": []
|
|
2050
|
+
},
|
|
2051
|
+
{
|
|
2052
|
+
"name": "theme",
|
|
2053
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2054
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2055
|
+
},
|
|
2056
|
+
{
|
|
2057
|
+
"name": "value",
|
|
2058
|
+
"description": "The value attribute for the input element",
|
|
2059
|
+
"values": []
|
|
2060
|
+
},
|
|
2061
|
+
{
|
|
2062
|
+
"name": "checked",
|
|
2063
|
+
"description": "The checked attribute for the input element",
|
|
2064
|
+
"values": []
|
|
2065
|
+
},
|
|
2066
|
+
{
|
|
2067
|
+
"name": "onKeyDown",
|
|
2068
|
+
"description": "A user-defined function to handle keydown events",
|
|
2069
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2070
|
+
}
|
|
2071
|
+
],
|
|
2072
|
+
"references": [
|
|
2073
|
+
{
|
|
2074
|
+
"name": "Storybook",
|
|
2075
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2076
|
+
}
|
|
2077
|
+
]
|
|
2078
|
+
},
|
|
2070
2079
|
{
|
|
2071
2080
|
"name": "bm-file-upload-button",
|
|
2072
2081
|
"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",
|
|
@@ -2465,54 +2474,45 @@
|
|
|
2465
2474
|
]
|
|
2466
2475
|
},
|
|
2467
2476
|
{
|
|
2468
|
-
"name": "bm-
|
|
2469
|
-
"description": "`bm-
|
|
2477
|
+
"name": "bm-switch",
|
|
2478
|
+
"description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2470
2479
|
"attributes": [
|
|
2471
2480
|
{
|
|
2472
|
-
"name": "
|
|
2473
|
-
"description": "Specify
|
|
2481
|
+
"name": "onText",
|
|
2482
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2474
2483
|
"values": []
|
|
2475
2484
|
},
|
|
2476
2485
|
{
|
|
2477
|
-
"name": "
|
|
2478
|
-
"description": "Specify
|
|
2486
|
+
"name": "offText",
|
|
2487
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2479
2488
|
"values": []
|
|
2480
2489
|
},
|
|
2490
|
+
{
|
|
2491
|
+
"name": "textPosition",
|
|
2492
|
+
"description": "Specify the position of the side label",
|
|
2493
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2494
|
+
},
|
|
2481
2495
|
{
|
|
2482
2496
|
"name": "readOnly",
|
|
2483
|
-
"description": "Specify if
|
|
2497
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2484
2498
|
"values": []
|
|
2485
2499
|
},
|
|
2486
2500
|
{
|
|
2487
2501
|
"name": "disabled",
|
|
2488
|
-
"description": "Specify if
|
|
2502
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2489
2503
|
"values": []
|
|
2490
2504
|
},
|
|
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
|
-
},
|
|
2505
|
+
{ "name": "checked", "values": [] },
|
|
2496
2506
|
{
|
|
2497
2507
|
"name": "value",
|
|
2498
2508
|
"description": "The value attribute for the input element",
|
|
2499
2509
|
"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
2510
|
}
|
|
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-switch"
|
|
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
|
}
|