@vonage/vivid-react 3.1.0 → 3.2.0

package/VwcAccordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-accordion",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcBadge/package.json

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

package/VwcBanner/package.json

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

package/VwcButton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-button",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCalendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-calendar",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCard/package.json

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

package/VwcCarousel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-carousel",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCheckbox/package.json

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

package/VwcChip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-chip",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDatepicker/package.json

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

package/VwcDropdown/package.json

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

package/VwcElevation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-elevation",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcFab/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-fab",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcFormfield/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-formfield",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcIcon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-icon",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcKeypad/package.json

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

package/VwcLayout/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-layout",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcList/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-list",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcMenu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-menu",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcNote/package.json

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

package/VwcPagination/package.json

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

package/VwcPopup/package.json

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

package/VwcRadio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-radio",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSelect/package.json

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

package/VwcSlider/package.json

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

package/VwcSnackbar/package.json

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

package/VwcSurface/package.json

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

package/VwcSwitch/package.json

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

package/VwcTab/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tab",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTag/package.json

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

package/VwcText/package.json

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

package/VwcTextarea/package.json

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

package/VwcTextfield/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-textfield",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tooltip",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "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": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/package.json

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

package/v3/VwcCheckbox/index.d.ts

@@ -4,8 +4,13 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | null} tabindex  **attribute** `tabindex`
 * @param {CheckboxConnotation | undefined} connotation - The connotation the checklist should have. **attribute** `connotation`
-* @param {boolean} checked
 * @param {any} onClick
+* @param {string | undefined} label
+* @param {string | undefined} value
+* @param {boolean | undefined} checked
+* @param {boolean | undefined} indeterminate
+* @param {boolean | undefined} disabled
+* @param {boolean | undefined} readonly
 */
 declare const VwcCheckbox: {
     (props: {
@@ -19,8 +24,13 @@ declare const VwcCheckbox: {
         ariaLabel?: string | null | undefined;
         tabindex?: string | null | undefined;
         connotation?: any;
-        checked?: boolean | undefined;
         onClick?: any;
+        label?: string | undefined;
+        value?: string | undefined;
+        checked?: any;
+        indeterminate?: any;
+        disabled?: any;
+        readonly?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcCheckbox/index.js

@@ -158,7 +158,7 @@ registerCheckbox('vvd3')
 const VwcCheckbox = wrapper(`vvd3-checkbox`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ['ariaLabel', 'tabindex', 'connotation', 'checked', 'onClick']
+    properties: ['ariaLabel', 'tabindex', 'connotation', 'onClick', 'label', 'value', 'checked', 'indeterminate', 'disabled', 'readonly']
 })
 
 VwcCheckbox.displayName = 'VwcCheckbox'

package/v3/VwcSlider/index.d.ts

@@ -6,6 +6,15 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} markers - Display markers on/off **attribute** `markers`
 * @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 {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} disabled
+* @param {string} value
 */
 declare const VwcSlider: {
     (props: {
@@ -20,6 +29,13 @@ declare const VwcSlider: {
         markers?: boolean | undefined;
         connotation?: any;
         valueTextFormatter?: any;
+        min?: number | undefined;
+        max?: number | undefined;
+        step?: number | undefined;
+        orientation?: string | undefined;
+        pin?: boolean | undefined;
+        disabled?: boolean | undefined;
+        value?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSlider/index.js

@@ -132,7 +132,7 @@ registerSlider('vvd3')
 const VwcSlider = wrapper(`vvd3-slider`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['ariaLabel', 'ariaValuetext', 'markers', 'connotation', 'valueTextFormatter']
+    properties: ['ariaLabel', 'ariaValuetext', 'markers', 'connotation', 'valueTextFormatter', 'min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value']
 })
 
 VwcSlider.displayName = 'VwcSlider'