@vonage/vivid 4.11.0 → 4.12.1

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": {
@@ -2758,318 +2974,56 @@
               },
               "description": "Indicates the target's rel.",
               "privacy": "public"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "autofocus",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "public",
-              "description": "Determines if the element should receive document focus on page load.",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
+              "default": "''",
+              "fieldName": "title"
             },
             {
-              "kind": "field",
-              "name": "formId",
+              "name": "connotation",
               "type": {
-                "text": "string"
+                "text": "ButtonConnotation | undefined"
               },
-              "privacy": "public",
-              "description": "The id of a form to associate the element to.",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
+              "description": "The connotation the button should have.",
+              "fieldName": "connotation"
             },
             {
-              "kind": "field",
-              "name": "formaction",
+              "name": "shape",
               "type": {
-                "text": "string"
+                "text": "ButtonShape | undefined"
               },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
+              "description": "The shape the button should have.",
+              "fieldName": "shape"
             },
             {
-              "kind": "method",
-              "name": "formactionChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "appearance",
+              "type": {
+                "text": "ButtonAppearance | undefined"
               },
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
+              "description": "The appearance the button should have.",
+              "fieldName": "appearance"
             },
             {
-              "kind": "field",
-              "name": "formenctype",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "ButtonSize | undefined"
               },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
+              "description": "The size the button should have.",
+              "fieldName": "size"
             },
             {
-              "kind": "method",
-              "name": "formenctypeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "stacked",
+              "type": {
+                "text": "boolean"
               },
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formmethod",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formmethodChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formnovalidate",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formnovalidateChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formtarget",
-              "type": {
-                "text": "'_self' | '_blank' | '_parent' | '_top'"
-              },
-              "privacy": "public",
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formtargetChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "'submit' | 'reset' | 'button'"
-              },
-              "privacy": "public",
-              "description": "The button type.",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "typeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "previous",
-                  "type": {
-                    "text": "'submit' | 'reset' | 'button' | void"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "'submit' | 'reset' | 'button'"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "validate",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "{@inheritDoc (FormAssociated:interface).validate}",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleSubmission",
-              "privacy": "private",
-              "description": "Submits the parent form",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFormReset",
-              "privacy": "private",
-              "description": "Resets the parent form",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "control",
-              "type": {
-                "text": "HTMLButtonElement"
-              },
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "proxy",
-              "inheritedFrom": {
-                "name": "FormAssociatedButton",
-                "module": "libs/components/src/shared/foundation/button/button.form-associated.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Determines if the element should receive document focus on page load.",
-              "fieldName": "title",
-              "default": "''",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "name": "connotation",
-              "type": {
-                "text": "ButtonConnotation | undefined"
-              },
-              "description": "The connotation the button should have.",
-              "fieldName": "connotation"
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "ButtonShape | undefined"
-              },
-              "description": "The shape the button should have.",
-              "fieldName": "shape"
-            },
-            {
-              "name": "appearance",
-              "type": {
-                "text": "ButtonAppearance | undefined"
-              },
-              "description": "The appearance the button should have.",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "ButtonSize | undefined"
-              },
-              "description": "The size the button should have.",
-              "fieldName": "size"
-            },
-            {
-              "name": "stacked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates the icon is stacked.",
-              "fieldName": "stacked"
+              "default": "false",
+              "description": "Indicates the icon is stacked.",
+              "fieldName": "stacked"
             },
             {
               "name": "pending",
@@ -3161,78 +3115,6 @@
               },
               "description": "Indicates the target's rel.",
               "fieldName": "target"
-            },
-            {
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "description": "The id of a form to associate the element to.",
-              "fieldName": "formId",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "name": "formaction",
-              "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "fieldName": "formaction",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "name": "formenctype",
-              "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "fieldName": "formenctype",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "name": "formmethod",
-              "type": {
-                "text": "string"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "fieldName": "formmethod",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "name": "formtarget",
-              "type": {
-                "text": "'_self' | '_blank' | '_parent' | '_top'"
-              },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
-              "fieldName": "formtarget",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "'submit' | 'reset' | 'button'"
-              },
-              "description": "The button type.",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "FoundationButton",
-                "module": "libs/components/src/shared/foundation/button/button.ts"
-              }
             }
           ],
           "superclass": {
@@ -4172,6 +4054,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"
@@ -5290,6 +5176,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",
@@ -5470,6 +5370,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",
@@ -5931,6 +5856,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",
@@ -5948,6 +5898,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",
@@ -7608,7 +7572,7 @@
               "privacy": "public",
               "description": "Determines if the element should receive document focus on page load.",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7621,7 +7585,7 @@
               "privacy": "public",
               "description": "The id of a form to associate the element to.",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7634,7 +7598,7 @@
               "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7648,7 +7612,7 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7661,7 +7625,7 @@
               "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7675,7 +7639,7 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7688,7 +7652,7 @@
               "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7702,7 +7666,7 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7715,7 +7679,7 @@
               "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7729,7 +7693,7 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7742,7 +7706,7 @@
               "privacy": "public",
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7756,7 +7720,7 @@
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7769,7 +7733,7 @@
               "privacy": "public",
               "description": "The button type.",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7797,7 +7761,7 @@
                 }
               ],
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7812,7 +7776,7 @@
               },
               "description": "{@inheritDoc (FormAssociated:interface).validate}",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7822,7 +7786,7 @@
               "privacy": "private",
               "description": "Submits the parent form",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7832,7 +7796,7 @@
               "privacy": "private",
               "description": "Resets the parent form",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7844,7 +7808,7 @@
               },
               "privacy": "public",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7889,7 +7853,7 @@
               "description": "Determines if the element should receive document focus on page load.",
               "fieldName": "autofocus",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7901,7 +7865,7 @@
               "description": "The id of a form to associate the element to.",
               "fieldName": "formId",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7913,7 +7877,7 @@
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "fieldName": "formaction",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7925,7 +7889,7 @@
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "fieldName": "formenctype",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7937,7 +7901,7 @@
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "fieldName": "formmethod",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7949,7 +7913,7 @@
               "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
               "fieldName": "formtarget",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             },
@@ -7961,13 +7925,13 @@
               "description": "The button type.",
               "fieldName": "type",
               "inheritedFrom": {
-                "name": "FoundationButton",
+                "name": "VividFoundationButton",
                 "module": "libs/components/src/shared/foundation/button/button.ts"
               }
             }
           ],
           "superclass": {
-            "name": "FoundationButton",
+            "name": "VividFoundationButton",
             "module": "/libs/components/src/shared/foundation/button"
           },
           "vividComponent": {
@@ -12250,6 +12214,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",
@@ -12334,6 +12335,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": [
@@ -12369,11 +12405,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,
@@ -12455,6 +12499,140 @@
               },
               "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": "boolean"
+              },
+              "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": [
@@ -12474,10 +12652,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": {
@@ -16130,6 +16348,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",
@@ -16209,6 +16436,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": {
@@ -16258,7 +16492,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTab",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -16333,7 +16567,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTabPanel",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -16428,55 +16662,170 @@
           "members": [
             {
               "kind": "field",
-              "name": "tablist",
+              "name": "orientation",
               "type": {
-                "text": "HTMLElement | undefined"
-              }
+                "text": "TabsOrientation"
+              },
+              "description": "The orientation",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "connotation",
+              "name": "activeid",
               "type": {
-                "text": "TabsConnotation | undefined"
+                "text": "string"
               },
-              "description": "The connotation the tabs should have.",
+              "description": "The id of the active tab",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "gutters",
+              "name": "activeindicator",
               "type": {
-                "text": "Gutters | undefined"
+                "text": "boolean"
               },
-              "description": "sets the initial preferred margin from predefined available options",
+              "default": "true",
+              "description": "Whether or not to show the active indicator",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "scrollablePanel",
+              "name": "activetab",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement"
               },
-              "default": "false",
-              "description": "sets overflow to the tab-panel",
+              "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": "connotationChanged"
+              "name": "getActiveIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "setTabs",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "setTabPanels",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "orientationChanged",
+              "name": "getTabIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getTabPanelIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "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"
@@ -16484,22 +16833,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"
@@ -16507,21 +16880,43 @@
               }
             },
             {
-              "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": "Gutters | 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": "method",
-              "name": "patchIndicatorStyleTransition"
+              "name": "#updateScrollStatus"
             },
             {
               "kind": "field",
@@ -16563,19 +16958,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": [
@@ -16588,6 +16977,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": {
@@ -16615,7 +17028,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTabs",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -18148,6 +18561,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",
@@ -19935,7 +20365,7 @@
         {
           "kind": "class",
           "description": "A Button Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element .",
-          "name": "FoundationButton",
+          "name": "VividFoundationButton",
           "cssParts": [
             {
               "description": "The button element",
@@ -20249,9 +20679,9 @@
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationButton",
+          "name": "VividFoundationButton",
           "declaration": {
-            "name": "FoundationButton",
+            "name": "VividFoundationButton",
             "module": "libs/components/src/shared/foundation/button/button.ts"
           }
         },
@@ -20822,6 +21252,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",
@@ -20831,6 +21278,16 @@
               "kind": "method",
               "name": "#openPopupIfPossible"
             },
+            {
+              "kind": "method",
+              "name": "_updatePresentationValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_getSelectedDates",