@dialpad/dialtone-vue 3.221.1 → 3.222.0-next.2

package/dist/recipes/conversation_view/editor/editor.vue.d.ts

@@ -1,4 +1,4 @@
-import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
+import { removeClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | StringConstructor)[];
@@ -614,7 +614,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     actionBarBtn(): any;
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
-    addClassStyleAttrs: typeof addClassStyleAttrs;
     focusEditor(): void;
     onInputFocus(event: any): void;
     removeLink(): void;
@@ -640,7 +639,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onTextInput(input: any): void;
     onFocus(event: any): void;
     onBlur(event: any): void;
-    onInput(event: any): void;
+    onUpdateModelValue(event: any): void;
     onSelected(): void;
     getButtonKey(key: any, selector: any): string;
     getButtonRef(key: any, selector: any): string;
@@ -656,7 +655,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     updateFontColorInput(): void;
     onColorPickerButtonClick(): void;
     onColorPickerInput(fontColor: any): void;
-}, never, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "update:modelValue" | "text-input" | "quick-replies-click" | "inline-image-click")[], "input" | "blur" | "focus" | "update:modelValue" | "text-input" | "quick-replies-click" | "inline-image-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, never, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "update:modelValue" | "text-input" | "quick-replies-click" | "inline-image-click")[], "blur" | "focus" | "update:modelValue" | "text-input" | "quick-replies-click" | "inline-image-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | StringConstructor)[];
         default: string;
@@ -815,7 +814,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -939,6 +937,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {
         isDefaultType(): boolean;
         listItemListeners(): {
+            click: (event: any) => void;
             keydown: (event: any) => void;
             mousemove: (event: any) => void;
             mouseleave: (event: any) => void;
@@ -950,7 +949,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onClick(e: any): void;
         onMouseHover(): void;
         onMouseLeave(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         id: {
             type: StringConstructor;
             default(): string;
@@ -983,6 +982,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
     }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         onMouseleave?: ((...args: any[]) => any) | undefined;
         onMousemove?: ((...args: any[]) => any) | undefined;
@@ -1004,35 +1004,51 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            leftClass: {
-                type: StringConstructor;
+            startClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leftClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: undefined;
+            };
             contentClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
             titleClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
             subtitleClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
             bottomClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: undefined;
+            };
+            endClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
             rightClass: {
-                type: StringConstructor;
-                default: string;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: undefined;
             };
             selectedClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
-        }>, {}, {}, {}, {
+        }>, {}, {}, {
+            resolvedStartClass(): string | unknown[] | Record<string, any>;
+            resolvedEndClass(): string | unknown[] | Record<string, any>;
+            resolvedBlockEndClass(): string | unknown[] | Record<string, any>;
+        }, {
             dynamicGridTemplateColumns(): string;
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1044,44 +1060,59 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            leftClass: {
-                type: StringConstructor;
+            startClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leftClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: undefined;
+            };
             contentClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
             titleClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
             subtitleClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
             bottomClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: undefined;
+            };
+            endClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
             rightClass: {
-                type: StringConstructor;
-                default: string;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: undefined;
             };
             selectedClass: {
-                type: StringConstructor;
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
-            unstyled: boolean;
-            contentClass: string;
             as: string;
-            leftClass: string;
-            titleClass: string;
-            subtitleClass: string;
-            bottomClass: string;
-            rightClass: string;
-            selectedClass: string;
+            contentClass: string | unknown[] | Record<string, any>;
+            unstyled: boolean;
+            startClass: string | unknown[] | Record<string, any>;
+            leftClass: string | unknown[] | Record<string, any>;
+            titleClass: string | unknown[] | Record<string, any>;
+            subtitleClass: string | unknown[] | Record<string, any>;
+            blockEndClass: string | unknown[] | Record<string, any>;
+            bottomClass: string | unknown[] | Record<string, any>;
+            endClass: string | unknown[] | Record<string, any>;
+            rightClass: string | unknown[] | Record<string, any>;
+            selectedClass: string | unknown[] | Record<string, any>;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
@@ -1123,7 +1154,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        preventTyping: {
+        allowTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1245,7 +1276,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        hideLinkBubbleMenu: {
+        showLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1318,7 +1349,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         getExtension(extension: any, options: any): any;
         updateEditorAttributes(attributes: any): void;
         focusEditor(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click")[], "input" | "blur" | "focus" | "selected" | "update:modelValue" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "update:modelValue" | "selected" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click")[], "blur" | "focus" | "update:modelValue" | "selected" | "enter" | "selected-command" | "json-input" | "html-input" | "text-input" | "markdown-input" | "edit-link" | "mention-click" | "mention-hover" | "mention-leave" | "channel-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         modelValue: {
             type: (ObjectConstructor | StringConstructor)[];
             default: string;
@@ -1327,7 +1358,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        preventTyping: {
+        allowTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1449,7 +1480,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        hideLinkBubbleMenu: {
+        showLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1474,7 +1505,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{
-        onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -1498,7 +1528,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         preserveWhitespace: string | boolean;
         variableItems: unknown[];
         editable: boolean;
-        preventTyping: boolean;
+        allowTyping: boolean;
         pasteRichText: boolean;
         allowLineBreaks: boolean;
         autoFocus: string | number | boolean;
@@ -1523,7 +1553,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         allowLineHeight: boolean;
         allowVariable: boolean;
         additionalExtensions: unknown[];
-        hideLinkBubbleMenu: boolean;
+        showLinkBubbleMenu: boolean;
         useDivTags: boolean;
         allowTables: boolean;
         allowTextAlign: boolean;
@@ -1673,6 +1703,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1687,14 +1725,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1734,6 +1800,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>, {}, {
             ICON_POSITION_MODIFIERS: {
+                start: string;
+                end: string;
+                blockStart: string;
+                blockEnd: string;
                 left: string;
                 right: string;
                 top: string;
@@ -1743,6 +1813,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             i18n: any;
         }, {
+            resolvedUnderline(): boolean;
             computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             isNativeButton(): boolean;
             computedAttrs(): {
@@ -1775,7 +1846,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             buttonClasses(): any[];
             isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-            shouldRenderIcon(): any;
+            hasStartIcon(): any;
+            hasEndIcon(): any;
+            hasBlockStartIcon(): any;
+            hasBlockEndIcon(): any;
+            hasNewIconSlots(): any;
+            shouldRenderLegacyIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1806,6 +1882,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1820,14 +1904,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1871,22 +1983,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             link: boolean;
             disabled: boolean;
+            size: string | number;
             type: string;
+            iconClass: string | unknown[] | Record<string, any>;
+            replace: boolean;
             target: string;
             circle: boolean;
             active: boolean;
             loading: boolean;
-            size: string;
-            replace: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
+            startIconClass: string | unknown[] | Record<string, any>;
+            endIconClass: string | unknown[] | Record<string, any>;
             href: string;
             to: string | Record<string, any>;
             iconPosition: string;
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
+            blockStartIconClass: string | unknown[] | Record<string, any>;
+            blockEndIconClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -2012,6 +2133,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -2026,14 +2155,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -2073,6 +2230,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>, {}, {
         ICON_POSITION_MODIFIERS: {
+            start: string;
+            end: string;
+            blockStart: string;
+            blockEnd: string;
             left: string;
             right: string;
             top: string;
@@ -2082,6 +2243,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
         i18n: any;
     }, {
+        resolvedUnderline(): boolean;
         computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         isNativeButton(): boolean;
         computedAttrs(): {
@@ -2114,7 +2276,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         buttonClasses(): any[];
         isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-        shouldRenderIcon(): any;
+        hasStartIcon(): any;
+        hasEndIcon(): any;
+        hasBlockStartIcon(): any;
+        hasBlockEndIcon(): any;
+        hasNewIconSlots(): any;
+        shouldRenderLegacyIcon(): any;
         isIconOnly(): any;
         isVerticalIconLayout(): boolean;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2145,6 +2312,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -2159,14 +2334,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -2210,22 +2413,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         link: boolean;
         disabled: boolean;
+        size: string | number;
         type: string;
+        iconClass: string | unknown[] | Record<string, any>;
+        replace: boolean;
         target: string;
         circle: boolean;
         active: boolean;
         loading: boolean;
-        size: string;
-        replace: boolean;
+        underline: boolean;
         kind: string;
         labelClass: string | unknown[] | Record<string, any>;
+        startIconClass: string | unknown[] | Record<string, any>;
+        endIconClass: string | unknown[] | Record<string, any>;
         href: string;
         to: string | Record<string, any>;
         iconPosition: string;
         importance: string;
         linkKind: string;
         linkInverted: boolean;
+        linkUnderline: boolean;
         width: string;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
+        blockStartIconClass: string | unknown[] | Record<string, any>;
+        blockEndIconClass: string | unknown[] | Record<string, any>;
         assertiveOnFocus: boolean;
         rel: string;
     }, {}, {
@@ -2256,7 +2468,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         open: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         openOnContext: {
@@ -2325,7 +2537,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2362,10 +2574,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -2424,6 +2648,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -2488,9 +2713,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
             focusTrappedTabPress(e: object, el: object): void;
         };
+    } | {
+        props: {
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
+        };
+        data(): {
+            modeContrast: string;
+            modeResolved: null;
+        };
+        computed: {
+            modeAttrs(): any;
+        };
+        watch: {
+            contentMode(): void;
+        };
+        mounted(): void;
+        beforeUnmount(): void;
+        methods: {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        };
     }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         open: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         openOnContext: {
@@ -2559,7 +2809,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2596,10 +2846,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -2637,35 +2899,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
         "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
     }>, {
+        ariaLabel: string;
         id: string;
         offset: unknown[];
-        open: boolean;
-        ariaLabel: string;
+        open: boolean | null;
+        headerClass: string | unknown[] | Record<string, any>;
+        contentClass: string | unknown[] | Record<string, any>;
         role: string;
         dialogClass: string | unknown[] | Record<string, any>;
+        padding: string;
         maxHeight: string;
-        contentClass: string | unknown[] | Record<string, any>;
-        headerClass: string | unknown[] | Record<string, any>;
         footerClass: string | unknown[] | Record<string, any>;
         elementType: string;
-        transition: string;
+        anchorClass: string | unknown[] | Record<string, any>;
         maxWidth: string;
         appendTo: string | HTMLElement;
-        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         fallbackPlacements: unknown[];
         tether: boolean;
+        transition: string;
         externalAnchor: string;
         externalAnchorElement: HTMLElement;
         showCloseButton: boolean;
         openOnContext: boolean;
         ariaLabelledby: string;
-        padding: string;
         contentWidth: string;
         contentAppear: boolean;
         contentTabindex: number;
+        closeOnClick: boolean;
         modal: boolean;
+        headerWrapperClass: string | unknown[] | Record<string, any>;
+        footerWrapperClass: string | unknown[] | Record<string, any>;
         initialFocusElement: string | HTMLElement;
         openWithArrowKeys: boolean;
     }, {}, {
@@ -2736,6 +3001,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2750,29 +3023,57 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
-                loading: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
                 };
-                kind: {
-                    type: StringConstructor;
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
-                    validator: (k: unknown) => boolean;
                 };
-                assertiveOnFocus: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
                 };
-                active: {
-                    type: BooleanConstructor;
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
                     default: boolean;
                 };
                 to: {
@@ -2797,6 +3098,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -2806,6 +3111,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 i18n: any;
             }, {
+                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -2838,7 +3144,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                shouldRenderIcon(): any;
+                hasStartIcon(): any;
+                hasEndIcon(): any;
+                hasBlockStartIcon(): any;
+                hasBlockEndIcon(): any;
+                hasNewIconSlots(): any;
+                shouldRenderLegacyIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2869,6 +3180,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2883,14 +3202,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2934,22 +3281,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {
                 link: boolean;
                 disabled: boolean;
+                size: string | number;
                 type: string;
+                iconClass: string | unknown[] | Record<string, any>;
+                replace: boolean;
                 target: string;
                 circle: boolean;
                 active: boolean;
                 loading: boolean;
-                size: string;
-                replace: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
+                startIconClass: string | unknown[] | Record<string, any>;
+                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
+                blockStartIconClass: string | unknown[] | Record<string, any>;
+                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -3019,6 +3375,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
+            wrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             contentClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -3039,6 +3399,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
+            wrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             contentClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -3051,6 +3415,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClose?: ((...args: any[]) => any) | undefined;
         }>, {
             contentClass: string | unknown[] | Record<string, any>;
+            wrapperClass: string | unknown[] | Record<string, any>;
             showCloseButton: boolean;
         }, {}, {
             DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -3081,6 +3446,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3095,14 +3468,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3142,6 +3543,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -3151,6 +3556,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 i18n: any;
             }, {
+                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -3183,7 +3589,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                shouldRenderIcon(): any;
+                hasStartIcon(): any;
+                hasEndIcon(): any;
+                hasBlockStartIcon(): any;
+                hasBlockEndIcon(): any;
+                hasNewIconSlots(): any;
+                shouldRenderLegacyIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -3214,6 +3625,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3228,14 +3647,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3279,22 +3726,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {
                 link: boolean;
                 disabled: boolean;
+                size: string | number;
                 type: string;
+                iconClass: string | unknown[] | Record<string, any>;
+                replace: boolean;
                 target: string;
                 circle: boolean;
                 active: boolean;
                 loading: boolean;
-                size: string;
-                replace: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
+                startIconClass: string | unknown[] | Record<string, any>;
+                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
+                blockStartIconClass: string | unknown[] | Record<string, any>;
+                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -3445,7 +3901,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -3453,9 +3909,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        size: {
-            type: StringConstructor;
+        descriptionClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (t: unknown) => boolean;
         };
         inputClass: {
@@ -3466,10 +3926,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
-        rootClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         currentLength: {
             type: NumberConstructor;
             default: null;
@@ -3486,6 +3942,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        labelSize: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelStrength: {
+            type: StringConstructor;
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
     }>, {}, {
         isInputFocused: boolean;
         isInvalid: boolean;
@@ -3493,6 +3971,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
         isComposing: boolean;
         justEndedComposition: boolean;
+        messagesId: string;
     }, {
         isTextarea(): boolean;
         isDefaultSize(): boolean;
@@ -3511,6 +3990,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         descriptionKey(): string;
         inputState(): string | null;
+        ariaInvalid(): "true" | undefined;
+        ariaDescribedBy(): string | undefined;
         defaultLengthCalculation(): number;
         validationProps(): {
             length: {
@@ -3528,11 +4009,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         shouldValidateLength(): boolean;
         shouldLimitMaxLength(): any;
         showLengthLimitValidation(): any;
+        resolvedLabelSize(): string | number;
+        resolvedDescriptionSize(): any;
+        resolvedDescriptionDensity(): "300" | undefined;
         sizeModifierClass(): any;
         stateClass(): any[];
     }, {
         removeClassStyleAttrs: typeof removeClassStyleAttrs;
-        addClassStyleAttrs: typeof addClassStyleAttrs;
         inputClasses(): any[];
         inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
         calculateLength(value: any): number;
@@ -3548,6 +4031,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         getMessageKey(type: any, index: any): string;
         validateLength(length: any): void;
         clearInput(): void;
+        runValidations(): void;
     }, {
         props: {
             messagesClass: {
@@ -3571,7 +4055,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computed: {
             formattedMessages(): any;
         };
-    }, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         name: {
             type: StringConstructor;
             default: string;
@@ -3593,7 +4077,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -3601,9 +4085,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        size: {
-            type: StringConstructor;
+        descriptionClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (t: unknown) => boolean;
         };
         inputClass: {
@@ -3614,10 +4102,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
-        rootClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            default: string;
-        };
         currentLength: {
             type: NumberConstructor;
             default: null;
@@ -3634,8 +4118,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        labelSize: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelStrength: {
+            type: StringConstructor;
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
     }>> & Readonly<{
-        onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onFocusin?: ((...args: any[]) => any) | undefined;
@@ -3649,13 +4154,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         disabled: boolean;
         modelValue: string | number;
         name: string;
+        size: string | number;
         type: string;
         hidden: boolean;
-        size: string;
         description: string;
+        labelClass: string | unknown[] | Record<string, any>;
+        startIconClass: string | unknown[] | Record<string, any>;
+        endIconClass: string | unknown[] | Record<string, any>;
         validate: Record<string, any>;
-        rootClass: string | unknown[] | Record<string, any>;
-        labelVisible: boolean;
+        showLabel: boolean;
+        labelSize: string | number;
+        labelStrength: string;
+        descriptionClass: string | unknown[] | Record<string, any>;
         inputClass: string | unknown[] | Record<string, any>;
         inputWrapperClass: string | unknown[] | Record<string, any>;
         currentLength: number;
@@ -3675,12 +4185,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
         }>, {}, {}, {
-            isFilteredValidationMessagesEmpty(): boolean;
             filteredValidationMessages(): any;
             validationState(): string | null;
         }, {
             getMessageKey(type: any, index: any): string;
+            iconForType(type: any): any;
             messageTypeClass(type: any): any;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
@@ -3696,10 +4210,278 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
         }>> & Readonly<{}>, {
             id: string;
             validationMessages: unknown[];
             showMessages: boolean;
+            iconClass: string | unknown[] | Record<string, any>;
+        }, {}, {
+            DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            tone: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>, {}, {}, {
+            textClasses(): string[];
+            textStyles(): {
+                '--dt-text-line-clamp': number;
+            } | undefined;
+        }, {
+            getVariantClass(): string | null;
+            getModifierClass(value: any, modifiers: any, propName: any): any;
+            getAlignClass(): any;
+            getToneClass(): any;
+            getWrapClass(): any;
+            getTextBoxTrimClass(): any;
+            getStrengthClass(): any;
+            getDensityClass(): any;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            tone: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+            wrap: string;
+            kind: string;
+            as: string;
+            tone: string;
+            align: string;
+            truncate: boolean;
+            maxLines: number;
+            numeric: boolean;
+            textBoxTrim: string;
+            strength: string;
+            density: string | number;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -3741,6 +4523,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         message: {
             type: StringConstructor;
             default: string;
@@ -3749,8 +4535,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
-            type: BooleanConstructor;
+        open: {
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         transition: {
@@ -3827,6 +4613,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
+        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -3836,6 +4623,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChangePlacement(placement: any): void;
         onHide(): void;
         onShow(tooltipInstance: any, callingMethod: any): false | undefined;
+        resolveAppendTo(): any;
         setProps(): void;
         onMount(): void;
         tooltipHasContent(tooltipInstance: any): boolean;
@@ -3849,6 +4637,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             touch: boolean;
             onMount: () => void;
             showOnCreate: boolean;
+            appendTo: any;
             popperOptions: {
                 modifiers: ({
                     name: string;
@@ -3877,7 +4666,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         addExternalAnchorEventListeners(): void;
         removeExternalAnchorEventListeners(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {
+        props: {
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
+        };
+        data(): {
+            modeContrast: string;
+            modeResolved: null;
+        };
+        computed: {
+            modeAttrs(): any;
+        };
+        watch: {
+            contentMode(): void;
+        };
+        mounted(): void;
+        beforeUnmount(): void;
+        methods: {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        };
+    }, import('vue').ComponentOptionsMixin, ("update:open" | "shown")[], "update:open" | "shown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         id: {
             type: StringConstructor;
             default(): string;
@@ -3916,6 +4730,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         message: {
             type: StringConstructor;
             default: string;
@@ -3924,8 +4742,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
-            type: BooleanConstructor;
+        open: {
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         transition: {
@@ -3952,16 +4770,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     }>> & Readonly<{
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
         onShown?: ((...args: any[]) => any) | undefined;
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     }>, {
         id: string;
         offset: unknown[];
+        open: boolean | null;
         message: string;
-        inverted: boolean;
         contentClass: string | unknown[] | Record<string, any>;
-        show: boolean;
-        transition: boolean;
+        inverted: boolean;
+        anchorClass: string | unknown[] | Record<string, any>;
         appendTo: string | HTMLElement;
         delay: boolean;
         placement: string;
@@ -3969,6 +4787,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         theme: string;
         fallbackPlacements: unknown[];
         enabled: boolean;
+        transition: boolean;
         externalAnchor: string;
         externalAnchorElement: HTMLElement;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3977,12 +4796,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             required: true;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
         size: {
-            type: StringConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: null;
             validator: (t: unknown) => boolean;
         };
@@ -4036,8 +4855,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {
         inputProps(): {
             label: string;
-            labelVisible: boolean;
-            size: string;
+            showLabel: boolean;
+            size: string | number;
             description: string;
             role: string;
             'aria-label': string;
@@ -4116,12 +4935,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             required: true;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
         size: {
-            type: StringConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: null;
             validator: (t: unknown) => boolean;
         };
@@ -4175,10 +4994,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onEscape?: ((...args: any[]) => any) | undefined;
         onHighlight?: ((...args: any[]) => any) | undefined;
     }>, {
-        loading: boolean;
-        size: string;
+        size: string | number;
         description: string;
-        labelVisible: boolean;
+        loading: boolean;
+        showLabel: boolean;
         listId: string;
         onBeginningOfList: Function;
         onEndOfList: Function;
@@ -4228,6 +5047,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {
                 isDefaultType(): boolean;
                 listItemListeners(): {
+                    click: (event: any) => void;
                     keydown: (event: any) => void;
                     mousemove: (event: any) => void;
                     mouseleave: (event: any) => void;
@@ -4239,7 +5059,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClick(e: any): void;
                 onMouseHover(): void;
                 onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -4272,6 +5092,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
             }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
                 onKeydown?: ((...args: any[]) => any) | undefined;
                 onMouseleave?: ((...args: any[]) => any) | undefined;
                 onMousemove?: ((...args: any[]) => any) | undefined;
@@ -4293,35 +5114,51 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
-                        type: StringConstructor;
+                    startClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leftClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
+                    };
                     contentClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     titleClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     subtitleClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     bottomClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
+                    };
+                    endClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     rightClass: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
                     };
                     selectedClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
-                }>, {}, {}, {}, {
+                }>, {}, {}, {
+                    resolvedStartClass(): string | unknown[] | Record<string, any>;
+                    resolvedEndClass(): string | unknown[] | Record<string, any>;
+                    resolvedBlockEndClass(): string | unknown[] | Record<string, any>;
+                }, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -4333,44 +5170,59 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
-                        type: StringConstructor;
+                    startClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leftClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
+                    };
                     contentClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     titleClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     subtitleClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     bottomClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
+                    };
+                    endClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     rightClass: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
                     };
                     selectedClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                 }>> & Readonly<{}>, {
-                    unstyled: boolean;
-                    contentClass: string;
                     as: string;
-                    leftClass: string;
-                    titleClass: string;
-                    subtitleClass: string;
-                    bottomClass: string;
-                    rightClass: string;
-                    selectedClass: string;
+                    contentClass: string | unknown[] | Record<string, any>;
+                    unstyled: boolean;
+                    startClass: string | unknown[] | Record<string, any>;
+                    leftClass: string | unknown[] | Record<string, any>;
+                    titleClass: string | unknown[] | Record<string, any>;
+                    subtitleClass: string | unknown[] | Record<string, any>;
+                    blockEndClass: string | unknown[] | Record<string, any>;
+                    bottomClass: string | unknown[] | Record<string, any>;
+                    endClass: string | unknown[] | Record<string, any>;
+                    rightClass: string | unknown[] | Record<string, any>;
+                    selectedClass: string | unknown[] | Record<string, any>;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
@@ -4479,9 +5331,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: number;
                 };
             }>> & Readonly<{}>, {
+                ariaLabel: string;
                 offset: number;
                 animationDuration: number;
-                ariaLabel: string;
                 animate: boolean;
                 paragraphOption: boolean | Record<string, any>;
                 listItemOption: boolean | Record<string, any>;
@@ -4521,6 +5373,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     SKELETON_HEADING_HEIGHTS: {
+                        200: string;
+                        300: string;
+                        400: string;
                         sm: string;
                         md: string;
                         lg: string;
@@ -4568,9 +5423,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: string;
                     offset: number;
                     animationDuration: number;
-                    width: string;
-                    contentClass: string;
                     animate: boolean;
+                    contentClass: string;
+                    width: string;
                     headingHeight: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -4580,8 +5435,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -4628,8 +5483,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -4648,12 +5503,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                 }>> & Readonly<{}>, {
+                    size: string | number;
                     offset: number;
                     animationDuration: number;
-                    size: string;
+                    animate: boolean;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
-                    animate: boolean;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     shape: {
@@ -4662,8 +5517,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -4699,8 +5554,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -4732,10 +5587,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
+                    animate: boolean;
                     contentClass: string;
                     shape: string;
-                    animate: boolean;
-                    shapeSize: string;
+                    shapeSize: string | number;
                     paragraphs: Record<string, any>;
                     shapeClass: string;
                 }, {}, {
@@ -4746,8 +5601,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -4794,8 +5649,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -4814,12 +5669,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                     }>> & Readonly<{}>, {
+                        size: string | number;
                         offset: number;
                         animationDuration: number;
-                        size: string;
+                        animate: boolean;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
-                        animate: boolean;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         rows: {
@@ -4917,10 +5772,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        width: string | unknown[];
+                        animate: boolean;
                         contentClass: string;
+                        width: string | unknown[];
                         maxWidth: string | number;
-                        animate: boolean;
                         rows: string | number;
                         minWidth: string | number;
                         randomWidth: boolean;
@@ -4959,6 +5814,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             };
                         }>, {}, {
                             SKELETON_HEADING_HEIGHTS: {
+                                200: string;
+                                300: string;
+                                400: string;
                                 sm: string;
                                 md: string;
                                 lg: string;
@@ -5006,9 +5864,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: string;
                             offset: number;
                             animationDuration: number;
-                            width: string;
-                            contentClass: string;
                             animate: boolean;
+                            contentClass: string;
+                            width: string;
                             headingHeight: string;
                         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -5109,10 +5967,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    width: string | unknown[];
+                    animate: boolean;
                     contentClass: string;
+                    width: string | unknown[];
                     maxWidth: string | number;
-                    animate: boolean;
                     rows: string | number;
                     minWidth: string | number;
                     randomWidth: boolean;
@@ -5151,6 +6009,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
+                            200: string;
+                            300: string;
+                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -5198,9 +6059,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: string;
                         offset: number;
                         animationDuration: number;
-                        width: string;
-                        contentClass: string;
                         animate: boolean;
+                        contentClass: string;
+                        width: string;
                         headingHeight: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -5265,6 +6126,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {
                 isDefaultType(): boolean;
                 listItemListeners(): {
+                    click: (event: any) => void;
                     keydown: (event: any) => void;
                     mousemove: (event: any) => void;
                     mouseleave: (event: any) => void;
@@ -5276,7 +6138,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClick(e: any): void;
                 onMouseHover(): void;
                 onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -5309,6 +6171,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
             }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
                 onKeydown?: ((...args: any[]) => any) | undefined;
                 onMouseleave?: ((...args: any[]) => any) | undefined;
                 onMousemove?: ((...args: any[]) => any) | undefined;
@@ -5330,35 +6193,51 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
-                        type: StringConstructor;
+                    startClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leftClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
+                    };
                     contentClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     titleClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     subtitleClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     bottomClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
+                    };
+                    endClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     rightClass: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
                     };
                     selectedClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
-                }>, {}, {}, {}, {
+                }>, {}, {}, {
+                    resolvedStartClass(): string | unknown[] | Record<string, any>;
+                    resolvedEndClass(): string | unknown[] | Record<string, any>;
+                    resolvedBlockEndClass(): string | unknown[] | Record<string, any>;
+                }, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -5370,44 +6249,59 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
-                        type: StringConstructor;
+                    startClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leftClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
+                    };
                     contentClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     titleClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     subtitleClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     bottomClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
+                    };
+                    endClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                     rightClass: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: undefined;
                     };
                     selectedClass: {
-                        type: StringConstructor;
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
                 }>> & Readonly<{}>, {
-                    unstyled: boolean;
-                    contentClass: string;
                     as: string;
-                    leftClass: string;
-                    titleClass: string;
-                    subtitleClass: string;
-                    bottomClass: string;
-                    rightClass: string;
-                    selectedClass: string;
+                    contentClass: string | unknown[] | Record<string, any>;
+                    unstyled: boolean;
+                    startClass: string | unknown[] | Record<string, any>;
+                    leftClass: string | unknown[] | Record<string, any>;
+                    titleClass: string | unknown[] | Record<string, any>;
+                    subtitleClass: string | unknown[] | Record<string, any>;
+                    blockEndClass: string | unknown[] | Record<string, any>;
+                    bottomClass: string | unknown[] | Record<string, any>;
+                    endClass: string | unknown[] | Record<string, any>;
+                    rightClass: string | unknown[] | Record<string, any>;
+                    selectedClass: string | unknown[] | Record<string, any>;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
@@ -5537,6 +6431,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5551,14 +6453,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5598,6 +6528,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>, {}, {
             ICON_POSITION_MODIFIERS: {
+                start: string;
+                end: string;
+                blockStart: string;
+                blockEnd: string;
                 left: string;
                 right: string;
                 top: string;
@@ -5607,6 +6541,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             i18n: any;
         }, {
+            resolvedUnderline(): boolean;
             computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             isNativeButton(): boolean;
             computedAttrs(): {
@@ -5639,7 +6574,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             buttonClasses(): any[];
             isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-            shouldRenderIcon(): any;
+            hasStartIcon(): any;
+            hasEndIcon(): any;
+            hasBlockStartIcon(): any;
+            hasBlockEndIcon(): any;
+            hasNewIconSlots(): any;
+            shouldRenderLegacyIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -5670,6 +6610,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5684,14 +6632,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5735,22 +6711,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             link: boolean;
             disabled: boolean;
+            size: string | number;
             type: string;
+            iconClass: string | unknown[] | Record<string, any>;
+            replace: boolean;
             target: string;
             circle: boolean;
             active: boolean;
             loading: boolean;
-            size: string;
-            replace: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
+            startIconClass: string | unknown[] | Record<string, any>;
+            endIconClass: string | unknown[] | Record<string, any>;
             href: string;
             to: string | Record<string, any>;
             iconPosition: string;
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
+            blockStartIconClass: string | unknown[] | Record<string, any>;
+            blockEndIconClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -5871,6 +6856,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5885,14 +6878,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5932,6 +6953,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>, {}, {
             ICON_POSITION_MODIFIERS: {
+                start: string;
+                end: string;
+                blockStart: string;
+                blockEnd: string;
                 left: string;
                 right: string;
                 top: string;
@@ -5941,6 +6966,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             i18n: any;
         }, {
+            resolvedUnderline(): boolean;
             computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             isNativeButton(): boolean;
             computedAttrs(): {
@@ -5973,7 +6999,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             buttonClasses(): any[];
             isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-            shouldRenderIcon(): any;
+            hasStartIcon(): any;
+            hasEndIcon(): any;
+            hasBlockStartIcon(): any;
+            hasBlockEndIcon(): any;
+            hasNewIconSlots(): any;
+            shouldRenderLegacyIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -6004,6 +7035,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -6018,14 +7057,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -6069,22 +7136,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             link: boolean;
             disabled: boolean;
+            size: string | number;
             type: string;
+            iconClass: string | unknown[] | Record<string, any>;
+            replace: boolean;
             target: string;
             circle: boolean;
             active: boolean;
             loading: boolean;
-            size: string;
-            replace: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
+            startIconClass: string | unknown[] | Record<string, any>;
+            endIconClass: string | unknown[] | Record<string, any>;
             href: string;
             to: string | Record<string, any>;
             iconPosition: string;
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
+            blockStartIconClass: string | unknown[] | Record<string, any>;
+            blockEndIconClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -6114,8 +7190,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtDropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
             open: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             openOnContext: {
@@ -6172,6 +7253,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            footerClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             appendTo: {
                 type: (StringConstructor | {
                     new (): HTMLElement;
@@ -6288,8 +7373,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 focusActiveItemIfNeeded(): void;
             };
         }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "highlight")[], "keydown" | "update:open" | "opened" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
             open: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             openOnContext: {
@@ -6346,6 +7436,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            footerClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             appendTo: {
                 type: (StringConstructor | {
                     new (): HTMLElement;
@@ -6368,9 +7462,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onOpened?: ((...args: any[]) => any) | undefined;
             onHighlight?: ((...args: any[]) => any) | undefined;
         }>, {
-            open: boolean;
+            contentMode: string;
+            open: boolean | null;
+            padding: string;
+            listClass: string | unknown[] | Record<string, any>;
             maxHeight: string;
-            transition: string;
+            footerClass: string | unknown[] | Record<string, any>;
             maxWidth: string;
             navigationType: string;
             listId: string;
@@ -6380,15 +7477,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             placement: string;
             fallbackPlacements: unknown[];
             tether: boolean;
+            transition: string;
             openOnContext: boolean;
-            padding: string;
             contentWidth: string;
             modal: boolean;
-            listClass: string | unknown[] | Record<string, any>;
         }, {}, {
             DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 open: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | null)[];
                     default: null;
                 };
                 openOnContext: {
@@ -6457,7 +7553,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: ArrayConstructor;
                     default: () => number[];
                 };
-                hideOnClick: {
+                closeOnClick: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -6494,10 +7590,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                anchorClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                headerWrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 headerClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                footerWrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 footerClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
@@ -6556,6 +7664,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 calculatedMaxHeight(): string;
                 labelledBy(): string | false;
             }, {
+                getModeReferenceEl(): unknown;
                 hasIntersectedViewport(entries: any): void;
                 updateAnchorEl(): void;
                 popperOptions(): {
@@ -6620,9 +7729,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
                     focusTrappedTabPress(e: object, el: object): void;
                 };
+            } | {
+                props: {
+                    contentMode: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (v: any) => boolean;
+                    };
+                };
+                data(): {
+                    modeContrast: string;
+                    modeResolved: null;
+                };
+                computed: {
+                    modeAttrs(): any;
+                };
+                watch: {
+                    contentMode(): void;
+                };
+                mounted(): void;
+                beforeUnmount(): void;
+                methods: {
+                    getModeReferenceEl(): HTMLElement | null;
+                    setupModeObservers(): void;
+                    cleanupModeObservers(): void;
+                };
             }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 open: {
-                    type: BooleanConstructor;
+                    type: (BooleanConstructor | null)[];
                     default: null;
                 };
                 openOnContext: {
@@ -6691,7 +7825,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: ArrayConstructor;
                     default: () => number[];
                 };
-                hideOnClick: {
+                closeOnClick: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -6728,10 +7862,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                anchorClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                headerWrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 headerClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                footerWrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 footerClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
@@ -6769,35 +7915,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
                 "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
             }>, {
+                ariaLabel: string;
                 id: string;
                 offset: unknown[];
-                open: boolean;
-                ariaLabel: string;
+                open: boolean | null;
+                headerClass: string | unknown[] | Record<string, any>;
+                contentClass: string | unknown[] | Record<string, any>;
                 role: string;
                 dialogClass: string | unknown[] | Record<string, any>;
+                padding: string;
                 maxHeight: string;
-                contentClass: string | unknown[] | Record<string, any>;
-                headerClass: string | unknown[] | Record<string, any>;
                 footerClass: string | unknown[] | Record<string, any>;
                 elementType: string;
-                transition: string;
+                anchorClass: string | unknown[] | Record<string, any>;
                 maxWidth: string;
                 appendTo: string | HTMLElement;
-                hideOnClick: boolean;
                 placement: string;
                 sticky: string | boolean;
                 fallbackPlacements: unknown[];
                 tether: boolean;
+                transition: string;
                 externalAnchor: string;
                 externalAnchorElement: HTMLElement;
                 showCloseButton: boolean;
                 openOnContext: boolean;
                 ariaLabelledby: string;
-                padding: string;
                 contentWidth: string;
                 contentAppear: boolean;
                 contentTabindex: number;
+                closeOnClick: boolean;
                 modal: boolean;
+                headerWrapperClass: string | unknown[] | Record<string, any>;
+                footerWrapperClass: string | unknown[] | Record<string, any>;
                 initialFocusElement: string | HTMLElement;
                 openWithArrowKeys: boolean;
             }, {}, {
@@ -6868,6 +8017,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        linkUnderline: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        underline: {
+                            type: BooleanConstructor;
+                            default: null;
+                        };
                         disabled: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -6882,14 +8039,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: null;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         labelClass: {
                             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                             default: string;
                         };
+                        leadingClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        trailingClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        startIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        endIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        blockStartIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        blockEndIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        iconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
                         loading: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -6929,6 +8114,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         ICON_POSITION_MODIFIERS: {
+                            start: string;
+                            end: string;
+                            blockStart: string;
+                            blockEnd: string;
                             left: string;
                             right: string;
                             top: string;
@@ -6938,6 +8127,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                         i18n: any;
                     }, {
+                        resolvedUnderline(): boolean;
                         computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                         isNativeButton(): boolean;
                         computedAttrs(): {
@@ -6970,7 +8160,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                         buttonClasses(): any[];
                         isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                        shouldRenderIcon(): any;
+                        hasStartIcon(): any;
+                        hasEndIcon(): any;
+                        hasBlockStartIcon(): any;
+                        hasBlockEndIcon(): any;
+                        hasNewIconSlots(): any;
+                        shouldRenderLegacyIcon(): any;
                         isIconOnly(): any;
                         isVerticalIconLayout(): boolean;
                     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -7001,6 +8196,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        linkUnderline: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        underline: {
+                            type: BooleanConstructor;
+                            default: null;
+                        };
                         disabled: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -7015,14 +8218,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: null;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         labelClass: {
                             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                             default: string;
                         };
+                        leadingClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        trailingClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        startIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        endIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        blockStartIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        blockEndIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        iconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
                         loading: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -7066,22 +8297,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>, {
                         link: boolean;
                         disabled: boolean;
+                        size: string | number;
                         type: string;
+                        iconClass: string | unknown[] | Record<string, any>;
+                        replace: boolean;
                         target: string;
                         circle: boolean;
                         active: boolean;
                         loading: boolean;
-                        size: string;
-                        replace: boolean;
+                        underline: boolean;
                         kind: string;
                         labelClass: string | unknown[] | Record<string, any>;
+                        startIconClass: string | unknown[] | Record<string, any>;
+                        endIconClass: string | unknown[] | Record<string, any>;
                         href: string;
                         to: string | Record<string, any>;
                         iconPosition: string;
                         importance: string;
                         linkKind: string;
                         linkInverted: boolean;
+                        linkUnderline: boolean;
                         width: string;
+                        leadingClass: string | unknown[] | Record<string, any>;
+                        trailingClass: string | unknown[] | Record<string, any>;
+                        blockStartIconClass: string | unknown[] | Record<string, any>;
+                        blockEndIconClass: string | unknown[] | Record<string, any>;
                         assertiveOnFocus: boolean;
                         rel: string;
                     }, {}, {
@@ -7151,6 +8391,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         validator: (value: unknown) => boolean;
                     };
+                    wrapperClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     contentClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
@@ -7171,6 +8415,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         validator: (value: unknown) => boolean;
                     };
+                    wrapperClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     contentClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
@@ -7183,6 +8431,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     onClose?: ((...args: any[]) => any) | undefined;
                 }>, {
                     contentClass: string | unknown[] | Record<string, any>;
+                    wrapperClass: string | unknown[] | Record<string, any>;
                     showCloseButton: boolean;
                 }, {}, {
                     DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -7213,6 +8462,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        linkUnderline: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        underline: {
+                            type: BooleanConstructor;
+                            default: null;
+                        };
                         disabled: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -7227,14 +8484,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: null;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         labelClass: {
                             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                             default: string;
                         };
+                        leadingClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        trailingClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        startIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        endIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        blockStartIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        blockEndIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        iconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
                         loading: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -7274,6 +8559,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         ICON_POSITION_MODIFIERS: {
+                            start: string;
+                            end: string;
+                            blockStart: string;
+                            blockEnd: string;
                             left: string;
                             right: string;
                             top: string;
@@ -7283,6 +8572,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                         i18n: any;
                     }, {
+                        resolvedUnderline(): boolean;
                         computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                         isNativeButton(): boolean;
                         computedAttrs(): {
@@ -7315,7 +8605,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                         buttonClasses(): any[];
                         isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                        shouldRenderIcon(): any;
+                        hasStartIcon(): any;
+                        hasEndIcon(): any;
+                        hasBlockStartIcon(): any;
+                        hasBlockEndIcon(): any;
+                        hasNewIconSlots(): any;
+                        shouldRenderLegacyIcon(): any;
                         isIconOnly(): any;
                         isVerticalIconLayout(): boolean;
                     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -7346,6 +8641,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: BooleanConstructor;
                             default: boolean;
                         };
+                        linkUnderline: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        underline: {
+                            type: BooleanConstructor;
+                            default: null;
+                        };
                         disabled: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -7359,12 +8662,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             type: StringConstructor;
                             default: null;
                         };
-                        size: {
-                            type: StringConstructor;
+                        size: {
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (s: unknown) => boolean;
+                        };
+                        labelClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        leadingClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        trailingClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        startIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        endIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        blockStartIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                             default: string;
-                            validator: (s: unknown) => boolean;
                         };
-                        labelClass: {
+                        blockEndIconClass: {
+                            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                            default: string;
+                        };
+                        iconClass: {
                             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                             default: string;
                         };
@@ -7411,22 +8742,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>, {
                         link: boolean;
                         disabled: boolean;
+                        size: string | number;
                         type: string;
+                        iconClass: string | unknown[] | Record<string, any>;
+                        replace: boolean;
                         target: string;
                         circle: boolean;
                         active: boolean;
                         loading: boolean;
-                        size: string;
-                        replace: boolean;
+                        underline: boolean;
                         kind: string;
                         labelClass: string | unknown[] | Record<string, any>;
+                        startIconClass: string | unknown[] | Record<string, any>;
+                        endIconClass: string | unknown[] | Record<string, any>;
                         href: string;
                         to: string | Record<string, any>;
                         iconPosition: string;
                         importance: string;
                         linkKind: string;
                         linkInverted: boolean;
+                        linkUnderline: boolean;
                         width: string;
+                        leadingClass: string | unknown[] | Record<string, any>;
+                        trailingClass: string | unknown[] | Record<string, any>;
+                        blockStartIconClass: string | unknown[] | Record<string, any>;
+                        blockEndIconClass: string | unknown[] | Record<string, any>;
                         assertiveOnFocus: boolean;
                         rel: string;
                     }, {}, {
@@ -7580,6 +8920,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7594,14 +8942,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7641,6 +9017,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>, {}, {
             ICON_POSITION_MODIFIERS: {
+                start: string;
+                end: string;
+                blockStart: string;
+                blockEnd: string;
                 left: string;
                 right: string;
                 top: string;
@@ -7650,6 +9030,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             i18n: any;
         }, {
+            resolvedUnderline(): boolean;
             computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             isNativeButton(): boolean;
             computedAttrs(): {
@@ -7682,7 +9063,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
             buttonClasses(): any[];
             isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-            shouldRenderIcon(): any;
+            hasStartIcon(): any;
+            hasEndIcon(): any;
+            hasBlockStartIcon(): any;
+            hasBlockEndIcon(): any;
+            hasNewIconSlots(): any;
+            shouldRenderLegacyIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -7713,6 +9099,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            linkUnderline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7727,14 +9121,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7778,22 +9200,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             link: boolean;
             disabled: boolean;
+            size: string | number;
             type: string;
+            iconClass: string | unknown[] | Record<string, any>;
+            replace: boolean;
             target: string;
             circle: boolean;
             active: boolean;
             loading: boolean;
-            size: string;
-            replace: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
+            startIconClass: string | unknown[] | Record<string, any>;
+            endIconClass: string | unknown[] | Record<string, any>;
             href: string;
             to: string | Record<string, any>;
             iconPosition: string;
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
+            blockStartIconClass: string | unknown[] | Record<string, any>;
+            blockEndIconClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -7824,7 +9255,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             open: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             openOnContext: {
@@ -7893,7 +9324,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -7930,10 +9361,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            anchorClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            headerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             headerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            footerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             footerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -7992,6 +9435,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
+            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -8056,9 +9500,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
                 focusTrappedTabPress(e: object, el: object): void;
             };
+        } | {
+            props: {
+                contentMode: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (v: any) => boolean;
+                };
+            };
+            data(): {
+                modeContrast: string;
+                modeResolved: null;
+            };
+            computed: {
+                modeAttrs(): any;
+            };
+            watch: {
+                contentMode(): void;
+            };
+            mounted(): void;
+            beforeUnmount(): void;
+            methods: {
+                getModeReferenceEl(): HTMLElement | null;
+                setupModeObservers(): void;
+                cleanupModeObservers(): void;
+            };
         }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             open: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             openOnContext: {
@@ -8127,7 +9596,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -8164,10 +9633,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            anchorClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            headerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             headerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            footerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             footerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -8205,35 +9686,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
             "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
         }>, {
+            ariaLabel: string;
             id: string;
             offset: unknown[];
-            open: boolean;
-            ariaLabel: string;
+            open: boolean | null;
+            headerClass: string | unknown[] | Record<string, any>;
+            contentClass: string | unknown[] | Record<string, any>;
             role: string;
             dialogClass: string | unknown[] | Record<string, any>;
+            padding: string;
             maxHeight: string;
-            contentClass: string | unknown[] | Record<string, any>;
-            headerClass: string | unknown[] | Record<string, any>;
             footerClass: string | unknown[] | Record<string, any>;
             elementType: string;
-            transition: string;
+            anchorClass: string | unknown[] | Record<string, any>;
             maxWidth: string;
             appendTo: string | HTMLElement;
-            hideOnClick: boolean;
             placement: string;
             sticky: string | boolean;
             fallbackPlacements: unknown[];
             tether: boolean;
+            transition: string;
             externalAnchor: string;
             externalAnchorElement: HTMLElement;
             showCloseButton: boolean;
             openOnContext: boolean;
             ariaLabelledby: string;
-            padding: string;
             contentWidth: string;
             contentAppear: boolean;
             contentTabindex: number;
+            closeOnClick: boolean;
             modal: boolean;
+            headerWrapperClass: string | unknown[] | Record<string, any>;
+            footerWrapperClass: string | unknown[] | Record<string, any>;
             initialFocusElement: string | HTMLElement;
             openWithArrowKeys: boolean;
         }, {}, {
@@ -8304,6 +9788,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8318,14 +9810,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8365,6 +9885,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     ICON_POSITION_MODIFIERS: {
+                        start: string;
+                        end: string;
+                        blockStart: string;
+                        blockEnd: string;
                         left: string;
                         right: string;
                         top: string;
@@ -8374,6 +9898,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                     i18n: any;
                 }, {
+                    resolvedUnderline(): boolean;
                     computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                     isNativeButton(): boolean;
                     computedAttrs(): {
@@ -8406,7 +9931,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                     buttonClasses(): any[];
                     isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                    shouldRenderIcon(): any;
+                    hasStartIcon(): any;
+                    hasEndIcon(): any;
+                    hasBlockStartIcon(): any;
+                    hasBlockEndIcon(): any;
+                    hasNewIconSlots(): any;
+                    shouldRenderLegacyIcon(): any;
                     isIconOnly(): any;
                     isVerticalIconLayout(): boolean;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -8437,6 +9967,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8451,14 +9989,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8502,22 +10068,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>, {
                     link: boolean;
                     disabled: boolean;
+                    size: string | number;
                     type: string;
+                    iconClass: string | unknown[] | Record<string, any>;
+                    replace: boolean;
                     target: string;
                     circle: boolean;
                     active: boolean;
                     loading: boolean;
-                    size: string;
-                    replace: boolean;
+                    underline: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
+                    startIconClass: string | unknown[] | Record<string, any>;
+                    endIconClass: string | unknown[] | Record<string, any>;
                     href: string;
                     to: string | Record<string, any>;
                     iconPosition: string;
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
+                    linkUnderline: boolean;
                     width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
+                    blockStartIconClass: string | unknown[] | Record<string, any>;
+                    blockEndIconClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {
@@ -8587,6 +10162,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     validator: (value: unknown) => boolean;
                 };
+                wrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 contentClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
@@ -8607,6 +10186,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     validator: (value: unknown) => boolean;
                 };
+                wrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 contentClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
@@ -8619,6 +10202,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClose?: ((...args: any[]) => any) | undefined;
             }>, {
                 contentClass: string | unknown[] | Record<string, any>;
+                wrapperClass: string | unknown[] | Record<string, any>;
                 showCloseButton: boolean;
             }, {}, {
                 DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -8649,6 +10233,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8663,14 +10255,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8710,6 +10330,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     ICON_POSITION_MODIFIERS: {
+                        start: string;
+                        end: string;
+                        blockStart: string;
+                        blockEnd: string;
                         left: string;
                         right: string;
                         top: string;
@@ -8719,6 +10343,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                     i18n: any;
                 }, {
+                    resolvedUnderline(): boolean;
                     computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                     isNativeButton(): boolean;
                     computedAttrs(): {
@@ -8751,7 +10376,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                     buttonClasses(): any[];
                     isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                    shouldRenderIcon(): any;
+                    hasStartIcon(): any;
+                    hasEndIcon(): any;
+                    hasBlockStartIcon(): any;
+                    hasBlockEndIcon(): any;
+                    hasNewIconSlots(): any;
+                    shouldRenderLegacyIcon(): any;
                     isIconOnly(): any;
                     isVerticalIconLayout(): boolean;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -8782,6 +10412,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8796,14 +10434,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8847,22 +10513,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>, {
                     link: boolean;
                     disabled: boolean;
+                    size: string | number;
                     type: string;
+                    iconClass: string | unknown[] | Record<string, any>;
+                    replace: boolean;
                     target: string;
                     circle: boolean;
                     active: boolean;
                     loading: boolean;
-                    size: string;
-                    replace: boolean;
+                    underline: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
+                    startIconClass: string | unknown[] | Record<string, any>;
+                    endIconClass: string | unknown[] | Record<string, any>;
                     href: string;
                     to: string | Record<string, any>;
                     iconPosition: string;
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
+                    linkUnderline: boolean;
                     width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
+                    blockStartIconClass: string | unknown[] | Record<string, any>;
+                    blockEndIconClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {