@viasat/beam-web-components 2.1.0 → 2.2.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/Avatar/AvatarGroup.js +1 -1
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Link/Link.js +22 -19
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/chunks/dom.Bbze9_v5.js +29 -0
- package/custom-elements.json +4581 -4581
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Breadcrumbs/Breadcrumbs.js +1 -1
- package/local/Link/Link.js +23 -20
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/chunks/dom.Bbze9_v5.js +29 -0
- package/package.json +6 -6
- package/vscode.html-custom-data.json +600 -600
- package/chunks/dom.C98AFbJh.js +0 -22
- package/local/chunks/dom.C98AFbJh.js +0 -22
|
@@ -2,6 +2,65 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"tags": [
|
|
5
|
+
{
|
|
6
|
+
"name": "bm-accordion",
|
|
7
|
+
"description": "`bm-accordion`\n\n### Attributes:\n- **size** - Specify size of an Accordion\n- **heading** - Specify heading content for the Accordion\n- **open** - Specify if an Accordion is open.\nIf this is specified, the component becomes controlled\n- **defaultOpen** - Specify if an Accordion is open by default\n- **id** - Unique identifier of Accordion\n---\n\n\n### **Events:**\n - **bm-toggle** - Dispatched when the Accordion is toggled\n\n### **Slots:**\n - **default** - Specify body content for the Accordion\n- **icon** - Display an icon before the Accordion heading\n- **heading** - Specify heading content for the Accordion",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "size",
|
|
11
|
+
"description": "Specify size of an Accordion",
|
|
12
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"name": "heading",
|
|
16
|
+
"description": "Specify heading content for the Accordion",
|
|
17
|
+
"values": []
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "open",
|
|
21
|
+
"description": "Specify if an Accordion is open.\nIf this is specified, the component becomes controlled",
|
|
22
|
+
"values": []
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "defaultOpen",
|
|
26
|
+
"description": "Specify if an Accordion is open by default",
|
|
27
|
+
"values": []
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "id",
|
|
31
|
+
"description": "Unique identifier of Accordion",
|
|
32
|
+
"values": []
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
"references": [
|
|
36
|
+
{
|
|
37
|
+
"name": "Storybook",
|
|
38
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "bm-accordion-group",
|
|
44
|
+
"description": "`bm-accordion-group`\n\n### Attributes:\n- **size** - Specify the size of the AccordionGroup\n- **singleExpand** - Specify if only one row item can be expanded at a time\n---\n\n\n### **Slots:**\n - **default** - Specify which Accordions are in the AccordionGroup",
|
|
45
|
+
"attributes": [
|
|
46
|
+
{
|
|
47
|
+
"name": "size",
|
|
48
|
+
"description": "Specify the size of the AccordionGroup",
|
|
49
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"name": "singleExpand",
|
|
53
|
+
"description": "Specify if only one row item can be expanded at a time",
|
|
54
|
+
"values": []
|
|
55
|
+
}
|
|
56
|
+
],
|
|
57
|
+
"references": [
|
|
58
|
+
{
|
|
59
|
+
"name": "Storybook",
|
|
60
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
|
|
61
|
+
}
|
|
62
|
+
]
|
|
63
|
+
},
|
|
5
64
|
{
|
|
6
65
|
"name": "bm-badge",
|
|
7
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",
|
|
@@ -491,134 +550,131 @@
|
|
|
491
550
|
]
|
|
492
551
|
},
|
|
493
552
|
{
|
|
494
|
-
"name": "bm-
|
|
495
|
-
"description": "`bm-
|
|
553
|
+
"name": "bm-breadcrumb",
|
|
554
|
+
"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",
|
|
496
555
|
"attributes": [
|
|
497
556
|
{
|
|
498
|
-
"name": "
|
|
499
|
-
"description": "Specify
|
|
500
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
501
|
-
},
|
|
502
|
-
{
|
|
503
|
-
"name": "heading",
|
|
504
|
-
"description": "Specify heading content for the Accordion",
|
|
557
|
+
"name": "wrap",
|
|
558
|
+
"description": "Specify if items wrap or collapse to an ellipsis",
|
|
505
559
|
"values": []
|
|
506
560
|
},
|
|
507
561
|
{
|
|
508
|
-
"name": "
|
|
509
|
-
"description": "Specify
|
|
562
|
+
"name": "itemsBeforeCollapse",
|
|
563
|
+
"description": "Specify how many items show before ellipsis",
|
|
510
564
|
"values": []
|
|
511
565
|
},
|
|
512
566
|
{
|
|
513
|
-
"name": "
|
|
514
|
-
"description": "Specify
|
|
567
|
+
"name": "itemsAfterCollapse",
|
|
568
|
+
"description": "Specify how many items show after ellipsis",
|
|
515
569
|
"values": []
|
|
516
570
|
},
|
|
517
571
|
{
|
|
518
|
-
"name": "
|
|
519
|
-
"description": "
|
|
520
|
-
"values": []
|
|
572
|
+
"name": "theme",
|
|
573
|
+
"description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
|
|
574
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
521
575
|
}
|
|
522
576
|
],
|
|
523
577
|
"references": [
|
|
524
578
|
{
|
|
525
579
|
"name": "Storybook",
|
|
526
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
580
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
527
581
|
}
|
|
528
582
|
]
|
|
529
583
|
},
|
|
530
584
|
{
|
|
531
|
-
"name": "bm-
|
|
532
|
-
"description": "`bm-
|
|
585
|
+
"name": "bm-breadcrumb-item",
|
|
586
|
+
"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",
|
|
533
587
|
"attributes": [
|
|
588
|
+
{ "name": "href", "description": "Pass href to an item", "values": [] },
|
|
534
589
|
{
|
|
535
|
-
"name": "
|
|
536
|
-
"description": "Specify the
|
|
537
|
-
"values": [
|
|
590
|
+
"name": "clickable",
|
|
591
|
+
"description": "Specify if the item is interactive without an href",
|
|
592
|
+
"values": []
|
|
538
593
|
},
|
|
539
594
|
{
|
|
540
|
-
"name": "
|
|
541
|
-
"description": "Specify
|
|
595
|
+
"name": "truncationWidth",
|
|
596
|
+
"description": "Specify truncation width of the items. Sets max-width for all items but the last.",
|
|
542
597
|
"values": []
|
|
543
|
-
}
|
|
598
|
+
},
|
|
599
|
+
{
|
|
600
|
+
"name": "isCurrent",
|
|
601
|
+
"description": "Specify explicitly if the item is the last one",
|
|
602
|
+
"values": []
|
|
603
|
+
},
|
|
604
|
+
{ "name": "isCollapsed", "values": [] }
|
|
544
605
|
],
|
|
545
606
|
"references": [
|
|
546
607
|
{
|
|
547
608
|
"name": "Storybook",
|
|
548
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
609
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
|
|
549
610
|
}
|
|
550
611
|
]
|
|
551
612
|
},
|
|
552
613
|
{
|
|
553
|
-
"name": "bm-
|
|
554
|
-
"description": "`bm-
|
|
614
|
+
"name": "bm-button",
|
|
615
|
+
"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",
|
|
555
616
|
"attributes": [
|
|
556
617
|
{
|
|
557
|
-
"name": "
|
|
558
|
-
"description": "Specify the
|
|
559
|
-
"values": [
|
|
618
|
+
"name": "appearance",
|
|
619
|
+
"description": "Specify the appearance of a Button",
|
|
620
|
+
"values": [
|
|
621
|
+
{ "name": "accent" },
|
|
622
|
+
{ "name": "neutral" },
|
|
623
|
+
{ "name": "destructive" },
|
|
624
|
+
{ "name": "neutral-subtle" }
|
|
625
|
+
]
|
|
560
626
|
},
|
|
561
627
|
{
|
|
562
|
-
"name": "
|
|
563
|
-
"description": "Specify the
|
|
564
|
-
"values": [
|
|
628
|
+
"name": "kind",
|
|
629
|
+
"description": "Specify the kind of Button",
|
|
630
|
+
"values": [
|
|
631
|
+
{ "name": "filled" },
|
|
632
|
+
{ "name": "outline" },
|
|
633
|
+
{ "name": "ghost" },
|
|
634
|
+
{ "name": "bare" }
|
|
635
|
+
]
|
|
565
636
|
},
|
|
566
637
|
{
|
|
567
638
|
"name": "size",
|
|
568
|
-
"description": "Specify the size of
|
|
569
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
639
|
+
"description": "Specify the size of a Button",
|
|
640
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
570
641
|
},
|
|
571
642
|
{
|
|
572
|
-
"name": "
|
|
573
|
-
"description": "Specify if the
|
|
643
|
+
"name": "disabled",
|
|
644
|
+
"description": "Specify if the Button is disabled",
|
|
574
645
|
"values": []
|
|
575
646
|
},
|
|
576
647
|
{
|
|
577
|
-
"name": "
|
|
578
|
-
"description": "Specify
|
|
579
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
580
|
-
},
|
|
581
|
-
{
|
|
582
|
-
"name": "appearance",
|
|
583
|
-
"description": "Specify the appearance of the Alert",
|
|
584
|
-
"values": [
|
|
585
|
-
{ "name": "infoPrimary" },
|
|
586
|
-
{ "name": "infoSecondary" },
|
|
587
|
-
{ "name": "positive" },
|
|
588
|
-
{ "name": "warning" },
|
|
589
|
-
{ "name": "negative" }
|
|
590
|
-
]
|
|
591
|
-
},
|
|
592
|
-
{
|
|
593
|
-
"name": "hidden",
|
|
594
|
-
"description": "Specify if the Alert is hidden",
|
|
648
|
+
"name": "fluid",
|
|
649
|
+
"description": "Specify if Button is fluid",
|
|
595
650
|
"values": []
|
|
596
651
|
},
|
|
597
652
|
{
|
|
598
|
-
"name": "
|
|
599
|
-
"description": "Specify
|
|
653
|
+
"name": "width",
|
|
654
|
+
"description": "Specify the width of a Button",
|
|
600
655
|
"values": []
|
|
601
656
|
},
|
|
602
657
|
{
|
|
603
|
-
"name": "
|
|
604
|
-
"description": "Specify
|
|
658
|
+
"name": "height",
|
|
659
|
+
"description": "Specify the height of a Button",
|
|
605
660
|
"values": []
|
|
606
661
|
},
|
|
607
662
|
{
|
|
608
|
-
"name": "
|
|
609
|
-
"description": "
|
|
610
|
-
"values": []
|
|
663
|
+
"name": "theme",
|
|
664
|
+
"description": "Specify the theme of the Button",
|
|
665
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
611
666
|
},
|
|
612
667
|
{
|
|
613
|
-
"name": "
|
|
614
|
-
"description": "
|
|
668
|
+
"name": "iconOnly",
|
|
669
|
+
"description": "Specify if the icon displays without text",
|
|
615
670
|
"values": []
|
|
616
|
-
}
|
|
671
|
+
},
|
|
672
|
+
{ "name": "type", "values": [] }
|
|
617
673
|
],
|
|
618
674
|
"references": [
|
|
619
675
|
{
|
|
620
676
|
"name": "Storybook",
|
|
621
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
677
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
|
|
622
678
|
}
|
|
623
679
|
]
|
|
624
680
|
},
|
|
@@ -721,131 +777,75 @@
|
|
|
721
777
|
]
|
|
722
778
|
},
|
|
723
779
|
{
|
|
724
|
-
"name": "bm-
|
|
725
|
-
"description": "`bm-
|
|
780
|
+
"name": "bm-alert",
|
|
781
|
+
"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",
|
|
726
782
|
"attributes": [
|
|
727
783
|
{
|
|
728
|
-
"name": "
|
|
729
|
-
"description": "Specify
|
|
784
|
+
"name": "heading",
|
|
785
|
+
"description": "Specify the heading text for Alert",
|
|
730
786
|
"values": []
|
|
731
787
|
},
|
|
732
788
|
{
|
|
733
|
-
"name": "
|
|
734
|
-
"description": "Specify
|
|
789
|
+
"name": "body",
|
|
790
|
+
"description": "Specify the body text for Alert",
|
|
735
791
|
"values": []
|
|
736
792
|
},
|
|
737
793
|
{
|
|
738
|
-
"name": "
|
|
739
|
-
"description": "Specify
|
|
794
|
+
"name": "size",
|
|
795
|
+
"description": "Specify the size of the Alert",
|
|
796
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
797
|
+
},
|
|
798
|
+
{
|
|
799
|
+
"name": "fullWidth",
|
|
800
|
+
"description": "Specify if the Alert has no border radius",
|
|
740
801
|
"values": []
|
|
741
802
|
},
|
|
742
803
|
{
|
|
743
804
|
"name": "theme",
|
|
744
|
-
"description": "Specify the theme of the
|
|
805
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
745
806
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
746
|
-
}
|
|
747
|
-
],
|
|
748
|
-
"references": [
|
|
807
|
+
},
|
|
749
808
|
{
|
|
750
|
-
"name": "
|
|
751
|
-
"
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
809
|
+
"name": "appearance",
|
|
810
|
+
"description": "Specify the appearance of the Alert",
|
|
811
|
+
"values": [
|
|
812
|
+
{ "name": "infoPrimary" },
|
|
813
|
+
{ "name": "infoSecondary" },
|
|
814
|
+
{ "name": "positive" },
|
|
815
|
+
{ "name": "warning" },
|
|
816
|
+
{ "name": "negative" }
|
|
817
|
+
]
|
|
818
|
+
},
|
|
760
819
|
{
|
|
761
|
-
"name": "
|
|
762
|
-
"description": "Specify if the
|
|
820
|
+
"name": "hidden",
|
|
821
|
+
"description": "Specify if the Alert is hidden",
|
|
763
822
|
"values": []
|
|
764
823
|
},
|
|
765
824
|
{
|
|
766
|
-
"name": "
|
|
767
|
-
"description": "Specify
|
|
825
|
+
"name": "hideIcon",
|
|
826
|
+
"description": "Specify if the icon displays on the Alert",
|
|
768
827
|
"values": []
|
|
769
828
|
},
|
|
770
829
|
{
|
|
771
|
-
"name": "
|
|
772
|
-
"description": "Specify
|
|
830
|
+
"name": "dismissible",
|
|
831
|
+
"description": "Specify if the Alert can be dismissed",
|
|
773
832
|
"values": []
|
|
774
833
|
},
|
|
775
|
-
{ "name": "isCollapsed", "values": [] }
|
|
776
|
-
],
|
|
777
|
-
"references": [
|
|
778
834
|
{
|
|
779
|
-
"name": "
|
|
780
|
-
"
|
|
781
|
-
}
|
|
782
|
-
]
|
|
783
|
-
},
|
|
784
|
-
{
|
|
785
|
-
"name": "bm-button",
|
|
786
|
-
"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",
|
|
787
|
-
"attributes": [
|
|
788
|
-
{
|
|
789
|
-
"name": "appearance",
|
|
790
|
-
"description": "Specify the appearance of a Button",
|
|
791
|
-
"values": [
|
|
792
|
-
{ "name": "accent" },
|
|
793
|
-
{ "name": "neutral" },
|
|
794
|
-
{ "name": "destructive" },
|
|
795
|
-
{ "name": "neutral-subtle" }
|
|
796
|
-
]
|
|
797
|
-
},
|
|
798
|
-
{
|
|
799
|
-
"name": "kind",
|
|
800
|
-
"description": "Specify the kind of Button",
|
|
801
|
-
"values": [
|
|
802
|
-
{ "name": "filled" },
|
|
803
|
-
{ "name": "outline" },
|
|
804
|
-
{ "name": "ghost" },
|
|
805
|
-
{ "name": "bare" }
|
|
806
|
-
]
|
|
807
|
-
},
|
|
808
|
-
{
|
|
809
|
-
"name": "size",
|
|
810
|
-
"description": "Specify the size of a Button",
|
|
811
|
-
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
812
|
-
},
|
|
813
|
-
{
|
|
814
|
-
"name": "disabled",
|
|
815
|
-
"description": "Specify if the Button is disabled",
|
|
816
|
-
"values": []
|
|
817
|
-
},
|
|
818
|
-
{
|
|
819
|
-
"name": "fluid",
|
|
820
|
-
"description": "Specify if Button is fluid",
|
|
821
|
-
"values": []
|
|
822
|
-
},
|
|
823
|
-
{
|
|
824
|
-
"name": "width",
|
|
825
|
-
"description": "Specify the width of a Button",
|
|
826
|
-
"values": []
|
|
827
|
-
},
|
|
828
|
-
{
|
|
829
|
-
"name": "height",
|
|
830
|
-
"description": "Specify the height of a Button",
|
|
835
|
+
"name": "disableAutoFocus",
|
|
836
|
+
"description": "Prevent autofocus on show",
|
|
831
837
|
"values": []
|
|
832
838
|
},
|
|
833
839
|
{
|
|
834
|
-
"name": "
|
|
835
|
-
"description": "
|
|
836
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
837
|
-
},
|
|
838
|
-
{
|
|
839
|
-
"name": "iconOnly",
|
|
840
|
-
"description": "Specify if the icon displays without text",
|
|
840
|
+
"name": "disableCloseOnEscape",
|
|
841
|
+
"description": "Prevent Escape from closing",
|
|
841
842
|
"values": []
|
|
842
|
-
}
|
|
843
|
-
{ "name": "type", "values": [] }
|
|
843
|
+
}
|
|
844
844
|
],
|
|
845
845
|
"references": [
|
|
846
846
|
{
|
|
847
847
|
"name": "Storybook",
|
|
848
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
848
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
849
849
|
}
|
|
850
850
|
]
|
|
851
851
|
},
|
|
@@ -1762,247 +1762,394 @@
|
|
|
1762
1762
|
]
|
|
1763
1763
|
},
|
|
1764
1764
|
{
|
|
1765
|
-
"name": "bm-
|
|
1766
|
-
"description": "`bm-
|
|
1765
|
+
"name": "bm-file-upload-button",
|
|
1766
|
+
"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",
|
|
1767
1767
|
"attributes": [
|
|
1768
1768
|
{
|
|
1769
|
-
"name": "
|
|
1770
|
-
"description": "Specify if
|
|
1769
|
+
"name": "error",
|
|
1770
|
+
"description": "Specify if FileUpload is in error state",
|
|
1771
|
+
"values": []
|
|
1772
|
+
},
|
|
1773
|
+
{
|
|
1774
|
+
"name": "accept",
|
|
1775
|
+
"description": "Specify the accepted file types",
|
|
1776
|
+
"values": []
|
|
1777
|
+
},
|
|
1778
|
+
{
|
|
1779
|
+
"name": "multiple",
|
|
1780
|
+
"description": "Specify if multiple files can be uploaded",
|
|
1781
|
+
"values": []
|
|
1782
|
+
},
|
|
1783
|
+
{
|
|
1784
|
+
"name": "appearance",
|
|
1785
|
+
"description": "Specify the appearance of a Button",
|
|
1771
1786
|
"values": [
|
|
1772
|
-
{ "name": "
|
|
1773
|
-
{ "name": "
|
|
1774
|
-
{ "name": "
|
|
1787
|
+
{ "name": "accent" },
|
|
1788
|
+
{ "name": "neutral" },
|
|
1789
|
+
{ "name": "destructive" },
|
|
1790
|
+
{ "name": "neutral-subtle" }
|
|
1775
1791
|
]
|
|
1776
1792
|
},
|
|
1777
1793
|
{
|
|
1778
|
-
"name": "
|
|
1779
|
-
"description": "Specify
|
|
1780
|
-
"values": [
|
|
1794
|
+
"name": "kind",
|
|
1795
|
+
"description": "Specify the kind of Button",
|
|
1796
|
+
"values": [
|
|
1797
|
+
{ "name": "filled" },
|
|
1798
|
+
{ "name": "outline" },
|
|
1799
|
+
{ "name": "ghost" },
|
|
1800
|
+
{ "name": "bare" }
|
|
1801
|
+
]
|
|
1781
1802
|
},
|
|
1782
1803
|
{
|
|
1783
|
-
"name": "
|
|
1784
|
-
"description": "Specify
|
|
1785
|
-
"values": []
|
|
1804
|
+
"name": "size",
|
|
1805
|
+
"description": "Specify the size of a Button",
|
|
1806
|
+
"values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
|
|
1786
1807
|
},
|
|
1787
1808
|
{
|
|
1788
1809
|
"name": "disabled",
|
|
1789
|
-
"description": "Specify if
|
|
1810
|
+
"description": "Specify if the Button is disabled",
|
|
1790
1811
|
"values": []
|
|
1791
1812
|
},
|
|
1792
1813
|
{
|
|
1793
|
-
"name": "
|
|
1794
|
-
"description": "Specify if
|
|
1814
|
+
"name": "fluid",
|
|
1815
|
+
"description": "Specify if Button is fluid",
|
|
1795
1816
|
"values": []
|
|
1796
1817
|
},
|
|
1797
|
-
{
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1818
|
+
{
|
|
1819
|
+
"name": "width",
|
|
1820
|
+
"description": "Specify the width of a Button",
|
|
1821
|
+
"values": []
|
|
1822
|
+
},
|
|
1823
|
+
{
|
|
1824
|
+
"name": "height",
|
|
1825
|
+
"description": "Specify the height of a Button",
|
|
1826
|
+
"values": []
|
|
1827
|
+
},
|
|
1828
|
+
{
|
|
1829
|
+
"name": "theme",
|
|
1830
|
+
"description": "Specify the theme of the Button",
|
|
1831
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1832
|
+
},
|
|
1833
|
+
{
|
|
1834
|
+
"name": "iconOnly",
|
|
1835
|
+
"description": "Specify if the icon displays without text",
|
|
1836
|
+
"values": []
|
|
1837
|
+
},
|
|
1838
|
+
{ "name": "type", "values": [] }
|
|
1801
1839
|
],
|
|
1802
1840
|
"references": [
|
|
1803
1841
|
{
|
|
1804
1842
|
"name": "Storybook",
|
|
1805
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
1843
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
|
|
1806
1844
|
}
|
|
1807
1845
|
]
|
|
1808
1846
|
},
|
|
1809
1847
|
{
|
|
1810
|
-
"name": "bm-
|
|
1811
|
-
"description": "`bm-
|
|
1848
|
+
"name": "bm-file-upload-dropzone",
|
|
1849
|
+
"description": "`bm-file-upload-dropzone`\n\n### Attributes:\n- **error** - Specify if FileUpload is in error state\n- **theme** - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled** - Specify if the FileUpload is disabled\n- **accept** - Specify the accepted file types\n- **name** - Specify the name of the FileUpload\n- **multiple** - Specify if multiple files can be uploaded\n---\n\n\n### **Slots:**\n - **default** - Specify text for the Dropzone",
|
|
1812
1850
|
"attributes": [
|
|
1813
1851
|
{
|
|
1814
|
-
"name": "
|
|
1815
|
-
"description": "Specify if
|
|
1852
|
+
"name": "error",
|
|
1853
|
+
"description": "Specify if FileUpload is in error state",
|
|
1816
1854
|
"values": []
|
|
1817
1855
|
},
|
|
1818
1856
|
{
|
|
1819
|
-
"name": "
|
|
1820
|
-
"description": "Specify
|
|
1857
|
+
"name": "theme",
|
|
1858
|
+
"description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
|
|
1859
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1860
|
+
},
|
|
1861
|
+
{
|
|
1862
|
+
"name": "disabled",
|
|
1863
|
+
"description": "Specify if the FileUpload is disabled",
|
|
1821
1864
|
"values": []
|
|
1822
1865
|
},
|
|
1823
1866
|
{
|
|
1824
|
-
"name": "
|
|
1825
|
-
"description": "Specify the
|
|
1826
|
-
"values": [
|
|
1867
|
+
"name": "accept",
|
|
1868
|
+
"description": "Specify the accepted file types",
|
|
1869
|
+
"values": []
|
|
1827
1870
|
},
|
|
1828
1871
|
{
|
|
1829
|
-
"name": "
|
|
1830
|
-
"description": "Specify the
|
|
1831
|
-
"values": [
|
|
1872
|
+
"name": "name",
|
|
1873
|
+
"description": "Specify the name of the FileUpload",
|
|
1874
|
+
"values": []
|
|
1832
1875
|
},
|
|
1833
1876
|
{
|
|
1834
|
-
"name": "
|
|
1835
|
-
"description": "Specify
|
|
1836
|
-
"values": [
|
|
1877
|
+
"name": "multiple",
|
|
1878
|
+
"description": "Specify if multiple files can be uploaded",
|
|
1879
|
+
"values": []
|
|
1837
1880
|
}
|
|
1838
1881
|
],
|
|
1839
1882
|
"references": [
|
|
1840
1883
|
{
|
|
1841
1884
|
"name": "Storybook",
|
|
1842
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
1885
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
|
|
1843
1886
|
}
|
|
1844
1887
|
]
|
|
1845
1888
|
},
|
|
1846
1889
|
{
|
|
1847
|
-
"name": "bm-
|
|
1848
|
-
"description": "`bm-
|
|
1890
|
+
"name": "bm-file-upload-list-item",
|
|
1891
|
+
"description": "`bm-file-upload-list-item`\n\n### Attributes:\n- **error** - Specify error text and display error state of list item\n- **fileName** - The name of the uploaded file\n- **fileSize** - The size of the uploaded file\n- **size** - Specify the size of the item\n- **thumbnail** - Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **state** - Specify the status of the file\n- **progress** - Specify the progress of the file upload\n- **theme** - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled** - Specify if the FileUpload is disabled\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the dismiss button is clicked",
|
|
1849
1892
|
"attributes": [
|
|
1850
1893
|
{
|
|
1851
|
-
"name": "
|
|
1852
|
-
"description": "Specify
|
|
1894
|
+
"name": "error",
|
|
1895
|
+
"description": "Specify error text and display error state of list item",
|
|
1853
1896
|
"values": []
|
|
1854
1897
|
},
|
|
1855
1898
|
{
|
|
1856
|
-
"name": "
|
|
1857
|
-
"description": "
|
|
1899
|
+
"name": "fileName",
|
|
1900
|
+
"description": "The name of the uploaded file",
|
|
1858
1901
|
"values": []
|
|
1859
1902
|
},
|
|
1860
1903
|
{
|
|
1861
|
-
"name": "
|
|
1862
|
-
"description": "
|
|
1904
|
+
"name": "fileSize",
|
|
1905
|
+
"description": "The size of the uploaded file",
|
|
1863
1906
|
"values": []
|
|
1864
1907
|
},
|
|
1865
1908
|
{
|
|
1866
|
-
"name": "
|
|
1867
|
-
"description": "Specify
|
|
1868
|
-
"values": [{ "name": "
|
|
1909
|
+
"name": "size",
|
|
1910
|
+
"description": "Specify the size of the item",
|
|
1911
|
+
"values": [{ "name": "md" }, { "name": "lg" }]
|
|
1869
1912
|
},
|
|
1870
1913
|
{
|
|
1871
|
-
"name": "
|
|
1872
|
-
"description": "Specify if
|
|
1914
|
+
"name": "thumbnail",
|
|
1915
|
+
"description": "Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
|
|
1873
1916
|
"values": []
|
|
1874
1917
|
},
|
|
1875
1918
|
{
|
|
1876
|
-
"name": "
|
|
1877
|
-
"description": "Specify the
|
|
1878
|
-
"values": [
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1919
|
+
"name": "state",
|
|
1920
|
+
"description": "Specify the status of the file",
|
|
1921
|
+
"values": [
|
|
1922
|
+
{ "name": "uploading" },
|
|
1923
|
+
{ "name": "success" },
|
|
1924
|
+
{ "name": "uploaded" },
|
|
1925
|
+
{ "name": "error" }
|
|
1926
|
+
]
|
|
1884
1927
|
},
|
|
1885
1928
|
{
|
|
1886
|
-
"name": "
|
|
1887
|
-
"description": "Specify
|
|
1929
|
+
"name": "progress",
|
|
1930
|
+
"description": "Specify the progress of the file upload",
|
|
1888
1931
|
"values": []
|
|
1889
1932
|
},
|
|
1890
1933
|
{
|
|
1891
1934
|
"name": "theme",
|
|
1892
|
-
"description": "Specify the theme of the
|
|
1893
|
-
"values": [{ "name": "
|
|
1894
|
-
},
|
|
1895
|
-
{ "name": "id", "values": [] },
|
|
1896
|
-
{ "name": "name", "values": [] },
|
|
1897
|
-
{ "name": "value", "values": [] },
|
|
1898
|
-
{
|
|
1899
|
-
"name": "validationRules",
|
|
1900
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
1935
|
+
"description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
|
|
1936
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1901
1937
|
},
|
|
1902
1938
|
{
|
|
1903
|
-
"name": "
|
|
1904
|
-
"
|
|
1939
|
+
"name": "disabled",
|
|
1940
|
+
"description": "Specify if the FileUpload is disabled",
|
|
1941
|
+
"values": []
|
|
1905
1942
|
}
|
|
1906
1943
|
],
|
|
1907
1944
|
"references": [
|
|
1908
1945
|
{
|
|
1909
1946
|
"name": "Storybook",
|
|
1910
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
1947
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
|
|
1911
1948
|
}
|
|
1912
1949
|
]
|
|
1913
1950
|
},
|
|
1914
1951
|
{
|
|
1915
|
-
"name": "bm-
|
|
1916
|
-
"description": "`bm-
|
|
1952
|
+
"name": "bm-file-upload-list",
|
|
1953
|
+
"description": "`bm-file-upload-list`\n\n### Attributes:\n- **thumbnail** - Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **size** - Specify FileUpload List size\n- **theme** - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled** - Specify if the FileUpload is disabled\n- **renderItem** - Specify a render function for the list item\n---\n\n\n### **Slots:**\n - **default** - Specify the list items",
|
|
1917
1954
|
"attributes": [
|
|
1918
1955
|
{
|
|
1919
|
-
"name": "
|
|
1920
|
-
"description": "Specify the
|
|
1956
|
+
"name": "thumbnail",
|
|
1957
|
+
"description": "Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
|
|
1921
1958
|
"values": []
|
|
1922
1959
|
},
|
|
1923
1960
|
{
|
|
1924
|
-
"name": "
|
|
1925
|
-
"description": "Specify
|
|
1926
|
-
"values": []
|
|
1961
|
+
"name": "size",
|
|
1962
|
+
"description": "Specify FileUpload List size",
|
|
1963
|
+
"values": [{ "name": "md" }, { "name": "lg" }]
|
|
1927
1964
|
},
|
|
1928
1965
|
{
|
|
1929
|
-
"name": "
|
|
1930
|
-
"description": "Specify
|
|
1966
|
+
"name": "theme",
|
|
1967
|
+
"description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
|
|
1968
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1969
|
+
},
|
|
1970
|
+
{
|
|
1971
|
+
"name": "disabled",
|
|
1972
|
+
"description": "Specify if the FileUpload is disabled",
|
|
1973
|
+
"values": []
|
|
1974
|
+
},
|
|
1975
|
+
{
|
|
1976
|
+
"name": "renderItem",
|
|
1977
|
+
"description": "Specify a render function for the list item",
|
|
1978
|
+
"values": [
|
|
1979
|
+
{ "name": "(fileItem: FileItem, dismissFile: () => void) => void" }
|
|
1980
|
+
]
|
|
1981
|
+
}
|
|
1982
|
+
],
|
|
1983
|
+
"references": [
|
|
1984
|
+
{
|
|
1985
|
+
"name": "Storybook",
|
|
1986
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
|
|
1987
|
+
}
|
|
1988
|
+
]
|
|
1989
|
+
},
|
|
1990
|
+
{
|
|
1991
|
+
"name": "bm-file-upload",
|
|
1992
|
+
"description": "`bm-file-upload`\n\n### Attributes:\n- **accept** - Specify what types of files can be uploaded\n- **error** - Specify error text and display error state of FileUpload\n- **disabled** - Specify if FileUpload is in disabled state\n- **multiple** - Specify if more than one file can be can be uploaded\n- **fileLimit** - Specify how many files can be uploaded\n- **maxFileSize** - Specify the maximum file size that can be uploaded\n- **required** - Specify if FileUpload is a required input\n- **readOnly** - Specify if FileUpload is in read-only state\n- **hideRequiredMarker** - Specify if FileUpload displays with an asterisk\n- **validationRules** - Specify form validation rules for FileUpload\n- **fluid** - Specify if FileUpload is fluid\n- **width** - Specify the width of FileUpload\n- **theme** - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n---\n\n\n### **Events:**\n - **bm-selected** - Dispatched when a file is uploaded. Preventing default on this event will make upload asynchronous\n\n### **Slots:**\n - **label** - Specify Label for for FileUpload\n- **helper-text** - Specify HelperText for FileUpload",
|
|
1993
|
+
"attributes": [
|
|
1994
|
+
{
|
|
1995
|
+
"name": "accept",
|
|
1996
|
+
"description": "Specify what types of files can be uploaded",
|
|
1997
|
+
"values": []
|
|
1998
|
+
},
|
|
1999
|
+
{
|
|
2000
|
+
"name": "error",
|
|
2001
|
+
"description": "Specify error text and display error state of FileUpload",
|
|
1931
2002
|
"values": []
|
|
1932
2003
|
},
|
|
1933
2004
|
{
|
|
1934
2005
|
"name": "disabled",
|
|
1935
|
-
"description": "Specify if
|
|
2006
|
+
"description": "Specify if FileUpload is in disabled state",
|
|
1936
2007
|
"values": []
|
|
1937
2008
|
},
|
|
1938
2009
|
{
|
|
1939
|
-
"name": "
|
|
1940
|
-
"description": "Specify
|
|
1941
|
-
"values": [
|
|
2010
|
+
"name": "multiple",
|
|
2011
|
+
"description": "Specify if more than one file can be can be uploaded",
|
|
2012
|
+
"values": []
|
|
1942
2013
|
},
|
|
1943
2014
|
{
|
|
1944
|
-
"name": "
|
|
1945
|
-
"description": "
|
|
2015
|
+
"name": "fileLimit",
|
|
2016
|
+
"description": "Specify how many files can be uploaded",
|
|
1946
2017
|
"values": []
|
|
1947
2018
|
},
|
|
1948
2019
|
{
|
|
1949
|
-
"name": "
|
|
1950
|
-
"description": "
|
|
2020
|
+
"name": "maxFileSize",
|
|
2021
|
+
"description": "Specify the maximum file size that can be uploaded",
|
|
1951
2022
|
"values": []
|
|
1952
2023
|
},
|
|
1953
2024
|
{
|
|
1954
|
-
"name": "
|
|
1955
|
-
"description": "
|
|
1956
|
-
"values": [
|
|
2025
|
+
"name": "required",
|
|
2026
|
+
"description": "Specify if FileUpload is a required input",
|
|
2027
|
+
"values": []
|
|
2028
|
+
},
|
|
2029
|
+
{
|
|
2030
|
+
"name": "readOnly",
|
|
2031
|
+
"description": "Specify if FileUpload is in read-only state",
|
|
2032
|
+
"values": []
|
|
2033
|
+
},
|
|
2034
|
+
{
|
|
2035
|
+
"name": "hideRequiredMarker",
|
|
2036
|
+
"description": "Specify if FileUpload displays with an asterisk",
|
|
2037
|
+
"values": []
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"name": "validationRules",
|
|
2041
|
+
"description": "Specify form validation rules for FileUpload",
|
|
2042
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2043
|
+
},
|
|
2044
|
+
{
|
|
2045
|
+
"name": "fluid",
|
|
2046
|
+
"description": "Specify if FileUpload is fluid",
|
|
2047
|
+
"values": []
|
|
2048
|
+
},
|
|
2049
|
+
{
|
|
2050
|
+
"name": "width",
|
|
2051
|
+
"description": "Specify the width of FileUpload",
|
|
2052
|
+
"values": []
|
|
2053
|
+
},
|
|
2054
|
+
{
|
|
2055
|
+
"name": "theme",
|
|
2056
|
+
"description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
|
|
2057
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2058
|
+
},
|
|
2059
|
+
{ "name": "id", "values": [] },
|
|
2060
|
+
{ "name": "name", "values": [] },
|
|
2061
|
+
{ "name": "value", "values": [] },
|
|
2062
|
+
{
|
|
2063
|
+
"name": "input-aria-label",
|
|
2064
|
+
"values": [{ "name": "Optional<string>" }]
|
|
1957
2065
|
}
|
|
1958
2066
|
],
|
|
1959
2067
|
"references": [
|
|
1960
2068
|
{
|
|
1961
2069
|
"name": "Storybook",
|
|
1962
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2070
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
|
|
1963
2071
|
}
|
|
1964
2072
|
]
|
|
1965
2073
|
},
|
|
1966
2074
|
{
|
|
1967
|
-
"name": "bm-
|
|
1968
|
-
"description": "`bm-
|
|
2075
|
+
"name": "bm-label",
|
|
2076
|
+
"description": "`bm-label`\n---\n\n\n### **Slots:**\n - **text** - Specify the text for Label\n- **optional** - Specify if the Label displays as optional\n- **tooltip** - Specify if the icon displays to add a Tooltip",
|
|
1969
2077
|
"attributes": [
|
|
1970
2078
|
{
|
|
1971
|
-
"name": "
|
|
1972
|
-
"description": "Specify
|
|
2079
|
+
"name": "disabled",
|
|
2080
|
+
"description": "Specify if the Label displays disabled",
|
|
1973
2081
|
"values": []
|
|
1974
2082
|
},
|
|
1975
2083
|
{
|
|
1976
|
-
"name": "
|
|
1977
|
-
"description": "Specify
|
|
2084
|
+
"name": "required",
|
|
2085
|
+
"description": "Specify if the Label displays as required",
|
|
1978
2086
|
"values": []
|
|
1979
2087
|
},
|
|
1980
2088
|
{
|
|
1981
|
-
"name": "
|
|
1982
|
-
"description": "Specify the
|
|
1983
|
-
"values": [{ "name": "
|
|
2089
|
+
"name": "text",
|
|
2090
|
+
"description": "Specify the text for Label",
|
|
2091
|
+
"values": [{ "name": "Optional<string>" }]
|
|
1984
2092
|
},
|
|
1985
2093
|
{
|
|
1986
|
-
"name": "
|
|
1987
|
-
"description": "Specify
|
|
2094
|
+
"name": "optional",
|
|
2095
|
+
"description": "Specify the text for Label",
|
|
2096
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2097
|
+
},
|
|
2098
|
+
{
|
|
2099
|
+
"name": "theme",
|
|
2100
|
+
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
2101
|
+
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
2102
|
+
}
|
|
2103
|
+
],
|
|
2104
|
+
"references": [
|
|
2105
|
+
{
|
|
2106
|
+
"name": "Storybook",
|
|
2107
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
|
|
2108
|
+
}
|
|
2109
|
+
]
|
|
2110
|
+
},
|
|
2111
|
+
{
|
|
2112
|
+
"name": "bm-form",
|
|
2113
|
+
"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",
|
|
2114
|
+
"attributes": [
|
|
2115
|
+
{
|
|
2116
|
+
"name": "validationMode",
|
|
2117
|
+
"description": "Specify if validation runs on change or when loosing focus",
|
|
2118
|
+
"values": [
|
|
2119
|
+
{ "name": "onChange" },
|
|
2120
|
+
{ "name": "onBlur" },
|
|
2121
|
+
{ "name": "onSubmit" }
|
|
2122
|
+
]
|
|
2123
|
+
},
|
|
2124
|
+
{
|
|
2125
|
+
"name": "initialValues",
|
|
2126
|
+
"description": "Specify initial values on Form controls based on their names",
|
|
2127
|
+
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
2128
|
+
},
|
|
2129
|
+
{
|
|
2130
|
+
"name": "required",
|
|
2131
|
+
"description": "Specify if input is a required",
|
|
1988
2132
|
"values": []
|
|
1989
2133
|
},
|
|
1990
2134
|
{
|
|
1991
2135
|
"name": "disabled",
|
|
1992
|
-
"description": "Specify if
|
|
2136
|
+
"description": "Specify if input is a disabled",
|
|
1993
2137
|
"values": []
|
|
1994
2138
|
},
|
|
1995
|
-
{ "name": "checked", "values": [] },
|
|
1996
2139
|
{
|
|
1997
|
-
"name": "
|
|
1998
|
-
"description": "
|
|
2140
|
+
"name": "readOnly",
|
|
2141
|
+
"description": "Specify if input is a read only",
|
|
1999
2142
|
"values": []
|
|
2000
|
-
}
|
|
2143
|
+
},
|
|
2144
|
+
{ "name": "action", "values": [{ "name": "Optional<string>" }] },
|
|
2145
|
+
{ "name": "method", "values": [{ "name": "Optional<string>" }] },
|
|
2146
|
+
{ "name": "target", "values": [{ "name": "Optional<string>" }] },
|
|
2147
|
+
{ "name": "enctype", "values": [{ "name": "Optional<string>" }] }
|
|
2001
2148
|
],
|
|
2002
2149
|
"references": [
|
|
2003
2150
|
{
|
|
2004
2151
|
"name": "Storybook",
|
|
2005
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2152
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
2006
2153
|
}
|
|
2007
2154
|
]
|
|
2008
2155
|
},
|
|
@@ -2100,133 +2247,156 @@
|
|
|
2100
2247
|
]
|
|
2101
2248
|
},
|
|
2102
2249
|
{
|
|
2103
|
-
"name": "bm-
|
|
2104
|
-
"description": "`bm-
|
|
2250
|
+
"name": "bm-switch",
|
|
2251
|
+
"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.",
|
|
2105
2252
|
"attributes": [
|
|
2106
2253
|
{
|
|
2107
|
-
"name": "
|
|
2108
|
-
"description": "Specify
|
|
2109
|
-
"values": [{ "name": "Optional<string>" }]
|
|
2110
|
-
},
|
|
2111
|
-
{
|
|
2112
|
-
"name": "required",
|
|
2113
|
-
"description": "Specify if TextField is a required input",
|
|
2254
|
+
"name": "onText",
|
|
2255
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2114
2256
|
"values": []
|
|
2115
2257
|
},
|
|
2116
2258
|
{
|
|
2117
|
-
"name": "
|
|
2118
|
-
"description": "Specify
|
|
2259
|
+
"name": "offText",
|
|
2260
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2119
2261
|
"values": []
|
|
2120
2262
|
},
|
|
2121
2263
|
{
|
|
2122
|
-
"name": "
|
|
2123
|
-
"description": "Specify
|
|
2124
|
-
"values": [{ "name": "
|
|
2264
|
+
"name": "textPosition",
|
|
2265
|
+
"description": "Specify the position of the side label",
|
|
2266
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2125
2267
|
},
|
|
2126
2268
|
{
|
|
2127
2269
|
"name": "readOnly",
|
|
2128
|
-
"description": "Specify if
|
|
2270
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2129
2271
|
"values": []
|
|
2130
2272
|
},
|
|
2131
2273
|
{
|
|
2132
2274
|
"name": "disabled",
|
|
2133
|
-
"description": "Specify if
|
|
2134
|
-
"values": []
|
|
2135
|
-
},
|
|
2136
|
-
{
|
|
2137
|
-
"name": "fluid",
|
|
2138
|
-
"description": "Specify if TextField is fluid",
|
|
2275
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2139
2276
|
"values": []
|
|
2140
2277
|
},
|
|
2278
|
+
{ "name": "checked", "values": [] },
|
|
2141
2279
|
{
|
|
2142
|
-
"name": "
|
|
2143
|
-
"description": "
|
|
2144
|
-
"values": [{ "name": "Optional<string>" }]
|
|
2145
|
-
},
|
|
2146
|
-
{
|
|
2147
|
-
"name": "ellipse",
|
|
2148
|
-
"description": "Specify if overflow displays ellipsis",
|
|
2280
|
+
"name": "value",
|
|
2281
|
+
"description": "The value attribute for the input element",
|
|
2149
2282
|
"values": []
|
|
2150
|
-
},
|
|
2151
|
-
{
|
|
2152
|
-
"name": "theme",
|
|
2153
|
-
"description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
|
|
2154
|
-
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
2155
|
-
},
|
|
2156
|
-
{ "name": "type", "values": [] },
|
|
2157
|
-
{ "name": "inputMode", "values": [] },
|
|
2158
|
-
{ "name": "id", "values": [] },
|
|
2159
|
-
{ "name": "name", "values": [] },
|
|
2160
|
-
{ "name": "value", "values": [] },
|
|
2161
|
-
{
|
|
2162
|
-
"name": "validationRules",
|
|
2163
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2164
|
-
},
|
|
2165
|
-
{
|
|
2166
|
-
"name": "input-aria-label",
|
|
2167
|
-
"values": [{ "name": "Optional<string>" }]
|
|
2168
2283
|
}
|
|
2169
2284
|
],
|
|
2170
2285
|
"references": [
|
|
2171
2286
|
{
|
|
2172
2287
|
"name": "Storybook",
|
|
2173
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2288
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2174
2289
|
}
|
|
2175
2290
|
]
|
|
2176
2291
|
},
|
|
2177
2292
|
{
|
|
2178
|
-
"name": "bm-
|
|
2179
|
-
"description": "\n
|
|
2293
|
+
"name": "bm-radio-button",
|
|
2294
|
+
"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",
|
|
2180
2295
|
"attributes": [
|
|
2181
2296
|
{
|
|
2182
|
-
"name": "
|
|
2183
|
-
"description": "Specify the
|
|
2184
|
-
"values": [
|
|
2185
|
-
},
|
|
2186
|
-
{
|
|
2187
|
-
"name": "layout",
|
|
2188
|
-
"description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
|
|
2189
|
-
"values": [
|
|
2190
|
-
{ "name": "horizontal" },
|
|
2191
|
-
{ "name": "vertical" },
|
|
2192
|
-
{ "name": "horizontalFluid" }
|
|
2193
|
-
]
|
|
2297
|
+
"name": "label",
|
|
2298
|
+
"description": "Specify the text for the label",
|
|
2299
|
+
"values": []
|
|
2194
2300
|
},
|
|
2195
2301
|
{
|
|
2196
|
-
"name": "
|
|
2197
|
-
"description": "Specify
|
|
2198
|
-
"values": [
|
|
2302
|
+
"name": "error",
|
|
2303
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
2304
|
+
"values": []
|
|
2199
2305
|
},
|
|
2200
2306
|
{
|
|
2201
|
-
"name": "
|
|
2202
|
-
"description": "Specify if
|
|
2307
|
+
"name": "readOnly",
|
|
2308
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
2309
|
+
"values": []
|
|
2310
|
+
},
|
|
2311
|
+
{
|
|
2312
|
+
"name": "disabled",
|
|
2313
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
2314
|
+
"values": []
|
|
2315
|
+
},
|
|
2316
|
+
{
|
|
2317
|
+
"name": "theme",
|
|
2318
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2319
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2320
|
+
},
|
|
2321
|
+
{
|
|
2322
|
+
"name": "value",
|
|
2323
|
+
"description": "The value attribute for the input element",
|
|
2324
|
+
"values": []
|
|
2325
|
+
},
|
|
2326
|
+
{
|
|
2327
|
+
"name": "checked",
|
|
2328
|
+
"description": "The checked attribute for the input element",
|
|
2203
2329
|
"values": []
|
|
2204
2330
|
},
|
|
2331
|
+
{
|
|
2332
|
+
"name": "onKeyDown",
|
|
2333
|
+
"description": "A user-defined function to handle keydown events",
|
|
2334
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2335
|
+
}
|
|
2336
|
+
],
|
|
2337
|
+
"references": [
|
|
2338
|
+
{
|
|
2339
|
+
"name": "Storybook",
|
|
2340
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2341
|
+
}
|
|
2342
|
+
]
|
|
2343
|
+
},
|
|
2344
|
+
{
|
|
2345
|
+
"name": "bm-text-field",
|
|
2346
|
+
"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",
|
|
2347
|
+
"attributes": [
|
|
2348
|
+
{
|
|
2349
|
+
"name": "placeholder",
|
|
2350
|
+
"description": "Specify placeholder text for TextField",
|
|
2351
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2352
|
+
},
|
|
2205
2353
|
{
|
|
2206
2354
|
"name": "required",
|
|
2207
|
-
"description": "Specify if
|
|
2355
|
+
"description": "Specify if TextField is a required input",
|
|
2208
2356
|
"values": []
|
|
2209
2357
|
},
|
|
2210
2358
|
{
|
|
2211
2359
|
"name": "hideRequiredMarker",
|
|
2212
|
-
"description": "Specify if the
|
|
2360
|
+
"description": "Specify if the TextField displays with an asterisk",
|
|
2213
2361
|
"values": []
|
|
2214
2362
|
},
|
|
2215
2363
|
{
|
|
2216
2364
|
"name": "error",
|
|
2217
|
-
"description": "Specify error text and display error state of a
|
|
2218
|
-
"values": []
|
|
2365
|
+
"description": "Specify error text and display error state of a TextField",
|
|
2366
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2219
2367
|
},
|
|
2220
2368
|
{
|
|
2221
2369
|
"name": "readOnly",
|
|
2222
|
-
"description": "Specify if
|
|
2370
|
+
"description": "Specify if TextField displays in a read-only state",
|
|
2223
2371
|
"values": []
|
|
2224
2372
|
},
|
|
2225
2373
|
{
|
|
2226
2374
|
"name": "disabled",
|
|
2227
|
-
"description": "Specify if
|
|
2375
|
+
"description": "Specify if TextField displays in a disabled state",
|
|
2228
2376
|
"values": []
|
|
2229
2377
|
},
|
|
2378
|
+
{
|
|
2379
|
+
"name": "fluid",
|
|
2380
|
+
"description": "Specify if TextField is fluid",
|
|
2381
|
+
"values": []
|
|
2382
|
+
},
|
|
2383
|
+
{
|
|
2384
|
+
"name": "width",
|
|
2385
|
+
"description": "Specify the width of TextField",
|
|
2386
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2387
|
+
},
|
|
2388
|
+
{
|
|
2389
|
+
"name": "ellipse",
|
|
2390
|
+
"description": "Specify if overflow displays ellipsis",
|
|
2391
|
+
"values": []
|
|
2392
|
+
},
|
|
2393
|
+
{
|
|
2394
|
+
"name": "theme",
|
|
2395
|
+
"description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
|
|
2396
|
+
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
2397
|
+
},
|
|
2398
|
+
{ "name": "type", "values": [] },
|
|
2399
|
+
{ "name": "inputMode", "values": [] },
|
|
2230
2400
|
{ "name": "id", "values": [] },
|
|
2231
2401
|
{ "name": "name", "values": [] },
|
|
2232
2402
|
{ "name": "value", "values": [] },
|
|
@@ -2242,62 +2412,58 @@
|
|
|
2242
2412
|
"references": [
|
|
2243
2413
|
{
|
|
2244
2414
|
"name": "Storybook",
|
|
2245
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2415
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textfield"
|
|
2246
2416
|
}
|
|
2247
2417
|
]
|
|
2248
2418
|
},
|
|
2249
2419
|
{
|
|
2250
|
-
"name": "bm-
|
|
2251
|
-
"description": "
|
|
2420
|
+
"name": "bm-native-select",
|
|
2421
|
+
"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",
|
|
2252
2422
|
"attributes": [
|
|
2253
2423
|
{
|
|
2254
|
-
"name": "
|
|
2255
|
-
"description": "Specify
|
|
2256
|
-
"values": [
|
|
2424
|
+
"name": "required",
|
|
2425
|
+
"description": "Specify if NativeSelect is a required input",
|
|
2426
|
+
"values": []
|
|
2257
2427
|
},
|
|
2258
2428
|
{
|
|
2259
|
-
"name": "
|
|
2260
|
-
"description": "Specify
|
|
2261
|
-
"values": [
|
|
2262
|
-
{ "name": "horizontal" },
|
|
2263
|
-
{ "name": "vertical" },
|
|
2264
|
-
{ "name": "horizontalFluid" }
|
|
2265
|
-
]
|
|
2429
|
+
"name": "readOnly",
|
|
2430
|
+
"description": "Specify if NativeSelect displays in a read-only state",
|
|
2431
|
+
"values": []
|
|
2266
2432
|
},
|
|
2267
2433
|
{
|
|
2268
|
-
"name": "
|
|
2269
|
-
"description": "Specify
|
|
2270
|
-
"values": [
|
|
2434
|
+
"name": "disabled",
|
|
2435
|
+
"description": "Specify if NativeSelect displays in a disabled state",
|
|
2436
|
+
"values": []
|
|
2271
2437
|
},
|
|
2272
2438
|
{
|
|
2273
|
-
"name": "
|
|
2274
|
-
"description": "Specify
|
|
2275
|
-
"values": []
|
|
2439
|
+
"name": "error",
|
|
2440
|
+
"description": "Specify error text and display error state of a NativeSelect",
|
|
2441
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2276
2442
|
},
|
|
2277
2443
|
{
|
|
2278
|
-
"name": "
|
|
2279
|
-
"description": "Specify if
|
|
2444
|
+
"name": "fluid",
|
|
2445
|
+
"description": "Specify if NativeSelect is fluid",
|
|
2280
2446
|
"values": []
|
|
2281
2447
|
},
|
|
2282
2448
|
{
|
|
2283
|
-
"name": "
|
|
2284
|
-
"description": "Specify
|
|
2285
|
-
"values": []
|
|
2449
|
+
"name": "width",
|
|
2450
|
+
"description": "Specify the width of NativeSelect",
|
|
2451
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2286
2452
|
},
|
|
2287
2453
|
{
|
|
2288
|
-
"name": "
|
|
2289
|
-
"description": "Specify
|
|
2454
|
+
"name": "ellipse",
|
|
2455
|
+
"description": "Specify if overflow displays ellipsis",
|
|
2290
2456
|
"values": []
|
|
2291
2457
|
},
|
|
2292
2458
|
{
|
|
2293
|
-
"name": "
|
|
2294
|
-
"description": "Specify if
|
|
2459
|
+
"name": "hideRequiredMarker",
|
|
2460
|
+
"description": "Specify if the NativeSelect displays with an asterisk",
|
|
2295
2461
|
"values": []
|
|
2296
2462
|
},
|
|
2297
2463
|
{
|
|
2298
|
-
"name": "
|
|
2299
|
-
"description": "Specify
|
|
2300
|
-
"values": []
|
|
2464
|
+
"name": "theme",
|
|
2465
|
+
"description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
|
|
2466
|
+
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
2301
2467
|
},
|
|
2302
2468
|
{ "name": "id", "values": [] },
|
|
2303
2469
|
{ "name": "name", "values": [] },
|
|
@@ -2314,13 +2480,13 @@
|
|
|
2314
2480
|
"references": [
|
|
2315
2481
|
{
|
|
2316
2482
|
"name": "Storybook",
|
|
2317
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2483
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
|
|
2318
2484
|
}
|
|
2319
2485
|
]
|
|
2320
2486
|
},
|
|
2321
2487
|
{
|
|
2322
|
-
"name": "bm-
|
|
2323
|
-
"description": "
|
|
2488
|
+
"name": "bm-checkbox-group",
|
|
2489
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
2324
2490
|
"attributes": [
|
|
2325
2491
|
{
|
|
2326
2492
|
"name": "theme",
|
|
@@ -2386,308 +2552,142 @@
|
|
|
2386
2552
|
"references": [
|
|
2387
2553
|
{
|
|
2388
2554
|
"name": "Storybook",
|
|
2389
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2555
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-checkbox"
|
|
2390
2556
|
}
|
|
2391
2557
|
]
|
|
2392
2558
|
},
|
|
2393
2559
|
{
|
|
2394
|
-
"name": "bm-
|
|
2395
|
-
"description": "`bm-
|
|
2560
|
+
"name": "bm-switch-group",
|
|
2561
|
+
"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",
|
|
2396
2562
|
"attributes": [
|
|
2397
2563
|
{
|
|
2398
|
-
"name": "
|
|
2399
|
-
"description": "Specify
|
|
2400
|
-
"values": []
|
|
2401
|
-
},
|
|
2402
|
-
{
|
|
2403
|
-
"name": "accept",
|
|
2404
|
-
"description": "Specify the accepted file types",
|
|
2405
|
-
"values": []
|
|
2406
|
-
},
|
|
2407
|
-
{
|
|
2408
|
-
"name": "multiple",
|
|
2409
|
-
"description": "Specify if multiple files can be uploaded",
|
|
2410
|
-
"values": []
|
|
2411
|
-
},
|
|
2412
|
-
{
|
|
2413
|
-
"name": "appearance",
|
|
2414
|
-
"description": "Specify the appearance of a Button",
|
|
2415
|
-
"values": [
|
|
2416
|
-
{ "name": "accent" },
|
|
2417
|
-
{ "name": "neutral" },
|
|
2418
|
-
{ "name": "destructive" },
|
|
2419
|
-
{ "name": "neutral-subtle" }
|
|
2420
|
-
]
|
|
2564
|
+
"name": "theme",
|
|
2565
|
+
"description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
|
|
2566
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2421
2567
|
},
|
|
2422
2568
|
{
|
|
2423
|
-
"name": "
|
|
2424
|
-
"description": "Specify
|
|
2569
|
+
"name": "layout",
|
|
2570
|
+
"description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
|
|
2425
2571
|
"values": [
|
|
2426
|
-
{ "name": "
|
|
2427
|
-
{ "name": "
|
|
2428
|
-
{ "name": "
|
|
2429
|
-
{ "name": "bare" }
|
|
2572
|
+
{ "name": "horizontal" },
|
|
2573
|
+
{ "name": "vertical" },
|
|
2574
|
+
{ "name": "horizontalFluid" }
|
|
2430
2575
|
]
|
|
2431
2576
|
},
|
|
2432
2577
|
{
|
|
2433
|
-
"name": "
|
|
2434
|
-
"description": "Specify
|
|
2435
|
-
"values": [{ "name": "
|
|
2436
|
-
},
|
|
2437
|
-
{
|
|
2438
|
-
"name": "disabled",
|
|
2439
|
-
"description": "Specify if the Button is disabled",
|
|
2440
|
-
"values": []
|
|
2578
|
+
"name": "orientation",
|
|
2579
|
+
"description": "Specify InputChoiceGroup orientation",
|
|
2580
|
+
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
2441
2581
|
},
|
|
2442
2582
|
{
|
|
2443
2583
|
"name": "fluid",
|
|
2444
|
-
"description": "Specify if
|
|
2445
|
-
"values": []
|
|
2446
|
-
},
|
|
2447
|
-
{
|
|
2448
|
-
"name": "width",
|
|
2449
|
-
"description": "Specify the width of a Button",
|
|
2450
|
-
"values": []
|
|
2451
|
-
},
|
|
2452
|
-
{
|
|
2453
|
-
"name": "height",
|
|
2454
|
-
"description": "Specify the height of a Button",
|
|
2455
|
-
"values": []
|
|
2456
|
-
},
|
|
2457
|
-
{
|
|
2458
|
-
"name": "theme",
|
|
2459
|
-
"description": "Specify the theme of the Button",
|
|
2460
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2461
|
-
},
|
|
2462
|
-
{
|
|
2463
|
-
"name": "iconOnly",
|
|
2464
|
-
"description": "Specify if the icon displays without text",
|
|
2465
|
-
"values": []
|
|
2466
|
-
},
|
|
2467
|
-
{ "name": "type", "values": [] }
|
|
2468
|
-
],
|
|
2469
|
-
"references": [
|
|
2470
|
-
{
|
|
2471
|
-
"name": "Storybook",
|
|
2472
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
|
|
2473
|
-
}
|
|
2474
|
-
]
|
|
2475
|
-
},
|
|
2476
|
-
{
|
|
2477
|
-
"name": "bm-file-upload-dropzone",
|
|
2478
|
-
"description": "`bm-file-upload-dropzone`\n\n### Attributes:\n- **error** - Specify if FileUpload is in error state\n- **theme** - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled** - Specify if the FileUpload is disabled\n- **accept** - Specify the accepted file types\n- **name** - Specify the name of the FileUpload\n- **multiple** - Specify if multiple files can be uploaded\n---\n\n\n### **Slots:**\n - **default** - Specify text for the Dropzone",
|
|
2479
|
-
"attributes": [
|
|
2480
|
-
{
|
|
2481
|
-
"name": "error",
|
|
2482
|
-
"description": "Specify if FileUpload is in error state",
|
|
2483
|
-
"values": []
|
|
2484
|
-
},
|
|
2485
|
-
{
|
|
2486
|
-
"name": "theme",
|
|
2487
|
-
"description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
|
|
2488
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2489
|
-
},
|
|
2490
|
-
{
|
|
2491
|
-
"name": "disabled",
|
|
2492
|
-
"description": "Specify if the FileUpload is disabled",
|
|
2584
|
+
"description": "Specify if InputChoiceGroup should take the full width of its container",
|
|
2493
2585
|
"values": []
|
|
2494
2586
|
},
|
|
2495
2587
|
{
|
|
2496
|
-
"name": "
|
|
2497
|
-
"description": "Specify
|
|
2588
|
+
"name": "required",
|
|
2589
|
+
"description": "Specify if InputChoiceGroup is a required input",
|
|
2498
2590
|
"values": []
|
|
2499
2591
|
},
|
|
2500
2592
|
{
|
|
2501
|
-
"name": "
|
|
2502
|
-
"description": "Specify the
|
|
2593
|
+
"name": "hideRequiredMarker",
|
|
2594
|
+
"description": "Specify if the InputChoiceGroup displays with an asterisk",
|
|
2503
2595
|
"values": []
|
|
2504
2596
|
},
|
|
2505
|
-
{
|
|
2506
|
-
"name": "multiple",
|
|
2507
|
-
"description": "Specify if multiple files can be uploaded",
|
|
2508
|
-
"values": []
|
|
2509
|
-
}
|
|
2510
|
-
],
|
|
2511
|
-
"references": [
|
|
2512
|
-
{
|
|
2513
|
-
"name": "Storybook",
|
|
2514
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
|
|
2515
|
-
}
|
|
2516
|
-
]
|
|
2517
|
-
},
|
|
2518
|
-
{
|
|
2519
|
-
"name": "bm-file-upload-list-item",
|
|
2520
|
-
"description": "`bm-file-upload-list-item`\n\n### Attributes:\n- **error** - Specify error text and display error state of list item\n- **fileName** - The name of the uploaded file\n- **fileSize** - The size of the uploaded file\n- **size** - Specify the size of the item\n- **thumbnail** - Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **state** - Specify the status of the file\n- **progress** - Specify the progress of the file upload\n- **theme** - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled** - Specify if the FileUpload is disabled\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the dismiss button is clicked",
|
|
2521
|
-
"attributes": [
|
|
2522
2597
|
{
|
|
2523
2598
|
"name": "error",
|
|
2524
|
-
"description": "Specify error text and display error state of
|
|
2525
|
-
"values": []
|
|
2526
|
-
},
|
|
2527
|
-
{
|
|
2528
|
-
"name": "fileName",
|
|
2529
|
-
"description": "The name of the uploaded file",
|
|
2530
|
-
"values": []
|
|
2531
|
-
},
|
|
2532
|
-
{
|
|
2533
|
-
"name": "fileSize",
|
|
2534
|
-
"description": "The size of the uploaded file",
|
|
2599
|
+
"description": "Specify error text and display error state of a InputChoiceGroup",
|
|
2535
2600
|
"values": []
|
|
2536
2601
|
},
|
|
2537
2602
|
{
|
|
2538
|
-
"name": "
|
|
2539
|
-
"description": "Specify
|
|
2540
|
-
"values": [{ "name": "md" }, { "name": "lg" }]
|
|
2541
|
-
},
|
|
2542
|
-
{
|
|
2543
|
-
"name": "thumbnail",
|
|
2544
|
-
"description": "Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
|
|
2603
|
+
"name": "readOnly",
|
|
2604
|
+
"description": "Specify if InputChoiceGroup displays in a read-only state",
|
|
2545
2605
|
"values": []
|
|
2546
2606
|
},
|
|
2547
2607
|
{
|
|
2548
|
-
"name": "
|
|
2549
|
-
"description": "Specify
|
|
2550
|
-
"values": [
|
|
2551
|
-
{ "name": "uploading" },
|
|
2552
|
-
{ "name": "success" },
|
|
2553
|
-
{ "name": "uploaded" },
|
|
2554
|
-
{ "name": "error" }
|
|
2555
|
-
]
|
|
2556
|
-
},
|
|
2557
|
-
{
|
|
2558
|
-
"name": "progress",
|
|
2559
|
-
"description": "Specify the progress of the file upload",
|
|
2608
|
+
"name": "disabled",
|
|
2609
|
+
"description": "Specify if InputChoiceGroup displays in a disabled state",
|
|
2560
2610
|
"values": []
|
|
2561
2611
|
},
|
|
2612
|
+
{ "name": "id", "values": [] },
|
|
2613
|
+
{ "name": "name", "values": [] },
|
|
2614
|
+
{ "name": "value", "values": [] },
|
|
2562
2615
|
{
|
|
2563
|
-
"name": "
|
|
2564
|
-
"
|
|
2565
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2616
|
+
"name": "validationRules",
|
|
2617
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2566
2618
|
},
|
|
2567
2619
|
{
|
|
2568
|
-
"name": "
|
|
2569
|
-
"
|
|
2570
|
-
"values": []
|
|
2620
|
+
"name": "input-aria-label",
|
|
2621
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2571
2622
|
}
|
|
2572
2623
|
],
|
|
2573
2624
|
"references": [
|
|
2574
2625
|
{
|
|
2575
2626
|
"name": "Storybook",
|
|
2576
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2627
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2577
2628
|
}
|
|
2578
2629
|
]
|
|
2579
2630
|
},
|
|
2580
2631
|
{
|
|
2581
|
-
"name": "bm-
|
|
2582
|
-
"description": "
|
|
2632
|
+
"name": "bm-radio-button-group",
|
|
2633
|
+
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|
|
2583
2634
|
"attributes": [
|
|
2584
|
-
{
|
|
2585
|
-
"name": "thumbnail",
|
|
2586
|
-
"description": "Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
|
|
2587
|
-
"values": []
|
|
2588
|
-
},
|
|
2589
|
-
{
|
|
2590
|
-
"name": "size",
|
|
2591
|
-
"description": "Specify FileUpload List size",
|
|
2592
|
-
"values": [{ "name": "md" }, { "name": "lg" }]
|
|
2593
|
-
},
|
|
2594
2635
|
{
|
|
2595
2636
|
"name": "theme",
|
|
2596
|
-
"description": "Specify the theme of the
|
|
2637
|
+
"description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
|
|
2597
2638
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2598
2639
|
},
|
|
2599
2640
|
{
|
|
2600
|
-
"name": "
|
|
2601
|
-
"description": "Specify
|
|
2602
|
-
"values": []
|
|
2603
|
-
},
|
|
2604
|
-
{
|
|
2605
|
-
"name": "renderItem",
|
|
2606
|
-
"description": "Specify a render function for the list item",
|
|
2641
|
+
"name": "layout",
|
|
2642
|
+
"description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
|
|
2607
2643
|
"values": [
|
|
2608
|
-
{ "name": "
|
|
2644
|
+
{ "name": "horizontal" },
|
|
2645
|
+
{ "name": "vertical" },
|
|
2646
|
+
{ "name": "horizontalFluid" }
|
|
2609
2647
|
]
|
|
2610
|
-
}
|
|
2611
|
-
],
|
|
2612
|
-
"references": [
|
|
2613
|
-
{
|
|
2614
|
-
"name": "Storybook",
|
|
2615
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
|
|
2616
|
-
}
|
|
2617
|
-
]
|
|
2618
|
-
},
|
|
2619
|
-
{
|
|
2620
|
-
"name": "bm-file-upload",
|
|
2621
|
-
"description": "`bm-file-upload`\n\n### Attributes:\n- **accept** - Specify what types of files can be uploaded\n- **error** - Specify error text and display error state of FileUpload\n- **disabled** - Specify if FileUpload is in disabled state\n- **multiple** - Specify if more than one file can be can be uploaded\n- **fileLimit** - Specify how many files can be uploaded\n- **maxFileSize** - Specify the maximum file size that can be uploaded\n- **required** - Specify if FileUpload is a required input\n- **readOnly** - Specify if FileUpload is in read-only state\n- **hideRequiredMarker** - Specify if FileUpload displays with an asterisk\n- **validationRules** - Specify form validation rules for FileUpload\n- **fluid** - Specify if FileUpload is fluid\n- **width** - Specify the width of FileUpload\n- **theme** - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n---\n\n\n### **Events:**\n - **bm-selected** - Dispatched when a file is uploaded. Preventing default on this event will make upload asynchronous\n\n### **Slots:**\n - **label** - Specify Label for for FileUpload\n- **helper-text** - Specify HelperText for FileUpload",
|
|
2622
|
-
"attributes": [
|
|
2623
|
-
{
|
|
2624
|
-
"name": "accept",
|
|
2625
|
-
"description": "Specify what types of files can be uploaded",
|
|
2626
|
-
"values": []
|
|
2627
|
-
},
|
|
2628
|
-
{
|
|
2629
|
-
"name": "error",
|
|
2630
|
-
"description": "Specify error text and display error state of FileUpload",
|
|
2631
|
-
"values": []
|
|
2632
2648
|
},
|
|
2633
2649
|
{
|
|
2634
|
-
"name": "
|
|
2635
|
-
"description": "Specify
|
|
2636
|
-
"values": []
|
|
2650
|
+
"name": "orientation",
|
|
2651
|
+
"description": "Specify InputChoiceGroup orientation",
|
|
2652
|
+
"values": [{ "name": "horizontal" }, { "name": "vertical" }]
|
|
2637
2653
|
},
|
|
2638
2654
|
{
|
|
2639
|
-
"name": "
|
|
2640
|
-
"description": "Specify if
|
|
2655
|
+
"name": "fluid",
|
|
2656
|
+
"description": "Specify if InputChoiceGroup should take the full width of its container",
|
|
2641
2657
|
"values": []
|
|
2642
2658
|
},
|
|
2643
2659
|
{
|
|
2644
|
-
"name": "
|
|
2645
|
-
"description": "Specify
|
|
2660
|
+
"name": "required",
|
|
2661
|
+
"description": "Specify if InputChoiceGroup is a required input",
|
|
2646
2662
|
"values": []
|
|
2647
2663
|
},
|
|
2648
2664
|
{
|
|
2649
|
-
"name": "
|
|
2650
|
-
"description": "Specify the
|
|
2665
|
+
"name": "hideRequiredMarker",
|
|
2666
|
+
"description": "Specify if the InputChoiceGroup displays with an asterisk",
|
|
2651
2667
|
"values": []
|
|
2652
2668
|
},
|
|
2653
2669
|
{
|
|
2654
|
-
"name": "
|
|
2655
|
-
"description": "Specify
|
|
2670
|
+
"name": "error",
|
|
2671
|
+
"description": "Specify error text and display error state of a InputChoiceGroup",
|
|
2656
2672
|
"values": []
|
|
2657
2673
|
},
|
|
2658
2674
|
{
|
|
2659
2675
|
"name": "readOnly",
|
|
2660
|
-
"description": "Specify if
|
|
2676
|
+
"description": "Specify if InputChoiceGroup displays in a read-only state",
|
|
2661
2677
|
"values": []
|
|
2662
2678
|
},
|
|
2663
2679
|
{
|
|
2664
|
-
"name": "
|
|
2665
|
-
"description": "Specify if
|
|
2680
|
+
"name": "disabled",
|
|
2681
|
+
"description": "Specify if InputChoiceGroup displays in a disabled state",
|
|
2666
2682
|
"values": []
|
|
2667
2683
|
},
|
|
2684
|
+
{ "name": "id", "values": [] },
|
|
2685
|
+
{ "name": "name", "values": [] },
|
|
2686
|
+
{ "name": "value", "values": [] },
|
|
2668
2687
|
{
|
|
2669
2688
|
"name": "validationRules",
|
|
2670
|
-
"description": "Specify form validation rules for FileUpload",
|
|
2671
2689
|
"values": [{ "name": "Array<FormValidator>" }]
|
|
2672
2690
|
},
|
|
2673
|
-
{
|
|
2674
|
-
"name": "fluid",
|
|
2675
|
-
"description": "Specify if FileUpload is fluid",
|
|
2676
|
-
"values": []
|
|
2677
|
-
},
|
|
2678
|
-
{
|
|
2679
|
-
"name": "width",
|
|
2680
|
-
"description": "Specify the width of FileUpload",
|
|
2681
|
-
"values": []
|
|
2682
|
-
},
|
|
2683
|
-
{
|
|
2684
|
-
"name": "theme",
|
|
2685
|
-
"description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
|
|
2686
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2687
|
-
},
|
|
2688
|
-
{ "name": "id", "values": [] },
|
|
2689
|
-
{ "name": "name", "values": [] },
|
|
2690
|
-
{ "name": "value", "values": [] },
|
|
2691
2691
|
{
|
|
2692
2692
|
"name": "input-aria-label",
|
|
2693
2693
|
"values": [{ "name": "Optional<string>" }]
|
|
@@ -2696,7 +2696,7 @@
|
|
|
2696
2696
|
"references": [
|
|
2697
2697
|
{
|
|
2698
2698
|
"name": "Storybook",
|
|
2699
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2699
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2700
2700
|
}
|
|
2701
2701
|
]
|
|
2702
2702
|
}
|