@vonage/vivid 4.4.0 → 4.5.0

package/custom-elements.json

@@ -819,600 +819,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/appearance-ui/appearance-ui.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AppearanceUi",
-          "cssProperties": [
-            {
-              "name": "--vvd-appearanceUI-cta-faint",
-              "default": "var(--vvd-color-cta-50)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-soft",
-              "default": "var(--vvd-color-cta-100)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-dim",
-              "default": "var(--vvd-color-cta-200)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-pale",
-              "default": "var(--vvd-color-cta-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-light",
-              "default": "var(--vvd-color-cta-400)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-primary",
-              "default": "var(--vvd-color-cta-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-primary-increment",
-              "default": "var(--vvd-color-cta-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-firm",
-              "default": "var(--vvd-color-cta-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-firm-all",
-              "default": "var(--vvd-color-cta-600)"
-            },
-            {
-              "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)"
-            },
-            {
-              "name": "--vvd-appearanceUI-cta-intermediate",
-              "default": "var(--vvd-color-cta-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-faint",
-              "default": "var(--vvd-color-success-50)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-soft",
-              "default": "var(--vvd-color-success-100)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-dim",
-              "default": "var(--vvd-color-success-200)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-pale",
-              "default": "var(--vvd-color-success-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-light",
-              "default": "var(--vvd-color-success-400)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-primary",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-primary-increment",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-firm",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-firm-all",
-              "default": "var(--vvd-color-success-600)"
-            },
-            {
-              "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)"
-            },
-            {
-              "name": "--vvd-appearanceUI-success-intermediate",
-              "default": "var(--vvd-color-success-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-faint",
-              "default": "var(--vvd-color-alert-50)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-soft",
-              "default": "var(--vvd-color-alert-100)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-dim",
-              "default": "var(--vvd-color-alert-200)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-pale",
-              "default": "var(--vvd-color-alert-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-light",
-              "default": "var(--vvd-color-alert-400)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-primary",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-primary-increment",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-firm",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-firm-all",
-              "default": "var(--vvd-color-alert-600)"
-            },
-            {
-              "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)"
-            },
-            {
-              "name": "--vvd-appearanceUI-alert-intermediate",
-              "default": "var(--vvd-color-alert-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-faint",
-              "default": "var(--vvd-color-warning-50)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-soft",
-              "default": "var(--vvd-color-warning-100)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-dim",
-              "default": "var(--vvd-color-warning-200)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-pale",
-              "default": "var(--vvd-color-warning-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-light",
-              "default": "var(--vvd-color-warning-400)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-primary",
-              "default": "var(--vvd-color-warning-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-primary-text",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-primary-increment",
-              "default": "var(--vvd-color-warning-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-firm",
-              "default": "var(--vvd-color-warning-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-firm-all",
-              "default": "var(--vvd-color-warning-600)"
-            },
-            {
-              "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)"
-            },
-            {
-              "name": "--vvd-appearanceUI-warning-intermediate",
-              "default": "var(--vvd-color-warning-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-faint",
-              "default": "var(--vvd-color-information-50)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-soft",
-              "default": "var(--vvd-color-information-100)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-dim",
-              "default": "var(--vvd-color-information-200)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-pale",
-              "default": "var(--vvd-color-information-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-light",
-              "default": "var(--vvd-color-information-400)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-primary",
-              "default": "var(--vvd-color-information-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-primary-increment",
-              "default": "var(--vvd-color-information-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-firm",
-              "default": "var(--vvd-color-information-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-firm-all",
-              "default": "var(--vvd-color-information-600)"
-            },
-            {
-              "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)"
-            },
-            {
-              "name": "--vvd-appearanceUI-information-intermediate",
-              "default": "var(--vvd-color-information-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-faint",
-              "default": "var(--vvd-color-announcement-50)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-soft",
-              "default": "var(--vvd-color-announcement-100)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-dim",
-              "default": "var(--vvd-color-announcement-200)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-pale",
-              "default": "var(--vvd-color-announcement-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-light",
-              "default": "var(--vvd-color-announcement-400)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-primary",
-              "default": "var(--vvd-color-announcement-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-primary-increment",
-              "default": "var(--vvd-color-announcement-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-firm",
-              "default": "var(--vvd-color-announcement-600)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-firm-all",
-              "default": "var(--vvd-color-announcement-600)"
-            },
-            {
-              "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)"
-            },
-            {
-              "name": "--vvd-appearanceUI-announcement-intermediate",
-              "default": "var(--vvd-color-announcement-500)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-faint",
-              "default": "var(--vvd-color-neutral-50)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-dim",
-              "default": "var(--vvd-color-neutral-200)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-pale",
-              "default": "var(--vvd-color-neutral-300)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-light",
-              "default": "var(--vvd-color-neutral-400)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-primary",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-primary-text",
-              "default": "var(--vvd-color-canvas)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-primary-increment",
-              "default": "var(--vvd-color-neutral-800)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-firm",
-              "default": "var(--vvd-color-canvas-text)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-firm-all",
-              "default": "var(--vvd-color-neutral-600)"
-            },
-            {
-              "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)"
-            },
-            {
-              "name": "--vvd-appearanceUI-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "AppearanceUIAppearance | undefined"
-              },
-              "description": "The appearance.",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "hovered",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the hover state via class",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the active state via class",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the selected state via class",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the disabled state",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the disabled state",
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Indicates the text's text.",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
-              "type": {
-                "text": "AppearanceUIAppearance | undefined"
-              },
-              "description": "The appearance.",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "hovered",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the hover state via class",
-              "fieldName": "hovered"
-            },
-            {
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the active state via class",
-              "fieldName": "active"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the selected state via class",
-              "fieldName": "selected"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the disabled state",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Displays the disabled state",
-              "fieldName": "readonly"
-            },
-            {
-              "name": "text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Indicates the text's text.",
-              "fieldName": "text"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          },
-          "vividComponent": {
-            "name": "appearance-ui"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AppearanceUi",
-          "declaration": {
-            "name": "AppearanceUi",
-            "module": "libs/components/src/lib/appearance-ui/appearance-ui.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/components/src/lib/appearance-ui/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "appearanceUiDefinition"
-        },
-        {
-          "kind": "variable",
-          "name": "registerAppearanceUi",
-          "description": "Registers the appearance-ui element with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "appearanceUiDefinition",
-          "declaration": {
-            "name": "appearanceUiDefinition",
-            "module": "libs/components/src/lib/appearance-ui/definition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerAppearanceUi",
-          "declaration": {
-            "name": "registerAppearanceUi",
-            "module": "libs/components/src/lib/appearance-ui/definition.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/audio-player/audio-player.ts",
@@ -8214,6 +7620,10 @@
               "name": "--vvd-icon-success-primary",
               "default": "var(--vvd-color-success-500)"
             },
+            {
+              "name": "--vvd-icon-warning-primary",
+              "default": "var(--vvd-color-warning-300)"
+            },
             {
               "name": "--vvd-icon-alert-primary",
               "default": "var(--vvd-color-alert-500)"
@@ -12631,6 +12041,10 @@
               "description": "The placeholder attribute.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "labelChanged"
+            },
             {
               "kind": "field",
               "name": "displayValue",
@@ -14659,6 +14073,10 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "#updateScrollStatus"
+            },
             {
               "kind": "method",
               "name": "tabpanelsChanged",
@@ -14672,6 +14090,14 @@
               "kind": "method",
               "name": "patchIndicatorStyleTransition"
             },
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              }
+            },
             {
               "kind": "method",
               "name": "#updateTabsConnotation"
@@ -16896,23 +16322,6 @@
           },
           "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",
@@ -17124,14 +16533,6 @@
             "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",