@viasat/beam-web-components 2.18.1 → 2.19.0

package/package.json

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

package/vscode.html-custom-data.json

@@ -159,6 +159,160 @@
         }
       ]
     },
+    {
+      "name": "bm-badge",
+      "description": "`bm-badge`\n\n### Attributes:\n- **appearance**  - Specify the appearance of the Badge\n- **theme**  - Theme of the Badge\n- **size**  - Specify the size of the Badge\n- **emphasis**  - Specify the emphasis of the Badge\n- **hideIcon**  - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specify the appearance of the Badge",
+          "values": [
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the Badge",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "size",
+          "description": "Specify the size of the Badge",
+          "values": [{ "name": "sm" }, { "name": "md" }]
+        },
+        {
+          "name": "emphasis",
+          "description": "Specify the emphasis of the Badge",
+          "values": [
+            { "name": "strong" },
+            { "name": "medium" },
+            { "name": "subtle" }
+          ]
+        },
+        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
+        }
+      ]
+    },
+    {
+      "name": "bm-alert",
+      "description": "`bm-alert`\n\n### Attributes:\n- **heading**  - Specify the heading text for Alert\n- **body**  - Specify the body text for Alert\n- **size**  - Specify the size of the Alert\n- **fullWidth**  - Specify if the Alert has no border radius\n- **theme**  - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the Alert\n- **hidden**  - Specify if the Alert is hidden\n- **hideIcon**  - Specify if the icon displays on the Alert\n- **dismissible**  - Specify if the Alert can be dismissed\n- **disableAutoFocus**  - Prevent autofocus on show\n- **disableCloseOnEscape**  - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
+      "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-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-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",
@@ -562,160 +716,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-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-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-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",
@@ -873,6 +873,38 @@
         }
       ]
     },
+    {
+      "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-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",
@@ -957,38 +989,6 @@
         }
       ]
     },
-    {
-      "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",
@@ -2289,74 +2289,45 @@
       ]
     },
     {
-      "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",
+      "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": "placeholder",
-          "description": "Specify placeholder text for TextField",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Specify if TextField is a required input",
+          "name": "onText",
+          "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
           "values": []
         },
         {
-          "name": "hideRequiredMarker",
-          "description": "Specify if the TextField displays with an asterisk",
+          "name": "offText",
+          "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
           "values": []
         },
         {
-          "name": "error",
-          "description": "Specify error text and display error state of a TextField",
-          "values": []
+          "name": "textPosition",
+          "description": "Specify the position of the side label",
+          "values": [{ "name": "before" }, { "name": "after" }]
         },
         {
           "name": "readOnly",
-          "description": "Specify if TextField displays in a read-only state",
+          "description": "Specify if Switch 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",
+          "description": "Specify if Switch displays in a disabled state",
           "values": []
         },
+        { "name": "checked", "values": [] },
         {
-          "name": "ellipse",
-          "description": "Specify if overflow displays ellipsis",
+          "name": "value",
+          "description": "The value attribute for the input element",
           "values": []
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        { "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": [] }
+        }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-textfield"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
         }
       ]
     },
@@ -2451,45 +2422,74 @@
       ]
     },
     {
-      "name": "bm-switch",
-      "description": "`bm-switch`\n\n### Attributes:\n- **onText**  - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText**  - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition**  - Specify the position of the side label\n- **readOnly**  - Specify if Switch displays in a read-only state\n- **disabled**  - Specify if Switch displays in a disabled state\n- **checked** \n- **value**  - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+      "name": "bm-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": "onText",
-          "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
+          "name": "placeholder",
+          "description": "Specify placeholder text for TextField",
           "values": []
         },
         {
-          "name": "offText",
-          "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+          "name": "required",
+          "description": "Specify if TextField is a required input",
           "values": []
         },
         {
-          "name": "textPosition",
-          "description": "Specify the position of the side label",
-          "values": [{ "name": "before" }, { "name": "after" }]
+          "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": "readOnly",
-          "description": "Specify if Switch displays in a read-only state",
+          "description": "Specify if TextField displays in a read-only state",
           "values": []
         },
         {
           "name": "disabled",
-          "description": "Specify if Switch displays in a disabled state",
+          "description": "Specify if TextField displays in a disabled state",
           "values": []
         },
-        { "name": "checked", "values": [] },
         {
-          "name": "value",
-          "description": "The value attribute for the input element",
+          "name": "fluid",
+          "description": "Specify if TextField is fluid",
           "values": []
-        }
+        },
+        {
+          "name": "width",
+          "description": "Specify the width of TextField",
+          "values": []
+        },
+        {
+          "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": "light" }, { "name": "dark" }]
+        },
+        { "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": [] }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-textfield"
         }
       ]
     },