@vonage/vivid-react 4.0.0 → 5.20.0

package/v3/VwcBanner/index.js

@@ -68,20 +68,6 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
-  {
-   "kind": "field",
-   "name": "actionHref",
-   "type": {
-    "text": "string | undefined"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "actionText",
-   "type": {
-    "text": "string | undefined"
-   }
-  },
   {
    "kind": "field",
    "name": "removable",
@@ -134,25 +120,13 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "privacy": "public",
    "inheritedFrom": {
     "name": "AffixIcon",
     "module": "src/shared/patterns/affix.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -190,20 +164,6 @@ Code in this file were generated using following JSON:
    "default": "null",
    "fieldName": "dismissButtonAriaLabel"
   },
-  {
-   "name": "action-href",
-   "type": {
-    "text": "string | undefined"
-   },
-   "fieldName": "actionHref"
-  },
-  {
-   "name": "action-text",
-   "type": {
-    "text": "string | undefined"
-   },
-   "fieldName": "actionText"
-  },
   {
    "name": "removable",
    "type": {
@@ -231,7 +191,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "fieldName": "icon",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -292,7 +252,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBanner } from '@vonage/vivid'
 
 registerBanner('vvd3')
@@ -300,7 +260,7 @@ registerBanner('vvd3')
 const VwcBanner = wrapper(`vvd3-banner`,  {
     events: [],
     attributes: [],
-    properties: ['dismissButtonAriaLabel', 'actionHref', 'actionText', 'removable', 'text', 'connotation', 'icon', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['dismissButtonAriaLabel', 'removable', 'text', 'connotation', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcBanner.displayName = 'VwcBanner'

package/v3/VwcBanner/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-banner",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcBaseProgress/index.d.ts

@@ -13,16 +13,16 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcBaseProgress: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        value?: number | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        paused?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "value"?: number | null;
+        "min"?: number;
+        "max"?: number;
+        "paused"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBaseProgress/index.js

@@ -123,7 +123,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBaseProgress } from '@vonage/vivid'
 
 registerBaseProgress('vvd3')

package/v3/VwcBaseProgress/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-base-progress",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcBreadcrumb/index.d.ts

@@ -1,7 +1,6 @@
 import React, { ReactNode } from 'react';
 /** VwcBreadcrumb
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/breadcrumb
-* @param {'delegate'} _vividAriaBehaviour
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
@@ -9,13 +8,12 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcBreadcrumb: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        _vividAriaBehaviour?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBreadcrumb/index.js

@@ -72,18 +72,6 @@ Code in this file were generated using following JSON:
    ],
    "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href"
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -128,7 +116,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBreadcrumb } from '@vonage/vivid'
 
 registerBreadcrumb('vvd3')
@@ -136,7 +124,7 @@ registerBreadcrumb('vvd3')
 const VwcBreadcrumb = wrapper(`vvd3-breadcrumb`,  {
     events: [],
     attributes: [],
-    properties: ['_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['VIVID_VERSION', 'componentName']
 })
 
 VwcBreadcrumb.displayName = 'VwcBreadcrumb'

package/v3/VwcBreadcrumb/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-breadcrumb",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcBreadcrumbItem/index.d.ts

@@ -11,7 +11,6 @@ import React, { ReactNode } from 'react';
 * @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `target`
 * @param {string | undefined} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `type`
 * @param {HTMLAnchorElement} control - References the root element
-* @param {'delegate'} _vividAriaBehaviour
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
@@ -19,23 +18,22 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcBreadcrumbItem: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        text?: string | undefined;
-        download?: string | undefined;
-        href?: string | undefined;
-        hreflang?: string | undefined;
-        ping?: string | undefined;
-        referrerpolicy?: string | undefined;
-        rel?: string | undefined;
-        target?: any;
-        type?: string | undefined;
-        control?: any;
-        _vividAriaBehaviour?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "text"?: string | undefined;
+        "download"?: string | undefined;
+        "href"?: string | undefined;
+        "hreflang"?: string | undefined;
+        "ping"?: string | undefined;
+        "referrerpolicy"?: string | undefined;
+        "rel"?: string | undefined;
+        "target"?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+        "type"?: string | undefined;
+        "control"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBreadcrumbItem/index.js

@@ -131,18 +131,6 @@ Code in this file were generated using following JSON:
     "module": "src/shared/patterns/linkable.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -292,7 +280,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBreadcrumbItem } from '@vonage/vivid'
 
 registerBreadcrumbItem('vvd3')
@@ -300,7 +288,7 @@ registerBreadcrumbItem('vvd3')
 const VwcBreadcrumbItem = wrapper(`vvd3-breadcrumb-item`,  {
     events: [],
     attributes: [],
-    properties: ['text', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['text', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', 'VIVID_VERSION', 'componentName']
 })
 
 VwcBreadcrumbItem.displayName = 'VwcBreadcrumbItem'

package/v3/VwcBreadcrumbItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-breadcrumb-item",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }

package/v3/VwcButton/index.d.ts

@@ -14,9 +14,12 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} pending - Displays the button in pending state. **attribute** `pending`
 * @param {boolean} dropdownIndicator - Display a chevron to indicate that the button opens a dropdown. **attribute** `dropdown-indicator`
 * @param {boolean} active - Displays the button in active state. **attribute** `active`
+* @param {boolean} pressed - Indicates the button is in a pressed/toggled state.
+Sets `aria-pressed` on the button element. **attribute** `pressed`
 * @param {string | undefined} label - Indicates the button's label. **attribute** `label`
 * @param {boolean} iconTrailing - Indicates the icon affix alignment. **attribute** `icon-trailing`
-* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
+* @param {string | undefined} icon - A decorative icon the custom element should have. See the [Vivid Icon
+Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
 * @param {string | undefined} download - Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `download`
 * @param {string | undefined} href - The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `href`
 * @param {string | undefined} hreflang - Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `hreflang`
@@ -26,7 +29,6 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `target`
 * @param {'submit' | 'reset' | 'button'} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `type`
 * @param {HTMLButtonElement} control - References the root element
-* @param {'delegate'} _vividAriaBehaviour
 * @param {boolean} autofocus - Determines if the element should receive document focus on page load. **attribute** `autofocus`
 * @param {string} formId - The id of a form to associate the element to. **attribute** `form`
 * @param {string} formaction - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formaction`
@@ -48,49 +50,49 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 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;
-        icon?: string | undefined;
-        disabled?: any;
-        type?: string | undefined;
-        "icon-trailing"?: any;
-        title?: string | undefined;
-        connotation?: any;
-        shape?: any;
-        appearance?: any;
-        size?: any;
-        stacked?: boolean | undefined;
-        pending?: boolean | undefined;
-        dropdownIndicator?: boolean | undefined;
-        active?: boolean | undefined;
-        label?: string | undefined;
-        iconTrailing?: boolean | undefined;
-        download?: string | undefined;
-        href?: string | undefined;
-        hreflang?: string | undefined;
-        ping?: string | undefined;
-        referrerpolicy?: string | undefined;
-        rel?: string | undefined;
-        target?: any;
-        control?: any;
-        _vividAriaBehaviour?: any;
-        autofocus?: boolean | undefined;
-        formId?: string | undefined;
-        formaction?: string | undefined;
-        formenctype?: string | undefined;
-        formmethod?: string | undefined;
-        formnovalidate?: boolean | undefined;
-        formtarget?: any;
-        value?: string | undefined;
-        currentValue?: any;
-        initialValue?: string | undefined;
-        name?: string | undefined;
-        required?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onClick?: (event: SyntheticEvent) => void;
+        "icon"?: string | undefined;
+        "disabled"?: boolean | undefined;
+        "type"?: string | undefined;
+        "icon-trailing"?: boolean | undefined;
+        "title"?: string;
+        "connotation"?: any;
+        "shape"?: any;
+        "appearance"?: any;
+        "size"?: any;
+        "stacked"?: boolean;
+        "pending"?: boolean;
+        "dropdownIndicator"?: boolean;
+        "active"?: boolean;
+        "pressed"?: boolean;
+        "label"?: string | undefined;
+        "iconTrailing"?: boolean;
+        "download"?: string | undefined;
+        "href"?: string | undefined;
+        "hreflang"?: string | undefined;
+        "ping"?: string | undefined;
+        "referrerpolicy"?: string | undefined;
+        "rel"?: string | undefined;
+        "target"?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+        "control"?: any;
+        "autofocus"?: boolean;
+        "formId"?: string;
+        "formaction"?: string;
+        "formenctype"?: string;
+        "formmethod"?: string;
+        "formnovalidate"?: boolean;
+        "formtarget"?: "_self" | "_blank" | "_parent" | "_top";
+        "value"?: string;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcButton/index.js

@@ -44,6 +44,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-button-cta-fierce-primary",
    "default": "var(--vvd-color-cta-700)"
   },
+  {
+   "name": "--vvd-button-cta-dim",
+   "default": "var(--vvd-color-cta-200)"
+  },
+  {
+   "name": "--vvd-button-cta-pale",
+   "default": "var(--vvd-color-cta-300)"
+  },
   {
    "name": "--vvd-button-success-primary",
    "default": "var(--vvd-color-success-500)"
@@ -80,6 +88,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-button-success-fierce-primary",
    "default": "var(--vvd-color-success-700)"
   },
+  {
+   "name": "--vvd-button-success-dim",
+   "default": "var(--vvd-color-success-200)"
+  },
+  {
+   "name": "--vvd-button-success-pale",
+   "default": "var(--vvd-color-success-300)"
+  },
   {
    "name": "--vvd-button-alert-primary",
    "default": "var(--vvd-color-alert-500)"
@@ -116,6 +132,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-button-alert-fierce-primary",
    "default": "var(--vvd-color-alert-700)"
   },
+  {
+   "name": "--vvd-button-alert-dim",
+   "default": "var(--vvd-color-alert-200)"
+  },
+  {
+   "name": "--vvd-button-alert-pale",
+   "default": "var(--vvd-color-alert-300)"
+  },
   {
    "name": "--vvd-button-announcement-primary",
    "default": "var(--vvd-color-announcement-500)"
@@ -152,6 +176,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-button-announcement-fierce-primary",
    "default": "var(--vvd-color-announcement-700)"
   },
+  {
+   "name": "--vvd-button-announcement-dim",
+   "default": "var(--vvd-color-announcement-200)"
+  },
+  {
+   "name": "--vvd-button-announcement-pale",
+   "default": "var(--vvd-color-announcement-300)"
+  },
   {
    "name": "--vvd-button-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
@@ -187,6 +219,14 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-button-accent-fierce-primary",
    "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-button-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  },
+  {
+   "name": "--vvd-button-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
   }
  ],
  "slots": [
@@ -281,6 +321,16 @@ Code in this file were generated using following JSON:
    "description": "Displays the button in active state.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "pressed",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the button is in a pressed/toggled state.\nSets `aria-pressed` on the button element.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "label",
@@ -290,19 +340,6 @@ Code in this file were generated using following JSON:
    "description": "Indicates the button's label.",
    "privacy": "public"
   },
-  {
-   "kind": "method",
-   "name": "clickHandler",
-   "parameters": [
-    {
-     "name": "event",
-     "type": {
-      "text": "Event"
-     }
-    }
-   ],
-   "description": "Handles click events.\nPrevents interaction when disabled or pending."
-  },
   {
    "kind": "field",
    "name": "iconTrailing",
@@ -323,7 +360,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "privacy": "public",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -447,18 +484,6 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/button/button.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "autofocus",
@@ -962,6 +987,15 @@ Code in this file were generated using following JSON:
    "description": "Displays the button in active state.",
    "fieldName": "active"
   },
+  {
+   "name": "pressed",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the button is in a pressed/toggled state.\nSets `aria-pressed` on the button element.",
+   "fieldName": "pressed"
+  },
   {
    "name": "label",
    "type": {
@@ -988,7 +1022,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "fieldName": "icon",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -1291,7 +1325,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerButton } from '@vonage/vivid'
 
 registerButton('vvd3')
@@ -1299,7 +1333,7 @@ registerButton('vvd3')
 const VwcButton = wrapper(`vvd3-button`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['icon', 'disabled', 'type', 'icon-trailing', 'title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'dropdownIndicator', 'active', 'label', 'iconTrailing', 'icon', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', '_vividAriaBehaviour', 'autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
+    properties: ['icon', 'disabled', 'type', 'icon-trailing', 'title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'dropdownIndicator', 'active', 'pressed', 'label', 'iconTrailing', 'icon', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', 'autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcButton.displayName = 'VwcButton'

package/v3/VwcButton/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-button",
-  "version": "5.5.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.5.0"
+    "@vonage/vivid": "5.20.0"
   }
 }