@viasat/beam-web-components 2.25.0 → 2.26.1
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/{wip/TextField → TextField}/TextField.d.ts +8 -2
- package/{wip/TextField → TextField}/TextField.js +81 -91
- package/custom-elements.json +2125 -2121
- package/local/{wip/TextField → TextField}/TextField.js +81 -91
- package/local/wip/Form/Form.decorator.js +23 -19
- package/package.json +6 -6
- package/vscode.html-custom-data.json +308 -300
- package/wip/Form/Form.decorator.js +23 -19
- /package/{wip/TextField → TextField}/index.d.ts +0 -0
- /package/{local/wip/TextField → TextField}/index.js +0 -0
- /package/{wip → local}/TextField/index.js +0 -0
|
@@ -61,104 +61,6 @@
|
|
|
61
61
|
}
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
|
-
{
|
|
65
|
-
"name": "bm-avatar",
|
|
66
|
-
"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",
|
|
67
|
-
"attributes": [
|
|
68
|
-
{
|
|
69
|
-
"name": "appearance",
|
|
70
|
-
"description": "Specify the appearance of the Avatar",
|
|
71
|
-
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"name": "name",
|
|
75
|
-
"description": "Specify a name to display initials in the Avatar",
|
|
76
|
-
"values": []
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
"name": "src",
|
|
80
|
-
"description": "Pass an image to the Avatar",
|
|
81
|
-
"values": []
|
|
82
|
-
},
|
|
83
|
-
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
84
|
-
{
|
|
85
|
-
"name": "size",
|
|
86
|
-
"description": "Specify the size of the Avatar",
|
|
87
|
-
"values": [
|
|
88
|
-
{ "name": "xs" },
|
|
89
|
-
{ "name": "sm" },
|
|
90
|
-
{ "name": "md" },
|
|
91
|
-
{ "name": "lg" },
|
|
92
|
-
{ "name": "xl" }
|
|
93
|
-
]
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
"name": "disabled",
|
|
97
|
-
"description": "Specify if the Avatar is disabled",
|
|
98
|
-
"values": []
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
"name": "shape",
|
|
102
|
-
"description": "Specify the shape of the Avatar",
|
|
103
|
-
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"name": "isInteractive",
|
|
107
|
-
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
108
|
-
"values": []
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
"name": "isFocusable",
|
|
112
|
-
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
113
|
-
"values": []
|
|
114
|
-
},
|
|
115
|
-
{ "name": "withBorder", "values": [] }
|
|
116
|
-
],
|
|
117
|
-
"references": [
|
|
118
|
-
{
|
|
119
|
-
"name": "Storybook",
|
|
120
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
121
|
-
}
|
|
122
|
-
]
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
"name": "bm-avatar-group",
|
|
126
|
-
"description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.\n---\n\n\n### **Slots:**\n - **default** - Add Avatars to create a group",
|
|
127
|
-
"attributes": [
|
|
128
|
-
{
|
|
129
|
-
"name": "wrapping",
|
|
130
|
-
"description": "Specify if the AvatarGroup wraps",
|
|
131
|
-
"values": []
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"name": "maxCount",
|
|
135
|
-
"description": "Specify the max number of avatars displayed in the group.",
|
|
136
|
-
"values": []
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
"name": "size",
|
|
140
|
-
"description": "Specify the size of all Avatars",
|
|
141
|
-
"values": [
|
|
142
|
-
{ "name": "xs" },
|
|
143
|
-
{ "name": "sm" },
|
|
144
|
-
{ "name": "md" },
|
|
145
|
-
{ "name": "lg" },
|
|
146
|
-
{ "name": "xl" }
|
|
147
|
-
]
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
"name": "layout",
|
|
151
|
-
"description": "Specify the kind of the group.",
|
|
152
|
-
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
153
|
-
}
|
|
154
|
-
],
|
|
155
|
-
"references": [
|
|
156
|
-
{
|
|
157
|
-
"name": "Storybook",
|
|
158
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
159
|
-
}
|
|
160
|
-
]
|
|
161
|
-
},
|
|
162
64
|
{
|
|
163
65
|
"name": "bm-badge",
|
|
164
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",
|
|
@@ -202,79 +104,6 @@
|
|
|
202
104
|
}
|
|
203
105
|
]
|
|
204
106
|
},
|
|
205
|
-
{
|
|
206
|
-
"name": "bm-alert",
|
|
207
|
-
"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",
|
|
208
|
-
"attributes": [
|
|
209
|
-
{
|
|
210
|
-
"name": "heading",
|
|
211
|
-
"description": "Specify the heading text for Alert",
|
|
212
|
-
"values": []
|
|
213
|
-
},
|
|
214
|
-
{
|
|
215
|
-
"name": "body",
|
|
216
|
-
"description": "Specify the body text for Alert",
|
|
217
|
-
"values": []
|
|
218
|
-
},
|
|
219
|
-
{
|
|
220
|
-
"name": "size",
|
|
221
|
-
"description": "Specify the size of the Alert",
|
|
222
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
223
|
-
},
|
|
224
|
-
{
|
|
225
|
-
"name": "fullWidth",
|
|
226
|
-
"description": "Specify if the Alert has no border radius",
|
|
227
|
-
"values": []
|
|
228
|
-
},
|
|
229
|
-
{
|
|
230
|
-
"name": "theme",
|
|
231
|
-
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
232
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
233
|
-
},
|
|
234
|
-
{
|
|
235
|
-
"name": "appearance",
|
|
236
|
-
"description": "Specify the appearance of the Alert",
|
|
237
|
-
"values": [
|
|
238
|
-
{ "name": "infoPrimary" },
|
|
239
|
-
{ "name": "infoSecondary" },
|
|
240
|
-
{ "name": "positive" },
|
|
241
|
-
{ "name": "warning" },
|
|
242
|
-
{ "name": "negative" }
|
|
243
|
-
]
|
|
244
|
-
},
|
|
245
|
-
{
|
|
246
|
-
"name": "hidden",
|
|
247
|
-
"description": "Specify if the Alert is hidden",
|
|
248
|
-
"values": []
|
|
249
|
-
},
|
|
250
|
-
{
|
|
251
|
-
"name": "hideIcon",
|
|
252
|
-
"description": "Specify if the icon displays on the Alert",
|
|
253
|
-
"values": []
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"name": "dismissible",
|
|
257
|
-
"description": "Specify if the Alert can be dismissed",
|
|
258
|
-
"values": []
|
|
259
|
-
},
|
|
260
|
-
{
|
|
261
|
-
"name": "disableAutoFocus",
|
|
262
|
-
"description": "Prevent autofocus on show",
|
|
263
|
-
"values": []
|
|
264
|
-
},
|
|
265
|
-
{
|
|
266
|
-
"name": "disableCloseOnEscape",
|
|
267
|
-
"description": "Prevent Escape from closing",
|
|
268
|
-
"values": []
|
|
269
|
-
}
|
|
270
|
-
],
|
|
271
|
-
"references": [
|
|
272
|
-
{
|
|
273
|
-
"name": "Storybook",
|
|
274
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
275
|
-
}
|
|
276
|
-
]
|
|
277
|
-
},
|
|
278
107
|
{
|
|
279
108
|
"name": "bm-badge-dot",
|
|
280
109
|
"description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
|
|
@@ -678,41 +507,212 @@
|
|
|
678
507
|
]
|
|
679
508
|
},
|
|
680
509
|
{
|
|
681
|
-
"name": "gap",
|
|
682
|
-
"description": "Specify gap between child elements",
|
|
683
|
-
"values": [
|
|
684
|
-
{ "name": "0" },
|
|
685
|
-
{ "name": "12" },
|
|
686
|
-
{ "name": "25" },
|
|
687
|
-
{ "name": "50" },
|
|
688
|
-
{ "name": "75" },
|
|
689
|
-
{ "name": "100" },
|
|
690
|
-
{ "name": "125" },
|
|
691
|
-
{ "name": "150" },
|
|
692
|
-
{ "name": "200" },
|
|
693
|
-
{ "name": "300" },
|
|
694
|
-
{ "name": "400" },
|
|
695
|
-
{ "name": "500" },
|
|
696
|
-
{ "name": "700" },
|
|
697
|
-
{ "name": "800" }
|
|
698
|
-
]
|
|
510
|
+
"name": "gap",
|
|
511
|
+
"description": "Specify gap between child elements",
|
|
512
|
+
"values": [
|
|
513
|
+
{ "name": "0" },
|
|
514
|
+
{ "name": "12" },
|
|
515
|
+
{ "name": "25" },
|
|
516
|
+
{ "name": "50" },
|
|
517
|
+
{ "name": "75" },
|
|
518
|
+
{ "name": "100" },
|
|
519
|
+
{ "name": "125" },
|
|
520
|
+
{ "name": "150" },
|
|
521
|
+
{ "name": "200" },
|
|
522
|
+
{ "name": "300" },
|
|
523
|
+
{ "name": "400" },
|
|
524
|
+
{ "name": "500" },
|
|
525
|
+
{ "name": "700" },
|
|
526
|
+
{ "name": "800" }
|
|
527
|
+
]
|
|
528
|
+
},
|
|
529
|
+
{
|
|
530
|
+
"name": "shadow",
|
|
531
|
+
"description": "Specify if a Box has a shadow",
|
|
532
|
+
"values": [
|
|
533
|
+
{ "name": "sm" },
|
|
534
|
+
{ "name": "md" },
|
|
535
|
+
{ "name": "lg" },
|
|
536
|
+
{ "name": "none" },
|
|
537
|
+
{ "name": "overlay" }
|
|
538
|
+
]
|
|
539
|
+
}
|
|
540
|
+
],
|
|
541
|
+
"references": [
|
|
542
|
+
{
|
|
543
|
+
"name": "Storybook",
|
|
544
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-box"
|
|
545
|
+
}
|
|
546
|
+
]
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"name": "bm-alert",
|
|
550
|
+
"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",
|
|
551
|
+
"attributes": [
|
|
552
|
+
{
|
|
553
|
+
"name": "heading",
|
|
554
|
+
"description": "Specify the heading text for Alert",
|
|
555
|
+
"values": []
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "body",
|
|
559
|
+
"description": "Specify the body text for Alert",
|
|
560
|
+
"values": []
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"name": "size",
|
|
564
|
+
"description": "Specify the size of the Alert",
|
|
565
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
566
|
+
},
|
|
567
|
+
{
|
|
568
|
+
"name": "fullWidth",
|
|
569
|
+
"description": "Specify if the Alert has no border radius",
|
|
570
|
+
"values": []
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"name": "theme",
|
|
574
|
+
"description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
|
|
575
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
576
|
+
},
|
|
577
|
+
{
|
|
578
|
+
"name": "appearance",
|
|
579
|
+
"description": "Specify the appearance of the Alert",
|
|
580
|
+
"values": [
|
|
581
|
+
{ "name": "infoPrimary" },
|
|
582
|
+
{ "name": "infoSecondary" },
|
|
583
|
+
{ "name": "positive" },
|
|
584
|
+
{ "name": "warning" },
|
|
585
|
+
{ "name": "negative" }
|
|
586
|
+
]
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"name": "hidden",
|
|
590
|
+
"description": "Specify if the Alert is hidden",
|
|
591
|
+
"values": []
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"name": "hideIcon",
|
|
595
|
+
"description": "Specify if the icon displays on the Alert",
|
|
596
|
+
"values": []
|
|
597
|
+
},
|
|
598
|
+
{
|
|
599
|
+
"name": "dismissible",
|
|
600
|
+
"description": "Specify if the Alert can be dismissed",
|
|
601
|
+
"values": []
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"name": "disableAutoFocus",
|
|
605
|
+
"description": "Prevent autofocus on show",
|
|
606
|
+
"values": []
|
|
607
|
+
},
|
|
608
|
+
{
|
|
609
|
+
"name": "disableCloseOnEscape",
|
|
610
|
+
"description": "Prevent Escape from closing",
|
|
611
|
+
"values": []
|
|
612
|
+
}
|
|
613
|
+
],
|
|
614
|
+
"references": [
|
|
615
|
+
{
|
|
616
|
+
"name": "Storybook",
|
|
617
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
|
|
618
|
+
}
|
|
619
|
+
]
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"name": "bm-avatar",
|
|
623
|
+
"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",
|
|
624
|
+
"attributes": [
|
|
625
|
+
{
|
|
626
|
+
"name": "appearance",
|
|
627
|
+
"description": "Specify the appearance of the Avatar",
|
|
628
|
+
"values": [{ "name": "accent" }, { "name": "neutral" }]
|
|
629
|
+
},
|
|
630
|
+
{
|
|
631
|
+
"name": "name",
|
|
632
|
+
"description": "Specify a name to display initials in the Avatar",
|
|
633
|
+
"values": []
|
|
634
|
+
},
|
|
635
|
+
{
|
|
636
|
+
"name": "src",
|
|
637
|
+
"description": "Pass an image to the Avatar",
|
|
638
|
+
"values": []
|
|
639
|
+
},
|
|
640
|
+
{ "name": "alt", "description": "Specify alt for image", "values": [] },
|
|
641
|
+
{
|
|
642
|
+
"name": "size",
|
|
643
|
+
"description": "Specify the size of the Avatar",
|
|
644
|
+
"values": [
|
|
645
|
+
{ "name": "xs" },
|
|
646
|
+
{ "name": "sm" },
|
|
647
|
+
{ "name": "md" },
|
|
648
|
+
{ "name": "lg" },
|
|
649
|
+
{ "name": "xl" }
|
|
650
|
+
]
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"name": "disabled",
|
|
654
|
+
"description": "Specify if the Avatar is disabled",
|
|
655
|
+
"values": []
|
|
656
|
+
},
|
|
657
|
+
{
|
|
658
|
+
"name": "shape",
|
|
659
|
+
"description": "Specify the shape of the Avatar",
|
|
660
|
+
"values": [{ "name": "circle" }, { "name": "square" }]
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"name": "isInteractive",
|
|
664
|
+
"description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
|
|
665
|
+
"values": []
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "isFocusable",
|
|
669
|
+
"description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
|
|
670
|
+
"values": []
|
|
671
|
+
},
|
|
672
|
+
{ "name": "withBorder", "values": [] }
|
|
673
|
+
],
|
|
674
|
+
"references": [
|
|
675
|
+
{
|
|
676
|
+
"name": "Storybook",
|
|
677
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
678
|
+
}
|
|
679
|
+
]
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"name": "bm-avatar-group",
|
|
683
|
+
"description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping** - Specify if the AvatarGroup wraps\n- **maxCount** - Specify the max number of avatars displayed in the group.\n- **size** - Specify the size of all Avatars\n- **layout** - Specify the kind of the group.\n---\n\n\n### **Slots:**\n - **default** - Add Avatars to create a group",
|
|
684
|
+
"attributes": [
|
|
685
|
+
{
|
|
686
|
+
"name": "wrapping",
|
|
687
|
+
"description": "Specify if the AvatarGroup wraps",
|
|
688
|
+
"values": []
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"name": "maxCount",
|
|
692
|
+
"description": "Specify the max number of avatars displayed in the group.",
|
|
693
|
+
"values": []
|
|
699
694
|
},
|
|
700
695
|
{
|
|
701
|
-
"name": "
|
|
702
|
-
"description": "Specify
|
|
696
|
+
"name": "size",
|
|
697
|
+
"description": "Specify the size of all Avatars",
|
|
703
698
|
"values": [
|
|
699
|
+
{ "name": "xs" },
|
|
704
700
|
{ "name": "sm" },
|
|
705
701
|
{ "name": "md" },
|
|
706
702
|
{ "name": "lg" },
|
|
707
|
-
{ "name": "
|
|
708
|
-
{ "name": "overlay" }
|
|
703
|
+
{ "name": "xl" }
|
|
709
704
|
]
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "layout",
|
|
708
|
+
"description": "Specify the kind of the group.",
|
|
709
|
+
"values": [{ "name": "stacked" }, { "name": "spaced" }]
|
|
710
710
|
}
|
|
711
711
|
],
|
|
712
712
|
"references": [
|
|
713
713
|
{
|
|
714
714
|
"name": "Storybook",
|
|
715
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-
|
|
715
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
|
|
716
716
|
}
|
|
717
717
|
]
|
|
718
718
|
},
|
|
@@ -1626,6 +1626,86 @@
|
|
|
1626
1626
|
}
|
|
1627
1627
|
]
|
|
1628
1628
|
},
|
|
1629
|
+
{
|
|
1630
|
+
"name": "bm-text-field",
|
|
1631
|
+
"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",
|
|
1632
|
+
"attributes": [
|
|
1633
|
+
{
|
|
1634
|
+
"name": "placeholder",
|
|
1635
|
+
"description": "Specify placeholder text for TextField",
|
|
1636
|
+
"values": []
|
|
1637
|
+
},
|
|
1638
|
+
{
|
|
1639
|
+
"name": "required",
|
|
1640
|
+
"description": "Specify if TextField is a required input",
|
|
1641
|
+
"values": []
|
|
1642
|
+
},
|
|
1643
|
+
{
|
|
1644
|
+
"name": "hideRequiredMarker",
|
|
1645
|
+
"description": "Specify if the TextField displays with an asterisk",
|
|
1646
|
+
"values": []
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"name": "error",
|
|
1650
|
+
"description": "Specify error text and display error state of a TextField",
|
|
1651
|
+
"values": []
|
|
1652
|
+
},
|
|
1653
|
+
{
|
|
1654
|
+
"name": "readOnly",
|
|
1655
|
+
"description": "Specify if TextField displays in a read-only state",
|
|
1656
|
+
"values": []
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"name": "disabled",
|
|
1660
|
+
"description": "Specify if TextField displays in a disabled state",
|
|
1661
|
+
"values": []
|
|
1662
|
+
},
|
|
1663
|
+
{
|
|
1664
|
+
"name": "fluid",
|
|
1665
|
+
"description": "Specify if TextField is fluid",
|
|
1666
|
+
"values": []
|
|
1667
|
+
},
|
|
1668
|
+
{
|
|
1669
|
+
"name": "width",
|
|
1670
|
+
"description": "Specify the width of TextField",
|
|
1671
|
+
"values": []
|
|
1672
|
+
},
|
|
1673
|
+
{
|
|
1674
|
+
"name": "ellipse",
|
|
1675
|
+
"description": "Specify if overflow displays ellipsis",
|
|
1676
|
+
"values": []
|
|
1677
|
+
},
|
|
1678
|
+
{
|
|
1679
|
+
"name": "theme",
|
|
1680
|
+
"description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
|
|
1681
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1682
|
+
},
|
|
1683
|
+
{
|
|
1684
|
+
"name": "type",
|
|
1685
|
+
"description": "Specify the input type (e.g. text, email, password, number, tel, url)",
|
|
1686
|
+
"values": []
|
|
1687
|
+
},
|
|
1688
|
+
{
|
|
1689
|
+
"name": "inputMode",
|
|
1690
|
+
"description": "Specify the virtual keyboard type for mobile browsers (e.g. numeric, tel, url)",
|
|
1691
|
+
"values": []
|
|
1692
|
+
},
|
|
1693
|
+
{ "name": "id", "values": [] },
|
|
1694
|
+
{ "name": "name", "values": [] },
|
|
1695
|
+
{ "name": "value", "values": [] },
|
|
1696
|
+
{
|
|
1697
|
+
"name": "validationRules",
|
|
1698
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
1699
|
+
},
|
|
1700
|
+
{ "name": "input-aria-label", "values": [] }
|
|
1701
|
+
],
|
|
1702
|
+
"references": [
|
|
1703
|
+
{
|
|
1704
|
+
"name": "Storybook",
|
|
1705
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textfield"
|
|
1706
|
+
}
|
|
1707
|
+
]
|
|
1708
|
+
},
|
|
1629
1709
|
{
|
|
1630
1710
|
"name": "bm-tooltip",
|
|
1631
1711
|
"description": "`bm-tooltip`\n\n### Attributes:\n- **theme** - Specify the theme of Tooltip. By default it inherits the theme from the parent\n- **open** - Control the visibility of Tooltip\n- **hideArrow** - Whether the arrow is visible\n- **placement** - Specify the placement of Tooltip relative to the anchor\n- **autoPlacement** - Specify if Tooltip should automatically choose the placement that has the most space.\n<a href=\"https://floating-ui.com/docs/autoplacement#options\" target=\"_blank\" rel=\"noopener noreferrer\">AutoPlacementOptions</a>\n- **flip** - Specify if Tooltip should flip to the opposite side if there is not enough space.\nCannot be used with `autoPlacement`.\n<a href=\"https://floating-ui.com/docs/flip#options\" target=\"_blank\" rel=\"noopener noreferrer\">FlipOptions</a>\n- **shift** - Specify if Tooltip should shift to keep itself in view.\n<a href=\"https://floating-ui.com/docs/shift#options\" target=\"_blank\" rel=\"noopener noreferrer\">ShiftOptions</a>\n- **autoHiding** - Specify if Tooltip should hide when the anchor is not in view.\n<a href=\"https://floating-ui.com/docs/hide#options\" target=\"_blank\" rel=\"noopener noreferrer\">HideOptions</a>\n- **middleware** - Pass an array to override the floating-ui middleware\nor a function to modify the Beam-default middleware array.\n<a href=\"https://floating-ui.com/docs/middleware\" target=\"_blank\" rel=\"noopener noreferrer\">Middleware</a>\n- **defaultOpen** - Control the default visibility of Tooltip\n- **showDelay** - Specify the delay in milliseconds before Tooltip appears\nwhen the anchor is hovered\n- **popoverAPI** - Enable the Popover API internally on supported browsers\n- **disableAutoAria** - Disable aria-describedby and id attributes on the floating and anchor content\n- **autoDescribedById** - Override the auto-generated id attached to the trigger for aria-describedby\n- **disabled** - Prevent Tooltip from appearing\n- **triggerSize** - Specify the size of the Tooltip trigger. `none` to leave uncontrolled.\n---\n\n\n### **Events:**\n - **bm-toggle** - Dispatched when the Tooltip is toggled\n\n### **Slots:**\n - **text** - The content of Tooltip\n- **trigger** - The element that triggers Tooltip",
|
|
@@ -2241,96 +2321,6 @@
|
|
|
2241
2321
|
}
|
|
2242
2322
|
]
|
|
2243
2323
|
},
|
|
2244
|
-
{
|
|
2245
|
-
"name": "bm-text-area",
|
|
2246
|
-
"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",
|
|
2247
|
-
"attributes": [
|
|
2248
|
-
{
|
|
2249
|
-
"name": "rows",
|
|
2250
|
-
"description": "Specify the height of TextArea",
|
|
2251
|
-
"values": []
|
|
2252
|
-
},
|
|
2253
|
-
{
|
|
2254
|
-
"name": "cols",
|
|
2255
|
-
"description": "Specify the width of TextArea",
|
|
2256
|
-
"values": []
|
|
2257
|
-
},
|
|
2258
|
-
{
|
|
2259
|
-
"name": "placeholder",
|
|
2260
|
-
"description": "Specify placeholder text for TextArea",
|
|
2261
|
-
"values": []
|
|
2262
|
-
},
|
|
2263
|
-
{
|
|
2264
|
-
"name": "required",
|
|
2265
|
-
"description": "Specify if TextArea is a required input",
|
|
2266
|
-
"values": []
|
|
2267
|
-
},
|
|
2268
|
-
{
|
|
2269
|
-
"name": "hideRequiredMarker",
|
|
2270
|
-
"description": "Specify if the TextArea displays with an asterisk",
|
|
2271
|
-
"values": []
|
|
2272
|
-
},
|
|
2273
|
-
{
|
|
2274
|
-
"name": "error",
|
|
2275
|
-
"description": "Specify error text and display error state of a TextArea",
|
|
2276
|
-
"values": []
|
|
2277
|
-
},
|
|
2278
|
-
{
|
|
2279
|
-
"name": "readOnly",
|
|
2280
|
-
"description": "Specify if TextArea displays in a read-only state",
|
|
2281
|
-
"values": []
|
|
2282
|
-
},
|
|
2283
|
-
{
|
|
2284
|
-
"name": "disabled",
|
|
2285
|
-
"description": "Specify if TextArea displays in a disabled state",
|
|
2286
|
-
"values": []
|
|
2287
|
-
},
|
|
2288
|
-
{
|
|
2289
|
-
"name": "fluid",
|
|
2290
|
-
"description": "Specify if TextArea is fluid",
|
|
2291
|
-
"values": []
|
|
2292
|
-
},
|
|
2293
|
-
{
|
|
2294
|
-
"name": "width",
|
|
2295
|
-
"description": "Specify the width of TextArea",
|
|
2296
|
-
"values": []
|
|
2297
|
-
},
|
|
2298
|
-
{
|
|
2299
|
-
"name": "hideResize",
|
|
2300
|
-
"description": "Specify if TextArea can be manually resized",
|
|
2301
|
-
"values": []
|
|
2302
|
-
},
|
|
2303
|
-
{
|
|
2304
|
-
"name": "maxCount",
|
|
2305
|
-
"description": "Specify the maximum character count for the TextArea",
|
|
2306
|
-
"values": []
|
|
2307
|
-
},
|
|
2308
|
-
{
|
|
2309
|
-
"name": "autoResize",
|
|
2310
|
-
"description": "Specify if the TextArea automatically resizes to fit the text",
|
|
2311
|
-
"values": []
|
|
2312
|
-
},
|
|
2313
|
-
{
|
|
2314
|
-
"name": "theme",
|
|
2315
|
-
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
2316
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2317
|
-
},
|
|
2318
|
-
{ "name": "id", "values": [] },
|
|
2319
|
-
{ "name": "name", "values": [] },
|
|
2320
|
-
{ "name": "value", "values": [] },
|
|
2321
|
-
{
|
|
2322
|
-
"name": "validationRules",
|
|
2323
|
-
"values": [{ "name": "Array<FormValidator>" }]
|
|
2324
|
-
},
|
|
2325
|
-
{ "name": "input-aria-label", "values": [] }
|
|
2326
|
-
],
|
|
2327
|
-
"references": [
|
|
2328
|
-
{
|
|
2329
|
-
"name": "Storybook",
|
|
2330
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
|
|
2331
|
-
}
|
|
2332
|
-
]
|
|
2333
|
-
},
|
|
2334
2324
|
{
|
|
2335
2325
|
"name": "bm-radio-button",
|
|
2336
2326
|
"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",
|
|
@@ -2427,61 +2417,79 @@
|
|
|
2427
2417
|
]
|
|
2428
2418
|
},
|
|
2429
2419
|
{
|
|
2430
|
-
"name": "bm-text-
|
|
2431
|
-
"description": "`bm-text-
|
|
2420
|
+
"name": "bm-text-area",
|
|
2421
|
+
"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",
|
|
2432
2422
|
"attributes": [
|
|
2423
|
+
{
|
|
2424
|
+
"name": "rows",
|
|
2425
|
+
"description": "Specify the height of TextArea",
|
|
2426
|
+
"values": []
|
|
2427
|
+
},
|
|
2428
|
+
{
|
|
2429
|
+
"name": "cols",
|
|
2430
|
+
"description": "Specify the width of TextArea",
|
|
2431
|
+
"values": []
|
|
2432
|
+
},
|
|
2433
2433
|
{
|
|
2434
2434
|
"name": "placeholder",
|
|
2435
|
-
"description": "Specify placeholder text for
|
|
2435
|
+
"description": "Specify placeholder text for TextArea",
|
|
2436
2436
|
"values": []
|
|
2437
2437
|
},
|
|
2438
2438
|
{
|
|
2439
2439
|
"name": "required",
|
|
2440
|
-
"description": "Specify if
|
|
2440
|
+
"description": "Specify if TextArea is a required input",
|
|
2441
2441
|
"values": []
|
|
2442
2442
|
},
|
|
2443
2443
|
{
|
|
2444
2444
|
"name": "hideRequiredMarker",
|
|
2445
|
-
"description": "Specify if the
|
|
2445
|
+
"description": "Specify if the TextArea displays with an asterisk",
|
|
2446
2446
|
"values": []
|
|
2447
2447
|
},
|
|
2448
2448
|
{
|
|
2449
2449
|
"name": "error",
|
|
2450
|
-
"description": "Specify error text and display error state of a
|
|
2450
|
+
"description": "Specify error text and display error state of a TextArea",
|
|
2451
2451
|
"values": []
|
|
2452
2452
|
},
|
|
2453
2453
|
{
|
|
2454
2454
|
"name": "readOnly",
|
|
2455
|
-
"description": "Specify if
|
|
2455
|
+
"description": "Specify if TextArea displays in a read-only state",
|
|
2456
2456
|
"values": []
|
|
2457
2457
|
},
|
|
2458
2458
|
{
|
|
2459
2459
|
"name": "disabled",
|
|
2460
|
-
"description": "Specify if
|
|
2460
|
+
"description": "Specify if TextArea displays in a disabled state",
|
|
2461
2461
|
"values": []
|
|
2462
2462
|
},
|
|
2463
2463
|
{
|
|
2464
2464
|
"name": "fluid",
|
|
2465
|
-
"description": "Specify if
|
|
2465
|
+
"description": "Specify if TextArea is fluid",
|
|
2466
2466
|
"values": []
|
|
2467
2467
|
},
|
|
2468
2468
|
{
|
|
2469
2469
|
"name": "width",
|
|
2470
|
-
"description": "Specify the width of
|
|
2470
|
+
"description": "Specify the width of TextArea",
|
|
2471
2471
|
"values": []
|
|
2472
2472
|
},
|
|
2473
2473
|
{
|
|
2474
|
-
"name": "
|
|
2475
|
-
"description": "Specify if
|
|
2474
|
+
"name": "hideResize",
|
|
2475
|
+
"description": "Specify if TextArea can be manually resized",
|
|
2476
|
+
"values": []
|
|
2477
|
+
},
|
|
2478
|
+
{
|
|
2479
|
+
"name": "maxCount",
|
|
2480
|
+
"description": "Specify the maximum character count for the TextArea",
|
|
2481
|
+
"values": []
|
|
2482
|
+
},
|
|
2483
|
+
{
|
|
2484
|
+
"name": "autoResize",
|
|
2485
|
+
"description": "Specify if the TextArea automatically resizes to fit the text",
|
|
2476
2486
|
"values": []
|
|
2477
2487
|
},
|
|
2478
2488
|
{
|
|
2479
2489
|
"name": "theme",
|
|
2480
|
-
"description": "Specify the theme of the
|
|
2490
|
+
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
2481
2491
|
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2482
2492
|
},
|
|
2483
|
-
{ "name": "type", "values": [] },
|
|
2484
|
-
{ "name": "inputMode", "values": [] },
|
|
2485
2493
|
{ "name": "id", "values": [] },
|
|
2486
2494
|
{ "name": "name", "values": [] },
|
|
2487
2495
|
{ "name": "value", "values": [] },
|
|
@@ -2494,7 +2502,7 @@
|
|
|
2494
2502
|
"references": [
|
|
2495
2503
|
{
|
|
2496
2504
|
"name": "Storybook",
|
|
2497
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2505
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
|
|
2498
2506
|
}
|
|
2499
2507
|
]
|
|
2500
2508
|
},
|