@vonage/vivid-react 2.10.73 → 2.10.75

package/VwcAccordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-accordion",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcActionGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-action-group",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcBadge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-badge",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcBanner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-banner",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcButton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-button",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcButtonToggleGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-button-toggle-group",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCalendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-calendar",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCalendarEvent/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-calendar-event",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-card",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCarousel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-carousel",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCarouselItem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-carousel-item",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCheckListItem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-check-list-item",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCheckbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-checkbox",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcChip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-chip",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcChipSet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-chip-set",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCircularProgress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-circular-progress",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDataGrid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-data-grid",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDataGridColumn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-data-grid-column",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDatepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-datepicker",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-dialog",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDrawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-drawer",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDropdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-dropdown",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcElevation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-elevation",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcEmptyState/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-empty-state",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcExpansionPanel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-expansion-panel",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcFab/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-fab",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcFilePicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-file-picker",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcFormfield/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-formfield",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcHelperMessage/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-helper-message",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcIcon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-icon",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcIconButton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-icon-button",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcIconButtonToggle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-icon-button-toggle",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcKeypad/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-keypad",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcLayout/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-layout",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcLinearProgress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-linear-progress",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcList/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-list",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcListExpansionPanel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-list-expansion-panel",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcListItem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-list-item",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcMenu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-menu",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcNotchedOutline/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-notched-outline",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcNote/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-note",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcPagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-pagination",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcPopup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-popup",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcRadio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-radio",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcRadioListItem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-radio-list-item",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSchemeSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-scheme-select",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcScrubBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-scrub-bar",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-select",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSideDrawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-side-drawer",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSlider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-slider",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSnackbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-snackbar",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSurface/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-surface",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSwitch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-switch",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTab/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tab",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTabBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tab-bar",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tag",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcText/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-text",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTextarea/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-textarea",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTextfield/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-textfield",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcThemeSwitch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-theme-switch",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tooltip",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTopAppBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-top-app-bar",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTopAppBarFixed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-top-app-bar-fixed",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react",
-  "version": "2.10.73",
+  "version": "2.10.75",
   "description": "Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings",
   "main": "index.js",
   "types": "types/index.d.ts",

package/v3/VwcAccordion/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for accordion
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/accordion
 * @param {AccordionExpandMode} expandmode - Controls the expand mode of the Accordion, either allowing
@@ -11,6 +11,7 @@ declare const VwcAccordion: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         expandmode?: any;
     }): JSX.Element;
     displayName: string;

package/v3/VwcAccordion/index.js

@@ -45,7 +45,7 @@ import { registerAccordion } from '@vonage/vivid'
 registerAccordion('vvd3')
 
 const VwcAccordion = wrapper(`vvd3-accordion`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['expandmode']
 })

package/v3/VwcCheckbox/index.d.ts

@@ -1,8 +1,10 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for checkbox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/checkbox
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {CheckboxConnotation | undefined} connotation - The connotation the checklist should have. **attribute** `connotation`
+* @param {boolean} checked
+* @param {any} onClick
 */
 declare const VwcCheckbox: {
     (props: {
@@ -11,8 +13,11 @@ declare const VwcCheckbox: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         ariaLabel?: string | null | undefined;
         connotation?: any;
+        checked?: boolean | undefined;
+        onClick?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcCheckbox/index.js

@@ -106,9 +106,9 @@ import { registerCheckbox } from '@vonage/vivid'
 registerCheckbox('vvd3')
 
 const VwcCheckbox = wrapper(`vvd3-checkbox`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['ariaLabel', 'connotation']
+    properties: ['ariaLabel', 'connotation', 'checked', 'onClick']
 })
 
 VwcCheckbox.displayName = 'VwcCheckbox'

package/v3/VwcCombobox/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for combobox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/combobox
 * @param {PopupPlacement | undefined} placement - the placement of the combobox
@@ -14,6 +14,7 @@ declare const VwcCombobox: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         placement?: any;
         _popup?: any;
         _anchor?: any;

package/v3/VwcCombobox/index.js

@@ -77,7 +77,7 @@ import { registerCombobox } from '@vonage/vivid'
 registerCombobox('vvd3')
 
 const VwcCombobox = wrapper(`vvd3-combobox`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['placement', '_popup', '_anchor']
 })

package/v3/VwcMenuItem/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for menu-item
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu-item
 * @param {string | undefined} text - Indicates the menu item's text. **attribute** `text`
@@ -14,6 +14,7 @@ declare const VwcMenuItem: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         text?: string | undefined;
         textSecondary?: string | undefined;
         checkTrailing?: boolean | undefined;

package/v3/VwcMenuItem/index.js

@@ -158,7 +158,7 @@ import { registerMenuItem } from '@vonage/vivid'
 registerMenuItem('vvd3')
 
 const VwcMenuItem = wrapper(`vvd3-menu-item`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['text', 'textSecondary', 'checkTrailing', 'checkedAppearance', 'updateSubmenu']
 })

package/v3/VwcNumberField/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for number-field
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/number-field
 * @param {string | null} incrementButtonAriaLabel  **attribute** `increment-button-aria-label`
@@ -14,6 +14,8 @@ declare const VwcNumberField: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
         incrementButtonAriaLabel?: string | null | undefined;
         decrementButtonAriaLabel?: string | null | undefined;
         appearance?: any;

package/v3/VwcNumberField/index.js

@@ -202,7 +202,7 @@ import { registerNumberField } from '@vonage/vivid'
 registerNumberField('vvd3')
 
 const VwcNumberField = wrapper(`vvd3-number-field`,  {
-    events: [],
+    events: [{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['incrementButtonAriaLabel', 'decrementButtonAriaLabel', 'appearance', 'shape', 'autoComplete']
 })

package/v3/VwcRadio/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for radio
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/radio
 * @param {string | null} ariaLabel  **attribute** `aria-label`
@@ -12,6 +12,7 @@ declare const VwcRadio: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         ariaLabel?: string | null | undefined;
         label?: string | undefined;
         connotation?: any;

package/v3/VwcRadio/index.js

@@ -123,7 +123,7 @@ import { registerRadio } from '@vonage/vivid'
 registerRadio('vvd3')
 
 const VwcRadio = wrapper(`vvd3-radio`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['ariaLabel', 'label', 'connotation']
 })

package/v3/VwcRadioGroup/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for radio-group
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/radio-group
 * @param {string | undefined} label - Indicates the group's label. **attribute** `label`
@@ -10,6 +10,7 @@ declare const VwcRadioGroup: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         label?: string | undefined;
     }): JSX.Element;
     displayName: string;

package/v3/VwcRadioGroup/index.js

@@ -46,7 +46,7 @@ import { registerRadioGroup } from '@vonage/vivid'
 registerRadioGroup('vvd3')
 
 const VwcRadioGroup = wrapper(`vvd3-radio-group`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['label']
 })

package/v3/VwcSplitButton/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for split button
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/split-button
 * @param {HTMLButtonElement} _action - Action HTML button element
@@ -21,6 +21,7 @@ declare const VwcSplitButton: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onClick?: ((event: SyntheticEvent) => void) | undefined;
         _action?: any;
         _indicator?: any;
         connotation?: any;

package/v3/VwcSplitButton/index.js

@@ -301,7 +301,7 @@ import { registerSplitButton } from '@vonage/vivid'
 registerSplitButton('vvd3')
 
 const VwcSplitButton = wrapper(`vvd3-split-button`,  {
-    events: [],
+    events: [{"name":"click","propName":"onClick"}],
     attributes: [],
     properties: ['_action', '_indicator', 'connotation', 'shape', 'appearance', 'size', 'label', 'icon', 'splitIndicator', 'disabled', 'ariaLabel', 'ariaExpanded']
 })

package/v3/VwcSwitch/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for switch
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/switch
 * @param {string | undefined} label - Indicates the switch's label. **attribute** `label`
@@ -11,6 +11,7 @@ declare const VwcSwitch: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         label?: string | undefined;
         connotation?: any;
     }): JSX.Element;

package/v3/VwcSwitch/index.js

@@ -155,7 +155,7 @@ import { registerSwitch } from '@vonage/vivid'
 registerSwitch('vvd3')
 
 const VwcSwitch = wrapper(`vvd3-switch`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['label', 'connotation']
 })

package/v3/VwcTab/index.d.ts

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

package/v3/VwcTab/index.js

@@ -161,7 +161,7 @@ import { registerTab } from '@vonage/vivid'
 registerTab('vvd3')
 
 const VwcTab = wrapper(`vvd3-tab`,  {
-    events: [],
+    events: [{"name":"click","propName":"onClick"}],
     attributes: [],
     properties: ['connotation', 'shape', 'label', 'tabIndex', 'ariaSelected']
 })

package/v3/VwcTabs/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for tabs
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tabs
 * @param {HTMLElement | undefined} tablist
@@ -11,6 +11,7 @@ declare const VwcTabs: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         tablist?: any;
         connotation?: any;
     }): JSX.Element;

package/v3/VwcTabs/index.js

@@ -147,7 +147,7 @@ import { registerTabs } from '@vonage/vivid'
 registerTabs('vvd3')
 
 const VwcTabs = wrapper(`vvd3-tabs`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['tablist', 'connotation']
 })

package/v3/VwcTextArea/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for text-area
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/text-area
 * @param {TextAreaWrap | undefined} wrap - The wrap attribute **attribute** `wrap`
@@ -10,6 +10,7 @@ declare const VwcTextArea: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
         wrap?: any;
     }): JSX.Element;
     displayName: string;

package/v3/VwcTextArea/index.js

@@ -122,7 +122,7 @@ import { registerTextArea } from '@vonage/vivid'
 registerTextArea('vvd3')
 
 const VwcTextArea = wrapper(`vvd3-text-area`,  {
-    events: [],
+    events: [{"name":"input","propName":"onInput"}],
     attributes: [],
     properties: ['wrap']
 })

package/v3/VwcTextField/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for text-field
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/text-field
 * @param {TextFieldAppearance | undefined} appearance  **attribute** `appearance`
@@ -16,13 +16,13 @@ declare const VwcTextField: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
         appearance?: any;
         shape?: any;
         autoComplete?: string | undefined;
         leadingActionItemsSlottedContent?: any;
         placeholder?: string | undefined;
         label?: string | undefined;
-        onInput?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTextField/index.js

@@ -180,7 +180,7 @@ import { registerTextField } from '@vonage/vivid'
 registerTextField('vvd3')
 
 const VwcTextField = wrapper(`vvd3-text-field`,  {
-    events: [],
+    events: [{"name":"input","propName":"onInput"}],
     attributes: [],
     properties: ['appearance', 'shape', 'autoComplete', 'leadingActionItemsSlottedContent', 'placeholder', 'label', 'onInput']
 })