@vonage/vivid-react 2.10.71 → 2.10.73

package/v3/VwcNumberField/index.js

@@ -82,6 +82,22 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "incrementButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "decrementButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "appearance",
@@ -102,9 +118,56 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    }
+  },
+  {
+   "kind": "method",
+   "name": "stepChanged",
+   "parameters": [
+    {
+     "name": "_previous",
+     "type": {
+      "text": "number"
+     }
+    },
+    {
+     "name": "next",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "stepUp"
+  },
+  {
+   "kind": "method",
+   "name": "stepDown",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
   }
  ],
  "attributes": [
+  {
+   "name": "increment-button-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "incrementButtonAriaLabel"
+  },
+  {
+   "name": "decrement-button-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "decrementButtonAriaLabel"
+  },
   {
    "name": "appearance",
    "type": {
@@ -141,7 +204,7 @@ registerNumberField('vvd3')
 const VwcNumberField = wrapper(`vvd3-number-field`,  {
     events: [],
     attributes: [],
-    properties: ['appearance', 'shape', 'autoComplete']
+    properties: ['incrementButtonAriaLabel', 'decrementButtonAriaLabel', 'appearance', 'shape', 'autoComplete']
 })
 
 VwcNumberField.displayName = 'VwcNumberField'

package/v3/VwcNumberField/package.json

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

package/v3/{VwcListboxOption → VwcOption}/index.d.ts

@@ -1,12 +1,12 @@
 import React, { ReactNode } from 'react';
 /** Base class for option
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/listbox-option
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/option
 * @param {string | undefined} _text  **attribute** `text`
 * @param  text
 * @param {string | undefined} _label  **attribute** `label`
 * @param {string} label
 */
-declare const VwcListboxOption: {
+declare const VwcOption: {
     (props: {
         children?: ReactNode;
         slot?: string | undefined;
@@ -20,4 +20,4 @@ declare const VwcListboxOption: {
     }): JSX.Element;
     displayName: string;
 };
-export default VwcListboxOption;
+export default VwcOption;

package/v3/{VwcListboxOption → VwcOption}/index.js

@@ -95,16 +95,16 @@ Code in this file were generated using following JSON:
 }
 */
 import wrapper from '@vonage/vivid-react-wrapper'
-import { registerListboxOption } from '@vonage/vivid'
+import { registerOption } from '@vonage/vivid'
 
-registerListboxOption('vvd3')
+registerOption('vvd3')
 
-const VwcListboxOption = wrapper(`vvd3-listbox-option`,  {
+const VwcOption = wrapper(`vvd3-option`,  {
     events: [],
     attributes: [],
     properties: ['_text', 'text', '_label', 'label']
 })
 
-VwcListboxOption.displayName = 'VwcListboxOption'
+VwcOption.displayName = 'VwcOption'
 
-export default VwcListboxOption
+export default VwcOption

package/v3/{VwcListboxOption → VwcOption}/package.json

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

package/v3/VwcPagination/package.json

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

package/v3/VwcPopup/package.json

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

package/v3/VwcProgress/index.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
 /** Base class for progress
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/progress
-* @param {ProgressShape | undefined} shape  **attribute** `shape`
-* @param {ProgressConnotation | undefined} connotation  **attribute** `connotation`
-* @param {boolean} reverse  **attribute** `reverse`
+* @param {string | null} ariaLabel  **attribute** `aria-label`
+* @param {ProgressShape | undefined} shape - Indicates the progress' shape. **attribute** `shape`
+* @param {ProgressConnotation | undefined} connotation - Indicates the progress' connotation. **attribute** `connotation`
+* @param {boolean} reverse - Indicates the progress' reverse status. **attribute** `reverse`
 */
 declare const VwcProgress: {
     (props: {
@@ -12,6 +13,7 @@ declare const VwcProgress: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        ariaLabel?: string | null | undefined;
         shape?: any;
         connotation?: any;
         reverse?: boolean | undefined;

package/v3/VwcProgress/index.js

@@ -42,19 +42,31 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "ariaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "shape",
    "type": {
     "text": "ProgressShape | undefined"
-   }
+   },
+   "description": "Indicates the progress' shape.",
+   "privacy": "public"
   },
   {
    "kind": "field",
    "name": "connotation",
    "type": {
     "text": "ProgressConnotation | undefined"
-   }
+   },
+   "description": "Indicates the progress' connotation.",
+   "privacy": "public"
   },
   {
    "kind": "field",
@@ -62,15 +74,26 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean"
    },
-   "default": "false"
+   "default": "false",
+   "description": "Indicates the progress' reverse status.",
+   "privacy": "public"
   }
  ],
  "attributes": [
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaLabel"
+  },
   {
    "name": "shape",
    "type": {
     "text": "ProgressShape | undefined"
    },
+   "description": "Indicates the progress' shape.",
    "fieldName": "shape"
   },
   {
@@ -78,6 +101,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "ProgressConnotation | undefined"
    },
+   "description": "Indicates the progress' connotation.",
    "fieldName": "connotation"
   },
   {
@@ -85,6 +109,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
+   "description": "Indicates the progress' reverse status.",
    "fieldName": "reverse"
   }
  ],
@@ -102,7 +127,7 @@ registerProgress('vvd3')
 const VwcProgress = wrapper(`vvd3-progress`,  {
     events: [],
     attributes: [],
-    properties: ['shape', 'connotation', 'reverse']
+    properties: ['ariaLabel', 'shape', 'connotation', 'reverse']
 })
 
 VwcProgress.displayName = 'VwcProgress'

package/v3/VwcProgress/package.json

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

package/v3/VwcProgressRing/index.d.ts

@@ -1,8 +1,9 @@
 import React, { ReactNode } from 'react';
 /** Base class for progress-ring
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/progress-ring
+* @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {ProgressRingConnotation | undefined} connotation  **attribute** `connotation`
-* @param {-5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
+* @param {-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
 */
 declare const VwcProgressRing: {
     (props: {
@@ -11,6 +12,7 @@ declare const VwcProgressRing: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        ariaLabel?: string | null | undefined;
         connotation?: any;
         size?: any;
     }): JSX.Element;

package/v3/VwcProgressRing/index.js

@@ -26,6 +26,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "ariaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "connotation",
@@ -37,11 +45,19 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "size",
    "type": {
-    "text": "-5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+    "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
    }
   }
  ],
  "attributes": [
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaLabel"
+  },
   {
    "name": "connotation",
    "type": {
@@ -52,7 +68,7 @@ Code in this file were generated using following JSON:
   {
    "name": "size",
    "type": {
-    "text": "-5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+    "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
    },
    "fieldName": "size"
   }
@@ -71,7 +87,7 @@ registerProgressRing('vvd3')
 const VwcProgressRing = wrapper(`vvd3-progress-ring`,  {
     events: [],
     attributes: [],
-    properties: ['connotation', 'size']
+    properties: ['ariaLabel', 'connotation', 'size']
 })
 
 VwcProgressRing.displayName = 'VwcProgressRing'

package/v3/VwcProgressRing/package.json

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

package/v3/VwcRadio/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } 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`
 * @param {string | undefined} label - Indicates the radio's label. **attribute** `label`
 * @param {RadioConnotation | undefined} connotation - The connotation the radioButton should have. **attribute** `connotation`
 */
@@ -11,6 +12,7 @@ declare const VwcRadio: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        ariaLabel?: string | null | undefined;
         label?: string | undefined;
         connotation?: any;
     }): JSX.Element;

package/v3/VwcRadio/index.js

@@ -58,6 +58,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "ariaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "label",
@@ -78,6 +86,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaLabel"
+  },
   {
    "name": "label",
    "type": {
@@ -109,7 +125,7 @@ registerRadio('vvd3')
 const VwcRadio = wrapper(`vvd3-radio`,  {
     events: [],
     attributes: [],
-    properties: ['label', 'connotation']
+    properties: ['ariaLabel', 'label', 'connotation']
 })
 
 VwcRadio.displayName = 'VwcRadio'

package/v3/VwcRadio/package.json

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

package/v3/VwcRadioGroup/package.json

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

package/v3/VwcSelect/index.d.ts

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

package/v3/VwcSelect/index.js

@@ -188,7 +188,7 @@ import { registerSelect } from '@vonage/vivid'
 registerSelect('vvd3')
 
 const VwcSelect = wrapper(`vvd3-select`,  {
-    events: [],
+    events: [{"name":"change","propName":"onChange"}],
     attributes: [],
     properties: ['_popup', '_anchor', 'appearance', 'shape', 'fixedDropdown', 'placeholder']
 })

package/v3/VwcSelect/package.json

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

package/v3/VwcSelectableBox/index.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+/** Base class for selectable-box
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/selectable-box
+* @param {boolean} checked - Controls the checked state of the box **attribute** `checked`
+* @param {boolean} clickable - Makes the whole selectable box clickable **attribute** `clickable`
+* @param {SelectableBoxConnotation | undefined} connotation - The connotation the selectable box should have. **attribute** `connotation`
+* @param {string | null} controlAriaLabel - Adds an accessible label to selectable box **attribute** `control-aria-label`
+* @param {string | null} controlAriaLabelledby - Links a piece of content as an accessible label **attribute** `control-aria-labelledby`
+* @param {SelectableBoxControlType | undefined} controlType - The type of control the box should have: checkbox or radio. **attribute** `control-type`
+* @param {boolean} tight - Removes the padding around the box's slot content **attribute** `tight`
+*/
+declare const VwcSelectableBox: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
+        checked?: boolean | undefined;
+        clickable?: boolean | undefined;
+        connotation?: any;
+        controlAriaLabel?: string | null | undefined;
+        controlAriaLabelledby?: string | null | undefined;
+        controlType?: any;
+        tight?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcSelectableBox;