@vonage/vivid-react 5.24.0 → 5.25.0

package/v3/VwcDialog/index.d.ts

@@ -1,21 +1,22 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcDialog
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/dialog
-* @param {boolean} open - Sets the element's to be opened **attribute** `open`
-* @param {string | undefined} icon  **attribute** `icon`
-* @param {IconPlacement | undefined} iconPlacement  **attribute** `icon-placement`
-* @param {string | undefined} subtitle  **attribute** `subtitle`
-* @param {string | undefined} headline  **attribute** `headline`
-* @param {boolean} fullWidthBody  **attribute** `full-width-body`
+* @param {boolean} open - Sets whether the Dialog is open. **attribute** `open`
+* @param {string | undefined} icon - A decorative icon the Dialog should have. See the [Vivid Icon
+Gallery](/icons/icons-gallery/) for available icons. **attribute** `icon`
+* @param {IconPlacement | undefined} iconPlacement - Controls the placement of the icon relative to the headline. **attribute** `icon-placement`
+* @param {string | undefined} subtitle - An optional subtitle for the Dialog. **attribute** `subtitle`
+* @param {string | undefined} headline - The headline for the Dialog. **attribute** `headline`
+* @param {boolean} fullWidthBody - Removes the body's inline padding. Use when embedding components such as Progress or Tabs in the Dialog's body. **attribute** `full-width-body`
 * @param {| string
-        | null} dismissButtonAriaLabel  **attribute** `dismiss-button-aria-label`
-* @param {boolean} noLightDismiss - prevent a modal dialog from being dismissed by clicking outside of it. **attribute** `no-light-dismiss`
-* @param {boolean} noDismissOnEsc - prevent a modal dialog from being dismissed by pressing esc **attribute** `no-dismiss-on-esc`
-* @param {boolean} noDismissButton - Remove the element's dismiss button **attribute** `no-dismiss-button`
-* @param {boolean} nonDismissible - combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button` **attribute** `non-dismissible`
-* @param {boolean} modal - Sets the element's to be opened **attribute** `modal`
-* @param {boolean} scrollableBody - Makes only the element's content area between the header and footer scrollable **attribute** `scrollable-body`
-* @param {string} returnValue
+        | null} dismissButtonAriaLabel - Overrides the dismiss button's accessible name. Defaults to a localized version of "close". **attribute** `dismiss-button-aria-label`
+* @param {boolean} noLightDismiss - Prevents a modal Dialog from being dismissed by clicking outside of it. **attribute** `no-light-dismiss`
+* @param {boolean} noDismissOnEsc - Prevents a modal Dialog from being dismissed by pressing Escape. **attribute** `no-dismiss-on-esc`
+* @param {boolean} noDismissButton - Removes the Dialog's dismiss button. **attribute** `no-dismiss-button`
+* @param {boolean} nonDismissible - Combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button`. **attribute** `non-dismissible`
+* @param {boolean} modal - Sets the Dialog to be modal. **attribute** `modal`
+* @param {boolean} scrollableBody - Makes only the Dialog's content area between the header and footer scrollable, instead of the whole Dialog. **attribute** `scrollable-body`
+* @param {string} returnValue - Gets or sets the Dialog's return value, often used to indicate which button the user pressed to close it.
 * @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/VwcDialog/package.json

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

package/v3/VwcDivider/package.json

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

package/v3/VwcEmptyState/index.d.ts

@@ -3,11 +3,11 @@ import React, { ReactNode } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/empty-state
 * @param {string | undefined} iconDecoration  **attribute** `icon-decoration`
 * @param {string | undefined} connotation  **attribute** `connotation`
-* @param {EmptyStateConnotation | undefined} connotation - The connotation the button should have. **attribute** `connotation`
+* @param {EmptyStateConnotation | undefined} connotation - The connotation the Empty State should have. **attribute** `connotation`
 * @param {string | undefined} headline - An optional headline for the empty state. **attribute** `headline`
 * @param {string | undefined} icon - A decorative icon the Empty State should have. See the [Vivid Icon
-Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
-* @param {EmptyStateIconDecoration | undefined} iconDecoration - Has no effect on the component **attribute** `icon-decoration`
+Gallery](/icons/icons-gallery/) for available icons and `icon-name`s. **attribute** `icon`
+* @param {EmptyStateIconDecoration | undefined} iconDecoration - Has no effect on the component. **attribute** `icon-decoration`
 * @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/VwcEmptyState/package.json

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

package/v3/VwcFab/index.d.ts

@@ -6,14 +6,14 @@ import React, { ReactNode } from 'react';
 * @param {string | undefined} label - Indicates the Fab'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. 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 {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`
-* @param {string} formenctype - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formenctype`
-* @param {string} formmethod - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formmethod`
-* @param {boolean} formnovalidate - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formnovalidate`
-* @param {'_self' | '_blank' | '_parent' | '_top'} formtarget - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formtarget`
+* @param {string} formaction - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formaction`
+* @param {string} formenctype - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formenctype`
+* @param {string} formmethod - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formmethod`
+* @param {boolean} formnovalidate - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formnovalidate`
+* @param {'_self' | '_blank' | '_parent' | '_top'} formtarget - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formtarget`
 * @param {'submit' | 'reset' | 'button'} type - The button type. **attribute** `type`
 * @param {HTMLButtonElement} control
 * @param {string} value - The current value of the element. **attribute** `current-value`

package/v3/VwcFab/package.json

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

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFlag/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 /** VwcFlag
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/flag
-* @param {string | undefined} code - ISO 3166-1 alpha-2 country code (e.g. "GB", "UK", "US"). When set, the component shows the
+* @param {string | undefined} code - ISO 3166-1 alpha-2 country code (e.g. "GB", "US", "DE"). When set, the component shows the
 matching flag (from the Vivid/Vonage icon set). **attribute** `code`
 * @param {string | undefined} label - Provides a (screen reader only) descriptive label for the flag. **attribute** `label`
 * @param {| -6
@@ -15,7 +15,7 @@ matching flag (from the Vivid/Vonage icon set). **attribute** `code`
         | 2
         | 3
         | 4
-        | 5 | undefined} size - Controls the rendered size. Uses the same scale and behavior as `Icon.size`. **attribute** `size`
+        | 5 | undefined} size - Controls the rendered size. Uses the same scale and behavior as the [Icon](/components/icon/) component's `size`. **attribute** `size`
 * @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/VwcFlag/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-flag",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-header",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-icon",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

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

package/v3/VwcKbdShortcut/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-kbd-shortcut",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-layout",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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

@@ -7,14 +7,17 @@ const require_index_es = require("../../index.es-CX858N60.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.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-menu",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

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

package/v3/VwcNav/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav-disclosure",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav-item",
-  "version": "5.24.0",
+  "version": "5.25.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.25.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/package.json

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