@vonage/vivid 4.12.0 → 4.13.0

package/custom-elements.json

@@ -6,6 +6,16 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/accordion/accordion.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "AccordionExpandMode",
+          "type": {
+            "text": "{\n\t/**\n\t * Designates only a single {@link @microsoft/fast-foundation#(AccordionItem:class) } can be open a time.\n\t */\n\tsingle: 'single',\n\n\t/**\n\t * Designates multiple {@link @microsoft/fast-foundation#(AccordionItem:class) | AccordionItems} can be open simultaneously.\n\t */\n\tmulti: 'multi',\n}"
+          },
+          "default": "{\n\t/**\n\t * Designates only a single {@link @microsoft/fast-foundation#(AccordionItem:class) } can be open a time.\n\t */\n\tsingle: 'single',\n\n\t/**\n\t * Designates multiple {@link @microsoft/fast-foundation#(AccordionItem:class) | AccordionItems} can be open simultaneously.\n\t */\n\tmulti: 'multi',\n}",
+          "description": "Expand mode for Accordion",
+          "privacy": "public"
+        },
         {
           "kind": "class",
           "description": "",
@@ -26,6 +36,135 @@
               "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "activeid",
+              "type": {
+                "text": "string | null"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "activeItemIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "accordionIds",
+              "type": {
+                "text": "Array<string | null>"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "change",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "findExpandedItem",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "AccordionItem | null"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "setItems",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "resetItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "removeItemListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "activeItemChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getItemIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string | null>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isSingleExpandMode",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleItemKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "adjust",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "AccordionItem"
+                  }
+                },
+                {
+                  "name": "adjustment",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focusItem",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "closeAll",
@@ -45,8 +184,18 @@
               "name": "change"
             }
           ],
+          "attributes": [
+            {
+              "name": "expand-mode",
+              "type": {
+                "text": "AccordionExpandMode"
+              },
+              "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
+              "fieldName": "expandmode"
+            }
+          ],
           "superclass": {
-            "name": "FastAccordion",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -56,6 +205,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "AccordionExpandMode",
+          "declaration": {
+            "name": "AccordionExpandMode",
+            "module": "libs/components/src/lib/accordion/accordion.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "Accordion",
@@ -134,6 +291,35 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "headinglevel",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "default": "2",
+              "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Expands or collapses the item.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "description": "The item ID",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "heading",
@@ -170,6 +356,11 @@
               },
               "description": "The size the accordion-item should have.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "change",
+              "privacy": "private"
             }
           ],
           "events": [
@@ -182,6 +373,31 @@
             }
           ],
           "attributes": [
+            {
+              "name": "heading-level",
+              "type": {
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              "default": "2",
+              "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
+              "fieldName": "headinglevel"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Expands or collapses the item.",
+              "fieldName": "expanded"
+            },
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "description": "The item ID",
+              "fieldName": "id"
+            },
             {
               "name": "heading",
               "type": {
@@ -215,7 +431,7 @@
             }
           ],
           "superclass": {
-            "name": "FASTAccordionItem",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -502,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"
             },
             {
@@ -521,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",
@@ -538,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"
             },
             {
@@ -548,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"
             },
             {
@@ -557,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"
             },
             {
@@ -566,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"
             },
             {
@@ -575,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"
             },
             {
@@ -585,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"
             },
             {
@@ -594,7 +812,7 @@
               "type": {
                 "text": "AlertConnotation | undefined"
               },
-              "description": "alert connotation",
+              "description": "Sets an appropriate icon / icon color for the connotation.",
               "privacy": "public"
             },
             {
@@ -603,7 +821,7 @@
               "type": {
                 "text": "AlertStrategy | undefined"
               },
-              "description": "alert state",
+              "description": "Controls the `position` of the Alert.",
               "privacy": "public"
             },
             {
@@ -613,7 +831,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "indicates whether the alert is open",
+              "description": "Open state of the Alert.",
               "privacy": "public"
             },
             {
@@ -664,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"
             }
           ],
@@ -682,6 +900,7 @@
                 "text": "| string\n\t\t| null"
               },
               "default": "null",
+              "description": "Allows setting a custom aria-label for the dismiss button.",
               "fieldName": "dismissButtonAriaLabel"
             },
             {
@@ -689,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"
             },
             {
@@ -697,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"
             },
             {
@@ -705,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"
             },
             {
@@ -713,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"
             },
             {
@@ -721,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"
             },
             {
@@ -729,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"
             },
             {
@@ -737,7 +956,7 @@
               "type": {
                 "text": "AlertConnotation | undefined"
               },
-              "description": "alert connotation",
+              "description": "Sets an appropriate icon / icon color for the connotation.",
               "fieldName": "connotation"
             },
             {
@@ -745,7 +964,7 @@
               "type": {
                 "text": "AlertStrategy | undefined"
               },
-              "description": "alert state",
+              "description": "Controls the `position` of the Alert.",
               "fieldName": "strategy"
             },
             {
@@ -753,7 +972,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "indicates whether the alert is open",
+              "description": "Open state of the Alert.",
               "fieldName": "open"
             }
           ],
@@ -3838,6 +4057,10 @@
             }
           ],
           "slots": [
+            {
+              "description": "The default slot allows you to use rich content as the checkbox's label.",
+              "name": ""
+            },
             {
               "description": "Describes how to use the checkbox. Alternative to the `helper-text` attribute.",
               "name": "helper-text"
@@ -4956,6 +5179,20 @@
             }
           ],
           "members": [
+            {
+              "kind": "method",
+              "name": "_updatePresentationValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "#updateValueDueToUserInteraction",
@@ -5136,6 +5373,31 @@
                 "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#localeChangeHandler",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{\n\t\thandleChange: () => {\n\t\t\tthis._updatePresentationValue();\n\t\t},\n\t}",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#localeChangeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "BindingObserver"
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#dismissOnClickOutside",
@@ -5597,6 +5859,31 @@
                 "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#localeChangeHandler",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{\n\t\thandleChange: () => {\n\t\t\tthis._updatePresentationValue();\n\t\t},\n\t}",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#localeChangeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "BindingObserver"
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#dismissOnClickOutside",
@@ -5614,6 +5901,20 @@
                 "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "_updatePresentationValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "_getSelectedDates",
@@ -7889,9 +8190,105 @@
               "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": "nameChanged",
+              "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",
               "parameters": [
                 {
                   "name": "previous",
@@ -8084,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": {
@@ -8914,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",
@@ -9054,14 +9601,6 @@
               "type": {
                 "text": "HTMLElement[] | undefined"
               }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut"
-            },
-            {
-              "kind": "field",
-              "name": "domChildren"
             }
           ],
           "events": [
@@ -9133,7 +9672,7 @@
             }
           ],
           "superclass": {
-            "name": "FastMenu",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -9298,6 +9837,55 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the element.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The expanded state of the element.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "MenuItemRole"
+              },
+              "description": "The role of the element.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The checked value of the element.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "observer",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "invoke",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "text",
@@ -9362,7 +9950,8 @@
             },
             {
               "kind": "method",
-              "name": "#updateSubmenu"
+              "name": "updateSubmenu",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -9372,11 +9961,6 @@
               "kind": "method",
               "name": "#expandedChange"
             },
-            {
-              "kind": "field",
-              "name": "#handleMenuItemKeyDown",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "#syntheticClickEvents",
@@ -9386,14 +9970,6 @@
             {
               "kind": "method",
               "name": "#emitSyntheticClick"
-            },
-            {
-              "kind": "field",
-              "name": "updateSubmenu"
-            },
-            {
-              "kind": "field",
-              "name": "handleMenuItemKeyDown"
             }
           ],
           "events": [
@@ -9414,9 +9990,38 @@
           ],
           "attributes": [
             {
-              "name": "text",
               "type": {
-                "text": "string | undefined"
+                "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": {
+                "text": "string | undefined"
               },
               "description": "Indicates the menu item's text.",
               "fieldName": "text"
@@ -9456,7 +10061,7 @@
             }
           ],
           "superclass": {
-            "name": "FastMenuItem",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -11096,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": [
             {
@@ -11141,196 +11746,468 @@
           "members": [
             {
               "kind": "field",
-              "name": "_text",
+              "name": "checked",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "privacy": "public",
-              "description": ""
+              "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": "field",
-              "name": "text"
+              "kind": "method",
+              "name": "checkedChanged",
+              "privacy": "public",
+              "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": "_label",
+              "name": "defaultSelected",
               "type": {
-                "text": "string | undefined"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The defaultSelected state of the option.",
+              "privacy": "public"
             },
             {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "defaultSelectedChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "text",
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "_text"
+              "description": "The disabled state of the option.",
+              "privacy": "public"
             },
             {
-              "name": "label",
+              "kind": "method",
+              "name": "disabledChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedAttribute",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "_label"
-            }
-          ],
-          "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"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/pagination/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "paginationDefinition"
-        },
-        {
-          "kind": "variable",
-          "name": "registerPagination",
-          "description": "Registers the pagination element with the design system.",
-          "parameters": [
+              "description": "The selected attribute value. This sets the initial selected value.",
+              "privacy": "public"
+            },
             {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PaginationShape",
-          "declaration": {
-            "name": "PaginationShape",
-            "module": "./pagination"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PaginationSize",
-          "declaration": {
-            "name": "PaginationSize",
-            "module": "./pagination"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "paginationDefinition",
-          "declaration": {
-            "name": "paginationDefinition",
-            "module": "libs/components/src/lib/pagination/definition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerPagination",
-          "declaration": {
-            "name": "registerPagination",
-            "module": "libs/components/src/lib/pagination/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/pagination/pagination.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Pagination",
-          "members": [
+              "kind": "method",
+              "name": "selectedAttributeChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "field",
-              "name": "size",
+              "name": "selected",
               "type": {
-                "text": "PaginationSize | undefined"
+                "text": "boolean"
               },
-              "description": "The size the pagination should have.",
+              "description": "The checked state of the control.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "selectedChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "dirtyValue",
               "type": {
-                "text": "PaginationShape | undefined"
+                "text": "boolean"
               },
-              "description": "The shape the pagination should have.",
-              "privacy": "public"
+              "default": "false",
+              "description": "Track whether the value has been changed from the initial value"
             },
             {
               "kind": "field",
-              "name": "paginationButtons",
+              "name": "initialValue",
               "type": {
-                "text": "Button[] | undefined"
+                "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"
+                }
               }
             },
             {
               "kind": "field",
-              "name": "prevButton",
+              "name": "_label",
               "type": {
-                "text": "Button | undefined"
-              }
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": ""
             },
             {
               "kind": "field",
-              "name": "nextButton",
+              "name": "label",
               "type": {
-                "text": "Button | undefined"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "navIcons",
+              "name": "_text",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false"
+              "privacy": "public",
+              "description": ""
             },
             {
               "kind": "field",
-              "name": "pagesList",
-              "readonly": true
+              "name": "text"
             },
             {
               "kind": "field",
-              "name": "total",
+              "name": "value",
               "type": {
-                "text": "number"
-              },
-              "default": "0"
+                "text": "string"
+              }
             },
             {
               "kind": "field",
-              "name": "selectedIndex",
+              "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": ""
+            }
+          ],
+          "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"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/pagination/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "paginationDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerPagination",
+          "description": "Registers the pagination element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PaginationShape",
+          "declaration": {
+            "name": "PaginationShape",
+            "module": "./pagination"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "PaginationSize",
+          "declaration": {
+            "name": "PaginationSize",
+            "module": "./pagination"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "paginationDefinition",
+          "declaration": {
+            "name": "paginationDefinition",
+            "module": "libs/components/src/lib/pagination/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerPagination",
+          "declaration": {
+            "name": "registerPagination",
+            "module": "libs/components/src/lib/pagination/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/pagination/pagination.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Pagination",
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "PaginationSize | undefined"
+              },
+              "description": "The size the pagination should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "PaginationShape | undefined"
+              },
+              "description": "The shape the pagination should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "paginationButtons",
+              "type": {
+                "text": "Button[] | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "prevButton",
+              "type": {
+                "text": "Button | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "nextButton",
+              "type": {
+                "text": "Button | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "navIcons",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "pagesList",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "total",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "selectedIndex",
               "type": {
                 "text": "number | undefined"
               },
@@ -11916,6 +12793,43 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/radio/radio.form-associated.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormAssociatedRadio",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "CheckableFormAssociated",
+              "package": "@microsoft/fast-foundation"
+            }
+          ],
+          "superclass": {
+            "name": "_Radio",
+            "module": "libs/components/src/lib/radio/radio.form-associated.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormAssociatedRadio",
+          "declaration": {
+            "name": "FormAssociatedRadio",
+            "module": "libs/components/src/lib/radio/radio.form-associated.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/radio/radio.ts",
@@ -12000,6 +12914,41 @@
               },
               "description": "The connotation the radioButton should have.",
               "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": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the radio. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute for more info."
+            },
+            {
+              "kind": "method",
+              "name": "isInsideRadioGroup",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedRadio",
+                "module": "libs/components/src/lib/radio/radio.form-associated.ts"
+              }
             }
           ],
           "events": [
@@ -12035,11 +12984,19 @@
               },
               "description": "The connotation the radioButton should have.",
               "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": "FastRadio",
-            "package": "@microsoft/fast-foundation"
+            "name": "FormAssociatedRadio",
+            "module": "/libs/components/src/lib/radio/radio.form-associated"
           },
           "vividComponent": {
             "public": true,
@@ -12115,12 +13072,146 @@
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the group's label.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the child radios 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": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Disables the radio group and child radios.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the radio group. Setting this value will set the name value\nfor all child radio elements.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "nameChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the checked radio",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "Orientation | 'horizontal' | 'vertical'"
+              },
+              "description": "The orientation of the group",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#focusableRadioButtons",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "isInsideToolbar",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Indicates the group's label.",
-              "privacy": "public"
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "setupRadioButtons",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "radioChangeHandler",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "moveToRadioByIndex",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "moveRightOffGroup",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "moveLeftOffGroup",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#setTabRovingTarget",
+              "parameters": [
+                {
+                  "name": "radio",
+                  "type": {
+                    "text": "Radio"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "checkFocusedRadio",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "Radio"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "moveRight",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "moveLeft",
+              "privacy": "private"
             }
           ],
           "events": [
@@ -12140,10 +13231,50 @@
               },
               "description": "Indicates the group's label.",
               "fieldName": "label"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, the child radios 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": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Disables the radio group and child radios.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the radio group. Setting this value will set the name value\nfor all child radio elements.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the checked radio",
+              "fieldName": "value"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "Orientation | 'horizontal' | 'vertical'"
+              },
+              "description": "The orientation of the group",
+              "fieldName": "orientation"
             }
           ],
           "superclass": {
-            "name": "FastRadioGroup",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -15461,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",
@@ -15609,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": [
@@ -15636,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,
@@ -15796,6 +17011,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "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/disabled | disabled HTML attribute for more information.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "connotation",
@@ -15875,6 +17099,13 @@
             }
           ],
           "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/disabled | disabled HTML attribute for more information.",
+              "fieldName": "disabled"
+            },
             {
               "name": "connotation",
               "type": {
@@ -15924,7 +17155,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTab",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -15999,7 +17230,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTabPanel",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -16071,6 +17302,14 @@
           },
           "default": "'--_tabs-active-tab-inline-size'"
         },
+        {
+          "kind": "variable",
+          "name": "TABLIST_COLUMN",
+          "type": {
+            "text": "string"
+          },
+          "default": "'--_tabs-tablist-column'"
+        },
         {
           "kind": "class",
           "description": "",
@@ -16094,55 +17333,170 @@
           "members": [
             {
               "kind": "field",
-              "name": "tablist",
-              "type": {
-                "text": "HTMLElement | undefined"
+              "name": "orientation",
+              "type": {
+                "text": "TabsOrientation"
+              },
+              "description": "The orientation",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "activeid",
+              "type": {
+                "text": "string"
+              },
+              "description": "The id of the active tab",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "activeindicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether or not to show the active indicator",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "activetab",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "description": "A reference to the active tab",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "prevActiveTabIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "activeTabIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "tabIds",
+              "type": {
+                "text": "Array<string>"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "tabpanelIds",
+              "type": {
+                "text": "Array<string>"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "change",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isDisabledElement",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isHiddenElement",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isFocusableElement",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getActiveIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               }
             },
             {
               "kind": "field",
-              "name": "connotation",
-              "type": {
-                "text": "TabsConnotation | undefined"
-              },
-              "description": "The connotation the tabs should have.",
-              "privacy": "public"
+              "name": "setTabs",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "gutters",
-              "type": {
-                "text": "Gutters | undefined"
-              },
-              "description": "sets the initial preferred margin from predefined available options",
-              "privacy": "public"
+              "name": "setTabPanels",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "scrollablePanel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "sets overflow to the tab-panel",
-              "privacy": "public"
+              "kind": "method",
+              "name": "getTabIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "connotationChanged"
+              "name": "getTabPanelIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "orientationChanged",
+              "name": "setComponent",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "handleTabClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "isHorizontal",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleTabKeyDown",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "activeidChanged",
+              "name": "adjust",
               "return": {
                 "type": {
                   "text": "void"
@@ -16150,22 +17504,46 @@
               },
               "parameters": [
                 {
-                  "name": "oldValue",
+                  "name": "adjustment",
                   "type": {
-                    "text": "string"
+                    "text": "number"
                   }
-                },
+                }
+              ],
+              "description": "The adjust method for FASTTabs",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "adjustForward",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "adjustBackward",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#moveToNextTab",
+              "parameters": [
                 {
-                  "name": "newValue",
+                  "name": "direction",
                   "type": {
-                    "text": "string"
+                    "text": "1 | -1"
                   }
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "moveToTabByIndex",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "tabsChanged",
+              "name": "focusTab",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -16173,21 +17551,52 @@
               }
             },
             {
-              "kind": "method",
-              "name": "#updateScrollStatus"
+              "kind": "field",
+              "name": "tablist",
+              "type": {
+                "text": "HTMLElement | undefined"
+              }
             },
             {
-              "kind": "method",
-              "name": "tabpanelsChanged",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "TabsConnotation | undefined"
+              },
+              "description": "The connotation the tabs should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "gutters",
+              "type": {
+                "text": "TabsGutters | undefined"
+              },
+              "description": "sets the initial preferred margin from predefined available options",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "scrollablePanel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "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": "patchIndicatorStyleTransition"
+              "name": "#updateScrollStatus"
             },
             {
               "kind": "field",
@@ -16229,19 +17638,13 @@
             },
             {
               "kind": "method",
-              "name": "#handleActiveIndicatorPosition"
+              "name": "handleActiveIndicatorPosition",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#animateActiveIndicator"
-            },
-            {
-              "kind": "field",
-              "name": "handleActiveIndicatorPosition"
-            },
-            {
-              "kind": "field",
-              "name": "animateActiveIndicator"
+              "name": "animateActiveIndicator",
+              "privacy": "private"
             }
           ],
           "events": [
@@ -16254,6 +17657,30 @@
             }
           ],
           "attributes": [
+            {
+              "name": "orientation",
+              "type": {
+                "text": "TabsOrientation"
+              },
+              "description": "The orientation",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "activeid",
+              "type": {
+                "text": "string"
+              },
+              "description": "The id of the active tab",
+              "fieldName": "activeid"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether or not to show the active indicator",
+              "fieldName": "activeindicator"
+            },
             {
               "name": "connotation",
               "type": {
@@ -16265,7 +17692,7 @@
             {
               "name": "gutters",
               "type": {
-                "text": "Gutters | undefined"
+                "text": "TabsGutters | undefined"
               },
               "description": "sets the initial preferred margin from predefined available options",
               "fieldName": "gutters"
@@ -16278,10 +17705,18 @@
               "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": {
-            "name": "FoundationTabs",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -16299,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",
@@ -17168,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": "",
@@ -17222,61 +18675,186 @@
               "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-text-area-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
+              "name": "--vvd-text-area-alert-firm",
+              "default": "var(--vvd-color-alert-600)"
+            },
+            {
+              "name": "--vvd-text-area-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
+            {
+              "name": "--vvd-text-area-alert-faint",
+              "default": "var(--vvd-color-alert-50)"
+            },
+            {
+              "name": "--vvd-text-area-alert-soft",
+              "default": "var(--vvd-color-alert-100)"
+            },
+            {
+              "name": "--vvd-text-area-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-text-area-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-text-area-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-text-area-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
+            },
+            {
+              "name": "--vvd-text-area-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-text-area-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-text-area-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-text-area-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Describes how to use the text-area. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
+          "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": "resize",
+              "type": {
+                "text": "TextAreaResize"
+              },
+              "description": "The resize mode of the element.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "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"
             },
             {
-              "name": "--vvd-text-area-alert-fierce",
-              "default": "var(--vvd-color-alert-700)"
+              "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"
             },
             {
-              "name": "--vvd-text-area-alert-faint",
-              "default": "var(--vvd-color-alert-50)"
+              "kind": "field",
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum number of characters a user can enter.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-text-area-alert-soft",
-              "default": "var(--vvd-color-alert-100)"
+              "kind": "field",
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum number of characters a user can enter.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-text-area-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the element.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-text-area-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
+              "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"
             },
             {
-              "name": "--vvd-text-area-accent-primary-increment",
-              "default": "var(--vvd-color-neutral-800)"
+              "kind": "field",
+              "name": "cols",
+              "type": {
+                "text": "number"
+              },
+              "default": "20",
+              "description": "Sizes the element horizontally by a number of character columns.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-text-area-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "description": "Sizes the element vertically by a number of character rows.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-text-area-accent-firm",
-              "default": "var(--vvd-color-canvas-text)"
+              "kind": "field",
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Sets if the element is eligible for spell checking\nbut the UA.",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-text-area-accent-fierce",
-              "default": "var(--vvd-color-neutral-700)"
+              "kind": "method",
+              "name": "select",
+              "description": "Selects all the text in the text area",
+              "privacy": "public"
             },
             {
-              "name": "--vvd-text-area-accent-faint",
-              "default": "var(--vvd-color-neutral-50)"
+              "kind": "method",
+              "name": "validate",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "{@inheritDoc (FormAssociated:interface).validate}"
             },
-            {
-              "name": "--vvd-text-area-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Describes how to use the text-area. Alternative to the `helper-text` attribute.",
-              "name": "helper-text"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
               "name": "wrap",
@@ -17293,6 +18871,14 @@
               "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": [
@@ -17305,6 +18891,96 @@
             }
           ],
           "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": {
@@ -17315,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,
@@ -17335,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",
@@ -17345,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",
@@ -17401,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",
@@ -17458,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",
@@ -17551,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": [
@@ -17563,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": {
@@ -17602,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,
@@ -17619,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",
@@ -17629,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"
+          }
         }
       ]
     },
@@ -17814,6 +19821,23 @@
               "privacy": "public",
               "default": "''"
             },
+            {
+              "kind": "field",
+              "name": "#clockChangeHandler",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{\n\t\thandleChange: () => {\n\t\t\tif (this.value) {\n\t\t\t\tthis._presentationValue = formatPresentationTime(\n\t\t\t\t\tthis.value,\n\t\t\t\t\tthis._displaySeconds,\n\t\t\t\t\tthis._use12hClock\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t}"
+            },
+            {
+              "kind": "field",
+              "name": "#clockChangeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "BindingObserver"
+              }
+            },
             {
               "kind": "field",
               "name": "#getFocusableEls",
@@ -20488,6 +22512,23 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "#localeChangeHandler",
+              "privacy": "private",
+              "type": {
+                "text": "object"
+              },
+              "default": "{\n\t\thandleChange: () => {\n\t\t\tthis._updatePresentationValue();\n\t\t},\n\t}"
+            },
+            {
+              "kind": "field",
+              "name": "#localeChangeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "BindingObserver"
+              }
+            },
             {
               "kind": "field",
               "name": "#dismissOnClickOutside",
@@ -20497,6 +22538,16 @@
               "kind": "method",
               "name": "#openPopupIfPossible"
             },
+            {
+              "kind": "method",
+              "name": "_updatePresentationValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_getSelectedDates",