@vonage/vivid-react 5.24.0 → 5.25.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/package.json

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

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

@@ -1,26 +1,28 @@
 import React, { ReactNode } from 'react';
-/** Implements https://www.w3.org/TR/wai-aria-1.1/#option | ARIA option .
+/** Implements [ARIA option](https://www.w3.org/TR/wai-aria-1.1/#option).
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/option
 * @param {boolean | undefined} checked - The checked state is used when the parent listbox is in multiple selection mode.
 To avoid accessibility conflicts, the checked state should not be present in
 single selection mode. **attribute** `checked`
 * @param {boolean} defaultSelected - Sets the option's initial selected state (mirrors the native `selected` attribute) **attribute** `selected`
 * @param {boolean} disabled - The disabled state of the option. **attribute** `disabled`
-* @param  selectedAttribute
+* @param  selectedAttribute - Alias for `defaultSelected`, mirroring the option's initial selected state (the
+`selected` attribute). Distinct from `current-selected`, which reflects the
+option's live selected state.
 * @param {boolean} selected - Indicates whether the option is currently selected **attribute** `current-selected`
 * @param {string} value - The value of the option. **attribute** `value`
-* @param {string | undefined} _label  **attribute** `label`
+* @param {string | undefined} _label - Overrides the text displayed when the option is selected. Defaults to `text` when not set. **attribute** `label`
 * @param {string} label
-* @param {string | undefined} _text  **attribute** `text`
+* @param {string | undefined} _text - Sets the text displayed in the option list item and in the parent element when selected. **attribute** `text`
 * @param  text
 * @param {string | undefined} textSecondary - Secondary text displayed below or next to the primary text **attribute** `text-secondary`
-* @param {string | undefined} matchedText - Text to highlighted as matching a search query **attribute** `matched-text`
+* @param {string | undefined} matchedText - Text to be highlighted as matching a search query. **attribute** `matched-text`
 * @param {OptionConnotation | undefined} connotation - Sets the connotation that appears when selected **attribute** `connotation`
 * @param {OptionTagConnotation | undefined} tagConnotation - When displayed as a tag, the connotation of the tag **attribute** `tag-connotation`
 * @param  proxy
 * @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

package/v3/VwcOption/package.json

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

@@ -3,9 +3,9 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/pagination
 * @param {PaginationSize | undefined} size - The size the pagination should have. **attribute** `size`
 * @param {PaginationShape | undefined} shape - The shape the pagination should have. **attribute** `shape`
-* @param {boolean} navIcons  **attribute** `nav-icons`
-* @param {number} total  **attribute** `total`
-* @param {number | undefined} selectedIndex  **attribute** `selected-index`
+* @param {boolean} navIcons - Changes the Previous and Next buttons to chevron icons instead of labelled text. **attribute** `nav-icons`
+* @param {number} total - Sets the total number of pages. **attribute** `total`
+* @param {number | undefined} selectedIndex - Sets the currently selected page, zero-indexed. **attribute** `selected-index`
 * @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/VwcPagination/package.json

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

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

@@ -1,13 +1,18 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcPopover
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/popover
-* @param {'default' | 'autocomplete' | 'imageOptions'} kind
-* @param {number | undefined} offset
-* @param {boolean} anchorBlocksPopover
-* @param  onAnchorBlockPopoverChanged
-* @param {HTMLElement | undefined} anchorEl
-* @param {string | undefined} anchorId
-* @param {boolean} requestedOpenState
+* @param {Placement} placement - Controls the position of the Popover, relative to its anchor element. **attribute** `placement`
+* @param {boolean} manual - Sets the Popover to manual mode, disabling light-dismiss (clicking outside) and displaying a
+close button. **attribute** `manual`
+* @param {PopoverLayout} layout - Can be used to enable a condensed layout with smaller paddings and gaps. **attribute** `layout`
+* @param {number | null} offset - Sets the offset (in pixels) between the Popover and its anchor element. **attribute** `offset`
+* @param {boolean} alternate - Sets the color-scheme to alternate (dark/light) **attribute** `alternate`
+* @param {| string
+        | null} dismissButtonAriaLabel - Overrides the default "Close" aria-label of the dismiss button shown when manual mode is enabled. **attribute** `dismiss-button-aria-label`
+* @param {boolean} arrow - Adds a small triangle to indicate the trigger element. **attribute** `arrow`
+* @param {boolean} open - Sets the open state of the Popover **attribute** `open`
+* @param {HTMLElement | undefined} anchor - Sets the Popover's anchor element. Prefer using the [`anchor`
+slot](/components/popover/code/#anchor-slot) if possible.
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
@@ -19,13 +24,17 @@ declare const VwcPopover: {
         id?: string;
         style?: React.CSSProperties;
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-        "kind"?: "default" | "autocomplete" | "imageOptions";
-        "offset"?: number | undefined;
-        "anchorBlocksPopover"?: boolean;
-        "onAnchorBlockPopoverChanged"?: any;
-        "anchorEl"?: HTMLElement | undefined;
-        "anchorId"?: string | undefined;
-        "requestedOpenState"?: boolean;
+        onOpen?: (event: SyntheticEvent) => void;
+        onClose?: (event: SyntheticEvent) => void;
+        "placement"?: any;
+        "manual"?: boolean;
+        "layout"?: any;
+        "offset"?: number | null;
+        "alternate"?: boolean;
+        "dismissButtonAriaLabel"?: string | null;
+        "arrow"?: boolean;
+        "open"?: boolean;
+        "anchor"?: HTMLElement | undefined;
         "VIVID_VERSION"?: string;
         "componentName"?: string;
     }): JSX.Element;

package/v3/VwcPopover/index.js

@@ -7,16 +7,24 @@ const require_index_es = require("../../index.es-CX858N60.js");
 //#region dist/v3/VwcPopover/index.js
 (0, require("@vonage/vivid").registerPopover)("vvd3");
 var VwcPopover = require_index_es.g(`vvd3-popover`, {
-	events: [],
+	events: [{
+		"name": "close",
+		"propName": "onClose"
+	}, {
+		"name": "open",
+		"propName": "onOpen"
+	}],
 	attributes: [],
 	properties: [
-		"kind",
+		"placement",
+		"manual",
+		"layout",
 		"offset",
-		"anchorBlocksPopover",
-		"onAnchorBlockPopoverChanged",
-		"anchorEl",
-		"anchorId",
-		"requestedOpenState",
+		"alternate",
+		"dismissButtonAriaLabel",
+		"arrow",
+		"open",
+		"anchor",
 		"VIVID_VERSION",
 		"componentName"
 	]

package/v3/VwcPopover/package.json

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

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

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
 /** VwcProgressRing
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/progress-ring
-* @param {ProgressRingConnotation | undefined} connotation  **attribute** `connotation`
-* @param {-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
+* @param {ProgressRingConnotation | undefined} connotation - Sets the colour of the Progress Ring. **attribute** `connotation`
+* @param {-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size - Sets the size of the Progress Ring. **attribute** `size`
 * @param {number | null} value - The value of the progress **attribute** `value`
 * @param {number} min - The minimum value **attribute** `min`
 * @param {number} max - The maximum value **attribute** `max`

package/v3/VwcProgressRing/package.json

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

@@ -1,8 +1,8 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcRadio
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/radio
-* @param {RadioConnotation | undefined} connotation - The connotation the radioButton should have. **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 {RadioConnotation | undefined} connotation - The connotation the Radio should have. **attribute** `connotation`
+* @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} dirtyChecked
 * @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`

package/v3/VwcRadio/package.json

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

@@ -1,15 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcRadioGroup
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/radio-group
-* @param {string} label - Label of the the Radio Group **attribute** `label`
+* @param {string} label - Label of the Radio Group **attribute** `label`
 * @param {boolean} required - Sets the required state **attribute** `required`
-* @param {boolean} readOnly - When true, the child radios 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 child radios 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} disabled - Whether the input element is disabled **attribute** `disabled`
 * @param {string} name - The name of the radio group. Setting this value will set the name value
 for all child radio elements. **attribute** `name`
 * @param {string} value - The value of the checked radio **attribute** `value`
-* @param {string} errorText  **attribute** `error-text`
-* @param {Orientation | 'horizontal' | 'vertical'} orientation - Sets axis on which the tabs are aligned **attribute** `orientation`
+* @param {string} errorText - Provides a custom error message. **attribute** `error-text`
+* @param {Orientation | 'horizontal' | 'vertical'} orientation - Sets the axis on which the Radio Group's radio buttons are aligned. **attribute** `orientation`
 * @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} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.

package/v3/VwcRadioGroup/package.json

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

@@ -23,10 +23,10 @@ and don't support IDL attribute binding. **attribute** `current-end`
 * @param {number} min - The minimum value of the range. **attribute** `min`
 * @param {number} max - The maximum value of the range. **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 {Orientation} orientation - The orientation of the Range Slider. **attribute** `orientation`
 * @param {string | null} ariaStartLabel - Aria label for the start thumb **attribute** `aria-start-label`
 * @param {string | null} ariaEndLabel - Aria label for the end thumb **attribute** `aria-end-label`
-* @param {boolean} markers - Display markers on/off **attribute** `markers`
+* @param {boolean} markers - Displays tick marks along the Range Slider. **attribute** `markers`
 * @param {RangeSliderConnotation | undefined} connotation - The connotation of the component **attribute** `connotation`
 * @param {boolean} pin - Show current values on the thumbs. **attribute** `pin`
 * @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.

package/v3/VwcRangeSlider/package.json

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

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

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

@@ -4,12 +4,12 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {SearchableSelectAppearance | undefined} appearance - Sets the appearance of the Searchable Select element. **attribute** `appearance`
 * @param {SearchableSelectShape | undefined} shape - Sets the shape of the Searchable Select element. **attribute** `shape`
 * @param {SearchableSelectSize | undefined} scale - Sets the display size of the Searchable Select element. **attribute** `scale`
-* @param {boolean} fixedDropdown  **attribute** `fixed-dropdown`
-* @param {string | undefined} placeholder  **attribute** `placeholder`
-* @param {boolean} open  **attribute** `open`
-* @param {boolean} multiple  **attribute** `multiple`
-* @param {boolean} externalTags  **attribute** `external-tags`
-* @param {number | null} maxLines  **attribute** `max-lines`
+* @param {boolean} fixedDropdown - Changes the dropdown to use a fixed position strategy, useful when the dropdown is obstructed by other elements. **attribute** `fixed-dropdown`
+* @param {string | undefined} placeholder - Text to be displayed when no option has been selected. **attribute** `placeholder`
+* @param {boolean} open - Indicates whether the dropdown is open. **attribute** `open`
+* @param {boolean} multiple - Allows the user to select more than one option. **attribute** `multiple`
+* @param {boolean} externalTags - Displays the selected Tags outside of the Searchable Select component. **attribute** `external-tags`
+* @param {number | null} maxLines - Controls the maximum number of lines the selected Tags are allowed to wrap onto before scrolling. **attribute** `max-lines`
 * @param {string[]} values - List of selected option's values in the order that they have been selected in.
 * @param {string[]} initialValues - List of initially selected option's values. Used in case of form reset.
 * @param  selectedIndex
@@ -19,7 +19,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
     ) => boolean | undefined} optionFilter - Function to filter the options to display.
 * @param {boolean} loading - Whether the component is in a loading state. **attribute** `loading`
 * @param {boolean} clearable - Adds a clear button to the input field that clears the selected values. **attribute** `clearable`
-* @param {number | null} maxSelected  **attribute** `max-selected`
+* @param {number | null} maxSelected - Controls the maximum number of items a user can select. **attribute** `max-selected`
 * @param {boolean} enableSelectAll - Adds a "Select All" option at the top of the options list. **attribute** `enable-select-all`
 * @param {string | undefined} selectAllText - Overrides the default "Select All" text. **attribute** `select-all-text`
 * @param {string | undefined} deselectAllText - Overrides the default "Deselect All" text. **attribute** `deselect-all-text`
@@ -32,7 +32,7 @@ To add HTML to the helper text, use the helper-text slot instead. **attribute**
 * @param {string | undefined} label - The label for the form element. **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 {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/VwcSearchableSelect/package.json

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

@@ -28,7 +28,7 @@ To add HTML to the helper text, use the helper-text slot instead. **attribute**
 * @param {string | undefined} label - The label for the form element. **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 {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/VwcSelect/package.json

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

@@ -1,13 +1,13 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSelectableBox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/selectable-box
-* @param {boolean} checked - Controls the checked state **attribute** `checked`
-* @param {boolean} clickableBox - Sets the whole box to be clickable **attribute** `clickable-box`
-* @param {SelectableBoxConnotation | undefined} connotation - Controls the color of the box and its control **attribute** `connotation`
-* @param {SelectableBoxControlType | undefined} controlType - Controls the type of control in the box **attribute** `control-type`
-* @param {SelectableBoxControlPlacement} controlPlacement - Controls where the control should be placed in the box **attribute** `control-placement`
-* @param {boolean} tight - Removes the padding from the boxes content area **attribute** `tight`
-* @param {boolean} disabled - Controls the disabled state of the box and its control **attribute** `disabled`
+* @param {boolean} checked - Controls the checked state. **attribute** `checked`
+* @param {boolean} clickableBox - Sets the whole box to be clickable. **attribute** `clickable-box`
+* @param {SelectableBoxConnotation | undefined} connotation - Controls the color of the box and its control. **attribute** `connotation`
+* @param {SelectableBoxControlType | undefined} controlType - Controls the type of control in the box. **attribute** `control-type`
+* @param {SelectableBoxControlPlacement} controlPlacement - Controls where the control should be placed in the box. **attribute** `control-placement`
+* @param {boolean} tight - Removes the padding from the box's content area. **attribute** `tight`
+* @param {boolean} disabled - Controls the disabled state of the box and its control. **attribute** `disabled`
 * @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/VwcSelectableBox/package.json

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

@@ -1,10 +1,10 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSideDrawer
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/side-drawer
-* @param {boolean} alternate - applies scheme alternate region **attribute** `alternate`
-* @param {boolean} modal - sets the side drawer's type to modal **attribute** `modal`
-* @param {boolean} open - indicates whether the side drawer is open **attribute** `open`
-* @param {boolean} trailing - sets the side of the side drawer **attribute** `trailing`
+* @param {boolean} alternate - Applies the alternate colour scheme to the Side Drawer. **attribute** `alternate`
+* @param {boolean} modal - Sets the Side Drawer's type to modal. **attribute** `modal`
+* @param {boolean} open - Indicates whether the Side Drawer is open. **attribute** `open`
+* @param {boolean} trailing - Opens the Side Drawer from the trailing edge instead of the leading edge. **attribute** `trailing`
 * @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/VwcSideDrawer/package.json

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

@@ -1,7 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSimpleColorPicker
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/simple-color-picker
-* @param {Placement | undefined} placement - Preferred placement of the Color Picker's popup in relation to the anchor element **attribute** `placement`
+* @param {Placement | undefined} placement - Preferred placement of the Simple Color Picker's popup in relation to the anchor element **attribute** `placement`
 * @param {number} swatchesPerRow - Number of swatches per row for grid layout **attribute** `swatches-per-row`
 * @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
 * @param {boolean} open - Indicates whether the popup is open **attribute** `open`

package/v3/VwcSimpleColorPicker/package.json

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