@viasat/beam-web-components 2.9.0 → 2.10.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/Box/Box.js +3 -3
- package/Divider/Divider.js +3 -3
- package/Tooltip/Tooltip.js +2 -2
- package/custom-elements.json +2143 -2143
- package/local/Accordion/Accordion.js +1 -1
- package/local/Accordion/AccordionGroup.js +1 -1
- package/local/Accordion/index.js +1 -1
- package/local/BadgeDot/BadgeDot.js +3 -3
- package/local/Divider/Divider.js +4 -4
- package/local/InputChoiceGroup/InputChoiceGroup.js +1 -1
- package/local/Tooltip/Tooltip.js +2 -2
- package/local/chunks/{Accordion.PGU7OILE.js → Accordion.BP1XR2Gd.js} +1 -1
- package/local/wip/FileUpload/FileUpload.js +1 -1
- package/local/wip/NativeSelect/NativeSelect.js +4 -4
- package/local/wip/TextArea/TextArea.js +4 -4
- package/local/wip/TextField/TextField.js +4 -4
- package/package.json +6 -6
- package/vscode.html-custom-data.json +269 -269
|
@@ -61,49 +61,6 @@
|
|
|
61
61
|
}
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
|
-
{
|
|
65
|
-
"name": "bm-badge",
|
|
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",
|
|
67
|
-
"attributes": [
|
|
68
|
-
{
|
|
69
|
-
"name": "appearance",
|
|
70
|
-
"description": "Specify the appearance of the Badge",
|
|
71
|
-
"values": [
|
|
72
|
-
{ "name": "infoPrimary" },
|
|
73
|
-
{ "name": "infoSecondary" },
|
|
74
|
-
{ "name": "positive" },
|
|
75
|
-
{ "name": "warning" },
|
|
76
|
-
{ "name": "negative" }
|
|
77
|
-
]
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"name": "theme",
|
|
81
|
-
"description": "Theme of the Badge",
|
|
82
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"name": "size",
|
|
86
|
-
"description": "Specify the size of the Badge",
|
|
87
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
"name": "emphasis",
|
|
91
|
-
"description": "Specify the emphasis of the Badge",
|
|
92
|
-
"values": [
|
|
93
|
-
{ "name": "strong" },
|
|
94
|
-
{ "name": "medium" },
|
|
95
|
-
{ "name": "subtle" }
|
|
96
|
-
]
|
|
97
|
-
},
|
|
98
|
-
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
99
|
-
],
|
|
100
|
-
"references": [
|
|
101
|
-
{
|
|
102
|
-
"name": "Storybook",
|
|
103
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
104
|
-
}
|
|
105
|
-
]
|
|
106
|
-
},
|
|
107
64
|
{
|
|
108
65
|
"name": "bm-avatar",
|
|
109
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",
|
|
@@ -202,6 +159,91 @@
|
|
|
202
159
|
}
|
|
203
160
|
]
|
|
204
161
|
},
|
|
162
|
+
{
|
|
163
|
+
"name": "bm-badge-dot",
|
|
164
|
+
"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",
|
|
165
|
+
"attributes": [
|
|
166
|
+
{
|
|
167
|
+
"name": "theme",
|
|
168
|
+
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
169
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "appearance",
|
|
173
|
+
"description": "Specify the appearance of the BadgeDot",
|
|
174
|
+
"values": [
|
|
175
|
+
{ "name": "primary" },
|
|
176
|
+
{ "name": "secondary" },
|
|
177
|
+
{ "name": "infoPrimary" },
|
|
178
|
+
{ "name": "infoSecondary" },
|
|
179
|
+
{ "name": "positive" },
|
|
180
|
+
{ "name": "warning" },
|
|
181
|
+
{ "name": "negative" },
|
|
182
|
+
{ "name": "inverse" },
|
|
183
|
+
{ "name": "secondaryInverse" }
|
|
184
|
+
]
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "emphasis",
|
|
188
|
+
"description": "Specify the emphasis of the BadgeDot",
|
|
189
|
+
"values": [{ "name": "Emphasis" }]
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"name": "overrideDotColor",
|
|
193
|
+
"description": "Overrides default dot color",
|
|
194
|
+
"values": []
|
|
195
|
+
}
|
|
196
|
+
],
|
|
197
|
+
"references": [
|
|
198
|
+
{
|
|
199
|
+
"name": "Storybook",
|
|
200
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
201
|
+
}
|
|
202
|
+
]
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": "bm-badge",
|
|
206
|
+
"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",
|
|
207
|
+
"attributes": [
|
|
208
|
+
{
|
|
209
|
+
"name": "appearance",
|
|
210
|
+
"description": "Specify the appearance of the Badge",
|
|
211
|
+
"values": [
|
|
212
|
+
{ "name": "infoPrimary" },
|
|
213
|
+
{ "name": "infoSecondary" },
|
|
214
|
+
{ "name": "positive" },
|
|
215
|
+
{ "name": "warning" },
|
|
216
|
+
{ "name": "negative" }
|
|
217
|
+
]
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"name": "theme",
|
|
221
|
+
"description": "Theme of the Badge",
|
|
222
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"name": "size",
|
|
226
|
+
"description": "Specify the size of the Badge",
|
|
227
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"name": "emphasis",
|
|
231
|
+
"description": "Specify the emphasis of the Badge",
|
|
232
|
+
"values": [
|
|
233
|
+
{ "name": "strong" },
|
|
234
|
+
{ "name": "medium" },
|
|
235
|
+
{ "name": "subtle" }
|
|
236
|
+
]
|
|
237
|
+
},
|
|
238
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
239
|
+
],
|
|
240
|
+
"references": [
|
|
241
|
+
{
|
|
242
|
+
"name": "Storybook",
|
|
243
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
244
|
+
}
|
|
245
|
+
]
|
|
246
|
+
},
|
|
205
247
|
{
|
|
206
248
|
"name": "bm-alert",
|
|
207
249
|
"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",
|
|
@@ -275,48 +317,6 @@
|
|
|
275
317
|
}
|
|
276
318
|
]
|
|
277
319
|
},
|
|
278
|
-
{
|
|
279
|
-
"name": "bm-badge-dot",
|
|
280
|
-
"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",
|
|
281
|
-
"attributes": [
|
|
282
|
-
{
|
|
283
|
-
"name": "theme",
|
|
284
|
-
"description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
|
|
285
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
286
|
-
},
|
|
287
|
-
{
|
|
288
|
-
"name": "appearance",
|
|
289
|
-
"description": "Specify the appearance of the BadgeDot",
|
|
290
|
-
"values": [
|
|
291
|
-
{ "name": "primary" },
|
|
292
|
-
{ "name": "secondary" },
|
|
293
|
-
{ "name": "infoPrimary" },
|
|
294
|
-
{ "name": "infoSecondary" },
|
|
295
|
-
{ "name": "positive" },
|
|
296
|
-
{ "name": "warning" },
|
|
297
|
-
{ "name": "negative" },
|
|
298
|
-
{ "name": "inverse" },
|
|
299
|
-
{ "name": "secondaryInverse" }
|
|
300
|
-
]
|
|
301
|
-
},
|
|
302
|
-
{
|
|
303
|
-
"name": "emphasis",
|
|
304
|
-
"description": "Specify the emphasis of the BadgeDot",
|
|
305
|
-
"values": [{ "name": "Emphasis" }]
|
|
306
|
-
},
|
|
307
|
-
{
|
|
308
|
-
"name": "overrideDotColor",
|
|
309
|
-
"description": "Overrides default dot color",
|
|
310
|
-
"values": []
|
|
311
|
-
}
|
|
312
|
-
],
|
|
313
|
-
"references": [
|
|
314
|
-
{
|
|
315
|
-
"name": "Storybook",
|
|
316
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
|
|
317
|
-
}
|
|
318
|
-
]
|
|
319
|
-
},
|
|
320
320
|
{
|
|
321
321
|
"name": "bm-box",
|
|
322
322
|
"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",
|
|
@@ -1761,51 +1761,6 @@
|
|
|
1761
1761
|
}
|
|
1762
1762
|
]
|
|
1763
1763
|
},
|
|
1764
|
-
{
|
|
1765
|
-
"name": "bm-form",
|
|
1766
|
-
"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",
|
|
1767
|
-
"attributes": [
|
|
1768
|
-
{
|
|
1769
|
-
"name": "validationMode",
|
|
1770
|
-
"description": "Specify if validation runs on change or when loosing focus",
|
|
1771
|
-
"values": [
|
|
1772
|
-
{ "name": "onChange" },
|
|
1773
|
-
{ "name": "onBlur" },
|
|
1774
|
-
{ "name": "onSubmit" }
|
|
1775
|
-
]
|
|
1776
|
-
},
|
|
1777
|
-
{
|
|
1778
|
-
"name": "initialValues",
|
|
1779
|
-
"description": "Specify initial values on Form controls based on their names",
|
|
1780
|
-
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
1781
|
-
},
|
|
1782
|
-
{
|
|
1783
|
-
"name": "required",
|
|
1784
|
-
"description": "Specify if input is a required",
|
|
1785
|
-
"values": []
|
|
1786
|
-
},
|
|
1787
|
-
{
|
|
1788
|
-
"name": "disabled",
|
|
1789
|
-
"description": "Specify if input is a disabled",
|
|
1790
|
-
"values": []
|
|
1791
|
-
},
|
|
1792
|
-
{
|
|
1793
|
-
"name": "readOnly",
|
|
1794
|
-
"description": "Specify if input is a read only",
|
|
1795
|
-
"values": []
|
|
1796
|
-
},
|
|
1797
|
-
{ "name": "action", "values": [{ "name": "Optional<string>" }] },
|
|
1798
|
-
{ "name": "method", "values": [{ "name": "Optional<string>" }] },
|
|
1799
|
-
{ "name": "target", "values": [{ "name": "Optional<string>" }] },
|
|
1800
|
-
{ "name": "enctype", "values": [{ "name": "Optional<string>" }] }
|
|
1801
|
-
],
|
|
1802
|
-
"references": [
|
|
1803
|
-
{
|
|
1804
|
-
"name": "Storybook",
|
|
1805
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
1806
|
-
}
|
|
1807
|
-
]
|
|
1808
|
-
},
|
|
1809
1764
|
{
|
|
1810
1765
|
"name": "bm-file-upload-button",
|
|
1811
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",
|
|
@@ -2117,107 +2072,152 @@
|
|
|
2117
2072
|
]
|
|
2118
2073
|
},
|
|
2119
2074
|
{
|
|
2120
|
-
"name": "bm-
|
|
2121
|
-
"description": "`bm-
|
|
2075
|
+
"name": "bm-form",
|
|
2076
|
+
"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",
|
|
2122
2077
|
"attributes": [
|
|
2123
2078
|
{
|
|
2124
|
-
"name": "
|
|
2125
|
-
"description": "Specify if
|
|
2126
|
-
"values": [
|
|
2079
|
+
"name": "validationMode",
|
|
2080
|
+
"description": "Specify if validation runs on change or when loosing focus",
|
|
2081
|
+
"values": [
|
|
2082
|
+
{ "name": "onChange" },
|
|
2083
|
+
{ "name": "onBlur" },
|
|
2084
|
+
{ "name": "onSubmit" }
|
|
2085
|
+
]
|
|
2127
2086
|
},
|
|
2128
2087
|
{
|
|
2129
|
-
"name": "
|
|
2130
|
-
"description": "Specify
|
|
2131
|
-
"values": []
|
|
2088
|
+
"name": "initialValues",
|
|
2089
|
+
"description": "Specify initial values on Form controls based on their names",
|
|
2090
|
+
"values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
|
|
2132
2091
|
},
|
|
2133
2092
|
{
|
|
2134
|
-
"name": "
|
|
2135
|
-
"description": "Specify if
|
|
2093
|
+
"name": "required",
|
|
2094
|
+
"description": "Specify if input is a required",
|
|
2136
2095
|
"values": []
|
|
2137
2096
|
},
|
|
2138
2097
|
{
|
|
2139
|
-
"name": "
|
|
2140
|
-
"description": "Specify
|
|
2141
|
-
"values": [
|
|
2098
|
+
"name": "disabled",
|
|
2099
|
+
"description": "Specify if input is a disabled",
|
|
2100
|
+
"values": []
|
|
2142
2101
|
},
|
|
2143
2102
|
{
|
|
2144
|
-
"name": "
|
|
2145
|
-
"description": "Specify if
|
|
2103
|
+
"name": "readOnly",
|
|
2104
|
+
"description": "Specify if input is a read only",
|
|
2146
2105
|
"values": []
|
|
2147
2106
|
},
|
|
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>" }] }
|
|
2111
|
+
],
|
|
2112
|
+
"references": [
|
|
2148
2113
|
{
|
|
2149
|
-
"name": "
|
|
2150
|
-
"
|
|
2151
|
-
|
|
2152
|
-
|
|
2114
|
+
"name": "Storybook",
|
|
2115
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
|
|
2116
|
+
}
|
|
2117
|
+
]
|
|
2118
|
+
},
|
|
2119
|
+
{
|
|
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",
|
|
2122
|
+
"attributes": [
|
|
2153
2123
|
{
|
|
2154
|
-
"name": "
|
|
2155
|
-
"description": "Specify if
|
|
2124
|
+
"name": "disabled",
|
|
2125
|
+
"description": "Specify if the Label displays disabled",
|
|
2156
2126
|
"values": []
|
|
2157
2127
|
},
|
|
2158
2128
|
{
|
|
2159
|
-
"name": "
|
|
2160
|
-
"description": "Specify if the
|
|
2129
|
+
"name": "required",
|
|
2130
|
+
"description": "Specify if the Label displays as required",
|
|
2161
2131
|
"values": []
|
|
2162
2132
|
},
|
|
2163
2133
|
{
|
|
2164
|
-
"name": "
|
|
2165
|
-
"description": "Specify the
|
|
2166
|
-
"values": [{ "name": "Optional<
|
|
2134
|
+
"name": "text",
|
|
2135
|
+
"description": "Specify the text for Label",
|
|
2136
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2167
2137
|
},
|
|
2168
|
-
{ "name": "id", "values": [] },
|
|
2169
|
-
{ "name": "name", "values": [] },
|
|
2170
|
-
{ "name": "value", "values": [] },
|
|
2171
2138
|
{
|
|
2172
|
-
"name": "
|
|
2173
|
-
"
|
|
2139
|
+
"name": "optional",
|
|
2140
|
+
"description": "Specify the text for Label",
|
|
2141
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2174
2142
|
},
|
|
2175
2143
|
{
|
|
2176
|
-
"name": "
|
|
2177
|
-
"
|
|
2144
|
+
"name": "theme",
|
|
2145
|
+
"description": "Specify the theme of the Label. By default it inherits the theme from the parent",
|
|
2146
|
+
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
2178
2147
|
}
|
|
2179
2148
|
],
|
|
2180
2149
|
"references": [
|
|
2181
2150
|
{
|
|
2182
2151
|
"name": "Storybook",
|
|
2183
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2152
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
|
|
2184
2153
|
}
|
|
2185
2154
|
]
|
|
2186
2155
|
},
|
|
2187
2156
|
{
|
|
2188
|
-
"name": "bm-
|
|
2189
|
-
"description": "`bm-
|
|
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",
|
|
2190
2159
|
"attributes": [
|
|
2191
2160
|
{
|
|
2192
|
-
"name": "
|
|
2193
|
-
"description": "Specify if
|
|
2161
|
+
"name": "required",
|
|
2162
|
+
"description": "Specify if NativeSelect is a required input",
|
|
2194
2163
|
"values": []
|
|
2195
2164
|
},
|
|
2196
2165
|
{
|
|
2197
|
-
"name": "
|
|
2198
|
-
"description": "Specify if
|
|
2166
|
+
"name": "readOnly",
|
|
2167
|
+
"description": "Specify if NativeSelect displays in a read-only state",
|
|
2199
2168
|
"values": []
|
|
2200
2169
|
},
|
|
2201
2170
|
{
|
|
2202
|
-
"name": "
|
|
2203
|
-
"description": "Specify
|
|
2171
|
+
"name": "disabled",
|
|
2172
|
+
"description": "Specify if NativeSelect displays in a disabled state",
|
|
2173
|
+
"values": []
|
|
2174
|
+
},
|
|
2175
|
+
{
|
|
2176
|
+
"name": "error",
|
|
2177
|
+
"description": "Specify error text and display error state of a NativeSelect",
|
|
2204
2178
|
"values": [{ "name": "Optional<string>" }]
|
|
2205
2179
|
},
|
|
2206
2180
|
{
|
|
2207
|
-
"name": "
|
|
2208
|
-
"description": "Specify
|
|
2181
|
+
"name": "fluid",
|
|
2182
|
+
"description": "Specify if NativeSelect is fluid",
|
|
2183
|
+
"values": []
|
|
2184
|
+
},
|
|
2185
|
+
{
|
|
2186
|
+
"name": "width",
|
|
2187
|
+
"description": "Specify the width of NativeSelect",
|
|
2209
2188
|
"values": [{ "name": "Optional<string>" }]
|
|
2210
2189
|
},
|
|
2190
|
+
{
|
|
2191
|
+
"name": "ellipse",
|
|
2192
|
+
"description": "Specify if overflow displays ellipsis",
|
|
2193
|
+
"values": []
|
|
2194
|
+
},
|
|
2195
|
+
{
|
|
2196
|
+
"name": "hideRequiredMarker",
|
|
2197
|
+
"description": "Specify if the NativeSelect displays with an asterisk",
|
|
2198
|
+
"values": []
|
|
2199
|
+
},
|
|
2211
2200
|
{
|
|
2212
2201
|
"name": "theme",
|
|
2213
|
-
"description": "Specify the theme of the
|
|
2202
|
+
"description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
|
|
2214
2203
|
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
2204
|
+
},
|
|
2205
|
+
{ "name": "id", "values": [] },
|
|
2206
|
+
{ "name": "name", "values": [] },
|
|
2207
|
+
{ "name": "value", "values": [] },
|
|
2208
|
+
{
|
|
2209
|
+
"name": "validationRules",
|
|
2210
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2211
|
+
},
|
|
2212
|
+
{
|
|
2213
|
+
"name": "input-aria-label",
|
|
2214
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2215
2215
|
}
|
|
2216
2216
|
],
|
|
2217
2217
|
"references": [
|
|
2218
2218
|
{
|
|
2219
2219
|
"name": "Storybook",
|
|
2220
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-
|
|
2220
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
|
|
2221
2221
|
}
|
|
2222
2222
|
]
|
|
2223
2223
|
},
|
|
@@ -2316,99 +2316,6 @@
|
|
|
2316
2316
|
}
|
|
2317
2317
|
]
|
|
2318
2318
|
},
|
|
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
2319
|
{
|
|
2413
2320
|
"name": "bm-text-field",
|
|
2414
2321
|
"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",
|
|
@@ -2699,6 +2606,99 @@
|
|
|
2699
2606
|
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2700
2607
|
}
|
|
2701
2608
|
]
|
|
2609
|
+
},
|
|
2610
|
+
{
|
|
2611
|
+
"name": "bm-text-area",
|
|
2612
|
+
"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",
|
|
2613
|
+
"attributes": [
|
|
2614
|
+
{
|
|
2615
|
+
"name": "rows",
|
|
2616
|
+
"description": "Specify the height of TextArea",
|
|
2617
|
+
"values": [{ "name": "Optional<number>" }]
|
|
2618
|
+
},
|
|
2619
|
+
{
|
|
2620
|
+
"name": "cols",
|
|
2621
|
+
"description": "Specify the width of TextArea",
|
|
2622
|
+
"values": [{ "name": "Optional<number>" }]
|
|
2623
|
+
},
|
|
2624
|
+
{
|
|
2625
|
+
"name": "placeholder",
|
|
2626
|
+
"description": "Specify placeholder text for TextArea",
|
|
2627
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2628
|
+
},
|
|
2629
|
+
{
|
|
2630
|
+
"name": "required",
|
|
2631
|
+
"description": "Specify if TextArea is a required input",
|
|
2632
|
+
"values": []
|
|
2633
|
+
},
|
|
2634
|
+
{
|
|
2635
|
+
"name": "hideRequiredMarker",
|
|
2636
|
+
"description": "Specify if the TextArea displays with an asterisk",
|
|
2637
|
+
"values": []
|
|
2638
|
+
},
|
|
2639
|
+
{
|
|
2640
|
+
"name": "error",
|
|
2641
|
+
"description": "Specify error text and display error state of a TextArea",
|
|
2642
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2643
|
+
},
|
|
2644
|
+
{
|
|
2645
|
+
"name": "readOnly",
|
|
2646
|
+
"description": "Specify if TextArea displays in a read-only state",
|
|
2647
|
+
"values": []
|
|
2648
|
+
},
|
|
2649
|
+
{
|
|
2650
|
+
"name": "disabled",
|
|
2651
|
+
"description": "Specify if TextArea displays in a disabled state",
|
|
2652
|
+
"values": []
|
|
2653
|
+
},
|
|
2654
|
+
{
|
|
2655
|
+
"name": "fluid",
|
|
2656
|
+
"description": "Specify if TextArea is fluid",
|
|
2657
|
+
"values": []
|
|
2658
|
+
},
|
|
2659
|
+
{
|
|
2660
|
+
"name": "width",
|
|
2661
|
+
"description": "Specify the width of TextArea",
|
|
2662
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2663
|
+
},
|
|
2664
|
+
{
|
|
2665
|
+
"name": "hideResize",
|
|
2666
|
+
"description": "Specify if TextArea can be manually resized",
|
|
2667
|
+
"values": []
|
|
2668
|
+
},
|
|
2669
|
+
{
|
|
2670
|
+
"name": "maxCount",
|
|
2671
|
+
"description": "Specify the maximum character count for the TextArea",
|
|
2672
|
+
"values": [{ "name": "Optional<number>" }]
|
|
2673
|
+
},
|
|
2674
|
+
{
|
|
2675
|
+
"name": "autoResize",
|
|
2676
|
+
"description": "Specify if the TextArea automatically resizes to fit the text",
|
|
2677
|
+
"values": []
|
|
2678
|
+
},
|
|
2679
|
+
{
|
|
2680
|
+
"name": "theme",
|
|
2681
|
+
"description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
|
|
2682
|
+
"values": [{ "name": "Optional<ThemeTypes>" }]
|
|
2683
|
+
},
|
|
2684
|
+
{ "name": "id", "values": [] },
|
|
2685
|
+
{ "name": "name", "values": [] },
|
|
2686
|
+
{ "name": "value", "values": [] },
|
|
2687
|
+
{
|
|
2688
|
+
"name": "validationRules",
|
|
2689
|
+
"values": [{ "name": "Array<FormValidator>" }]
|
|
2690
|
+
},
|
|
2691
|
+
{
|
|
2692
|
+
"name": "input-aria-label",
|
|
2693
|
+
"values": [{ "name": "Optional<string>" }]
|
|
2694
|
+
}
|
|
2695
|
+
],
|
|
2696
|
+
"references": [
|
|
2697
|
+
{
|
|
2698
|
+
"name": "Storybook",
|
|
2699
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
|
|
2700
|
+
}
|
|
2701
|
+
]
|
|
2702
2702
|
}
|
|
2703
2703
|
]
|
|
2704
2704
|
}
|