@vonage/vivid-react 2.10.72 → 2.10.74

package/v3/VwcSideDrawer/index.js

@@ -77,6 +77,16 @@ Code in this file were generated using following JSON:
    }
   }
  ],
+ "events": [
+  {
+   "description": "Fired when the side drawer is closed.",
+   "name": "close"
+  },
+  {
+   "description": "Fired when the side drawer is opened.",
+   "name": "open"
+  }
+ ],
  "attributes": [
   {
    "type": {
@@ -123,7 +133,7 @@ import { registerSideDrawer } from '@vonage/vivid'
 registerSideDrawer('vvd3')
 
 const VwcSideDrawer = wrapper(`vvd3-side-drawer`,  {
-    events: [],
+    events: [{"name":"open","propName":"onOpen"},{"name":"close","propName":"onClose"}],
     attributes: [],
     properties: ['alternate', 'modal', 'open', 'trailing']
 })

package/v3/VwcSideDrawer/package.json

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

package/v3/VwcSlider/index.d.ts

@@ -1,7 +1,10 @@
 import React, { ReactNode } from 'react';
 /** Base class for slider
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/slider
+* @param {string | null} ariaLabel  **attribute** `aria-label`
+* @param {string | null} ariaValuetext  **attribute** `aria-valuetext`
 * @param {boolean} markers - Display markers on/off **attribute** `markers`
+* @param {SliderConnotation | undefined} connotation - slider connotation **attribute** `connotation`
 */
 declare const VwcSlider: {
     (props: {
@@ -10,7 +13,10 @@ declare const VwcSlider: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        ariaLabel?: string | null | undefined;
+        ariaValuetext?: string | null | undefined;
         markers?: boolean | undefined;
+        connotation?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSlider/index.js

@@ -7,7 +7,33 @@ Code in this file were generated using following JSON:
  "kind": "class",
  "description": "Base class for slider",
  "name": "Slider",
+ "cssProperties": [
+  {
+   "name": "--vvd-slider-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-slider-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  }
+ ],
  "members": [
+  {
+   "kind": "field",
+   "name": "ariaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "ariaValuetext",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "markers",
@@ -17,9 +43,34 @@ Code in this file were generated using following JSON:
    "default": "false",
    "description": "Display markers on/off",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "SliderConnotation | undefined"
+   },
+   "description": "slider connotation",
+   "privacy": "public"
   }
  ],
  "attributes": [
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaLabel"
+  },
+  {
+   "name": "aria-valuetext",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaValuetext"
+  },
   {
    "type": {
     "text": "boolean"
@@ -27,6 +78,14 @@ Code in this file were generated using following JSON:
    "default": "false",
    "description": "Display markers on/off",
    "fieldName": "markers"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "SliderConnotation | undefined"
+   },
+   "description": "slider connotation",
+   "fieldName": "connotation"
   }
  ],
  "superclass": {
@@ -43,7 +102,7 @@ registerSlider('vvd3')
 const VwcSlider = wrapper(`vvd3-slider`,  {
     events: [],
     attributes: [],
-    properties: ['markers']
+    properties: ['ariaLabel', 'ariaValuetext', 'markers', 'connotation']
 })
 
 VwcSlider.displayName = 'VwcSlider'

package/v3/VwcSlider/package.json

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

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/VwcSplitButton/package.json

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

package/v3/VwcSwitch/index.d.ts

@@ -1,8 +1,8 @@
-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`
-* @param {SwitchConnotation | undefined} connotation  **attribute** `connotation`
+* @param {SwitchConnotation | undefined} connotation - Indicates the switch's connotation. **attribute** `connotation`
 */
 declare const VwcSwitch: {
     (props: {
@@ -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

@@ -120,7 +120,9 @@ Code in this file were generated using following JSON:
    "name": "connotation",
    "type": {
     "text": "SwitchConnotation | undefined"
-   }
+   },
+   "description": "Indicates the switch's connotation.",
+   "privacy": "public"
   }
  ],
  "attributes": [
@@ -137,6 +139,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SwitchConnotation | undefined"
    },
+   "description": "Indicates the switch's connotation.",
    "fieldName": "connotation"
   }
  ],
@@ -152,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/VwcSwitch/package.json

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

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/VwcTab/package.json

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

package/v3/VwcTabPanel/package.json

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

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/VwcTabs/package.json

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

package/v3/VwcTag/package.json

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

package/v3/VwcTagGroup/index.d.ts

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

package/v3/VwcTagGroup/index.js

@@ -13,6 +13,26 @@ Code in this file were generated using following JSON:
    "name": ""
   }
  ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "ariaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaLabel"
+  }
+ ],
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
@@ -27,7 +47,7 @@ registerTagGroup('vvd3')
 const VwcTagGroup = wrapper(`vvd3-tag-group`,  {
     events: [],
     attributes: [],
-    properties: []
+    properties: ['ariaLabel']
 })
 
 VwcTagGroup.displayName = 'VwcTagGroup'

package/v3/VwcTagGroup/package.json

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

package/v3/VwcTextAnchor/package.json

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

package/v3/VwcTextArea/index.d.ts

@@ -1,7 +1,7 @@
-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  **attribute** `wrap`
+* @param {TextAreaWrap | undefined} wrap - The wrap attribute **attribute** `wrap`
 */
 declare const VwcTextArea: {
     (props: {
@@ -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

@@ -87,6 +87,16 @@ Code in this file were generated using following JSON:
    "name": "wrap",
    "type": {
     "text": "TextAreaWrap | undefined"
+   },
+   "description": "The wrap attribute",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "#reflectToTextArea",
+   "privacy": "private",
+   "type": {
+    "text": "Reflector<this, HTMLTextAreaElement> | undefined"
    }
   }
  ],
@@ -96,6 +106,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "TextAreaWrap | undefined"
    },
+   "description": "The wrap attribute",
    "fieldName": "wrap"
   }
  ],
@@ -111,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/VwcTextArea/package.json

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

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

@@ -119,6 +119,30 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "HTMLElement[] | undefined"
    }
+  },
+  {
+   "kind": "method",
+   "name": "#handleLabelChange",
+   "parameters": [
+    {
+     "name": "labelEl",
+     "type": {
+      "text": "HTMLLabelElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#reflectToInput",
+   "privacy": "private",
+   "type": {
+    "text": "Reflector<this, HTMLInputElement> | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "focus"
   }
  ],
  "attributes": [
@@ -156,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']
 })

package/v3/VwcTextField/package.json

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

package/v3/VwcToggletip/package.json

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

package/v3/VwcTooltip/package.json

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

package/v3/VwcTreeItem/package.json

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