@vonage/vivid 3.42.1 → 3.44.0

package/custom-elements.json

@@ -750,6 +750,569 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/appearance-ui/appearance-ui.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for appearance-ui",
+          "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-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-cta-backdrop",
+              "default": "var(--vvd-color-cta-50)"
+            },
+            {
+              "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-fierce",
+              "default": "var(--vvd-color-success-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-contrast",
+              "default": "var(--vvd-color-success-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-success-backdrop",
+              "default": "var(--vvd-color-success-50)"
+            },
+            {
+              "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-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-contrast",
+              "default": "var(--vvd-color-alert-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-alert-backdrop",
+              "default": "var(--vvd-color-alert-50)"
+            },
+            {
+              "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-fierce",
+              "default": "var(--vvd-color-warning-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-contrast",
+              "default": "var(--vvd-color-warning-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-warning-backdrop",
+              "default": "var(--vvd-color-warning-50)"
+            },
+            {
+              "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-fierce",
+              "default": "var(--vvd-color-information-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-contrast",
+              "default": "var(--vvd-color-information-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-information-backdrop",
+              "default": "var(--vvd-color-information-50)"
+            },
+            {
+              "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-fierce",
+              "default": "var(--vvd-color-announcement-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-contrast",
+              "default": "var(--vvd-color-announcement-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-announcement-backdrop",
+              "default": "var(--vvd-color-announcement-50)"
+            },
+            {
+              "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-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
+            },
+            {
+              "name": "--vvd-appearanceUI-accent-backdrop",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "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"
+          }
+        }
+      ],
+      "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",
@@ -4933,6 +5496,14 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "noLightDismiss",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "#modal",
@@ -4949,11 +5520,6 @@
                 "text": "string"
               }
             },
-            {
-              "kind": "field",
-              "name": "modal",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "#dialogElement",
@@ -4968,24 +5534,6 @@
               "privacy": "private",
               "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "openChanged",
-              "parameters": [
-                {
-                  "name": "oldValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                },
-                {
-                  "name": "newValue",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "#handleScrimClick",
@@ -5019,20 +5567,6 @@
             {
               "kind": "method",
               "name": "showModal"
-            },
-            {
-              "kind": "field",
-              "name": "footerSlottedContent",
-              "type": {
-                "text": "HTMLElement[] | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "actionItemsSlottedContent",
-              "type": {
-                "text": "HTMLElement[] | undefined"
-              }
             }
           ],
           "events": [
@@ -5101,6 +5635,14 @@
               },
               "default": "null",
               "fieldName": "dismissButtonAriaLabel"
+            },
+            {
+              "name": "no-light-dismiss",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noLightDismiss"
             }
           ],
           "superclass": {
@@ -6810,6 +7352,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "#observer",
@@ -6998,6 +7548,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "type": {
                 "text": "Placement | undefined"
@@ -7071,6 +7629,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "MenuItemRole",
+          "declaration": {
+            "name": "MenuItemRole",
+            "module": "./menu-item"
+          }
+        },
         {
           "kind": "js",
           "name": "menuItemDefinition",