@viasat/beam-web-components 2.36.0 → 2.38.0

package/vscode.html-custom-data.json

@@ -62,37 +62,17 @@
       ]
     },
     {
-      "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",
+      "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": "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",
+          "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 Alert",
+          "description": "Specify the appearance of the BadgeDot",
           "values": [
             { "name": "infoPrimary" },
             { "name": "infoSecondary" },
@@ -102,133 +82,20 @@
           ]
         },
         {
-          "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-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": "emphasis",
+          "description": "Specify the emphasis of the BadgeDot",
+          "values": [{ "name": "strong" }, { "name": "subtle" }]
         },
         {
-          "name": "isFocusable",
-          "description": "If Avatar is not interactive and Tooltip is provided, use `isFocusable` to make the Avatar focusable",
+          "name": "overrideDotColor",
+          "description": "Overrides default dot color",
           "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"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
         }
       ]
     },
@@ -678,44 +545,6 @@
         }
       ]
     },
-    {
-      "name": "bm-badge-dot",
-      "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme**  - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the BadgeDot\n- **emphasis**  - Specify the emphasis of the BadgeDot\n- **overrideDotColor**  - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
-      "attributes": [
-        {
-          "name": "theme",
-          "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of the BadgeDot",
-          "values": [
-            { "name": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" }
-          ]
-        },
-        {
-          "name": "emphasis",
-          "description": "Specify the emphasis of the BadgeDot",
-          "values": [{ "name": "strong" }, { "name": "subtle" }]
-        },
-        {
-          "name": "overrideDotColor",
-          "description": "Overrides default dot color",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
-        }
-      ]
-    },
     {
       "name": "bm-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",
@@ -777,6 +606,104 @@
         }
       ]
     },
+    {
+      "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-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",
@@ -802,46 +729,119 @@
           ]
         },
         {
-          "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",
+          "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": "fluid",
-          "description": "Specify if Button is fluid",
+          "name": "hideIcon",
+          "description": "Specify if the icon displays on the Alert",
           "values": []
         },
         {
-          "name": "width",
-          "description": "Specify the width of a Button",
+          "name": "dismissible",
+          "description": "Specify if the Alert can be dismissed",
           "values": []
         },
         {
-          "name": "height",
-          "description": "Specify the height of a Button",
+          "name": "disableAutoFocus",
+          "description": "Prevent autofocus on show",
           "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",
+          "name": "disableCloseOnEscape",
+          "description": "Prevent Escape from closing",
           "values": []
-        },
-        { "name": "type", "values": [] }
+        }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
         }
       ]
     },
@@ -1036,6 +1036,59 @@
         }
       ]
     },
+    {
+      "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",
@@ -1105,59 +1158,6 @@
         }
       ]
     },
-    {
-      "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-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",
@@ -1252,6 +1252,59 @@
         }
       ]
     },
+    {
+      "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",
@@ -1308,59 +1361,6 @@
         }
       ]
     },
-    {
-      "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-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",
@@ -1665,6 +1665,11 @@
           "description": "Specify if TextField is fluid",
           "values": []
         },
+        {
+          "name": "size",
+          "description": "Specify the size of TextField",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
         {
           "name": "width",
           "description": "Specify the width of TextField",
@@ -2285,6 +2290,11 @@
           "description": "Specify if NativeSelect is fluid",
           "values": []
         },
+        {
+          "name": "size",
+          "description": "Specify the size of NativeSelect",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
         {
           "name": "width",
           "description": "Specify the width of NativeSelect",