@vonage/vivid-react 5.24.0 → 5.27.0

package/v3/VwcNumberField/package.json

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

package/v3/VwcOptgroup/index.js

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

package/v3/VwcOptgroup/package.json

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

package/v3/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/index.js

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

package/v3/VwcOption/package.json

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

package/v3/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/index.js

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

package/v3/VwcPagination/package.json

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

package/v3/VwcPlatformSwitch/index.js

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

package/v3/VwcPlatformSwitch/package.json

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

package/v3/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

@@ -2,21 +2,28 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/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.27.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.27.0"
   }
 }

package/v3/VwcProgress/index.js

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

package/v3/VwcProgress/package.json

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

package/v3/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/index.js

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

package/v3/VwcProgressRing/package.json

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

package/v3/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/index.js

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

package/v3/VwcRadio/package.json

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

package/v3/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/index.js

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

package/v3/VwcRadioGroup/package.json

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

package/v3/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/index.js

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

package/v3/VwcRangeSlider/package.json

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

package/v3/VwcRichTextEditor/index.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 /** VwcRichTextEditor
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/rich-text-editor
 * @param {RteInstance | undefined} instance - The editor instance created from the RteConfig. Without it, the editor will not render.
+* @param {RichTextEditorAppearance | undefined} appearance - The appearance of the editor. Set to `fieldset` to match the appearance of Text Field and Text Area. **attribute** `appearance`
 * @param {HTMLElement | undefined} editorViewportElement - The viewport wraps the scrollable content of the editor.
 * @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`.
@@ -15,6 +16,7 @@ declare const VwcRichTextEditor: {
         style?: React.CSSProperties;
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
         "instance"?: any;
+        "appearance"?: any;
         "editorViewportElement"?: HTMLElement | undefined;
         "VIVID_VERSION"?: string;
         "componentName"?: string;

package/v3/VwcRichTextEditor/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcRichTextEditor/index.js
 (0, require("@vonage/vivid").registerRichTextEditor)("vvd3");
 var VwcRichTextEditor = require_index_es.g(`vvd3-rich-text-editor`, {
@@ -11,6 +10,7 @@ var VwcRichTextEditor = require_index_es.g(`vvd3-rich-text-editor`, {
 	attributes: [],
 	properties: [
 		"instance",
+		"appearance",
 		"editorViewportElement",
 		"VIVID_VERSION",
 		"componentName"

package/v3/VwcRichTextEditor/package.json

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

package/v3/VwcRichTextView/index.js

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

package/v3/VwcRichTextView/package.json

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

package/v3/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/index.js

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

package/v3/VwcSearchableSelect/package.json

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

package/v3/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