@vonage/vivid-vue 3.21.0 → 3.22.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
  "framework": "vue",
  "name": "@vonage/vivid-vue",
- "version": "3.21.0",
+ "version": "3.22.0",
  "contributions": {
   "html": {
    "description-markup": "markdown",
@@ -296,6 +296,13 @@
         "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'"
        }
       },
+      {
+       "name": "dismissButtonAriaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "removable",
        "description": "if the alert is removable\naccepts boolean",
@@ -624,6 +631,13 @@
         "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'"
        }
       },
+      {
+       "name": "dismissAriaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "role",
        "value": {
@@ -1334,6 +1348,14 @@
         "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'"
        }
       },
+      {
+       "name": "appearance",
+       "description": "The appearance the card should have.",
+       "value": {
+        "kind": "expression",
+        "type": "'elevated' | 'ghost' | 'outlined'"
+       }
+      },
       {
        "name": "headline",
        "description": "the text of the card heading\naccepts string",
@@ -1537,6 +1559,20 @@
         "type": "boolean"
        }
       },
+      {
+       "name": "ariaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "tabindex",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "connotation",
        "description": "The connotation the checklist should have.",
@@ -1985,6 +2021,10 @@
       {
        "name": "cell-focused",
        "description": "Fires a custom 'cell-focused' event when focus is on the cell or its contents"
+      },
+      {
+       "name": "sort",
+       "description": "Event that fires when a sortable column header is clicked"
       }
      ],
      "slots": [
@@ -2351,6 +2391,13 @@
         "kind": "expression",
         "type": "string"
        }
+      },
+      {
+       "name": "dismissButtonAriaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
       }
      ],
      "events": [
@@ -3742,6 +3789,20 @@
         "type": "number"
        }
       },
+      {
+       "name": "incrementButtonAriaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "decrementButtonAriaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "appearance",
        "value": {
@@ -4037,6 +4098,13 @@
         "type": "boolean"
        }
       },
+      {
+       "name": "ariaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "shape",
        "description": "Indicates the progress' shape.",
@@ -4139,6 +4207,13 @@
         "type": "boolean"
        }
       },
+      {
+       "name": "ariaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "connotation",
        "value": {
@@ -4263,6 +4338,13 @@
         "type": "boolean"
        }
       },
+      {
+       "name": "ariaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "label",
        "description": "Indicates the radio's label.",
@@ -4420,6 +4502,108 @@
      },
      "priority": "highest"
     },
+    {
+     "name": "VSelectableBox",
+     "description": "Base class for selectable-box",
+     "attributes": [
+      {
+       "name": "ariaCurrent",
+       "description": "Indicates the element that represents the current item within a container or set of related elements.",
+       "value": {
+        "kind": "expression",
+        "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'"
+       }
+      },
+      {
+       "name": "ariaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "checked",
+       "description": "Controls the checked state of the box",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      },
+      {
+       "name": "clickable",
+       "description": "Makes the whole selectable box clickable",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      },
+      {
+       "name": "connotation",
+       "description": "The connotation the selectable box should have.",
+       "value": {
+        "kind": "expression",
+        "type": "'accent' | 'cta'"
+       }
+      },
+      {
+       "name": "controlType",
+       "description": "The type of control the box should have: checkbox or radio.",
+       "value": {
+        "kind": "expression",
+        "type": "'checkbox' | 'radio'"
+       }
+      },
+      {
+       "name": "tight",
+       "description": "Removes the padding around the box's slot content",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      }
+     ],
+     "events": [
+      {
+       "name": "click",
+       "description": "Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element."
+      },
+      {
+       "name": "focus",
+       "description": "Fires when the element receives focus."
+      },
+      {
+       "name": "blur",
+       "description": "Fires when the element loses focus."
+      },
+      {
+       "name": "keydown",
+       "description": "Fires when a key is pressed."
+      },
+      {
+       "name": "keyup",
+       "description": "Fires when a key is released."
+      },
+      {
+       "name": "input",
+       "description": "Fires when the value of an element has been changed."
+      },
+      {
+       "name": "change",
+       "description": "Fired when the checked state changes"
+      }
+     ],
+     "slots": [
+      {
+       "name": "default",
+       "description": "Slot for box's content."
+      }
+     ],
+     "source": {
+      "module": "@vonage/vivid-vue",
+      "symbol": "VSelectableBox"
+     },
+     "priority": "highest"
+    },
     {
      "name": "VSelect",
      "description": "Base class for select",
@@ -4822,6 +5006,20 @@
         "type": "'single-value'"
        }
       },
+      {
+       "name": "ariaLabel",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
+      {
+       "name": "ariaValuetext",
+       "value": {
+        "kind": "expression",
+        "type": "string"
+       }
+      },
       {
        "name": "markers",
        "description": "Display markers on/off",
@@ -4829,6 +5027,14 @@
         "kind": "expression",
         "type": "boolean"
        }
+      },
+      {
+       "name": "connotation",
+       "description": "slider connotation",
+       "value": {
+        "kind": "expression",
+        "type": "'accent' | 'cta'"
+       }
       }
      ],
      "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-vue",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "description": "A Vue wrapper library for Vivid components.",
   "author": "Vonage",
   "license": "ISC",
@@ -28,7 +28,7 @@
     "vue": "^2.7.0 || >=3.0.0"
   },
   "dependencies": {
-    "@vonage/vivid": "^3.39.0"
+    "@vonage/vivid": "^3.41.0"
   },
   "devDependencies": {
     "@types/node": "^18.15.11",