@vonage/vivid-react 4.0.0 → 5.19.0

package/types/index.d.ts

@@ -1,7 +1,7 @@
 /*
 * DO NOT EDIT THIS FILE. IT IS GENERATED
 */
-declare module '@vonage/vivid-react-wrapper';
+declare module '@repo/react-component-wrapper';
 declare module '@vonage/vivid-react';
 declare namespace JSX {
     interface IntrinsicElements {
@@ -37,6 +37,9 @@ 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
@@ -85,13 +88,17 @@ declare namespace JSX {
         "vvd3-banner": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "dismiss-aria-label": | string
 		| null;
-            "action-href": string | undefined;
-            "action-text": string | undefined;
             "removable": boolean;
             "text": string | undefined;
             "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<{
 
         }>;
@@ -116,6 +123,7 @@ declare namespace JSX {
             "pending": boolean;
             "dropdown-indicator": boolean;
             "active": boolean;
+            "pressed": boolean;
             "label": string | undefined;
             "icon-trailing": boolean;
             "icon": string | undefined;
@@ -189,12 +197,6 @@ declare namespace JSX {
             "disabled": boolean;
             "name": string;
             "required": boolean;
-        }>;
-        "vvd3-vvd-hex-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-vvd-hex-input": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
         }>;
         "vvd3-color-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "placeholder": string;
@@ -235,6 +237,20 @@ declare namespace JSX {
         "vvd3-contextual-help": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "placement": Placement | undefined;
         }>;
+        "vvd3-country": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "code": string | undefined;
+            "label": string | undefined;
+        }>;
+        "vvd3-country-group": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-data-grid": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "no-tabbing": boolean;
+            "generate-header": GenerateHeaderOptions;
+            "grid-template-columns": string;
+            "fixed-columns": number | undefined;
+            "selection-mode": DataGridSelectionMode | undefined;
+        }>;
         "vvd3-data-grid-cell": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "cell-type": DataGridCellTypes;
             "grid-column": string;
@@ -246,16 +262,10 @@ declare namespace JSX {
             "row-type": DataGridRowTypes;
             "selected": boolean | undefined;
         }>;
-        "vvd3-data-grid": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "no-tabbing": boolean;
-            "generate-header": GenerateHeaderOptions;
-            "grid-template-columns": string;
-            "fixed-columns": number | undefined;
-            "selection-mode": DataGridSelectionMode | undefined;
-        }>;
         "vvd3-date-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "min": string;
             "max": string;
+            "scale": TextFieldSize | undefined;
             "readonly": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
@@ -273,6 +283,7 @@ declare namespace JSX {
             "current-end": string;
             "min": string;
             "max": string;
+            "scale": TextFieldSize | undefined;
             "readonly": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
@@ -293,6 +304,7 @@ declare namespace JSX {
             "minutes-step": number | null;
             "seconds-step": number | null;
             "clock": '12h' | '24h' | undefined;
+            "scale": TextFieldSize | undefined;
             "readonly": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
@@ -313,6 +325,7 @@ declare namespace JSX {
             "call-active": boolean;
             "no-call": boolean;
             "no-input": boolean;
+            "size": DialPadSize | undefined;
             "end-call-button-label": | string
 		| null;
             "call-button-label": string | null;
@@ -370,9 +383,15 @@ 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 | undefined;
+            "max-files": number | null;
             "max-file-size": number;
             "accept": string | undefined;
             "size": FilePickerSize | undefined;
@@ -388,6 +407,22 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
+        "vvd3-flag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "code": string | undefined;
+            "label": string | undefined;
+            "size": | -6
+		| -5
+		| -4
+		| -3
+		| -2
+		| -1
+		| 0
+		| 1
+		| 2
+		| 3
+		| 4
+		| 5 | undefined;
+        }>;
         "vvd3-header": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "elevation-shadow": boolean;
             "alternate": boolean;
@@ -408,6 +443,9 @@ declare namespace JSX {
 		| 5 | undefined;
             "label": string | undefined;
             "name": string | undefined;
+        }>;
+        "vvd3-inline-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-layout": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "gutters": Gutters | undefined;
@@ -416,6 +454,24 @@ declare namespace JSX {
             "row-spacing": RowSpacing | undefined;
             "auto-sizing": 'fit' | 'fill' | undefined;
         }>;
+        "vvd3-listbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "disabled": boolean;
+        }>;
+        "vvd3-listbox-option": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "checked": boolean | undefined;
+            "selected": boolean;
+            "disabled": boolean;
+            "current-selected": boolean;
+            "value": string;
+            "label": string | undefined;
+            "text": string | undefined;
+            "text-secondary": string | undefined;
+            "matched-text": string | undefined;
+            "connotation": OptionConnotation | undefined;
+            "tag-connotation": OptionTagConnotation | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
+        }>;
         "vvd3-menu": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "offset": number | null;
             "placement": Placement | undefined;
@@ -499,19 +555,12 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
-        "vvd3-listbox-option": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "checked": boolean | undefined;
-            "selected": boolean;
-            "disabled": boolean;
-            "current-selected": boolean;
-            "value": string;
+        "vvd3-option-tag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "shape": OptionTagShape | undefined;
             "label": string | undefined;
-            "text": string | undefined;
-            "text-secondary": string | undefined;
-            "matched-text": string | undefined;
-            "tag-connotation": OptionTagConnotation | undefined;
-            "icon-trailing": boolean;
-            "icon": string | undefined;
+            "removable": boolean;
+            "disabled": boolean;
+            "scale": OptionTagSize | undefined;
         }>;
         "vvd3-pagination": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "size": PaginationSize | undefined;
@@ -519,6 +568,32 @@ declare namespace JSX {
             "nav-icons": boolean;
             "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-popover": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "placement": Placement;
+            "manual": boolean;
+            "layout": PopoverLayout;
+            "offset": number | null;
+            "alternate": boolean;
+            "dismiss-button-aria-label": | string
+		| null;
+            "arrow": boolean;
+            "open": boolean;
+        }>;
+        "vvd3-popover": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-popup": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "open": boolean;
@@ -594,19 +669,123 @@ declare namespace JSX {
             "required": boolean;
         }>;
         "vvd3-rich-text-editor": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "selection-start": number | null;
-            "selection-end": number | null;
-            "placeholder": string | undefined;
+
         }>;
-        "vvd3-option-tag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "shape": OptionTagShape | undefined;
-            "label": string | undefined;
-            "removable": boolean;
-            "disabled": boolean;
+        "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;
             "shape": SearchableSelectShape | undefined;
+            "scale": SearchableSelectSize | undefined;
             "fixed-dropdown": boolean;
             "placeholder": string | undefined;
             "open": boolean;
@@ -639,6 +818,7 @@ declare namespace JSX {
             "shape": SelectShape | undefined;
             "fixed-dropdown": boolean;
             "placeholder": string | undefined;
+            "clearable": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
             "success-text": string | undefined;
@@ -658,6 +838,7 @@ declare namespace JSX {
             "control-type": SelectableBoxControlType | undefined;
             "control-placement": SelectableBoxControlPlacement;
             "tight": boolean;
+            "disabled": boolean;
         }>;
         "vvd3-side-drawer": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "alternate": boolean;
@@ -705,6 +886,11 @@ declare namespace JSX {
 		| null;
             "icon": string | undefined;
         }>;
+        "vvd3-status": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "status": string | undefined;
+            "connotation": StatusConnotation | undefined;
+            "icon": string | undefined;
+        }>;
         "vvd3-switch": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "label": string | undefined;
             "connotation": SwitchConnotation | undefined;
@@ -729,6 +915,27 @@ declare namespace JSX {
         }>;
         "vvd3-tab-panel": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
+        }>;
+        "vvd3-table": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-body": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-cell": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-head": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-header-cell": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-row": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-table-sorting-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "direction": null | 'none' | 'asc' | 'desc' | undefined;
         }>;
         "vvd3-tabs": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "orientation": TabsOrientation;
@@ -804,6 +1011,12 @@ 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;
@@ -811,6 +1024,7 @@ declare namespace JSX {
             "minutes-step": number | null;
             "seconds-step": number | null;
             "clock": '12h' | '24h' | undefined;
+            "scale": TextFieldSize | undefined;
             "readonly": boolean;
             "helper-text": string | undefined;
             "error-text": string | undefined;
@@ -843,6 +1057,9 @@ 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;
@@ -855,17 +1072,8 @@ declare namespace JSX {
         "vvd3-visually-hidden": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
-        "vvd3-prose-mirror-facade": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+        "vvd3-vivid-element": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
-        }>;
-        "vvd3-image-placeholder": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "file-name": string | undefined;
-            "size": string | undefined;
-            "error-message": string | undefined;
-            "icon": string | undefined;
-        }>;
-        "vvd3-menubar": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "menu-items": string | undefined;
         }>;
         "vvd3-vivid-foundation-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "autofocus": boolean;
@@ -882,40 +1090,11 @@ declare namespace JSX {
             "name": string;
             "required": boolean;
         }>;
-        "vvd3-listbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "disabled": boolean;
-        }>;
-        "vvd3-base-progress": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "value": number | null;
-            "min": number;
-            "max": number;
-            "paused": boolean;
-        }>;
-        "vvd3-vivid-element": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-delegate-aria-behavior": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-host-semantics-behavior": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+        "vvd3-vvd-hex-input": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
-        "vvd3-feedback-message": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "type": FeedbackType;
-        }>;
-        "vvd3-picker-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "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-inline-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+        "vvd3-vvd-hex-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
     }
-}
+}

package/v3/VwcAccordion/index.d.ts

@@ -1,8 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcAccordion
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/accordion
-* @param {AccordionExpandMode} expandmode - Controls the expand mode of the Accordion, either allowing
-single or multiple item expansion. **attribute** `expand-mode`
+* @param {AccordionExpandMode} expandmode - Determines if multiple items or a single item can opened at once **attribute** `expand-mode`
 * @param {string | null} activeid
 * @param {number} activeItemIndex
 * @param {Array<string | null>} accordionIds
@@ -13,17 +12,18 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcAccordion: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        expandmode?: any;
-        activeid?: string | null | undefined;
-        activeItemIndex?: number | undefined;
-        accordionIds?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onChange?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        "expandmode"?: any;
+        "activeid"?: string | null;
+        "activeItemIndex"?: number;
+        "accordionIds"?: any;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcAccordion/index.js

@@ -20,7 +20,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "AccordionExpandMode"
    },
-   "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
+   "description": "Determines if multiple items or a single item can opened at once",
    "privacy": "public"
   },
   {
@@ -204,7 +204,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "AccordionExpandMode"
    },
-   "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
+   "description": "Determines if multiple items or a single item can opened at once",
    "fieldName": "expandmode"
   }
  ],
@@ -218,7 +218,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerAccordion } from '@vonage/vivid'
 
 registerAccordion('vvd3')

package/v3/VwcAccordion/package.json

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

package/v3/VwcAccordionItem/index.d.ts

@@ -11,7 +11,8 @@ heading element. **attribute** `heading-level`
 * @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. **attribute** `icon`
+* @param {string | undefined} icon - A decorative icon the custom element should have. See the [Vivid Icon
+Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
 * @param {string} 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,22 +20,23 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcAccordionItem: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        headinglevel?: any;
-        appearance?: any;
-        expanded?: boolean | undefined;
-        heading?: string | undefined;
-        noIndicator?: boolean | undefined;
-        meta?: string | undefined;
-        size?: any;
-        iconTrailing?: boolean | undefined;
-        icon?: string | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onChange?: (event: SyntheticEvent) => void;
+        "headinglevel"?: any;
+        "appearance"?: any;
+        "expanded"?: boolean;
+        "id"?: string;
+        "heading"?: string | undefined;
+        "noIndicator"?: boolean;
+        "meta"?: string | undefined;
+        "size"?: any;
+        "iconTrailing"?: boolean;
+        "icon"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };