@dialpad/dialtone-vue 3.220.0 → 3.221.0-next.1

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;
@@ -3528,11 +4006,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 +4028,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 +4052,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 +4074,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -3601,9 +4082,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 +4099,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 +4115,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 +4151,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 +4182,17 @@ 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 +4208,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 +4521,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 +4533,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 +4611,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 +4621,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 +4635,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             touch: boolean;
             onMount: () => void;
             showOnCreate: boolean;
+            appendTo: any;
             popperOptions: {
                 modifiers: ({
                     name: string;
@@ -3877,7 +4664,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 +4728,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 +4740,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 +4768,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 +4785,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 +4794,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 +4853,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 +4933,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 +4992,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 +5045,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 +5057,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 +5090,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 +5112,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 +5168,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 +5329,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 +5371,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 +5421,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 +5433,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 +5481,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 +5501,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 +5515,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 +5552,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 +5585,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 +5599,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 +5647,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 +5667,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 +5770,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 +5812,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 +5862,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 +5965,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 +6007,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 +6057,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 +6124,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 +6136,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 +6169,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 +6191,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 +6247,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 +6429,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 +6451,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 +6526,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 +6539,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 +6572,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 +6608,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 +6630,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 +6709,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 +6854,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 +6876,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 +6951,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 +6964,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 +6997,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 +7033,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 +7055,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 +7134,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 +7188,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 +7251,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 +7371,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 +7434,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 +7460,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 +7475,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 +7551,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: ArrayConstructor;
                     default: () => number[];
                 };
-                hideOnClick: {
+                closeOnClick: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -6494,10 +7588,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 +7662,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 +7727,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 +7823,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: ArrayConstructor;
                     default: () => number[];
                 };
-                hideOnClick: {
+                closeOnClick: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -6728,10 +7860,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 +7913,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 +8015,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 +8037,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 +8112,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 +8125,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 +8158,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 +8194,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 +8216,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 +8295,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 +8389,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 +8413,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 +8429,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 +8460,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 +8482,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 +8557,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 +8570,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 +8603,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 +8639,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 +8660,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 +8740,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 +8918,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 +8940,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 +9015,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 +9028,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 +9061,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 +9097,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 +9119,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 +9198,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 +9253,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 +9322,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -7930,10 +9359,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 +9433,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 +9498,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 +9594,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -8164,10 +9631,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 +9684,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 +9786,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 +9808,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 +9883,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 +9896,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 +9929,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 +9965,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 +9987,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 +10066,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 +10160,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 +10184,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 +10200,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 +10231,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 +10253,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 +10328,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 +10341,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 +10374,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 +10410,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 +10432,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 +10511,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;
                 }, {}, {