@vonage/vivid 3.40.0 → 3.42.0

package/custom-elements.json

@@ -473,6 +473,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dismissButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "#timeoutID",
@@ -593,6 +601,11 @@
               "kind": "field",
               "name": "#closeOnEscape",
               "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onTransitionEnd",
+              "privacy": "private"
             }
           ],
           "events": [
@@ -606,6 +619,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "dismiss-button-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "dismissButtonAriaLabel"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -723,6 +744,211 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/alert/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/audio-player/audio-player.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for audio-player",
+          "name": "AudioPlayer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "playButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "pauseButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "sliderAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "connotation",
+              "type": {
+                "text": "AudioPlayerConnotation | undefined"
+              },
+              "description": "The connotation the audio-player should have.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the audio-player's src.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether audio player is disabled.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "notime",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "privacy": "public",
+              "description": ""
+            }
+          ],
+          "attributes": [
+            {
+              "name": "play-button-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "playButtonAriaLabel"
+            },
+            {
+              "name": "pause-button-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "pauseButtonAriaLabel"
+            },
+            {
+              "name": "slider-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "sliderAriaLabel"
+            },
+            {
+              "name": "connotation",
+              "type": {
+                "text": "AudioPlayerConnotation | undefined"
+              },
+              "description": "The connotation the audio-player should have.",
+              "fieldName": "connotation"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the audio-player's src.",
+              "fieldName": "src"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether audio player is disabled.",
+              "fieldName": "disabled"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "notime"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AudioPlayer",
+          "declaration": {
+            "name": "AudioPlayer",
+            "module": "libs/components/src/lib/audio-player/audio-player.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/audio-player/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "audioPlayerDefinition"
+        },
+        {
+          "kind": "variable",
+          "name": "registerAudioPlayer",
+          "description": "Registers the audio-player element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AudioPlayerConnotation",
+          "declaration": {
+            "name": "AudioPlayerConnotation",
+            "module": "./audio-player"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "audioPlayerDefinition",
+          "declaration": {
+            "name": "audioPlayerDefinition",
+            "module": "libs/components/src/lib/audio-player/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerAudioPlayer",
+          "declaration": {
+            "name": "registerAudioPlayer",
+            "module": "libs/components/src/lib/audio-player/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/audio-player/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/avatar/avatar.ts",
@@ -756,6 +982,10 @@
               "name": "--vvd-avatar-cta-soft",
               "default": "var(--vvd-color-cta-100)"
             },
+            {
+              "name": "--vvd-avatar-cta-contrast",
+              "default": "var(--vvd-color-cta-800)"
+            },
             {
               "name": "--vvd-avatar-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -779,6 +1009,10 @@
             {
               "name": "--vvd-avatar-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-avatar-accent-contrast",
+              "default": "var(--vvd-color-neutral-800)"
             }
           ],
           "slots": [
@@ -1357,6 +1591,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dismissButtonAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "role",
@@ -1434,6 +1676,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "dismiss-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "dismissButtonAriaLabel"
+            },
             {
               "name": "role",
               "type": {
@@ -1537,6 +1787,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/banner/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/breadcrumb/breadcrumb.ts",
@@ -2591,6 +2847,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "CardAppearance | undefined"
+              },
+              "description": "The appearance the card should have.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "headline",
@@ -2652,6 +2917,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "appearance",
+              "type": {
+                "text": "CardAppearance | undefined"
+              },
+              "description": "The appearance the card should have.",
+              "fieldName": "appearance"
+            },
             {
               "name": "headline",
               "type": {
@@ -2727,6 +3000,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "CardAppearance",
+          "declaration": {
+            "name": "CardAppearance",
+            "module": "./card"
+          }
+        },
         {
           "kind": "js",
           "name": "registerCard",
@@ -2812,6 +3093,14 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "tabindex",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "connotation",
@@ -2822,6 +3111,12 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "description": "Event that emits when the component checked state changes",
+              "name": "input"
+            }
+          ],
           "attributes": [
             {
               "name": "aria-label",
@@ -2831,6 +3126,14 @@
               "default": "null",
               "fieldName": "ariaLabel"
             },
+            {
+              "name": "tabindex",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "tabindex"
+            },
             {
               "name": "connotation",
               "type": {
@@ -9423,8 +9726,12 @@
               "default": "var(--vvd-color-cta-300)"
             },
             {
-              "name": "--vvd-selectable-box-cta-soft",
-              "default": "var(--vvd-color-cta-100)"
+              "name": "--vvd-selectable-box-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
+            {
+              "name": "--vvd-selectable-box-cta-faint",
+              "default": "var(--vvd-color-cta-50)"
             },
             {
               "name": "--vvd-selectable-box-accent-firm",
@@ -9435,8 +9742,12 @@
               "default": "var(--vvd-color-neutral-300)"
             },
             {
-              "name": "--vvd-selectable-box-accent-soft",
-              "default": "var(--vvd-color-neutral-100)"
+              "name": "--vvd-selectable-box-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
+            {
+              "name": "--vvd-selectable-box-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
             }
           ],
           "slots": [
@@ -9448,51 +9759,49 @@
           "members": [
             {
               "kind": "field",
-              "name": "checked",
+              "name": "ariaLabel",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
-              "default": "false",
-              "description": "Controls the checked state of the box",
-              "privacy": "public"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "clickable",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the whole selectable box clickable",
+              "description": "Controls the checked state of the box",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "connotation",
+              "name": "clickable",
               "type": {
-                "text": "SelectableBoxConnotation | undefined"
+                "text": "boolean"
               },
-              "description": "The connotation the selectable box should have.",
+              "default": "false",
+              "description": "DEPRECATED: Replaced by the clickable-box prop",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "controlAriaLabel",
+              "name": "clickableBox",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "Adds an accessible label to selectable box",
+              "default": "false",
+              "description": "Makes the entire selectable box clickable",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "controlAriaLabelledby",
+              "name": "connotation",
               "type": {
-                "text": "string | null"
+                "text": "SelectableBoxConnotation | undefined"
               },
-              "default": "null",
-              "description": "Links a piece of content as an accessible label",
+              "description": "The connotation the selectable box should have.",
               "privacy": "public"
             },
             {
@@ -9522,6 +9831,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -9535,34 +9852,25 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the whole selectable box clickable",
+              "description": "DEPRECATED: Replaced by the clickable-box prop",
               "fieldName": "clickable"
             },
             {
-              "name": "connotation",
-              "type": {
-                "text": "SelectableBoxConnotation | undefined"
-              },
-              "description": "The connotation the selectable box should have.",
-              "fieldName": "connotation"
-            },
-            {
-              "name": "control-aria-label",
+              "name": "clickable-box",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "Adds an accessible label to selectable box",
-              "fieldName": "controlAriaLabel"
+              "default": "false",
+              "description": "Makes the entire selectable box clickable",
+              "fieldName": "clickableBox"
             },
             {
-              "name": "control-aria-labelledby",
+              "name": "connotation",
               "type": {
-                "text": "string | null"
+                "text": "SelectableBoxConnotation | undefined"
               },
-              "default": "null",
-              "description": "Links a piece of content as an accessible label",
-              "fieldName": "controlAriaLabelledby"
+              "description": "The connotation the selectable box should have.",
+              "fieldName": "connotation"
             },
             {
               "name": "control-type",
@@ -9990,6 +10298,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/split-button/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/split-button/split-button.ts",
@@ -10031,6 +10345,70 @@
               "name": "--vvd-split-button-cta-faint",
               "default": "var(--vvd-color-cta-50)"
             },
+            {
+              "name": "--vvd-split-button-success-primary",
+              "default": "var(--vvd-color-success-500)"
+            },
+            {
+              "name": "--vvd-split-button-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-split-button-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
+            },
+            {
+              "name": "--vvd-split-button-success-contrast",
+              "default": "var(--vvd-color-success-800)"
+            },
+            {
+              "name": "--vvd-split-button-success-fierce",
+              "default": "var(--vvd-color-success-700)"
+            },
+            {
+              "name": "--vvd-split-button-success-firm",
+              "default": "var(--vvd-color-success-600)"
+            },
+            {
+              "name": "--vvd-split-button-success-soft",
+              "default": "var(--vvd-color-success-100)"
+            },
+            {
+              "name": "--vvd-split-button-success-faint",
+              "default": "var(--vvd-color-success-50)"
+            },
+            {
+              "name": "--vvd-split-button-alert-primary",
+              "default": "var(--vvd-color-alert-500)"
+            },
+            {
+              "name": "--vvd-split-button-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-split-button-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
+            },
+            {
+              "name": "--vvd-split-button-alert-contrast",
+              "default": "var(--vvd-color-alert-800)"
+            },
+            {
+              "name": "--vvd-split-button-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
+            {
+              "name": "--vvd-split-button-alert-firm",
+              "default": "var(--vvd-color-alert-600)"
+            },
+            {
+              "name": "--vvd-split-button-alert-soft",
+              "default": "var(--vvd-color-alert-100)"
+            },
+            {
+              "name": "--vvd-split-button-alert-faint",
+              "default": "var(--vvd-color-alert-50)"
+            },
             {
               "name": "--vvd-split-button-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -10194,6 +10572,16 @@
                 "text": "string | null"
               },
               "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "indicatorAriaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -10278,6 +10666,15 @@
               },
               "default": "null",
               "fieldName": "ariaExpanded"
+            },
+            {
+              "name": "indicator-aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
+              "fieldName": "indicatorAriaLabel"
             }
           ],
           "superclass": {

package/data-grid/index.js

@@ -1,5 +1,5 @@
-import { r as registerDataGrid } from '../shared/definition16.js';
-import '../shared/definition25.js';
+import { r as registerDataGrid } from '../shared/definition17.js';
+import '../shared/definition26.js';
 import '../shared/index.js';
 import '../shared/icon.js';
 import '../shared/_has.js';