@viasat/beam-web-components 2.48.2 → 2.49.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-web-components",
-  "version": "2.48.2",
+  "version": "2.49.1",
   "description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
   "license": "MIT",
   "author": "Viasat",
@@ -64,11 +64,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.48.2",
-    "@viasat/beam-shared": "2.48.2",
-    "@viasat/beam-styles": "2.48.2",
-    "@viasat/beam-tokens": "2.48.2",
-    "@viasat/beam-icons": "2.48.2",
+    "@viasat/beam-fonts": "2.49.1",
+    "@viasat/beam-shared": "2.49.1",
+    "@viasat/beam-styles": "2.49.1",
+    "@viasat/beam-tokens": "2.49.1",
+    "@viasat/beam-icons": "2.49.1",
     "clsx": "^1.2.1",
     "lit": "^3.1.0",
     "@lit/context": "^1.1.1",

package/vscode.html-custom-data.json

@@ -62,110 +62,60 @@
       ]
     },
     {
-      "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",
+      "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 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",
+          "description": "Specify the appearance of the Badge",
           "values": [
-            { "name": "xs" },
-            { "name": "sm" },
-            { "name": "md" },
-            { "name": "lg" },
-            { "name": "xl" }
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
           ]
         },
         {
-          "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": "theme",
+          "description": "Theme of the Badge",
+          "values": [{ "name": "light" }, { "name": "dark" }]
         },
         {
-          "name": "maxCount",
-          "description": "Specify the max number of avatars displayed in the group.",
-          "values": []
+          "name": "size",
+          "description": "Specify the size of the Badge",
+          "values": [{ "name": "sm" }, { "name": "md" }]
         },
         {
-          "name": "size",
-          "description": "Specify the size of all Avatars",
+          "name": "emphasis",
+          "description": "Specify the emphasis of the Badge",
           "values": [
-            { "name": "xs" },
-            { "name": "sm" },
-            { "name": "md" },
-            { "name": "lg" },
-            { "name": "xl" }
+            { "name": "strong" },
+            { "name": "medium" },
+            { "name": "subtle" }
           ]
         },
-        {
-          "name": "layout",
-          "description": "Specify the kind of the group.",
-          "values": [{ "name": "stacked" }, { "name": "spaced" }]
-        }
+        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
         }
       ]
     },
     {
-      "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",
+      "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 Badge",
+          "description": "Specify the appearance of the BadgeDot",
           "values": [
             { "name": "infoPrimary" },
             { "name": "infoSecondary" },
@@ -174,31 +124,21 @@
             { "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" }
-          ]
+          "description": "Specify the emphasis of the BadgeDot",
+          "values": [{ "name": "strong" }, { "name": "subtle" }]
         },
-        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
+        {
+          "name": "overrideDotColor",
+          "description": "Overrides default dot color",
+          "values": []
+        }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
         }
       ]
     },
@@ -740,40 +680,100 @@
       ]
     },
     {
-      "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",
+      "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": "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 Avatar",
+          "values": [{ "name": "accent" }, { "name": "neutral" }]
         },
         {
-          "name": "appearance",
-          "description": "Specify the appearance of the BadgeDot",
+          "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": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" }
+            { "name": "xs" },
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "xl" }
           ]
         },
         {
-          "name": "emphasis",
-          "description": "Specify the emphasis of the BadgeDot",
-          "values": [{ "name": "strong" }, { "name": "subtle" }]
+          "name": "disabled",
+          "description": "Specify if the Avatar is disabled",
+          "values": []
         },
         {
-          "name": "overrideDotColor",
-          "description": "Overrides default dot color",
+          "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-badgedot"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-avatar"
         }
       ]
     },
@@ -1954,76 +1954,6 @@
         }
       ]
     },
-    {
-      "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": "fluid",
-          "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",
-          "values": []
-        },
-        {
-          "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": "light" }, { "name": "dark" }]
-        },
-        { "name": "id", "values": [] },
-        { "name": "name", "values": [] },
-        { "name": "value", "values": [] },
-        {
-          "name": "validationRules",
-          "values": [{ "name": "Array<FormValidator>" }]
-        },
-        { "name": "input-aria-label", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
-        }
-      ]
-    },
     {
       "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",
@@ -2331,6 +2261,76 @@
         }
       ]
     },
+    {
+      "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": "fluid",
+          "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",
+          "values": []
+        },
+        {
+          "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": "light" }, { "name": "dark" }]
+        },
+        { "name": "id", "values": [] },
+        { "name": "name", "values": [] },
+        { "name": "value", "values": [] },
+        {
+          "name": "validationRules",
+          "values": [{ "name": "Array<FormValidator>" }]
+        },
+        { "name": "input-aria-label", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-nativeselect"
+        }
+      ]
+    },
     {
       "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",