@vonage/vivid-react 4.0.0 → 5.20.0

package/VwcTextfield/index.js

@@ -19,7 +19,6 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "shape",
-   "type": "TextfieldShape | undefined",
    "bindable": false
   },
   {
@@ -34,188 +33,12 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "appearance",
-   "type": "TextfieldLayout | undefined",
-   "bindable": false
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "value",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "type",
-   "type": "TextFieldType",
    "bindable": false
   },
   {
    "name": "placeholder",
    "type": "string",
    "bindable": false
-  },
-  {
-   "name": "label",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "icon",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "iconTrailing",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "required",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "minLength",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "maxLength",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "outlined",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "helper",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "validateOnInitialRender",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "validationMessage",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "autoValidate",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "pattern",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "min",
-   "type": "string | number",
-   "bindable": false
-  },
-  {
-   "name": "max",
-   "type": "string | number",
-   "bindable": false
-  },
-  {
-   "name": "step",
-   "type": "number | null",
-   "bindable": false
-  },
-  {
-   "name": "size",
-   "type": "number | null",
-   "bindable": false
-  },
-  {
-   "name": "helperPersistent",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "charCounter",
-   "type": "boolean | TextAreaCharCounter",
-   "bindable": false
-  },
-  {
-   "name": "endAligned",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "prefix",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "suffix",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "name",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "inputMode",
-   "type": "TextFieldInputMode",
-   "bindable": false
-  },
-  {
-   "name": "readOnly",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "autocapitalize",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "validity",
-   "type": "ValidityState"
-  },
-  {
-   "name": "willValidate",
-   "type": "boolean"
-  },
-  {
-   "name": "selectionStart",
-   "type": "number | null"
-  },
-  {
-   "name": "selectionEnd",
-   "type": "number | null"
-  },
-  {
-   "name": "validityTransform",
-   "type": "((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null",
-   "bindable": true
-  },
-  {
-   "name": "shadowRootOptions",
-   "type": "ShadowRootInit",
-   "bindable": false
-  },
-  {
-   "name": "ripple",
-   "description": "Implement ripple getter for Ripple integration with mwc-formfield",
-   "type": "Promise<RippleInterface | null> | undefined"
   }
  ],
  "events": [
@@ -226,53 +49,23 @@ 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-textfield'
 
 
 /**  
 * @param {boolean} noActionsSync  
 * @param {boolean} dense  
-* @param {TextfieldShape | undefined} shape  
+* @param  shape  
 * @param {string | undefined} autocomplete  
 * @param {string | undefined} form  
-* @param {TextfieldLayout | undefined} appearance  
-* @param {string} value  
-* @param {TextFieldType} type  
+* @param  appearance  
 * @param {string} placeholder  
-* @param {string} label  
-* @param {string} icon  
-* @param {string} iconTrailing  
-* @param {boolean} disabled  
-* @param {boolean} required  
-* @param {number} minLength  
-* @param {number} maxLength  
-* @param {boolean} outlined  
-* @param {string} helper  
-* @param {boolean} validateOnInitialRender  
-* @param {string} validationMessage  
-* @param {boolean} autoValidate  
-* @param {string} pattern  
-* @param {string | number} min  
-* @param {string | number} max  
-* @param {number | null} step  
-* @param {number | null} size  
-* @param {boolean} helperPersistent  
-* @param {boolean | TextAreaCharCounter} charCounter  
-* @param {boolean} endAligned  
-* @param {string} prefix  
-* @param {string} suffix  
-* @param {string} name  
-* @param {TextFieldInputMode} inputMode  
-* @param {boolean} readOnly  
-* @param {string} autocapitalize  
-* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform  
-* @param {ShadowRootInit} shadowRootOptions  
 */
 const VwcTextfield = wrapper('vwc-textfield',  {
     events: [{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ["form","validityTransform"]
+    properties: ["form"]
 });
 
 VwcTextfield.propTypes = {
@@ -281,41 +74,11 @@ VwcTextfield.propTypes = {
   onFocus: PropTypes.func,
   noActionsSync: PropTypes.bool,
   dense: PropTypes.bool,
-  shape: PropTypes.any /* TextfieldShape | undefined */,
+  shape: PropTypes.any /* type not provided */,
   autocomplete: PropTypes.string,
   form: PropTypes.string,
-  appearance: PropTypes.any /* TextfieldLayout | undefined */,
-  value: PropTypes.string,
-  type: PropTypes.any /* TextFieldType */,
-  placeholder: PropTypes.string,
-  label: PropTypes.string,
-  icon: PropTypes.string,
-  iconTrailing: PropTypes.string,
-  disabled: PropTypes.bool,
-  required: PropTypes.bool,
-  minLength: PropTypes.number,
-  maxLength: PropTypes.number,
-  outlined: PropTypes.bool,
-  helper: PropTypes.string,
-  validateOnInitialRender: PropTypes.bool,
-  validationMessage: PropTypes.string,
-  autoValidate: PropTypes.bool,
-  pattern: PropTypes.string,
-  min: PropTypes.any /* string | number */,
-  max: PropTypes.any /* string | number */,
-  step: PropTypes.number,
-  size: PropTypes.number,
-  helperPersistent: PropTypes.bool,
-  charCounter: PropTypes.any /* boolean | TextAreaCharCounter */,
-  endAligned: PropTypes.bool,
-  prefix: PropTypes.string,
-  suffix: PropTypes.string,
-  name: PropTypes.string,
-  inputMode: PropTypes.any /* TextFieldInputMode */,
-  readOnly: PropTypes.bool,
-  autocapitalize: PropTypes.string,
-  validityTransform: PropTypes.any /* ((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null */,
-  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+  appearance: PropTypes.any /* type not provided */,
+  placeholder: PropTypes.string
 }
 
 VwcTextfield.defaultProps = {

package/VwcTextfield/package.json

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

package/VwcThemeSwitch/index.d.ts

@@ -1,14 +1,14 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-theme-switch';
 /**
-* @param {SchemeOption | undefined} scheme  attribute: <VwcThemeSwitch scheme />
+* @param  scheme  attribute: <VwcThemeSwitch scheme />
 */
 declare const VwcThemeSwitch: (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;
     scheme?: any;
 }) => JSX.Element;
 export default VwcThemeSwitch;

package/VwcThemeSwitch/index.js

@@ -8,20 +8,17 @@ Code in this file were generated using following JSON:
  "path": "./../node_modules/@vonage/vwc-theme-switch/src/vwc-theme-switch.ts",
  "attributes": [
   {
-   "name": "scheme",
-   "type": "SchemeOption | undefined"
+   "name": "scheme"
   }
  ],
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\""
   },
   {
    "name": "scheme",
    "attribute": "scheme",
-   "type": "SchemeOption | undefined",
    "bindable": false
   }
  ],
@@ -29,12 +26,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-theme-switch'
 
 
 /**  
-* @param {SchemeOption | undefined} scheme  attribute: <VwcThemeSwitch scheme />
+* @param  scheme  attribute: <VwcThemeSwitch scheme />
 */
 const VwcThemeSwitch = wrapper('vwc-theme-switch',  {
     events: [],
@@ -43,7 +40,7 @@ const VwcThemeSwitch = wrapper('vwc-theme-switch',  {
 });
 
 VwcThemeSwitch.propTypes = {
-  scheme: PropTypes.any /* SchemeOption | undefined *//* attribute: scheme */
+  scheme: PropTypes.any /* type not provided *//* attribute: scheme */
 }
 
 VwcThemeSwitch.defaultProps = {

package/VwcThemeSwitch/package.json

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

package/VwcTooltip/index.d.ts

@@ -1,22 +1,22 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-tooltip';
 /**
-* @param {CSSResult} styles
+* @param  styles
 * @param {string} text  attribute: <VwcTooltip text />
-* @param {Placement | undefined} corner  attribute: <VwcTooltip corner />
+* @param  corner  attribute: <VwcTooltip corner />
 * @param {boolean} open  attribute: <VwcTooltip open />
 * @param {string} anchor  attribute: <VwcTooltip anchor />
 */
 declare const VwcTooltip: (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;
     styles?: any;
-    text?: string | undefined;
+    text?: string;
     corner?: any;
-    open?: boolean | undefined;
-    anchor?: string | undefined;
+    open?: boolean;
+    anchor?: string;
 }) => JSX.Element;
 export default VwcTooltip;

package/VwcTooltip/index.js

@@ -13,8 +13,7 @@ Code in this file were generated using following JSON:
    "default": "\"\""
   },
   {
-   "name": "corner",
-   "type": "Placement | undefined"
+   "name": "corner"
   },
   {
    "name": "open",
@@ -30,7 +29,6 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\"",
    "bindable": false
   },
@@ -44,7 +42,6 @@ Code in this file were generated using following JSON:
   {
    "name": "corner",
    "attribute": "corner",
-   "type": "Placement | undefined",
    "bindable": false
   },
   {
@@ -66,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-tooltip'
 
 
 /**  
-* @param {CSSResult} styles  
+* @param  styles  
 * @param {string} text  attribute: <VwcTooltip text />
-* @param {Placement | undefined} corner  attribute: <VwcTooltip corner />
+* @param  corner  attribute: <VwcTooltip corner />
 * @param {boolean} open  attribute: <VwcTooltip open />
 * @param {string} anchor  attribute: <VwcTooltip anchor />
 */
@@ -84,9 +81,9 @@ const VwcTooltip = wrapper('vwc-tooltip',  {
 });
 
 VwcTooltip.propTypes = {
-  styles: PropTypes.any /* CSSResult *//* default: "style" */,
+  styles: PropTypes.any /* type not provided *//* default: "style" */,
   text: PropTypes.string/* default: "" *//* attribute: text */,
-  corner: PropTypes.any /* Placement | undefined *//* attribute: corner */,
+  corner: PropTypes.any /* type not provided *//* attribute: corner */,
   open: PropTypes.bool/* default: false *//* attribute: open */,
   anchor: PropTypes.string/* default: "" *//* attribute: anchor */
 }

package/VwcTooltip/package.json

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

package/VwcTopAppBar/index.d.ts

@@ -2,21 +2,13 @@ import React, { ReactNode } from 'react';
 import '@vonage/vwc-top-app-bar';
 /**
 * @param {boolean} alternate
-* @param {boolean} prominent
-* @param {boolean} dense
-* @param {boolean} centerTitle
-* @param {HTMLElement | Window} scrollTarget
 */
 declare const VwcTopAppBar: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    alternate?: boolean | undefined;
-    prominent?: boolean | undefined;
-    dense?: boolean | undefined;
-    centerTitle?: boolean | undefined;
-    scrollTarget?: any;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    alternate?: boolean;
 }) => JSX.Element;
 export default VwcTopAppBar;

package/VwcTopAppBar/index.js

@@ -14,43 +14,19 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "prominent",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "dense",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "centerTitle",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "scrollTarget",
-   "type": "HTMLElement | Window",
-   "bindable": false
+   "type": "array"
   }
  ],
  "events": []
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-top-app-bar'
 
 
 /**  
 * @param {boolean} alternate  
-* @param {boolean} prominent  
-* @param {boolean} dense  
-* @param {boolean} centerTitle  
-* @param {HTMLElement | Window} scrollTarget  
 */
 const VwcTopAppBar = wrapper('vwc-top-app-bar',  {
     events: [],
@@ -59,11 +35,7 @@ const VwcTopAppBar = wrapper('vwc-top-app-bar',  {
 });
 
 VwcTopAppBar.propTypes = {
-  alternate: PropTypes.bool,
-  prominent: PropTypes.bool,
-  dense: PropTypes.bool,
-  centerTitle: PropTypes.bool,
-  scrollTarget: PropTypes.any /* HTMLElement | Window */
+  alternate: PropTypes.bool
 }
 
 VwcTopAppBar.defaultProps = {

package/VwcTopAppBar/package.json

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

package/VwcTopAppBarFixed/index.d.ts

@@ -2,21 +2,13 @@ import React, { ReactNode } from 'react';
 import '@vonage/vwc-top-app-bar-fixed';
 /** This component is an extension of [<mwc-top-app-bar-fixed>](https://github.com/material-components/material-components-web-components/tree/master/packages/top-app-bar-fixed)
 * @param {boolean} alternate  attribute: &lt;VwcTopAppBarFixed alternate />
-* @param {boolean} prominent
-* @param {boolean} dense
-* @param {boolean} centerTitle
-* @param {HTMLElement | Window} scrollTarget
 */
 declare const VwcTopAppBarFixed: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    alternate?: boolean | undefined;
-    prominent?: boolean | undefined;
-    dense?: boolean | undefined;
-    centerTitle?: boolean | undefined;
-    scrollTarget?: any;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    alternate?: boolean;
 }) => JSX.Element;
 export default VwcTopAppBarFixed;

package/VwcTopAppBarFixed/index.js

@@ -24,44 +24,20 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "styles",
-   "type": "CSSResult[]",
+   "type": "array",
    "default": "[\"MWCTopAppBarStyles\",\"VWCTopAppBarStyle\"]"
-  },
-  {
-   "name": "prominent",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "dense",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "centerTitle",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "scrollTarget",
-   "type": "HTMLElement | Window",
-   "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-top-app-bar-fixed'
 
 
 /** This component is an extension of [<mwc-top-app-bar-fixed>](https://github.com/material-components/material-components-web-components/tree/master/packages/top-app-bar-fixed) 
 * @param {boolean} alternate  attribute: &lt;VwcTopAppBarFixed alternate />
-* @param {boolean} prominent  
-* @param {boolean} dense  
-* @param {boolean} centerTitle  
-* @param {HTMLElement | Window} scrollTarget  
 */
 const VwcTopAppBarFixed = wrapper('vwc-top-app-bar-fixed',  {
     events: [],
@@ -70,11 +46,7 @@ const VwcTopAppBarFixed = wrapper('vwc-top-app-bar-fixed',  {
 });
 
 VwcTopAppBarFixed.propTypes = {
-  alternate: PropTypes.bool/* default: false *//* attribute: alternate */,
-  prominent: PropTypes.bool,
-  dense: PropTypes.bool,
-  centerTitle: PropTypes.bool,
-  scrollTarget: PropTypes.any /* HTMLElement | Window */
+  alternate: PropTypes.bool/* default: false *//* attribute: alternate */
 }
 
 VwcTopAppBarFixed.defaultProps = {