@vonage/vivid-react 3.5.2 → 5.19.0

package/VwcTag/package.json

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

package/VwcText/index.d.ts

@@ -1,18 +1,18 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-text';
 /**
-* @param {VVDFontFace | undefined} fontFace  attribute: <VwcText font-face />
-* @param {TextConnotation | undefined} connotation  attribute: <VwcText connotation />
+* @param  fontFace  attribute: <VwcText font-face />
+* @param  connotation  attribute: <VwcText connotation />
 * @param {boolean} tight  attribute: <VwcText tight />
 */
 declare const VwcText: (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;
     fontFace?: any;
     connotation?: any;
-    tight?: boolean | undefined;
+    tight?: boolean;
 }) => JSX.Element;
 export default VwcText;

package/VwcText/index.js

@@ -8,12 +8,10 @@ Code in this file were generated using following JSON:
  "path": "./../node_modules/@vonage/vwc-text/src/vwc-text.ts",
  "attributes": [
   {
-   "name": "font-face",
-   "type": "VVDFontFace | undefined"
+   "name": "font-face"
   },
   {
-   "name": "connotation",
-   "type": "TextConnotation | undefined"
+   "name": "connotation"
   },
   {
    "name": "tight",
@@ -24,19 +22,16 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\""
   },
   {
    "name": "fontFace",
    "attribute": "font-face",
-   "type": "VVDFontFace | undefined",
    "bindable": true
   },
   {
    "name": "connotation",
    "attribute": "connotation",
-   "type": "TextConnotation | undefined",
    "bindable": false
   },
   {
@@ -51,13 +46,13 @@ 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-text'
 
 
 /**  
-* @param {VVDFontFace | undefined} fontFace  attribute: <VwcText font-face />
-* @param {TextConnotation | undefined} connotation  attribute: <VwcText connotation />
+* @param  fontFace  attribute: <VwcText font-face />
+* @param  connotation  attribute: <VwcText connotation />
 * @param {boolean} tight  attribute: <VwcText tight />
 */
 const VwcText = wrapper('vwc-text',  {
@@ -67,8 +62,8 @@ const VwcText = wrapper('vwc-text',  {
 });
 
 VwcText.propTypes = {
-  fontFace: PropTypes.any /* VVDFontFace | undefined *//* attribute: font-face */,
-  connotation: PropTypes.any /* TextConnotation | undefined *//* attribute: connotation */,
+  fontFace: PropTypes.any /* type not provided *//* attribute: font-face */,
+  connotation: PropTypes.any /* type not provided *//* attribute: connotation */,
   tight: PropTypes.bool/* default: false *//* attribute: tight */
 }
 

package/VwcText/package.json

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

package/VwcTextarea/index.d.ts

@@ -4,90 +4,21 @@ import '@vonage/vwc-textarea';
 * @param {boolean} dense
 * @param {boolean} resizable
 * @param {string | undefined} form
-* @param {number} rows
-* @param {number} cols
-* @param {string} value
-* @param {TextFieldType} type
-* @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 {boolean} willValidate
-* @param {number | null} selectionStart
-* @param {number | null} selectionEnd
-* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform
-* @param {ShadowRootInit} shadowRootOptions
 */
 declare const VwcTextarea: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onInput?: ((event: SyntheticEvent) => void) | undefined;
-    onBlur?: ((event: SyntheticEvent) => void) | undefined;
-    onFocus?: ((event: SyntheticEvent) => void) | undefined;
-    dense?: boolean | undefined;
-    resizable?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onInput?: (event: SyntheticEvent) => void;
+    onBlur?: (event: SyntheticEvent) => void;
+    onFocus?: (event: SyntheticEvent) => void;
+    onInput?: (event: SyntheticEvent) => void;
+    onBlur?: (event: SyntheticEvent) => void;
+    onFocus?: (event: SyntheticEvent) => void;
+    dense?: boolean;
+    resizable?: boolean;
     form?: string | undefined;
-    rows?: number | undefined;
-    cols?: number | undefined;
-    value?: string | undefined;
-    type?: any;
-    placeholder?: string | undefined;
-    label?: string | undefined;
-    icon?: string | undefined;
-    iconTrailing?: string | undefined;
-    disabled?: boolean | undefined;
-    required?: boolean | undefined;
-    minLength?: number | undefined;
-    maxLength?: number | undefined;
-    outlined?: boolean | undefined;
-    helper?: string | undefined;
-    validateOnInitialRender?: boolean | undefined;
-    validationMessage?: string | undefined;
-    autoValidate?: boolean | undefined;
-    pattern?: string | undefined;
-    min?: string | number | undefined;
-    max?: string | number | undefined;
-    step?: number | undefined;
-    size?: number | undefined;
-    helperPersistent?: boolean | undefined;
-    charCounter?: any;
-    endAligned?: boolean | undefined;
-    prefix?: string | undefined;
-    suffix?: string | undefined;
-    name?: string | undefined;
-    inputMode?: any;
-    readOnly?: boolean | undefined;
-    autocapitalize?: string | undefined;
-    willValidate?: boolean | undefined;
-    selectionStart?: number | undefined;
-    selectionEnd?: number | undefined;
-    validityTransform?: any;
-    shadowRootOptions?: any;
 }) => JSX.Element;
 export default VwcTextarea;

package/VwcTextarea/index.js

@@ -21,199 +21,6 @@ Code in this file were generated using following JSON:
    "name": "form",
    "type": "string | undefined",
    "bindable": true
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "rows",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "name": "cols",
-   "type": "number",
-   "bindable": false
-  },
-  {
-   "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",
-   "bindable": false
-  },
-  {
-   "name": "selectionStart",
-   "type": "number | null",
-   "bindable": false
-  },
-  {
-   "name": "selectionEnd",
-   "type": "number | null",
-   "bindable": false
-  },
-  {
-   "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": [
@@ -224,7 +31,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-textarea'
 
 
@@ -232,47 +39,11 @@ import '@vonage/vwc-textarea'
 * @param {boolean} dense  
 * @param {boolean} resizable  
 * @param {string | undefined} form  
-* @param {number} rows  
-* @param {number} cols  
-* @param {string} value  
-* @param {TextFieldType} type  
-* @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 {boolean} willValidate  
-* @param {number | null} selectionStart  
-* @param {number | null} selectionEnd  
-* @param {((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null} validityTransform  
-* @param {ShadowRootInit} shadowRootOptions  
 */
 const VwcTextarea = wrapper('vwc-textarea',  {
     events: [{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ["form","validityTransform"]
+    properties: ["form"]
 });
 
 VwcTextarea.propTypes = {
@@ -281,43 +52,7 @@ VwcTextarea.propTypes = {
   onFocus: PropTypes.func,
   dense: PropTypes.bool,
   resizable: PropTypes.bool,
-  form: PropTypes.string,
-  rows: PropTypes.number,
-  cols: PropTypes.number,
-  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,
-  willValidate: PropTypes.bool,
-  selectionStart: PropTypes.number,
-  selectionEnd: PropTypes.number,
-  validityTransform: PropTypes.any /* ((value: string, nativeValidity: ValidityState) => Partial<ValidityState>) | null */,
-  shadowRootOptions: PropTypes.any /* ShadowRootInit */
+  form: PropTypes.string
 }
 
 VwcTextarea.defaultProps = {

package/VwcTextarea/package.json

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

package/VwcTextfield/index.d.ts

@@ -3,87 +3,30 @@ 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
 */
 declare const VwcTextfield: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    onInput?: ((event: SyntheticEvent) => void) | undefined;
-    onBlur?: ((event: SyntheticEvent) => void) | undefined;
-    onFocus?: ((event: SyntheticEvent) => void) | undefined;
-    noActionsSync?: boolean | undefined;
-    dense?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onInput?: (event: SyntheticEvent) => void;
+    onBlur?: (event: SyntheticEvent) => void;
+    onFocus?: (event: SyntheticEvent) => void;
+    onInput?: (event: SyntheticEvent) => void;
+    onBlur?: (event: SyntheticEvent) => void;
+    onFocus?: (event: SyntheticEvent) => void;
+    noActionsSync?: boolean;
+    dense?: boolean;
     shape?: any;
     autocomplete?: string | undefined;
     form?: string | undefined;
     appearance?: any;
-    value?: string | undefined;
-    type?: any;
-    placeholder?: string | undefined;
-    label?: string | undefined;
-    icon?: string | undefined;
-    iconTrailing?: string | undefined;
-    disabled?: boolean | undefined;
-    required?: boolean | undefined;
-    minLength?: number | undefined;
-    maxLength?: number | undefined;
-    outlined?: boolean | undefined;
-    helper?: string | undefined;
-    validateOnInitialRender?: boolean | undefined;
-    validationMessage?: string | undefined;
-    autoValidate?: boolean | undefined;
-    pattern?: string | undefined;
-    min?: string | number | undefined;
-    max?: string | number | undefined;
-    step?: number | undefined;
-    size?: number | undefined;
-    helperPersistent?: boolean | undefined;
-    charCounter?: any;
-    endAligned?: boolean | undefined;
-    prefix?: string | undefined;
-    suffix?: string | undefined;
-    name?: string | undefined;
-    inputMode?: any;
-    readOnly?: boolean | undefined;
-    autocapitalize?: string | undefined;
-    validityTransform?: any;
-    shadowRootOptions?: any;
+    placeholder?: string;
 }) => JSX.Element;
 export default VwcTextfield;