@vonage/vivid 4.12.1 → 4.13.0

package/custom-elements.json

@@ -718,11 +718,11 @@
           ],
           "slots": [
             {
-              "description": "The main content of the alert.",
+              "description": "The main content of the Alert.",
               "name": "main"
             },
             {
-              "description": "Add action items to alert using this slot.",
+              "description": "Add action items to the Alert using this slot.",
               "name": "action-items"
             },
             {
@@ -737,7 +737,9 @@
               "type": {
                 "text": "| string\n\t\t| null"
               },
-              "default": "null"
+              "default": "null",
+              "description": "Allows setting a custom aria-label for the dismiss button.",
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -754,7 +756,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "if the alert is removable\naccepts boolean",
+              "description": "Adds a close button to the Alert.",
               "privacy": "public"
             },
             {
@@ -764,7 +766,7 @@
                 "text": "AlertPlacement | undefined"
               },
               "default": "'bottom'",
-              "description": "the placement of the alert",
+              "description": "The placement of the Alert on the screen.",
               "privacy": "public"
             },
             {
@@ -773,7 +775,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "the text of the alert heading\naccepts string",
+              "description": "Adds a headline to the Alert.",
               "privacy": "public"
             },
             {
@@ -782,7 +784,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "the main text of the alert\naccepts string",
+              "description": "The main text of the Alert.",
               "privacy": "public"
             },
             {
@@ -791,7 +793,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "alert header icon",
+              "description": "The icon to display in the Alert. Takes precedence over the connotation's icon.",
               "privacy": "public"
             },
             {
@@ -801,7 +803,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "the timeout ms to show the alert\naccepts number",
+              "description": "Timeout after which the Alert will close.",
               "privacy": "public"
             },
             {
@@ -810,7 +812,7 @@
               "type": {
                 "text": "AlertConnotation | undefined"
               },
-              "description": "alert connotation",
+              "description": "Sets an appropriate icon / icon color for the connotation.",
               "privacy": "public"
             },
             {
@@ -819,7 +821,7 @@
               "type": {
                 "text": "AlertStrategy | undefined"
               },
-              "description": "alert state",
+              "description": "Controls the `position` of the Alert.",
               "privacy": "public"
             },
             {
@@ -829,7 +831,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "indicates whether the alert is open",
+              "description": "Open state of the Alert.",
               "privacy": "public"
             },
             {
@@ -880,14 +882,14 @@
               "type": {
                 "text": "CustomEvent<undefined>"
               },
-              "description": "Fired when the alert is opened",
+              "description": "Fired when the Alert is opened",
               "name": "open"
             },
             {
               "type": {
                 "text": "CustomEvent<undefined>"
               },
-              "description": "Fired when the alert is closed",
+              "description": "Fired when the Alert is closed",
               "name": "close"
             }
           ],
@@ -898,6 +900,7 @@
                 "text": "| string\n\t\t| null"
               },
               "default": "null",
+              "description": "Allows setting a custom aria-label for the dismiss button.",
               "fieldName": "dismissButtonAriaLabel"
             },
             {
@@ -905,7 +908,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "if the alert is removable\naccepts boolean",
+              "description": "Adds a close button to the Alert.",
               "fieldName": "removable"
             },
             {
@@ -913,7 +916,7 @@
                 "text": "AlertPlacement | undefined"
               },
               "default": "'bottom'",
-              "description": "the placement of the alert",
+              "description": "The placement of the Alert on the screen.",
               "fieldName": "placement"
             },
             {
@@ -921,7 +924,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "the text of the alert heading\naccepts string",
+              "description": "Adds a headline to the Alert.",
               "fieldName": "headline"
             },
             {
@@ -929,7 +932,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "the main text of the alert\naccepts string",
+              "description": "The main text of the Alert.",
               "fieldName": "text"
             },
             {
@@ -937,7 +940,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "alert header icon",
+              "description": "The icon to display in the Alert. Takes precedence over the connotation's icon.",
               "fieldName": "icon"
             },
             {
@@ -945,7 +948,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "the timeout ms to show the alert\naccepts number",
+              "description": "Timeout after which the Alert will close.",
               "fieldName": "timeoutms"
             },
             {
@@ -953,7 +956,7 @@
               "type": {
                 "text": "AlertConnotation | undefined"
               },
-              "description": "alert connotation",
+              "description": "Sets an appropriate icon / icon color for the connotation.",
               "fieldName": "connotation"
             },
             {
@@ -961,7 +964,7 @@
               "type": {
                 "text": "AlertStrategy | undefined"
               },
-              "description": "alert state",
+              "description": "Controls the `position` of the Alert.",
               "fieldName": "strategy"
             },
             {
@@ -969,7 +972,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "indicates whether the alert is open",
+              "description": "Open state of the Alert.",
               "fieldName": "open"
             }
           ],
@@ -8187,6 +8190,102 @@
               "description": "The size the file-uploader should have.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "invalidFileTypeError",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Overrides the localized error message for invalid file type",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "invalidFileTypeErrorChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "maxFilesExceededError",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Overrides the localized error message for max file exceed",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "maxFilesExceededErrorChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "fileTooBigError",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Overrides the localized error message for file too big",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "fileTooBigErrorChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "nameChanged",
@@ -8382,6 +8481,30 @@
               },
               "description": "The size the file-uploader should have.",
               "fieldName": "size"
+            },
+            {
+              "name": "invalid-file-type-error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Overrides the localized error message for invalid file type",
+              "fieldName": "invalidFileTypeError"
+            },
+            {
+              "name": "max-files-exceeded-error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Overrides the localized error message for max file exceed",
+              "fieldName": "maxFilesExceededError"
+            },
+            {
+              "name": "file-too-big-error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Overrides the localized error message for file too big",
+              "fieldName": "fileTooBigError"
             }
           ],
           "superclass": {
@@ -9212,6 +9335,132 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "menuItems",
+              "type": {
+                "text": "Element[] | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "expandedItem",
+              "type": {
+                "text": "MenuItem | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "focusIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1",
+              "description": "The index of the focusable element in the items array\ndefaults to -1"
+            },
+            {
+              "kind": "field",
+              "name": "focusableElementRoles",
+              "type": {
+                "text": "{ [key: string]: string }"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "roleForMenuItem"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Moves focus into the menu. If there is a child with the `autofocus` attribute, it will be focused.\nOtherwise, the first focusable child will be focused.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "collapseExpandedItem",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Collapses any expanded Menu Items.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "handleItemFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleExpandedChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "removeItemListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "setItems",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "domChildren",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Element[]"
+                }
+              },
+              "description": "get an array of valid DOM children"
+            },
+            {
+              "kind": "field",
+              "name": "isMenuItemElement",
+              "privacy": "private",
+              "description": "check if the item is a menu item"
+            },
+            {
+              "kind": "field",
+              "name": "isFocusableElement",
+              "privacy": "private",
+              "description": "check if the item is focusable"
+            },
+            {
+              "kind": "method",
+              "name": "setFocus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "focusIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "adjustment",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "ariaLabel",
@@ -9352,14 +9601,6 @@
               "type": {
                 "text": "HTMLElement[] | undefined"
               }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut"
-            },
-            {
-              "kind": "field",
-              "name": "domChildren"
             }
           ],
           "events": [
@@ -9431,7 +9672,7 @@
             }
           ],
           "superclass": {
-            "name": "FastMenu",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -9598,100 +9839,137 @@
           "members": [
             {
               "kind": "field",
-              "name": "text",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Indicates the menu item's text.",
+              "description": "The disabled state of the element.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "textSecondary",
+              "name": "expanded",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Indicates the menu item's secondary text.",
+              "description": "The expanded state of the element.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "connotation",
+              "name": "role",
               "type": {
-                "text": "MenuItemConnotation | undefined"
+                "text": "MenuItemRole"
               },
-              "description": "The connotation the fab should have.",
+              "description": "The role of the element.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "checkTrailing",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Controls the placement of the menu item's checkmark or radio icon.",
+              "description": "The checked value of the element.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "checkedAppearance",
+              "name": "observer",
               "type": {
-                "text": "CheckAppearance | undefined"
+                "text": "MutationObserver | undefined"
               },
-              "description": "Controls the appearance of the check indicator.",
-              "privacy": "public"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "trailingMetaSlottedContent",
-              "type": {
-                "text": "HTMLElement[] | undefined"
-              }
+              "name": "invoke",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#submenuArray",
-              "privacy": "private",
+              "name": "text",
               "type": {
-                "text": "Menu[]"
+                "text": "string | undefined"
               },
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "#updateSubmenu"
+              "description": "Indicates the menu item's text.",
+              "privacy": "public"
             },
             {
-              "kind": "method",
-              "name": "#collapseExpandedItem"
+              "kind": "field",
+              "name": "textSecondary",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the menu item's secondary text.",
+              "privacy": "public"
             },
             {
-              "kind": "method",
-              "name": "#expandedChange"
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "MenuItemConnotation | undefined"
+              },
+              "description": "The connotation the fab should have.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "#handleMenuItemKeyDown",
-              "privacy": "private"
+              "name": "checkTrailing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls the placement of the menu item's checkmark or radio icon.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "#syntheticClickEvents",
+              "name": "checkedAppearance",
+              "type": {
+                "text": "CheckAppearance | undefined"
+              },
+              "description": "Controls the appearance of the check indicator.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "trailingMetaSlottedContent",
+              "type": {
+                "text": "HTMLElement[] | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#submenuArray",
               "privacy": "private",
-              "default": "new WeakSet<Event>()"
+              "type": {
+                "text": "Menu[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "method",
-              "name": "#emitSyntheticClick"
+              "name": "updateSubmenu",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "updateSubmenu"
+              "kind": "method",
+              "name": "#collapseExpandedItem"
+            },
+            {
+              "kind": "method",
+              "name": "#expandedChange"
             },
             {
               "kind": "field",
-              "name": "handleMenuItemKeyDown"
+              "name": "#syntheticClickEvents",
+              "privacy": "private",
+              "default": "new WeakSet<Event>()"
+            },
+            {
+              "kind": "method",
+              "name": "#emitSyntheticClick"
             }
           ],
           "events": [
@@ -9711,6 +9989,35 @@
             }
           ],
           "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the element.",
+              "fieldName": "disabled"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The expanded state of the element.",
+              "fieldName": "expanded"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "MenuItemRole"
+              },
+              "description": "The role of the element.",
+              "fieldName": "role"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The checked value of the element.",
+              "fieldName": "checked"
+            },
             {
               "name": "text",
               "type": {
@@ -9754,7 +10061,7 @@
             }
           ],
           "superclass": {
-            "name": "FastMenuItem",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -11394,7 +11701,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "An Option Custom HTML Element.\nImplements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .",
           "name": "ListboxOption",
           "cssProperties": [
             {
@@ -11439,65 +11746,337 @@
           "members": [
             {
               "kind": "field",
-              "name": "_text",
+              "name": "checked",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
+              "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "checkedChanged",
               "privacy": "public",
-              "description": ""
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "boolean | unknown"
+                  },
+                  "description": "the previous checked value"
+                },
+                {
+                  "name": "next",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "the current checked value"
+                }
+              ],
+              "description": "Updates the ariaChecked property when the checked property changes."
             },
             {
               "kind": "field",
-              "name": "text"
+              "name": "defaultSelected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The defaultSelected state of the option.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "defaultSelectedChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "_label",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
+              },
+              "description": "The disabled state of the option.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "disabledChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "selectedAttribute",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The selected attribute value. This sets the initial selected value.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "selectedAttributeChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The checked state of the control.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "selectedChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dirtyValue",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Track whether the value has been changed from the initial value"
+            },
+            {
+              "kind": "field",
+              "name": "initialValue",
               "type": {
                 "text": "string"
+              },
+              "privacy": "protected",
+              "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set."
+            },
+            {
+              "kind": "method",
+              "name": "initialValueChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "text",
+              "kind": "field",
+              "name": "_label",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "_text"
+              "privacy": "public",
+              "description": ""
             },
             {
+              "kind": "field",
               "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_text",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "_label"
+              "privacy": "public",
+              "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "text"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "default": "new Option(\n\t\t\tthis.text,\n\t\t\t// @ts-expect-error Propery is used before it is assigned\n\t\t\tthis.initialValue,\n\t\t\tthis.defaultSelected,\n\t\t\tthis.selected\n\t\t)",
+              "description": ""
             }
           ],
-          "superclass": {
-            "name": "FoundationListboxOption",
-            "package": "@microsoft/fast-foundation"
-          },
-          "vividComponent": {
-            "public": true,
-            "name": "option"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ListboxOption",
-          "declaration": {
-            "name": "ListboxOption",
-            "module": "libs/components/src/lib/option/option.ts"
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the option.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The selected attribute value. This sets the initial selected value.",
+              "fieldName": "selectedAttribute"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+              "fieldName": "initialValue"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "_label"
+            },
+            {
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "_text"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "option"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "States and properties relating to the ARIA `option` role.",
+          "name": "DelegatesARIAListboxOption",
+          "cssProperties": [
+            {
+              "name": "--vvd-option-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-option-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-option-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-option-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-option-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-option-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-option-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
+            },
+            {
+              "name": "--vvd-option-accent-dim",
+              "default": "var(--vvd-color-neutral-200)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaChecked",
+              "type": {
+                "text": "'true' | 'false' | string | null"
+              },
+              "description": "See https://www.w3.org/TR/wai-aria-1.2/#option for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "ariaPosInSet",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "See https://www.w3.org/TR/wai-aria-1.2/#option for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "ariaSelected",
+              "type": {
+                "text": "'true' | 'false' | string | null"
+              },
+              "description": "See https://www.w3.org/TR/wai-aria-1.2/#option for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "ariaSetSize",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "See https://www.w3.org/TR/wai-aria-1.2/#option for more information.",
+              "privacy": "public"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ListboxOption",
+          "declaration": {
+            "name": "ListboxOption",
+            "module": "libs/components/src/lib/option/option.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DelegatesARIAListboxOption",
+          "declaration": {
+            "name": "DelegatesARIAListboxOption",
+            "module": "libs/components/src/lib/option/option.ts"
           }
         }
       ]
@@ -16013,6 +16592,43 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/switch/switch.form-associated.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormAssociatedSwitch",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "CheckableFormAssociated",
+              "package": "@microsoft/fast-foundation"
+            }
+          ],
+          "superclass": {
+            "name": "_Switch",
+            "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormAssociatedSwitch",
+          "declaration": {
+            "name": "FormAssociatedSwitch",
+            "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/switch/switch.ts",
@@ -16161,6 +16777,45 @@
               },
               "description": "Indicates the switch's connotation.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "updateForm",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "defaultChecked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "!!this.checkedAttribute"
+            },
+            {
+              "kind": "field",
+              "name": "checked"
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedSwitch",
+                "module": "libs/components/src/lib/switch/switch.form-associated.ts"
+              }
             }
           ],
           "events": [
@@ -16188,11 +16843,19 @@
               },
               "description": "Indicates the switch's connotation.",
               "fieldName": "connotation"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly"
             }
           ],
           "superclass": {
-            "name": "FoundationSwitch",
-            "package": "@microsoft/fast-foundation"
+            "name": "FormAssociatedSwitch",
+            "module": "/libs/components/src/lib/switch/switch.form-associated"
           },
           "vividComponent": {
             "public": true,
@@ -16639,6 +17302,14 @@
           },
           "default": "'--_tabs-active-tab-inline-size'"
         },
+        {
+          "kind": "variable",
+          "name": "TABLIST_COLUMN",
+          "type": {
+            "text": "string"
+          },
+          "default": "'--_tabs-tablist-column'"
+        },
         {
           "kind": "class",
           "description": "",
@@ -16899,7 +17570,7 @@
               "kind": "field",
               "name": "gutters",
               "type": {
-                "text": "Gutters | undefined"
+                "text": "TabsGutters | undefined"
               },
               "description": "sets the initial preferred margin from predefined available options",
               "privacy": "public"
@@ -16914,6 +17585,15 @@
               "description": "sets overflow to the tab-panel",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "tabsLayout",
+              "type": {
+                "text": "'align-start' | 'stretch' | undefined"
+              },
+              "description": "Controls the layout of the tabs.",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "#updateScrollStatus"
@@ -17012,7 +17692,7 @@
             {
               "name": "gutters",
               "type": {
-                "text": "Gutters | undefined"
+                "text": "TabsGutters | undefined"
               },
               "description": "sets the initial preferred margin from predefined available options",
               "fieldName": "gutters"
@@ -17025,6 +17705,14 @@
               "default": "false",
               "description": "sets overflow to the tab-panel",
               "fieldName": "scrollablePanel"
+            },
+            {
+              "name": "tabs-layout",
+              "type": {
+                "text": "'align-start' | 'stretch' | undefined"
+              },
+              "description": "Controls the layout of the tabs.",
+              "fieldName": "tabsLayout"
             }
           ],
           "superclass": {
@@ -17046,6 +17734,14 @@
             "module": "libs/components/src/lib/tabs/tabs.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "TABLIST_COLUMN",
+          "declaration": {
+            "name": "TABLIST_COLUMN",
+            "module": "libs/components/src/lib/tabs/tabs.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "Tabs",
@@ -17915,6 +18611,16 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/text-area/text-area.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "TextAreaResize",
+          "type": {
+            "text": "{\n\t/**\n\t * No resize.\n\t */\n\tnone: 'none',\n\n\t/**\n\t * Resize vertically and horizontally.\n\t */\n\tboth: 'both',\n\n\t/**\n\t * Resize horizontally.\n\t */\n\thorizontal: 'horizontal',\n\n\t/**\n\t * Resize vertically.\n\t */\n\tvertical: 'vertical',\n}"
+          },
+          "default": "{\n\t/**\n\t * No resize.\n\t */\n\tnone: 'none',\n\n\t/**\n\t * Resize vertically and horizontally.\n\t */\n\tboth: 'both',\n\n\t/**\n\t * Resize horizontally.\n\t */\n\thorizontal: 'horizontal',\n\n\t/**\n\t * Resize vertically.\n\t */\n\tvertical: 'vertical',\n}",
+          "description": "Resize mode for a TextArea",
+          "privacy": "public"
+        },
         {
           "kind": "class",
           "description": "",
@@ -18026,32 +18732,255 @@
           "members": [
             {
               "kind": "field",
-              "name": "wrap",
+              "name": "readOnly",
               "type": {
-                "text": "TextAreaWrap | undefined"
+                "text": "boolean"
               },
-              "description": "The wrap attribute",
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "#reflectToTextArea",
-              "privacy": "private",
+              "name": "resize",
               "type": {
-                "text": "Reflector<this, HTMLTextAreaElement> | undefined"
-              }
-            }
-          ],
-          "events": [
+                "text": "TextAreaResize"
+              },
+              "description": "The resize mode of the element.",
+              "privacy": "public"
+            },
             {
+              "kind": "field",
+              "name": "autofocus",
               "type": {
-                "text": "CustomEvent<undefined>"
+                "text": "boolean"
               },
-              "description": "Emits a custom 'change' event when the textarea emits a change event",
-              "name": "change"
-            }
-          ],
-          "attributes": [
+              "description": "Indicates that this element should get focus after the page finishes loading.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "formId",
+              "type": {
+                "text": "string"
+              },
+              "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum number of characters a user can enter.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum number of characters a user can enter.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the element.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "cols",
+              "type": {
+                "text": "number"
+              },
+              "default": "20",
+              "description": "Sizes the element horizontally by a number of character columns.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "description": "Sizes the element vertically by a number of character rows.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Sets if the element is eligible for spell checking\nbut the UA.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "description": "Selects all the text in the text area",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "{@inheritDoc (FormAssociated:interface).validate}"
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "TextAreaWrap | undefined"
+              },
+              "description": "The wrap attribute",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#reflectToTextArea",
+              "privacy": "private",
+              "type": {
+                "text": "Reflector<this, HTMLTextAreaElement> | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedTextArea",
+                "module": "libs/components/src/lib/text-area/text-field.form-associated.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emits a custom 'change' event when the textarea emits a change event",
+              "name": "change"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly"
+            },
+            {
+              "name": "resize",
+              "type": {
+                "text": "TextAreaResize"
+              },
+              "description": "The resize mode of the element.",
+              "fieldName": "resize"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that this element should get focus after the page finishes loading.",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
+              "fieldName": "formId"
+            },
+            {
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "fieldName": "list"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum number of characters a user can enter.",
+              "fieldName": "maxlength"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum number of characters a user can enter.",
+              "fieldName": "minlength"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the element.",
+              "fieldName": "name"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "default": "20",
+              "description": "Sizes the element horizontally by a number of character columns.",
+              "fieldName": "cols"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "Sizes the element vertically by a number of character rows.",
+              "fieldName": "rows"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Sets if the element is eligible for spell checking\nbut the UA.",
+              "fieldName": "spellcheck"
+            },
             {
               "name": "wrap",
               "type": {
@@ -18062,8 +18991,8 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTextArea",
-            "package": "@microsoft/fast-foundation"
+            "name": "FormAssociatedTextArea",
+            "module": "/libs/components/src/lib/text-area/text-field.form-associated"
           },
           "vividComponent": {
             "public": true,
@@ -18082,6 +19011,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "TextAreaResize",
+          "declaration": {
+            "name": "TextAreaResize",
+            "module": "libs/components/src/lib/text-area/text-area.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "TextArea",
@@ -18092,6 +19029,43 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/text-area/text-field.form-associated.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormAssociatedTextArea",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociated",
+              "package": "@microsoft/fast-foundation"
+            }
+          ],
+          "superclass": {
+            "name": "_TextArea",
+            "module": "libs/components/src/lib/text-area/text-field.form-associated.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormAssociatedTextArea",
+          "declaration": {
+            "name": "FormAssociatedTextArea",
+            "module": "libs/components/src/lib/text-area/text-field.form-associated.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/text-field/definition.ts",
@@ -18148,10 +19122,57 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/text-field/text-field.form-associated.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormAssociatedTextField",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociated",
+              "package": "@microsoft/fast-foundation"
+            }
+          ],
+          "superclass": {
+            "name": "_TextField",
+            "module": "libs/components/src/lib/text-field/text-field.form-associated.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormAssociatedTextField",
+          "declaration": {
+            "name": "FormAssociatedTextField",
+            "module": "libs/components/src/lib/text-field/text-field.form-associated.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/text-field/text-field.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "TextFieldType",
+          "type": {
+            "text": "{\n\t/**\n\t * An email TextField\n\t */\n\temail: 'email',\n\n\t/**\n\t * A password TextField\n\t */\n\tpassword: 'password',\n\n\t/**\n\t * A telephone TextField\n\t */\n\ttel: 'tel',\n\n\t/**\n\t * A text TextField\n\t */\n\ttext: 'text',\n\n\t/**\n\t * A URL TextField\n\t */\n\turl: 'url',\n}"
+          },
+          "default": "{\n\t/**\n\t * An email TextField\n\t */\n\temail: 'email',\n\n\t/**\n\t * A password TextField\n\t */\n\tpassword: 'password',\n\n\t/**\n\t * A telephone TextField\n\t */\n\ttel: 'tel',\n\n\t/**\n\t * A text TextField\n\t */\n\ttext: 'text',\n\n\t/**\n\t * A URL TextField\n\t */\n\turl: 'url',\n}",
+          "description": "Text field sub-types",
+          "privacy": "public"
+        },
         {
           "kind": "class",
           "description": "Base class for text-field",
@@ -18205,6 +19226,107 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "TextFieldType"
+              },
+              "description": "Allows setting a type or mode of text.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum number of characters a user can enter.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum number of characters a user can enter.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression that the value must match to pass validation.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "description": "Sets the width of the element to a specified number of characters.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "description": "Selects all the text in the text field",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "description": "{@inheritDoc (FormAssociated:interface).validate}"
+            },
             {
               "kind": "field",
               "name": "appearance",
@@ -18298,6 +19420,14 @@
             {
               "kind": "method",
               "name": "#updateMirroredHelperText"
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedTextField",
+                "module": "libs/components/src/lib/text-field/text-field.form-associated.ts"
+              }
             }
           ],
           "events": [
@@ -18310,6 +19440,81 @@
             }
           ],
           "attributes": [
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "TextFieldType"
+              },
+              "description": "Allows setting a type or mode of text.",
+              "fieldName": "type"
+            },
+            {
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "fieldName": "list"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum number of characters a user can enter.",
+              "fieldName": "maxlength"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum number of characters a user can enter.",
+              "fieldName": "minlength"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression that the value must match to pass validation.",
+              "fieldName": "pattern"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "Sets the width of the element to a specified number of characters.",
+              "fieldName": "size"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
+              "fieldName": "spellcheck"
+            },
             {
               "name": "appearance",
               "type": {
@@ -18349,8 +19554,8 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTextfield",
-            "package": "@microsoft/fast-foundation"
+            "name": "FormAssociatedTextField",
+            "module": "/libs/components/src/lib/text-field/text-field.form-associated"
           },
           "vividComponent": {
             "public": true,
@@ -18366,9 +19571,56 @@
               }
             ]
           }
+        },
+        {
+          "kind": "class",
+          "description": "Includes ARIA states and properties relating to the ARIA textbox role",
+          "name": "DelegatesARIATextbox",
+          "cssProperties": [
+            {
+              "name": "--vvd-text-field-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-text-field-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-text-field-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-text-field-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
+            },
+            {
+              "name": "--vvd-text-field-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-text-field-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-text-field-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-text-field-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            }
+          ]
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "TextFieldType",
+          "declaration": {
+            "name": "TextFieldType",
+            "module": "libs/components/src/lib/text-field/text-field.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "TextField",
@@ -18376,6 +19628,14 @@
             "name": "TextField",
             "module": "libs/components/src/lib/text-field/text-field.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "DelegatesARIATextbox",
+          "declaration": {
+            "name": "DelegatesARIATextbox",
+            "module": "libs/components/src/lib/text-field/text-field.ts"
+          }
         }
       ]
     },