@vonage/vivid 4.12.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": {
@@ -3838,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"
@@ -4956,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",
@@ -5136,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",
@@ -5597,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",
@@ -5614,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",
@@ -11918,21 +12216,58 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/radio/radio.ts",
+      "path": "libs/components/src/lib/radio/radio.form-associated.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Radio",
-          "cssProperties": [
-            {
-              "name": "--vvd-radio-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
-            },
+          "name": "FormAssociatedRadio",
+          "members": [
             {
-              "name": "--vvd-radio-cta-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
+              "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",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Radio",
+          "cssProperties": [
+            {
+              "name": "--vvd-radio-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-radio-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
             {
               "name": "--vvd-radio-cta-primary-increment",
               "default": "var(--vvd-color-cta-600)"
@@ -12000,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": [
@@ -12035,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,
@@ -12121,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": [
@@ -12140,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": {
@@ -15796,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",
@@ -15875,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": {
@@ -15924,7 +16492,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTab",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -15999,7 +16567,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTabPanel",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -16094,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": "getActiveIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "setTabs",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "setTabPanels",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "connotationChanged"
+              "name": "getTabIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Array<string>"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "orientationChanged",
+              "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"
@@ -16150,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"
@@ -16173,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",
@@ -16229,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": [
@@ -16254,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": {
@@ -16281,7 +17028,7 @@
             }
           ],
           "superclass": {
-            "name": "FoundationTabs",
+            "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
           },
           "vividComponent": {
@@ -17814,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",
@@ -20488,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",
@@ -20497,6 +21278,16 @@
               "kind": "method",
               "name": "#openPopupIfPossible"
             },
+            {
+              "kind": "method",
+              "name": "_updatePresentationValue",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_getSelectedDates",