@viasat/beam-web-components 2.13.0 → 2.15.0

package/vscode.html-custom-data.json

@@ -61,91 +61,6 @@
         }
       ]
     },
-    {
-      "name": "bm-badge",
-      "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",
-      "attributes": [
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of the Badge",
-          "values": [
-            { "name": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" }
-          ]
-        },
-        {
-          "name": "theme",
-          "description": "Theme of the Badge",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        {
-          "name": "size",
-          "description": "Specify the size of the Badge",
-          "values": [{ "name": "sm" }, { "name": "md" }]
-        },
-        {
-          "name": "emphasis",
-          "description": "Specify the emphasis of the Badge",
-          "values": [
-            { "name": "strong" },
-            { "name": "medium" },
-            { "name": "subtle" }
-          ]
-        },
-        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
-        }
-      ]
-    },
-    {
-      "name": "bm-badge-dot",
-      "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",
-      "attributes": [
-        {
-          "name": "theme",
-          "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of the BadgeDot",
-          "values": [
-            { "name": "primary" },
-            { "name": "secondary" },
-            { "name": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" },
-            { "name": "inverse" },
-            { "name": "secondaryInverse" }
-          ]
-        },
-        {
-          "name": "emphasis",
-          "description": "Specify the emphasis of the BadgeDot",
-          "values": [{ "name": "Emphasis" }]
-        },
-        {
-          "name": "overrideDotColor",
-          "description": "Overrides default dot color",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
-        }
-      ]
-    },
     {
       "name": "bm-avatar",
       "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",
@@ -244,6 +159,87 @@
         }
       ]
     },
+    {
+      "name": "bm-badge",
+      "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",
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the Badge",
+          "values": [
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the Badge",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the Badge",
+          "values": [{ "name": "sm" }, { "name": "md" }]
+        },
+        {
+          "name": "emphasis",
+          "description": "Specify the emphasis of the Badge",
+          "values": [
+            { "name": "strong" },
+            { "name": "medium" },
+            { "name": "subtle" }
+          ]
+        },
+        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
+        }
+      ]
+    },
+    {
+      "name": "bm-badge-dot",
+      "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",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the BadgeDot",
+          "values": [
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
+        },
+        {
+          "name": "emphasis",
+          "description": "Specify the emphasis of the BadgeDot",
+          "values": [{ "name": "strong" }, { "name": "subtle" }]
+        },
+        {
+          "name": "overrideDotColor",
+          "description": "Overrides default dot color",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
+        }
+      ]
+    },
     {
       "name": "bm-alert",
       "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",
@@ -329,6 +325,8 @@
             { "name": "warning" },
             { "name": "negative" },
             { "name": "inverse" },
+            { "name": "selected" },
+            { "name": "expressive" },
             { "name": "00" },
             { "name": "00-alt" },
             { "name": "01" },
@@ -341,11 +339,9 @@
             { "name": "negative-strong" },
             { "name": "info-primary-strong" },
             { "name": "info-secondary-strong" },
-            { "name": "selected" },
             { "name": "selected-subtle" },
             { "name": "highlight" },
             { "name": "transparent" },
-            { "name": "expressive" },
             { "name": "expressive-stronger" },
             { "name": "expressive-inverse" }
           ]
@@ -358,6 +354,8 @@
             { "name": "warning" },
             { "name": "negative" },
             { "name": "inverse" },
+            { "name": "selected" },
+            { "name": "expressive" },
             { "name": "strong" },
             { "name": "00" },
             { "name": "00-alt" },
@@ -371,9 +369,7 @@
             { "name": "negative-strong" },
             { "name": "info-primary-strong" },
             { "name": "info-secondary-strong" },
-            { "name": "selected" },
             { "name": "transparent" },
-            { "name": "expressive" },
             { "name": "expressive-stronger" },
             { "name": "focus" }
           ]
@@ -791,8 +787,8 @@
           "values": [
             { "name": "accent" },
             { "name": "neutral" },
-            { "name": "destructive" },
-            { "name": "neutral-subtle" }
+            { "name": "neutral-subtle" },
+            { "name": "destructive" }
           ]
         },
         {
@@ -936,7 +932,22 @@
         {
           "name": "inset",
           "description": "Add equal padding to each side of the Divider",
-          "values": [{ "name": "DividerSpacing" }]
+          "values": [
+            { "name": "0" },
+            { "name": "12" },
+            { "name": "25" },
+            { "name": "50" },
+            { "name": "75" },
+            { "name": "100" },
+            { "name": "125" },
+            { "name": "150" },
+            { "name": "200" },
+            { "name": "300" },
+            { "name": "400" },
+            { "name": "500" },
+            { "name": "700" },
+            { "name": "800" }
+          ]
         }
       ],
       "references": [
@@ -1010,12 +1021,12 @@
         {
           "name": "text",
           "description": "Add or customize content in the HelperText",
-          "values": [{ "name": "Optional<string>" }]
+          "values": []
         },
         {
           "name": "theme",
           "description": "Specify the theme of the HelperText. By default it inherits the theme from the parent",
-          "values": [{ "name": "Optional<ThemeTypes>" }]
+          "values": [{ "name": "light" }, { "name": "dark" }]
         }
       ],
       "references": [
@@ -1138,10 +1149,7 @@
           "name": "validationRules",
           "values": [{ "name": "Array<FormValidator>" }]
         },
-        {
-          "name": "input-aria-label",
-          "values": [{ "name": "Optional<string>" }]
-        }
+        { "name": "input-aria-label", "values": [] }
       ],
       "references": [
         {
@@ -1263,9 +1271,9 @@
           "name": "state",
           "description": "Specify the ProgressBar state",
           "values": [
-            { "name": "success" },
+            { "name": "active" },
             { "name": "error" },
-            { "name": "active" }
+            { "name": "success" }
           ]
         },
         {
@@ -1323,7 +1331,7 @@
         {
           "name": "size",
           "description": "Specify the size of a SegmentedControl",
-          "values": []
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
         },
         {
           "name": "initialSelection",
@@ -1411,7 +1419,7 @@
         {
           "name": "value",
           "description": "Specify if a spinner is determinate by setting a value",
-          "values": [{ "name": "SpinnerValues" }]
+          "values": []
         },
         {
           "name": "showPercentage",
@@ -1511,9 +1519,9 @@
             { "name": "negative" },
             { "name": "secondaryInverse" },
             { "name": "selected" },
-            { "name": "expressive" },
             { "name": "disabled" },
             { "name": "primaryInverse" },
+            { "name": "expressive" },
             { "name": "expressiveStronger" },
             { "name": "expressiveInverse" },
             { "name": "expressiveInverseStronger" }
@@ -1598,7 +1606,20 @@
         {
           "name": "placement",
           "description": "Specify the placement of Tooltip relative to the anchor",
-          "values": [{ "name": "Placement" }]
+          "values": [
+            { "name": "top" },
+            { "name": "right" },
+            { "name": "bottom" },
+            { "name": "left" },
+            { "name": "top-start" },
+            { "name": "top-end" },
+            { "name": "right-start" },
+            { "name": "right-end" },
+            { "name": "bottom-start" },
+            { "name": "bottom-end" },
+            { "name": "left-start" },
+            { "name": "left-end" }
+          ]
         },
         {
           "name": "autoPlacement",
@@ -1762,139 +1783,57 @@
       ]
     },
     {
-      "name": "bm-form",
-      "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",
+      "name": "bm-file-upload-button",
+      "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",
       "attributes": [
         {
-          "name": "validationMode",
-          "description": "Specify if validation runs on change or when loosing focus",
+          "name": "error",
+          "description": "Specify if FileUpload is in error state",
+          "values": []
+        },
+        {
+          "name": "accept",
+          "description": "Specify the accepted file types",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Specify if multiple files can be uploaded",
+          "values": []
+        },
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of a Button",
           "values": [
-            { "name": "onChange" },
-            { "name": "onBlur" },
-            { "name": "onSubmit" }
+            { "name": "accent" },
+            { "name": "neutral" },
+            { "name": "neutral-subtle" },
+            { "name": "destructive" }
           ]
         },
         {
-          "name": "initialValues",
-          "description": "Specify initial values on Form controls based on their names",
-          "values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
+          "name": "kind",
+          "description": "Specify the kind of Button",
+          "values": [
+            { "name": "filled" },
+            { "name": "outline" },
+            { "name": "ghost" },
+            { "name": "bare" }
+          ]
         },
         {
-          "name": "required",
-          "description": "Specify if input is a required",
-          "values": []
+          "name": "size",
+          "description": "Specify the size of a Button",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
         },
         {
           "name": "disabled",
-          "description": "Specify if input is a disabled",
+          "description": "Specify if the Button is disabled",
           "values": []
         },
         {
-          "name": "readOnly",
-          "description": "Specify if input is a read only",
-          "values": []
-        },
-        { "name": "action", "values": [{ "name": "Optional<string>" }] },
-        { "name": "method", "values": [{ "name": "Optional<string>" }] },
-        { "name": "target", "values": [{ "name": "Optional<string>" }] },
-        { "name": "enctype", "values": [{ "name": "Optional<string>" }] }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
-        }
-      ]
-    },
-    {
-      "name": "bm-label",
-      "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",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "Specify if the Label displays disabled",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Specify if the Label displays as required",
-          "values": []
-        },
-        {
-          "name": "text",
-          "description": "Specify the text for Label",
-          "values": [{ "name": "Optional<string>" }]
-        },
-        {
-          "name": "optional",
-          "description": "Specify the text for Label",
-          "values": [{ "name": "Optional<string>" }]
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the Label. By default it inherits the theme from the parent",
-          "values": [{ "name": "Optional<ThemeTypes>" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
-        }
-      ]
-    },
-    {
-      "name": "bm-file-upload-button",
-      "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",
-      "attributes": [
-        {
-          "name": "error",
-          "description": "Specify if FileUpload is in error state",
-          "values": []
-        },
-        {
-          "name": "accept",
-          "description": "Specify the accepted file types",
-          "values": []
-        },
-        {
-          "name": "multiple",
-          "description": "Specify if multiple files can be uploaded",
-          "values": []
-        },
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of a Button",
-          "values": [
-            { "name": "accent" },
-            { "name": "neutral" },
-            { "name": "destructive" },
-            { "name": "neutral-subtle" }
-          ]
-        },
-        {
-          "name": "kind",
-          "description": "Specify the kind of Button",
-          "values": [
-            { "name": "filled" },
-            { "name": "outline" },
-            { "name": "ghost" },
-            { "name": "bare" }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "Specify the size of a Button",
-          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
-        },
-        {
-          "name": "disabled",
-          "description": "Specify if the Button is disabled",
-          "values": []
-        },
-        {
-          "name": "fluid",
-          "description": "Specify if Button is fluid",
+          "name": "fluid",
+          "description": "Specify if Button is fluid",
           "values": []
         },
         {
@@ -2001,10 +1940,10 @@
           "name": "state",
           "description": "Specify the status of the file",
           "values": [
-            { "name": "uploading" },
+            { "name": "error" },
             { "name": "success" },
-            { "name": "uploaded" },
-            { "name": "error" }
+            { "name": "uploading" },
+            { "name": "uploaded" }
           ]
         },
         {
@@ -2141,15 +2080,94 @@
         { "name": "id", "values": [] },
         { "name": "name", "values": [] },
         { "name": "value", "values": [] },
+        { "name": "input-aria-label", "values": [] }
+      ],
+      "references": [
         {
-          "name": "input-aria-label",
-          "values": [{ "name": "Optional<string>" }]
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
         }
+      ]
+    },
+    {
+      "name": "bm-form",
+      "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",
+      "attributes": [
+        {
+          "name": "validationMode",
+          "description": "Specify if validation runs on change or when loosing focus",
+          "values": [
+            { "name": "onChange" },
+            { "name": "onBlur" },
+            { "name": "onSubmit" }
+          ]
+        },
+        {
+          "name": "initialValues",
+          "description": "Specify initial values on Form controls based on their names",
+          "values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
+        },
+        {
+          "name": "required",
+          "description": "Specify if input is a required",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if input is a disabled",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if input is a read only",
+          "values": []
+        },
+        { "name": "action", "values": [] },
+        { "name": "method", "values": [] },
+        { "name": "target", "values": [] },
+        { "name": "enctype", "values": [] }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
+        }
+      ]
+    },
+    {
+      "name": "bm-label",
+      "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",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Specify if the Label displays disabled",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Specify if the Label displays as required",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Specify the text for Label",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "Specify the text for Label",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Label. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
         }
       ]
     },
@@ -2175,7 +2193,7 @@
         {
           "name": "error",
           "description": "Specify error text and display error state of a NativeSelect",
-          "values": [{ "name": "Optional<string>" }]
+          "values": []
         },
         {
           "name": "fluid",
@@ -2185,7 +2203,7 @@
         {
           "name": "width",
           "description": "Specify the width of NativeSelect",
-          "values": [{ "name": "Optional<string>" }]
+          "values": []
         },
         {
           "name": "ellipse",
@@ -2200,7 +2218,7 @@
         {
           "name": "theme",
           "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
-          "values": [{ "name": "Optional<ThemeTypes>" }]
+          "values": [{ "name": "light" }, { "name": "dark" }]
         },
         { "name": "id", "values": [] },
         { "name": "name", "values": [] },
@@ -2209,10 +2227,7 @@
           "name": "validationRules",
           "values": [{ "name": "Array<FormValidator>" }]
         },
-        {
-          "name": "input-aria-label",
-          "values": [{ "name": "Optional<string>" }]
-        }
+        { "name": "input-aria-label", "values": [] }
       ],
       "references": [
         {
@@ -2264,99 +2279,6 @@
         }
       ]
     },
-    {
-      "name": "bm-text-area",
-      "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",
-      "attributes": [
-        {
-          "name": "rows",
-          "description": "Specify the height of TextArea",
-          "values": [{ "name": "Optional<number>" }]
-        },
-        {
-          "name": "cols",
-          "description": "Specify the width of TextArea",
-          "values": [{ "name": "Optional<number>" }]
-        },
-        {
-          "name": "placeholder",
-          "description": "Specify placeholder text for TextArea",
-          "values": [{ "name": "Optional<string>" }]
-        },
-        {
-          "name": "required",
-          "description": "Specify if TextArea is a required input",
-          "values": []
-        },
-        {
-          "name": "hideRequiredMarker",
-          "description": "Specify if the TextArea displays with an asterisk",
-          "values": []
-        },
-        {
-          "name": "error",
-          "description": "Specify error text and display error state of a TextArea",
-          "values": [{ "name": "Optional<string>" }]
-        },
-        {
-          "name": "readOnly",
-          "description": "Specify if TextArea displays in a read-only state",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Specify if TextArea displays in a disabled state",
-          "values": []
-        },
-        {
-          "name": "fluid",
-          "description": "Specify if TextArea is fluid",
-          "values": []
-        },
-        {
-          "name": "width",
-          "description": "Specify the width of TextArea",
-          "values": [{ "name": "Optional<string>" }]
-        },
-        {
-          "name": "hideResize",
-          "description": "Specify if TextArea can be manually resized",
-          "values": []
-        },
-        {
-          "name": "maxCount",
-          "description": "Specify the maximum character count for the TextArea",
-          "values": [{ "name": "Optional<number>" }]
-        },
-        {
-          "name": "autoResize",
-          "description": "Specify if the TextArea automatically resizes to fit the text",
-          "values": []
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
-          "values": [{ "name": "Optional<ThemeTypes>" }]
-        },
-        { "name": "id", "values": [] },
-        { "name": "name", "values": [] },
-        { "name": "value", "values": [] },
-        {
-          "name": "validationRules",
-          "values": [{ "name": "Array<FormValidator>" }]
-        },
-        {
-          "name": "input-aria-label",
-          "values": [{ "name": "Optional<string>" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
-        }
-      ]
-    },
     {
       "name": "bm-text-field",
       "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",
@@ -2364,7 +2286,7 @@
         {
           "name": "placeholder",
           "description": "Specify placeholder text for TextField",
-          "values": [{ "name": "Optional<string>" }]
+          "values": []
         },
         {
           "name": "required",
@@ -2379,7 +2301,7 @@
         {
           "name": "error",
           "description": "Specify error text and display error state of a TextField",
-          "values": [{ "name": "Optional<string>" }]
+          "values": []
         },
         {
           "name": "readOnly",
@@ -2399,7 +2321,7 @@
         {
           "name": "width",
           "description": "Specify the width of TextField",
-          "values": [{ "name": "Optional<string>" }]
+          "values": []
         },
         {
           "name": "ellipse",
@@ -2409,7 +2331,7 @@
         {
           "name": "theme",
           "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
-          "values": [{ "name": "Optional<ThemeTypes>" }]
+          "values": [{ "name": "light" }, { "name": "dark" }]
         },
         { "name": "type", "values": [] },
         { "name": "inputMode", "values": [] },
@@ -2420,10 +2342,7 @@
           "name": "validationRules",
           "values": [{ "name": "Array<FormValidator>" }]
         },
-        {
-          "name": "input-aria-label",
-          "values": [{ "name": "Optional<string>" }]
-        }
+        { "name": "input-aria-label", "values": [] }
       ],
       "references": [
         {
@@ -2484,6 +2403,96 @@
         }
       ]
     },
+    {
+      "name": "bm-text-area",
+      "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",
+      "attributes": [
+        {
+          "name": "rows",
+          "description": "Specify the height of TextArea",
+          "values": []
+        },
+        {
+          "name": "cols",
+          "description": "Specify the width of TextArea",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "Specify placeholder text for TextArea",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Specify if TextArea is a required input",
+          "values": []
+        },
+        {
+          "name": "hideRequiredMarker",
+          "description": "Specify if the TextArea displays with an asterisk",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a TextArea",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if TextArea displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if TextArea displays in a disabled state",
+          "values": []
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if TextArea is fluid",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Specify the width of TextArea",
+          "values": []
+        },
+        {
+          "name": "hideResize",
+          "description": "Specify if TextArea can be manually resized",
+          "values": []
+        },
+        {
+          "name": "maxCount",
+          "description": "Specify the maximum character count for the TextArea",
+          "values": []
+        },
+        {
+          "name": "autoResize",
+          "description": "Specify if the TextArea automatically resizes to fit the text",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        { "name": "id", "values": [] },
+        { "name": "name", "values": [] },
+        { "name": "value", "values": [] },
+        {
+          "name": "validationRules",
+          "values": [{ "name": "Array<FormValidator>" }]
+        },
+        { "name": "input-aria-label", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
+        }
+      ]
+    },
     {
       "name": "bm-checkbox-group",
       "description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
@@ -2544,10 +2553,7 @@
           "name": "validationRules",
           "values": [{ "name": "Array<FormValidator>" }]
         },
-        {
-          "name": "input-aria-label",
-          "values": [{ "name": "Optional<string>" }]
-        }
+        { "name": "input-aria-label", "values": [] }
       ],
       "references": [
         {
@@ -2616,10 +2622,7 @@
           "name": "validationRules",
           "values": [{ "name": "Array<FormValidator>" }]
         },
-        {
-          "name": "input-aria-label",
-          "values": [{ "name": "Optional<string>" }]
-        }
+        { "name": "input-aria-label", "values": [] }
       ],
       "references": [
         {
@@ -2688,10 +2691,7 @@
           "name": "validationRules",
           "values": [{ "name": "Array<FormValidator>" }]
         },
-        {
-          "name": "input-aria-label",
-          "values": [{ "name": "Optional<string>" }]
-        }
+        { "name": "input-aria-label", "values": [] }
       ],
       "references": [
         {