@vonage/vivid-react 5.24.0 → 5.27.0

package/v3/{VwcOptionTag → VwcFormField}/package.json

@@ -1,11 +1,11 @@
 {
-  "name": "@vonage/vivid-react-vvd3-option-tag",
-  "version": "5.24.0",
+  "name": "@vonage/vivid-react-vvd3-form-field",
+  "version": "5.27.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.27.0"
   }
 }

package/v3/VwcHeader/index.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
 /** VwcHeader
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/header
-* @param {boolean} elevationShadow - header elevation shadow **attribute** `elevation-shadow`
-* @param {boolean} alternate - applies scheme alternate to header region **attribute** `alternate`
+* @param {boolean} elevationShadow - Applies an elevation shadow to the Header. **attribute** `elevation-shadow`
+* @param {boolean} alternate - Applies the alternate color scheme to the header region. **attribute** `alternate`
 * @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

package/v3/VwcHeader/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcHeader/index.js
 (0, require("@vonage/vivid").registerHeader)("vvd3");
 var VwcHeader = require_index_es.g(`vvd3-header`, {

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/index.d.ts

@@ -13,10 +13,9 @@ import React, { ReactNode } from 'react';
         | 2
         | 3
         | 4
-        | 5 | undefined} size  **attribute** `size`
+        | 5 | undefined} size - The size the Icon should have. **attribute** `size`
 * @param {string | undefined} label - Provides a (screen reader only) descriptive label for the icon. **attribute** `label`
-* @param {string | undefined} name - Indicates which icon to resolve. See the Vivid Icon Gallery for available icons:
-https://icons.vivid.vonage.com/ **attribute** `name`
+* @param {string | undefined} name - Indicates which icon to resolve. See the [Vivid Icon Gallery](/icons/icons-gallery/) for available icons. **attribute** `name`
 * @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

package/v3/VwcIcon/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcIcon/index.js
 (0, require("@vonage/vivid").registerIcon)("vvd3");
 var VwcIcon = require_index_es.g(`vvd3-icon`, {

package/v3/VwcIcon/package.json

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

package/v3/VwcKbdKey/index.d.ts

@@ -6,8 +6,8 @@ import React, { ReactNode } from 'react';
 When set to "auto" (default), detects the current platform.
 When set to "standard", displays keys for non-Apple platforms.
 When set to "apple", displays keys for Apple platforms. **attribute** `keyboard`
-* @param {KbdKeyAppearance | undefined} appearance  **attribute** `appearance`
-* @param {KbdKeySize | undefined} size  **attribute** `size`
+* @param {KbdKeyAppearance | undefined} appearance - The appearance the Kbd Key should have. **attribute** `appearance`
+* @param {KbdKeySize | undefined} size - The size the Kbd Key should have. **attribute** `size`
 * @param {string | undefined} keyshortcutsKey - Overrides the aria-keyshortcuts key name contributed by this element.
 The value must be a valid `aria-keyshortcuts` key token (e.g. `"F1"`, `"Power"`).
 Use this when `name="Custom"` and the slot's text content is not a valid

package/v3/VwcKbdKey/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcKbdKey/index.js
 (0, require("@vonage/vivid").registerKbdKey)("vvd3");
 var VwcKbdKey = require_index_es.g(`vvd3-kbd-key`, {

package/v3/VwcKbdKey/package.json

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

package/v3/VwcKbdShortcut/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcKbdShortcut/index.js
 (0, require("@vonage/vivid").registerKbdShortcut)("vvd3");
 var VwcKbdShortcut = require_index_es.g(`vvd3-kbd-shortcut`, {

package/v3/VwcKbdShortcut/package.json

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

package/v3/VwcLayout/index.d.ts

@@ -2,11 +2,11 @@ import React, { ReactNode } from 'react';
 /** [--layout-grid-template-columns=repeat([the `auto-sizing` mapped value],
 minmax([the `column-basis` mapped value], 1fr))] - Controls the `grid-template-columns` of the layout.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/layout
-* @param {Gutters | undefined} gutters - Controls the amount of margin around the component **attribute** `gutters`
-* @param {ColumnBasis | undefined} columnBasis - Controls the `min-width` of columns **attribute** `column-basis`
-* @param {ColumnSpacing | undefined} columnSpacing - Controls the size of the spacing between columns **attribute** `column-spacing`
-* @param {RowSpacing | undefined} rowSpacing - sets the initial preferred spacing of a row from predefined available options **attribute** `row-spacing`
-* @param {'fit' | 'fill' | undefined} autoSizing - Controls how the grid's behaves with empty column tracks **attribute** `auto-sizing`
+* @param {Gutters | undefined} gutters - Controls the amount of margin around the component. **attribute** `gutters`
+* @param {ColumnBasis | undefined} columnBasis - Controls the `min-width` of columns. **attribute** `column-basis`
+* @param {ColumnSpacing | undefined} columnSpacing - Controls the size of the spacing between columns. **attribute** `column-spacing`
+* @param {RowSpacing | undefined} rowSpacing - Controls the size of the spacing between rows. **attribute** `row-spacing`
+* @param {'fit' | 'fill' | undefined} autoSizing - Controls how the grid behaves with empty column tracks. **attribute** `auto-sizing`
 * @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

package/v3/VwcLayout/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcLayout/index.js
 (0, require("@vonage/vivid").registerLayout)("vvd3");
 var VwcLayout = require_index_es.g(`vvd3-layout`, {

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/index.d.ts

@@ -1,11 +1,16 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcListbox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/listbox
-* @param {ListboxOption[]} options - The list of options.
-* @param {boolean} disabled - The disabled state of the listbox. **attribute** `disabled`
-* @param {number} selectedIndex - The index of the selected option.
-* @param {ListboxOption[]} selectedOptions - A collection of the selected options.
-* @param  slottedOptionFilter - A static filter to include selectable options and optgroups.
+* @param {SelectionMode} selectionMode - Controls how many options the user can select. In `single` mode (default), only one option can be selected at a time. In `multiple` mode, any number of options can be selected. **attribute** `selection-mode`
+* @param {SelectionBehavior} selectionBehavior - Controls the interaction model.
+- `toggle` (default): the user can move focus through the list of options and activating an option toggles its selected state.
+- `replace`: moving focus also replaces the selection with the focused item ("selection follows focus"). **attribute** `selection-behavior`
+* @param {RequiredSelectionMode} requiredSelection - Whether the Listbox will always keep at least one option selected (if possible).
+- `none` (default): no option may be selected
+- `any`: any valid option may be selected
+- `selectable`: a selectable (visible and enabled) option be selected **attribute** `required-selection`
+* @param {Value[]} values - The list of selected options' values. Use to set or read the currently selected option values.
+* @param  value - The first selected option value, or `null` if no option is selected. In single-selection mode, this can be used as an alternative to `values`.
 * @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
@@ -17,11 +22,12 @@ declare const VwcListbox: {
         id?: string;
         style?: React.CSSProperties;
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-        "options"?: any[];
-        "disabled"?: boolean;
-        "selectedIndex"?: number;
-        "selectedOptions"?: any[];
-        "slottedOptionFilter"?: any;
+        onChange?: (event: SyntheticEvent) => void;
+        "selectionMode"?: any;
+        "selectionBehavior"?: any;
+        "requiredSelection"?: any;
+        "values"?: any[];
+        "value"?: any;
         "VIVID_VERSION"?: string;
         "componentName"?: string;
     }): JSX.Element;

package/v3/VwcListbox/index.js

@@ -2,19 +2,21 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcListbox/index.js
 (0, require("@vonage/vivid").registerListbox)("vvd3");
 var VwcListbox = require_index_es.g(`vvd3-listbox`, {
-	events: [],
+	events: [{
+		"name": "change",
+		"propName": "onChange"
+	}],
 	attributes: [],
 	properties: [
-		"options",
-		"disabled",
-		"selectedIndex",
-		"selectedOptions",
-		"slottedOptionFilter",
+		"selectionMode",
+		"selectionBehavior",
+		"requiredSelection",
+		"values",
+		"value",
 		"VIVID_VERSION",
 		"componentName"
 	]

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -3,7 +3,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu
 * @param {string | HTMLElement} anchor  **attribute** `anchor`
 * @param {number | null} offset - Adds offset to the popup **attribute** `offset`
-* @param {Placement | undefined} placement - Sets the desired position of the Menu relative to it's anchor element **attribute** `placement`
+* @param {Placement | undefined} placement - Sets the desired position of the Menu relative to its anchor element. **attribute** `placement`
 * @param {'auto' | 'legacy' | 'off' | undefined} trigger - Sets trigger method of Menu **attribute** `trigger`
 * @param {boolean} autoDismiss - Sets the Menu to close when focus is lost **attribute** `auto-dismiss`
 * @param {Strategy | undefined} positionStrategy - Sets the position strategy **attribute** `position-strategy`

package/v3/VwcMenu/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcMenu/index.js
 (0, require("@vonage/vivid").registerMenu)("vvd3");
 var VwcMenu = require_index_es.g(`vvd3-menu`, {

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/index.d.ts

@@ -14,7 +14,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {| 'normal'
         | 'tick-only' | undefined} checkedAppearance - Controls the appearance of the check indicator. **attribute** `check-appearance`
 * @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`
+Gallery](/icons/icons-gallery/) for available icons and their names. **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

package/v3/VwcMenuItem/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcMenuItem/index.js
 (0, require("@vonage/vivid").registerMenuItem)("vvd3");
 var VwcMenuItem = require_index_es.g(`vvd3-menu-item`, {

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcNav/index.js
 (0, require("@vonage/vivid").registerNav)("vvd3");
 var VwcNav = require_index_es.g(`vvd3-nav`, {

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/index.d.ts

@@ -2,13 +2,13 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcNavDisclosure
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/nav-disclosure
 * @param {HTMLDetailsElement} details
-* @param {string | undefined} label  **attribute** `label`
-* @param {NavDisclosureAppearance | undefined} appearance - The appearance nav-disclosure should have. **attribute** `appearance`
-* @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} label - Provides the label for the Nav Disclosure. **attribute** `label`
+* @param {NavDisclosureAppearance | undefined} appearance - The appearance the Nav Disclosure should have. **attribute** `appearance`
+* @param {NavDisclosureConnotation | undefined} connotation - The connotation the 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 current Nav Item within the Nav Disclosure. **attribute** `current`
 * @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`
+Gallery](/icons/icons-gallery/) for available icons and their names. **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

package/v3/VwcNavDisclosure/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcNavDisclosure/index.js
 (0, require("@vonage/vivid").registerNavDisclosure)("vvd3");
 var VwcNavDisclosure = require_index_es.g(`vvd3-nav-disclosure`, {

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/index.d.ts

@@ -1,20 +1,20 @@
 import React, { ReactNode } from 'react';
-/** Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
+/** Based largely on the [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a).
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/nav-item
-* @param {string | undefined} text - Text of the nav item **attribute** `text`
-* @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} text - Text of the Nav Item. **attribute** `text`
+* @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 - Marks the Nav Item as the current item. **attribute** `current`
 * @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`
-* @param {string | undefined} ping - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `ping`
-* @param {string | undefined} referrerpolicy - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `referrerpolicy`
-* @param {string | undefined} rel - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `rel`
-* @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`
+Gallery](/icons/icons-gallery/) for available icons and their names. **attribute** `icon`
+* @param {string | undefined} download - Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `download`
+* @param {string | undefined} href - The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `href`
+* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `hreflang`
+* @param {string | undefined} ping - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `ping`
+* @param {string | undefined} referrerpolicy - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `referrerpolicy`
+* @param {string | undefined} rel - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `rel`
+* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `target`
+* @param {string | undefined} type - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `type`
 * @param {HTMLAnchorElement} control - References the root element
 * @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`.

package/v3/VwcNavItem/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcNavItem/index.js
 (0, require("@vonage/vivid").registerNavItem)("vvd3");
 var VwcNavItem = require_index_es.g(`vvd3-nav-item`, {

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/index.d.ts

@@ -1,10 +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 - Sets the headline text **attribute** `headline`
-* @param {NoteConnotation | undefined} connotation  **attribute** `connotation`
+* @param {string | undefined} headline - Sets the headline text. **attribute** `headline`
+* @param {NoteConnotation | undefined} connotation - Sets the Note's connotation. **attribute** `connotation`
 * @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`
+Gallery](/icons/icons-gallery/) for available icons and their names. **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

package/v3/VwcNote/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcNote/index.js
 (0, require("@vonage/vivid").registerNote)("vvd3");
 var VwcNote = require_index_es.g(`vvd3-note`, {

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/index.d.ts

@@ -1,13 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcNumberField
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/number-field
-* @param {boolean} readOnly - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information. **attribute** `readonly`
-* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information. **attribute** `autofocus`
+* @param {boolean} readOnly - When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information. **attribute** `readonly`
+* @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. See [autofocus HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus) for more information. **attribute** `autofocus`
 * @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user.
-Using this attribute does is not a valid substitute for a labeling element. **attribute** `placeholder`
-* @param {string} list - Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id. **attribute** `list`
-* @param {number} maxlength - The maximum number of characters a user can enter. **attribute** `maxlength`
-* @param {number} minlength - The minimum number of characters a user can enter. **attribute** `minlength`
+Using this attribute is not a valid substitute for a labeling element. **attribute** `placeholder`
+* @param {string} list - Allows associating a [datalist](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) to the element by [id](https://developer.mozilla.org/en-US/docs/Web/API/Element/id). **attribute** `list`
+* @param {number} maxlength - The maximum number of characters a user can enter.
+Not currently enforced by constraint validation — see Known Issues. **attribute** `maxlength`
+* @param {number} minlength - The minimum number of characters a user can enter.
+Not currently enforced by constraint validation — see Known Issues. **attribute** `minlength`
 * @param {number} size - Sets the width of the element to a specified number of characters. **attribute** `size`
 * @param {NumberFieldSize | undefined} scale - The size the number-field should have. **attribute** `scale`
 * @param {number} step - Amount to increment or decrement the value by **attribute** `step`
@@ -15,19 +17,19 @@ Using this attribute does is not a valid substitute for a labeling element. **at
 * @param {number} min - The minimum the value can be **attribute** `min`
 * @param {number} valueAsNumber - The value property, typed as a number.
 * @param {| string
-        | null} incrementButtonAriaLabel  **attribute** `increment-button-aria-label`
+        | null} incrementButtonAriaLabel - Overrides the default "Increment" aria-label of the increment button. **attribute** `increment-button-aria-label`
 * @param {| string
-        | null} decrementButtonAriaLabel  **attribute** `decrement-button-aria-label`
-* @param {NumberFieldAppearance | undefined} appearance  **attribute** `appearance`
-* @param {NumberFieldShape | undefined} shape  **attribute** `shape`
-* @param {string | undefined} autoComplete  **attribute** `autoComplete`
+        | null} decrementButtonAriaLabel - Overrides the default "Decrement" aria-label of the decrement button. **attribute** `decrement-button-aria-label`
+* @param {NumberFieldAppearance | undefined} appearance - The appearance the Number Field should have. **attribute** `appearance`
+* @param {NumberFieldShape | undefined} shape - The shape the Number Field should have. **attribute** `shape`
+* @param {string | undefined} autoComplete - Hints at the type of data expected, to help the browser provide autofill assistance. **attribute** `autoComplete`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
 * @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`
 * @param {string | undefined} successText - Provides a custom success message. Any current error state will be overridden. **attribute** `success-text`
 * @param {string | undefined} label - The label for the form element. **attribute** `label`
 * @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`
+Gallery](/icons/icons-gallery/) for available icons and their names. **attribute** `icon`
 * @param {string} value - The current value of the element. **attribute** `current-value`
 * @param  currentValue
 * @param {string} initialValue - The default value of the element. This value sets the `value` property

package/v3/VwcNumberField/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcNumberField/index.js
 (0, require("@vonage/vivid").registerNumberField)("vvd3");
 var VwcNumberField = require_index_es.g(`vvd3-number-field`, {