@vonage/vivid-react 5.24.0 → 5.25.0

package/v3/VwcSlider/index.d.ts

@@ -10,17 +10,17 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} pin  **attribute** `pin`
 * @param {boolean} disabled  **attribute** `disabled`
 * @param {string} value  **attribute** `current-value`
-* @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} 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 {number} valueAsNumber - The value property, typed as a number.
 * @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
 * @param {number} min - The minimum allowed value. **attribute** `min`
 * @param {number} max - The maximum allowed value. **attribute** `max`
 * @param {number} step - Value to increment or decrement via arrow keys, mouse click or drag. **attribute** `step`
 * @param {Orientation} orientation - The orientation of the slider. **attribute** `orientation`
-* @param {SliderMode} mode - The selection mode. **attribute** `mode`
-* @param {boolean} markers - Display markers on/off **attribute** `markers`
-* @param {boolean} pin - Show current values on the thumbs. **attribute** `pin`
-* @param {SliderConnotation | undefined} connotation - The connotation of the component **attribute** `connotation`
+* @param {SliderMode} mode - Reserved for future support of additional selection modes. Currently only `single-value` is supported. **attribute** `mode`
+* @param {boolean} markers - Displays tick marks along the Slider. **attribute** `markers`
+* @param {boolean} pin - Shows the current value on the thumb. **attribute** `pin`
+* @param {SliderConnotation | undefined} connotation - Sets the colour of the Slider track. **attribute** `connotation`
 * @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/VwcSlider/package.json

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

@@ -13,7 +13,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {| string
         | null} indicatorAriaLabel - Accessible label for the secondary action **attribute** `indicator-aria-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} 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/VwcSplitButton/package.json

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

@@ -4,7 +4,7 @@ import React, { ReactNode } from 'react';
 * @param {string | undefined} status - The status title (e.g. "Positive", "Info", "Warning", "Alert"). **attribute** `status`
 * @param {StatusConnotation | undefined} connotation - The connotation; determines icon and color. **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/VwcStatus/package.json

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

@@ -8,7 +8,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} name  **attribute** `name`
 * @param {string | undefined} label - Provides the label for the Switch **attribute** `label`
 * @param {SwitchConnotation | undefined} connotation - Controls the color of the Switch **attribute** `connotation`
-* @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} 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} checked - The current checkedness of the element. **attribute** `current-checked`
 * @param {boolean} defaultChecked - The default checkedness of the element. This value sets the `checked` property
 only when the `checked` property has not been explicitly set. **attribute** `checked`

package/v3/VwcSwitch/package.json

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

@@ -1,15 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTab
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tab
-* @param {boolean} disabled - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information. **attribute** `disabled`
-* @param {TabConnotation | undefined} connotation - The connotation the tab should have. **attribute** `connotation`
-* @param {TabShape | undefined} shape - The shape the tab should have. **attribute** `shape`
-* @param {string | undefined} label - Indicates the tab's label. **attribute** `label`
+* @param {boolean} disabled - When true, the control will be immutable by user interaction. See [disabled HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled) for more information. **attribute** `disabled`
+* @param {TabConnotation | undefined} connotation - The connotation the Tab should have. **attribute** `connotation`
+* @param {TabShape | undefined} shape - The shape the Tab should have. **attribute** `shape`
+* @param {string | undefined} label - Indicates the Tab's label. **attribute** `label`
 * @param {boolean} removable - Adds a close button **attribute** `removable`
-* @param {number} tabIndex  **attribute** `tabIndex`
+* @param {number} tabIndex - The tab index of the Tab, managed automatically by the parent Tabs component. **attribute** `tabIndex`
 * @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 {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
@@ -21,6 +21,7 @@ declare const VwcTab: {
         id?: string;
         style?: React.CSSProperties;
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onClose?: (event: SyntheticEvent) => void;
         onClick?: (event: SyntheticEvent) => void;
         "disabled"?: boolean;
         "connotation"?: any;

package/v3/VwcTab/index.js

@@ -10,6 +10,9 @@ var VwcTab = require_index_es.g(`vvd3-tab`, {
 	events: [{
 		"name": "click",
 		"propName": "onClick"
+	}, {
+		"name": "close",
+		"propName": "onClose"
 	}],
 	attributes: [],
 	properties: [

package/v3/VwcTab/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tab",
-  "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/VwcTabPanel/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tab-panel",
-  "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/VwcTable/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-table",
-  "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/VwcTableBody/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-table-body",
-  "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/VwcTableCell/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-table-cell",
-  "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/VwcTableHead/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-table-head",
-  "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/VwcTableHeaderCell/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-table-header-cell",
-  "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/VwcTableRow/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-table-row",
-  "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/VwcTableSortingButton/package.json

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

@@ -1,7 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTabs
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tabs
-* @param {TabsOrientation} orientation - The orientation **attribute** `orientation`
+* @param {TabsOrientation} orientation - Sets the axis along which the tabs are aligned. **attribute** `orientation`
 * @param {string} activeid - Match with an `id` set on a Tab to mark it as active on initial load **attribute** `activeid`
 * @param {TabsConnotation | undefined} connotation - Sets the connotation color of the active tab **attribute** `connotation`
 * @param {TabsGutters | undefined} gutters - Sets the spacing inside the Tab Panels **attribute** `gutters`

package/v3/VwcTabs/package.json

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

@@ -1,16 +1,16 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTag
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tag
-* @param {TagConnotation | undefined} connotation - The connotation the tag should have. **attribute** `connotation`
-* @param {TagShape | undefined} shape - The shape the tag should have. **attribute** `shape`
-* @param {TagAppearance | undefined} appearance - The appearance the tag should have. **attribute** `appearance`
-* @param {string | undefined} label - Indicates the tag's label. **attribute** `label`
-* @param {boolean} removable - indicates whether the tag is removable **attribute** `removable`
-* @param {boolean} disabled - indicates whether the tag is disabled **attribute** `disabled`
-* @param {boolean} selectable - indicates whether the tag is selectable **attribute** `selectable`
-* @param {boolean} selected - indicates whether the tag is selected **attribute** `selected`
+* @param {TagConnotation | undefined} connotation - The connotation the Tag should have. **attribute** `connotation`
+* @param {TagShape | undefined} shape - The shape the Tag should have. **attribute** `shape`
+* @param {TagAppearance | undefined} appearance - The appearance the Tag should have. **attribute** `appearance`
+* @param {string | undefined} label - Indicates the Tag's label. **attribute** `label`
+* @param {boolean} removable - Indicates whether the Tag is removable. **attribute** `removable`
+* @param {boolean} disabled - Indicates whether the Tag is disabled. **attribute** `disabled`
+* @param {boolean} selectable - Indicates whether the Tag is selectable. **attribute** `selectable`
+* @param {boolean} selected - Indicates whether the Tag is selected. **attribute** `selected`
 * @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/VwcTag/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tag",
-  "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/VwcTagGroup/package.json

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

@@ -1,20 +1,19 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTextArea
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/text-area
-* @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} 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 {TextAreaResize} resize - The resize mode of the element. **attribute** `resize`
 * @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. **attribute** `autofocus`
-* @param {string} formId - The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to **attribute** `form`
-* @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 {string} formId - The [id](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the [form](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) the element is associated to **attribute** `form`
+* @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 - Maximum length (number of characters) of `value` **attribute** `maxlength`
 * @param {number} minlength - The minimum number of characters a user can enter. **attribute** `minlength`
 * @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`
+Using this attribute is not a valid substitute for a labeling element. **attribute** `placeholder`
 * @param {number} cols - Sizes the element horizontally by a number of character columns. **attribute** `cols`
 * @param {number} rows - Sizes the element vertically by a number of character rows. **attribute** `rows`
-* @param {boolean} spellcheck - Sets if the element is eligible for spell checking
-but the UA. **attribute** `spellcheck`
-* @param {TextAreaWrap | undefined} wrap - The wrap attribute **attribute** `wrap`
+* @param {boolean} spellcheck - Sets whether the element is eligible for spell checking by the user agent. **attribute** `spellcheck`
+* @param {TextAreaWrap | undefined} wrap - Controls how the text is wrapped when the form is submitted. **attribute** `wrap`
 * @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} value - The current value of the element. **attribute** `current-value`

package/v3/VwcTextArea/package.json

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

@@ -12,23 +12,22 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} helperText  **attribute** `helper-text`
 * @param {boolean | undefined} required  **attribute** `required`
 * @param {string | undefined} successText  **attribute** `success-text`
-* @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 an element should be focused on page load, or when the Dialog that it is part of
-is displayed **attribute** `autofocus`
-* @param {string} placeholder - Text that appears in the input element when it has no value set
+* @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 the element should receive focus when it is first displayed. **attribute** `autofocus`
+* @param {string} placeholder - Text that appears in the input element when it has no value set.
 
-Using this attribute does is not a valid substitute for a labeling element. **attribute** `placeholder`
+Using this attribute is not a valid substitute for a labeling element. **attribute** `placeholder`
 * @param {TextFieldType} type - Allows setting a type or mode of text. **attribute** `type`
-* @param {string} list - Value of the id attribute of the `` of autocomplete options **attribute** `list`
+* @param {string} list - Value of the `id` attribute of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist providing autocomplete options. **attribute** `list`
 * @param {number} maxlength - Maximum length (number of characters) of `value` **attribute** `maxlength`
 * @param {number} minlength - Minimum length (number of characters) of `value` **attribute** `minlength`
 * @param {string} pattern - Pattern the `value` must match to be valid **attribute** `pattern`
 * @param {number} size - Size (in chars) of the input element **attribute** `size`
 * @param {boolean} spellcheck - Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used. **attribute** `spellcheck`
-* @param {TextFieldAppearance | undefined} appearance  **attribute** `appearance`
-* @param {TextFieldShape | undefined} shape  **attribute** `shape`
-* @param {string | undefined} autoComplete  **attribute** `autoComplete`
-* @param {TextFieldSize | undefined} scale - Sets the display size of the input element **attribute** `scale`
+* @param {TextFieldAppearance | undefined} appearance - The appearance the Text Field should have. **attribute** `appearance`
+* @param {TextFieldShape | undefined} shape - The shape the Text 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 {TextFieldSize | undefined} scale - Sets the display size of the input element. **attribute** `scale`
 * @param {string} inputMode - Hints at the type of data that might be entered by the user while editing the element or its contents.
 This allows a browser to display an appropriate virtual keyboard. **attribute** `inputmode`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
@@ -39,7 +38,7 @@ To add HTML to the helper text, use the helper-text slot instead. **attribute**
 * @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  currentValue
 * @param {string} initialValue - The default value of the element. This value sets the `value` property
 only when the `value` property has not been explicitly set. **attribute** `value`

package/v3/VwcTextField/package.json

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

@@ -1,15 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcTimePicker
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/time-picker
-* @param {string} min - Sets the minimum time the user can set **attribute** `min`
-* @param {string} max - Sets the maximum time the user can set **attribute** `max`
+* @param {string} min - Sets the minimum time the user can set, in `HH:MM:SS` format. **attribute** `min`
+* @param {string} max - Sets the maximum time the user can set, in `HH:MM:SS` format. **attribute** `max`
 * @param {string} type
 * @param {string} step
 * @param {number | null} minutesStep - Distance between presented minute options. **attribute** `minutes-step`
 * @param {number | null} secondsStep - Distance between presented seconds options. If null, seconds are not presented. **attribute** `seconds-step`
 * @param {'12h' | '24h' | undefined} clock - Forces a 12h or 24h clock to be used. **attribute** `clock`
-* @param {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
-* @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
+* @param {TextFieldSize | undefined} scale - Sets the display size of the picker's input element. **attribute** `scale`
+* @param {boolean} readOnly - Whether the picker is read-only. **attribute** `readonly`
 * @param {string} value - The current value of the element. **attribute** `current-value`
 * @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`

package/v3/VwcTimePicker/package.json

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

@@ -3,8 +3,9 @@ import React, { ReactNode } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/toggletip
 * @param {string | HTMLElement} anchor  **attribute** `anchor`
 * @param {string | undefined} headline - Headline text for the Toggletip **attribute** `headline`
+* @param {string | undefined} textSecondary - Optional supporting text displayed below the headline. **attribute** `text-secondary`
 * @param {boolean} alternate - Inverted color scheme **attribute** `alternate`
-* @param {Placement | undefined} placement - Prefered placement of the toggletip in relation to the anchor element **attribute** `placement`
+* @param {Placement | undefined} placement - Preferred placement of the Toggletip in relation to the anchor element. **attribute** `placement`
 * @param {boolean} open - Sets the open state of the Toggletip **attribute** `open`
 * @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
@@ -20,6 +21,7 @@ declare const VwcToggletip: {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
         "anchor"?: string | HTMLElement;
         "headline"?: string | undefined;
+        "textSecondary"?: string | undefined;
         "alternate"?: boolean;
         "placement"?: any;
         "open"?: boolean;

package/v3/VwcToggletip/index.js

@@ -12,6 +12,7 @@ var VwcToggletip = require_index_es.g(`vvd3-toggletip`, {
 	properties: [
 		"anchor",
 		"headline",
+		"textSecondary",
 		"alternate",
 		"placement",
 		"open",

package/v3/VwcToggletip/package.json

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

@@ -3,8 +3,9 @@ import React, { ReactNode } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tooltip
 * @param {string | HTMLElement} anchor  **attribute** `anchor`
 * @param {string | undefined} text - Text content of the Tooltip **attribute** `text`
-* @param {Placement | undefined} placement  **attribute** `placement`
-* @param {boolean} open  **attribute** `open`
+* @param {string | undefined} textSecondary - Optional supporting text displayed below the Tooltip's primary text. **attribute** `text-secondary`
+* @param {Placement | undefined} placement - Preferred placement of the Tooltip in relation to its anchor element. **attribute** `placement`
+* @param {boolean} open - Controls whether the Tooltip is visible. Set automatically when the anchor is hovered or focused. **attribute** `open`
 * @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
 * @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`.
@@ -19,6 +20,7 @@ declare const VwcTooltip: {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
         "anchor"?: string | HTMLElement;
         "text"?: string | undefined;
+        "textSecondary"?: string | undefined;
         "placement"?: any;
         "open"?: boolean;
         "VIVID_VERSION"?: string;

package/v3/VwcTooltip/index.js

@@ -12,6 +12,7 @@ var VwcTooltip = require_index_es.g(`vvd3-tooltip`, {
 	properties: [
 		"anchor",
 		"text",
+		"textSecondary",
 		"placement",
 		"open",
 		"anchor",

package/v3/VwcTooltip/package.json

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