@viasat/beam-web-components 2.0.0

package/vscode.html-custom-data.json

@@ -0,0 +1,2704 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "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-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",
+      "attributes": [
+        {
+          "name": "backgroundColor",
+          "description": "Specify the background color of a Box",
+          "values": [
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" },
+            { "name": "inverse" },
+            { "name": "00" },
+            { "name": "00-alt" },
+            { "name": "01" },
+            { "name": "02" },
+            { "name": "03" },
+            { "name": "info-primary" },
+            { "name": "info-secondary" },
+            { "name": "positive-strong" },
+            { "name": "warning-strong" },
+            { "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" }
+          ]
+        },
+        {
+          "name": "borderColor",
+          "description": "Specify the border color of a Box",
+          "values": [
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" },
+            { "name": "inverse" },
+            { "name": "strong" },
+            { "name": "00" },
+            { "name": "00-alt" },
+            { "name": "01" },
+            { "name": "02" },
+            { "name": "03" },
+            { "name": "info-primary" },
+            { "name": "info-secondary" },
+            { "name": "positive-strong" },
+            { "name": "warning-strong" },
+            { "name": "negative-strong" },
+            { "name": "info-primary-strong" },
+            { "name": "info-secondary-strong" },
+            { "name": "selected" },
+            { "name": "transparent" },
+            { "name": "expressive" },
+            { "name": "expressive-stronger" },
+            { "name": "focus" }
+          ]
+        },
+        {
+          "name": "borderWidth",
+          "description": "Specify the border width of a Box",
+          "values": [
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" },
+            { "name": "none" },
+            { "name": "divider" }
+          ]
+        },
+        {
+          "name": "borderRadius",
+          "description": "Specify the border radius of a Box",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "none" },
+            { "name": "round" }
+          ]
+        },
+        {
+          "name": "px",
+          "description": "Specify before and after padding of a Box",
+          "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": "py",
+          "description": "Specify top and bottom padding of a Box",
+          "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": "pTop",
+          "description": "Specify top padding of a Box",
+          "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": "pBottom",
+          "description": "Specify bottom padding of a Box",
+          "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": "pBefore",
+          "description": "Specify before padding of a Box",
+          "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": "pAfter",
+          "description": "Specify after padding of a Box",
+          "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": "mx",
+          "description": "Specify before and after margin of a Box",
+          "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": "my",
+          "description": "Specify top and bottom margin of a Box",
+          "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": "mTop",
+          "description": "Specify top margin of a Box",
+          "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": "mBottom",
+          "description": "Specify bottom margin of a Box",
+          "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": "mBefore",
+          "description": "Specify before margin of a Box",
+          "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": "mAfter",
+          "description": "Specify after margin of a Box",
+          "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": "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-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",
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the Avatar",
+          "values": [{ "name": "accent" }, { "name": "neutral" }]
+        },
+        {
+          "name": "name",
+          "description": "Specify a name to display initials in the Avatar",
+          "values": []
+        },
+        {
+          "name": "src",
+          "description": "Pass an image to the Avatar",
+          "values": []
+        },
+        { "name": "alt", "description": "Specify alt for image", "values": [] },
+        {
+          "name": "size",
+          "description": "Specify the size of the Avatar",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if the Avatar is disabled",
+          "values": []
+        },
+        {
+          "name": "shape",
+          "description": "Specify the shape of the Avatar",
+          "values": [{ "name": "circle" }, { "name": "square" }]
+        },
+        {
+          "name": "isInteractive",
+          "description": "If Avatar is interactive, use `isInteractive` to make the Avatar focusable and show state layer",
+          "values": []
+        },
+        {
+          "name": "isFocusable",
+          "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
+          "values": []
+        },
+        { "name": "withBorder", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
+        }
+      ]
+    },
+    {
+      "name": "bm-avatar-group",
+      "description": "`bm-avatar-group`\n\n### Attributes:\n- **wrapping**  - Specify if the AvatarGroup wraps\n- **maxCount**  - Specify the max number of avatars displayed in the group.\n- **size**  - Specify the size of all Avatars\n- **layout**  - Specify the kind of the group.\n---\n\n\n### **Slots:**\n - **default** - Add Avatars to create a group",
+      "attributes": [
+        {
+          "name": "wrapping",
+          "description": "Specify if the AvatarGroup wraps",
+          "values": []
+        },
+        {
+          "name": "maxCount",
+          "description": "Specify the max number of avatars displayed in the group.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of all Avatars",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
+          ]
+        },
+        {
+          "name": "layout",
+          "description": "Specify the kind of the group.",
+          "values": [{ "name": "stacked" }, { "name": "spaced" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
+        }
+      ]
+    },
+    {
+      "name": "bm-accordion",
+      "description": "`bm-accordion`\n\n### Attributes:\n- **size**  - Specify size of an Accordion\n- **heading**  - Specify heading content for the Accordion\n- **open**  - Specify if an Accordion is open.\nIf this is specified, the component becomes controlled\n- **defaultOpen**  - Specify if an Accordion is open by default\n- **id**  - Unique identifier of Accordion\n---\n\n\n### **Events:**\n - **bm-toggle** - Dispatched when the Accordion is toggled\n\n### **Slots:**\n - **default** - Specify body content for the Accordion\n- **icon** - Display an icon before the Accordion heading\n- **heading** - Specify heading content for the Accordion",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Specify size of an Accordion",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "heading",
+          "description": "Specify heading content for the Accordion",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Specify if an Accordion is open.\nIf this is specified, the component becomes controlled",
+          "values": []
+        },
+        {
+          "name": "defaultOpen",
+          "description": "Specify if an Accordion is open by default",
+          "values": []
+        },
+        {
+          "name": "id",
+          "description": "Unique identifier of Accordion",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
+        }
+      ]
+    },
+    {
+      "name": "bm-accordion-group",
+      "description": "`bm-accordion-group`\n\n### Attributes:\n- **size**  - Specify the size of the AccordionGroup\n- **singleExpand**  - Specify if only one row item can be expanded at a time\n---\n\n\n### **Slots:**\n - **default** - Specify which Accordions are in the AccordionGroup",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Specify the size of the AccordionGroup",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "singleExpand",
+          "description": "Specify if only one row item can be expanded at a time",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-accordion"
+        }
+      ]
+    },
+    {
+      "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": "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",
+          "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-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",
+      "attributes": [
+        {
+          "name": "heading",
+          "description": "Specify the heading text for Alert",
+          "values": []
+        },
+        {
+          "name": "body",
+          "description": "Specify the body text for Alert",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the Alert",
+          "values": [{ "name": "sm" }, { "name": "md" }]
+        },
+        {
+          "name": "fullWidth",
+          "description": "Specify if the Alert has no border radius",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the Alert",
+          "values": [
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
+        },
+        {
+          "name": "hidden",
+          "description": "Specify if the Alert is hidden",
+          "values": []
+        },
+        {
+          "name": "hideIcon",
+          "description": "Specify if the icon displays on the Alert",
+          "values": []
+        },
+        {
+          "name": "dismissible",
+          "description": "Specify if the Alert can be dismissed",
+          "values": []
+        },
+        {
+          "name": "disableAutoFocus",
+          "description": "Prevent autofocus on show",
+          "values": []
+        },
+        {
+          "name": "disableCloseOnEscape",
+          "description": "Prevent Escape from closing",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
+        }
+      ]
+    },
+    {
+      "name": "bm-close-button",
+      "description": "`bm-close-button`\n\n### Attributes:\n- **size**  - Specify the size of the CloseButton\n- **disabled**  - Specify if the CloseButton is disabled\n---\n",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Specify the size of the CloseButton",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if the CloseButton is disabled",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-closebutton"
+        }
+      ]
+    },
+    {
+      "name": "bm-divider",
+      "description": "`bm-divider`\n\n### Attributes:\n- **orientation**  - Specify the direction of the Divider\n- **borderColor**  - Specify the border color of the divider line\n- **borderWidth**  - Specify the width of the divider line\n- **borderStyle**  - Specify the style of the divider line\n- **alignContent**  - Align content to the divider line\n- **length** \n- **inset**  - Add equal padding to each side of the Divider\n---\n\n\n### **Slots:**\n - **default** - Add text to the Divider\n- **icon** - Add an icon to the Divider",
+      "attributes": [
+        {
+          "name": "orientation",
+          "description": "Specify the direction of the Divider",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "borderColor",
+          "description": "Specify the border color of the divider line",
+          "values": [
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" },
+            { "name": "inverse" },
+            { "name": "strong" },
+            { "name": "00" },
+            { "name": "00-alt" },
+            { "name": "01" },
+            { "name": "02" },
+            { "name": "03" },
+            { "name": "info-primary" },
+            { "name": "info-secondary" },
+            { "name": "positive-strong" },
+            { "name": "warning-strong" },
+            { "name": "negative-strong" },
+            { "name": "info-primary-strong" },
+            { "name": "info-secondary-strong" }
+          ]
+        },
+        {
+          "name": "borderWidth",
+          "description": "Specify the width of the divider line",
+          "values": [{ "name": "md" }, { "name": "lg" }, { "name": "xl" }]
+        },
+        {
+          "name": "borderStyle",
+          "description": "Specify the style of the divider line",
+          "values": [
+            { "name": "solid" },
+            { "name": "dashed" },
+            { "name": "dotted" }
+          ]
+        },
+        {
+          "name": "alignContent",
+          "description": "Align content to the divider line",
+          "values": [
+            { "name": "start" },
+            { "name": "end" },
+            { "name": "center" }
+          ]
+        },
+        { "name": "length", "values": [] },
+        {
+          "name": "inset",
+          "description": "Add equal padding to each side of the Divider",
+          "values": [{ "name": "DividerSpacing" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-divider"
+        }
+      ]
+    },
+    {
+      "name": "bm-empty-state",
+      "description": "`bm-empty-state`\n\n### Attributes:\n- **heading**  - Specify heading text for EmptyState\n- **body**  - Specify body text for EmptyState\n- **actions**  - Specify action for EmptyState\n- **theme**  - Specify the theme of EmptyState. By default it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **icon** - Specify an icon for EmptyState\n- **heading** - Specify heading text for EmptyState\n- **body** - Specify body text for EmptyState\n- **actions** - Add actions to EmptyState",
+      "attributes": [
+        {
+          "name": "heading",
+          "description": "Specify heading text for EmptyState",
+          "values": []
+        },
+        {
+          "name": "body",
+          "description": "Specify body text for EmptyState",
+          "values": []
+        },
+        {
+          "name": "actions",
+          "description": "Specify action for EmptyState",
+          "values": [{ "name": "HTMLSlotElement" }]
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of EmptyState. 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-emptystate"
+        }
+      ]
+    },
+    {
+      "name": "bm-helper-text",
+      "description": "### Attributes:\n- **appearance**  - Specify the appearance of the HelperText\n- **size**  - Specify the size of the HelperText\n- **disabled**  - Specify if the message is disabled for HelpText\n- **hideIcon**  - Specify if the icon displays on the HelperText\n- **text**  - Add or customize content in the HelperText\n- **theme**  - Specify the theme of the HelperText. By default it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Add or customize content in the HelperText\n- **icon** - Specify a different icon for the HelperText",
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the HelperText",
+          "values": [
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" },
+            { "name": "info" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the HelperText",
+          "values": [{ "name": "sm" }, { "name": "md" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if the message is disabled for HelpText",
+          "values": []
+        },
+        {
+          "name": "hideIcon",
+          "description": "Specify if the icon displays on the HelperText",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Add or customize content in the HelperText",
+          "values": [{ "name": "Optional<string>" }]
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the HelperText. 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/components-helpertext"
+        }
+      ]
+    },
+    {
+      "name": "bm-icon",
+      "description": "`bm-icon`\n\n### Attributes:\n- **color**  - Specify the color of Icon\n- **size**  - Specify the size of Icon\n- **customIconSize**  - Specify a custom size for the Icon\n- **customIconColor**  - Specify a custom color for the Icon\n---\n\n\n### **Slots:**\n - **default** - Specify which Icon to display",
+      "attributes": [
+        {
+          "name": "color",
+          "description": "Specify the color of Icon",
+          "values": [
+            { "name": "primary" },
+            { "name": "secondary" },
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" },
+            { "name": "secondaryInverse" },
+            { "name": "positiveStrong" },
+            { "name": "warningStrong" },
+            { "name": "negativeStrong" },
+            { "name": "infoPrimaryStrong" },
+            { "name": "infoSecondaryStrong" },
+            { "name": "primaryInverse" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of Icon",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
+          ]
+        },
+        {
+          "name": "customIconSize",
+          "description": "Specify a custom size for the Icon",
+          "values": []
+        },
+        {
+          "name": "customIconColor",
+          "description": "Specify a custom color for the Icon",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-icon"
+        }
+      ]
+    },
+    {
+      "name": "bm-input-choice-group",
+      "description": "`bm-input-choice-group`\n\n### Attributes:\n- **theme**  - Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent\n- **layout**  - Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead\n- **orientation**  - Specify InputChoiceGroup orientation\n- **fluid**  - Specify if InputChoiceGroup should take the full width of its container\n- **required**  - Specify if InputChoiceGroup is a required input\n- **hideRequiredMarker**  - Specify if the InputChoiceGroup displays with an asterisk\n- **error**  - Specify error text and display error state of a InputChoiceGroup\n- **readOnly**  - Specify if InputChoiceGroup displays in a read-only state\n- **disabled**  - Specify if InputChoiceGroup displays in a disabled state\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "layout",
+          "description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
+          "values": [
+            { "name": "horizontal" },
+            { "name": "vertical" },
+            { "name": "horizontalFluid" }
+          ]
+        },
+        {
+          "name": "orientation",
+          "description": "Specify InputChoiceGroup orientation",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if InputChoiceGroup should take the full width of its container",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Specify if InputChoiceGroup is a required input",
+          "values": []
+        },
+        {
+          "name": "hideRequiredMarker",
+          "description": "Specify if the InputChoiceGroup displays with an asterisk",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a InputChoiceGroup",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if InputChoiceGroup displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if InputChoiceGroup displays in a disabled state",
+          "values": []
+        },
+        { "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/components-inputchoice"
+        }
+      ]
+    },
+    {
+      "name": "bm-link",
+      "description": "`bm-link`\n\n### Attributes:\n- **appearance**  - Specify the appearance of a Link\n- **bold**  - Specify if the Link displays as bold\n- **size**  - Specify the size of a Link\n- **disabled**  - Specify if the Link is disabled\n- **href**  - Specify the target link for the href attribute\n- **text**  - Provide text for the Link\n- **hideUnderline**  - Specify if Link displays with an underline\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Link or use the `text` attribute\n- **iconBefore** - Specify if the Link displays icon before the text\n- **iconAfter** - Specify if the Link displays icon after the text",
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of a Link",
+          "values": [{ "name": "primary" }, { "name": "secondary" }]
+        },
+        {
+          "name": "bold",
+          "description": "Specify if the Link displays as bold",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of a Link",
+          "values": [
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if the Link is disabled",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "Specify the target link for the href attribute",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Provide text for the Link",
+          "values": []
+        },
+        {
+          "name": "hideUnderline",
+          "description": "Specify if Link displays with an underline",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-link"
+        }
+      ]
+    },
+    {
+      "name": "bm-list",
+      "description": "### Attributes:\n- **kind**  - Specify the kind of List\n- **size**  - Specify the size of List\n- **density**  - Specify the density of the List\n- **indent**  - Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.\n---\n\n\n### **Slots:**\n - **default** - Add list items to create a List",
+      "attributes": [
+        {
+          "name": "kind",
+          "description": "Specify the kind of List",
+          "values": [
+            { "name": "ordered" },
+            { "name": "unordered" },
+            { "name": "unstyled" },
+            { "name": "withIcons" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of List",
+          "values": [
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
+          ]
+        },
+        {
+          "name": "density",
+          "description": "Specify the density of the List",
+          "values": [{ "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "indent",
+          "description": "Specify if the List has an indentation.\nValid only for `unstyled` and `withIcons` List kinds.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
+        }
+      ]
+    },
+    {
+      "name": "bm-list-item",
+      "description": "\n---\n\n\n### **Slots:**\n - **icon** - Specify an Icon for the List.Item\n- **default** - Specify the text for List.Item",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-list"
+        }
+      ]
+    },
+    {
+      "name": "bm-progress-bar",
+      "description": "`bm-progress-bar`\n\n### Attributes:\n- **state**  - Specify the ProgressBar state\n- **size**  - Specify the size of the ProgressBar\n- **label**  - Provide text for the ProgressBar label\n- **helperText**  - Specify helperText for ProgressBar. helperText is required for the Error state.\n- **fullWidth**  - Specify if the ProgressBar has no corner radius\n- **theme**  - Specify the theme of the ProgressBar. By default it inherits the theme from the parent\n- **value**  - Specify if a ProgressBar is determinate by setting a value between 0 and 100.\n- **progressbarAriaLabel**  - Specify the aria-label for the ProgressBar\n---\n",
+      "attributes": [
+        {
+          "name": "state",
+          "description": "Specify the ProgressBar state",
+          "values": [
+            { "name": "success" },
+            { "name": "error" },
+            { "name": "active" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the ProgressBar",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "label",
+          "description": "Provide text for the ProgressBar label",
+          "values": []
+        },
+        {
+          "name": "helperText",
+          "description": "Specify helperText for ProgressBar. helperText is required for the Error state.",
+          "values": []
+        },
+        {
+          "name": "fullWidth",
+          "description": "Specify if the ProgressBar has no corner radius",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the ProgressBar. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "value",
+          "description": "Specify if a ProgressBar is determinate by setting a value between 0 and 100.",
+          "values": []
+        },
+        {
+          "name": "progressbarAriaLabel",
+          "description": "Specify the aria-label for the ProgressBar",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-progressbar"
+        }
+      ]
+    },
+    {
+      "name": "bm-segmented-control",
+      "description": "`bm-segmented-control`\n\n### Attributes:\n- **disabled**  - Specify if all SegmentedControl items are disabled\n- **size**  - Specify the size of a SegmentedControl\n- **initialSelection**  - Specify the value of the initially selected item\n- **fluid**  - Specify if the SegmentedControl is fluid with its parent container\n---\n\n\n### **Events:**\n - **bm-change** - Dispatched when a `SegmentedControlItem` is selected, with the selected value in the `detail` property",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Specify if all SegmentedControl items are disabled",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of a SegmentedControl",
+          "values": []
+        },
+        {
+          "name": "initialSelection",
+          "description": "Specify the value of the initially selected item",
+          "values": []
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if the SegmentedControl is fluid with its parent container",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-segmentedcontrol"
+        }
+      ]
+    },
+    {
+      "name": "bm-segmented-control-item",
+      "description": "### Attributes:\n- **value**  - Specify the value of the item\n- **disabled**  - Specify if this item is disabled\n---\n\n\n### **Events:**\n - **bm-selected** - Dispatched when the item is selected\n\n### **Slots:**\n - **icon** - Specify an icon for the item\n- **default** - Specify the text content of the item",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Specify the value of the item",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if this item is disabled",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-segmentedcontrol"
+        }
+      ]
+    },
+    {
+      "name": "bm-segmented-control-list",
+      "description": "\n---\n\n\n### **Events:**\n - **bm-selected** - Dispatched when an item is selected\n\n### **Slots:**\n - **default** - Specify the items of the list",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-segmentedcontrol"
+        }
+      ]
+    },
+    {
+      "name": "bm-segmented-control-panel",
+      "description": "### Attributes:\n- **value**  - Specify the value of the panel\n---\n\n\n### **Slots:**\n - **default** - Specify the content of the panel",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Specify the value of the panel",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-segmentedcontrol"
+        }
+      ]
+    },
+    {
+      "name": "bm-spinner",
+      "description": "`bm-spinner`\n\n### Attributes:\n- **size**  - Specify the size of the spinner\n- **value**  - Specify if a spinner is determinate by setting a value\n- **showPercentage**  - Specify if a percentage displays with the Spinner\n- **heading**  - Specify the heading text for Spinner (used if no heading slot is provided).\n- **body**  - Specify the body text for Spinner (used if no body slot is provided).\n- **theme**  - Specify the theme of the Spinner. By default it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **body** - Specify the body text for Spinner. Falls back to `body` prop if not provided.\n- **heading** - Specify the heading text for Spinner. Falls back to `heading` prop if not provided.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Specify the size of the spinner",
+          "values": [
+            { "name": "xxs" },
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Specify if a spinner is determinate by setting a value",
+          "values": [{ "name": "SpinnerValues" }]
+        },
+        {
+          "name": "showPercentage",
+          "description": "Specify if a percentage displays with the Spinner",
+          "values": []
+        },
+        {
+          "name": "heading",
+          "description": "Specify the heading text for Spinner (used if no heading slot is provided).",
+          "values": []
+        },
+        {
+          "name": "body",
+          "description": "Specify the body text for Spinner (used if no body slot is provided).",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Spinner. 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-spinner"
+        }
+      ]
+    },
+    {
+      "name": "bm-text",
+      "description": "`bm-text`\nText component that supports both text content and children, including other web components\n\n### Attributes:\n- **text**  - The text content. If provided, will be used instead of slot content.\n- **theme**  - Specify the theme of the Text. By default it inherits the theme from the parent\n- **kind**  - Specify if Text displays as a heading, body, detail, or label variant\n- **color**  - Specifies the color of the text\n- **wordBreak**  - Sets the css word-break property\n- **alignment**  - Sets css text-align to either start, center, or end\n- **bold**  - Specify if Text is bold. This prop only works for body `kinds`\n- **block**  - Changes the css display to block\n- **truncate**  - Truncates css text with ellipsis if it exceeds the container\n- **compact**  - Reduces the line-height of body and label `kind` variants\n- **strikethrough**  - Adds a strikethrough to the text\n- **underline**  - Underlines the text\n- **italic**  - Italicizes the text\n---\n\n\n### **Slots:**\n - **default** - The text content for the Text component or pass the `text` attribute to set the text content",
+      "attributes": [
+        {
+          "name": "text",
+          "description": "The text content. If provided, will be used instead of slot content.",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Text. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "kind",
+          "description": "Specify if Text displays as a heading, body, detail, or label variant",
+          "values": [
+            { "name": "heading-6xl" },
+            { "name": "heading-5xl" },
+            { "name": "heading-4xl" },
+            { "name": "heading-3xl" },
+            { "name": "heading-2xl" },
+            { "name": "heading-xl" },
+            { "name": "heading-lg" },
+            { "name": "heading-md" },
+            { "name": "heading-sm" },
+            { "name": "heading-xs" },
+            { "name": "heading-alt-6xl" },
+            { "name": "heading-alt-5xl" },
+            { "name": "heading-alt-4xl" },
+            { "name": "heading-alt-3xl" },
+            { "name": "heading-alt-2xl" },
+            { "name": "heading-alt-xl" },
+            { "name": "heading-alt-lg" },
+            { "name": "heading-alt-md" },
+            { "name": "heading-alt-sm" },
+            { "name": "heading-alt-xs" },
+            { "name": "body-2xl" },
+            { "name": "body-xl" },
+            { "name": "body-lg" },
+            { "name": "body-md" },
+            { "name": "body-sm" },
+            { "name": "body-xs" },
+            { "name": "detail-xl" },
+            { "name": "detail-lg" },
+            { "name": "detail-md" },
+            { "name": "detail-sm" },
+            { "name": "detail-xs" },
+            { "name": "label-2xl" },
+            { "name": "label-xl" },
+            { "name": "label-lg" },
+            { "name": "label-md" },
+            { "name": "label-sm" },
+            { "name": "label-xs" }
+          ]
+        },
+        {
+          "name": "color",
+          "description": "Specifies the color of the text",
+          "values": [
+            { "name": "primary" },
+            { "name": "secondary" },
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" },
+            { "name": "secondaryInverse" },
+            { "name": "selected" },
+            { "name": "expressive" },
+            { "name": "disabled" },
+            { "name": "primaryInverse" },
+            { "name": "expressiveStronger" },
+            { "name": "expressiveInverse" },
+            { "name": "expressiveInverseStronger" }
+          ]
+        },
+        {
+          "name": "wordBreak",
+          "description": "Sets the css word-break property",
+          "values": [
+            { "name": "normal" },
+            { "name": "breakAll" },
+            { "name": "breakWord" }
+          ]
+        },
+        {
+          "name": "alignment",
+          "description": "Sets css text-align to either start, center, or end",
+          "values": [
+            { "name": "start" },
+            { "name": "end" },
+            { "name": "center" }
+          ]
+        },
+        {
+          "name": "bold",
+          "description": "Specify if Text is bold. This prop only works for body `kinds`",
+          "values": []
+        },
+        {
+          "name": "block",
+          "description": "Changes the css display to block",
+          "values": []
+        },
+        {
+          "name": "truncate",
+          "description": "Truncates css text with ellipsis if it exceeds the container",
+          "values": []
+        },
+        {
+          "name": "compact",
+          "description": "Reduces the line-height of body and label `kind` variants",
+          "values": []
+        },
+        {
+          "name": "strikethrough",
+          "description": "Adds a strikethrough to the text",
+          "values": []
+        },
+        {
+          "name": "underline",
+          "description": "Underlines the text",
+          "values": []
+        },
+        { "name": "italic", "description": "Italicizes the text", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-text"
+        }
+      ]
+    },
+    {
+      "name": "bm-tooltip",
+      "description": "`bm-tooltip`\n\n### Attributes:\n- **theme**  - Specify the theme of Tooltip. By default it inherits the theme from the parent\n- **open**  - Control the visibility of Tooltip\n- **hideArrow**  - Whether the arrow is visible\n- **placement**  - Specify the placement of Tooltip relative to the anchor\n- **autoPlacement**  - Specify if Tooltip should automatically choose the placement that has the most space.\n<a href=\"https://floating-ui.com/docs/autoplacement#options\" target=\"_blank\" rel=\"noopener noreferrer\">AutoPlacementOptions</a>\n- **flip**  - Specify if Tooltip should flip to the opposite side if there is not enough space.\nCannot be used with `autoPlacement`.\n<a href=\"https://floating-ui.com/docs/flip#options\" target=\"_blank\" rel=\"noopener noreferrer\">FlipOptions</a>\n- **shift**  - Specify if Tooltip should shift to keep itself in view.\n<a href=\"https://floating-ui.com/docs/shift#options\" target=\"_blank\" rel=\"noopener noreferrer\">ShiftOptions</a>\n- **autoHiding**  - Specify if Tooltip should hide when the anchor is not in view.\n<a href=\"https://floating-ui.com/docs/hide#options\" target=\"_blank\" rel=\"noopener noreferrer\">HideOptions</a>\n- **middleware**  - Pass an array to override the floating-ui middleware\nor a function to modify the Beam-default middleware array.\n<a href=\"https://floating-ui.com/docs/middleware\" target=\"_blank\" rel=\"noopener noreferrer\">Middleware</a>\n- **defaultOpen**  - Control the default visibility of Tooltip\n- **showDelay**  - Specify the delay in milliseconds before Tooltip appears\nwhen the anchor is hovered\n- **popoverAPI**  - Enable the Popover API internally on supported browsers\n- **disableAutoAria**  - Disable aria-describedby and id attributes on the floating and anchor content\n- **autoDescribedById**  - Override the auto-generated id attached to the trigger for aria-describedby\n- **disabled**  - Prevent Tooltip from appearing\n- **triggerSize**  - Specify the size of the Tooltip trigger. `none` to leave uncontrolled.\n---\n\n\n### **Events:**\n - **bm-toggle** - Dispatched when the Tooltip is toggled\n\n### **Slots:**\n - **text** - The content of Tooltip\n- **trigger** - The element that triggers Tooltip",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "Specify the theme of Tooltip. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "open",
+          "description": "Control the visibility of Tooltip",
+          "values": []
+        },
+        {
+          "name": "hideArrow",
+          "description": "Whether the arrow is visible",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "Specify the placement of Tooltip relative to the anchor",
+          "values": [{ "name": "Placement" }]
+        },
+        {
+          "name": "autoPlacement",
+          "description": "Specify if Tooltip should automatically choose the placement that has the most space.\n<a href=\"https://floating-ui.com/docs/autoplacement#options\" target=\"_blank\" rel=\"noopener noreferrer\">AutoPlacementOptions</a>",
+          "values": [{ "name": "AutoPlacementOptions" }]
+        },
+        {
+          "name": "flip",
+          "description": "Specify if Tooltip should flip to the opposite side if there is not enough space.\nCannot be used with `autoPlacement`.\n<a href=\"https://floating-ui.com/docs/flip#options\" target=\"_blank\" rel=\"noopener noreferrer\">FlipOptions</a>",
+          "values": [{ "name": "FlipOptions" }]
+        },
+        {
+          "name": "shift",
+          "description": "Specify if Tooltip should shift to keep itself in view.\n<a href=\"https://floating-ui.com/docs/shift#options\" target=\"_blank\" rel=\"noopener noreferrer\">ShiftOptions</a>",
+          "values": [{ "name": "ShiftOptions" }]
+        },
+        {
+          "name": "autoHiding",
+          "description": "Specify if Tooltip should hide when the anchor is not in view.\n<a href=\"https://floating-ui.com/docs/hide#options\" target=\"_blank\" rel=\"noopener noreferrer\">HideOptions</a>",
+          "values": [{ "name": "Record<string, unknown>" }]
+        },
+        {
+          "name": "middleware",
+          "description": "Pass an array to override the floating-ui middleware\nor a function to modify the Beam-default middleware array.\n<a href=\"https://floating-ui.com/docs/middleware\" target=\"_blank\" rel=\"noopener noreferrer\">Middleware</a>",
+          "values": [{ "name": "MiddlewareModifier" }]
+        },
+        {
+          "name": "defaultOpen",
+          "description": "Control the default visibility of Tooltip",
+          "values": []
+        },
+        {
+          "name": "showDelay",
+          "description": "Specify the delay in milliseconds before Tooltip appears\nwhen the anchor is hovered",
+          "values": []
+        },
+        {
+          "name": "popoverAPI",
+          "description": "Enable the Popover API internally on supported browsers",
+          "values": []
+        },
+        {
+          "name": "disableAutoAria",
+          "description": "Disable aria-describedby and id attributes on the floating and anchor content",
+          "values": []
+        },
+        {
+          "name": "autoDescribedById",
+          "description": "Override the auto-generated id attached to the trigger for aria-describedby",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Prevent Tooltip from appearing",
+          "values": []
+        },
+        {
+          "name": "triggerSize",
+          "description": "Specify the size of the Tooltip trigger. `none` to leave uncontrolled.",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" },
+            { "name": "none" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-tooltip"
+        }
+      ]
+    },
+    {
+      "name": "bm-tooltip-icon-trigger",
+      "description": "### Attributes:\n- **size**  - Specify the size of the Tooltip trigger. `none` to leave uncontrolled.\n- **disabled**  - Prevent the trigger from being interacted with\n---\n",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Specify the size of the Tooltip trigger. `none` to leave uncontrolled.",
+          "values": [
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" },
+            { "name": "none" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Prevent the trigger from being interacted with",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-tooltipicon"
+        }
+      ]
+    },
+    {
+      "name": "bm-checkbox",
+      "description": "`bm-checkbox`\n\n### Attributes:\n- **theme**  - Specify the theme of the CloseButton. By default it inherits the theme from the parent\n- **label**  - Specify the text for the label\n- **name**  - Specify the checkbox name\n- **value**  - Specify the checkbox value\n- **error**  - Specify error text and display error state of a Checkbox\n- **readOnly**  - Specify if Checkbox displays in a read-only state\n- **indeterminate**  - Specify if Checkbox displays in an indeterminate state\n- **disabled**  - Specify if Checkbox displays in disabled state\n- **checked**  - Specify if Checkbox is checked\n---\n",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "Specify the theme of the CloseButton. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "label",
+          "description": "Specify the text for the label",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "Specify the checkbox name",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Specify the checkbox value",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a Checkbox",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if Checkbox displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Specify if Checkbox displays in an indeterminate state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if Checkbox displays in disabled state",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "Specify if Checkbox is checked",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-checkbox"
+        }
+      ]
+    },
+    {
+      "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",
+          "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/forms-fileupload"
+        }
+      ]
+    },
+    {
+      "name": "bm-file-upload-dropzone",
+      "description": "`bm-file-upload-dropzone`\n\n### Attributes:\n- **error**  - Specify if FileUpload is in error state\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled\n- **accept**  - Specify the accepted file types\n- **name**  - Specify the name of the FileUpload\n- **multiple**  - Specify if multiple files can be uploaded\n---\n\n\n### **Slots:**\n - **default** - Specify text for the Dropzone",
+      "attributes": [
+        {
+          "name": "error",
+          "description": "Specify if FileUpload is in error state",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if the FileUpload is disabled",
+          "values": []
+        },
+        {
+          "name": "accept",
+          "description": "Specify the accepted file types",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "Specify the name of the FileUpload",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Specify if multiple files can be uploaded",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
+        }
+      ]
+    },
+    {
+      "name": "bm-file-upload-list-item",
+      "description": "`bm-file-upload-list-item`\n\n### Attributes:\n- **error**  - Specify error text and display error state of list item\n- **fileName**  - The name of the uploaded file\n- **fileSize**  - The size of the uploaded file\n- **size**  - Specify the size of the item\n- **thumbnail**  - Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **state**  - Specify the status of the file\n- **progress**  - Specify the progress of the file upload\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the dismiss button is clicked",
+      "attributes": [
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of list item",
+          "values": []
+        },
+        {
+          "name": "fileName",
+          "description": "The name of the uploaded file",
+          "values": []
+        },
+        {
+          "name": "fileSize",
+          "description": "The size of the uploaded file",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the item",
+          "values": [{ "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "thumbnail",
+          "description": "Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
+          "values": []
+        },
+        {
+          "name": "state",
+          "description": "Specify the status of the file",
+          "values": [
+            { "name": "uploading" },
+            { "name": "success" },
+            { "name": "uploaded" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "progress",
+          "description": "Specify the progress of the file upload",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if the FileUpload is disabled",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
+        }
+      ]
+    },
+    {
+      "name": "bm-file-upload-list",
+      "description": "`bm-file-upload-list`\n\n### Attributes:\n- **thumbnail**  - Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **size**  - Specify FileUpload List size\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled\n- **renderItem**  - Specify a render function for the list item\n---\n\n\n### **Slots:**\n - **default** - Specify the list items",
+      "attributes": [
+        {
+          "name": "thumbnail",
+          "description": "Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Specify FileUpload List size",
+          "values": [{ "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if the FileUpload is disabled",
+          "values": []
+        },
+        {
+          "name": "renderItem",
+          "description": "Specify a render function for the list item",
+          "values": [
+            { "name": "(fileItem: FileItem, dismissFile: () => void) => void" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-fileupload"
+        }
+      ]
+    },
+    {
+      "name": "bm-file-upload",
+      "description": "`bm-file-upload`\n\n### Attributes:\n- **accept**  - Specify what types of files can be uploaded\n- **error**  - Specify error text and display error state of FileUpload\n- **disabled**  - Specify if FileUpload is in disabled state\n- **multiple**  - Specify if more than one file can be can be uploaded\n- **fileLimit**  - Specify how many files can be uploaded\n- **maxFileSize**  - Specify the maximum file size that can be uploaded\n- **required**  - Specify if FileUpload is a required input\n- **readOnly**  - Specify if FileUpload is in read-only state\n- **hideRequiredMarker**  - Specify if FileUpload displays with an asterisk\n- **validationRules**  - Specify form validation rules for FileUpload\n- **fluid**  - Specify if FileUpload is fluid\n- **width**  - Specify the width of FileUpload\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n---\n\n\n### **Events:**\n - **bm-selected** - Dispatched when a file is uploaded. Preventing default on this event will make upload asynchronous\n\n### **Slots:**\n - **label** - Specify Label for for FileUpload\n- **helper-text** - Specify HelperText for FileUpload",
+      "attributes": [
+        {
+          "name": "accept",
+          "description": "Specify what types of files can be uploaded",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of FileUpload",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if FileUpload is in disabled state",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Specify if more than one file can be can be uploaded",
+          "values": []
+        },
+        {
+          "name": "fileLimit",
+          "description": "Specify how many files can be uploaded",
+          "values": []
+        },
+        {
+          "name": "maxFileSize",
+          "description": "Specify the maximum file size that can be uploaded",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Specify if FileUpload is a required input",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if FileUpload is in read-only state",
+          "values": []
+        },
+        {
+          "name": "hideRequiredMarker",
+          "description": "Specify if FileUpload displays with an asterisk",
+          "values": []
+        },
+        {
+          "name": "validationRules",
+          "description": "Specify form validation rules for FileUpload",
+          "values": [{ "name": "Array<FormValidator>" }]
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if FileUpload is fluid",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Specify the width of FileUpload",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        { "name": "id", "values": [] },
+        { "name": "name", "values": [] },
+        { "name": "value", "values": [] },
+        {
+          "name": "input-aria-label",
+          "values": [{ "name": "Optional<string>" }]
+        }
+      ],
+      "references": [
+        {
+          "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": "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-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": "label",
+          "description": "Specify the text for the label",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a RadioButton",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if RadioButton displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if RadioButton displays in a disabled state",
+          "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-radiobutton"
+        }
+      ]
+    },
+    {
+      "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",
+      "attributes": [
+        {
+          "name": "required",
+          "description": "Specify if NativeSelect is a required input",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if NativeSelect displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if NativeSelect displays in a disabled state",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a NativeSelect",
+          "values": [{ "name": "Optional<string>" }]
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if NativeSelect is fluid",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Specify the width of NativeSelect",
+          "values": [{ "name": "Optional<string>" }]
+        },
+        {
+          "name": "ellipse",
+          "description": "Specify if overflow displays ellipsis",
+          "values": []
+        },
+        {
+          "name": "hideRequiredMarker",
+          "description": "Specify if the NativeSelect displays with an asterisk",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the NativeSelect. 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-nativeselect"
+        }
+      ]
+    },
+    {
+      "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": "offText",
+          "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+          "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",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if Switch displays in a disabled state",
+          "values": []
+        },
+        { "name": "checked", "values": [] },
+        {
+          "name": "value",
+          "description": "The value attribute for the input element",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
+        }
+      ]
+    },
+    {
+      "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-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",
+      "attributes": [
+        {
+          "name": "placeholder",
+          "description": "Specify placeholder text for TextField",
+          "values": [{ "name": "Optional<string>" }]
+        },
+        {
+          "name": "required",
+          "description": "Specify if TextField is a required input",
+          "values": []
+        },
+        {
+          "name": "hideRequiredMarker",
+          "description": "Specify if the TextField displays with an asterisk",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a TextField",
+          "values": [{ "name": "Optional<string>" }]
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if TextField displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if TextField displays in a disabled state",
+          "values": []
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if TextField is fluid",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Specify the width of TextField",
+          "values": [{ "name": "Optional<string>" }]
+        },
+        {
+          "name": "ellipse",
+          "description": "Specify if overflow displays ellipsis",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
+          "values": [{ "name": "Optional<ThemeTypes>" }]
+        },
+        { "name": "type", "values": [] },
+        { "name": "inputMode", "values": [] },
+        { "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-textfield"
+        }
+      ]
+    },
+    {
+      "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",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "layout",
+          "description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
+          "values": [
+            { "name": "horizontal" },
+            { "name": "vertical" },
+            { "name": "horizontalFluid" }
+          ]
+        },
+        {
+          "name": "orientation",
+          "description": "Specify InputChoiceGroup orientation",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if InputChoiceGroup should take the full width of its container",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Specify if InputChoiceGroup is a required input",
+          "values": []
+        },
+        {
+          "name": "hideRequiredMarker",
+          "description": "Specify if the InputChoiceGroup displays with an asterisk",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a InputChoiceGroup",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if InputChoiceGroup displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if InputChoiceGroup displays in a disabled state",
+          "values": []
+        },
+        { "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-checkbox"
+        }
+      ]
+    },
+    {
+      "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",
+          "description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "layout",
+          "description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
+          "values": [
+            { "name": "horizontal" },
+            { "name": "vertical" },
+            { "name": "horizontalFluid" }
+          ]
+        },
+        {
+          "name": "orientation",
+          "description": "Specify InputChoiceGroup orientation",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if InputChoiceGroup should take the full width of its container",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Specify if InputChoiceGroup is a required input",
+          "values": []
+        },
+        {
+          "name": "hideRequiredMarker",
+          "description": "Specify if the InputChoiceGroup displays with an asterisk",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a InputChoiceGroup",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if InputChoiceGroup displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if InputChoiceGroup displays in a disabled state",
+          "values": []
+        },
+        { "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-radiobutton"
+        }
+      ]
+    },
+    {
+      "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",
+          "description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "layout",
+          "description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
+          "values": [
+            { "name": "horizontal" },
+            { "name": "vertical" },
+            { "name": "horizontalFluid" }
+          ]
+        },
+        {
+          "name": "orientation",
+          "description": "Specify InputChoiceGroup orientation",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if InputChoiceGroup should take the full width of its container",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Specify if InputChoiceGroup is a required input",
+          "values": []
+        },
+        {
+          "name": "hideRequiredMarker",
+          "description": "Specify if the InputChoiceGroup displays with an asterisk",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a InputChoiceGroup",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if InputChoiceGroup displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if InputChoiceGroup displays in a disabled state",
+          "values": []
+        },
+        { "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-switch"
+        }
+      ]
+    }
+  ]
+}