@vonage/vivid 3.58.0 → 3.60.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"
@@ -101,10 +110,6 @@
           "description": "",
           "name": "AccordionItem",
           "cssProperties": [
-            {
-              "name": "--vvd-accordion-item-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
-            },
             {
               "name": "--vvd-accordion-item-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
@@ -112,6 +117,10 @@
             {
               "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": [
@@ -163,6 +172,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the button is invoked",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "heading",
@@ -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"
             }
@@ -1468,6 +1492,10 @@
               "description": "Indicates the audio-player's src.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "playbackRate"
+            },
             {
               "kind": "method",
               "name": "srcChanged"
@@ -1501,6 +1529,16 @@
               "description": "Allows the audio to skip back or forward",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "playbackRates",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Sets the available playback rates. When an empty string, no choices will be available",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "paused",
@@ -1531,15 +1569,6 @@
               "privacy": "private",
               "default": "new Audio()"
             },
-            {
-              "kind": "field",
-              "name": "#baseElement",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "readonly": true
-            },
             {
               "kind": "method",
               "name": "play"
@@ -1550,7 +1579,7 @@
             },
             {
               "kind": "method",
-              "name": "#setInteractionListeners",
+              "name": "#setSliderInteractionListeners",
               "parameters": [
                 {
                   "name": "add",
@@ -1563,6 +1592,15 @@
               "name": "#pausedChanged",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "#currentTimeChanged",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "#updateProgress",
@@ -1575,12 +1613,15 @@
             },
             {
               "kind": "field",
-              "name": "#rewind",
-              "privacy": "private"
+              "name": "#dragInterval",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "#handleSliderEvent",
+              "name": "#updateCurrentTimeOnSliderChange",
               "privacy": "private"
             },
             {
@@ -1668,6 +1709,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": {
@@ -2943,6 +2993,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)"
@@ -4200,7 +4286,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"
             }
           ],
@@ -4309,6 +4405,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "ComboboxAppearance | undefined"
+              },
+              "description": "The appearance attribute.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "placement",
@@ -4342,7 +4447,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": {
@@ -4423,6 +4545,14 @@
             "module": "./combobox"
           }
         },
+        {
+          "kind": "js",
+          "name": "ComboboxAppearance",
+          "declaration": {
+            "name": "ComboboxAppearance",
+            "module": "./combobox"
+          }
+        },
         {
           "kind": "js",
           "name": "comboboxRegistries",
@@ -4595,12 +4725,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": [
@@ -4738,8 +4881,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": [
@@ -5016,6 +5169,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"
             }
@@ -5377,6 +5533,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"
@@ -5443,16 +5626,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"
-              }
-            }
           ]
         }
       ],
@@ -5821,15 +5994,38 @@
           ],
           "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",
+              "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",
@@ -6205,30 +6401,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"
             }
@@ -6570,7 +6787,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"
             }
           ],
@@ -7511,6 +7731,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Emitted when a file is added or removed.",
               "name": "change"
             }
@@ -8507,10 +8730,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"
             }
@@ -8803,6 +9032,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",
@@ -9155,6 +9400,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Event emitted when the nav disclosure is toggled.",
               "name": "toggle"
             }
@@ -9719,6 +9967,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",
@@ -9770,47 +10055,85 @@
           "members": [
             {
               "kind": "field",
-              "name": "incrementButtonAriaLabel",
+              "name": "readOnly",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "boolean"
               },
-              "default": "null"
+              "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": "decrementButtonAriaLabel",
+              "name": "autofocus",
               "type": {
-                "text": "| string\n\t\t| null"
+                "text": "boolean"
               },
-              "default": "null"
+              "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": "appearance",
+              "name": "placeholder",
               "type": {
-                "text": "NumberFieldAppearance | undefined"
-              }
+                "text": "string"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "shape",
+              "name": "list",
               "type": {
-                "text": "NumberFieldShape | undefined"
-              }
+                "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": "autoComplete",
+              "name": "maxlength",
               "type": {
-                "text": "string | undefined"
-              }
+                "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": "_previous",
+                  "name": "_",
                   "type": {
                     "text": "number"
                   }
@@ -9823,21 +10146,246 @@
                 }
               ]
             },
+            {
+              "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": "stepUp"
+              "name": "#inputToPresentationValue",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "stepDown",
+              "name": "#presentationValueToValue",
               "return": {
                 "type": {
-                  "text": "void"
+                  "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"
+              },
+              "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"
+              },
+              "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+              "fieldName": "list"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum number of characters a user can enter.",
+              "fieldName": "maxlength"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum number of characters a user can enter.",
+              "fieldName": "minlength"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "Sets the width of the element to a specified number of characters.",
+              "fieldName": "size"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Amount to increment or decrement the value by",
+              "fieldName": "step"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum the value can be",
+              "fieldName": "max"
+            },
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum the value can be",
+              "fieldName": "min"
+            },
             {
               "name": "increment-button-aria-label",
               "type": {
@@ -9877,8 +10425,8 @@
             }
           ],
           "superclass": {
-            "name": "FastNumberField",
-            "package": "@microsoft/fast-foundation"
+            "name": "FormAssociatedNumberField",
+            "module": "/libs/components/src/lib/number-field/number-field.form-associated"
           },
           "vividComponent": {
             "public": true,
@@ -10248,6 +10796,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<{selectedIndex: number, total: number, oldIndex: number}>"
+              },
               "description": "Fires when the page changes.",
               "name": "pagination-change"
             }
@@ -10625,19 +11176,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)"
             }
           ],
@@ -10836,6 +11387,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the value changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-label",
@@ -10948,6 +11508,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the value changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "label",
@@ -11405,12 +11974,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": [
@@ -11718,6 +12307,40 @@
                   "text": "void"
                 }
               }
+            },
+            {
+              "kind": "method",
+              "name": "slottedOptionsChanged",
+              "parameters": [
+                {
+                  "name": "prev",
+                  "type": {
+                    "text": "Element[] | undefined"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "Element[]"
+                  }
+                }
+              ]
+            }
+          ],
+          "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": [
@@ -11949,6 +12572,9 @@
           ],
           "events": [
             {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
               "description": "Fired when the checked state changes",
               "name": "change"
             }
@@ -12153,10 +12779,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"
             }
@@ -12328,6 +12960,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",
@@ -12561,6 +13202,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)"
@@ -12742,10 +13415,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"
             }
@@ -13038,6 +13717,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emits a custom change event when the checked state changes",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "label",
@@ -13150,10 +13838,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)"
@@ -13175,8 +13859,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",
@@ -13197,6 +13881,10 @@
             {
               "name": "--vvd-tab-accent-pale",
               "default": "var(--vvd-color-neutral-300)"
+            },
+            {
+              "name": "--vvd-tab-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
             }
           ],
           "slots": [
@@ -13445,11 +14133,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)"
             }
           ],
@@ -13580,6 +14268,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",
@@ -13885,6 +14582,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",
@@ -14390,6 +15103,15 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Emits a custom 'change' event when the textarea emits a change event",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "wrap",
@@ -14619,6 +15341,15 @@
               "name": "#updateMirroredHelperText"
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<undefined>"
+              },
+              "description": "Fires a custom 'change' event when the value has changed",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "appearance",
@@ -14948,6 +15679,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"
             }
@@ -15513,6 +16254,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": [
@@ -15536,6 +16281,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",
@@ -15698,6 +16459,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",
@@ -15815,14 +16593,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"
             }
@@ -15900,6 +16687,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",
@@ -16568,7 +17363,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"
             }
           ],