@vonage/vivid-react 3.2.0 → 3.3.0

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/index.js

@@ -430,7 +430,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "input",
+    "eventNames": [
+     "input"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]

package/v3/VwcNumberField/package.json

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

package/v3/VwcOption/package.json

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

package/v3/VwcPagination/package.json

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

package/v3/VwcProgress/package.json

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

package/v3/VwcProgressRing/package.json

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

package/v3/VwcRadio/package.json

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

package/v3/VwcRadioGroup/index.js

@@ -54,7 +54,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "change",
+    "eventNames": [
+     "change"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]

package/v3/VwcRadioGroup/package.json

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

package/v3/VwcRangeSlider/index.d.ts

@@ -28,6 +28,7 @@ and don't support IDL attribute binding. **attribute** `current-end`
 * @param {string | null} ariaEndLabel - Aria label for the end thumb **attribute** `aria-end-label`
 * @param {boolean} markers - Display markers on/off **attribute** `markers`
 * @param {RangeSliderConnotation | undefined} connotation - The connotation of the component **attribute** `connotation`
+* @param {boolean} pin - Show current values on the thumbs. **attribute** `pin`
 * @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
 * @param  proxy
 */
@@ -58,6 +59,7 @@ declare const VwcRangeSlider: {
         ariaEndLabel?: string | null | undefined;
         markers?: boolean | undefined;
         connotation?: any;
+        pin?: boolean | undefined;
         valueTextFormatter?: any;
         proxy?: any;
     }): JSX.Element;

package/v3/VwcRangeSlider/index.js

@@ -204,6 +204,16 @@ Code in this file were generated using following JSON:
    "description": "The connotation of the component",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "pin",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Show current values on the thumbs.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "valueTextFormatter",
@@ -234,13 +244,38 @@ Code in this file were generated using following JSON:
    "readonly": true
   },
   {
-   "kind": "field",
-   "name": "#draggingThumb",
-   "privacy": "private",
-   "type": {
-    "text": "false | 'start' | 'end'"
+   "kind": "method",
+   "name": "#getThumbId",
+   "return": {
+    "type": {
+     "text": "ThumbId"
+    }
    },
-   "default": "false"
+   "parameters": [
+    {
+     "name": "thumb",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#getThumbIdFromEvent",
+   "return": {
+    "type": {
+     "text": "ThumbId"
+    }
+   },
+   "parameters": [
+    {
+     "name": "e",
+     "type": {
+      "text": "Event"
+     }
+    }
+   ]
   },
   {
    "kind": "method",
@@ -277,7 +312,7 @@ Code in this file were generated using following JSON:
     {
      "name": "thumb",
      "type": {
-      "text": "'start' | 'end'"
+      "text": "ThumbId"
      }
     },
     {
@@ -288,6 +323,27 @@ Code in this file were generated using following JSON:
     }
    ]
   },
+  {
+   "kind": "field",
+   "name": "#isNonVisibleFocus",
+   "privacy": "private",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "method",
+   "name": "#focusThumbNonVisibly",
+   "parameters": [
+    {
+     "name": "thumb",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
   {
    "kind": "method",
    "name": "#registerThumbListeners"
@@ -296,6 +352,26 @@ Code in this file were generated using following JSON:
    "kind": "method",
    "name": "#unregisterThumbListeners"
   },
+  {
+   "kind": "field",
+   "name": "#onThumbFocus",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#onThumbBlur",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#onMouseOver",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#onMouseOut",
+   "privacy": "private"
+  },
   {
    "kind": "field",
    "name": "#onThumbMousedown",
@@ -461,6 +537,14 @@ Code in this file were generated using following JSON:
    },
    "description": "The connotation of the component",
    "fieldName": "connotation"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Show current values on the thumbs.",
+   "fieldName": "pin"
   }
  ],
  "superclass": {
@@ -474,13 +558,17 @@ Code in this file were generated using following JSON:
    {
     "name": "start",
     "attributeName": "start",
-    "eventName": "input:start",
+    "eventNames": [
+     "input:start"
+    ],
     "valueMapping": "(event.target as any).start"
    },
    {
     "name": "end",
     "attributeName": "end",
-    "eventName": "input:end",
+    "eventNames": [
+     "input:end"
+    ],
     "valueMapping": "(event.target as any).end"
    }
   ]
@@ -495,7 +583,7 @@ registerRangeSlider('vvd3')
 const VwcRangeSlider = wrapper(`vvd3-range-slider`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"},{"name":"input:end","propName":"onInput:end"},{"name":"input:start","propName":"onInput:start"}],
     attributes: [],
-    properties: ['start', 'initialStart', 'currentStart', 'startAsNumber', 'end', 'initialEnd', 'currentEnd', 'endAsNumber', 'min', 'max', 'step', 'orientation', 'ariaStartLabel', 'ariaEndLabel', 'markers', 'connotation', 'valueTextFormatter', 'proxy']
+    properties: ['start', 'initialStart', 'currentStart', 'startAsNumber', 'end', 'initialEnd', 'currentEnd', 'endAsNumber', 'min', 'max', 'step', 'orientation', 'ariaStartLabel', 'ariaEndLabel', 'markers', 'connotation', 'pin', 'valueTextFormatter', 'proxy']
 })
 
 VwcRangeSlider.displayName = 'VwcRangeSlider'

package/v3/VwcRangeSlider/package.json

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

package/v3/VwcSelect/index.js

@@ -199,7 +199,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "input",
+    "eventNames": [
+     "input"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]

package/v3/VwcSelect/package.json

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

package/v3/VwcSelectableBox/package.json

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

package/v3/VwcSideDrawer/package.json

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

package/v3/VwcSlider/index.d.ts

@@ -4,15 +4,19 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | null} ariaValuetext  **attribute** `aria-valuetext`
 * @param {boolean} markers - Display markers on/off **attribute** `markers`
+* @param {boolean} pin - Show current value on the thumb. **attribute** `pin`
 * @param {SliderConnotation | undefined} connotation - slider connotation **attribute** `connotation`
 * @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
+* @param  handleMouseDown
+* @param  handleThumbMouseDown
+* @param  keypressHandler
 * @param {number} min
 * @param {number} max
 * @param {number} step
 * @param {string} orientation
 * @param {boolean} markers  **attribute** `markers`
 * @param {string} connotation  **attribute** `connotation`
-* @param {boolean} pin
+* @param {boolean} pin  **attribute** `pin`
 * @param {boolean} disabled
 * @param {string} value
 */
@@ -27,13 +31,16 @@ declare const VwcSlider: {
         ariaLabel?: string | null | undefined;
         ariaValuetext?: string | null | undefined;
         markers?: boolean | undefined;
+        pin?: boolean | undefined;
         connotation?: any;
         valueTextFormatter?: any;
+        handleMouseDown?: any;
+        handleThumbMouseDown?: any;
+        keypressHandler?: any;
         min?: number | undefined;
         max?: number | undefined;
         step?: number | undefined;
         orientation?: string | undefined;
-        pin?: boolean | undefined;
         disabled?: boolean | undefined;
         value?: string | undefined;
     }): JSX.Element;

package/v3/VwcSlider/index.js

@@ -44,6 +44,16 @@ Code in this file were generated using following JSON:
    "description": "Display markers on/off",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "pin",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Show current value on the thumb.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "connotation",
@@ -61,6 +71,45 @@ Code in this file were generated using following JSON:
    },
    "description": "Custom function that generates a string for the component's \"aria-valuetext\" attribute based on the current value.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "#isNonVisibleFocus",
+   "privacy": "private",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "method",
+   "name": "#registerThumbListeners"
+  },
+  {
+   "kind": "method",
+   "name": "#unregisterThumbListeners"
+  },
+  {
+   "kind": "field",
+   "name": "#onMouseOver",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#onMouseOut",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "handleMouseDown"
+  },
+  {
+   "kind": "field",
+   "name": "handleThumbMouseDown"
+  },
+  {
+   "kind": "field",
+   "name": "keypressHandler"
   }
  ],
  "events": [
@@ -97,6 +146,14 @@ Code in this file were generated using following JSON:
    "description": "Display markers on/off",
    "fieldName": "markers"
   },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Show current value on the thumb.",
+   "fieldName": "pin"
+  },
   {
    "name": "connotation",
    "type": {
@@ -117,7 +174,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "value",
-    "eventName": "change",
+    "eventNames": [
+     "change"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
   ]
@@ -132,7 +191,7 @@ registerSlider('vvd3')
 const VwcSlider = wrapper(`vvd3-slider`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['ariaLabel', 'ariaValuetext', 'markers', 'connotation', 'valueTextFormatter', 'min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value']
+    properties: ['ariaLabel', 'ariaValuetext', 'markers', 'pin', 'connotation', 'valueTextFormatter', 'handleMouseDown', 'handleThumbMouseDown', 'keypressHandler', 'min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value']
 })
 
 VwcSlider.displayName = 'VwcSlider'

package/v3/VwcSlider/package.json

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

package/v3/VwcSplitButton/package.json

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

package/v3/VwcSwitch/index.js

@@ -80,6 +80,30 @@ Code in this file were generated using following JSON:
    "name": "--vvd-switch-success-fierce",
    "default": "var(--vvd-color-success-700)"
   },
+  {
+   "name": "--vvd-switch-announcement-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-switch-announcement-primary",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-switch-announcement-primary-increment",
+   "default": "var(--vvd-color-announcement-600)"
+  },
+  {
+   "name": "--vvd-switch-announcement-firm",
+   "default": "var(--vvd-color-announcement-600)"
+  },
+  {
+   "name": "--vvd-switch-announcement-intermediate",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-switch-announcement-fierce",
+   "default": "var(--vvd-color-announcement-700)"
+  },
   {
    "name": "--vvd-switch-accent-primary-text",
    "default": "var(--vvd-color-canvas)"
@@ -163,7 +187,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "checked",
-    "eventName": "change",
+    "eventNames": [
+     "change"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).checked"
    }
   ]