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

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

@@ -1,5 +1,5 @@
 import { default as lastActiveNodes } from './last_active_nodes';
-import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
+import { removeClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     richText: {
         type: BooleanConstructor;
@@ -18,7 +18,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
         default: string;
     };
-    preventTyping: {
+    allowTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -157,7 +157,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     linkDialogOpen: boolean;
     selectedText: string;
     text: string;
-    hideLinkBubbleMenu: boolean;
+    showLinkBubbleMenu: boolean;
     i18n: any;
 }, {
     showSendIcon(): boolean;
@@ -174,7 +174,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     cancelButtonLabel(): any;
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
-    addClassStyleAttrs: typeof addClassStyleAttrs;
     linkDialogOpened(value: any): void;
     handleTopbarClick(type: any): void;
     initLinkDialog(): void;
@@ -211,7 +210,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
         default: string;
     };
-    preventTyping: {
+    allowTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -357,7 +356,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     placeholder: string;
     inputClass: string;
     editable: boolean;
-    preventTyping: boolean;
+    allowTyping: boolean;
     inputAriaLabel: string;
     autoFocus: string | number | boolean;
     outputFormat: string;
@@ -410,6 +409,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;
@@ -424,14 +431,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;
@@ -471,6 +486,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;
@@ -480,6 +499,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(): {
@@ -512,7 +532,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<{
@@ -543,6 +568,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;
@@ -557,14 +590,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;
@@ -612,9 +653,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;
@@ -623,7 +665,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;
     }, {}, {
@@ -710,7 +755,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                labelVisible: {
+                showLabel: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -718,9 +763,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: {
@@ -731,10 +780,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;
@@ -751,6 +796,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;
@@ -803,11 +862,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;
@@ -823,6 +884,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: {
@@ -853,11 +915,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;
@@ -903,6 +968,148 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validationMessages: unknown[];
                     showMessages: boolean;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    as: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    tone: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    align: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    textBoxTrim: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    strength: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>, {}, {}, {
+                    textClasses(): string[];
+                    textStyles(): {
+                        '--dt-text-line-clamp': number;
+                    } | undefined;
+                }, {
+                    getVariantClass(): string | null;
+                    getModifierClass(value: any, modifiers: any, propName: any): any;
+                    getAlignClass(): any;
+                    getToneClass(): any;
+                    getWrapClass(): any;
+                    getTextBoxTrimClass(): any;
+                    getStrengthClass(): any;
+                    getDensityClass(): any;
+                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    as: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    tone: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    align: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    textBoxTrim: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    strength: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    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>;
             } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -941,7 +1148,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                labelVisible: {
+                showLabel: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -949,9 +1156,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: {
@@ -962,10 +1173,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;
@@ -982,6 +1189,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;
@@ -1036,11 +1257,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[];
             }, import('vue').MethodOptions & {
                 removeClassStyleAttrs: typeof removeClassStyleAttrs;
-                addClassStyleAttrs: typeof addClassStyleAttrs;
                 inputClasses(): any[];
                 inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
                 calculateLength(value: any): number;
@@ -1056,6 +1279,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 getMessageKey(type: any, index: any): string;
                 validateLength(length: any): void;
                 clearInput(): void;
+                runValidations(): void;
             }, {
                 label: string;
                 disabled: boolean;
@@ -1063,11 +1287,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;
@@ -1160,7 +1387,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1168,9 +1395,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: {
@@ -1181,10 +1412,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;
@@ -1201,6 +1428,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;
@@ -1243,11 +1484,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;
@@ -1263,6 +1506,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: {
@@ -1308,7 +1552,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1316,9 +1560,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: {
@@ -1329,10 +1577,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;
@@ -1349,6 +1593,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;
@@ -1366,11 +1624,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;
@@ -1386,35 +1647,177 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: () => never[];
                 validator: (messages: unknown) => any;
             };
-            showMessages: {
+            showMessages: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {}, {
+            isFilteredValidationMessagesEmpty(): boolean;
+            filteredValidationMessages(): any;
+            validationState(): string | null;
+        }, {
+            getMessageKey(type: any, index: any): string;
+            messageTypeClass(type: any): any;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            validationMessages: {
+                type: ArrayConstructor;
+                default: () => never[];
+                validator: (messages: unknown) => any;
+            };
+            showMessages: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            id: string;
+            validationMessages: unknown[];
+            showMessages: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            tone: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+        }>, {}, {}, {
+            textClasses(): string[];
+            textStyles(): {
+                '--dt-text-line-clamp': number;
+            } | undefined;
+        }, {
+            getVariantClass(): string | null;
+            getModifierClass(value: any, modifiers: any, propName: any): any;
+            getAlignClass(): any;
+            getToneClass(): any;
+            getWrapClass(): any;
+            getTextBoxTrimClass(): any;
+            getStrengthClass(): any;
+            getDensityClass(): any;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+            };
+            tone: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            align: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            truncate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxLines: {
+                type: NumberConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            numeric: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>, {}, {}, {
-            isFilteredValidationMessagesEmpty(): boolean;
-            filteredValidationMessages(): any;
-            validationState(): string | null;
-        }, {
-            getMessageKey(type: any, index: any): string;
-            messageTypeClass(type: any): any;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            id: {
+            wrap: {
                 type: StringConstructor;
-                default(): string;
+                default: null;
+                validator: (value: unknown) => boolean;
             };
-            validationMessages: {
-                type: ArrayConstructor;
-                default: () => never[];
-                validator: (messages: unknown) => any;
+            textBoxTrim: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
             };
-            showMessages: {
-                type: BooleanConstructor;
-                default: boolean;
+            strength: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
+            };
+            density: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (value: unknown) => boolean;
             };
         }>> & Readonly<{}>, {
-            id: string;
-            validationMessages: unknown[];
-            showMessages: boolean;
+            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>;
     DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1488,7 +1891,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1525,10 +1928,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;
@@ -1587,6 +1998,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -1651,6 +2063,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;
@@ -1722,7 +2159,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1759,10 +2196,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;
@@ -1806,6 +2251,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>;
@@ -1814,7 +2260,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[];
@@ -1824,11 +2269,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;
     }, {}, {
@@ -1899,6 +2346,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;
@@ -1913,14 +2368,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;
@@ -1960,6 +2423,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;
@@ -1969,6 +2436,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(): {
@@ -2001,7 +2469,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<{
@@ -2032,6 +2505,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;
@@ -2046,14 +2527,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;
@@ -2101,9 +2590,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;
@@ -2112,7 +2602,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;
             }, {}, {
@@ -2182,6 +2675,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;
@@ -2202,6 +2699,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;
@@ -2214,6 +2715,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<{
@@ -2244,6 +2746,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;
@@ -2258,14 +2768,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;
@@ -2305,6 +2823,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;
@@ -2314,6 +2836,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(): {
@@ -2346,7 +2869,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<{
@@ -2377,6 +2905,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;
@@ -2391,14 +2927,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;
@@ -2446,9 +2990,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;
@@ -2457,7 +3002,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;
             }, {}, {
@@ -3000,6 +3548,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;
@@ -3014,14 +3570,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;
@@ -3061,6 +3625,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;
@@ -3070,6 +3638,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(): {
@@ -3102,7 +3671,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<{
@@ -3133,6 +3707,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;
@@ -3147,14 +3729,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;
@@ -3202,9 +3792,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;
@@ -3213,7 +3804,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;
             }, {}, {
@@ -3289,7 +3883,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                show: {
+                open: {
                     type: BooleanConstructor;
                     default: null;
                 };
@@ -3367,6 +3961,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 anchor(): any;
             }, {
+                getModeReferenceEl(): any;
                 calculateAnchorZindex(): 651 | 400;
                 hasVisibleFocus(): any;
                 onEnterAnchor(e: any): void;
@@ -3417,7 +4012,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;
@@ -3464,7 +4084,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                show: {
+                open: {
                     type: BooleanConstructor;
                     default: null;
                 };
@@ -3492,15 +4112,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;
@@ -4093,11 +4713,153 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: undefined;
                     };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    as: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    tone: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    align: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    textBoxTrim: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    strength: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>, {}, {}, {
+                    textClasses(): string[];
+                    textStyles(): {
+                        '--dt-text-line-clamp': number;
+                    } | undefined;
+                }, {
+                    getVariantClass(): string | null;
+                    getModifierClass(value: any, modifiers: any, propName: any): any;
+                    getAlignClass(): any;
+                    getToneClass(): any;
+                    getWrapClass(): any;
+                    getTextBoxTrimClass(): any;
+                    getStrengthClass(): any;
+                    getDensityClass(): any;
+                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    as: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    tone: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    align: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    textBoxTrim: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    strength: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    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>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4222,7 +4984,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -4259,10 +5021,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;
@@ -4321,6 +5091,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
+            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -4385,6 +5156,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;
@@ -4456,7 +5252,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -4493,10 +5289,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;
@@ -4540,6 +5344,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>;
@@ -4548,7 +5353,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[];
@@ -4558,11 +5362,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;
         }, {}, {
@@ -4633,6 +5439,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;
@@ -4647,14 +5461,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;
@@ -4694,6 +5516,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;
@@ -4703,6 +5529,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(): {
@@ -4735,7 +5562,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<{
@@ -4766,6 +5598,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;
@@ -4780,14 +5620,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;
@@ -4835,9 +5683,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;
@@ -4846,7 +5695,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;
                 }, {}, {
@@ -4916,6 +5768,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;
@@ -4936,6 +5792,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;
@@ -4948,6 +5808,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<{
@@ -4978,6 +5839,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;
@@ -4992,14 +5861,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;
@@ -5039,6 +5916,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;
@@ -5048,6 +5929,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(): {
@@ -5080,7 +5962,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<{
@@ -5111,6 +5998,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;
@@ -5125,14 +6020,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;
@@ -5180,9 +6083,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;
@@ -5191,7 +6095,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;
                 }, {}, {
@@ -5274,7 +6181,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            labelVisible: {
+            showLabel: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5282,9 +6189,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: {
@@ -5295,10 +6206,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;
@@ -5315,6 +6222,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;
@@ -5357,11 +6278,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;
@@ -5377,6 +6300,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: {
@@ -5422,7 +6346,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            labelVisible: {
+            showLabel: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5430,9 +6354,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: {
@@ -5443,10 +6371,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;
@@ -5463,6 +6387,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;
@@ -5480,11 +6418,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;
@@ -5495,40 +6436,182 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default(): string;
                 };
-                validationMessages: {
-                    type: ArrayConstructor;
-                    default: () => never[];
-                    validator: (messages: unknown) => any;
+                validationMessages: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                    validator: (messages: unknown) => any;
+                };
+                showMessages: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {}, {
+                isFilteredValidationMessagesEmpty(): boolean;
+                filteredValidationMessages(): any;
+                validationState(): string | null;
+            }, {
+                getMessageKey(type: any, index: any): string;
+                messageTypeClass(type: any): any;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default(): string;
+                };
+                validationMessages: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                    validator: (messages: unknown) => any;
+                };
+                showMessages: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                id: string;
+                validationMessages: unknown[];
+                showMessages: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                as: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                };
+                tone: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                align: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                truncate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLines: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                numeric: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wrap: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                textBoxTrim: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                strength: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                density: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+            }>, {}, {}, {
+                textClasses(): string[];
+                textStyles(): {
+                    '--dt-text-line-clamp': number;
+                } | undefined;
+            }, {
+                getVariantClass(): string | null;
+                getModifierClass(value: any, modifiers: any, propName: any): any;
+                getAlignClass(): any;
+                getToneClass(): any;
+                getWrapClass(): any;
+                getTextBoxTrimClass(): any;
+                getStrengthClass(): any;
+                getDensityClass(): any;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                as: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                };
+                tone: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                align: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                truncate: {
+                    type: BooleanConstructor;
+                    default: boolean;
                 };
-                showMessages: {
+                maxLines: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                numeric: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
-            }>, {}, {}, {
-                isFilteredValidationMessagesEmpty(): boolean;
-                filteredValidationMessages(): any;
-                validationState(): string | null;
-            }, {
-                getMessageKey(type: any, index: any): string;
-                messageTypeClass(type: any): any;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                id: {
+                wrap: {
                     type: StringConstructor;
-                    default(): string;
+                    default: null;
+                    validator: (value: unknown) => boolean;
                 };
-                validationMessages: {
-                    type: ArrayConstructor;
-                    default: () => never[];
-                    validator: (messages: unknown) => any;
+                textBoxTrim: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
                 };
-                showMessages: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                strength: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                density: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                    validator: (value: unknown) => boolean;
                 };
             }>> & Readonly<{}>, {
-                id: string;
-                validationMessages: unknown[];
-                showMessages: boolean;
+                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>;
         DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -5559,6 +6642,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;
@@ -5573,14 +6664,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;
@@ -5620,6 +6719,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;
@@ -5629,6 +6732,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(): {
@@ -5661,7 +6765,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<{
@@ -5692,6 +6801,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;
@@ -5706,14 +6823,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;
@@ -5761,9 +6886,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;
@@ -5772,7 +6898,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;
         }, {}, {
@@ -5975,6 +7104,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;
@@ -5989,14 +7126,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;
@@ -6036,6 +7181,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;
@@ -6045,6 +7194,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(): {
@@ -6077,7 +7227,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<{
@@ -6108,6 +7263,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;
@@ -6122,14 +7285,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;
@@ -6177,9 +7348,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;
@@ -6188,7 +7360,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;
             }, {}, {
@@ -6264,7 +7439,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                show: {
+                open: {
                     type: BooleanConstructor;
                     default: null;
                 };
@@ -6342,6 +7517,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 anchor(): any;
             }, {
+                getModeReferenceEl(): any;
                 calculateAnchorZindex(): 651 | 400;
                 hasVisibleFocus(): any;
                 onEnterAnchor(e: any): void;
@@ -6392,7 +7568,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;
@@ -6439,7 +7640,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                show: {
+                open: {
                     type: BooleanConstructor;
                     default: null;
                 };
@@ -6467,15 +7668,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;
@@ -7074,6 +8275,148 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: string;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    as: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    tone: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    align: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    textBoxTrim: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    strength: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>, {}, {}, {
+                    textClasses(): string[];
+                    textStyles(): {
+                        '--dt-text-line-clamp': number;
+                    } | undefined;
+                }, {
+                    getVariantClass(): string | null;
+                    getModifierClass(value: any, modifiers: any, propName: any): any;
+                    getAlignClass(): any;
+                    getToneClass(): any;
+                    getWrapClass(): any;
+                    getTextBoxTrimClass(): any;
+                    getStrengthClass(): any;
+                    getDensityClass(): any;
+                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    as: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    tone: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    align: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    textBoxTrim: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    strength: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    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>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -7086,7 +8429,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        preventTyping: {
+        allowTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -7208,7 +8551,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        hideLinkBubbleMenu: {
+        showLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -7286,7 +8629,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        preventTyping: {
+        allowTyping: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -7408,7 +8751,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => never[];
         };
-        hideLinkBubbleMenu: {
+        showLinkBubbleMenu: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -7453,7 +8796,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;
@@ -7478,7 +8821,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;
@@ -7627,6 +8970,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;
@@ -7641,14 +8992,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;
@@ -7688,6 +9047,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;
@@ -7697,6 +9060,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(): {
@@ -7729,7 +9093,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<{
@@ -7760,6 +9129,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;
@@ -7774,14 +9151,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;
@@ -7829,9 +9214,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;
@@ -7840,7 +9226,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;
         }, {}, {
@@ -7985,7 +9374,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
+        open: {
             type: BooleanConstructor;
             default: null;
         };
@@ -8063,6 +9452,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
+        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -8113,7 +9503,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;
@@ -8160,7 +9575,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
+        open: {
             type: BooleanConstructor;
             default: null;
         };
@@ -8188,15 +9603,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;