@viasat/beam-web-components 2.45.0 → 2.46.0

package/vscode.html-custom-data.json

@@ -159,49 +159,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-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",
@@ -275,6 +232,49 @@
         }
       ]
     },
+    {
+      "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",
@@ -313,6 +313,135 @@
         }
       ]
     },
+    {
+      "name": "bm-breadcrumb",
+      "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap**  - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse**  - Specify how many items show before ellipsis\n- **itemsAfterCollapse**  - Specify how many items show after ellipsis\n- **theme**  - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Pass items to the Breadcrumb",
+      "attributes": [
+        {
+          "name": "wrap",
+          "description": "Specify if items wrap or collapse to an ellipsis",
+          "values": []
+        },
+        {
+          "name": "itemsBeforeCollapse",
+          "description": "Specify how many items show before ellipsis",
+          "values": []
+        },
+        {
+          "name": "itemsAfterCollapse",
+          "description": "Specify how many items show after ellipsis",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Breadcrumbs. 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/components-breadcrumb"
+        }
+      ]
+    },
+    {
+      "name": "bm-breadcrumb-item",
+      "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href**  - Pass href to an item\n- **clickable**  - Specify if the item is interactive without an href\n- **truncationWidth**  - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent**  - Specify explicitly if the item is the last one\n- **isCollapsed** \n---\n\n\n### **Slots:**\n - **default** - Pass text to an item\n- **icon** - Pass icon to an item",
+      "attributes": [
+        { "name": "href", "description": "Pass href to an item", "values": [] },
+        {
+          "name": "clickable",
+          "description": "Specify if the item is interactive without an href",
+          "values": []
+        },
+        {
+          "name": "truncationWidth",
+          "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
+          "values": []
+        },
+        {
+          "name": "isCurrent",
+          "description": "Specify explicitly if the item is the last one",
+          "values": []
+        },
+        { "name": "isCollapsed", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
+        }
+      ]
+    },
+    {
+      "name": "bm-button",
+      "description": "`bm-button`\n\n### Attributes:\n- **appearance**  - Specify the appearance of a Button\n- **kind**  - Specify the kind of Button\n- **size**  - Specify the size of a Button\n- **disabled**  - Specify if the Button is disabled\n- **fluid**  - Specify if Button is fluid\n- **width**  - Specify the width of a Button\n- **height**  - Specify the height of a Button\n- **theme**  - Specify the theme of the Button\n- **iconOnly**  - Specify if the icon displays without text\n- **type** \n---\n\n\n### **Slots:**\n - **default** - Provide content for the Button\n- **iconBefore** - Specify if the Button displays icon before the text\n- **iconAfter** - Specify if the Button displays icon after the text",
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of a Button",
+          "values": [
+            { "name": "accent" },
+            { "name": "neutral" },
+            { "name": "neutral-subtle" },
+            { "name": "destructive" }
+          ]
+        },
+        {
+          "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",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Specify the width of a Button",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Specify the height of a Button",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Button",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "iconOnly",
+          "description": "Specify if the icon displays without text",
+          "values": []
+        },
+        { "name": "type", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
+        }
+      ]
+    },
     {
       "name": "bm-box",
       "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",
@@ -632,216 +761,87 @@
             { "name": "200" },
             { "name": "300" },
             { "name": "400" },
-            { "name": "500" },
-            { "name": "700" },
-            { "name": "800" }
-          ]
-        },
-        {
-          "name": "m",
-          "description": "Specify all margin",
-          "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" }
-          ]
-        },
-        {
-          "name": "p",
-          "description": "Specify all padding",
-          "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" }
-          ]
-        },
-        {
-          "name": "gap",
-          "description": "Specify gap between child elements",
-          "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" }
-          ]
-        },
-        {
-          "name": "shadow",
-          "description": "Specify if a Box has a shadow",
-          "values": [
-            { "name": "sm" },
-            { "name": "md" },
-            { "name": "lg" },
-            { "name": "none" },
-            { "name": "overlay" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-box"
-        }
-      ]
-    },
-    {
-      "name": "bm-breadcrumb",
-      "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap**  - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse**  - Specify how many items show before ellipsis\n- **itemsAfterCollapse**  - Specify how many items show after ellipsis\n- **theme**  - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Pass items to the Breadcrumb",
-      "attributes": [
-        {
-          "name": "wrap",
-          "description": "Specify if items wrap or collapse to an ellipsis",
-          "values": []
-        },
-        {
-          "name": "itemsBeforeCollapse",
-          "description": "Specify how many items show before ellipsis",
-          "values": []
-        },
-        {
-          "name": "itemsAfterCollapse",
-          "description": "Specify how many items show after ellipsis",
-          "values": []
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the Breadcrumbs. 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/components-breadcrumb"
-        }
-      ]
-    },
-    {
-      "name": "bm-breadcrumb-item",
-      "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href**  - Pass href to an item\n- **clickable**  - Specify if the item is interactive without an href\n- **truncationWidth**  - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent**  - Specify explicitly if the item is the last one\n- **isCollapsed** \n---\n\n\n### **Slots:**\n - **default** - Pass text to an item\n- **icon** - Pass icon to an item",
-      "attributes": [
-        { "name": "href", "description": "Pass href to an item", "values": [] },
-        {
-          "name": "clickable",
-          "description": "Specify if the item is interactive without an href",
-          "values": []
-        },
-        {
-          "name": "truncationWidth",
-          "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
-          "values": []
-        },
-        {
-          "name": "isCurrent",
-          "description": "Specify explicitly if the item is the last one",
-          "values": []
-        },
-        { "name": "isCollapsed", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
-        }
-      ]
-    },
-    {
-      "name": "bm-button",
-      "description": "`bm-button`\n\n### Attributes:\n- **appearance**  - Specify the appearance of a Button\n- **kind**  - Specify the kind of Button\n- **size**  - Specify the size of a Button\n- **disabled**  - Specify if the Button is disabled\n- **fluid**  - Specify if Button is fluid\n- **width**  - Specify the width of a Button\n- **height**  - Specify the height of a Button\n- **theme**  - Specify the theme of the Button\n- **iconOnly**  - Specify if the icon displays without text\n- **type** \n---\n\n\n### **Slots:**\n - **default** - Provide content for the Button\n- **iconBefore** - Specify if the Button displays icon before the text\n- **iconAfter** - Specify if the Button displays icon after the text",
-      "attributes": [
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of a Button",
-          "values": [
-            { "name": "accent" },
-            { "name": "neutral" },
-            { "name": "neutral-subtle" },
-            { "name": "destructive" }
-          ]
-        },
-        {
-          "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",
-          "values": []
+            { "name": "500" },
+            { "name": "700" },
+            { "name": "800" }
+          ]
         },
         {
-          "name": "width",
-          "description": "Specify the width of a Button",
-          "values": []
+          "name": "m",
+          "description": "Specify all margin",
+          "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" }
+          ]
         },
         {
-          "name": "height",
-          "description": "Specify the height of a Button",
-          "values": []
+          "name": "p",
+          "description": "Specify all padding",
+          "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" }
+          ]
         },
         {
-          "name": "theme",
-          "description": "Specify the theme of the Button",
-          "values": [{ "name": "light" }, { "name": "dark" }]
+          "name": "gap",
+          "description": "Specify gap between child elements",
+          "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" }
+          ]
         },
         {
-          "name": "iconOnly",
-          "description": "Specify if the icon displays without text",
-          "values": []
-        },
-        { "name": "type", "values": [] }
+          "name": "shadow",
+          "description": "Specify if a Box has a shadow",
+          "values": [
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "none" },
+            { "name": "overlay" }
+          ]
+        }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-box"
         }
       ]
     },
@@ -2216,51 +2216,6 @@
         }
       ]
     },
-    {
-      "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-form"
-        }
-      ]
-    },
     {
       "name": "bm-native-select",
       "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",
@@ -2332,45 +2287,54 @@
       ]
     },
     {
-      "name": "bm-switch",
-      "description": "`bm-switch`\n\n### Attributes:\n- **onText**  - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText**  - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition**  - Specify the position of the side label\n- **readOnly**  - Specify if Switch displays in a read-only state\n- **disabled**  - Specify if Switch displays in a disabled state\n- **checked** \n- **value**  - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+      "name": "bm-radio-button",
+      "description": "`bm-radio-button`\n\n### Attributes:\n- **label**  - Specify the text for the label\n- **error**  - Specify error text and display error state of a RadioButton\n- **readOnly**  - Specify if RadioButton displays in a read-only state\n- **disabled**  - Specify if RadioButton displays in a disabled state\n- **theme**  - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value**  - The value attribute for the input element\n- **checked**  - The checked attribute for the input element\n- **onKeyDown**  - A user-defined function to handle keydown events\n---\n",
       "attributes": [
         {
-          "name": "onText",
-          "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
+          "name": "label",
+          "description": "Specify the text for the label",
           "values": []
         },
         {
-          "name": "offText",
-          "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+          "name": "error",
+          "description": "Specify error text and display error state of a RadioButton",
           "values": []
         },
-        {
-          "name": "textPosition",
-          "description": "Specify the position of the side label",
-          "values": [{ "name": "before" }, { "name": "after" }]
-        },
         {
           "name": "readOnly",
-          "description": "Specify if Switch displays in a read-only state",
+          "description": "Specify if RadioButton displays in a read-only state",
           "values": []
         },
         {
           "name": "disabled",
-          "description": "Specify if Switch displays in a disabled state",
+          "description": "Specify if RadioButton displays in a disabled state",
           "values": []
         },
-        { "name": "checked", "values": [] },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
         {
           "name": "value",
           "description": "The value attribute for the input element",
           "values": []
+        },
+        {
+          "name": "checked",
+          "description": "The checked attribute for the input element",
+          "values": []
+        },
+        {
+          "name": "onKeyDown",
+          "description": "A user-defined function to handle keydown events",
+          "values": [{ "name": "(event: KeyboardEvent) => void" }]
         }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
         }
       ]
     },
@@ -2465,54 +2429,90 @@
       ]
     },
     {
-      "name": "bm-radio-button",
-      "description": "`bm-radio-button`\n\n### Attributes:\n- **label**  - Specify the text for the label\n- **error**  - Specify error text and display error state of a RadioButton\n- **readOnly**  - Specify if RadioButton displays in a read-only state\n- **disabled**  - Specify if RadioButton displays in a disabled state\n- **theme**  - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value**  - The value attribute for the input element\n- **checked**  - The checked attribute for the input element\n- **onKeyDown**  - A user-defined function to handle keydown events\n---\n",
+      "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": "label",
-          "description": "Specify the text for the label",
+          "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": "error",
-          "description": "Specify error text and display error state of a RadioButton",
+          "name": "disabled",
+          "description": "Specify if input is a disabled",
           "values": []
         },
         {
           "name": "readOnly",
-          "description": "Specify if RadioButton displays in a read-only state",
+          "description": "Specify if input is a read only",
           "values": []
         },
+        { "name": "action", "values": [] },
+        { "name": "method", "values": [] },
+        { "name": "target", "values": [] },
+        { "name": "enctype", "values": [] }
+      ],
+      "references": [
         {
-          "name": "disabled",
-          "description": "Specify if RadioButton displays in a disabled state",
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
+        }
+      ]
+    },
+    {
+      "name": "bm-switch",
+      "description": "`bm-switch`\n\n### Attributes:\n- **onText**  - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText**  - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition**  - Specify the position of the side label\n- **readOnly**  - Specify if Switch displays in a read-only state\n- **disabled**  - Specify if Switch displays in a disabled state\n- **checked** \n- **value**  - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+      "attributes": [
+        {
+          "name": "onText",
+          "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
           "values": []
         },
         {
-          "name": "theme",
-          "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
+          "name": "offText",
+          "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+          "values": []
         },
         {
-          "name": "value",
-          "description": "The value attribute for the input element",
+          "name": "textPosition",
+          "description": "Specify the position of the side label",
+          "values": [{ "name": "before" }, { "name": "after" }]
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if Switch displays in a read-only state",
           "values": []
         },
         {
-          "name": "checked",
-          "description": "The checked attribute for the input element",
+          "name": "disabled",
+          "description": "Specify if Switch displays in a disabled state",
           "values": []
         },
+        { "name": "checked", "values": [] },
         {
-          "name": "onKeyDown",
-          "description": "A user-defined function to handle keydown events",
-          "values": [{ "name": "(event: KeyboardEvent) => void" }]
+          "name": "value",
+          "description": "The value attribute for the input element",
+          "values": []
         }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
         }
       ]
     },
@@ -2586,8 +2586,8 @@
       ]
     },
     {
-      "name": "bm-switch-group",
-      "description": "`bm-switch-group`\n---\n\n\n### **Slots:**\n - **label** - Slot for the label of the SwitchGroup\n- **helperText** - Slot for the helper text of the SwitchGroup",
+      "name": "bm-radio-button-group",
+      "description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
       "attributes": [
         {
           "name": "theme",
@@ -2650,13 +2650,13 @@
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
         }
       ]
     },
     {
-      "name": "bm-radio-button-group",
-      "description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
+      "name": "bm-switch-group",
+      "description": "`bm-switch-group`\n---\n\n\n### **Slots:**\n - **label** - Slot for the label of the SwitchGroup\n- **helperText** - Slot for the helper text of the SwitchGroup",
       "attributes": [
         {
           "name": "theme",
@@ -2719,7 +2719,7 @@
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
         }
       ]
     }