@vonage/vivid 3.52.0 → 3.54.0

package/custom-elements.json

@@ -2,96 +2,6 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "slots": [
-            {
-              "description": "Default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "expandmode",
-              "type": {
-                "text": "AccordionExpandMode"
-              },
-              "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "closeAll",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            }
-          ],
-          "superclass": {
-            "name": "FastAccordion",
-            "package": "@microsoft/fast-foundation"
-          },
-          "vividComponent": {
-            "public": true,
-            "name": "accordion"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "libs/components/src/lib/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/accordion/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "registerAccordion",
-          "description": "Registers the accordion elements with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AccordionExpandMode",
-          "declaration": {
-            "name": "AccordionExpandMode",
-            "package": "@microsoft/fast-foundation"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerAccordion",
-          "declaration": {
-            "name": "registerAccordion",
-            "module": "libs/components/src/lib/accordion/definition.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/accordion-item/accordion-item.ts",
@@ -244,6 +154,96 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "expandmode",
+              "type": {
+                "text": "AccordionExpandMode"
+              },
+              "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "closeAll",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "superclass": {
+            "name": "FastAccordion",
+            "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "accordion"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "libs/components/src/lib/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/accordion/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerAccordion",
+          "description": "Registers the accordion elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AccordionExpandMode",
+          "declaration": {
+            "name": "AccordionExpandMode",
+            "package": "@microsoft/fast-foundation"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerAccordion",
+          "declaration": {
+            "name": "registerAccordion",
+            "module": "libs/components/src/lib/accordion/definition.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/action-group/action-group.ts",
@@ -840,6 +840,10 @@
               "name": "--vvd-appearanceUI-cta-fierce",
               "default": "var(--vvd-color-cta-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-cta-fierce-primary",
+              "default": "var(--vvd-color-cta-700)"
+            },
             {
               "name": "--vvd-appearanceUI-cta-contrast",
               "default": "var(--vvd-color-cta-800)"
@@ -892,6 +896,10 @@
               "name": "--vvd-appearanceUI-success-fierce",
               "default": "var(--vvd-color-success-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-success-fierce-primary",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-appearanceUI-success-contrast",
               "default": "var(--vvd-color-success-800)"
@@ -944,6 +952,10 @@
               "name": "--vvd-appearanceUI-alert-fierce",
               "default": "var(--vvd-color-alert-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-alert-fierce-primary",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-appearanceUI-alert-contrast",
               "default": "var(--vvd-color-alert-800)"
@@ -996,6 +1008,10 @@
               "name": "--vvd-appearanceUI-warning-fierce",
               "default": "var(--vvd-color-warning-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-warning-fierce-primary",
+              "default": "var(--vvd-color-warning-300)"
+            },
             {
               "name": "--vvd-appearanceUI-warning-contrast",
               "default": "var(--vvd-color-warning-800)"
@@ -1048,6 +1064,10 @@
               "name": "--vvd-appearanceUI-information-fierce",
               "default": "var(--vvd-color-information-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-information-fierce-primary",
+              "default": "var(--vvd-color-information-700)"
+            },
             {
               "name": "--vvd-appearanceUI-information-contrast",
               "default": "var(--vvd-color-information-800)"
@@ -1100,6 +1120,10 @@
               "name": "--vvd-appearanceUI-announcement-fierce",
               "default": "var(--vvd-color-announcement-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-announcement-fierce-primary",
+              "default": "var(--vvd-color-announcement-700)"
+            },
             {
               "name": "--vvd-appearanceUI-announcement-contrast",
               "default": "var(--vvd-color-announcement-800)"
@@ -1152,6 +1176,10 @@
               "name": "--vvd-appearanceUI-accent-fierce",
               "default": "var(--vvd-color-neutral-700)"
             },
+            {
+              "name": "--vvd-appearanceUI-accent-fierce-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-appearanceUI-accent-contrast",
               "default": "var(--vvd-color-neutral-800)"
@@ -1386,6 +1414,22 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "skipForwardButtonAriaLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "skipBackwardButtonAriaLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "connotation",
@@ -1423,6 +1467,15 @@
               "default": "false",
               "privacy": "public",
               "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "skipBy",
+              "type": {
+                "text": "MediaSkipBy | undefined"
+              },
+              "description": "Allows the audio to skip back or forward",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -1450,6 +1503,22 @@
               "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",
               "type": {
@@ -1480,6 +1549,14 @@
               },
               "default": "false",
               "fieldName": "notime"
+            },
+            {
+              "name": "skip-by",
+              "type": {
+                "text": "MediaSkipBy | undefined"
+              },
+              "description": "Allows the audio to skip back or forward",
+              "fieldName": "skipBy"
             }
           ],
           "superclass": {
@@ -3913,6 +3990,12 @@
               "default": "var(--vvd-color-canvas-text)"
             }
           ],
+          "slots": [
+            {
+              "description": "Describes how to use the checkbox. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4883,6 +4966,12 @@
           "kind": "class",
           "description": "Single date picker component.",
           "name": "DatePicker",
+          "slots": [
+            {
+              "description": "Describes how to use the date-picker. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
           "members": [
             {
               "kind": "method",
@@ -5245,6 +5334,12 @@
           "kind": "class",
           "description": "",
           "name": "DateRangePicker",
+          "slots": [
+            {
+              "description": "Describes how to use the date-range-picker. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5723,12 +5818,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/dialog/definition.ts",
+      "path": "libs/components/src/lib/dial-pad/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerDialog",
-          "description": "Registers the dialog elements with the design system.",
+          "name": "dialPadDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerDialPad",
+          "description": "Registers the dial-pad element with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -5740,7 +5839,351 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPlacement",
+          "name": "dialPadDefinition",
+          "declaration": {
+            "name": "dialPadDefinition",
+            "module": "libs/components/src/lib/dial-pad/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerDialPad",
+          "declaration": {
+            "name": "registerDialPad",
+            "module": "libs/components/src/lib/dial-pad/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/dial-pad/dial-pad.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for dial-pad",
+          "name": "DialPad",
+          "cssProperties": [
+            {
+              "name": "--vvd-dial-pad-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-dial-pad-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-dial-pad-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
+            },
+            {
+              "name": "--vvd-dial-pad-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-dial-pad-accent-firm-all",
+              "default": "var(--vvd-color-neutral-600)"
+            },
+            {
+              "name": "--vvd-dial-pad-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-dial-pad-accent-dim",
+              "default": "var(--vvd-color-neutral-200)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "helperText",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Indicates the helper-text's text.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Indicates the placeholder's text.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Indicates the value's text.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "valueChanged",
+              "parameters": [
+                {
+                  "name": "_oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "default": "'^[0-9#*]*$'",
+              "description": "Indicates the dial pad's pattern.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the disabled state of the dial-pad.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "pending",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the pending state of the dial-pad.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "callActive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the active state of the dial-pad.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "noCall",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the no-call state of the dial-pad.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "endCallButtonLabel",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "privacy": "public",
+              "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "callButtonLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "privacy": "public",
+              "description": ""
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the text field value changes",
+              "name": "change"
+            },
+            {
+              "description": "Emitted when the text field value changes",
+              "name": "input"
+            },
+            {
+              "description": "Emitted when the text field loses focus",
+              "name": "blur"
+            },
+            {
+              "description": "Emitted when the text field receives focus",
+              "name": "focus"
+            },
+            {
+              "description": "Emitted when a digit button is clicked",
+              "name": "keypad-click"
+            },
+            {
+              "description": "Emitted when the call button is clicked",
+              "name": "dial"
+            },
+            {
+              "description": "Emitted when the end call button is clicked",
+              "name": "end-call"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "helper-text",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Indicates the helper-text's text.",
+              "fieldName": "helperText"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Indicates the placeholder's text.",
+              "fieldName": "placeholder"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Indicates the value's text.",
+              "fieldName": "value"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "default": "'^[0-9#*]*$'",
+              "description": "Indicates the dial pad's pattern.",
+              "fieldName": "pattern"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the disabled state of the dial-pad.",
+              "fieldName": "disabled"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the pending state of the dial-pad.",
+              "fieldName": "pending"
+            },
+            {
+              "name": "call-active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the active state of the dial-pad.",
+              "fieldName": "callActive"
+            },
+            {
+              "name": "no-call",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates the no-call state of the dial-pad.",
+              "fieldName": "noCall"
+            },
+            {
+              "name": "end-call-button-label",
+              "type": {
+                "text": "| string\n\t\t| null"
+              },
+              "default": "null",
+              "fieldName": "endCallButtonLabel"
+            },
+            {
+              "name": "call-button-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "callButtonLabel"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "dial-pad",
+            "vueModels": [
+              {
+                "name": "modelValue",
+                "attributeName": "value",
+                "eventName": "input",
+                "valueMapping": "(event.target as any).value"
+              }
+            ]
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DialPad",
+          "declaration": {
+            "name": "DialPad",
+            "module": "libs/components/src/lib/dial-pad/dial-pad.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/dial-pad/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/dialog/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerDialog",
+          "description": "Registers the dialog elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconPlacement",
           "declaration": {
             "name": "IconPlacement",
             "module": "./dialog"
@@ -6595,6 +7038,12 @@
           "kind": "class",
           "description": "",
           "name": "FilePicker",
+          "slots": [
+            {
+              "description": "Describes how to use the file-picker. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -7139,7 +7588,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+                "text": "| -6\n\t\t| -5\n\t\t| -4\n\t\t| -3\n\t\t| -2\n\t\t| -1\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5 | undefined"
               }
             },
             {
@@ -7180,9 +7629,8 @@
               "fieldName": "connotation"
             },
             {
-              "name": "size",
               "type": {
-                "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+                "text": "| -6\n\t\t| -5\n\t\t| -4\n\t\t| -3\n\t\t| -2\n\t\t| -1\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5 | undefined"
               },
               "fieldName": "size"
             },
@@ -7700,6 +8148,24 @@
               "description": "placement of the menu",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "trigger",
+              "type": {
+                "text": "'auto' | 'legacy' | 'off' | undefined"
+              },
+              "description": "Controls how the menu opens and closes itself.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#triggerBehaviour",
+              "privacy": "private",
+              "type": {
+                "text": "'auto' | 'legacy' | 'off'"
+              },
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "autoDismiss",
@@ -7794,7 +8260,7 @@
             },
             {
               "kind": "field",
-              "name": "#openIfClosed",
+              "name": "#onAnchorClick",
               "privacy": "private"
             },
             {
@@ -7828,6 +8294,10 @@
             {
               "kind": "field",
               "name": "handleFocusOut"
+            },
+            {
+              "kind": "field",
+              "name": "domChildren"
             }
           ],
           "events": [
@@ -7857,6 +8327,14 @@
               "description": "placement of the menu",
               "fieldName": "placement"
             },
+            {
+              "name": "trigger",
+              "type": {
+                "text": "'auto' | 'legacy' | 'off' | undefined"
+              },
+              "description": "Controls how the menu opens and closes itself.",
+              "fieldName": "trigger"
+            },
             {
               "name": "auto-dismiss",
               "type": {
@@ -8324,6 +8802,42 @@
           "description": "",
           "name": "NavDisclosure",
           "cssProperties": [
+            {
+              "name": "--vvd-nav-disclosure-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-primary-increment",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-fierce-primary",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
             {
               "name": "--vvd-nav-disclosure-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -8336,10 +8850,26 @@
               "name": "--vvd-nav-disclosure-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
+            {
+              "name": "--vvd-nav-disclosure-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-nav-disclosure-accent-fierce-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-nav-disclosure-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
             },
+            {
+              "name": "--vvd-nav-disclosure-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-nav-disclosure-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
@@ -8376,6 +8906,24 @@
               "privacy": "public",
               "description": ""
             },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "NavDisclosureAppearance | undefined"
+              },
+              "description": "The appearance nav-disclosure should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "NavDisclosureConnotation | undefined"
+              },
+              "description": "The connotation nav-disclosure should have.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "open",
@@ -8414,6 +8962,22 @@
               },
               "fieldName": "label"
             },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "NavDisclosureAppearance | undefined"
+              },
+              "description": "The appearance nav-disclosure should have.",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "NavDisclosureConnotation | undefined"
+              },
+              "description": "The connotation nav-disclosure should have.",
+              "fieldName": "connotation"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -8501,6 +9065,42 @@
           "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
           "name": "NavItem",
           "cssProperties": [
+            {
+              "name": "--vvd-nav-item-cta-primary",
+              "default": "var(--vvd-color-cta-500)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-primary-increment",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-fierce-primary",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-firm",
+              "default": "var(--vvd-color-cta-600)"
+            },
+            {
+              "name": "--vvd-nav-item-cta-soft",
+              "default": "var(--vvd-color-cta-100)"
+            },
             {
               "name": "--vvd-nav-item-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -8513,10 +9113,26 @@
               "name": "--vvd-nav-item-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
+            {
+              "name": "--vvd-nav-item-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-nav-item-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-nav-item-accent-fierce-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-nav-item-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
             },
+            {
+              "name": "--vvd-nav-item-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
             {
               "name": "--vvd-nav-item-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
@@ -8549,6 +9165,32 @@
                 "name": "TextAnchor",
                 "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
               }
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "TextAnchorConnotation | undefined"
+              },
+              "description": "The connotation Text-Anchor should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "TextAnchor",
+                "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "TextAnchorAppearance | undefined"
+              },
+              "description": "The appearance Text-Anchor should have.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "TextAnchor",
+                "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+              }
             }
           ],
           "superclass": {
@@ -8571,6 +9213,30 @@
                 "name": "TextAnchor",
                 "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
               }
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "TextAnchorConnotation | undefined"
+              },
+              "description": "The connotation Text-Anchor should have.",
+              "fieldName": "connotation",
+              "inheritedFrom": {
+                "name": "TextAnchor",
+                "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+              }
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "TextAnchorAppearance | undefined"
+              },
+              "description": "The appearance Text-Anchor should have.",
+              "fieldName": "appearance",
+              "inheritedFrom": {
+                "name": "TextAnchor",
+                "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+              }
             }
           ]
         }
@@ -8890,6 +9556,12 @@
               "default": "var(--vvd-color-neutral-100)"
             }
           ],
+          "slots": [
+            {
+              "description": "Describes how to use the number-field. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -10755,6 +11427,14 @@
               "name": "--vvd-select-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
             },
+            {
+              "name": "--vvd-select-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-select-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
             {
               "name": "--vvd-select-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
@@ -10776,6 +11456,10 @@
             {
               "description": "Slot to add meta content to the select control.",
               "name": "meta"
+            },
+            {
+              "description": "Describes how to use the select. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
             }
           ],
           "members": [
@@ -13193,6 +13877,22 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "TextAnchorConnotation",
+          "declaration": {
+            "name": "TextAnchorConnotation",
+            "module": "./text-anchor"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TextAnchorAppearance",
+          "declaration": {
+            "name": "TextAnchorAppearance",
+            "module": "./text-anchor"
+          }
+        },
         {
           "kind": "js",
           "name": "textAnchorDefinition",
@@ -13232,7 +13932,25 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Indicates the text anchor's text.",
+              "description": "Indicates the text anchor's text.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "TextAnchorConnotation | undefined"
+              },
+              "description": "The connotation Text-Anchor should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "TextAnchorAppearance | undefined"
+              },
+              "description": "The appearance Text-Anchor should have.",
               "privacy": "public"
             }
           ],
@@ -13244,6 +13962,22 @@
               },
               "description": "Indicates the text anchor's text.",
               "fieldName": "text"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "TextAnchorConnotation | undefined"
+              },
+              "description": "The connotation Text-Anchor should have.",
+              "fieldName": "connotation"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "TextAnchorAppearance | undefined"
+              },
+              "description": "The appearance Text-Anchor should have.",
+              "fieldName": "appearance"
             }
           ],
           "superclass": {
@@ -13420,6 +14154,12 @@
               "default": "var(--vvd-color-neutral-100)"
             }
           ],
+          "slots": [
+            {
+              "description": "Describes how to use the text-area. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -13584,6 +14324,10 @@
             {
               "description": "Used to add action items to the end of the text-field.",
               "name": "action-items"
+            },
+            {
+              "description": "Describes how to use the text-field. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
             }
           ],
           "members": [
@@ -13635,9 +14379,33 @@
                 "text": "Reflector<this, HTMLInputElement> | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "#helperTextMirrorEl",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#helperTextSlotMutationObserver",
+              "privacy": "private",
+              "type": {
+                "text": "MutationObserver | undefined"
+              }
+            },
             {
               "kind": "method",
               "name": "focus"
+            },
+            {
+              "kind": "method",
+              "name": "#updateHelperTextMutationObserver"
+            },
+            {
+              "kind": "method",
+              "name": "#updateMirroredHelperText"
             }
           ],
           "attributes": [
@@ -13808,6 +14576,12 @@
               "default": "var(--vvd-color-neutral-300)"
             }
           ],
+          "slots": [
+            {
+              "description": "Describes how to use the time-picker. Alternative to the `helper-text` attribute.",
+              "name": "helper-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -14656,6 +15430,295 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/video-player/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "videoPlayerDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerVideoPlayer",
+          "description": "Registers the video-player element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "videoPlayerDefinition",
+          "declaration": {
+            "name": "videoPlayerDefinition",
+            "module": "libs/components/src/lib/video-player/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerVideoPlayer",
+          "declaration": {
+            "name": "registerVideoPlayer",
+            "module": "libs/components/src/lib/video-player/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/video-player/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/video-player/video-player.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "DEFAULT_PLAYBACK_RATES",
+          "type": {
+            "text": "string"
+          },
+          "default": "'0.5, 1, 1.5, 2'"
+        },
+        {
+          "kind": "class",
+          "description": "Base class for video-player",
+          "name": "VideoPlayer",
+          "slots": [
+            {
+              "description": "Default slot",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "poster",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Reference to an image which is displayed before the video is played",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "URL of a video file",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "autoplay",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows the video will play automatically (muted)",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "loop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows the video to loop back to the beginning when finished",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "playbackRates",
+              "type": {
+                "text": "string"
+              },
+              "default": "'0.5, 1, 1.5, 2'",
+              "description": "Sets the available playback rates. When an empty string, no choices will be available",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "skipBy",
+              "type": {
+                "text": "MediaSkipBy"
+              },
+              "description": "Allows the video to loop back to the beginning when finished",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "#noSourceErrorElement",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#disposePlayer"
+            },
+            {
+              "kind": "method",
+              "name": "#setupVideoElement"
+            },
+            {
+              "kind": "field",
+              "name": "#controlElement",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "#hideNoSourceError",
+              "parameters": [
+                {
+                  "name": "show",
+                  "default": "true"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#setupVideoPlayer",
+              "parameters": [
+                {
+                  "name": "settings",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#setupPlayerEvents"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the video is played",
+              "name": "play"
+            },
+            {
+              "description": "Fired when the video is paused",
+              "name": "pause"
+            },
+            {
+              "description": "Fired when the video is ended",
+              "name": "ended"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "poster",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Reference to an image which is displayed before the video is played",
+              "fieldName": "poster"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "URL of a video file",
+              "fieldName": "src"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows the video will play automatically (muted)",
+              "fieldName": "autoplay"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows the video to loop back to the beginning when finished",
+              "fieldName": "loop"
+            },
+            {
+              "name": "playback-rates",
+              "type": {
+                "text": "string"
+              },
+              "default": "DEFAULT_PLAYBACK_RATES",
+              "description": "Sets the available playback rates. When an empty string, no choices will be available",
+              "resolveInitializer": {
+                "module": "libs/components/src/lib/video-player/video-player.ts"
+              },
+              "fieldName": "playbackRates"
+            },
+            {
+              "name": "skip-by",
+              "type": {
+                "text": "MediaSkipBy"
+              },
+              "description": "Allows the video to loop back to the beginning when finished",
+              "fieldName": "skipBy"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "video-player"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DEFAULT_PLAYBACK_RATES",
+          "declaration": {
+            "name": "DEFAULT_PLAYBACK_RATES",
+            "module": "libs/components/src/lib/video-player/video-player.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VideoPlayer",
+          "declaration": {
+            "name": "VideoPlayer",
+            "module": "libs/components/src/lib/video-player/video-player.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/video-player/vivid-video-svg.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "renderSvgIcons"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "renderSvgIcons",
+          "declaration": {
+            "name": "renderSvgIcons",
+            "module": "libs/components/src/lib/video-player/vivid-video-svg.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/range-slider/utils/lerp.ts",