@vonage/vivid-react 4.0.0 → 5.19.0

package/VwcIconButtonToggle/index.d.ts

@@ -1,37 +1,24 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 import '@vonage/vwc-icon-button-toggle';
 /**
-* @param {IconButtonToggleLayout | undefined} layout
-* @param {IconButtonToggleConnotation | undefined} connotation
-* @param {IconButtonToggleShape | undefined} shape
+* @param  layout
+* @param  connotation
+* @param  shape
 * @param {boolean} dense
 * @param {boolean} enlarged
-* @param {string | undefined} ariaLabel
-* @param {boolean} disabled
-* @param {string} onIcon
-* @param {string} offIcon
-* @param {string | undefined} ariaLabelOn
-* @param {string | undefined} ariaLabelOff
-* @param {boolean} on
 */
 declare const VwcIconButtonToggle: (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;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onChange?: (event: SyntheticEvent) => void;
+    onChange?: (event: SyntheticEvent) => void;
     layout?: any;
     connotation?: any;
     shape?: any;
-    dense?: boolean | undefined;
-    enlarged?: boolean | undefined;
-    ariaLabel?: string | undefined;
-    disabled?: boolean | undefined;
-    onIcon?: string | undefined;
-    offIcon?: string | undefined;
-    ariaLabelOn?: string | undefined;
-    ariaLabelOff?: string | undefined;
-    on?: boolean | undefined;
+    dense?: boolean;
+    enlarged?: boolean;
 }) => JSX.Element;
 export default VwcIconButtonToggle;

package/VwcIconButtonToggle/index.js

@@ -9,21 +9,18 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult[]"
+   "type": "array"
   },
   {
    "name": "layout",
-   "type": "IconButtonToggleLayout | undefined",
    "bindable": false
   },
   {
    "name": "connotation",
-   "type": "IconButtonToggleConnotation | undefined",
    "bindable": false
   },
   {
    "name": "shape",
-   "type": "IconButtonToggleShape | undefined",
    "bindable": false
   },
   {
@@ -35,45 +32,6 @@ Code in this file were generated using following JSON:
    "name": "enlarged",
    "type": "boolean",
    "bindable": false
-  },
-  {
-   "name": "ariaLabel",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "onIcon",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "offIcon",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabelOn",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabelOff",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "on",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "ripple",
-   "type": "Promise<Ripple | null>"
   }
  ],
  "events": [
@@ -85,23 +43,16 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-icon-button-toggle'
 
 
 /**  
-* @param {IconButtonToggleLayout | undefined} layout  
-* @param {IconButtonToggleConnotation | undefined} connotation  
-* @param {IconButtonToggleShape | undefined} shape  
+* @param  layout  
+* @param  connotation  
+* @param  shape  
 * @param {boolean} dense  
 * @param {boolean} enlarged  
-* @param {string | undefined} ariaLabel  
-* @param {boolean} disabled  
-* @param {string} onIcon  
-* @param {string} offIcon  
-* @param {string | undefined} ariaLabelOn  
-* @param {string | undefined} ariaLabelOff  
-* @param {boolean} on  
 */
 const VwcIconButtonToggle = wrapper('vwc-icon-button-toggle',  {
     events: [{"name":"MDCIconButtonToggle:change","propName":"onChange"}],
@@ -111,18 +62,11 @@ const VwcIconButtonToggle = wrapper('vwc-icon-button-toggle',  {
 
 VwcIconButtonToggle.propTypes = {
   onChange: PropTypes.func,
-  layout: PropTypes.any /* IconButtonToggleLayout | undefined */,
-  connotation: PropTypes.any /* IconButtonToggleConnotation | undefined */,
-  shape: PropTypes.any /* IconButtonToggleShape | undefined */,
+  layout: PropTypes.any /* type not provided */,
+  connotation: PropTypes.any /* type not provided */,
+  shape: PropTypes.any /* type not provided */,
   dense: PropTypes.bool,
-  enlarged: PropTypes.bool,
-  ariaLabel: PropTypes.string,
-  disabled: PropTypes.bool,
-  onIcon: PropTypes.string,
-  offIcon: PropTypes.string,
-  ariaLabelOn: PropTypes.string,
-  ariaLabelOff: PropTypes.string,
-  on: PropTypes.bool
+  enlarged: PropTypes.bool
 }
 
 VwcIconButtonToggle.defaultProps = {

package/VwcIconButtonToggle/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-icon-button-toggle",
-  "version": "4.0.0",
+  "version": "5.19.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-icon-button-toggle": "2.45.0"
+    "@vonage/vwc-icon-button-toggle": "2.46.3"
   }
 }

package/VwcKeypad/index.d.ts

@@ -12,20 +12,20 @@ import '@vonage/vwc-keypad';
 */
 declare const VwcKeypad: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onDigitAdded?: ((event: SyntheticEvent) => void) | undefined;
-    onDigitsSent?: ((event: SyntheticEvent) => void) | undefined;
-    onActionEnded?: ((event: SyntheticEvent) => void) | undefined;
-    noAsterisk?: boolean | undefined;
-    noHash?: boolean | undefined;
-    noDisplay?: boolean | undefined;
-    actionText?: string | undefined;
-    cancelText?: string | undefined;
-    digits?: string | undefined;
-    currentPosition?: number | undefined;
-    actionStarted?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onDigitAdded?: (event: SyntheticEvent) => void;
+    onDigitsSent?: (event: SyntheticEvent) => void;
+    onActionEnded?: (event: SyntheticEvent) => void;
+    noAsterisk?: boolean;
+    noHash?: boolean;
+    noDisplay?: boolean;
+    actionText?: string;
+    cancelText?: string;
+    digits?: string;
+    currentPosition?: number;
+    actionStarted?: boolean;
 }) => JSX.Element;
 export default VwcKeypad;

package/VwcKeypad/index.js

@@ -124,7 +124,7 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-keypad'
 
 

package/VwcKeypad/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-keypad",
-  "version": "4.0.0",
+  "version": "5.19.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-keypad": "2.45.0"
+    "@vonage/vwc-keypad": "2.46.3"
   }
 }

package/VwcLayout/index.d.ts

@@ -1,17 +1,17 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-layout';
 /**
-* @param {Gutters | undefined} gutters  attribute: <VwcLayout gutters />
-* @param {ColumnBasis} columnBasis  attribute: <VwcLayout column-basis />
-* @param {ColumnSpacing} columnSpacing  attribute: <VwcLayout column-spacing />
+* @param  gutters  attribute: <VwcLayout gutters />
+* @param  columnBasis  attribute: <VwcLayout column-basis />
+* @param  columnSpacing  attribute: <VwcLayout column-spacing />
 * @param {AutoSizing | undefined} autoSizing  attribute: <VwcLayout auto-sizing />
 */
 declare const VwcLayout: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     gutters?: any;
     columnBasis?: any;
     columnSpacing?: any;

package/VwcLayout/index.js

@@ -8,18 +8,15 @@ Code in this file were generated using following JSON:
  "path": "./../node_modules/@vonage/vwc-layout/src/vwc-layout.ts",
  "attributes": [
   {
-   "name": "gutters",
-   "type": "Gutters | undefined"
+   "name": "gutters"
   },
   {
    "name": "column-basis",
-   "type": "ColumnBasis",
-   "default": "\"sm\""
+   "default": "\"Small\""
   },
   {
    "name": "column-spacing",
-   "type": "ColumnSpacing",
-   "default": "\"md\""
+   "default": "\"Medium\""
   },
   {
    "name": "auto-sizing",
@@ -29,27 +26,23 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\""
   },
   {
    "name": "gutters",
    "attribute": "gutters",
-   "type": "Gutters | undefined",
    "bindable": false
   },
   {
    "name": "columnBasis",
    "attribute": "column-basis",
-   "type": "ColumnBasis",
-   "default": "\"sm\"",
+   "default": "\"Small\"",
    "bindable": true
   },
   {
    "name": "columnSpacing",
    "attribute": "column-spacing",
-   "type": "ColumnSpacing",
-   "default": "\"md\"",
+   "default": "\"Medium\"",
    "bindable": true
   },
   {
@@ -70,14 +63,14 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-layout'
 
 
 /**  
-* @param {Gutters | undefined} gutters  attribute: <VwcLayout gutters />
-* @param {ColumnBasis} columnBasis  attribute: <VwcLayout column-basis />
-* @param {ColumnSpacing} columnSpacing  attribute: <VwcLayout column-spacing />
+* @param  gutters  attribute: <VwcLayout gutters />
+* @param  columnBasis  attribute: <VwcLayout column-basis />
+* @param  columnSpacing  attribute: <VwcLayout column-spacing />
 * @param {AutoSizing | undefined} autoSizing  attribute: <VwcLayout auto-sizing />
 */
 const VwcLayout = wrapper('vwc-layout',  {
@@ -87,15 +80,15 @@ const VwcLayout = wrapper('vwc-layout',  {
 });
 
 VwcLayout.propTypes = {
-  gutters: PropTypes.any /* Gutters | undefined *//* attribute: gutters */,
-  columnBasis: PropTypes.any /* ColumnBasis *//* default: "sm" *//* attribute: column-basis */,
-  columnSpacing: PropTypes.any /* ColumnSpacing *//* default: "md" *//* attribute: column-spacing */,
+  gutters: PropTypes.any /* type not provided *//* attribute: gutters */,
+  columnBasis: PropTypes.any /* type not provided *//* default: "Small" *//* attribute: column-basis */,
+  columnSpacing: PropTypes.any /* type not provided *//* default: "Medium" *//* attribute: column-spacing */,
   autoSizing: PropTypes.any /* AutoSizing | undefined *//* attribute: auto-sizing */
 }
 
 VwcLayout.defaultProps = {
-  columnBasis: "sm",
-  columnSpacing: "md"
+  columnBasis: "Small",
+  columnSpacing: "Medium"
 }
 
 VwcLayout.displayName = 'VwcLayout'

package/VwcLayout/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-layout",
-  "version": "4.0.0",
+  "version": "5.19.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-layout": "2.45.0"
+    "@vonage/vwc-layout": "2.46.3"
   }
 }

package/VwcLinearProgress/index.d.ts

@@ -1,26 +1,14 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-linear-progress';
 /**
-* @param {LinearProgressConnotation | undefined} connotation  attribute: <VwcLinearProgress connotation />
-* @param {boolean} indeterminate
-* @param {number} progress
-* @param {number} buffer
-* @param {boolean} reverse
-* @param {boolean} closed
-* @param {string | undefined} ariaLabel
+* @param  connotation  attribute: <VwcLinearProgress connotation />
 */
 declare const VwcLinearProgress: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     connotation?: any;
-    indeterminate?: boolean | undefined;
-    progress?: number | undefined;
-    buffer?: number | undefined;
-    reverse?: boolean | undefined;
-    closed?: boolean | undefined;
-    ariaLabel?: string | undefined;
 }) => JSX.Element;
 export default VwcLinearProgress;

package/VwcLinearProgress/index.js

@@ -8,49 +8,13 @@ Code in this file were generated using following JSON:
  "path": "./../node_modules/@vonage/vwc-linear-progress/src/vwc-linear-progress.ts",
  "attributes": [
   {
-   "name": "connotation",
-   "type": "LinearProgressConnotation | undefined"
+   "name": "connotation"
   }
  ],
  "properties": [
   {
    "name": "connotation",
    "attribute": "connotation",
-   "type": "LinearProgressConnotation | undefined",
-   "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "indeterminate",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "progress",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "buffer",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "reverse",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "closed",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabel",
-   "type": "string | undefined",
    "bindable": false
   }
  ],
@@ -58,18 +22,12 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-linear-progress'
 
 
 /**  
-* @param {LinearProgressConnotation | undefined} connotation  attribute: <VwcLinearProgress connotation />
-* @param {boolean} indeterminate  
-* @param {number} progress  
-* @param {number} buffer  
-* @param {boolean} reverse  
-* @param {boolean} closed  
-* @param {string | undefined} ariaLabel  
+* @param  connotation  attribute: <VwcLinearProgress connotation />
 */
 const VwcLinearProgress = wrapper('vwc-linear-progress',  {
     events: [],
@@ -78,13 +36,7 @@ const VwcLinearProgress = wrapper('vwc-linear-progress',  {
 });
 
 VwcLinearProgress.propTypes = {
-  connotation: PropTypes.any /* LinearProgressConnotation | undefined *//* attribute: connotation */,
-  indeterminate: PropTypes.bool,
-  progress: PropTypes.number,
-  buffer: PropTypes.number,
-  reverse: PropTypes.bool,
-  closed: PropTypes.bool,
-  ariaLabel: PropTypes.string
+  connotation: PropTypes.any /* type not provided *//* attribute: connotation */
 }
 
 VwcLinearProgress.defaultProps = {

package/VwcLinearProgress/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-linear-progress",
-  "version": "4.0.0",
+  "version": "5.19.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-linear-progress": "2.45.0"
+    "@vonage/vwc-linear-progress": "2.46.3"
   }
 }

package/VwcList/index.d.ts

@@ -1,35 +1,13 @@
-import React, { ReactNode, SyntheticEvent } from 'react';
+import React, { ReactNode } from 'react';
 import '@vonage/vwc-list';
 /** This component is an extension of [<mwc-list>](https://github.com/material-components/material-components-web-components/tree/master/packages/list)
-* @param {string | undefined} emptyMessage
-* @param {boolean} activatable
-* @param {boolean} multi
-* @param {boolean} wrapFocus
-* @param {string | null} itemRoles
-* @param {string | null} innerRole
-* @param {string | null} innerAriaLabel
-* @param {boolean} rootTabbable
-* @param {boolean} noninteractive
-* @param {Promise<never[]>} itemsReady
+
 */
 declare const VwcList: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onSelected?: ((event: SyntheticEvent) => void) | undefined;
-    onAction?: ((event: SyntheticEvent) => void) | undefined;
-    onItemsUpdated?: ((event: SyntheticEvent) => void) | undefined;
-    emptyMessage?: string | undefined;
-    activatable?: boolean | undefined;
-    multi?: boolean | undefined;
-    wrapFocus?: boolean | undefined;
-    itemRoles?: string | null | undefined;
-    innerRole?: string | null | undefined;
-    innerAriaLabel?: string | null | undefined;
-    rootTabbable?: boolean | undefined;
-    noninteractive?: boolean | undefined;
-    itemsReady?: any;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }) => JSX.Element;
 export default VwcList;