@vonage/vivid-react 4.0.0 → 5.20.0

package/VwcExpansionPanel/index.js

@@ -58,7 +58,6 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\""
   },
   {
@@ -121,7 +120,7 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "ripple",
-   "type": "Promise<Ripple>",
+   "type": "Promise<any>",
    "bindable": false
   },
   {
@@ -143,7 +142,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-expansion-panel'
 
 
@@ -156,7 +155,7 @@ import '@vonage/vwc-expansion-panel'
 * @param {boolean} dense  attribute: &lt;VwcExpansionPanel dense />
 * @param {boolean} leadingToggle  attribute: &lt;VwcExpansionPanel leadingToggle />
 * @param {boolean} noRipple  attribute: &lt;VwcExpansionPanel noRipple />
-* @param {Promise<Ripple>} ripple  
+* @param {Promise<any>} ripple  
 * @param {boolean} open  attribute: &lt;VwcExpansionPanel open />
 */
 const VwcExpansionPanel = wrapper('vwc-expansion-panel',  {
@@ -176,7 +175,7 @@ VwcExpansionPanel.propTypes = {
   dense: PropTypes.bool/* default: false *//* attribute: dense */,
   leadingToggle: PropTypes.bool/* default: false *//* attribute: leadingToggle */,
   noRipple: PropTypes.bool/* default: false *//* attribute: noRipple */,
-  ripple: PropTypes.any /* Promise<Ripple> */,
+  ripple: PropTypes.any /* Promise<any> */,
   open: PropTypes.bool/* default: false *//* attribute: open */
 }
 

package/VwcExpansionPanel/package.json

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

package/VwcFab/index.d.ts

@@ -2,31 +2,13 @@ import React, { ReactNode } from 'react';
 import '@vonage/vwc-fab';
 /** This component is an extension of [<mwc-fab>](https://github.com/material-components/material-components-web-components/tree/master/packages/fab)
 * @param {"regular" | "cta" | undefined} connotation  attribute: &lt;VwcFab connotation />
-* @param {ShadowRootInit} shadowRootOptions
-* @param {boolean} mini
-* @param {boolean} exited
-* @param {boolean} disabled
-* @param {boolean} extended
-* @param {boolean} showIconAtEnd
-* @param {boolean} reducedTouchTarget
-* @param {string} icon
-* @param {string} label
 */
 declare const VwcFab: (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?: "regular" | "cta" | undefined;
-    shadowRootOptions?: any;
-    mini?: boolean | undefined;
-    exited?: boolean | undefined;
-    disabled?: boolean | undefined;
-    extended?: boolean | undefined;
-    showIconAtEnd?: boolean | undefined;
-    reducedTouchTarget?: boolean | undefined;
-    icon?: string | undefined;
-    label?: string | undefined;
 }) => JSX.Element;
 export default VwcFab;

package/VwcFab/index.js

@@ -19,80 +19,18 @@ Code in this file were generated using following JSON:
    "attribute": "connotation",
    "type": "\"regular\" | \"cta\" | undefined",
    "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "shadowRootOptions",
-   "type": "ShadowRootInit",
-   "bindable": false
-  },
-  {
-   "name": "ripple",
-   "type": "Promise<Ripple | null>"
-  },
-  {
-   "name": "mini",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "exited",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "extended",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "showIconAtEnd",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "reducedTouchTarget",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "icon",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "label",
-   "type": "string",
-   "bindable": false
   }
  ],
  "events": []
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-fab'
 
 
 /** This component is an extension of [<mwc-fab>](https://github.com/material-components/material-components-web-components/tree/master/packages/fab) 
 * @param {"regular" | "cta" | undefined} connotation  attribute: &lt;VwcFab connotation />
-* @param {ShadowRootInit} shadowRootOptions  
-* @param {boolean} mini  
-* @param {boolean} exited  
-* @param {boolean} disabled  
-* @param {boolean} extended  
-* @param {boolean} showIconAtEnd  
-* @param {boolean} reducedTouchTarget  
-* @param {string} icon  
-* @param {string} label  
 */
 const VwcFab = wrapper('vwc-fab',  {
     events: [],
@@ -101,16 +39,7 @@ const VwcFab = wrapper('vwc-fab',  {
 });
 
 VwcFab.propTypes = {
-  connotation: PropTypes.any /* "regular" | "cta" | undefined *//* attribute: connotation */,
-  shadowRootOptions: PropTypes.any /* ShadowRootInit */,
-  mini: PropTypes.bool,
-  exited: PropTypes.bool,
-  disabled: PropTypes.bool,
-  extended: PropTypes.bool,
-  showIconAtEnd: PropTypes.bool,
-  reducedTouchTarget: PropTypes.bool,
-  icon: PropTypes.string,
-  label: PropTypes.string
+  connotation: PropTypes.any /* "regular" | "cta" | undefined *//* attribute: connotation */
 }
 
 VwcFab.defaultProps = {

package/VwcFab/package.json

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

package/VwcFilePicker/index.d.ts

@@ -10,15 +10,15 @@ import '@vonage/vwc-file-picker';
 */
 declare const VwcFilePicker: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    label?: string | undefined;
-    helper?: string | undefined;
-    validationMessage?: string | undefined;
-    notAFileError?: string | undefined;
-    tooManyFilesError?: string | undefined;
-    noCounter?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    label?: string;
+    helper?: string;
+    validationMessage?: string;
+    notAFileError?: string;
+    tooManyFilesError?: string;
+    noCounter?: boolean;
 }) => JSX.Element;
 export default VwcFilePicker;

package/VwcFilePicker/index.js

@@ -9,7 +9,7 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult[]"
+   "type": "array"
   },
   {
    "name": "label",
@@ -50,7 +50,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-file-picker'
 
 

package/VwcFilePicker/package.json

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

package/VwcFormfield/index.d.ts

@@ -1,20 +1,13 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-formfield';
 /**
-* @param {boolean} alignEnd
-* @param {boolean} spaceBetween
-* @param {boolean} nowrap
-* @param {string} label
+
 */
 declare const VwcFormfield: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    alignEnd?: boolean | undefined;
-    spaceBetween?: boolean | undefined;
-    nowrap?: boolean | undefined;
-    label?: string | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }) => JSX.Element;
 export default VwcFormfield;

package/VwcFormfield/index.js

@@ -6,45 +6,16 @@ Code in this file were generated using following JSON:
 {
  "name": "vwc-formfield",
  "path": "./../node_modules/@vonage/vwc-formfield/src/vwc-formfield.ts",
- "properties": [
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "alignEnd",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "spaceBetween",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "nowrap",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "label",
-   "type": "string",
-   "bindable": false
-  }
- ],
  "events": []
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-formfield'
 
 
 /**  
-* @param {boolean} alignEnd  
-* @param {boolean} spaceBetween  
-* @param {boolean} nowrap  
-* @param {string} label  
+
 */
 const VwcFormfield = wrapper('vwc-formfield',  {
     events: [],
@@ -53,10 +24,7 @@ const VwcFormfield = wrapper('vwc-formfield',  {
 });
 
 VwcFormfield.propTypes = {
-  alignEnd: PropTypes.bool,
-  spaceBetween: PropTypes.bool,
-  nowrap: PropTypes.bool,
-  label: PropTypes.string
+
 }
 
 VwcFormfield.defaultProps = {

package/VwcFormfield/package.json

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

package/VwcHelperMessage/index.d.ts

@@ -5,10 +5,10 @@ import '@vonage/vwc-helper-message';
 */
 declare const VwcHelperMessage: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    isError?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    isError?: boolean;
 }) => JSX.Element;
 export default VwcHelperMessage;

package/VwcHelperMessage/index.js

@@ -9,7 +9,7 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult[]"
+   "type": "array"
   },
   {
    "name": "isError",
@@ -21,7 +21,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-helper-message'
 
 

package/VwcHelperMessage/package.json

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

package/VwcIcon/index.d.ts

@@ -1,22 +1,22 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-icon';
 /**
-* @param {IconConnotation | undefined} connotation  attribute: <VwcIcon connotation />
+* @param  connotation  attribute: <VwcIcon connotation />
 * @param {string | undefined} type  attribute: <VwcIcon type />
 * @param {boolean | undefined} inline  attribute: <VwcIcon inline />
-* @param {IconSize | undefined} size  attribute: <VwcIcon size />
+* @param  size  attribute: <VwcIcon size />
 * @param {string} ariaLabel  attribute: <VwcIcon aria-label />
 */
 declare const VwcIcon: (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;
     type?: string | undefined;
-    inline?: any;
+    inline?: boolean | undefined;
     size?: any;
-    ariaLabel?: string | undefined;
+    ariaLabel?: string;
 }) => JSX.Element;
 export default VwcIcon;

package/VwcIcon/index.js

@@ -8,8 +8,7 @@ Code in this file were generated using following JSON:
  "path": "./../node_modules/@vonage/vwc-icon/src/vwc-icon.ts",
  "attributes": [
   {
-   "name": "connotation",
-   "type": "IconConnotation | undefined"
+   "name": "connotation"
   },
   {
    "name": "type",
@@ -20,8 +19,7 @@ Code in this file were generated using following JSON:
    "type": "boolean | undefined"
   },
   {
-   "name": "size",
-   "type": "IconSize | undefined"
+   "name": "size"
   },
   {
    "name": "aria-label",
@@ -33,7 +31,6 @@ Code in this file were generated using following JSON:
   {
    "name": "connotation",
    "attribute": "connotation",
-   "type": "IconConnotation | undefined",
    "bindable": false
   },
   {
@@ -51,7 +48,6 @@ Code in this file were generated using following JSON:
   {
    "name": "size",
    "attribute": "size",
-   "type": "IconSize | undefined",
    "bindable": false
   },
   {
@@ -66,15 +62,15 @@ 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'
 
 
 /**  
-* @param {IconConnotation | undefined} connotation  attribute: <VwcIcon connotation />
+* @param  connotation  attribute: <VwcIcon connotation />
 * @param {string | undefined} type  attribute: <VwcIcon type />
 * @param {boolean | undefined} inline  attribute: <VwcIcon inline />
-* @param {IconSize | undefined} size  attribute: <VwcIcon size />
+* @param  size  attribute: <VwcIcon size />
 * @param {string} ariaLabel  attribute: <VwcIcon aria-label />
 */
 const VwcIcon = wrapper('vwc-icon',  {
@@ -84,10 +80,10 @@ const VwcIcon = wrapper('vwc-icon',  {
 });
 
 VwcIcon.propTypes = {
-  connotation: PropTypes.any /* IconConnotation | undefined *//* attribute: connotation */,
+  connotation: PropTypes.any /* type not provided *//* attribute: connotation */,
   type: PropTypes.string/* attribute: type */,
   inline: PropTypes.any /* boolean | undefined *//* attribute: inline */,
-  size: PropTypes.any /* IconSize | undefined *//* attribute: size */,
+  size: PropTypes.any /* type not provided *//* attribute: size */,
   ariaLabel: PropTypes.string/* default: "" *//* attribute: aria-label */
 }
 

package/VwcIcon/package.json

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

package/VwcIconButton/index.d.ts

@@ -1,31 +1,26 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 import '@vonage/vwc-icon-button';
 /**
-* @param {IconButtonLayout | undefined} layout
-* @param {IconButtonConnotation | undefined} connotation
-* @param {IconButtonShape | undefined} shape
+* @param  layout
+* @param  connotation
+* @param  shape
 * @param {boolean} dense
 * @param {boolean} enlarged
-* @param {boolean} disabled
-* @param {string} icon
-* @param {string | undefined} ariaLabel
 * @param {string} value
 */
 declare const VwcIconButton: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onClick?: ((event: SyntheticEvent) => void) | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onClick?: (event: SyntheticEvent) => void;
+    onClick?: (event: SyntheticEvent) => void;
     layout?: any;
     connotation?: any;
     shape?: any;
-    dense?: boolean | undefined;
-    enlarged?: boolean | undefined;
-    disabled?: boolean | undefined;
-    icon?: string | undefined;
-    ariaLabel?: string | undefined;
-    value?: string | undefined;
+    dense?: boolean;
+    enlarged?: boolean;
+    value?: string;
 }) => JSX.Element;
 export default VwcIconButton;

package/VwcIconButton/index.js

@@ -9,17 +9,14 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "layout",
-   "type": "IconButtonLayout | undefined",
    "bindable": false
   },
   {
    "name": "connotation",
-   "type": "IconButtonConnotation | undefined",
    "bindable": false
   },
   {
    "name": "shape",
-   "type": "IconButtonShape | undefined",
    "bindable": false
   },
   {
@@ -31,33 +28,6 @@ Code in this file were generated using following JSON:
    "name": "enlarged",
    "type": "boolean",
    "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "icon",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "ariaLabel",
-   "type": "string | undefined",
-   "bindable": false
-  },
-  {
-   "name": "buttonElement",
-   "type": "HTMLElement"
-  },
-  {
-   "name": "ripple",
-   "type": "Promise<Ripple | null>"
   }
  ],
  "events": [
@@ -66,19 +36,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'
 
 
 /**  
-* @param {IconButtonLayout | undefined} layout  
-* @param {IconButtonConnotation | undefined} connotation  
-* @param {IconButtonShape | undefined} shape  
+* @param  layout  
+* @param  connotation  
+* @param  shape  
 * @param {boolean} dense  
 * @param {boolean} enlarged  
-* @param {boolean} disabled  
-* @param {string} icon  
-* @param {string | undefined} ariaLabel  
 * @param {string} value  
 */
 const VwcIconButton = wrapper('vwc-icon-button',  {
@@ -89,14 +56,11 @@ const VwcIconButton = wrapper('vwc-icon-button',  {
 
 VwcIconButton.propTypes = {
   onClick: PropTypes.func,
-  layout: PropTypes.any /* IconButtonLayout | undefined */,
-  connotation: PropTypes.any /* IconButtonConnotation | undefined */,
-  shape: PropTypes.any /* IconButtonShape | 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,
-  disabled: PropTypes.bool,
-  icon: PropTypes.string,
-  ariaLabel: PropTypes.string,
   value: PropTypes.string
 }