@vonage/vivid-react 4.0.0 → 5.20.0

package/v3/VwcMenuItem/index.js

@@ -94,7 +94,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean"
    },
-   "description": "The disabled state of the element.",
+   "description": "Sets the disabled state",
    "privacy": "public"
   },
   {
@@ -103,7 +103,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean"
    },
-   "description": "The expanded state of the element.",
+   "description": "Sets the expanded state",
    "privacy": "public"
   },
   {
@@ -135,7 +135,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "The checked value of the element.",
+   "description": "Sets the checked state",
    "privacy": "public"
   },
   {
@@ -149,7 +149,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the menu item's text.",
+   "description": "Text content",
    "privacy": "public"
   },
   {
@@ -158,7 +158,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the menu item's secondary text.",
+   "description": "Give more context to the text",
    "privacy": "public"
   },
   {
@@ -167,7 +167,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "MenuItemConnotation | undefined"
    },
-   "description": "The connotation the fab should have.",
+   "description": "Sets the connotation that appears when checked",
    "privacy": "public"
   },
   {
@@ -177,7 +177,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Controls the placement of the menu item's checkmark or radio icon.",
+   "description": "Sets the check element to appear at the end of the Menu Item",
    "privacy": "public"
   },
   {
@@ -189,13 +189,6 @@ Code in this file were generated using following JSON:
    "description": "Controls the appearance of the check indicator.",
    "privacy": "public"
   },
-  {
-   "kind": "field",
-   "name": "trailingMetaSlottedContent",
-   "type": {
-    "text": "HTMLElement[] | undefined"
-   }
-  },
   {
    "kind": "method",
    "name": "#collapseExpandedItem"
@@ -214,25 +207,13 @@ Code in this file were generated using following JSON:
    "kind": "method",
    "name": "#emitSyntheticClick"
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'host'",
-   "type": {
-    "text": "'host'"
-   },
-   "inheritedFrom": {
-    "name": "HostSemantics",
-    "module": "src/shared/aria/host-semantics.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "icon",
    "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",
@@ -289,7 +270,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean"
    },
-   "description": "The disabled state of the element.",
+   "description": "Sets the disabled state",
    "fieldName": "disabled"
   },
   {
@@ -297,7 +278,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean"
    },
-   "description": "The expanded state of the element.",
+   "description": "Sets the expanded state",
    "fieldName": "expanded"
   },
   {
@@ -314,7 +295,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "The checked value of the element.",
+   "description": "Sets the checked state",
    "fieldName": "checked"
   },
   {
@@ -322,7 +303,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the menu item's text.",
+   "description": "Text content",
    "fieldName": "text"
   },
   {
@@ -330,7 +311,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the menu item's secondary text.",
+   "description": "Give more context to the text",
    "fieldName": "textSecondary"
   },
   {
@@ -338,7 +319,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "MenuItemConnotation | undefined"
    },
-   "description": "The connotation the fab should have.",
+   "description": "Sets the connotation that appears when checked",
    "fieldName": "connotation"
   },
   {
@@ -347,7 +328,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Controls the placement of the menu item's checkmark or radio icon.",
+   "description": "Sets the check element to appear at the end of the Menu Item",
    "fieldName": "checkTrailing"
   },
   {
@@ -363,7 +344,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",
@@ -372,6 +353,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "mixins": [
+  {
+   "name": "WithKbdShortcut",
+   "module": "/src/shared/patterns/kbd-shortcut"
+  },
   {
    "name": "HostSemantics",
    "module": "/src/shared/aria/host-semantics"
@@ -451,7 +436,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 { registerMenuItem } from '@vonage/vivid'
 
 registerMenuItem('vvd3')
@@ -459,7 +444,7 @@ registerMenuItem('vvd3')
 const VwcMenuItem = wrapper(`vvd3-menu-item`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"expanded-change","propName":"onExpandedChange"}],
     attributes: [],
-    properties: ['icon', 'disabled', 'expanded', 'role', 'controlType', 'checked', 'text', 'textSecondary', 'connotation', 'checkTrailing', 'checkedAppearance', 'trailingMetaSlottedContent', '_vividAriaBehaviour', 'icon', 'VIVID_VERSION', 'componentName']
+    properties: ['icon', 'disabled', 'expanded', 'role', 'controlType', 'checked', 'text', 'textSecondary', 'connotation', 'checkTrailing', 'checkedAppearance', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcMenuItem.displayName = 'VwcMenuItem'

package/v3/VwcMenuItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-menu-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/VwcNav/index.d.ts

@@ -1,7 +1,6 @@
 import React, { ReactNode } from 'react';
 /** VwcNav
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/nav
-* @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 VwcNav: {
     (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/VwcNav/index.js

@@ -28,18 +28,6 @@ Code in this file were generated using following JSON:
   "name": "nav"
  },
  "members": [
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -70,7 +58,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 { registerNav } from '@vonage/vivid'
 
 registerNav('vvd3')
@@ -78,7 +66,7 @@ registerNav('vvd3')
 const VwcNav = wrapper(`vvd3-nav`,  {
     events: [],
     attributes: [],
-    properties: ['_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['VIVID_VERSION', 'componentName']
 })
 
 VwcNav.displayName = 'VwcNav'

package/v3/VwcNav/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav",
-  "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/VwcNavDisclosure/index.d.ts

@@ -7,8 +7,8 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {NavDisclosureConnotation | undefined} connotation - The connotation nav-disclosure should have. **attribute** `connotation`
 * @param {boolean} open - Indicates whether the nav-disclosure is open **attribute** `open`
 * @param {boolean} current - Indicates there's a nested active nav-item within nav-disclosure **attribute** `current`
-* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
-* @param {'delegate'} _vividAriaBehaviour
+* @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} 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
@@ -16,21 +16,20 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcNavDisclosure: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onToggle?: ((event: SyntheticEvent) => void) | undefined;
-        details?: any;
-        label?: string | undefined;
-        appearance?: any;
-        connotation?: any;
-        open?: boolean | undefined;
-        current?: boolean | undefined;
-        icon?: string | 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;
+        onToggle?: (event: SyntheticEvent) => void;
+        "details"?: any;
+        "label"?: string | undefined;
+        "appearance"?: any;
+        "connotation"?: any;
+        "open"?: boolean;
+        "current"?: boolean;
+        "icon"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcNavDisclosure/index.js

@@ -161,25 +161,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",
@@ -264,7 +252,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",
@@ -357,7 +345,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 { registerNavDisclosure } from '@vonage/vivid'
 
 registerNavDisclosure('vvd3')
@@ -365,7 +353,7 @@ registerNavDisclosure('vvd3')
 const VwcNavDisclosure = wrapper(`vvd3-nav-disclosure`,  {
     events: [{"name":"toggle","propName":"onToggle"}],
     attributes: [],
-    properties: ['details', 'label', 'appearance', 'connotation', 'open', 'current', 'icon', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['details', 'label', 'appearance', 'connotation', 'open', 'current', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcNavDisclosure.displayName = 'VwcNavDisclosure'

package/v3/VwcNavDisclosure/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav-disclosure",
-  "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/VwcNavItem/index.d.ts

@@ -6,7 +6,8 @@ Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
 * @param {NavItemConnotation | undefined} connotation - Sets the connotation color of the selected nav item **attribute** `connotation`
 * @param {NavItemAppearance | undefined} appearance - Sets the nav item's appearance **attribute** `appearance`
 * @param {boolean} current - Sets the nav item as a current **attribute** `current`
-* @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`
@@ -16,7 +17,6 @@ Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
 * @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
@@ -24,27 +24,26 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcNavItem: {
     (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;
-        connotation?: any;
-        appearance?: any;
-        current?: boolean | undefined;
-        icon?: 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;
+        "connotation"?: any;
+        "appearance"?: any;
+        "current"?: boolean;
+        "icon"?: 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/VwcNavItem/index.js

@@ -135,7 +135,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",
@@ -258,18 +258,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",
@@ -337,7 +325,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",
@@ -505,7 +493,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 { registerNavItem } from '@vonage/vivid'
 
 registerNavItem('vvd3')
@@ -513,7 +501,7 @@ registerNavItem('vvd3')
 const VwcNavItem = wrapper(`vvd3-nav-item`,  {
     events: [],
     attributes: [],
-    properties: ['text', 'connotation', 'appearance', 'current', 'icon', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['text', 'connotation', 'appearance', 'current', 'icon', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', 'VIVID_VERSION', 'componentName']
 })
 
 VwcNavItem.displayName = 'VwcNavItem'

package/v3/VwcNavItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav-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/VwcNote/index.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
 /** VwcNote
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/note
-* @param {string | undefined} headline - Indicates the note's headline text **attribute** `headline`
+* @param {string | undefined} headline - Sets the headline text **attribute** `headline`
 * @param {NoteConnotation | undefined} connotation  **attribute** `connotation`
-* @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} 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
@@ -11,15 +12,15 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcNote: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        headline?: string | undefined;
-        connotation?: any;
-        icon?: string | 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;
+        "headline"?: string | undefined;
+        "connotation"?: any;
+        "icon"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcNote/index.js

@@ -98,7 +98,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the note's headline text",
+   "description": "Sets the headline text",
    "privacy": "public"
   },
   {
@@ -114,7 +114,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",
@@ -155,7 +155,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the note's headline text",
+   "description": "Sets the headline text",
    "fieldName": "headline"
   },
   {
@@ -170,7 +170,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",
@@ -194,7 +194,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 { registerNote } from '@vonage/vivid'
 
 registerNote('vvd3')

package/v3/VwcNote/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-note",
-  "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"
   }
 }