@vonage/vivid 3.57.0 → 3.59.0

package/custom-elements.json

@@ -36,6 +36,15 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<string | null>"
+              },
+              "description": "Fires a custom 'change' event when the active item changes",
+              "name": "change"
+            }
+          ],
           "superclass": {
             "name": "FastAccordion",
             "package": "@microsoft/fast-foundation"
@@ -92,6 +101,167 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/accordion-item/accordion-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AccordionItem",
+          "cssProperties": [
+            {
+              "name": "--vvd-accordion-item-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-accordion-item-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-accordion-item-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            },
+            {
+              "description": "Add an icon to the component.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "noIndicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the accordion-item has indicator",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "meta",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "AccordionItemSize | undefined"
+              },
+              "description": "The size the accordion-item should have.",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the button is invoked",
+              "name": "change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "heading"
+            },
+            {
+              "name": "no-indicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the accordion-item has indicator",
+              "fieldName": "noIndicator"
+            },
+            {
+              "name": "meta",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "meta"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "AccordionItemSize | undefined"
+              },
+              "description": "The size the accordion-item should have.",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "FASTAccordionItem",
+            "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "accordion-item"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AccordionItem",
+          "declaration": {
+            "name": "AccordionItem",
+            "module": "libs/components/src/lib/accordion-item/accordion-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/accordion-item/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerAccordionItem",
+          "description": "Registers the accordion item elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerAccordionItem",
+          "declaration": {
+            "name": "registerAccordionItem",
+            "module": "libs/components/src/lib/accordion-item/definition.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/action-group/action-group.ts",
@@ -274,30 +444,62 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/accordion-item/accordion-item.ts",
+      "path": "libs/components/src/lib/alert/alert.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "AccordionItem",
+          "name": "Alert",
           "cssProperties": [
             {
-              "name": "--vvd-accordion-item-accent-primary",
+              "name": "--vvd-alert-success-primary",
+              "default": "var(--vvd-color-success-500)"
+            },
+            {
+              "name": "--vvd-alert-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-alert-information-primary",
+              "default": "var(--vvd-color-information-500)"
+            },
+            {
+              "name": "--vvd-alert-information-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-alert-alert-primary",
+              "default": "var(--vvd-color-alert-500)"
+            },
+            {
+              "name": "--vvd-alert-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-alert-warning-primary",
+              "default": "var(--vvd-color-warning-300)"
+            },
+            {
+              "name": "--vvd-alert-warning-primary-text",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-accordion-item-accent-faint",
-              "default": "var(--vvd-color-neutral-50)"
+              "name": "--vvd-alert-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-accordion-item-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
+              "name": "--vvd-alert-accent-primary-text",
+              "default": "var(--vvd-color-canvas)"
             }
           ],
           "slots": [
             {
-              "description": "Default slot.",
-              "name": ""
+              "description": "The main content of the alert.",
+              "name": "main"
+            },
+            {
+              "description": "Add action items to alert using this slot.",
+              "name": "action-items"
             },
             {
               "description": "Add an icon to the component.",
@@ -307,236 +509,52 @@
           "members": [
             {
               "kind": "field",
-              "name": "heading",
+              "name": "dismissButtonAriaLabel",
               "type": {
-                "text": "string | undefined"
+                "text": "| string\n\t\t| null"
               },
-              "privacy": "public",
-              "description": ""
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "noIndicator",
+              "name": "#timeoutID",
+              "privacy": "private",
+              "type": {
+                "text": "NodeJS.Timeout | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "removable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the accordion-item has indicator",
+              "description": "if the alert is removable\naccepts boolean",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "meta",
+              "name": "placement",
               "type": {
-                "text": "string | undefined"
+                "text": "AlertPlacement | undefined"
               },
-              "privacy": "public",
-              "description": ""
+              "default": "'bottom'",
+              "description": "the placement of the alert",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "headline",
               "type": {
-                "text": "AccordionItemSize | undefined"
+                "text": "string | undefined"
               },
-              "description": "The size the accordion-item should have.",
+              "description": "the text of the alert heading\naccepts string",
               "privacy": "public"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "heading",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "heading"
-            },
-            {
-              "name": "no-indicator",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether the accordion-item has indicator",
-              "fieldName": "noIndicator"
-            },
-            {
-              "name": "meta",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "meta"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "AccordionItemSize | undefined"
-              },
-              "description": "The size the accordion-item should have.",
-              "fieldName": "size"
-            }
-          ],
-          "superclass": {
-            "name": "FASTAccordionItem",
-            "package": "@microsoft/fast-foundation"
-          },
-          "vividComponent": {
-            "public": true,
-            "name": "accordion-item"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AccordionItem",
-          "declaration": {
-            "name": "AccordionItem",
-            "module": "libs/components/src/lib/accordion-item/accordion-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/accordion-item/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "registerAccordionItem",
-          "description": "Registers the accordion item elements with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "registerAccordionItem",
-          "declaration": {
-            "name": "registerAccordionItem",
-            "module": "libs/components/src/lib/accordion-item/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/alert/alert.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Alert",
-          "cssProperties": [
-            {
-              "name": "--vvd-alert-success-primary",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-alert-success-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-alert-information-primary",
-              "default": "var(--vvd-color-information-500)"
-            },
-            {
-              "name": "--vvd-alert-information-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-alert-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-alert-alert-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-alert-warning-primary",
-              "default": "var(--vvd-color-warning-300)"
-            },
-            {
-              "name": "--vvd-alert-warning-primary-text",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-alert-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-alert-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The main content of the alert.",
-              "name": "main"
-            },
-            {
-              "description": "Add action items to alert using this slot.",
-              "name": "action-items"
-            },
-            {
-              "description": "Add an icon to the component.",
-              "name": "icon"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dismissButtonAriaLabel",
-              "type": {
-                "text": "| string\n\t\t| null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#timeoutID",
-              "privacy": "private",
-              "type": {
-                "text": "NodeJS.Timeout | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "if the alert is removable\naccepts boolean",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "AlertPlacement | undefined"
-              },
-              "default": "'bottom'",
-              "description": "the placement of the alert",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "headline",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "the text of the alert heading\naccepts string",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "text",
+              "kind": "field",
+              "name": "text",
               "type": {
                 "text": "string | undefined"
               },
@@ -635,10 +653,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the alert is opened",
               "name": "open"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the alert is closed",
               "name": "close"
             }
@@ -1385,6 +1409,26 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/audio-player/audio-player.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "SKIP_DIRECTIONS",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n\tFORWARD: 1,\n\tBACKWARD: -1,\n}"
+        },
+        {
+          "kind": "function",
+          "name": "formatTime",
+          "parameters": [
+            {
+              "name": "time",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "description": "",
@@ -1448,6 +1492,14 @@
               "description": "Indicates the audio-player's src.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "playbackRate"
+            },
+            {
+              "kind": "method",
+              "name": "srcChanged"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -1476,48 +1528,145 @@
               },
               "description": "Allows the audio to skip back or forward",
               "privacy": "public"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "play-button-aria-label",
+              "kind": "field",
+              "name": "playbackRates",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "string | null"
               },
               "default": "null",
-              "fieldName": "playButtonAriaLabel"
+              "description": "Sets the available playback rates. When an empty string, no choices will be available",
+              "privacy": "public"
             },
             {
-              "name": "pause-button-aria-label",
+              "kind": "field",
+              "name": "paused",
               "type": {
-                "text": "| string\n\t\t| null"
-              },
-              "default": "null",
-              "fieldName": "pauseButtonAriaLabel"
+                "text": "boolean"
+              }
             },
             {
-              "name": "slider-aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null",
-              "fieldName": "sliderAriaLabel"
+              "kind": "field",
+              "name": "duration"
             },
             {
-              "name": "skip-forward-aria-label",
-              "type": {
-                "text": "| string\n\t\t| null"
-              },
-              "default": "null",
-              "fieldName": "skipForwardButtonAriaLabel"
+              "kind": "field",
+              "name": "currentTime"
             },
             {
-              "name": "skip-backward-aria-label",
+              "kind": "field",
+              "name": "#sliderEl",
+              "privacy": "private",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "Slider | null"
               },
-              "default": "null",
-              "fieldName": "skipBackwardButtonAriaLabel"
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#playerEl",
+              "privacy": "private",
+              "default": "new Audio()"
+            },
+            {
+              "kind": "field",
+              "name": "#baseElement",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "play"
+            },
+            {
+              "kind": "method",
+              "name": "pause"
+            },
+            {
+              "kind": "method",
+              "name": "#setInteractionListeners",
+              "parameters": [
+                {
+                  "name": "add",
+                  "default": "true"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#pausedChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#updateProgress",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#updateTotalTime",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#rewind",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleSliderEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#setPausedState",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "play-button-aria-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "fieldName": "playButtonAriaLabel"
+            },
+            {
+              "name": "pause-button-aria-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "fieldName": "pauseButtonAriaLabel"
+            },
+            {
+              "name": "slider-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "sliderAriaLabel"
+            },
+            {
+              "name": "skip-forward-aria-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "fieldName": "skipForwardButtonAriaLabel"
+            },
+            {
+              "name": "skip-backward-aria-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "fieldName": "skipBackwardButtonAriaLabel"
             },
             {
               "name": "connotation",
@@ -1557,6 +1706,15 @@
               },
               "description": "Allows the audio to skip back or forward",
               "fieldName": "skipBy"
+            },
+            {
+              "name": "playback-rates",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Sets the available playback rates. When an empty string, no choices will be available",
+              "fieldName": "playbackRates"
             }
           ],
           "superclass": {
@@ -1570,6 +1728,22 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "SKIP_DIRECTIONS",
+          "declaration": {
+            "name": "SKIP_DIRECTIONS",
+            "module": "libs/components/src/lib/audio-player/audio-player.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "formatTime",
+          "declaration": {
+            "name": "formatTime",
+            "module": "libs/components/src/lib/audio-player/audio-player.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "AudioPlayer",
@@ -2068,6 +2242,38 @@
               "name": "--vvd-badge-information-firm-all",
               "default": "var(--vvd-color-information-600)"
             },
+            {
+              "name": "--vvd-badge-announcement-primary",
+              "default": "var(--vvd-color-announcement-500)"
+            },
+            {
+              "name": "--vvd-badge-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-badge-announcement-intermediate",
+              "default": "var(--vvd-color-announcement-500)"
+            },
+            {
+              "name": "--vvd-badge-announcement-soft",
+              "default": "var(--vvd-color-announcement-100)"
+            },
+            {
+              "name": "--vvd-badge-announcement-contrast",
+              "default": "var(--vvd-color-announcement-800)"
+            },
+            {
+              "name": "--vvd-badge-announcement-pale",
+              "default": "var(--vvd-color-announcement-300)"
+            },
+            {
+              "name": "--vvd-badge-announcement-fierce",
+              "default": "var(--vvd-color-announcement-700)"
+            },
+            {
+              "name": "--vvd-badge-announcement-firm-all",
+              "default": "var(--vvd-color-announcement-600)"
+            },
             {
               "name": "--vvd-badge-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -2784,6 +2990,42 @@
               "name": "--vvd-button-alert-fierce-primary",
               "default": "var(--vvd-color-alert-700)"
             },
+            {
+              "name": "--vvd-button-announcement-primary",
+              "default": "var(--vvd-color-announcement-500)"
+            },
+            {
+              "name": "--vvd-button-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-button-announcement-primary-increment",
+              "default": "var(--vvd-color-announcement-600)"
+            },
+            {
+              "name": "--vvd-button-announcement-contrast",
+              "default": "var(--vvd-color-announcement-800)"
+            },
+            {
+              "name": "--vvd-button-announcement-fierce",
+              "default": "var(--vvd-color-announcement-700)"
+            },
+            {
+              "name": "--vvd-button-announcement-firm",
+              "default": "var(--vvd-color-announcement-600)"
+            },
+            {
+              "name": "--vvd-button-announcement-soft",
+              "default": "var(--vvd-color-announcement-100)"
+            },
+            {
+              "name": "--vvd-button-announcement-faint",
+              "default": "var(--vvd-color-announcement-50)"
+            },
+            {
+              "name": "--vvd-button-announcement-fierce-primary",
+              "default": "var(--vvd-color-announcement-700)"
+            },
             {
               "name": "--vvd-button-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -4041,7 +4283,17 @@
           ],
           "events": [
             {
-              "description": "Event that emits when the component checked state changes",
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emitted when the checked state changes.",
+              "name": "change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emitted when the checked state changes.",
               "name": "input"
             }
           ],
@@ -4150,6 +4402,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "ComboboxAppearance | undefined"
+              },
+              "description": "The appearance attribute.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "placement",
@@ -4183,7 +4444,24 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the value updates",
+              "name": "change"
+            }
+          ],
           "attributes": [
+            {
+              "name": "appearance",
+              "type": {
+                "text": "ComboboxAppearance | undefined"
+              },
+              "description": "The appearance attribute.",
+              "fieldName": "appearance"
+            },
             {
               "name": "placement",
               "type": {
@@ -4264,6 +4542,14 @@
             "module": "./combobox"
           }
         },
+        {
+          "kind": "js",
+          "name": "ComboboxAppearance",
+          "declaration": {
+            "name": "ComboboxAppearance",
+            "module": "./combobox"
+          }
+        },
         {
           "kind": "js",
           "name": "comboboxRegistries",
@@ -4436,12 +4722,25 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<{columnDataKey: string, ariaSort: string | null}>"
+              },
               "description": "Event that fires when a sortable column header is clicked",
               "name": "sort"
             },
             {
+              "type": {
+                "text": "CustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>"
+              },
               "description": "Event that fires when a cell is clicked",
               "name": "cell-click"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<HTMLElement>"
+              },
+              "description": "Fires a custom 'cell-focused' event when focus is on the cell or its contents",
+              "name": "cell-focused"
             }
           ],
           "attributes": [
@@ -4579,8 +4878,18 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>"
+              },
               "description": "Event that fires when a cell is clicked",
               "name": "cell-click"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<HTMLElement>"
+              },
+              "description": "Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row",
+              "name": "row-focused"
             }
           ],
           "attributes": [
@@ -4857,6 +5166,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<{cell: HTMLElement, row: HTMLElement, isHeaderCell: boolean, columnDataKey: string}>"
+              },
               "description": "Event that fires when a cell is clicked",
               "name": "cell-click"
             }
@@ -5218,6 +5530,33 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emitted when the date is changed by the user.",
+              "name": "input"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emitted when the date is changed by the user.",
+              "name": "change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Event emitted when the clear button is clicked.",
+              "name": "clear-click",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            }
+          ],
           "superclass": {
             "name": "DatePickerBase",
             "module": "/libs/components/src/shared/date-picker/date-picker-base"
@@ -5284,16 +5623,6 @@
                 "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
               }
             }
-          ],
-          "events": [
-            {
-              "description": "Event emitted when the clear value changes",
-              "name": "clear-click",
-              "inheritedFrom": {
-                "name": "DatePickerBase",
-                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
-              }
-            }
           ]
         }
       ],
@@ -5662,21 +5991,44 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Event emitted when the start value changes",
               "name": "input:start"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Event emitted when the end value changes",
               "name": "input:end"
             },
             {
-              "description": "Event emitted when the clear value changes",
-              "name": "clear-click",
-              "inheritedFrom": {
-                "name": "DatePickerBase",
-                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
-              }
-            }
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emitted when either the start or end value changes",
+              "name": "input"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emitted when either the start or end value changes",
+              "name": "change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Event emitted when the clear button is clicked.",
+              "name": "clear-click",
+              "inheritedFrom": {
+                "name": "DatePickerBase",
+                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+              }
+            }
           ],
           "attributes": [
             {
@@ -6046,30 +6398,51 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when the text field value changes",
               "name": "change"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when the text field value changes",
               "name": "input"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when the text field loses focus",
               "name": "blur"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when the text field receives focus",
               "name": "focus"
             },
             {
+              "type": {
+                "text": "CustomEvent<HTMLElement>"
+              },
               "description": "Emitted when a digit button is clicked",
               "name": "keypad-click"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when the call button is clicked",
               "name": "dial"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when the end call button is clicked",
               "name": "end-call"
             }
@@ -6411,7 +6784,10 @@
           ],
           "events": [
             {
-              "description": "Fired when the dialog is closed.",
+              "type": {
+                "text": "CustomEvent<string>"
+              },
+              "description": "The `close` event fires when the dialog closes (either via user interaction or via the API). It returns the return value inside the event's details property.",
               "name": "close"
             }
           ],
@@ -7352,6 +7728,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when a file is added or removed.",
               "name": "change"
             }
@@ -8348,10 +8727,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the menu is opened",
               "name": "open"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the menu is closed",
               "name": "close"
             }
@@ -8644,6 +9029,22 @@
               "name": "updateSubmenu"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<HTMLElement>"
+              },
+              "description": "Fires a custom 'expanded-change' event when the expanded state changes",
+              "name": "expanded-change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "text",
@@ -8996,6 +9397,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Event emitted when the nav disclosure is toggled.",
               "name": "toggle"
             }
@@ -9560,6 +9964,43 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/number-field/number-field.form-associated.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FormAssociatedNumberField",
+          "members": [
+            {
+              "kind": "field",
+              "name": "proxy"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociated",
+              "package": "@microsoft/fast-foundation"
+            }
+          ],
+          "superclass": {
+            "name": "_NumberField",
+            "module": "libs/components/src/lib/number-field/number-field.form-associated.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormAssociatedNumberField",
+          "declaration": {
+            "name": "FormAssociatedNumberField",
+            "module": "libs/components/src/lib/number-field/number-field.form-associated.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/number-field/number-field.ts",
@@ -9609,76 +10050,339 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum number of characters a user can enter.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum number of characters a user can enter.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "description": "Sets the width of the element to a specified number of characters.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Amount to increment or decrement the value by",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "stepChanged",
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum the value can be",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum the value can be",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "valueAsNumber",
+              "type": {
+                "text": "number"
+              },
+              "description": "The value property, typed as a number.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "#valueToPresentationValue",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#inputToPresentationValue",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#presentationValueToValue",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "presentationValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "description": "{@inheritDoc (FormAssociated:interface).validate}"
+            },
+            {
+              "kind": "method",
+              "name": "stepUp",
+              "description": "Increments the value using the step value",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "stepDown",
+              "description": "Decrements the value using the step value",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "description": "Selects all the text in the number field",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "incrementButtonAriaLabel",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "decrementButtonAriaLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "NumberFieldAppearance | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "NumberFieldShape | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autoComplete",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedNumberField",
+                "module": "libs/components/src/lib/number-field/number-field.form-associated.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'input' event when the value has changed",
+              "name": "input"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the value has changed",
+              "name": "change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+              "fieldName": "readOnly"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
               },
-              "default": "null"
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder"
             },
             {
-              "kind": "field",
-              "name": "decrementButtonAriaLabel",
+              "name": "list",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "string"
               },
-              "default": "null"
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "fieldName": "list"
             },
             {
-              "kind": "field",
-              "name": "appearance",
               "type": {
-                "text": "NumberFieldAppearance | undefined"
-              }
+                "text": "number"
+              },
+              "description": "The maximum number of characters a user can enter.",
+              "fieldName": "maxlength"
             },
             {
-              "kind": "field",
-              "name": "shape",
               "type": {
-                "text": "NumberFieldShape | undefined"
-              }
+                "text": "number"
+              },
+              "description": "The minimum number of characters a user can enter.",
+              "fieldName": "minlength"
             },
             {
-              "kind": "field",
-              "name": "autoComplete",
               "type": {
-                "text": "string | undefined"
-              }
+                "text": "number"
+              },
+              "description": "Sets the width of the element to a specified number of characters.",
+              "fieldName": "size"
             },
             {
-              "kind": "method",
-              "name": "stepChanged",
-              "parameters": [
-                {
-                  "name": "_previous",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "next",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Amount to increment or decrement the value by",
+              "fieldName": "step"
             },
             {
-              "kind": "method",
-              "name": "stepUp"
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum the value can be",
+              "fieldName": "max"
             },
             {
-              "kind": "method",
-              "name": "stepDown",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ],
-          "attributes": [
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum the value can be",
+              "fieldName": "min"
+            },
             {
               "name": "increment-button-aria-label",
               "type": {
@@ -9718,8 +10422,8 @@
             }
           ],
           "superclass": {
-            "name": "FastNumberField",
-            "package": "@microsoft/fast-foundation"
+            "name": "FormAssociatedNumberField",
+            "module": "/libs/components/src/lib/number-field/number-field.form-associated"
           },
           "vividComponent": {
             "public": true,
@@ -10089,6 +10793,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<{selectedIndex: number, total: number, oldIndex: number}>"
+              },
               "description": "Fires when the page changes.",
               "name": "pagination-change"
             }
@@ -10466,19 +11173,19 @@
           "name": "ProgressRing",
           "cssProperties": [
             {
-              "name": "--vvd-progress-ring-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
+              "name": "--vvd-progress-ring-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
             },
             {
-              "name": "--vvd-progress-ring-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
+              "name": "--vvd-progress-ring-alert-firm",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
-              "name": "--vvd-progress-ring-success-primary",
-              "default": "var(--vvd-color-success-500)"
+              "name": "--vvd-progress-ring-success-firm",
+              "default": "var(--vvd-color-success-600)"
             },
             {
-              "name": "--vvd-progress-ring-accent-primary",
+              "name": "--vvd-progress-ring-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             }
           ],
@@ -10677,6 +11384,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the value changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-label",
@@ -10789,6 +11505,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the value changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "label",
@@ -11246,12 +11971,32 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Event emitted when the start value changes",
               "name": "input:start"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Event emitted when the end value changes",
               "name": "input:end"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Event emitted when either the start or end value changes.",
+              "name": "input"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Event emitted when either the start or end value changes.",
+              "name": "change"
             }
           ],
           "attributes": [
@@ -11561,6 +12306,22 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'input' event when the value updates",
+              "name": "input"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<HTMLElement>"
+              },
+              "description": "Fires a custom 'change' event when the value updates",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "appearance",
@@ -11790,6 +12551,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the checked state changes",
               "name": "change"
             }
@@ -11994,10 +12758,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the side drawer is closed.",
               "name": "close"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the side drawer is opened.",
               "name": "open"
             }
@@ -12169,6 +12939,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the slider value changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-label",
@@ -12402,6 +13181,38 @@
               "name": "--vvd-split-button-alert-faint",
               "default": "var(--vvd-color-alert-50)"
             },
+            {
+              "name": "--vvd-split-button-announcement-primary",
+              "default": "var(--vvd-color-announcement-500)"
+            },
+            {
+              "name": "--vvd-split-button-announcement-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-split-button-announcement-primary-increment",
+              "default": "var(--vvd-color-announcement-600)"
+            },
+            {
+              "name": "--vvd-split-button-announcement-contrast",
+              "default": "var(--vvd-color-announcement-800)"
+            },
+            {
+              "name": "--vvd-split-button-announcement-fierce",
+              "default": "var(--vvd-color-announcement-700)"
+            },
+            {
+              "name": "--vvd-split-button-announcement-firm",
+              "default": "var(--vvd-color-announcement-600)"
+            },
+            {
+              "name": "--vvd-split-button-announcement-soft",
+              "default": "var(--vvd-color-announcement-100)"
+            },
+            {
+              "name": "--vvd-split-button-announcement-faint",
+              "default": "var(--vvd-color-announcement-50)"
+            },
             {
               "name": "--vvd-split-button-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -12583,10 +13394,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Event emitted when the action button is clicked",
               "name": "action-click"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Event emitted when the indicator button is clicked",
               "name": "indicator-click"
             }
@@ -12879,6 +13696,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emits a custom change event when the checked state changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "label",
@@ -12991,10 +13817,6 @@
           "description": "",
           "name": "Tab",
           "cssProperties": [
-            {
-              "name": "--vvd-tab-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
-            },
             {
               "name": "--vvd-tab-cta-primary-text",
               "default": "var(--vvd-color-canvas)"
@@ -13016,8 +13838,8 @@
               "default": "var(--vvd-color-cta-300)"
             },
             {
-              "name": "--vvd-tab-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
+              "name": "--vvd-tab-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
             },
             {
               "name": "--vvd-tab-accent-primary-text",
@@ -13038,6 +13860,10 @@
             {
               "name": "--vvd-tab-accent-pale",
               "default": "var(--vvd-color-neutral-300)"
+            },
+            {
+              "name": "--vvd-tab-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
             }
           ],
           "slots": [
@@ -13286,11 +14112,11 @@
           "name": "Tabs",
           "cssProperties": [
             {
-              "name": "--vvd-tabs-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
+              "name": "--vvd-tabs-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
             },
             {
-              "name": "--vvd-tabs-accent-primary",
+              "name": "--vvd-tabs-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             }
           ],
@@ -13421,6 +14247,15 @@
               "name": "#patchActiveID"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<HTMLElement>"
+              },
+              "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "connotation",
@@ -13726,6 +14561,22 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires when the selected state changes",
+              "name": "selected-change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires when the tag is removed",
+              "name": "removed"
+            }
+          ],
           "attributes": [
             {
               "name": "connotation",
@@ -14231,6 +15082,15 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emits a custom 'change' event when the textarea emits a change event",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "wrap",
@@ -14460,6 +15320,15 @@
               "name": "#updateMirroredHelperText"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the value has changed",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "appearance",
@@ -14789,6 +15658,16 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emitted when the time is changed by the user.",
+              "name": "input"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when the time is changed by the user.",
               "name": "change"
             }
@@ -15354,6 +16233,10 @@
             {
               "name": "--vvd-tree-item-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-tree-item-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
             }
           ],
           "slots": [
@@ -15377,6 +16260,22 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<HTMLElement>"
+              },
+              "description": "Fires a custom 'expanded-change' event when the expanded state changes",
+              "name": "expanded-change"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<HTMLElement>"
+              },
+              "description": "Fires a custom 'selected-change' event when the selected state changes",
+              "name": "selected-change"
+            }
+          ],
           "attributes": [
             {
               "name": "text",
@@ -15539,6 +16438,23 @@
           },
           "default": "'0.5, 1, 1.5, 2'"
         },
+        {
+          "kind": "function",
+          "name": "getPlaybackRatesArray",
+          "return": {
+            "type": {
+              "text": "number[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "playbackRates",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "description": "Base class for video-player",
@@ -15656,14 +16572,23 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the video is played",
               "name": "play"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the video is paused",
               "name": "pause"
             },
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the video is ended",
               "name": "ended"
             }
@@ -15741,6 +16666,14 @@
             "module": "libs/components/src/lib/video-player/video-player.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "getPlaybackRatesArray",
+          "declaration": {
+            "name": "getPlaybackRatesArray",
+            "module": "libs/components/src/lib/video-player/video-player.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "VideoPlayer",
@@ -16409,7 +17342,10 @@
           ],
           "events": [
             {
-              "description": "Event emitted when the clear value changes",
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Event emitted when the clear button is clicked.",
               "name": "clear-click"
             }
           ],