@viasat/beam-web-components 2.67.0 → 2.68.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-web-components",
-  "version": "2.67.0",
+  "version": "2.68.0",
   "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.67.0",
-    "@viasat/beam-shared": "2.67.0",
-    "@viasat/beam-styles": "2.67.0",
-    "@viasat/beam-tokens": "2.67.0",
-    "@viasat/beam-icons": "2.67.0",
+    "@viasat/beam-fonts": "2.68.0",
+    "@viasat/beam-shared": "2.68.0",
+    "@viasat/beam-styles": "2.68.0",
+    "@viasat/beam-tokens": "2.68.0",
+    "@viasat/beam-icons": "2.68.0",
     "clsx": "^1.2.1",
     "lit": "^3.1.0",
     "@lit/context": "^1.1.1",

package/vscode.html-custom-data.json

@@ -545,6 +545,67 @@
         }
       ]
     },
+    {
+      "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-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",
@@ -618,6 +679,74 @@
         }
       ]
     },
+    {
+      "name": "bm-button",
+      "description": "`bm-button`\n\n### Attributes:\n- **appearance**  - Specify the appearance of a Button\n- **kind**  - Specify the kind of Button\n- **size**  - Specify the size of a Button\n- **disabled**  - Specify if the Button is disabled\n- **fluid**  - Specify if Button is fluid\n- **width**  - Specify the width of a Button\n- **height**  - Specify the height of a Button\n- **theme**  - Specify the theme of the Button\n- **iconOnly**  - Specify if the icon displays without text\n- **type** \n---\n\n\n### **Slots:**\n - **default** - Provide content for the Button\n- **iconBefore** - Specify if the Button displays icon before the text\n- **iconAfter** - Specify if the Button displays icon after the text",
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of a Button",
+          "values": [
+            { "name": "accent" },
+            { "name": "neutral" },
+            { "name": "neutral-subtle" },
+            { "name": "destructive" }
+          ]
+        },
+        {
+          "name": "kind",
+          "description": "Specify the kind of Button",
+          "values": [
+            { "name": "filled" },
+            { "name": "outline" },
+            { "name": "ghost" },
+            { "name": "bare" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of a Button",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if the Button is disabled",
+          "values": []
+        },
+        {
+          "name": "fluid",
+          "description": "Specify if Button is fluid",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Specify the width of a Button",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "Specify the height of a Button",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the Button",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "iconOnly",
+          "description": "Specify if the icon displays without text",
+          "values": []
+        },
+        { "name": "type", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
+        }
+      ]
+    },
     {
       "name": "bm-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",
@@ -716,135 +845,6 @@
         }
       ]
     },
-    {
-      "name": "bm-breadcrumb",
-      "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap**  - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse**  - Specify how many items show before ellipsis\n- **itemsAfterCollapse**  - Specify how many items show after ellipsis\n- **theme**  - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Pass items to the Breadcrumb",
-      "attributes": [
-        {
-          "name": "wrap",
-          "description": "Specify if items wrap or collapse to an ellipsis",
-          "values": []
-        },
-        {
-          "name": "itemsBeforeCollapse",
-          "description": "Specify how many items show before ellipsis",
-          "values": []
-        },
-        {
-          "name": "itemsAfterCollapse",
-          "description": "Specify how many items show after ellipsis",
-          "values": []
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
-        }
-      ]
-    },
-    {
-      "name": "bm-breadcrumb-item",
-      "description": "`bm-breadcrumb-item`\n\n### Attributes:\n- **href**  - Pass href to an item\n- **clickable**  - Specify if the item is interactive without an href\n- **truncationWidth**  - Specify truncation width of the items. Sets max-width for all items but the last.\n- **isCurrent**  - Specify explicitly if the item is the last one\n- **isCollapsed** \n---\n\n\n### **Slots:**\n - **default** - Pass text to an item\n- **icon** - Pass icon to an item",
-      "attributes": [
-        { "name": "href", "description": "Pass href to an item", "values": [] },
-        {
-          "name": "clickable",
-          "description": "Specify if the item is interactive without an href",
-          "values": []
-        },
-        {
-          "name": "truncationWidth",
-          "description": "Specify truncation width of the items. Sets max-width for all items but the last.",
-          "values": []
-        },
-        {
-          "name": "isCurrent",
-          "description": "Specify explicitly if the item is the last one",
-          "values": []
-        },
-        { "name": "isCollapsed", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-breadcrumb"
-        }
-      ]
-    },
-    {
-      "name": "bm-button",
-      "description": "`bm-button`\n\n### Attributes:\n- **appearance**  - Specify the appearance of a Button\n- **kind**  - Specify the kind of Button\n- **size**  - Specify the size of a Button\n- **disabled**  - Specify if the Button is disabled\n- **fluid**  - Specify if Button is fluid\n- **width**  - Specify the width of a Button\n- **height**  - Specify the height of a Button\n- **theme**  - Specify the theme of the Button\n- **iconOnly**  - Specify if the icon displays without text\n- **type** \n---\n\n\n### **Slots:**\n - **default** - Provide content for the Button\n- **iconBefore** - Specify if the Button displays icon before the text\n- **iconAfter** - Specify if the Button displays icon after the text",
-      "attributes": [
-        {
-          "name": "appearance",
-          "description": "Specify the appearance of a Button",
-          "values": [
-            { "name": "accent" },
-            { "name": "neutral" },
-            { "name": "neutral-subtle" },
-            { "name": "destructive" }
-          ]
-        },
-        {
-          "name": "kind",
-          "description": "Specify the kind of Button",
-          "values": [
-            { "name": "filled" },
-            { "name": "outline" },
-            { "name": "ghost" },
-            { "name": "bare" }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "Specify the size of a Button",
-          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
-        },
-        {
-          "name": "disabled",
-          "description": "Specify if the Button is disabled",
-          "values": []
-        },
-        {
-          "name": "fluid",
-          "description": "Specify if Button is fluid",
-          "values": []
-        },
-        {
-          "name": "width",
-          "description": "Specify the width of a Button",
-          "values": []
-        },
-        {
-          "name": "height",
-          "description": "Specify the height of a Button",
-          "values": []
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the Button",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        {
-          "name": "iconOnly",
-          "description": "Specify if the icon displays without text",
-          "values": []
-        },
-        { "name": "type", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-button"
-        }
-      ]
-    },
     {
       "name": "bm-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",
@@ -2216,76 +2216,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-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",
@@ -2426,6 +2356,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-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",