@viasat/beam-web-components 2.68.0 → 2.70.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Alert/Alert.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/BreadcrumbsItem.js +2 -2
- package/Breadcrumbs/index.js +1 -1
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/{wip/TextArea → TextArea}/TextArea.d.ts +37 -6
- package/{wip/TextArea → TextArea}/TextArea.js +185 -131
- package/TextField/TextField.d.ts +10 -4
- package/TextField/TextField.js +71 -65
- package/Tooltip/Tooltip.js +1 -1
- package/chunks/{BreadcrumbsItem.xWwSJgcO.js → BreadcrumbsItem.kovG2GHz.js} +1 -1
- package/chunks/{helpers.C43UgSdK.js → helpers.Ds5YZETV.js} +4 -4
- package/custom-elements.json +3435 -2677
- package/local/{wip/TextArea → TextArea}/TextArea.js +183 -128
- package/local/TextField/TextField.js +71 -65
- package/local/wip/Form/Form.decorator.js +119 -63
- package/local/wip/NativeSelect/NativeSelect.js +79 -82
- package/package.json +6 -6
- package/vscode.html-custom-data.json +338 -293
- package/wip/Form/Form.decorator.d.ts +19 -2
- package/wip/Form/Form.decorator.js +119 -63
- package/wip/NativeSelect/NativeSelect.d.ts +0 -4
- package/wip/NativeSelect/NativeSelect.js +75 -78
- /package/{wip/TextArea → TextArea}/index.d.ts +0 -0
- /package/{local/wip/TextArea → TextArea}/index.js +0 -0
- /package/{wip → local}/TextArea/index.js +0 -0
|
@@ -606,6 +606,74 @@
|
|
|
606
606
|
}
|
|
607
607
|
]
|
|
608
608
|
},
|
|
609
|
+
{
|
|
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",
|
|
612
|
+
"attributes": [
|
|
613
|
+
{
|
|
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",
|
|
641
|
+
"values": []
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"name": "fluid",
|
|
645
|
+
"description": "Specify if Button is fluid",
|
|
646
|
+
"values": []
|
|
647
|
+
},
|
|
648
|
+
{
|
|
649
|
+
"name": "width",
|
|
650
|
+
"description": "Specify the width of a Button",
|
|
651
|
+
"values": []
|
|
652
|
+
},
|
|
653
|
+
{
|
|
654
|
+
"name": "height",
|
|
655
|
+
"description": "Specify the height of a Button",
|
|
656
|
+
"values": []
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"name": "theme",
|
|
660
|
+
"description": "Specify the theme of the Button",
|
|
661
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
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
|
+
},
|
|
609
677
|
{
|
|
610
678
|
"name": "bm-alert",
|
|
611
679
|
"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",
|
|
@@ -679,74 +747,6 @@
|
|
|
679
747
|
}
|
|
680
748
|
]
|
|
681
749
|
},
|
|
682
|
-
{
|
|
683
|
-
"name": "bm-button",
|
|
684
|
-
"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",
|
|
685
|
-
"attributes": [
|
|
686
|
-
{
|
|
687
|
-
"name": "appearance",
|
|
688
|
-
"description": "Specify the appearance of a Button",
|
|
689
|
-
"values": [
|
|
690
|
-
{ "name": "accent" },
|
|
691
|
-
{ "name": "neutral" },
|
|
692
|
-
{ "name": "neutral-subtle" },
|
|
693
|
-
{ "name": "destructive" }
|
|
694
|
-
]
|
|
695
|
-
},
|
|
696
|
-
{
|
|
697
|
-
"name": "kind",
|
|
698
|
-
"description": "Specify the kind of Button",
|
|
699
|
-
"values": [
|
|
700
|
-
{ "name": "filled" },
|
|
701
|
-
{ "name": "outline" },
|
|
702
|
-
{ "name": "ghost" },
|
|
703
|
-
{ "name": "bare" }
|
|
704
|
-
]
|
|
705
|
-
},
|
|
706
|
-
{
|
|
707
|
-
"name": "size",
|
|
708
|
-
"description": "Specify the size of a Button",
|
|
709
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
710
|
-
},
|
|
711
|
-
{
|
|
712
|
-
"name": "disabled",
|
|
713
|
-
"description": "Specify if the Button is disabled",
|
|
714
|
-
"values": []
|
|
715
|
-
},
|
|
716
|
-
{
|
|
717
|
-
"name": "fluid",
|
|
718
|
-
"description": "Specify if Button is fluid",
|
|
719
|
-
"values": []
|
|
720
|
-
},
|
|
721
|
-
{
|
|
722
|
-
"name": "width",
|
|
723
|
-
"description": "Specify the width of a Button",
|
|
724
|
-
"values": []
|
|
725
|
-
},
|
|
726
|
-
{
|
|
727
|
-
"name": "height",
|
|
728
|
-
"description": "Specify the height of a Button",
|
|
729
|
-
"values": []
|
|
730
|
-
},
|
|
731
|
-
{
|
|
732
|
-
"name": "theme",
|
|
733
|
-
"description": "Specify the theme of the Button",
|
|
734
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
735
|
-
},
|
|
736
|
-
{
|
|
737
|
-
"name": "iconOnly",
|
|
738
|
-
"description": "Specify if the icon displays without text",
|
|
739
|
-
"values": []
|
|
740
|
-
},
|
|
741
|
-
{ "name": "type", "values": [] }
|
|
742
|
-
],
|
|
743
|
-
"references": [
|
|
744
|
-
{
|
|
745
|
-
"name": "Storybook",
|
|
746
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
|
|
747
|
-
}
|
|
748
|
-
]
|
|
749
|
-
},
|
|
750
750
|
{
|
|
751
751
|
"name": "bm-avatar",
|
|
752
752
|
"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",
|
|
@@ -989,53 +989,6 @@
|
|
|
989
989
|
}
|
|
990
990
|
]
|
|
991
991
|
},
|
|
992
|
-
{
|
|
993
|
-
"name": "bm-helper-text",
|
|
994
|
-
"description": "### Attributes:\n- **appearance** - Specify the appearance of the HelperText\n- **size** - Specify the size of the HelperText\n- **disabled** - Specify if the message is disabled for HelpText\n- **hideIcon** - Specify if the icon displays on the HelperText\n- **text** - Add or customize content in the HelperText\n- **theme** - Specify the theme of the HelperText. By default it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Add or customize content in the HelperText\n- **icon** - Specify a different icon for the HelperText",
|
|
995
|
-
"attributes": [
|
|
996
|
-
{
|
|
997
|
-
"name": "appearance",
|
|
998
|
-
"description": "Specify the appearance of the HelperText",
|
|
999
|
-
"values": [
|
|
1000
|
-
{ "name": "positive" },
|
|
1001
|
-
{ "name": "warning" },
|
|
1002
|
-
{ "name": "negative" },
|
|
1003
|
-
{ "name": "info" }
|
|
1004
|
-
]
|
|
1005
|
-
},
|
|
1006
|
-
{
|
|
1007
|
-
"name": "size",
|
|
1008
|
-
"description": "Specify the size of the HelperText",
|
|
1009
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
1010
|
-
},
|
|
1011
|
-
{
|
|
1012
|
-
"name": "disabled",
|
|
1013
|
-
"description": "Specify if the message is disabled for HelpText",
|
|
1014
|
-
"values": []
|
|
1015
|
-
},
|
|
1016
|
-
{
|
|
1017
|
-
"name": "hideIcon",
|
|
1018
|
-
"description": "Specify if the icon displays on the HelperText",
|
|
1019
|
-
"values": []
|
|
1020
|
-
},
|
|
1021
|
-
{
|
|
1022
|
-
"name": "text",
|
|
1023
|
-
"description": "Add or customize content in the HelperText",
|
|
1024
|
-
"values": []
|
|
1025
|
-
},
|
|
1026
|
-
{
|
|
1027
|
-
"name": "theme",
|
|
1028
|
-
"description": "Specify the theme of the HelperText. By default it inherits the theme from the parent",
|
|
1029
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1030
|
-
}
|
|
1031
|
-
],
|
|
1032
|
-
"references": [
|
|
1033
|
-
{
|
|
1034
|
-
"name": "Storybook",
|
|
1035
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-helpertext"
|
|
1036
|
-
}
|
|
1037
|
-
]
|
|
1038
|
-
},
|
|
1039
992
|
{
|
|
1040
993
|
"name": "bm-icon",
|
|
1041
994
|
"description": "`bm-icon`\n\n### Attributes:\n- **color** - Specify the color of Icon\n- **size** - Specify the size of Icon\n- **customIconSize** - Specify a custom size for the Icon\n- **customIconColor** - Specify a custom color for the Icon\n---\n\n\n### **Slots:**\n - **default** - Specify which Icon to display",
|
|
@@ -1089,6 +1042,53 @@
|
|
|
1089
1042
|
}
|
|
1090
1043
|
]
|
|
1091
1044
|
},
|
|
1045
|
+
{
|
|
1046
|
+
"name": "bm-helper-text",
|
|
1047
|
+
"description": "### Attributes:\n- **appearance** - Specify the appearance of the HelperText\n- **size** - Specify the size of the HelperText\n- **disabled** - Specify if the message is disabled for HelpText\n- **hideIcon** - Specify if the icon displays on the HelperText\n- **text** - Add or customize content in the HelperText\n- **theme** - Specify the theme of the HelperText. By default it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Add or customize content in the HelperText\n- **icon** - Specify a different icon for the HelperText",
|
|
1048
|
+
"attributes": [
|
|
1049
|
+
{
|
|
1050
|
+
"name": "appearance",
|
|
1051
|
+
"description": "Specify the appearance of the HelperText",
|
|
1052
|
+
"values": [
|
|
1053
|
+
{ "name": "positive" },
|
|
1054
|
+
{ "name": "warning" },
|
|
1055
|
+
{ "name": "negative" },
|
|
1056
|
+
{ "name": "info" }
|
|
1057
|
+
]
|
|
1058
|
+
},
|
|
1059
|
+
{
|
|
1060
|
+
"name": "size",
|
|
1061
|
+
"description": "Specify the size of the HelperText",
|
|
1062
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
1063
|
+
},
|
|
1064
|
+
{
|
|
1065
|
+
"name": "disabled",
|
|
1066
|
+
"description": "Specify if the message is disabled for HelpText",
|
|
1067
|
+
"values": []
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"name": "hideIcon",
|
|
1071
|
+
"description": "Specify if the icon displays on the HelperText",
|
|
1072
|
+
"values": []
|
|
1073
|
+
},
|
|
1074
|
+
{
|
|
1075
|
+
"name": "text",
|
|
1076
|
+
"description": "Add or customize content in the HelperText",
|
|
1077
|
+
"values": []
|
|
1078
|
+
},
|
|
1079
|
+
{
|
|
1080
|
+
"name": "theme",
|
|
1081
|
+
"description": "Specify the theme of the HelperText. By default it inherits the theme from the parent",
|
|
1082
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1083
|
+
}
|
|
1084
|
+
],
|
|
1085
|
+
"references": [
|
|
1086
|
+
{
|
|
1087
|
+
"name": "Storybook",
|
|
1088
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-helpertext"
|
|
1089
|
+
}
|
|
1090
|
+
]
|
|
1091
|
+
},
|
|
1092
1092
|
{
|
|
1093
1093
|
"name": "bm-input-choice-group",
|
|
1094
1094
|
"description": "`bm-input-choice-group`\n\n### Attributes:\n- **theme** - Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent\n- **layout** - Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead\n- **orientation** - Specify InputChoiceGroup orientation\n- **fluid** - Specify if InputChoiceGroup should take the full width of its container\n- **required** - Specify if InputChoiceGroup is a required input\n- **hideRequiredMarker** - Specify if the InputChoiceGroup displays with an asterisk\n- **error** - Specify error text and display error state of a InputChoiceGroup\n- **readOnly** - Specify if InputChoiceGroup displays in a read-only state\n- **disabled** - Specify if InputChoiceGroup displays in a disabled state\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
@@ -1130,7 +1130,7 @@
|
|
|
1130
1130
|
{
|
|
1131
1131
|
"name": "error",
|
|
1132
1132
|
"description": "Specify error text and display error state of a InputChoiceGroup",
|
|
1133
|
-
"values": []
|
|
1133
|
+
"values": [{ "name": "Optional<boolean" }, { "name": "string>" }]
|
|
1134
1134
|
},
|
|
1135
1135
|
{
|
|
1136
1136
|
"name": "readOnly",
|
|
@@ -1579,50 +1579,175 @@
|
|
|
1579
1579
|
]
|
|
1580
1580
|
},
|
|
1581
1581
|
{
|
|
1582
|
-
"name": "alignment",
|
|
1583
|
-
"description": "Sets css text-align to either start, center, or end",
|
|
1584
|
-
"values": [
|
|
1585
|
-
{ "name": "start" },
|
|
1586
|
-
{ "name": "end" },
|
|
1587
|
-
{ "name": "center" }
|
|
1588
|
-
]
|
|
1582
|
+
"name": "alignment",
|
|
1583
|
+
"description": "Sets css text-align to either start, center, or end",
|
|
1584
|
+
"values": [
|
|
1585
|
+
{ "name": "start" },
|
|
1586
|
+
{ "name": "end" },
|
|
1587
|
+
{ "name": "center" }
|
|
1588
|
+
]
|
|
1589
|
+
},
|
|
1590
|
+
{
|
|
1591
|
+
"name": "bold",
|
|
1592
|
+
"description": "Specify if Text is bold. This prop only works for body `kinds`",
|
|
1593
|
+
"values": []
|
|
1594
|
+
},
|
|
1595
|
+
{
|
|
1596
|
+
"name": "block",
|
|
1597
|
+
"description": "Changes the css display to block",
|
|
1598
|
+
"values": []
|
|
1599
|
+
},
|
|
1600
|
+
{
|
|
1601
|
+
"name": "truncate",
|
|
1602
|
+
"description": "Truncates css text with ellipsis if it exceeds the container",
|
|
1603
|
+
"values": []
|
|
1604
|
+
},
|
|
1605
|
+
{
|
|
1606
|
+
"name": "compact",
|
|
1607
|
+
"description": "Reduces the line-height of body and label `kind` variants",
|
|
1608
|
+
"values": []
|
|
1609
|
+
},
|
|
1610
|
+
{
|
|
1611
|
+
"name": "strikethrough",
|
|
1612
|
+
"description": "Adds a strikethrough to the text",
|
|
1613
|
+
"values": []
|
|
1614
|
+
},
|
|
1615
|
+
{
|
|
1616
|
+
"name": "underline",
|
|
1617
|
+
"description": "Underlines the text",
|
|
1618
|
+
"values": []
|
|
1619
|
+
},
|
|
1620
|
+
{ "name": "italic", "description": "Italicizes the text", "values": [] }
|
|
1621
|
+
],
|
|
1622
|
+
"references": [
|
|
1623
|
+
{
|
|
1624
|
+
"name": "Storybook",
|
|
1625
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-text"
|
|
1626
|
+
}
|
|
1627
|
+
]
|
|
1628
|
+
},
|
|
1629
|
+
{
|
|
1630
|
+
"name": "bm-text-area",
|
|
1631
|
+
"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",
|
|
1632
|
+
"attributes": [
|
|
1633
|
+
{
|
|
1634
|
+
"name": "rows",
|
|
1635
|
+
"description": "Specify the height of TextArea",
|
|
1636
|
+
"values": []
|
|
1637
|
+
},
|
|
1638
|
+
{
|
|
1639
|
+
"name": "cols",
|
|
1640
|
+
"description": "Specify the width of TextArea",
|
|
1641
|
+
"values": []
|
|
1642
|
+
},
|
|
1643
|
+
{
|
|
1644
|
+
"name": "placeholder",
|
|
1645
|
+
"description": "Specify placeholder text for TextArea",
|
|
1646
|
+
"values": []
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"name": "required",
|
|
1650
|
+
"description": "Specify if TextArea is a required input",
|
|
1651
|
+
"values": []
|
|
1652
|
+
},
|
|
1653
|
+
{
|
|
1654
|
+
"name": "hideRequiredMarker",
|
|
1655
|
+
"description": "Specify if the TextArea displays with an asterisk",
|
|
1656
|
+
"values": []
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"name": "readOnly",
|
|
1660
|
+
"description": "Specify if TextArea displays in a read-only state",
|
|
1661
|
+
"values": []
|
|
1662
|
+
},
|
|
1663
|
+
{
|
|
1664
|
+
"name": "disabled",
|
|
1665
|
+
"description": "Specify if TextArea displays in a disabled state",
|
|
1666
|
+
"values": []
|
|
1667
|
+
},
|
|
1668
|
+
{
|
|
1669
|
+
"name": "fluid",
|
|
1670
|
+
"description": "Specify if TextArea is fluid",
|
|
1671
|
+
"values": []
|
|
1672
|
+
},
|
|
1673
|
+
{
|
|
1674
|
+
"name": "width",
|
|
1675
|
+
"description": "Specify the width of TextArea",
|
|
1676
|
+
"values": []
|
|
1677
|
+
},
|
|
1678
|
+
{
|
|
1679
|
+
"name": "hideResize",
|
|
1680
|
+
"description": "Specify if TextArea can be manually resized",
|
|
1681
|
+
"values": []
|
|
1682
|
+
},
|
|
1683
|
+
{
|
|
1684
|
+
"name": "maxCount",
|
|
1685
|
+
"description": "Specify the maximum character count for the TextArea",
|
|
1686
|
+
"values": []
|
|
1687
|
+
},
|
|
1688
|
+
{
|
|
1689
|
+
"name": "autoResize",
|
|
1690
|
+
"description": "Specify if the TextArea automatically resizes to fit the text",
|
|
1691
|
+
"values": []
|
|
1692
|
+
},
|
|
1693
|
+
{
|
|
1694
|
+
"name": "theme",
|
|
1695
|
+
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
1696
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1589
1697
|
},
|
|
1590
1698
|
{
|
|
1591
|
-
"name": "
|
|
1592
|
-
"description": "Specify
|
|
1699
|
+
"name": "maxLength",
|
|
1700
|
+
"description": "Specify the maximum number of characters allowed by the native\n`<textarea>`. Takes precedence over `maxCount` for the `maxlength`\nattribute; use `maxCount` to also display the character counter.",
|
|
1593
1701
|
"values": []
|
|
1594
1702
|
},
|
|
1595
1703
|
{
|
|
1596
|
-
"name": "
|
|
1597
|
-
"description": "
|
|
1704
|
+
"name": "minLength",
|
|
1705
|
+
"description": "Specify the minimum number of characters required by the `<textarea>`",
|
|
1598
1706
|
"values": []
|
|
1599
1707
|
},
|
|
1600
1708
|
{
|
|
1601
|
-
"name": "
|
|
1602
|
-
"description": "
|
|
1709
|
+
"name": "wrap",
|
|
1710
|
+
"description": "Specify how the `<textarea>` wraps text on form submission (`soft` or `hard`)",
|
|
1603
1711
|
"values": []
|
|
1604
1712
|
},
|
|
1605
1713
|
{
|
|
1606
|
-
"name": "
|
|
1607
|
-
"description": "
|
|
1714
|
+
"name": "autocomplete",
|
|
1715
|
+
"description": "Specify the autocomplete hint for the `<textarea>`",
|
|
1608
1716
|
"values": []
|
|
1609
1717
|
},
|
|
1610
1718
|
{
|
|
1611
|
-
"name": "
|
|
1612
|
-
"description": "
|
|
1719
|
+
"name": "inputMode",
|
|
1720
|
+
"description": "Specify the virtual keyboard type for mobile browsers (e.g. numeric, tel, url)",
|
|
1613
1721
|
"values": []
|
|
1614
1722
|
},
|
|
1615
1723
|
{
|
|
1616
|
-
"name": "
|
|
1617
|
-
"description": "
|
|
1724
|
+
"name": "autofocus",
|
|
1725
|
+
"description": "Specify if the `<textarea>` should receive focus on connect",
|
|
1618
1726
|
"values": []
|
|
1619
1727
|
},
|
|
1620
|
-
{
|
|
1728
|
+
{
|
|
1729
|
+
"name": "spellcheck",
|
|
1730
|
+
"description": "Specify whether the browser checks spelling in the `<textarea>`",
|
|
1731
|
+
"values": []
|
|
1732
|
+
},
|
|
1733
|
+
{ "name": "id", "values": [] },
|
|
1734
|
+
{ "name": "name", "values": [] },
|
|
1735
|
+
{ "name": "value", "values": [] },
|
|
1736
|
+
{
|
|
1737
|
+
"name": "validationRules",
|
|
1738
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
1739
|
+
},
|
|
1740
|
+
{ "name": "input-aria-label", "values": [] },
|
|
1741
|
+
{
|
|
1742
|
+
"name": "error",
|
|
1743
|
+
"description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
|
|
1744
|
+
"values": [{ "name": "Optional<boolean" }, { "name": "string>" }]
|
|
1745
|
+
}
|
|
1621
1746
|
],
|
|
1622
1747
|
"references": [
|
|
1623
1748
|
{
|
|
1624
1749
|
"name": "Storybook",
|
|
1625
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/
|
|
1750
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
|
|
1626
1751
|
}
|
|
1627
1752
|
]
|
|
1628
1753
|
},
|
|
@@ -1645,11 +1770,6 @@
|
|
|
1645
1770
|
"description": "Specify if the TextField displays with an asterisk",
|
|
1646
1771
|
"values": []
|
|
1647
1772
|
},
|
|
1648
|
-
{
|
|
1649
|
-
"name": "error",
|
|
1650
|
-
"description": "Specify error text and display error state of a TextField",
|
|
1651
|
-
"values": []
|
|
1652
|
-
},
|
|
1653
1773
|
{
|
|
1654
1774
|
"name": "readOnly",
|
|
1655
1775
|
"description": "Specify if TextField displays in a read-only state",
|
|
@@ -1695,6 +1815,16 @@
|
|
|
1695
1815
|
"description": "Specify the virtual keyboard type for mobile browsers (e.g. numeric, tel, url)",
|
|
1696
1816
|
"values": []
|
|
1697
1817
|
},
|
|
1818
|
+
{
|
|
1819
|
+
"name": "autofocus",
|
|
1820
|
+
"description": "Specify if the `<input>` should receive focus on connect",
|
|
1821
|
+
"values": []
|
|
1822
|
+
},
|
|
1823
|
+
{
|
|
1824
|
+
"name": "spellcheck",
|
|
1825
|
+
"description": "Specify whether the browser checks spelling in the `<input>`",
|
|
1826
|
+
"values": []
|
|
1827
|
+
},
|
|
1698
1828
|
{ "name": "id", "values": [] },
|
|
1699
1829
|
{ "name": "name", "values": [] },
|
|
1700
1830
|
{ "name": "value", "values": [] },
|
|
@@ -1702,7 +1832,12 @@
|
|
|
1702
1832
|
"name": "validationRules",
|
|
1703
1833
|
"values": [{ "name": "Array<FormValidator>" }]
|
|
1704
1834
|
},
|
|
1705
|
-
{ "name": "input-aria-label", "values": [] }
|
|
1835
|
+
{ "name": "input-aria-label", "values": [] },
|
|
1836
|
+
{
|
|
1837
|
+
"name": "error",
|
|
1838
|
+
"description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
|
|
1839
|
+
"values": [{ "name": "Optional<boolean" }, { "name": "string>" }]
|
|
1840
|
+
}
|
|
1706
1841
|
],
|
|
1707
1842
|
"references": [
|
|
1708
1843
|
{
|
|
@@ -2147,7 +2282,7 @@
|
|
|
2147
2282
|
{
|
|
2148
2283
|
"name": "error",
|
|
2149
2284
|
"description": "Specify error text and display error state of FileUpload",
|
|
2150
|
-
"values": []
|
|
2285
|
+
"values": [{ "name": "Optional<boolean" }, { "name": "string>" }]
|
|
2151
2286
|
},
|
|
2152
2287
|
{
|
|
2153
2288
|
"name": "disabled",
|
|
@@ -2261,101 +2396,6 @@
|
|
|
2261
2396
|
}
|
|
2262
2397
|
]
|
|
2263
2398
|
},
|
|
2264
|
-
{
|
|
2265
|
-
"name": "bm-radio-button",
|
|
2266
|
-
"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",
|
|
2267
|
-
"attributes": [
|
|
2268
|
-
{
|
|
2269
|
-
"name": "label",
|
|
2270
|
-
"description": "Specify the text for the label",
|
|
2271
|
-
"values": []
|
|
2272
|
-
},
|
|
2273
|
-
{
|
|
2274
|
-
"name": "error",
|
|
2275
|
-
"description": "Specify error text and display error state of a RadioButton",
|
|
2276
|
-
"values": []
|
|
2277
|
-
},
|
|
2278
|
-
{
|
|
2279
|
-
"name": "readOnly",
|
|
2280
|
-
"description": "Specify if RadioButton displays in a read-only state",
|
|
2281
|
-
"values": []
|
|
2282
|
-
},
|
|
2283
|
-
{
|
|
2284
|
-
"name": "disabled",
|
|
2285
|
-
"description": "Specify if RadioButton displays in a disabled state",
|
|
2286
|
-
"values": []
|
|
2287
|
-
},
|
|
2288
|
-
{
|
|
2289
|
-
"name": "theme",
|
|
2290
|
-
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2291
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2292
|
-
},
|
|
2293
|
-
{
|
|
2294
|
-
"name": "value",
|
|
2295
|
-
"description": "The value attribute for the input element",
|
|
2296
|
-
"values": []
|
|
2297
|
-
},
|
|
2298
|
-
{
|
|
2299
|
-
"name": "checked",
|
|
2300
|
-
"description": "The checked attribute for the input element",
|
|
2301
|
-
"values": []
|
|
2302
|
-
},
|
|
2303
|
-
{
|
|
2304
|
-
"name": "onKeyDown",
|
|
2305
|
-
"description": "A user-defined function to handle keydown events",
|
|
2306
|
-
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2307
|
-
}
|
|
2308
|
-
],
|
|
2309
|
-
"references": [
|
|
2310
|
-
{
|
|
2311
|
-
"name": "Storybook",
|
|
2312
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2313
|
-
}
|
|
2314
|
-
]
|
|
2315
|
-
},
|
|
2316
|
-
{
|
|
2317
|
-
"name": "bm-switch",
|
|
2318
|
-
"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.",
|
|
2319
|
-
"attributes": [
|
|
2320
|
-
{
|
|
2321
|
-
"name": "onText",
|
|
2322
|
-
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2323
|
-
"values": []
|
|
2324
|
-
},
|
|
2325
|
-
{
|
|
2326
|
-
"name": "offText",
|
|
2327
|
-
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2328
|
-
"values": []
|
|
2329
|
-
},
|
|
2330
|
-
{
|
|
2331
|
-
"name": "textPosition",
|
|
2332
|
-
"description": "Specify the position of the side label",
|
|
2333
|
-
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2334
|
-
},
|
|
2335
|
-
{
|
|
2336
|
-
"name": "readOnly",
|
|
2337
|
-
"description": "Specify if Switch displays in a read-only state",
|
|
2338
|
-
"values": []
|
|
2339
|
-
},
|
|
2340
|
-
{
|
|
2341
|
-
"name": "disabled",
|
|
2342
|
-
"description": "Specify if Switch displays in a disabled state",
|
|
2343
|
-
"values": []
|
|
2344
|
-
},
|
|
2345
|
-
{ "name": "checked", "values": [] },
|
|
2346
|
-
{
|
|
2347
|
-
"name": "value",
|
|
2348
|
-
"description": "The value attribute for the input element",
|
|
2349
|
-
"values": []
|
|
2350
|
-
}
|
|
2351
|
-
],
|
|
2352
|
-
"references": [
|
|
2353
|
-
{
|
|
2354
|
-
"name": "Storybook",
|
|
2355
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2356
|
-
}
|
|
2357
|
-
]
|
|
2358
|
-
},
|
|
2359
2399
|
{
|
|
2360
2400
|
"name": "bm-native-select",
|
|
2361
2401
|
"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",
|
|
@@ -2375,11 +2415,6 @@
|
|
|
2375
2415
|
"description": "Specify if NativeSelect displays in a disabled state",
|
|
2376
2416
|
"values": []
|
|
2377
2417
|
},
|
|
2378
|
-
{
|
|
2379
|
-
"name": "error",
|
|
2380
|
-
"description": "Specify error text and display error state of a NativeSelect",
|
|
2381
|
-
"values": []
|
|
2382
|
-
},
|
|
2383
2418
|
{
|
|
2384
2419
|
"name": "fluid",
|
|
2385
2420
|
"description": "Specify if NativeSelect is fluid",
|
|
@@ -2417,7 +2452,12 @@
|
|
|
2417
2452
|
"name": "validationRules",
|
|
2418
2453
|
"values": [{ "name": "Array<FormValidator>" }]
|
|
2419
2454
|
},
|
|
2420
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2455
|
+
{ "name": "input-aria-label", "values": [] },
|
|
2456
|
+
{
|
|
2457
|
+
"name": "error",
|
|
2458
|
+
"description": "Specify error text and display error state.\nPass a string to show an error message, or `true` to show the error\nstate without a message.",
|
|
2459
|
+
"values": [{ "name": "Optional<boolean" }, { "name": "string>" }]
|
|
2460
|
+
}
|
|
2421
2461
|
],
|
|
2422
2462
|
"references": [
|
|
2423
2463
|
{
|
|
@@ -2427,92 +2467,97 @@
|
|
|
2427
2467
|
]
|
|
2428
2468
|
},
|
|
2429
2469
|
{
|
|
2430
|
-
"name": "bm-
|
|
2431
|
-
"description": "`bm-
|
|
2470
|
+
"name": "bm-radio-button",
|
|
2471
|
+
"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",
|
|
2432
2472
|
"attributes": [
|
|
2433
2473
|
{
|
|
2434
|
-
"name": "
|
|
2435
|
-
"description": "Specify the
|
|
2474
|
+
"name": "label",
|
|
2475
|
+
"description": "Specify the text for the label",
|
|
2436
2476
|
"values": []
|
|
2437
2477
|
},
|
|
2438
2478
|
{
|
|
2439
|
-
"name": "
|
|
2440
|
-
"description": "Specify
|
|
2479
|
+
"name": "error",
|
|
2480
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2441
2481
|
"values": []
|
|
2442
2482
|
},
|
|
2443
2483
|
{
|
|
2444
|
-
"name": "
|
|
2445
|
-
"description": "Specify
|
|
2484
|
+
"name": "readOnly",
|
|
2485
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2446
2486
|
"values": []
|
|
2447
2487
|
},
|
|
2448
2488
|
{
|
|
2449
|
-
"name": "
|
|
2450
|
-
"description": "Specify if
|
|
2489
|
+
"name": "disabled",
|
|
2490
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2451
2491
|
"values": []
|
|
2452
2492
|
},
|
|
2453
2493
|
{
|
|
2454
|
-
"name": "
|
|
2455
|
-
"description": "Specify
|
|
2456
|
-
"values": []
|
|
2494
|
+
"name": "theme",
|
|
2495
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2496
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2457
2497
|
},
|
|
2458
2498
|
{
|
|
2459
|
-
"name": "
|
|
2460
|
-
"description": "
|
|
2499
|
+
"name": "value",
|
|
2500
|
+
"description": "The value attribute for the input element",
|
|
2461
2501
|
"values": []
|
|
2462
2502
|
},
|
|
2463
2503
|
{
|
|
2464
|
-
"name": "
|
|
2465
|
-
"description": "
|
|
2504
|
+
"name": "checked",
|
|
2505
|
+
"description": "The checked attribute for the input element",
|
|
2466
2506
|
"values": []
|
|
2467
2507
|
},
|
|
2468
2508
|
{
|
|
2469
|
-
"name": "
|
|
2470
|
-
"description": "
|
|
2471
|
-
"values": []
|
|
2472
|
-
}
|
|
2509
|
+
"name": "onKeyDown",
|
|
2510
|
+
"description": "A user-defined function to handle keydown events",
|
|
2511
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2512
|
+
}
|
|
2513
|
+
],
|
|
2514
|
+
"references": [
|
|
2473
2515
|
{
|
|
2474
|
-
"name": "
|
|
2475
|
-
"
|
|
2476
|
-
|
|
2477
|
-
|
|
2516
|
+
"name": "Storybook",
|
|
2517
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2518
|
+
}
|
|
2519
|
+
]
|
|
2520
|
+
},
|
|
2521
|
+
{
|
|
2522
|
+
"name": "bm-switch",
|
|
2523
|
+
"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.",
|
|
2524
|
+
"attributes": [
|
|
2478
2525
|
{
|
|
2479
|
-
"name": "
|
|
2480
|
-
"description": "Specify the
|
|
2526
|
+
"name": "onText",
|
|
2527
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2481
2528
|
"values": []
|
|
2482
2529
|
},
|
|
2483
2530
|
{
|
|
2484
|
-
"name": "
|
|
2485
|
-
"description": "Specify
|
|
2531
|
+
"name": "offText",
|
|
2532
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2486
2533
|
"values": []
|
|
2487
2534
|
},
|
|
2488
2535
|
{
|
|
2489
|
-
"name": "
|
|
2490
|
-
"description": "Specify the
|
|
2491
|
-
"values": []
|
|
2536
|
+
"name": "textPosition",
|
|
2537
|
+
"description": "Specify the position of the side label",
|
|
2538
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2492
2539
|
},
|
|
2493
2540
|
{
|
|
2494
|
-
"name": "
|
|
2495
|
-
"description": "Specify if
|
|
2541
|
+
"name": "readOnly",
|
|
2542
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2496
2543
|
"values": []
|
|
2497
2544
|
},
|
|
2498
2545
|
{
|
|
2499
|
-
"name": "
|
|
2500
|
-
"description": "Specify
|
|
2501
|
-
"values": [
|
|
2546
|
+
"name": "disabled",
|
|
2547
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2548
|
+
"values": []
|
|
2502
2549
|
},
|
|
2503
|
-
{ "name": "
|
|
2504
|
-
{ "name": "name", "values": [] },
|
|
2505
|
-
{ "name": "value", "values": [] },
|
|
2550
|
+
{ "name": "checked", "values": [] },
|
|
2506
2551
|
{
|
|
2507
|
-
"name": "
|
|
2508
|
-
"
|
|
2509
|
-
|
|
2510
|
-
|
|
2552
|
+
"name": "value",
|
|
2553
|
+
"description": "The value attribute for the input element",
|
|
2554
|
+
"values": []
|
|
2555
|
+
}
|
|
2511
2556
|
],
|
|
2512
2557
|
"references": [
|
|
2513
2558
|
{
|
|
2514
2559
|
"name": "Storybook",
|
|
2515
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2560
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2516
2561
|
}
|
|
2517
2562
|
]
|
|
2518
2563
|
},
|
|
@@ -2557,7 +2602,7 @@
|
|
|
2557
2602
|
{
|
|
2558
2603
|
"name": "error",
|
|
2559
2604
|
"description": "Specify error text and display error state of a InputChoiceGroup",
|
|
2560
|
-
"values": []
|
|
2605
|
+
"values": [{ "name": "Optional<boolean" }, { "name": "string>" }]
|
|
2561
2606
|
},
|
|
2562
2607
|
{
|
|
2563
2608
|
"name": "readOnly",
|
|
@@ -2626,7 +2671,7 @@
|
|
|
2626
2671
|
{
|
|
2627
2672
|
"name": "error",
|
|
2628
2673
|
"description": "Specify error text and display error state of a InputChoiceGroup",
|
|
2629
|
-
"values": []
|
|
2674
|
+
"values": [{ "name": "Optional<boolean" }, { "name": "string>" }]
|
|
2630
2675
|
},
|
|
2631
2676
|
{
|
|
2632
2677
|
"name": "readOnly",
|
|
@@ -2695,7 +2740,7 @@
|
|
|
2695
2740
|
{
|
|
2696
2741
|
"name": "error",
|
|
2697
2742
|
"description": "Specify error text and display error state of a InputChoiceGroup",
|
|
2698
|
-
"values": []
|
|
2743
|
+
"values": [{ "name": "Optional<boolean" }, { "name": "string>" }]
|
|
2699
2744
|
},
|
|
2700
2745
|
{
|
|
2701
2746
|
"name": "readOnly",
|