@vonage/vivid-react 3.5.2 → 5.19.0

package/VwcBadge/index.d.ts

@@ -2,9 +2,9 @@ import React, { ReactNode } from 'react';
 import '@vonage/vwc-badge';
 /** Represents a badge custom element.
 badge is a label that holds small amounts of information. A badge can be used to display unread notifications, or to label a block of text. Badges don’t work for navigation because they can't include a hyperlink.
-* @param {BadgeConnotation | undefined} connotation  attribute: <VwcBadge connotation />
-* @param {BadgeShape | undefined} shape  attribute: <VwcBadge shape />
-* @param {BadgeLayout | undefined} layout  attribute: <VwcBadge layout />
+* @param  connotation  attribute: <VwcBadge connotation />
+* @param  shape  attribute: <VwcBadge shape />
+* @param  layout  attribute: <VwcBadge layout />
 * @param {boolean} dense  attribute: <VwcBadge dense />
 * @param {boolean} enlarged  attribute: <VwcBadge enlarged />
 * @param {string | undefined} text  attribute: <VwcBadge text />
@@ -13,15 +13,15 @@ badge is a label that holds small amounts of information. A badge can be used to
 */
 declare const VwcBadge: (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;
     shape?: any;
     layout?: any;
-    dense?: boolean | undefined;
-    enlarged?: boolean | undefined;
+    dense?: boolean;
+    enlarged?: boolean;
     text?: string | undefined;
     icon?: string | undefined;
     iconTrailing?: string | undefined;

package/VwcBadge/index.js

@@ -9,16 +9,13 @@ Code in this file were generated using following JSON:
  "description": "Represents a badge custom element.\nbadge is a label that holds small amounts of information. A badge can be used to display unread notifications, or to label a block of text. Badges don’t work for navigation because they can't include a hyperlink.",
  "attributes": [
   {
-   "name": "connotation",
-   "type": "BadgeConnotation | undefined"
+   "name": "connotation"
   },
   {
-   "name": "shape",
-   "type": "BadgeShape | undefined"
+   "name": "shape"
   },
   {
-   "name": "layout",
-   "type": "BadgeLayout | undefined"
+   "name": "layout"
   },
   {
    "name": "dense",
@@ -46,25 +43,21 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\""
   },
   {
    "name": "connotation",
    "attribute": "connotation",
-   "type": "BadgeConnotation | undefined",
    "bindable": false
   },
   {
    "name": "shape",
    "attribute": "shape",
-   "type": "BadgeShape | undefined",
    "bindable": false
   },
   {
    "name": "layout",
    "attribute": "layout",
-   "type": "BadgeLayout | undefined",
    "bindable": false
   },
   {
@@ -110,15 +103,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-badge'
 
 
 /** Represents a badge custom element.
 badge is a label that holds small amounts of information. A badge can be used to display unread notifications, or to label a block of text. Badges don’t work for navigation because they can't include a hyperlink. 
-* @param {BadgeConnotation | undefined} connotation  attribute: <VwcBadge connotation />
-* @param {BadgeShape | undefined} shape  attribute: <VwcBadge shape />
-* @param {BadgeLayout | undefined} layout  attribute: <VwcBadge layout />
+* @param  connotation  attribute: <VwcBadge connotation />
+* @param  shape  attribute: <VwcBadge shape />
+* @param  layout  attribute: <VwcBadge layout />
 * @param {boolean} dense  attribute: <VwcBadge dense />
 * @param {boolean} enlarged  attribute: <VwcBadge enlarged />
 * @param {string | undefined} text  attribute: <VwcBadge text />
@@ -132,9 +125,9 @@ const VwcBadge = wrapper('vwc-badge',  {
 });
 
 VwcBadge.propTypes = {
-  connotation: PropTypes.any /* BadgeConnotation | undefined *//* attribute: connotation */,
-  shape: PropTypes.any /* BadgeShape | undefined *//* attribute: shape */,
-  layout: PropTypes.any /* BadgeLayout | undefined *//* attribute: layout */,
+  connotation: PropTypes.any /* type not provided *//* attribute: connotation */,
+  shape: PropTypes.any /* type not provided *//* attribute: shape */,
+  layout: PropTypes.any /* type not provided *//* attribute: layout */,
   dense: PropTypes.bool/* default: false *//* attribute: dense */,
   enlarged: PropTypes.bool/* default: false *//* attribute: enlarged */,
   text: PropTypes.string/* attribute: text */,

package/VwcBadge/package.json

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

package/VwcBanner/index.d.ts

@@ -3,23 +3,23 @@ import '@vonage/vwc-banner';
 /**
 * @param {string} message
 * @param {boolean} dismissible
-* @param {BannerConnotation | undefined} connotation
+* @param  connotation
 * @param {string | undefined} icon
 * @param {boolean} open
-* @param {BannerRole} role
-* @param {BannerAriaLive} ariaLive
+* @param  role
+* @param  ariaLive
 */
 declare const VwcBanner: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    message?: string | undefined;
-    dismissible?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    message?: string;
+    dismissible?: boolean;
     connotation?: any;
     icon?: string | undefined;
-    open?: boolean | undefined;
+    open?: boolean;
     role?: any;
     ariaLive?: any;
 }) => JSX.Element;

package/VwcBanner/index.js

@@ -9,7 +9,7 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult[]"
+   "type": "array"
   },
   {
    "name": "message",
@@ -23,7 +23,6 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "connotation",
-   "type": "BannerConnotation | undefined",
    "bindable": false
   },
   {
@@ -38,12 +37,10 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "role",
-   "type": "BannerRole",
    "bindable": false
   },
   {
    "name": "ariaLive",
-   "type": "BannerAriaLive",
    "bindable": false
   }
  ],
@@ -51,18 +48,18 @@ 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-banner'
 
 
 /**  
 * @param {string} message  
 * @param {boolean} dismissible  
-* @param {BannerConnotation | undefined} connotation  
+* @param  connotation  
 * @param {string | undefined} icon  
 * @param {boolean} open  
-* @param {BannerRole} role  
-* @param {BannerAriaLive} ariaLive  
+* @param  role  
+* @param  ariaLive  
 */
 const VwcBanner = wrapper('vwc-banner',  {
     events: [],
@@ -73,11 +70,11 @@ const VwcBanner = wrapper('vwc-banner',  {
 VwcBanner.propTypes = {
   message: PropTypes.string,
   dismissible: PropTypes.bool,
-  connotation: PropTypes.any /* BannerConnotation | undefined */,
+  connotation: PropTypes.any /* type not provided */,
   icon: PropTypes.string,
   open: PropTypes.bool,
-  role: PropTypes.any /* BannerRole */,
-  ariaLive: PropTypes.any /* BannerAriaLive */
+  role: PropTypes.any /* type not provided */,
+  ariaLive: PropTypes.any /* type not provided */
 }
 
 VwcBanner.defaultProps = {

package/VwcBanner/package.json

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

package/VwcButton/index.d.ts

@@ -3,53 +3,34 @@ import '@vonage/vwc-button';
 /**
 * @param {string | undefined} name
 * @param {string | undefined} value
+* @param {boolean} dense
 * @param {boolean} enlarged
-* @param {ButtonLayout | undefined} layout
-* @param {ButtonConnotation | undefined} connotation
-* @param {ButtonShape | undefined} shape
+* @param  layout
+* @param  connotation
+* @param  shape
 * @param {string} type
 * @param {string | null} formId
 * @param {boolean} stacked
 * @param {HTMLFormElement | null} form
-* @param {ShadowRootInit} shadowRootOptions
-* @param {boolean} raised
-* @param {boolean} unelevated
-* @param {boolean} outlined
-* @param {boolean} dense
-* @param {boolean} disabled
-* @param {boolean} trailingIcon
-* @param {boolean} fullwidth
-* @param {string} icon
-* @param {string} label
-* @param {boolean} expandContent
 */
 declare const VwcButton: (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;
     name?: string | undefined;
     value?: string | undefined;
-    enlarged?: boolean | undefined;
+    dense?: boolean;
+    enlarged?: boolean;
     layout?: any;
     connotation?: any;
     shape?: any;
-    type?: string | undefined;
-    formId?: string | null | undefined;
-    stacked?: boolean | undefined;
+    type?: string;
+    formId?: string | null;
+    stacked?: boolean;
     form?: any;
-    shadowRootOptions?: any;
-    raised?: boolean | undefined;
-    unelevated?: boolean | undefined;
-    outlined?: boolean | undefined;
-    dense?: boolean | undefined;
-    disabled?: boolean | undefined;
-    trailingIcon?: boolean | undefined;
-    fullwidth?: boolean | undefined;
-    icon?: string | undefined;
-    label?: string | undefined;
-    expandContent?: boolean | undefined;
 }) => JSX.Element;
 export default VwcButton;

package/VwcButton/index.js

@@ -17,6 +17,11 @@ Code in this file were generated using following JSON:
    "type": "string | undefined",
    "bindable": false
   },
+  {
+   "name": "dense",
+   "type": "boolean",
+   "bindable": false
+  },
   {
    "name": "enlarged",
    "type": "boolean",
@@ -24,17 +29,14 @@ Code in this file were generated using following JSON:
   },
   {
    "name": "layout",
-   "type": "ButtonLayout | undefined",
    "bindable": false
   },
   {
    "name": "connotation",
-   "type": "ButtonConnotation | undefined",
    "bindable": false
   },
   {
    "name": "shape",
-   "type": "ButtonShape | undefined",
    "bindable": false
   },
   {
@@ -56,73 +58,6 @@ Code in this file were generated using following JSON:
    "name": "form",
    "type": "HTMLFormElement | null",
    "bindable": true
-  },
-  {
-   "name": "styles",
-   "type": "CSSResult[]"
-  },
-  {
-   "name": "shadowRootOptions",
-   "type": "ShadowRootInit",
-   "bindable": false
-  },
-  {
-   "name": "raised",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "unelevated",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "outlined",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "dense",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "disabled",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "trailingIcon",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "fullwidth",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "icon",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "label",
-   "type": "string",
-   "bindable": false
-  },
-  {
-   "name": "expandContent",
-   "type": "boolean",
-   "bindable": false
-  },
-  {
-   "name": "buttonElement",
-   "type": "HTMLElement"
-  },
-  {
-   "name": "ripple",
-   "type": "Promise<Ripple | null>"
   }
  ],
  "events": [
@@ -131,32 +66,22 @@ 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-button'
 import { createElement } from 'react'
 
 /**  
 * @param {string | undefined} name  
 * @param {string | undefined} value  
+* @param {boolean} dense  
 * @param {boolean} enlarged  
-* @param {ButtonLayout | undefined} layout  
-* @param {ButtonConnotation | undefined} connotation  
-* @param {ButtonShape | undefined} shape  
+* @param  layout  
+* @param  connotation  
+* @param  shape  
 * @param {string} type  
 * @param {string | null} formId  
 * @param {boolean} stacked  
 * @param {HTMLFormElement | null} form  
-* @param {ShadowRootInit} shadowRootOptions  
-* @param {boolean} raised  
-* @param {boolean} unelevated  
-* @param {boolean} outlined  
-* @param {boolean} dense  
-* @param {boolean} disabled  
-* @param {boolean} trailingIcon  
-* @param {boolean} fullwidth  
-* @param {string} icon  
-* @param {string} label  
-* @param {boolean} expandContent  
 */
 const VwcButton = wrapper('vwc-button',  {
     events: [{"name":"click","propName":"onClick"}],
@@ -168,25 +93,15 @@ VwcButton.propTypes = {
   onClick: PropTypes.func,
   name: PropTypes.string,
   value: PropTypes.string,
+  dense: PropTypes.bool,
   enlarged: PropTypes.bool,
-  layout: PropTypes.any /* ButtonLayout | undefined */,
-  connotation: PropTypes.any /* ButtonConnotation | undefined */,
-  shape: PropTypes.any /* ButtonShape | undefined */,
+  layout: PropTypes.any /* type not provided */,
+  connotation: PropTypes.any /* type not provided */,
+  shape: PropTypes.any /* type not provided */,
   type: PropTypes.string,
   formId: PropTypes.string,
   stacked: PropTypes.bool,
-  form: PropTypes.any /* HTMLFormElement | null */,
-  shadowRootOptions: PropTypes.any /* ShadowRootInit */,
-  raised: PropTypes.bool,
-  unelevated: PropTypes.bool,
-  outlined: PropTypes.bool,
-  dense: PropTypes.bool,
-  disabled: PropTypes.bool,
-  trailingIcon: PropTypes.bool,
-  fullwidth: PropTypes.bool,
-  icon: PropTypes.string,
-  label: PropTypes.string,
-  expandContent: PropTypes.bool
+  form: PropTypes.any /* HTMLFormElement | null */
 }
 
 VwcButton.defaultProps = {

package/VwcButton/package.json

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

package/VwcButtonToggleGroup/index.d.ts

@@ -10,16 +10,17 @@ import '@vonage/vwc-button-toggle-group';
 */
 declare const VwcButtonToggleGroup: (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;
-    multi?: boolean | undefined;
-    enlarged?: boolean | undefined;
-    dense?: boolean | undefined;
-    required?: boolean | undefined;
-    disabled?: boolean | undefined;
-    values?: any[] | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    onSelected?: (event: SyntheticEvent) => void;
+    onSelected?: (event: SyntheticEvent) => void;
+    multi?: boolean;
+    enlarged?: boolean;
+    dense?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    values?: any[];
 }) => JSX.Element;
 export default VwcButtonToggleGroup;

package/VwcButtonToggleGroup/index.js

@@ -52,7 +52,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-button-toggle-group'
 
 

package/VwcButtonToggleGroup/package.json

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

package/VwcCalendar/index.d.ts

@@ -8,10 +8,10 @@ import '@vonage/vwc-calendar';
 */
 declare const VwcCalendar: (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;
     datetime?: any;
     locales?: any;
     getEventContext?: any;

package/VwcCalendar/index.js

@@ -36,7 +36,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-calendar'
 
 

package/VwcCalendar/package.json

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

package/VwcCalendarEvent/index.d.ts

@@ -11,15 +11,15 @@ import '@vonage/vwc-calendar/vwc-calendar-event';
 */
 declare const VwcCalendarEvent: (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;
     heading?: string | undefined;
     description?: string | undefined;
     color?: string | undefined;
     overlapCount?: string | undefined;
-    start?: number | undefined;
-    duration?: number | undefined;
+    start?: number;
+    duration?: number;
 }) => JSX.Element;
 export default VwcCalendarEvent;

package/VwcCalendarEvent/index.js

@@ -42,7 +42,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-calendar'
 import '@vonage/vwc-calendar/vwc-calendar-event'
 

package/VwcCalendarEvent/package.json

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

package/VwcCard/index.d.ts

@@ -9,15 +9,16 @@ import '@vonage/vwc-card';
 */
 declare const VwcCard: (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;
     heading?: string | undefined;
     subtitle?: string | undefined;
-    icon?: string | null | undefined;
+    icon?: string | null;
     text?: string | undefined;
-    elevation?: string | undefined;
+    elevation?: string;
 }) => JSX.Element;
 export default VwcCard;