@vonage/vivid-react 5.24.0 → 5.27.0

package/types/index.d.ts

@@ -14,6 +14,7 @@ declare namespace JSX {
             "id": string;
             "heading": string | undefined;
             "secondary-text": string | undefined;
+            "text-secondary": string | undefined;
             "no-indicator": boolean;
             "meta": string | undefined;
             "size": AccordionItemSize | undefined;
@@ -37,9 +38,6 @@ declare namespace JSX {
             "strategy": AlertStrategy | undefined;
             "open": boolean;
             "icon": string | undefined;
-        }>;
-        "vvd3-aria-binding-directive": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
         }>;
         "vvd3-audio-player": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "play-button-aria-label": | string
@@ -81,6 +79,7 @@ declare namespace JSX {
             "shape": BadgeShape | undefined;
             "size": BadgeSize | undefined;
             "appearance": BadgeAppearance | undefined;
+            "count": boolean;
             "text": string | undefined;
             "icon-trailing": boolean;
             "icon": string | undefined;
@@ -93,12 +92,6 @@ declare namespace JSX {
             "connotation": BannerConnotation | undefined;
             "icon": string | undefined;
         }>;
-        "vvd3-base-progress": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "value": number | null;
-            "min": number;
-            "max": number;
-            "paused": boolean;
-        }>;
         "vvd3-breadcrumb": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
@@ -355,11 +348,6 @@ declare namespace JSX {
             "orientation": Orientation;
             "appearance": DividerAppearance | undefined;
         }>;
-        "vvd3-elevation": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "dp": 0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined;
-            "no-shadow": boolean | undefined;
-            "not-relative": boolean | undefined;
-        }>;
         "vvd3-empty-state": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "connotation": EmptyStateConnotation | undefined;
             "headline": string | undefined;
@@ -386,12 +374,6 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
-        "vvd3-feature-state": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-feedback-message": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "type": FeedbackType;
-        }>;
         "vvd3-file-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "single-file": boolean;
             "max-files": number | null;
@@ -426,6 +408,9 @@ declare namespace JSX {
 		| 4
 		| 5 | undefined;
         }>;
+        "vvd3-form-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "state": FormFieldState | undefined;
+        }>;
         "vvd3-header": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "elevation-shadow": boolean;
             "alternate": boolean;
@@ -446,12 +431,6 @@ declare namespace JSX {
 		| 5 | undefined;
             "label": string | undefined;
             "name": string | undefined;
-        }>;
-        "vvd3-idrefs-controller": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-inline-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
         }>;
         "vvd3-kbd-key": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "name": KbdKeyName | undefined;
@@ -471,7 +450,9 @@ declare namespace JSX {
             "auto-sizing": 'fit' | 'fill' | undefined;
         }>;
         "vvd3-listbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "disabled": boolean;
+            "selection-mode": SelectionMode;
+            "selection-behavior": SelectionBehavior;
+            "required-selection": RequiredSelectionMode;
         }>;
         "vvd3-listbox-option": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "checked": boolean | undefined;
@@ -573,13 +554,6 @@ declare namespace JSX {
         }>;
         "vvd3-optgroup": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
-        }>;
-        "vvd3-option-tag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "shape": OptionTagShape | undefined;
-            "label": string | undefined;
-            "removable": boolean;
-            "disabled": boolean;
-            "scale": OptionTagSize | undefined;
         }>;
         "vvd3-pagination": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "size": PaginationSize | undefined;
@@ -588,18 +562,6 @@ declare namespace JSX {
             "total": number;
             "selected-index": number | undefined;
         }>;
-        "vvd3-picker-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "scale": TextFieldSize | undefined;
-            "readonly": boolean;
-            "helper-text": string | undefined;
-            "error-text": string | undefined;
-            "label": string | undefined;
-            "current-value": string;
-            "value": string;
-            "disabled": boolean;
-            "name": string;
-            "required": boolean;
-        }>;
         "vvd3-platform-switch": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
@@ -614,20 +576,6 @@ declare namespace JSX {
             "arrow": boolean;
             "open": boolean;
         }>;
-        "vvd3-popover": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-popup": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "open": boolean;
-            "dismissible": boolean;
-            "arrow": boolean;
-            "alternate": boolean;
-            "placement": Placement | undefined;
-            "animation-frame": boolean;
-            "shift-cross-axis": boolean;
-            "strategy": Strategy | undefined;
-            "offset": number | null;
-        }>;
         "vvd3-progress": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "shape": ProgressShape | undefined;
             "connotation": ProgressConnotation | undefined;
@@ -692,118 +640,10 @@ declare namespace JSX {
             "required": boolean;
         }>;
         "vvd3-rich-text-editor": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "appearance": RichTextEditorAppearance | undefined;
         }>;
         "vvd3-rich-text-view": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
-        }>;
-        "vvd3-rte-alignment-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-base-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-basic-text-blocks-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-bold-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-character-count-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-config": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-config-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-core-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-cursor-fix-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-drop-handler-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-feature": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-file-handler-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-font-size-picker-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-foreign-html-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-hard-break-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-history-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-html-parser": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-html-serializer": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-html-serializer-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-inline-image-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-input-rules-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-instance": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-instance-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-italic-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-keyboard-shortcuts-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-link-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-list-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-monospace-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-placeholder-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-strikethrough-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-text-block-picker-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-text-color-picker-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-text-style-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-toolbar-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-rte-underline-feature-impl": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
         }>;
         "vvd3-searchable-select": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "appearance": SearchableSelectAppearance | undefined;
@@ -1034,12 +874,6 @@ declare namespace JSX {
             "disabled": boolean;
             "name": string;
             "required": boolean;
-        }>;
-        "vvd3-textblock-attrs": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-textblock-marks": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
         }>;
         "vvd3-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "min": string;
@@ -1060,6 +894,7 @@ declare namespace JSX {
         }>;
         "vvd3-toggletip": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "headline": string | undefined;
+            "text-secondary": string | undefined;
             "alternate": boolean;
             "placement": Placement | undefined;
             "open": boolean;
@@ -1067,6 +902,7 @@ declare namespace JSX {
         }>;
         "vvd3-tooltip": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "text": string | undefined;
+            "text-secondary": string | undefined;
             "placement": Placement | undefined;
             "open": boolean;
             "anchor": AnchorType | undefined;
@@ -1080,9 +916,6 @@ declare namespace JSX {
         }>;
         "vvd3-tree-view": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "render-collapsed-nodes": boolean;
-        }>;
-        "vvd3-ui-ctx": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
         }>;
         "vvd3-video-player": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "poster": string | undefined;
@@ -1092,32 +925,5 @@ declare namespace JSX {
             "playback-rates": string;
             "skip-by": VideoPlayerMediaSkipBy;
         }>;
-        "vvd3-visually-hidden": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-vivid-element": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-vivid-foundation-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "autofocus": boolean;
-            "form": string;
-            "formaction": string;
-            "formenctype": string;
-            "formmethod": string;
-            "formnovalidate": boolean;
-            "formtarget": '_self' | '_blank' | '_parent' | '_top';
-            "type": 'submit' | 'reset' | 'button';
-            "current-value": string;
-            "value": string;
-            "disabled": boolean;
-            "name": string;
-            "required": boolean;
-        }>;
-        "vvd3-vvd-hex-input": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-vvd-hex-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
     }
 }

package/v3/VwcAccordion/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/VwcAccordion/index.js
 (0, require("@vonage/vivid").registerAccordion)("vvd3");
 var VwcAccordion = require_index_es.g(`vvd3-accordion`, {

package/v3/VwcAccordion/package.json

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

@@ -1,19 +1,20 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcAccordionItem
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/accordion-item
-* @param {1 | 2 | 3 | 4 | 5 | 6} headinglevel - Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the
+* @param {1 | 2 | 3 | 4 | 5 | 6} headinglevel - Configures the [level](https://www.w3.org/TR/wai-aria-1.1/#aria-level) of the
 heading element. **attribute** `heading-level`
 * @param {AccordionItemAppearance | undefined} appearance - The appearance the button should have. **attribute** `appearance`
 * @param {boolean} expanded - Expands or collapses the item. **attribute** `expanded`
 * @param {string} id - The item ID **attribute** `id`
 * @param {string | undefined} heading  **attribute** `heading`
 * @param {string | undefined} secondaryText - Optional supporting text shown below the heading text. **attribute** `secondary-text`
+* @param {string | undefined} textSecondary - Optional supporting text shown below the heading text. **attribute** `text-secondary`
 * @param {boolean} noIndicator - Indicates whether the accordion-item has indicator **attribute** `no-indicator`
 * @param {string | undefined} meta  **attribute** `meta`
 * @param {AccordionItemSize | undefined} size - The size the accordion-item should have. **attribute** `size`
 * @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
@@ -32,6 +33,7 @@ declare const VwcAccordionItem: {
         "id"?: string;
         "heading"?: string | undefined;
         "secondaryText"?: string | undefined;
+        "textSecondary"?: string | undefined;
         "noIndicator"?: boolean;
         "meta"?: string | undefined;
         "size"?: any;

package/v3/VwcAccordionItem/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/VwcAccordionItem/index.js
 (0, require("@vonage/vivid").registerAccordionItem)("vvd3");
 var VwcAccordionItem = require_index_es.g(`vvd3-accordion-item`, {
@@ -19,6 +18,7 @@ var VwcAccordionItem = require_index_es.g(`vvd3-accordion-item`, {
 		"id",
 		"heading",
 		"secondaryText",
+		"textSecondary",
 		"noIndicator",
 		"meta",
 		"size",

package/v3/VwcAccordionItem/package.json

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

package/v3/VwcActionGroup/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/VwcActionGroup/index.js
 (0, require("@vonage/vivid").registerActionGroup)("vvd3");
 var VwcActionGroup = require_index_es.g(`vvd3-action-group`, {

package/v3/VwcActionGroup/package.json

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

@@ -12,7 +12,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {AlertStrategy | undefined} strategy - Controls the `position` of the Alert. **attribute** `strategy`
 * @param {boolean} open - Open state of the Alert. **attribute** `open`
 * @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/VwcAlert/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/VwcAlert/index.js
 (0, require("@vonage/vivid").registerAlert)("vvd3");
 var VwcAlert = require_index_es.g(`vvd3-alert`, {

package/v3/VwcAlert/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-alert",
-  "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/VwcAudioPlayer/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/VwcAudioPlayer/index.js
 (0, require("@vonage/vivid").registerAudioPlayer)("vvd3");
 var VwcAudioPlayer = require_index_es.g(`vvd3-audio-player`, {

package/v3/VwcAudioPlayer/package.json

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

@@ -8,14 +8,14 @@ import React, { ReactNode } from 'react';
 * @param {string | undefined} icon - Sets the element's icon **attribute** `icon`
 * @param {string | undefined} initials - Sets the initials on the Avatar **attribute** `initials`
 * @param {boolean} clickable - Indicates whether avatar should be a clickable <button> element. **attribute** `clickable`
-* @param {string | undefined} download - Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `download`
-* @param {string | undefined} href - The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `href`
-* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `hreflang`
-* @param {string | undefined} ping - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `ping`
-* @param {string | undefined} referrerpolicy - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `referrerpolicy`
-* @param {string | undefined} rel - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `rel`
-* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `target`
-* @param {string | undefined} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `type`
+* @param {string | undefined} download - Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `download`
+* @param {string | undefined} href - The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `href`
+* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `hreflang`
+* @param {string | undefined} ping - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `ping`
+* @param {string | undefined} referrerpolicy - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `referrerpolicy`
+* @param {string | undefined} rel - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `rel`
+* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `target`
+* @param {string | undefined} type - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `type`
 * @param {HTMLAnchorElement} control - References the root element
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.

package/v3/VwcAvatar/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/VwcAvatar/index.js
 (0, require("@vonage/vivid").registerAvatar)("vvd3");
 var VwcAvatar = require_index_es.g(`vvd3-avatar`, {

package/v3/VwcAvatar/package.json

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

@@ -5,10 +5,11 @@ import React, { ReactNode } from 'react';
 * @param {BadgeShape | undefined} shape - Sets the badge border-radius **attribute** `shape`
 * @param {BadgeSize | undefined} size - Sets the badge size **attribute** `size`
 * @param {BadgeAppearance | undefined} appearance - Sets the badge appearance **attribute** `appearance`
+* @param {boolean} count - Whether the badge is used as a numeric count. **attribute** `count`
 * @param {string | undefined} text - Sets a text on the badge **attribute** `text`
 * @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
@@ -24,6 +25,7 @@ declare const VwcBadge: {
         "shape"?: any;
         "size"?: any;
         "appearance"?: any;
+        "count"?: boolean;
         "text"?: string | undefined;
         "iconTrailing"?: boolean;
         "icon"?: string | undefined;

package/v3/VwcBadge/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/VwcBadge/index.js
 (0, require("@vonage/vivid").registerBadge)("vvd3");
 var VwcBadge = require_index_es.g(`vvd3-badge`, {
@@ -14,6 +13,7 @@ var VwcBadge = require_index_es.g(`vvd3-badge`, {
 		"shape",
 		"size",
 		"appearance",
+		"count",
 		"text",
 		"iconTrailing",
 		"icon",

package/v3/VwcBadge/package.json

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

@@ -7,7 +7,7 @@ import React, { ReactNode } from 'react';
 * @param {string | undefined} text  **attribute** `text`
 * @param {BannerConnotation | undefined} connotation  **attribute** `connotation`
 * @param {string | undefined} icon - A decorative icon the custom element should have. See the [Vivid Icon
-Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
+Gallery](/icons/icons-gallery/) for available icons and their names. **attribute** `icon`
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix