@viasat/beam-web-components 2.14.0 → 2.16.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.
@@ -62,118 +62,100 @@
62
62
  ]
63
63
  },
64
64
  {
65
- "name": "bm-alert",
66
- "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
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
67
  "attributes": [
68
68
  {
69
- "name": "heading",
70
- "description": "Specify the heading text for Alert",
71
- "values": []
69
+ "name": "appearance",
70
+ "description": "Specify the appearance of the Avatar",
71
+ "values": [{ "name": "accent" }, { "name": "neutral" }]
72
72
  },
73
73
  {
74
- "name": "body",
75
- "description": "Specify the body text for Alert",
74
+ "name": "name",
75
+ "description": "Specify a name to display initials in the Avatar",
76
76
  "values": []
77
77
  },
78
78
  {
79
- "name": "size",
80
- "description": "Specify the size of the Alert",
81
- "values": [{ "name": "sm" }, { "name": "md" }]
82
- },
83
- {
84
- "name": "fullWidth",
85
- "description": "Specify if the Alert has no border radius",
79
+ "name": "src",
80
+ "description": "Pass an image to the Avatar",
86
81
  "values": []
87
82
  },
83
+ { "name": "alt", "description": "Specify alt for image", "values": [] },
88
84
  {
89
- "name": "theme",
90
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
91
- "values": [{ "name": "light" }, { "name": "dark" }]
92
- },
93
- {
94
- "name": "appearance",
95
- "description": "Specify the appearance of the Alert",
85
+ "name": "size",
86
+ "description": "Specify the size of the Avatar",
96
87
  "values": [
97
- { "name": "infoPrimary" },
98
- { "name": "infoSecondary" },
99
- { "name": "positive" },
100
- { "name": "warning" },
101
- { "name": "negative" }
88
+ { "name": "xs" },
89
+ { "name": "sm" },
90
+ { "name": "md" },
91
+ { "name": "lg" },
92
+ { "name": "xl" }
102
93
  ]
103
94
  },
104
95
  {
105
- "name": "hidden",
106
- "description": "Specify if the Alert is hidden",
96
+ "name": "disabled",
97
+ "description": "Specify if the Avatar is disabled",
107
98
  "values": []
108
99
  },
109
100
  {
110
- "name": "hideIcon",
111
- "description": "Specify if the icon displays on the Alert",
112
- "values": []
101
+ "name": "shape",
102
+ "description": "Specify the shape of the Avatar",
103
+ "values": [{ "name": "circle" }, { "name": "square" }]
113
104
  },
114
105
  {
115
- "name": "dismissible",
116
- "description": "Specify if the Alert can be dismissed",
106
+ "name": "isInteractive",
107
+ "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
117
108
  "values": []
118
109
  },
119
110
  {
120
- "name": "disableAutoFocus",
121
- "description": "Prevent autofocus on show",
111
+ "name": "isFocusable",
112
+ "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
122
113
  "values": []
123
114
  },
124
- {
125
- "name": "disableCloseOnEscape",
126
- "description": "Prevent Escape from closing",
127
- "values": []
128
- }
115
+ { "name": "withBorder", "values": [] }
129
116
  ],
130
117
  "references": [
131
118
  {
132
119
  "name": "Storybook",
133
- "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
120
+ "url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
134
121
  }
135
122
  ]
136
123
  },
137
124
  {
138
- "name": "bm-badge",
139
- "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",
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",
140
127
  "attributes": [
141
128
  {
142
- "name": "appearance",
143
- "description": "Specify the appearance of the Badge",
144
- "values": [
145
- { "name": "infoPrimary" },
146
- { "name": "infoSecondary" },
147
- { "name": "positive" },
148
- { "name": "warning" },
149
- { "name": "negative" }
150
- ]
129
+ "name": "wrapping",
130
+ "description": "Specify if the AvatarGroup wraps",
131
+ "values": []
151
132
  },
152
133
  {
153
- "name": "theme",
154
- "description": "Theme of the Badge",
155
- "values": [{ "name": "light" }, { "name": "dark" }]
134
+ "name": "maxCount",
135
+ "description": "Specify the max number of avatars displayed in the group.",
136
+ "values": []
156
137
  },
157
138
  {
158
139
  "name": "size",
159
- "description": "Specify the size of the Badge",
160
- "values": [{ "name": "sm" }, { "name": "md" }]
161
- },
162
- {
163
- "name": "emphasis",
164
- "description": "Specify the emphasis of the Badge",
140
+ "description": "Specify the size of all Avatars",
165
141
  "values": [
166
- { "name": "strong" },
167
- { "name": "medium" },
168
- { "name": "subtle" }
142
+ { "name": "xs" },
143
+ { "name": "sm" },
144
+ { "name": "md" },
145
+ { "name": "lg" },
146
+ { "name": "xl" }
169
147
  ]
170
148
  },
171
- { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
149
+ {
150
+ "name": "layout",
151
+ "description": "Specify the kind of the group.",
152
+ "values": [{ "name": "stacked" }, { "name": "spaced" }]
153
+ }
172
154
  ],
173
155
  "references": [
174
156
  {
175
157
  "name": "Storybook",
176
- "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
158
+ "url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
177
159
  }
178
160
  ]
179
161
  },
@@ -190,21 +172,17 @@
190
172
  "name": "appearance",
191
173
  "description": "Specify the appearance of the BadgeDot",
192
174
  "values": [
193
- { "name": "primary" },
194
- { "name": "secondary" },
195
175
  { "name": "infoPrimary" },
196
176
  { "name": "infoSecondary" },
197
177
  { "name": "positive" },
198
178
  { "name": "warning" },
199
- { "name": "negative" },
200
- { "name": "inverse" },
201
- { "name": "secondaryInverse" }
179
+ { "name": "negative" }
202
180
  ]
203
181
  },
204
182
  {
205
183
  "name": "emphasis",
206
184
  "description": "Specify the emphasis of the BadgeDot",
207
- "values": [{ "name": "Emphasis" }]
185
+ "values": [{ "name": "strong" }, { "name": "subtle" }]
208
186
  },
209
187
  {
210
188
  "name": "overrideDotColor",
@@ -219,6 +197,49 @@
219
197
  }
220
198
  ]
221
199
  },
200
+ {
201
+ "name": "bm-badge",
202
+ "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",
203
+ "attributes": [
204
+ {
205
+ "name": "appearance",
206
+ "description": "Specify the appearance of the Badge",
207
+ "values": [
208
+ { "name": "infoPrimary" },
209
+ { "name": "infoSecondary" },
210
+ { "name": "positive" },
211
+ { "name": "warning" },
212
+ { "name": "negative" }
213
+ ]
214
+ },
215
+ {
216
+ "name": "theme",
217
+ "description": "Theme of the Badge",
218
+ "values": [{ "name": "light" }, { "name": "dark" }]
219
+ },
220
+ {
221
+ "name": "size",
222
+ "description": "Specify the size of the Badge",
223
+ "values": [{ "name": "sm" }, { "name": "md" }]
224
+ },
225
+ {
226
+ "name": "emphasis",
227
+ "description": "Specify the emphasis of the Badge",
228
+ "values": [
229
+ { "name": "strong" },
230
+ { "name": "medium" },
231
+ { "name": "subtle" }
232
+ ]
233
+ },
234
+ { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
235
+ ],
236
+ "references": [
237
+ {
238
+ "name": "Storybook",
239
+ "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
240
+ }
241
+ ]
242
+ },
222
243
  {
223
244
  "name": "bm-box",
224
245
  "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor** - Specify the background color of a Box\n- **borderColor** - Specify the border color of a Box\n- **borderWidth** - Specify the border width of a Box\n- **borderRadius** - Specify the border radius of a Box\n- **px** - Specify before and after padding of a Box\n- **py** - Specify top and bottom padding of a Box\n- **pTop** - Specify top padding of a Box\n- **pBottom** - Specify bottom padding of a Box\n- **pBefore** - Specify before padding of a Box\n- **pAfter** - Specify after padding of a Box\n- **mx** - Specify before and after margin of a Box\n- **my** - Specify top and bottom margin of a Box\n- **mTop** - Specify top margin of a Box\n- **mBottom** - Specify bottom margin of a Box\n- **mBefore** - Specify before margin of a Box\n- **mAfter** - Specify after margin of a Box\n- **m** - Specify all margin\n- **p** - Specify all padding\n- **gap** - Specify gap between child elements\n- **shadow** - Specify if a Box has a shadow\n---\n\n\n### **Slots:**\n - **default** - Provide content for the Box",
@@ -231,6 +252,8 @@
231
252
  { "name": "warning" },
232
253
  { "name": "negative" },
233
254
  { "name": "inverse" },
255
+ { "name": "selected" },
256
+ { "name": "expressive" },
234
257
  { "name": "00" },
235
258
  { "name": "00-alt" },
236
259
  { "name": "01" },
@@ -243,11 +266,9 @@
243
266
  { "name": "negative-strong" },
244
267
  { "name": "info-primary-strong" },
245
268
  { "name": "info-secondary-strong" },
246
- { "name": "selected" },
247
269
  { "name": "selected-subtle" },
248
270
  { "name": "highlight" },
249
271
  { "name": "transparent" },
250
- { "name": "expressive" },
251
272
  { "name": "expressive-stronger" },
252
273
  { "name": "expressive-inverse" }
253
274
  ]
@@ -260,6 +281,8 @@
260
281
  { "name": "warning" },
261
282
  { "name": "negative" },
262
283
  { "name": "inverse" },
284
+ { "name": "selected" },
285
+ { "name": "expressive" },
263
286
  { "name": "strong" },
264
287
  { "name": "00" },
265
288
  { "name": "00-alt" },
@@ -273,9 +296,7 @@
273
296
  { "name": "negative-strong" },
274
297
  { "name": "info-primary-strong" },
275
298
  { "name": "info-secondary-strong" },
276
- { "name": "selected" },
277
299
  { "name": "transparent" },
278
- { "name": "expressive" },
279
300
  { "name": "expressive-stronger" },
280
301
  { "name": "focus" }
281
302
  ]
@@ -623,100 +644,75 @@
623
644
  ]
624
645
  },
625
646
  {
626
- "name": "bm-avatar",
627
- "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",
647
+ "name": "bm-alert",
648
+ "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",
628
649
  "attributes": [
629
650
  {
630
- "name": "appearance",
631
- "description": "Specify the appearance of the Avatar",
632
- "values": [{ "name": "accent" }, { "name": "neutral" }]
633
- },
634
- {
635
- "name": "name",
636
- "description": "Specify a name to display initials in the Avatar",
651
+ "name": "heading",
652
+ "description": "Specify the heading text for Alert",
637
653
  "values": []
638
654
  },
639
655
  {
640
- "name": "src",
641
- "description": "Pass an image to the Avatar",
656
+ "name": "body",
657
+ "description": "Specify the body text for Alert",
642
658
  "values": []
643
659
  },
644
- { "name": "alt", "description": "Specify alt for image", "values": [] },
645
660
  {
646
661
  "name": "size",
647
- "description": "Specify the size of the Avatar",
648
- "values": [
649
- { "name": "xs" },
650
- { "name": "sm" },
651
- { "name": "md" },
652
- { "name": "lg" },
653
- { "name": "xl" }
654
- ]
662
+ "description": "Specify the size of the Alert",
663
+ "values": [{ "name": "sm" }, { "name": "md" }]
655
664
  },
656
665
  {
657
- "name": "disabled",
658
- "description": "Specify if the Avatar is disabled",
666
+ "name": "fullWidth",
667
+ "description": "Specify if the Alert has no border radius",
659
668
  "values": []
660
669
  },
661
670
  {
662
- "name": "shape",
663
- "description": "Specify the shape of the Avatar",
664
- "values": [{ "name": "circle" }, { "name": "square" }]
671
+ "name": "theme",
672
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
673
+ "values": [{ "name": "light" }, { "name": "dark" }]
665
674
  },
666
675
  {
667
- "name": "isInteractive",
668
- "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
669
- "values": []
676
+ "name": "appearance",
677
+ "description": "Specify the appearance of the Alert",
678
+ "values": [
679
+ { "name": "infoPrimary" },
680
+ { "name": "infoSecondary" },
681
+ { "name": "positive" },
682
+ { "name": "warning" },
683
+ { "name": "negative" }
684
+ ]
670
685
  },
671
686
  {
672
- "name": "isFocusable",
673
- "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
687
+ "name": "hidden",
688
+ "description": "Specify if the Alert is hidden",
674
689
  "values": []
675
690
  },
676
- { "name": "withBorder", "values": [] }
677
- ],
678
- "references": [
679
- {
680
- "name": "Storybook",
681
- "url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
682
- }
683
- ]
684
- },
685
- {
686
- "name": "bm-avatar-group",
687
- "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",
688
- "attributes": [
689
691
  {
690
- "name": "wrapping",
691
- "description": "Specify if the AvatarGroup wraps",
692
+ "name": "hideIcon",
693
+ "description": "Specify if the icon displays on the Alert",
692
694
  "values": []
693
695
  },
694
696
  {
695
- "name": "maxCount",
696
- "description": "Specify the max number of avatars displayed in the group.",
697
+ "name": "dismissible",
698
+ "description": "Specify if the Alert can be dismissed",
697
699
  "values": []
698
700
  },
699
701
  {
700
- "name": "size",
701
- "description": "Specify the size of all Avatars",
702
- "values": [
703
- { "name": "xs" },
704
- { "name": "sm" },
705
- { "name": "md" },
706
- { "name": "lg" },
707
- { "name": "xl" }
708
- ]
702
+ "name": "disableAutoFocus",
703
+ "description": "Prevent autofocus on show",
704
+ "values": []
709
705
  },
710
706
  {
711
- "name": "layout",
712
- "description": "Specify the kind of the group.",
713
- "values": [{ "name": "stacked" }, { "name": "spaced" }]
707
+ "name": "disableCloseOnEscape",
708
+ "description": "Prevent Escape from closing",
709
+ "values": []
714
710
  }
715
711
  ],
716
712
  "references": [
717
713
  {
718
714
  "name": "Storybook",
719
- "url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
715
+ "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
720
716
  }
721
717
  ]
722
718
  },
@@ -791,8 +787,8 @@
791
787
  "values": [
792
788
  { "name": "accent" },
793
789
  { "name": "neutral" },
794
- { "name": "destructive" },
795
- { "name": "neutral-subtle" }
790
+ { "name": "neutral-subtle" },
791
+ { "name": "destructive" }
796
792
  ]
797
793
  },
798
794
  {
@@ -936,7 +932,22 @@
936
932
  {
937
933
  "name": "inset",
938
934
  "description": "Add equal padding to each side of the Divider",
939
- "values": [{ "name": "DividerSpacing" }]
935
+ "values": [
936
+ { "name": "0" },
937
+ { "name": "12" },
938
+ { "name": "25" },
939
+ { "name": "50" },
940
+ { "name": "75" },
941
+ { "name": "100" },
942
+ { "name": "125" },
943
+ { "name": "150" },
944
+ { "name": "200" },
945
+ { "name": "300" },
946
+ { "name": "400" },
947
+ { "name": "500" },
948
+ { "name": "700" },
949
+ { "name": "800" }
950
+ ]
940
951
  }
941
952
  ],
942
953
  "references": [
@@ -1010,12 +1021,12 @@
1010
1021
  {
1011
1022
  "name": "text",
1012
1023
  "description": "Add or customize content in the HelperText",
1013
- "values": [{ "name": "Optional<string>" }]
1024
+ "values": []
1014
1025
  },
1015
1026
  {
1016
1027
  "name": "theme",
1017
1028
  "description": "Specify the theme of the HelperText. By default it inherits the theme from the parent",
1018
- "values": [{ "name": "Optional<ThemeTypes>" }]
1029
+ "values": [{ "name": "light" }, { "name": "dark" }]
1019
1030
  }
1020
1031
  ],
1021
1032
  "references": [
@@ -1138,10 +1149,7 @@
1138
1149
  "name": "validationRules",
1139
1150
  "values": [{ "name": "Array<FormValidator>" }]
1140
1151
  },
1141
- {
1142
- "name": "input-aria-label",
1143
- "values": [{ "name": "Optional<string>" }]
1144
- }
1152
+ { "name": "input-aria-label", "values": [] }
1145
1153
  ],
1146
1154
  "references": [
1147
1155
  {
@@ -1263,9 +1271,9 @@
1263
1271
  "name": "state",
1264
1272
  "description": "Specify the ProgressBar state",
1265
1273
  "values": [
1266
- { "name": "success" },
1274
+ { "name": "active" },
1267
1275
  { "name": "error" },
1268
- { "name": "active" }
1276
+ { "name": "success" }
1269
1277
  ]
1270
1278
  },
1271
1279
  {
@@ -1323,7 +1331,7 @@
1323
1331
  {
1324
1332
  "name": "size",
1325
1333
  "description": "Specify the size of a SegmentedControl",
1326
- "values": []
1334
+ "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
1327
1335
  },
1328
1336
  {
1329
1337
  "name": "initialSelection",
@@ -1411,7 +1419,7 @@
1411
1419
  {
1412
1420
  "name": "value",
1413
1421
  "description": "Specify if a spinner is determinate by setting a value",
1414
- "values": [{ "name": "SpinnerValues" }]
1422
+ "values": []
1415
1423
  },
1416
1424
  {
1417
1425
  "name": "showPercentage",
@@ -1511,9 +1519,9 @@
1511
1519
  { "name": "negative" },
1512
1520
  { "name": "secondaryInverse" },
1513
1521
  { "name": "selected" },
1514
- { "name": "expressive" },
1515
1522
  { "name": "disabled" },
1516
1523
  { "name": "primaryInverse" },
1524
+ { "name": "expressive" },
1517
1525
  { "name": "expressiveStronger" },
1518
1526
  { "name": "expressiveInverse" },
1519
1527
  { "name": "expressiveInverseStronger" }
@@ -1598,7 +1606,20 @@
1598
1606
  {
1599
1607
  "name": "placement",
1600
1608
  "description": "Specify the placement of Tooltip relative to the anchor",
1601
- "values": [{ "name": "Placement" }]
1609
+ "values": [
1610
+ { "name": "top" },
1611
+ { "name": "right" },
1612
+ { "name": "bottom" },
1613
+ { "name": "left" },
1614
+ { "name": "top-start" },
1615
+ { "name": "top-end" },
1616
+ { "name": "right-start" },
1617
+ { "name": "right-end" },
1618
+ { "name": "bottom-start" },
1619
+ { "name": "bottom-end" },
1620
+ { "name": "left-start" },
1621
+ { "name": "left-end" }
1622
+ ]
1602
1623
  },
1603
1624
  {
1604
1625
  "name": "autoPlacement",
@@ -1786,8 +1807,8 @@
1786
1807
  "values": [
1787
1808
  { "name": "accent" },
1788
1809
  { "name": "neutral" },
1789
- { "name": "destructive" },
1790
- { "name": "neutral-subtle" }
1810
+ { "name": "neutral-subtle" },
1811
+ { "name": "destructive" }
1791
1812
  ]
1792
1813
  },
1793
1814
  {
@@ -1919,10 +1940,10 @@
1919
1940
  "name": "state",
1920
1941
  "description": "Specify the status of the file",
1921
1942
  "values": [
1922
- { "name": "uploading" },
1943
+ { "name": "error" },
1923
1944
  { "name": "success" },
1924
- { "name": "uploaded" },
1925
- { "name": "error" }
1945
+ { "name": "uploading" },
1946
+ { "name": "uploaded" }
1926
1947
  ]
1927
1948
  },
1928
1949
  {
@@ -2059,15 +2080,49 @@
2059
2080
  { "name": "id", "values": [] },
2060
2081
  { "name": "name", "values": [] },
2061
2082
  { "name": "value", "values": [] },
2083
+ { "name": "input-aria-label", "values": [] }
2084
+ ],
2085
+ "references": [
2086
+ {
2087
+ "name": "Storybook",
2088
+ "url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
2089
+ }
2090
+ ]
2091
+ },
2092
+ {
2093
+ "name": "bm-label",
2094
+ "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",
2095
+ "attributes": [
2096
+ {
2097
+ "name": "disabled",
2098
+ "description": "Specify if the Label displays disabled",
2099
+ "values": []
2100
+ },
2101
+ {
2102
+ "name": "required",
2103
+ "description": "Specify if the Label displays as required",
2104
+ "values": []
2105
+ },
2106
+ {
2107
+ "name": "text",
2108
+ "description": "Specify the text for Label",
2109
+ "values": []
2110
+ },
2062
2111
  {
2063
- "name": "input-aria-label",
2064
- "values": [{ "name": "Optional<string>" }]
2112
+ "name": "optional",
2113
+ "description": "Specify the text for Label",
2114
+ "values": []
2115
+ },
2116
+ {
2117
+ "name": "theme",
2118
+ "description": "Specify the theme of the Label. By default it inherits the theme from the parent",
2119
+ "values": [{ "name": "light" }, { "name": "dark" }]
2065
2120
  }
2066
2121
  ],
2067
2122
  "references": [
2068
2123
  {
2069
2124
  "name": "Storybook",
2070
- "url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
2125
+ "url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
2071
2126
  }
2072
2127
  ]
2073
2128
  },
@@ -2104,10 +2159,10 @@
2104
2159
  "description": "Specify if input is a read only",
2105
2160
  "values": []
2106
2161
  },
2107
- { "name": "action", "values": [{ "name": "Optional<string>" }] },
2108
- { "name": "method", "values": [{ "name": "Optional<string>" }] },
2109
- { "name": "target", "values": [{ "name": "Optional<string>" }] },
2110
- { "name": "enctype", "values": [{ "name": "Optional<string>" }] }
2162
+ { "name": "action", "values": [] },
2163
+ { "name": "method", "values": [] },
2164
+ { "name": "target", "values": [] },
2165
+ { "name": "enctype", "values": [] }
2111
2166
  ],
2112
2167
  "references": [
2113
2168
  {
@@ -2117,90 +2172,143 @@
2117
2172
  ]
2118
2173
  },
2119
2174
  {
2120
- "name": "bm-label",
2121
- "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",
2175
+ "name": "bm-native-select",
2176
+ "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",
2122
2177
  "attributes": [
2178
+ {
2179
+ "name": "required",
2180
+ "description": "Specify if NativeSelect is a required input",
2181
+ "values": []
2182
+ },
2183
+ {
2184
+ "name": "readOnly",
2185
+ "description": "Specify if NativeSelect displays in a read-only state",
2186
+ "values": []
2187
+ },
2123
2188
  {
2124
2189
  "name": "disabled",
2125
- "description": "Specify if the Label displays disabled",
2190
+ "description": "Specify if NativeSelect displays in a disabled state",
2126
2191
  "values": []
2127
2192
  },
2128
2193
  {
2129
- "name": "required",
2130
- "description": "Specify if the Label displays as required",
2194
+ "name": "error",
2195
+ "description": "Specify error text and display error state of a NativeSelect",
2131
2196
  "values": []
2132
2197
  },
2133
2198
  {
2134
- "name": "text",
2135
- "description": "Specify the text for Label",
2136
- "values": [{ "name": "Optional<string>" }]
2199
+ "name": "fluid",
2200
+ "description": "Specify if NativeSelect is fluid",
2201
+ "values": []
2137
2202
  },
2138
2203
  {
2139
- "name": "optional",
2140
- "description": "Specify the text for Label",
2141
- "values": [{ "name": "Optional<string>" }]
2204
+ "name": "width",
2205
+ "description": "Specify the width of NativeSelect",
2206
+ "values": []
2207
+ },
2208
+ {
2209
+ "name": "ellipse",
2210
+ "description": "Specify if overflow displays ellipsis",
2211
+ "values": []
2212
+ },
2213
+ {
2214
+ "name": "hideRequiredMarker",
2215
+ "description": "Specify if the NativeSelect displays with an asterisk",
2216
+ "values": []
2142
2217
  },
2143
2218
  {
2144
2219
  "name": "theme",
2145
- "description": "Specify the theme of the Label. By default it inherits the theme from the parent",
2146
- "values": [{ "name": "Optional<ThemeTypes>" }]
2147
- }
2220
+ "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
2221
+ "values": [{ "name": "light" }, { "name": "dark" }]
2222
+ },
2223
+ { "name": "id", "values": [] },
2224
+ { "name": "name", "values": [] },
2225
+ { "name": "value", "values": [] },
2226
+ {
2227
+ "name": "validationRules",
2228
+ "values": [{ "name": "Array<FormValidator>" }]
2229
+ },
2230
+ { "name": "input-aria-label", "values": [] }
2148
2231
  ],
2149
2232
  "references": [
2150
2233
  {
2151
2234
  "name": "Storybook",
2152
- "url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
2235
+ "url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
2153
2236
  }
2154
2237
  ]
2155
2238
  },
2156
2239
  {
2157
- "name": "bm-native-select",
2158
- "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",
2240
+ "name": "bm-text-area",
2241
+ "description": "`bm-text-area`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextArea\n- **helper-text** - Specify the helper text for TextArea",
2159
2242
  "attributes": [
2160
2243
  {
2161
- "name": "required",
2162
- "description": "Specify if NativeSelect is a required input",
2244
+ "name": "rows",
2245
+ "description": "Specify the height of TextArea",
2163
2246
  "values": []
2164
2247
  },
2165
2248
  {
2166
- "name": "readOnly",
2167
- "description": "Specify if NativeSelect displays in a read-only state",
2249
+ "name": "cols",
2250
+ "description": "Specify the width of TextArea",
2168
2251
  "values": []
2169
2252
  },
2170
2253
  {
2171
- "name": "disabled",
2172
- "description": "Specify if NativeSelect displays in a disabled state",
2254
+ "name": "placeholder",
2255
+ "description": "Specify placeholder text for TextArea",
2256
+ "values": []
2257
+ },
2258
+ {
2259
+ "name": "required",
2260
+ "description": "Specify if TextArea is a required input",
2261
+ "values": []
2262
+ },
2263
+ {
2264
+ "name": "hideRequiredMarker",
2265
+ "description": "Specify if the TextArea displays with an asterisk",
2173
2266
  "values": []
2174
2267
  },
2175
2268
  {
2176
2269
  "name": "error",
2177
- "description": "Specify error text and display error state of a NativeSelect",
2178
- "values": [{ "name": "Optional<string>" }]
2270
+ "description": "Specify error text and display error state of a TextArea",
2271
+ "values": []
2272
+ },
2273
+ {
2274
+ "name": "readOnly",
2275
+ "description": "Specify if TextArea displays in a read-only state",
2276
+ "values": []
2277
+ },
2278
+ {
2279
+ "name": "disabled",
2280
+ "description": "Specify if TextArea displays in a disabled state",
2281
+ "values": []
2179
2282
  },
2180
2283
  {
2181
2284
  "name": "fluid",
2182
- "description": "Specify if NativeSelect is fluid",
2285
+ "description": "Specify if TextArea is fluid",
2183
2286
  "values": []
2184
2287
  },
2185
2288
  {
2186
2289
  "name": "width",
2187
- "description": "Specify the width of NativeSelect",
2188
- "values": [{ "name": "Optional<string>" }]
2290
+ "description": "Specify the width of TextArea",
2291
+ "values": []
2189
2292
  },
2190
2293
  {
2191
- "name": "ellipse",
2192
- "description": "Specify if overflow displays ellipsis",
2294
+ "name": "hideResize",
2295
+ "description": "Specify if TextArea can be manually resized",
2193
2296
  "values": []
2194
2297
  },
2195
2298
  {
2196
- "name": "hideRequiredMarker",
2197
- "description": "Specify if the NativeSelect displays with an asterisk",
2299
+ "name": "maxCount",
2300
+ "description": "Specify the maximum character count for the TextArea",
2301
+ "values": []
2302
+ },
2303
+ {
2304
+ "name": "autoResize",
2305
+ "description": "Specify if the TextArea automatically resizes to fit the text",
2198
2306
  "values": []
2199
2307
  },
2200
2308
  {
2201
2309
  "name": "theme",
2202
- "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
2203
- "values": [{ "name": "Optional<ThemeTypes>" }]
2310
+ "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
2311
+ "values": [{ "name": "light" }, { "name": "dark" }]
2204
2312
  },
2205
2313
  { "name": "id", "values": [] },
2206
2314
  { "name": "name", "values": [] },
@@ -2209,15 +2317,12 @@
2209
2317
  "name": "validationRules",
2210
2318
  "values": [{ "name": "Array<FormValidator>" }]
2211
2319
  },
2212
- {
2213
- "name": "input-aria-label",
2214
- "values": [{ "name": "Optional<string>" }]
2215
- }
2320
+ { "name": "input-aria-label", "values": [] }
2216
2321
  ],
2217
2322
  "references": [
2218
2323
  {
2219
2324
  "name": "Storybook",
2220
- "url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
2325
+ "url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
2221
2326
  }
2222
2327
  ]
2223
2328
  },
@@ -2316,99 +2421,6 @@
2316
2421
  }
2317
2422
  ]
2318
2423
  },
2319
- {
2320
- "name": "bm-text-area",
2321
- "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",
2322
- "attributes": [
2323
- {
2324
- "name": "rows",
2325
- "description": "Specify the height of TextArea",
2326
- "values": [{ "name": "Optional<number>" }]
2327
- },
2328
- {
2329
- "name": "cols",
2330
- "description": "Specify the width of TextArea",
2331
- "values": [{ "name": "Optional<number>" }]
2332
- },
2333
- {
2334
- "name": "placeholder",
2335
- "description": "Specify placeholder text for TextArea",
2336
- "values": [{ "name": "Optional<string>" }]
2337
- },
2338
- {
2339
- "name": "required",
2340
- "description": "Specify if TextArea is a required input",
2341
- "values": []
2342
- },
2343
- {
2344
- "name": "hideRequiredMarker",
2345
- "description": "Specify if the TextArea displays with an asterisk",
2346
- "values": []
2347
- },
2348
- {
2349
- "name": "error",
2350
- "description": "Specify error text and display error state of a TextArea",
2351
- "values": [{ "name": "Optional<string>" }]
2352
- },
2353
- {
2354
- "name": "readOnly",
2355
- "description": "Specify if TextArea displays in a read-only state",
2356
- "values": []
2357
- },
2358
- {
2359
- "name": "disabled",
2360
- "description": "Specify if TextArea displays in a disabled state",
2361
- "values": []
2362
- },
2363
- {
2364
- "name": "fluid",
2365
- "description": "Specify if TextArea is fluid",
2366
- "values": []
2367
- },
2368
- {
2369
- "name": "width",
2370
- "description": "Specify the width of TextArea",
2371
- "values": [{ "name": "Optional<string>" }]
2372
- },
2373
- {
2374
- "name": "hideResize",
2375
- "description": "Specify if TextArea can be manually resized",
2376
- "values": []
2377
- },
2378
- {
2379
- "name": "maxCount",
2380
- "description": "Specify the maximum character count for the TextArea",
2381
- "values": [{ "name": "Optional<number>" }]
2382
- },
2383
- {
2384
- "name": "autoResize",
2385
- "description": "Specify if the TextArea automatically resizes to fit the text",
2386
- "values": []
2387
- },
2388
- {
2389
- "name": "theme",
2390
- "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
2391
- "values": [{ "name": "Optional<ThemeTypes>" }]
2392
- },
2393
- { "name": "id", "values": [] },
2394
- { "name": "name", "values": [] },
2395
- { "name": "value", "values": [] },
2396
- {
2397
- "name": "validationRules",
2398
- "values": [{ "name": "Array<FormValidator>" }]
2399
- },
2400
- {
2401
- "name": "input-aria-label",
2402
- "values": [{ "name": "Optional<string>" }]
2403
- }
2404
- ],
2405
- "references": [
2406
- {
2407
- "name": "Storybook",
2408
- "url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
2409
- }
2410
- ]
2411
- },
2412
2424
  {
2413
2425
  "name": "bm-text-field",
2414
2426
  "description": "`bm-text-field`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextField\n- **helper-text** - Specify the helper text for TextField\n- **content-after** - Specify content to display after input\n- **content-before** - Specify content to display before input",
@@ -2416,7 +2428,7 @@
2416
2428
  {
2417
2429
  "name": "placeholder",
2418
2430
  "description": "Specify placeholder text for TextField",
2419
- "values": [{ "name": "Optional<string>" }]
2431
+ "values": []
2420
2432
  },
2421
2433
  {
2422
2434
  "name": "required",
@@ -2431,7 +2443,7 @@
2431
2443
  {
2432
2444
  "name": "error",
2433
2445
  "description": "Specify error text and display error state of a TextField",
2434
- "values": [{ "name": "Optional<string>" }]
2446
+ "values": []
2435
2447
  },
2436
2448
  {
2437
2449
  "name": "readOnly",
@@ -2451,7 +2463,7 @@
2451
2463
  {
2452
2464
  "name": "width",
2453
2465
  "description": "Specify the width of TextField",
2454
- "values": [{ "name": "Optional<string>" }]
2466
+ "values": []
2455
2467
  },
2456
2468
  {
2457
2469
  "name": "ellipse",
@@ -2461,7 +2473,7 @@
2461
2473
  {
2462
2474
  "name": "theme",
2463
2475
  "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
2464
- "values": [{ "name": "Optional<ThemeTypes>" }]
2476
+ "values": [{ "name": "light" }, { "name": "dark" }]
2465
2477
  },
2466
2478
  { "name": "type", "values": [] },
2467
2479
  { "name": "inputMode", "values": [] },
@@ -2472,10 +2484,7 @@
2472
2484
  "name": "validationRules",
2473
2485
  "values": [{ "name": "Array<FormValidator>" }]
2474
2486
  },
2475
- {
2476
- "name": "input-aria-label",
2477
- "values": [{ "name": "Optional<string>" }]
2478
- }
2487
+ { "name": "input-aria-label", "values": [] }
2479
2488
  ],
2480
2489
  "references": [
2481
2490
  {
@@ -2544,10 +2553,7 @@
2544
2553
  "name": "validationRules",
2545
2554
  "values": [{ "name": "Array<FormValidator>" }]
2546
2555
  },
2547
- {
2548
- "name": "input-aria-label",
2549
- "values": [{ "name": "Optional<string>" }]
2550
- }
2556
+ { "name": "input-aria-label", "values": [] }
2551
2557
  ],
2552
2558
  "references": [
2553
2559
  {
@@ -2616,10 +2622,7 @@
2616
2622
  "name": "validationRules",
2617
2623
  "values": [{ "name": "Array<FormValidator>" }]
2618
2624
  },
2619
- {
2620
- "name": "input-aria-label",
2621
- "values": [{ "name": "Optional<string>" }]
2622
- }
2625
+ { "name": "input-aria-label", "values": [] }
2623
2626
  ],
2624
2627
  "references": [
2625
2628
  {
@@ -2688,10 +2691,7 @@
2688
2691
  "name": "validationRules",
2689
2692
  "values": [{ "name": "Array<FormValidator>" }]
2690
2693
  },
2691
- {
2692
- "name": "input-aria-label",
2693
- "values": [{ "name": "Optional<string>" }]
2694
- }
2694
+ { "name": "input-aria-label", "values": [] }
2695
2695
  ],
2696
2696
  "references": [
2697
2697
  {