@vonage/vivid-react 3.4.0 → 3.5.0

package/types/index.d.ts

@@ -16,13 +16,13 @@ declare namespace JSX {
             "no-indicator": boolean;
             "meta": string | undefined;
             "size": AccordionItemSize | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
         }>;
         "vvd3-action-group": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "shape": ActionGroupShape | undefined;
             "appearance": ActionGroupAppearance | undefined;
             "tight": boolean;
-            "role": string | null;
-            "aria-label": string | null;
         }>;
         "vvd3-alert": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "dismiss-button-aria-label": | string
@@ -31,11 +31,11 @@ declare namespace JSX {
             "placement": AlertPlacement | undefined;
             "headline": string | undefined;
             "text": string | undefined;
-            "icon": string | undefined;
             "timeoutms": number;
             "connotation": AlertConnotation | undefined;
             "strategy": AlertStrategy | undefined;
             "open": boolean;
+            "icon": string | undefined;
         }>;
         "vvd3-audio-player": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "play-button-aria-label": | string
@@ -51,7 +51,7 @@ declare namespace JSX {
             "src": string | undefined;
             "disabled": boolean;
             "notime": boolean;
-            "skip-by": MediaSkipBy | undefined;
+            "skip-by": AudioPlayerMediaSkipBy | undefined;
             "playback-rates": string | null;
         }>;
         "vvd3-avatar": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
@@ -61,32 +61,51 @@ declare namespace JSX {
             "size": AvatarSize | undefined;
             "icon": string | undefined;
             "initials": string | undefined;
+            "clickable": boolean;
+            "download": string | undefined;
+            "href": string | undefined;
+            "hreflang": string | undefined;
+            "ping": string | undefined;
+            "referrerpolicy": string | undefined;
+            "rel": string | undefined;
+            "target": '_self' | '_blank' | '_parent' | '_top' | undefined;
+            "type": string | undefined;
         }>;
         "vvd3-badge": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "connotation": BadgeConnotation | undefined;
             "shape": BadgeShape | undefined;
+            "size": BadgeSize | undefined;
             "appearance": BadgeAppearance | undefined;
             "text": string | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
         }>;
         "vvd3-banner": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "dismiss-aria-label": | string
 		| null;
-            "role": string | null;
             "action-href": string | undefined;
             "action-text": string | undefined;
             "removable": boolean;
-            "aria-live": string | null;
             "text": string | undefined;
             "connotation": BannerConnotation | undefined;
+            "icon": string | undefined;
         }>;
         "vvd3-breadcrumb": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
         "vvd3-breadcrumb-item": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "text": string | undefined;
+            "download": string | undefined;
+            "href": string | undefined;
+            "hreflang": string | undefined;
+            "ping": string | undefined;
+            "referrerpolicy": string | undefined;
+            "rel": string | undefined;
+            "target": '_self' | '_blank' | '_parent' | '_top' | undefined;
+            "type": string | undefined;
         }>;
         "vvd3-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "title": boolean;
+            "title": string;
             "connotation": ButtonConnotation | undefined;
             "shape": ButtonShape | undefined;
             "appearance": ButtonAppearance | undefined;
@@ -96,25 +115,35 @@ declare namespace JSX {
             "dropdown-indicator": boolean;
             "active": boolean;
             "label": string | undefined;
-            "href": string | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
             "download": string | undefined;
+            "href": string | undefined;
             "hreflang": string | undefined;
             "ping": string | undefined;
             "referrerpolicy": string | undefined;
             "rel": string | undefined;
             "target": '_self' | '_blank' | '_parent' | '_top' | undefined;
+            "type": 'submit' | 'reset' | 'button';
+            "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-calendar": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "datetime": Date | string | undefined;
             "start-day": 'sunday' | 'monday' | undefined;
             "locales": string | string[] | undefined | undefined;
             "hour12": boolean;
+            "sticky-mode": CalendarSticky;
         }>;
         "vvd3-calendar-event": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "heading": string | undefined;
@@ -132,16 +161,32 @@ declare namespace JSX {
             "text": string | undefined;
             "icon": string | undefined;
             "elevation": 0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined;
-        }>;
-        "vvd3-form-associated-checkbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "clickable-card": boolean;
+            "download": string | undefined;
+            "href": string | undefined;
+            "hreflang": string | undefined;
+            "ping": string | undefined;
+            "referrerpolicy": string | undefined;
+            "rel": string | undefined;
+            "target": '_self' | '_blank' | '_parent' | '_top' | undefined;
+            "type": string | undefined;
         }>;
         "vvd3-checkbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-label": string | null;
             "tabindex": string | null;
             "connotation": CheckboxConnotation | undefined;
-            "aria-checked": AriaCheckedStates | null;
             "readonly": boolean;
+            "indeterminate": boolean;
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "success-text": string | undefined;
+            "label": string | undefined;
+            "checked": boolean;
+            "current-checked": boolean;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-combobox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "autocomplete": ComboboxAutocomplete | undefined;
@@ -152,18 +197,30 @@ declare namespace JSX {
             "fixed-dropdown": boolean;
             "open": boolean;
             "placeholder": string;
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "success-text": string | undefined;
+            "label": string | undefined;
+            "icon": string | undefined;
+            "current-value": string;
+            "value": string;
             "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-data-grid-cell": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "cell-type": DataGridCellTypes;
             "grid-column": string;
+            "selected": boolean;
             "aria-selected": string | null;
             "aria-sort": string | null;
+            "sort-direction": DataGridCellSortStates | undefined;
         }>;
         "vvd3-data-grid-row": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "grid-template-columns": string;
             "row-type": DataGridRowTypes;
             "aria-selected": string | null;
+            "selected": boolean | undefined;
         }>;
         "vvd3-data-grid": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "no-tabbing": boolean;
@@ -173,9 +230,16 @@ declare namespace JSX {
         }>;
         "vvd3-date-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "min": string;
-            "value": string;
-            "current-value": string;
+            "max": string;
             "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-date-range-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "start": string;
@@ -183,9 +247,36 @@ declare namespace JSX {
             "current-start": string;
             "current-end": string;
             "min": string;
-            "value": string;
+            "max": string;
+            "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-date-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "min": string;
+            "min-time": string;
+            "min-date": string;
+            "max": string;
+            "max-time": string;
+            "max-date": string;
+            "minutes-step": number | null;
+            "seconds-step": number | null;
+            "clock": '12h' | '24h' | 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-dial-pad": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "helper-text": string | null;
@@ -200,6 +291,7 @@ declare namespace JSX {
             "end-call-button-label": | string
 		| null;
             "call-button-label": string | null;
+            "autofocus": boolean;
         }>;
         "vvd3-dialog": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "open": boolean;
@@ -208,7 +300,6 @@ declare namespace JSX {
             "subtitle": string | undefined;
             "headline": string | undefined;
             "full-width-body": boolean;
-            "aria-label": string | null;
             "dismiss-button-aria-label": | string
 		| null;
             "no-light-dismiss": boolean;
@@ -216,6 +307,7 @@ declare namespace JSX {
             "no-dismiss-button": boolean;
             "non-dismissible": boolean;
             "modal": boolean;
+            "scrollable-body": boolean;
         }>;
         "vvd3-divider": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "role": DividerRole;
@@ -236,16 +328,21 @@ declare namespace JSX {
             "connotation": FabConnotation | undefined;
             "size": FABSize | undefined;
             "label": string | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
             "autofocus": boolean;
             "form": string;
             "formaction": string;
             "formenctype": string;
             "formmethod": string;
+            "formnovalidate": boolean;
             "formtarget": '_self' | '_blank' | '_parent' | '_top';
             "type": 'submit' | 'reset' | 'button';
-        }>;
-        "vvd3-form-associated-file-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-file-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "single-file": boolean;
@@ -256,6 +353,14 @@ declare namespace JSX {
             "invalid-file-type-error": string | undefined;
             "max-files-exceeded-error": string | undefined;
             "file-too-big-error": string | undefined;
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "label": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-header": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "elevation-shadow": boolean;
@@ -275,6 +380,7 @@ declare namespace JSX {
 		| 3
 		| 4
 		| 5 | undefined;
+            "label": string | undefined;
             "name": string | undefined;
         }>;
         "vvd3-layout": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
@@ -282,26 +388,29 @@ declare namespace JSX {
             "column-basis": ColumnBasis | undefined;
             "column-spacing": ColumnSpacing | undefined;
             "row-spacing": RowSpacing | undefined;
-            "auto-sizing": AUTO_SIZING | undefined;
+            "auto-sizing": 'fit' | 'fill' | undefined;
         }>;
         "vvd3-menu": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-label": string | null;
             "placement": Placement | undefined;
             "trigger": 'auto' | 'legacy' | 'off' | undefined;
             "auto-dismiss": boolean;
             "position-strategy": Strategy | undefined;
             "open": boolean;
+            "anchor": AnchorType | undefined;
         }>;
         "vvd3-menu-item": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "disabled": boolean;
             "expanded": boolean;
             "role": MenuItemRole;
+            "control-type": ControlType | undefined;
             "checked": boolean;
             "text": string | undefined;
             "text-secondary": string | undefined;
             "connotation": MenuItemConnotation | undefined;
             "check-trailing": boolean;
-            "check-appearance": CheckAppearance | undefined;
+            "check-appearance": | 'normal'
+		| 'tick-only' | undefined;
+            "icon": string | undefined;
         }>;
         "vvd3-nav": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
@@ -311,19 +420,28 @@ declare namespace JSX {
             "appearance": NavDisclosureAppearance | undefined;
             "connotation": NavDisclosureConnotation | undefined;
             "open": boolean;
-            "aria-current": string | null;
+            "current": boolean;
+            "icon": string | undefined;
         }>;
         "vvd3-nav-item": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "text": string | undefined;
-            "connotation": TextAnchorConnotation | undefined;
-            "appearance": TextAnchorAppearance | undefined;
+            "connotation": NavItemConnotation | undefined;
+            "appearance": NavItemAppearance | undefined;
+            "current": boolean;
+            "icon": string | undefined;
+            "download": string | undefined;
+            "href": string | undefined;
+            "hreflang": string | undefined;
+            "ping": string | undefined;
+            "referrerpolicy": string | undefined;
+            "rel": string | undefined;
+            "target": '_self' | '_blank' | '_parent' | '_top' | undefined;
+            "type": string | undefined;
         }>;
         "vvd3-note": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "headline": string | undefined;
             "connotation": NoteConnotation | undefined;
-        }>;
-        "vvd3-form-associated-number-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "icon": string | undefined;
         }>;
         "vvd3-number-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "readonly": boolean;
@@ -344,6 +462,16 @@ declare namespace JSX {
             "appearance": NumberFieldAppearance | undefined;
             "shape": NumberFieldShape | undefined;
             "autoComplete": string | undefined;
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "success-text": string | undefined;
+            "label": string | undefined;
+            "icon": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-listbox-option": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "disabled": boolean;
@@ -351,9 +479,10 @@ declare namespace JSX {
             "value": string;
             "label": string | undefined;
             "text": string | undefined;
-        }>;
-        "vvd3-delegates-arialistbox-option": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "matched-text": string | undefined;
+            "tag-connotation": OptionTagConnotation | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
         }>;
         "vvd3-pagination": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "size": PaginationSize | undefined;
@@ -362,38 +491,57 @@ declare namespace JSX {
             "total": number;
             "selected-index": number | undefined;
         }>;
+        "vvd3-popup": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "open": boolean;
+            "dismissible": boolean;
+            "arrow": boolean;
+            "alternate": boolean;
+            "placement": Placement | undefined;
+            "animation-frame": boolean;
+            "strategy": Strategy | undefined;
+            "offset": number | null;
+        }>;
         "vvd3-progress": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-label": string | null;
             "shape": ProgressShape | undefined;
             "connotation": ProgressConnotation | undefined;
             "reverse": boolean;
+            "value": number | null;
+            "min": number;
+            "max": number;
+            "paused": boolean;
         }>;
         "vvd3-progress-ring": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-label": string | null;
             "connotation": ProgressRingConnotation | undefined;
             "size": -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined;
-            "value": boolean;
-        }>;
-        "vvd3-form-associated-radio": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "value": number | null;
+            "min": number;
+            "max": number;
+            "paused": boolean;
         }>;
         "vvd3-radio": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "aria-label": string | null;
-            "label": string | undefined;
             "connotation": RadioConnotation | undefined;
             "readonly": boolean;
+            "error-text": string | undefined;
+            "label": string | undefined;
+            "checked": boolean;
+            "current-checked": boolean;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
             "name": string;
+            "required": boolean;
         }>;
         "vvd3-radio-group": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "label": string | undefined;
+            "label": string;
+            "required": boolean;
             "readonly": boolean;
             "disabled": boolean;
             "name": string;
             "value": string;
+            "error-text": string;
             "orientation": Orientation | 'horizontal' | 'vertical';
-        }>;
-        "vvd3-form-associated-range-slider": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "helper-text": string | undefined;
         }>;
         "vvd3-range-slider": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "start": | string
@@ -410,15 +558,23 @@ declare namespace JSX {
             "markers": boolean;
             "connotation": RangeSliderConnotation | undefined;
             "pin": boolean;
+            "label": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "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-form-associated-searchable-select": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
         }>;
         "vvd3-searchable-select": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "appearance": SearchableSelectAppearance | undefined;
@@ -429,10 +585,20 @@ declare namespace JSX {
             "multiple": boolean;
             "external-tags": boolean;
             "max-lines": number | null;
+            "loading": boolean;
             "clearable": boolean;
-        }>;
-        "vvd3-form-associated-select": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "max-selected": number | null;
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "success-text": string | undefined;
+            "label": string | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
+            "current-value": string;
+            "value": string;
             "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-select": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "multiple": boolean;
@@ -442,12 +608,19 @@ declare namespace JSX {
             "shape": SelectShape | undefined;
             "fixed-dropdown": boolean;
             "placeholder": string | undefined;
-        }>;
-        "vvd3-delegates-ariaselect": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "helper-text": string | undefined;
+            "error-text": string | undefined;
+            "success-text": string | undefined;
+            "label": string | undefined;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-selectable-box": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-label": string | null;
             "checked": boolean;
             "clickable": boolean;
             "clickable-box": boolean;
@@ -460,9 +633,6 @@ declare namespace JSX {
             "modal": boolean;
             "open": boolean;
             "trailing": boolean;
-        }>;
-        "vvd3-form-associated-slider": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
         }>;
         "vvd3-slider": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "readonly": boolean;
@@ -471,11 +641,14 @@ declare namespace JSX {
             "step": number;
             "orientation": Orientation;
             "mode": SliderMode;
-            "aria-label": string | null;
-            "aria-valuetext": string | null;
             "markers": boolean;
             "pin": boolean;
             "connotation": SliderConnotation | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-split-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "connotation": SplitButtonConnotation | undefined;
@@ -483,22 +656,23 @@ declare namespace JSX {
             "appearance": SplitButtonAppearance | undefined;
             "size": SplitButtonSize | undefined;
             "label": string | undefined;
-            "icon": string | undefined;
             "split-indicator": string;
             "disabled": boolean;
-            "aria-label": string | null;
-            "aria-expanded": string | null;
             "indicator-aria-label": | string
 		| null;
-        }>;
-        "vvd3-form-associated-switch": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "icon": string | undefined;
         }>;
         "vvd3-switch": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-label": string | null;
             "label": string | undefined;
             "connotation": SwitchConnotation | undefined;
             "readonly": boolean;
+            "checked": boolean;
+            "current-checked": boolean;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-tab": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "disabled": boolean;
@@ -507,7 +681,8 @@ declare namespace JSX {
             "label": string | undefined;
             "removable": boolean;
             "tabIndex": number;
-            "aria-selected": string | null;
+            "icon-trailing": boolean;
+            "icon": string | undefined;
         }>;
         "vvd3-tab-panel": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
@@ -515,11 +690,11 @@ declare namespace JSX {
         "vvd3-tabs": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "orientation": TabsOrientation;
             "activeid": string;
-            "activeindicator": boolean;
             "connotation": TabsConnotation | undefined;
             "gutters": TabsGutters | undefined;
             "scrollable-panel": boolean;
             "tabs-layout": 'align-start' | 'stretch' | undefined;
+            "activeindicator": boolean;
         }>;
         "vvd3-tag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "connotation": TagConnotation | undefined;
@@ -530,16 +705,9 @@ declare namespace JSX {
             "disabled": boolean;
             "selectable": boolean;
             "selected": boolean;
+            "icon": string | undefined;
         }>;
         "vvd3-tag-group": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-label": string | null;
-        }>;
-        "vvd3-text-anchor": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "text": string | undefined;
-            "connotation": TextAnchorConnotation | undefined;
-            "appearance": TextAnchorAppearance | undefined;
-        }>;
-        "vvd3-form-associated-text-area": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
         "vvd3-text-area": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
@@ -550,15 +718,21 @@ declare namespace JSX {
             "list": string;
             "maxlength": number;
             "minlength": number;
-            "name": string;
             "placeholder": string;
             "cols": number;
             "rows": number;
             "spellcheck": boolean;
             "wrap": TextAreaWrap | undefined;
-        }>;
-        "vvd3-form-associated-text-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "helper-text": string | undefined;
+            "char-count": boolean;
+            "error-text": string | undefined;
+            "success-text": string | undefined;
+            "label": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-text-field": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "readonly": boolean;
@@ -576,37 +750,53 @@ declare namespace JSX {
             "autoComplete": string | undefined;
             "scale": TextFieldSize | undefined;
             "inputmode": string;
-        }>;
-        "vvd3-delegates-ariatextbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-form-associated-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
+            "helper-text": string | undefined;
+            "char-count": boolean;
+            "error-text": string | undefined;
+            "success-text": string | undefined;
+            "label": string | undefined;
+            "icon": string | undefined;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "readonly": boolean;
+            "min": string;
+            "max": string;
             "minutes-step": number | null;
             "seconds-step": number | null;
             "clock": '12h' | '24h' | undefined;
-            "min": string;
-            "max": string;
+            "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-toggletip": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "headline": string | undefined;
             "alternate": boolean;
             "placement": Placement | undefined;
             "open": boolean;
+            "anchor": AnchorType | undefined;
         }>;
         "vvd3-tooltip": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "text": string | undefined;
             "placement": Placement | undefined;
             "open": boolean;
+            "anchor": AnchorType | undefined;
         }>;
         "vvd3-tree-item": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "text": string | undefined;
             "expanded": boolean;
             "selected": boolean;
             "disabled": boolean;
+            "icon": string | undefined;
         }>;
         "vvd3-tree-view": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "render-collapsed-nodes": boolean;
@@ -617,10 +807,16 @@ declare namespace JSX {
             "autoplay": boolean;
             "loop": boolean;
             "playback-rates": string;
-            "skip-by": MediaSkipBy;
+            "skip-by": VideoPlayerMediaSkipBy;
         }>;
-        "vvd3-inline-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+        "vvd3-visually-hidden": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-prose-mirror-facade": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
+        }>;
+        "vvd3-menu-bar": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "menu-items": string | undefined;
         }>;
         "vvd3-vivid-foundation-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "autofocus": boolean;
@@ -631,73 +827,15 @@ declare namespace JSX {
             "formnovalidate": boolean;
             "formtarget": '_self' | '_blank' | '_parent' | '_top';
             "type": 'submit' | 'reset' | 'button';
-        }>;
-        "vvd3-delegates-ariabutton": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-expanded": 'true' | 'false' | string | null;
-            "aria-pressed": 'true' | 'false' | 'mixed' | string | null;
-        }>;
-        "vvd3-anchor": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "download": string;
-            "href": string;
-            "hreflang": string;
-            "ping": string;
-            "referrerpolicy": string;
-            "rel": string;
-            "target": '_self' | '_blank' | '_parent' | '_top';
-            "type": string;
-        }>;
-        "vvd3-delegates-arialink": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-expanded": 'true' | 'false' | string | null;
+            "current-value": string;
+            "value": string;
+            "disabled": boolean;
+            "name": string;
+            "required": boolean;
         }>;
         "vvd3-listbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "disabled": boolean;
         }>;
-        "vvd3-delegates-arialistbox": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-
-        }>;
-        "vvd3-a-riaglobal-states-and-properties": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "aria-atomic": 'true' | 'false' | string | null;
-            "aria-busy": 'true' | 'false' | string | null;
-            "aria-controls": string | null;
-            "aria-current": | 'page'
-		| 'step'
-		| 'location'
-		| 'date'
-		| 'time'
-		| 'true'
-		| 'false'
-		| string
-		| null;
-            "aria-describedby": string | null;
-            "aria-details": string | null;
-            "aria-disabled": 'true' | 'false' | string | null;
-            "aria-errormessage": string | null;
-            "aria-flowto": string | null;
-            "aria-haspopup": | 'false'
-		| 'true'
-		| 'menu'
-		| 'listbox'
-		| 'tree'
-		| 'grid'
-		| 'dialog'
-		| string
-		| null;
-            "aria-hidden": 'false' | 'true' | string | null;
-            "aria-invalid": 'false' | 'true' | 'grammar' | 'spelling' | string | null;
-            "aria-keyshortcuts": string | null;
-            "aria-label": string | null;
-            "aria-labelledby": string | null;
-            "aria-live": 'assertive' | 'off' | 'polite' | string | null;
-            "aria-owns": string | null;
-            "aria-relevant": | 'additions'
-		| 'additions text'
-		| 'all'
-		| 'removals'
-		| 'text'
-		| string
-		| null;
-            "aria-roledescription": string | null;
-        }>;
         "vvd3-base-progress": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "value": number | null;
             "min": number;
@@ -707,12 +845,28 @@ declare namespace JSX {
         "vvd3-vivid-element": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
         }>;
-        "vvd3-date-picker-base": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
-            "min": string;
-            "max": string;
-            "value": string;
-            "current-value": string;
+        "vvd3-delegate-aria-behavior": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-host-semantics-behavior": 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<{
+
         }>;
     }
 }