@dialpad/dialtone-vue 3.219.0 → 3.220.0-next.2

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

@@ -1,4 +1,4 @@
-import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
+import { removeClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | StringConstructor)[];
@@ -614,7 +614,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     actionBarBtn(): any;
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
-    addClassStyleAttrs: typeof addClassStyleAttrs;
     focusEditor(): void;
     onInputFocus(event: any): void;
     removeLink(): void;
@@ -939,6 +938,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 +950,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 +983,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,10 +1005,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            leftClass: {
+            startClass: {
                 type: StringConstructor;
                 default: string;
             };
+            leftClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
             contentClass: {
                 type: StringConstructor;
                 default: string;
@@ -1020,19 +1025,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
+            blockEndClass: {
+                type: StringConstructor;
+                default: string;
+            };
             bottomClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            endClass: {
                 type: StringConstructor;
                 default: string;
             };
             rightClass: {
                 type: StringConstructor;
-                default: string;
+                default: undefined;
             };
             selectedClass: {
                 type: StringConstructor;
                 default: string;
             };
-        }>, {}, {}, {}, {
+        }>, {}, {}, {
+            resolvedStartClass(): string;
+            resolvedEndClass(): string;
+            resolvedBlockEndClass(): string;
+        }, {
             dynamicGridTemplateColumns(): string;
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1044,10 +1061,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            leftClass: {
+            startClass: {
                 type: StringConstructor;
                 default: string;
             };
+            leftClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
             contentClass: {
                 type: StringConstructor;
                 default: string;
@@ -1060,26 +1081,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
+            blockEndClass: {
+                type: StringConstructor;
+                default: string;
+            };
             bottomClass: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            endClass: {
                 type: StringConstructor;
                 default: string;
             };
             rightClass: {
                 type: StringConstructor;
-                default: string;
+                default: undefined;
             };
             selectedClass: {
                 type: StringConstructor;
                 default: string;
             };
         }>> & Readonly<{}>, {
+            as: string;
             unstyled: boolean;
             contentClass: string;
-            as: string;
+            startClass: string;
             leftClass: string;
             titleClass: string;
             subtitleClass: string;
+            blockEndClass: string;
             bottomClass: string;
+            endClass: string;
             rightClass: string;
             selectedClass: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1123,7 +1155,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        preventTyping: {
+        allowTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1245,7 +1277,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        hideLinkBubbleMenu: {
+        showLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1323,7 +1355,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        preventTyping: {
+        allowTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1445,7 +1477,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        hideLinkBubbleMenu: {
+        showLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1490,7 +1522,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;
@@ -1515,7 +1547,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         allowLineHeight: boolean;
         allowVariable: boolean;
         additionalExtensions: unknown[];
-        hideLinkBubbleMenu: boolean;
+        showLinkBubbleMenu: boolean;
         useDivTags: boolean;
         allowTables: boolean;
         allowImageResize: boolean;
@@ -1664,6 +1696,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;
@@ -1678,14 +1718,22 @@ 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;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1725,6 +1773,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;
@@ -1734,6 +1786,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(): {
@@ -1766,7 +1819,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<{
@@ -1797,6 +1855,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;
@@ -1811,14 +1877,22 @@ 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;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1866,9 +1940,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             target: string;
             circle: boolean;
             active: boolean;
-            loading: boolean;
-            size: string;
+            size: string | number;
             replace: boolean;
+            loading: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
             href: string;
@@ -1877,7 +1952,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -2003,6 +2081,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;
@@ -2017,14 +2103,22 @@ 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;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -2064,6 +2158,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;
@@ -2073,6 +2171,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(): {
@@ -2105,7 +2204,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<{
@@ -2136,6 +2240,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;
@@ -2150,14 +2262,22 @@ 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;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -2205,9 +2325,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         target: string;
         circle: boolean;
         active: boolean;
-        loading: boolean;
-        size: string;
+        size: string | number;
         replace: boolean;
+        loading: boolean;
+        underline: boolean;
         kind: string;
         labelClass: string | unknown[] | Record<string, any>;
         href: string;
@@ -2216,7 +2337,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         importance: string;
         linkKind: string;
         linkInverted: boolean;
+        linkUnderline: boolean;
         width: string;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
         assertiveOnFocus: boolean;
         rel: string;
     }, {}, {
@@ -2316,7 +2440,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2353,10 +2477,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        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;
@@ -2415,6 +2547,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -2479,6 +2612,31 @@ 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;
@@ -2550,7 +2708,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2587,10 +2745,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        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;
@@ -2634,6 +2800,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         ariaLabel: string;
         role: string;
         dialogClass: string | unknown[] | Record<string, any>;
+        padding: string;
         maxHeight: string;
         contentClass: string | unknown[] | Record<string, any>;
         headerClass: string | unknown[] | Record<string, any>;
@@ -2642,7 +2809,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         transition: string;
         maxWidth: string;
         appendTo: string | HTMLElement;
-        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         fallbackPlacements: unknown[];
@@ -2652,11 +2818,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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;
     }, {}, {
@@ -2727,6 +2895,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;
@@ -2741,14 +2917,22 @@ 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;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2788,6 +2972,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;
@@ -2797,6 +2985,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(): {
@@ -2829,7 +3018,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<{
@@ -2860,6 +3054,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;
@@ -2874,14 +3076,22 @@ 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;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2929,9 +3139,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                loading: boolean;
-                size: string;
+                size: string | number;
                 replace: boolean;
+                loading: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
                 href: string;
@@ -2940,7 +3151,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -3010,6 +3224,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;
@@ -3030,6 +3248,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;
@@ -3042,6 +3264,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<{
@@ -3072,6 +3295,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;
@@ -3086,14 +3317,22 @@ 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;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3133,6 +3372,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;
@@ -3142,6 +3385,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(): {
@@ -3174,7 +3418,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<{
@@ -3205,6 +3454,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;
@@ -3219,14 +3476,22 @@ 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;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3274,9 +3539,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                loading: boolean;
-                size: string;
+                size: string | number;
                 replace: boolean;
+                loading: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
                 href: string;
@@ -3285,7 +3551,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -3436,7 +3705,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -3444,9 +3713,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: {
@@ -3457,10 +3730,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;
@@ -3477,6 +3746,20 @@ 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;
+        };
     }>, {}, {
         isInputFocused: boolean;
         isInvalid: boolean;
@@ -3519,11 +3802,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;
@@ -3539,6 +3824,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: {
@@ -3584,7 +3870,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -3592,9 +3878,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: {
@@ -3605,10 +3895,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;
@@ -3625,6 +3911,20 @@ 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;
+        };
     }>> & Readonly<{
         onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
@@ -3642,11 +3942,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         name: string;
         type: string;
         hidden: boolean;
-        size: string;
+        size: string | number;
         description: string;
+        labelClass: 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;
@@ -3692,18 +3995,160 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validationMessages: unknown[];
             showMessages: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default(): string;
-        };
-        fallbackPlacements: {
-            type: ArrayConstructor;
-            default: () => string[];
-        };
-        inverted: {
-            type: BooleanConstructor;
+        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<{}>, {
+            wrap: string;
+            size: string | number;
+            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<{
+        id: {
+            type: StringConstructor;
+            default(): string;
+        };
+        fallbackPlacements: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        inverted: {
+            type: BooleanConstructor;
             default: boolean;
         };
         offset: {
@@ -3740,7 +4185,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
+        open: {
             type: BooleanConstructor;
             default: null;
         };
@@ -3818,6 +4263,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
+        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -3868,7 +4314,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;
@@ -3915,7 +4386,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
+        open: {
             type: BooleanConstructor;
             default: null;
         };
@@ -3943,15 +4414,15 @@ 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;
         message: string;
         inverted: boolean;
         contentClass: string | unknown[] | Record<string, any>;
-        show: boolean;
         transition: boolean;
         appendTo: string | HTMLElement;
         delay: boolean;
@@ -3968,12 +4439,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;
         };
@@ -4027,8 +4498,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;
@@ -4107,12 +4578,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;
         };
@@ -4166,10 +4637,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;
@@ -4219,6 +4690,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;
@@ -4230,7 +4702,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;
@@ -4263,6 +4735,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;
@@ -4284,10 +4757,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -4300,19 +4777,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
-                }>, {}, {}, {}, {
+                }>, {}, {}, {
+                    resolvedStartClass(): string;
+                    resolvedEndClass(): string;
+                    resolvedBlockEndClass(): string;
+                }, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -4324,10 +4813,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -4340,26 +4833,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
                 }>> & Readonly<{}>, {
+                    as: string;
                     unstyled: boolean;
                     contentClass: string;
-                    as: string;
+                    startClass: string;
                     leftClass: string;
                     titleClass: string;
                     subtitleClass: string;
+                    blockEndClass: string;
                     bottomClass: string;
+                    endClass: string;
                     rightClass: string;
                     selectedClass: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4512,6 +5016,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;
@@ -4571,8 +5078,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;
@@ -4619,8 +5126,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;
@@ -4641,7 +5148,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    size: string;
+                    size: string | number;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
                     animate: boolean;
@@ -4653,8 +5160,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;
@@ -4690,8 +5197,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;
@@ -4726,7 +5233,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     contentClass: string;
                     shape: string;
                     animate: boolean;
-                    shapeSize: string;
+                    shapeSize: string | number;
                     paragraphs: Record<string, any>;
                     shapeClass: string;
                 }, {}, {
@@ -4737,8 +5244,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;
@@ -4785,8 +5292,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;
@@ -4807,7 +5314,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        size: string;
+                        size: string | number;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
                         animate: boolean;
@@ -4950,6 +5457,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;
@@ -5142,6 +5652,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;
@@ -5256,6 +5769,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;
@@ -5267,7 +5781,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;
@@ -5300,6 +5814,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;
@@ -5321,10 +5836,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -5337,19 +5856,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
-                }>, {}, {}, {}, {
+                }>, {}, {}, {
+                    resolvedStartClass(): string;
+                    resolvedEndClass(): string;
+                    resolvedBlockEndClass(): string;
+                }, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -5361,10 +5892,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -5377,26 +5912,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
                 }>> & Readonly<{}>, {
+                    as: string;
                     unstyled: boolean;
                     contentClass: string;
-                    as: string;
+                    startClass: string;
                     leftClass: string;
                     titleClass: string;
                     subtitleClass: string;
+                    blockEndClass: string;
                     bottomClass: string;
+                    endClass: string;
                     rightClass: string;
                     selectedClass: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -5528,6 +6074,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;
@@ -5542,14 +6096,22 @@ 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;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5589,6 +6151,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;
@@ -5598,6 +6164,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(): {
@@ -5630,7 +6197,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<{
@@ -5661,6 +6233,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;
@@ -5675,14 +6255,22 @@ 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;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5730,9 +6318,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             target: string;
             circle: boolean;
             active: boolean;
-            loading: boolean;
-            size: string;
+            size: string | number;
             replace: boolean;
+            loading: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
             href: string;
@@ -5741,7 +6330,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -5862,6 +6454,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;
@@ -5876,14 +6476,22 @@ 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;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5923,6 +6531,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;
@@ -5932,6 +6544,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(): {
@@ -5964,7 +6577,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<{
@@ -5995,6 +6613,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;
@@ -6009,14 +6635,22 @@ 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;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -6064,9 +6698,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             target: string;
             circle: boolean;
             active: boolean;
-            loading: boolean;
-            size: string;
+            size: string | number;
             replace: boolean;
+            loading: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
             href: string;
@@ -6075,7 +6710,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -6105,6 +6743,11 @@ 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;
                 default: null;
@@ -6279,6 +6922,11 @@ 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;
                 default: null;
@@ -6359,7 +7007,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onOpened?: ((...args: any[]) => any) | undefined;
             onHighlight?: ((...args: any[]) => any) | undefined;
         }>, {
+            contentMode: string;
             open: boolean;
+            padding: string;
             maxHeight: string;
             transition: string;
             maxWidth: string;
@@ -6372,7 +7022,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             fallbackPlacements: unknown[];
             tether: boolean;
             openOnContext: boolean;
-            padding: string;
             contentWidth: string;
             modal: boolean;
             listClass: string | unknown[] | Record<string, any>;
@@ -6448,7 +7097,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: ArrayConstructor;
                     default: () => number[];
                 };
-                hideOnClick: {
+                closeOnClick: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -6485,10 +7134,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                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;
@@ -6547,6 +7204,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 calculatedMaxHeight(): string;
                 labelledBy(): string | false;
             }, {
+                getModeReferenceEl(): unknown;
                 hasIntersectedViewport(entries: any): void;
                 updateAnchorEl(): void;
                 popperOptions(): {
@@ -6611,6 +7269,31 @@ 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;
@@ -6682,7 +7365,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: ArrayConstructor;
                     default: () => number[];
                 };
-                hideOnClick: {
+                closeOnClick: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -6719,10 +7402,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                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;
@@ -6766,6 +7457,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 ariaLabel: string;
                 role: string;
                 dialogClass: string | unknown[] | Record<string, any>;
+                padding: string;
                 maxHeight: string;
                 contentClass: string | unknown[] | Record<string, any>;
                 headerClass: string | unknown[] | Record<string, any>;
@@ -6774,7 +7466,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 transition: string;
                 maxWidth: string;
                 appendTo: string | HTMLElement;
-                hideOnClick: boolean;
                 placement: string;
                 sticky: string | boolean;
                 fallbackPlacements: unknown[];
@@ -6784,11 +7475,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 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;
             }, {}, {
@@ -6859,6 +7552,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;
@@ -6873,14 +7574,22 @@ 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;
+                        };
                         loading: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -6920,6 +7629,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;
@@ -6929,6 +7642,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(): {
@@ -6961,7 +7675,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<{
@@ -6992,6 +7711,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;
@@ -7006,14 +7733,22 @@ 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;
+                        };
                         loading: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -7061,9 +7796,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         target: string;
                         circle: boolean;
                         active: boolean;
-                        loading: boolean;
-                        size: string;
+                        size: string | number;
                         replace: boolean;
+                        loading: boolean;
+                        underline: boolean;
                         kind: string;
                         labelClass: string | unknown[] | Record<string, any>;
                         href: string;
@@ -7072,7 +7808,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         importance: string;
                         linkKind: string;
                         linkInverted: boolean;
+                        linkUnderline: boolean;
                         width: string;
+                        leadingClass: string | unknown[] | Record<string, any>;
+                        trailingClass: string | unknown[] | Record<string, any>;
                         assertiveOnFocus: boolean;
                         rel: string;
                     }, {}, {
@@ -7142,6 +7881,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;
@@ -7162,6 +7905,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;
@@ -7174,6 +7921,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<{
@@ -7204,6 +7952,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;
@@ -7218,14 +7974,22 @@ 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;
+                        };
                         loading: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -7265,6 +8029,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;
@@ -7274,6 +8042,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(): {
@@ -7306,7 +8075,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<{
@@ -7337,6 +8111,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;
@@ -7351,14 +8133,22 @@ 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;
+                        };
                         loading: {
                             type: BooleanConstructor;
                             default: boolean;
@@ -7406,9 +8196,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         target: string;
                         circle: boolean;
                         active: boolean;
-                        loading: boolean;
-                        size: string;
+                        size: string | number;
                         replace: boolean;
+                        loading: boolean;
+                        underline: boolean;
                         kind: string;
                         labelClass: string | unknown[] | Record<string, any>;
                         href: string;
@@ -7417,7 +8208,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         importance: string;
                         linkKind: string;
                         linkInverted: boolean;
+                        linkUnderline: boolean;
                         width: string;
+                        leadingClass: string | unknown[] | Record<string, any>;
+                        trailingClass: string | unknown[] | Record<string, any>;
                         assertiveOnFocus: boolean;
                         rel: string;
                     }, {}, {
@@ -7571,6 +8365,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;
@@ -7585,14 +8387,22 @@ 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;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7632,6 +8442,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;
@@ -7641,6 +8455,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(): {
@@ -7673,7 +8488,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<{
@@ -7704,6 +8524,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;
@@ -7718,14 +8546,22 @@ 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;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -7773,9 +8609,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             target: string;
             circle: boolean;
             active: boolean;
-            loading: boolean;
-            size: string;
+            size: string | number;
             replace: boolean;
+            loading: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
             href: string;
@@ -7784,7 +8621,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -7884,7 +8724,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -7921,10 +8761,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            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;
@@ -7983,6 +8831,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
+            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -8047,6 +8896,31 @@ 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;
@@ -8118,7 +8992,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -8155,10 +9029,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            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;
@@ -8202,6 +9084,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             ariaLabel: string;
             role: string;
             dialogClass: string | unknown[] | Record<string, any>;
+            padding: string;
             maxHeight: string;
             contentClass: string | unknown[] | Record<string, any>;
             headerClass: string | unknown[] | Record<string, any>;
@@ -8210,7 +9093,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             transition: string;
             maxWidth: string;
             appendTo: string | HTMLElement;
-            hideOnClick: boolean;
             placement: string;
             sticky: string | boolean;
             fallbackPlacements: unknown[];
@@ -8220,11 +9102,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
         }, {}, {
@@ -8295,6 +9179,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;
@@ -8309,14 +9201,22 @@ 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;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8356,6 +9256,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;
@@ -8365,6 +9269,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(): {
@@ -8397,7 +9302,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<{
@@ -8428,6 +9338,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;
@@ -8442,14 +9360,22 @@ 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;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8497,9 +9423,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     target: string;
                     circle: boolean;
                     active: boolean;
-                    loading: boolean;
-                    size: string;
+                    size: string | number;
                     replace: boolean;
+                    loading: boolean;
+                    underline: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
                     href: string;
@@ -8508,7 +9435,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
+                    linkUnderline: boolean;
                     width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {
@@ -8578,6 +9508,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;
@@ -8598,6 +9532,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;
@@ -8610,6 +9548,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<{
@@ -8640,6 +9579,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;
@@ -8654,14 +9601,22 @@ 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;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8701,6 +9656,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;
@@ -8710,6 +9669,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(): {
@@ -8742,7 +9702,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<{
@@ -8773,6 +9738,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;
@@ -8787,14 +9760,22 @@ 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;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -8842,9 +9823,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     target: string;
                     circle: boolean;
                     active: boolean;
-                    loading: boolean;
-                    size: string;
+                    size: string | number;
                     replace: boolean;
+                    loading: boolean;
+                    underline: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
                     href: string;
@@ -8853,7 +9835,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
+                    linkUnderline: boolean;
                     width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {