@vonage/vivid-react 2.10.62 → 2.10.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react",
-  "version": "2.10.62",
+  "version": "2.10.64",
   "description": "Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings",
   "main": "index.js",
   "types": "types/index.d.ts",
@@ -27,64 +27,64 @@
     "CLI"
   ],
   "dependencies": {
-    "@vonage/vivid": "3.20.0",
+    "@vonage/vivid": "3.32.0",
     "@vonage/vivid-react-wrapper": "1.2.9",
-    "@vonage/vvd-context": "2.42.0",
-    "@vonage/vvd-core": "2.42.0",
-    "@vonage/vvd-fonts": "2.42.0",
-    "@vonage/vwc-accordion": "2.42.0",
-    "@vonage/vwc-action-group": "2.42.0",
-    "@vonage/vwc-badge": "2.42.0",
-    "@vonage/vwc-banner": "2.42.0",
-    "@vonage/vwc-button": "2.42.0",
-    "@vonage/vwc-button-toggle-group": "2.42.0",
-    "@vonage/vwc-calendar": "2.42.0",
-    "@vonage/vwc-card": "2.42.0",
-    "@vonage/vwc-carousel": "2.42.0",
-    "@vonage/vwc-checkbox": "2.42.0",
-    "@vonage/vwc-chips": "2.42.0",
-    "@vonage/vwc-circular-progress": "2.42.0",
-    "@vonage/vwc-data-grid": "2.42.0",
-    "@vonage/vwc-datepicker": "2.42.0",
-    "@vonage/vwc-dialog": "2.42.0",
-    "@vonage/vwc-drawer": "2.42.0",
-    "@vonage/vwc-dropdown": "2.42.0",
-    "@vonage/vwc-elevation": "2.42.0",
-    "@vonage/vwc-empty-state": "2.42.0",
-    "@vonage/vwc-expansion-panel": "2.42.0",
-    "@vonage/vwc-fab": "2.42.0",
-    "@vonage/vwc-file-picker": "2.42.0",
-    "@vonage/vwc-formfield": "2.42.0",
-    "@vonage/vwc-helper-message": "2.42.0",
-    "@vonage/vwc-icon": "2.42.0",
-    "@vonage/vwc-icon-button": "2.42.0",
-    "@vonage/vwc-icon-button-toggle": "2.42.0",
-    "@vonage/vwc-keypad": "2.42.0",
-    "@vonage/vwc-layout": "2.42.0",
-    "@vonage/vwc-linear-progress": "2.42.0",
-    "@vonage/vwc-list": "2.42.0",
-    "@vonage/vwc-menu": "2.42.0",
-    "@vonage/vwc-notched-outline": "2.42.0",
-    "@vonage/vwc-note": "2.42.0",
-    "@vonage/vwc-pagination": "2.42.0",
-    "@vonage/vwc-popup": "2.42.0",
-    "@vonage/vwc-radio": "2.42.0",
-    "@vonage/vwc-scheme-select": "2.42.0",
-    "@vonage/vwc-select": "2.42.0",
-    "@vonage/vwc-side-drawer": "2.42.0",
-    "@vonage/vwc-slider": "2.42.0",
-    "@vonage/vwc-snackbar": "2.42.0",
-    "@vonage/vwc-surface": "2.42.0",
-    "@vonage/vwc-switch": "2.42.0",
-    "@vonage/vwc-tab-bar": "2.42.0",
-    "@vonage/vwc-tags": "2.42.0",
-    "@vonage/vwc-text": "2.42.0",
-    "@vonage/vwc-textarea": "2.42.0",
-    "@vonage/vwc-textfield": "2.42.0",
-    "@vonage/vwc-theme-switch": "2.42.0",
-    "@vonage/vwc-tooltip": "2.42.0",
-    "@vonage/vwc-top-app-bar": "2.42.0",
-    "@vonage/vwc-top-app-bar-fixed": "2.42.0"
+    "@vonage/vvd-context": "2.43.2",
+    "@vonage/vvd-core": "2.43.2",
+    "@vonage/vvd-fonts": "2.43.2",
+    "@vonage/vwc-accordion": "2.43.2",
+    "@vonage/vwc-action-group": "2.43.2",
+    "@vonage/vwc-badge": "2.43.2",
+    "@vonage/vwc-banner": "2.43.2",
+    "@vonage/vwc-button": "2.43.2",
+    "@vonage/vwc-button-toggle-group": "2.43.2",
+    "@vonage/vwc-calendar": "2.43.2",
+    "@vonage/vwc-card": "2.43.2",
+    "@vonage/vwc-carousel": "2.43.2",
+    "@vonage/vwc-checkbox": "2.43.2",
+    "@vonage/vwc-chips": "2.43.2",
+    "@vonage/vwc-circular-progress": "2.43.2",
+    "@vonage/vwc-data-grid": "2.43.2",
+    "@vonage/vwc-datepicker": "2.43.2",
+    "@vonage/vwc-dialog": "2.43.2",
+    "@vonage/vwc-drawer": "2.43.2",
+    "@vonage/vwc-dropdown": "2.43.2",
+    "@vonage/vwc-elevation": "2.43.2",
+    "@vonage/vwc-empty-state": "2.43.2",
+    "@vonage/vwc-expansion-panel": "2.43.2",
+    "@vonage/vwc-fab": "2.43.2",
+    "@vonage/vwc-file-picker": "2.43.2",
+    "@vonage/vwc-formfield": "2.43.2",
+    "@vonage/vwc-helper-message": "2.43.2",
+    "@vonage/vwc-icon": "2.43.2",
+    "@vonage/vwc-icon-button": "2.43.2",
+    "@vonage/vwc-icon-button-toggle": "2.43.2",
+    "@vonage/vwc-keypad": "2.43.2",
+    "@vonage/vwc-layout": "2.43.2",
+    "@vonage/vwc-linear-progress": "2.43.2",
+    "@vonage/vwc-list": "2.43.2",
+    "@vonage/vwc-menu": "2.43.2",
+    "@vonage/vwc-notched-outline": "2.43.2",
+    "@vonage/vwc-note": "2.43.2",
+    "@vonage/vwc-pagination": "2.43.2",
+    "@vonage/vwc-popup": "2.43.2",
+    "@vonage/vwc-radio": "2.43.2",
+    "@vonage/vwc-scheme-select": "2.43.2",
+    "@vonage/vwc-select": "2.43.2",
+    "@vonage/vwc-side-drawer": "2.43.2",
+    "@vonage/vwc-slider": "2.43.2",
+    "@vonage/vwc-snackbar": "2.43.2",
+    "@vonage/vwc-surface": "2.43.2",
+    "@vonage/vwc-switch": "2.43.2",
+    "@vonage/vwc-tab-bar": "2.43.2",
+    "@vonage/vwc-tags": "2.43.2",
+    "@vonage/vwc-text": "2.43.2",
+    "@vonage/vwc-textarea": "2.43.2",
+    "@vonage/vwc-textfield": "2.43.2",
+    "@vonage/vwc-theme-switch": "2.43.2",
+    "@vonage/vwc-tooltip": "2.43.2",
+    "@vonage/vwc-top-app-bar": "2.43.2",
+    "@vonage/vwc-top-app-bar-fixed": "2.43.2"
   },
   "devDependencies": {
     "@babel/core": "^7.15.5",

package/types/index.d.ts

@@ -18,7 +18,7 @@ declare namespace JSX {
             "shape": ActionGroupShape | undefined;
             "appearance": ActionGroupAppearance | undefined;
             "tight": boolean;
-            "role": string | undefined;
+            "role": string | null;
             "aria-label": string | null;
         }>;
         "vvd3-alert": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
@@ -46,11 +46,11 @@ declare namespace JSX {
             "text": string | undefined;
         }>;
         "vvd3-banner": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "role": string | null;
             "action-href": string | undefined;
             "action-text": string | undefined;
             "removable": boolean;
             "aria-live": any;
-            "role": string | undefined;
             "text": string | undefined;
             "connotation": BannerConnotation | undefined;
         }>;
@@ -61,6 +61,7 @@ declare namespace JSX {
             "text": string | undefined;
         }>;
         "vvd3-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "title": string;
             "connotation": ButtonConnotation | undefined;
             "shape": ButtonShape | undefined;
             "appearance": ButtonAppearance | undefined;
@@ -99,6 +100,7 @@ declare namespace JSX {
         }>;
         "vvd3-data-grid-cell": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "aria-selected": string | null;
+            "aria-sort": string | null;
         }>;
         "vvd3-data-grid-row": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "aria-selected": string | null;
@@ -106,6 +108,14 @@ declare namespace JSX {
         "vvd3-data-grid": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "selection-mode": DataGridSelectionMode | undefined;
         }>;
+        "vvd3-date-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "label": string | undefined;
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "value": DateStr | null;
+            "disabled": boolean;
+            "readonly": boolean;
+        }>;
         "vvd3-dialog": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "open": boolean;
             "icon": string | undefined;
@@ -133,6 +143,13 @@ declare namespace JSX {
             "size": FABSize | undefined;
             "label": string | undefined;
         }>;
+        "vvd3-file-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "label": string | undefined;
+            "max-files": number | undefined;
+            "max-file-size": number;
+            "accept": string | undefined;
+            "size": FileUploaderSize | undefined;
+        }>;
         "vvd3-focus": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
@@ -156,10 +173,10 @@ declare namespace JSX {
             "appearance": LisboxAppearance | undefined;
         }>;
         "vvd3-menu": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "open": boolean;
             "placement": Placement | undefined;
-            "anchor": string | undefined;
+            "anchor": AnchorType;
             "auto-dismiss": boolean;
+            "open": boolean;
         }>;
         "vvd3-menu-item": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "text": string | undefined;
@@ -171,6 +188,7 @@ declare namespace JSX {
         "vvd3-nav-disclosure": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "label": string | undefined;
             "open": boolean;
+            "aria-current": string | null;
         }>;
         "vvd3-nav-item": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "text": string | undefined;
@@ -190,6 +208,7 @@ declare namespace JSX {
         }>;
         "vvd3-pagination": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "size": PaginationSize | undefined;
+            "shape": PaginationShape | undefined;
             "nav-icons": boolean;
             "total": number;
             "selected-index": number | undefined;
@@ -214,6 +233,7 @@ declare namespace JSX {
         }>;
         "vvd3-radio": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "label": string | undefined;
+            "connotation": RadioConnotation | undefined;
         }>;
         "vvd3-radio-group": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "label": string | undefined;
@@ -222,6 +242,7 @@ declare namespace JSX {
             "appearance": SelectAppearance | undefined;
             "shape": SelectShape | undefined;
             "fixed-dropdown": boolean;
+            "placeholder": string | undefined;
         }>;
         "vvd3-side-drawer": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "alternate": boolean;
@@ -232,12 +253,25 @@ declare namespace JSX {
         "vvd3-slider": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "markers": boolean;
         }>;
+        "vvd3-split-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "connotation": SplitButtonConnotation | undefined;
+            "shape": SplitButtonShape | undefined;
+            "appearance": SplitButtonAppearance | undefined;
+            "size": SplitButtonSize | undefined;
+            "label": string | undefined;
+            "icon": string | undefined;
+            "split-indicator": string;
+            "disabled": boolean;
+            "aria-label": string | null;
+            "aria-expanded": string | null;
+        }>;
         "vvd3-switch": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "label": string | undefined;
             "connotation": SwitchConnotation | undefined;
         }>;
         "vvd3-tab": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "connotation": TabConnotation | undefined;
+            "shape": TabShape | undefined;
             "label": string | undefined;
             "tabIndex": any;
             "aria-selected": string | null;

package/v3/VwcAccordion/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-accordion",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcAccordionItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-accordion-item",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcActionGroup/index.d.ts

@@ -4,7 +4,7 @@ import React, { ReactNode } from 'react';
 * @param {ActionGroupShape | undefined} shape - The shape the ActionGroup should have. **attribute** `shape`
 * @param {ActionGroupAppearance | undefined} appearance - The appearance the ActionGroup should have. **attribute** `appearance`
 * @param {boolean} tight - Indicates whether action group should have padding. **attribute** `tight`
-* @param {string | undefined} role  **attribute** `role`
+* @param {string | null} role  **attribute** `role`
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 */
 declare const VwcActionGroup: {
@@ -17,7 +17,7 @@ declare const VwcActionGroup: {
         shape?: any;
         appearance?: any;
         tight?: boolean | undefined;
-        role?: string | undefined;
+        role?: string | null | undefined;
         ariaLabel?: string | null | undefined;
     }): JSX.Element;
     displayName: string;

package/v3/VwcActionGroup/index.js

@@ -64,8 +64,9 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "role",
    "type": {
-    "text": "string | undefined"
-   }
+    "text": "string | null"
+   },
+   "default": "null"
   },
   {
    "kind": "field",
@@ -104,8 +105,9 @@ Code in this file were generated using following JSON:
   {
    "name": "role",
    "type": {
-    "text": "string | undefined"
+    "text": "string | null"
    },
+   "default": "null",
    "fieldName": "role"
   },
   {

package/v3/VwcActionGroup/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-action-group",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcAlert/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for alert
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/alert
 * @param {boolean} removable - if the alert is removable
@@ -21,6 +21,8 @@ declare const VwcAlert: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onOpen?: ((event: SyntheticEvent) => void) | undefined;
+        onClose?: ((event: SyntheticEvent) => void) | undefined;
         removable?: boolean | undefined;
         placement?: any;
         headline?: string | undefined;

package/v3/VwcAlert/index.js

@@ -50,6 +50,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "slots": [
+  {
+   "description": "The main content of the alert.",
+   "name": "main"
+  },
   {
    "description": "Add action items to alert using this slot.",
    "name": "action-items"
@@ -178,6 +182,16 @@ Code in this file were generated using following JSON:
    "privacy": "private"
   }
  ],
+ "events": [
+  {
+   "description": "Fired when the alert is opened",
+   "name": "open"
+  },
+  {
+   "description": "Fired when the alert is closed",
+   "name": "close"
+  }
+ ],
  "attributes": [
   {
    "type": {
@@ -256,7 +270,7 @@ import { registerAlert } from '@vonage/vivid'
 registerAlert('vvd3')
 
 const VwcAlert = wrapper(`vvd3-alert`,  {
-    events: [],
+    events: [{"name":"close","propName":"onClose"},{"name":"open","propName":"onOpen"}],
     attributes: [],
     properties: ['removable', 'placement', 'headline', 'text', 'icon', 'timeoutms', 'connotation', 'open']
 })

package/v3/VwcAlert/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-alert",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcAvatar/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-avatar",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcBadge/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-badge",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcBanner/index.d.ts

@@ -1,11 +1,11 @@
 import React, { ReactNode } from 'react';
 /** Base class for banner
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/banner
+* @param {string | null} role  **attribute** `role`
 * @param {string | undefined} actionHref  **attribute** `action-href`
 * @param {string | undefined} actionText  **attribute** `action-text`
 * @param {boolean} removable  **attribute** `removable`
 * @param {any} ariaLive  **attribute** `aria-live`
-* @param {string | undefined} role  **attribute** `role`
 * @param {string | undefined} text  **attribute** `text`
 * @param {BannerConnotation | undefined} connotation  **attribute** `connotation`
 */
@@ -16,11 +16,11 @@ declare const VwcBanner: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        role?: string | null | undefined;
         actionHref?: string | undefined;
         actionText?: string | undefined;
         removable?: boolean | undefined;
         ariaLive?: any;
-        role?: string | undefined;
         text?: string | undefined;
         connotation?: any;
     }): JSX.Element;

package/v3/VwcBanner/index.js

@@ -56,6 +56,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "role",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "actionHref",
@@ -85,13 +93,6 @@ Code in this file were generated using following JSON:
     "text": "any"
    }
   },
-  {
-   "kind": "field",
-   "name": "role",
-   "type": {
-    "text": "string | undefined"
-   }
-  },
   {
    "kind": "field",
    "name": "text",
@@ -132,6 +133,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "role",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "role"
+  },
   {
    "name": "action-href",
    "type": {
@@ -160,13 +169,6 @@ Code in this file were generated using following JSON:
    },
    "fieldName": "ariaLive"
   },
-  {
-   "name": "role",
-   "type": {
-    "text": "string | undefined"
-   },
-   "fieldName": "role"
-  },
   {
    "name": "text",
    "type": {
@@ -196,7 +198,7 @@ registerBanner('vvd3')
 const VwcBanner = wrapper(`vvd3-banner`,  {
     events: [],
     attributes: [],
-    properties: ['actionHref', 'actionText', 'removable', 'ariaLive', 'role', 'text', 'connotation']
+    properties: ['role', 'actionHref', 'actionText', 'removable', 'ariaLive', 'text', 'connotation']
 })
 
 VwcBanner.displayName = 'VwcBanner'

package/v3/VwcBanner/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-banner",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcBreadcrumb/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-breadcrumb",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcBreadcrumbItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-breadcrumb-item",
-  "version": "3.20.0",
+  "version": "3.32.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.20.0"
+    "@vonage/vivid": "3.32.0"
   }
 }

package/v3/VwcButton/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for button
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/button
+* @param {string} title  **attribute** `title`
 * @param {ButtonConnotation | undefined} connotation - The connotation the button should have. **attribute** `connotation`
 * @param {ButtonShape | undefined} shape - The shape the button should have. **attribute** `shape`
 * @param {ButtonAppearance | undefined} appearance - The appearance the button should have. **attribute** `appearance`
@@ -17,6 +18,7 @@ declare const VwcButton: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onClick?: ((event: SyntheticEvent) => void) | undefined;
+        title?: string | undefined;
         connotation?: any;
         shape?: any;
         appearance?: any;

package/v3/VwcButton/index.js

@@ -138,6 +138,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "title",
+   "type": {
+    "text": "string"
+   },
+   "default": "''"
+  },
   {
    "kind": "field",
    "name": "connotation",
@@ -205,6 +213,13 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "type": {
+    "text": "string"
+   },
+   "default": "''",
+   "fieldName": "title"
+  },
   {
    "name": "connotation",
    "type": {
@@ -278,7 +293,7 @@ registerButton('vvd3')
 const VwcButton = wrapper(`vvd3-button`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'label']
+    properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'label']
 })
 
 VwcButton.displayName = 'VwcButton'