@vonage/vivid-vue 3.21.0 → 3.23.0

package/dist/plugin/index.d.ts

@@ -0,0 +1,16 @@
+// @ts-ignore
+import type { Plugin } from 'vue';
+import type { Style } from '../plugin/styles';
+declare type VividRootTarget = 'root' | 'app' | 'none';
+declare type VividTokens = 'dark' | 'light' | 'none';
+declare type VividFont = 'oss' | 'spezia' | 'none';
+declare type VividConfiguration = {
+    tokens?: VividTokens;
+    font?: VividFont;
+    customComponentPrefix?: string;
+    styles?: Style[];
+    addRootClassTo?: VividRootTarget;
+};
+// @ts-ignore
+export declare const vivid3: Plugin<VividConfiguration>;
+export * from '../plugin/styles';

package/dist/plugin/styles.d.ts

@@ -0,0 +1,9 @@
+export interface Style {
+    name: string;
+    css: string;
+}
+export declare const optionalStyles: {
+    theme: Style;
+    typography: Style;
+    vivid2Compat: Style;
+};

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
  "framework": "vue",
  "name": "@vonage/vivid-vue",
- "version": "3.21.0",
+ "version": "3.23.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.",
@@ -1567,13 +1603,13 @@
        "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": "Emits a custom change event when the checked state changes"
+      },
+      {
+       "name": "input",
+       "description": "Event that emits when the component checked state changes"
       }
      ],
      "slots": [],
@@ -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,116 @@
      },
      "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": "DEPRECATED: Replaced by the clickable-box prop",
+       "value": {
+        "kind": "expression",
+        "type": "boolean"
+       }
+      },
+      {
+       "name": "clickableBox",
+       "description": "Makes the entire 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 +5014,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 +5035,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.23.0",
   "description": "A Vue wrapper library for Vivid components.",
   "author": "Vonage",
   "license": "ISC",
@@ -9,10 +9,11 @@
   ],
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
-  "typings": "./dist/index.d.ts",
+  "types": "./dist/index.d.ts",
   "web-types": "./dist/web-types.json",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
       "require": "./dist/index.umd.js"
     }
@@ -28,7 +29,7 @@
     "vue": "^2.7.0 || >=3.0.0"
   },
   "dependencies": {
-    "@vonage/vivid": "^3.39.0"
+    "@vonage/vivid": "^3.42.0"
   },
   "devDependencies": {
     "@types/node": "^18.15.11",
@@ -42,6 +43,6 @@
     "vite-plugin-vue2": "^2.0.3",
     "vue": "^2.7.8",
     "vue-template-compiler": "^2.7.14",
-    "vue3": "npm:vue@3.2.45"
+    "vue3": "npm:vue@3.3.7"
   }
 }