@dialpad/dialtone-vue 3.222.2 → 3.223.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;
@@ -190,7 +189,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     toggleEmojiPicker(): void;
     onSend(): void;
     onCancel(): void;
-    onInput(event: any): void;
+    onUpdateModelValue(event: any): void;
     onTextInput(event: any): void;
     onMarkdownInput(event: any): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "add-emoji" | "selected-command" | "text-input" | "markdown-input" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media" | "emoji-scroll-bottom-reached")[], "cancel" | "submit" | "update:modelValue" | "selected-emoji" | "skin-tone" | "add-emoji" | "selected-command" | "text-input" | "markdown-input" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media" | "emoji-scroll-bottom-reached", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -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,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -471,6 +506,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 +519,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 +552,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 +588,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 +610,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -608,22 +689,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         link: boolean;
         disabled: boolean;
+        size: string | number;
         type: string;
+        iconClass: string | unknown[] | Record<string, any>;
+        replace: boolean;
         target: string;
         circle: boolean;
         active: boolean;
         loading: boolean;
-        size: string;
-        replace: boolean;
+        underline: boolean;
         kind: string;
         labelClass: string | unknown[] | Record<string, any>;
+        startIconClass: string | unknown[] | Record<string, any>;
+        endIconClass: string | unknown[] | Record<string, any>;
         href: string;
         to: string | Record<string, any>;
         iconPosition: string;
         importance: string;
         linkKind: string;
         linkInverted: boolean;
+        linkUnderline: boolean;
         width: string;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
+        blockStartIconClass: string | unknown[] | Record<string, any>;
+        blockEndIconClass: string | unknown[] | Record<string, any>;
         assertiveOnFocus: boolean;
         rel: string;
     }, {}, {
@@ -710,7 +800,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
-                labelVisible: {
+                showLabel: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
@@ -718,9 +808,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 +825,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,8 +841,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                labelSize: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                    validator: (s: unknown) => boolean;
+                };
+                labelStrength: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
             }>> & Readonly<{
-                onInput?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
                 onFocusin?: ((...args: any[]) => any) | undefined;
@@ -768,17 +879,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
                 isComposing: boolean;
                 justEndedComposition: boolean;
-                labelSizeClasses: {
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                };
-                descriptionSizeClasses: {
-                    lg: string;
-                    xl: string;
-                };
+                messagesId: string;
             }, {
                 isTextarea(): boolean;
                 isDefaultSize(): boolean;
@@ -797,6 +898,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 descriptionKey(): string;
                 inputState(): string | null;
+                ariaInvalid(): "true" | undefined;
+                ariaDescribedBy(): string | undefined;
                 defaultLengthCalculation(): number;
                 validationProps(): {
                     length: {
@@ -814,11 +917,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;
@@ -834,6 +939,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: {
@@ -857,18 +963,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 computed: {
                     formattedMessages(): any;
                 };
-            }, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], import('vue').PublicProps, {
+            }, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], import('vue').PublicProps, {
                 label: string;
                 disabled: boolean;
                 modelValue: string | number;
                 name: string;
+                size: string | number;
                 type: string;
                 hidden: boolean;
-                size: string;
                 description: string;
+                labelClass: string | unknown[] | Record<string, any>;
+                startIconClass: string | unknown[] | Record<string, any>;
+                endIconClass: string | unknown[] | Record<string, any>;
                 validate: Record<string, any>;
-                rootClass: string | unknown[] | Record<string, any>;
-                labelVisible: boolean;
+                showLabel: boolean;
+                labelSize: string | number;
+                labelStrength: string;
+                descriptionClass: string | unknown[] | Record<string, any>;
                 inputClass: string | unknown[] | Record<string, any>;
                 inputWrapperClass: string | unknown[] | Record<string, any>;
                 currentLength: number;
@@ -888,12 +999,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                 }>, {}, {}, {
-                    isFilteredValidationMessagesEmpty(): boolean;
                     filteredValidationMessages(): any;
                     validationState(): string | null;
                 }, {
                     getMessageKey(type: any, index: any): string;
+                    iconForType(type: any): any;
                     messageTypeClass(type: any): any;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     id: {
@@ -909,187 +1024,476 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                 }>> & Readonly<{}>, {
                     id: string;
                     validationMessages: unknown[];
                     showMessages: boolean;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {
-                    formattedMessages(): any;
-                };
-                M: import('vue').MethodOptions;
-                Defaults: {};
-            } & {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                name: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                type: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                modelValue: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: string;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                label: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                labelVisible: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                description: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (t: unknown) => boolean;
-                };
-                inputClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                inputWrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                rootClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-                    default: string;
-                };
-                currentLength: {
-                    type: NumberConstructor;
-                    default: null;
-                };
-                retainWarning: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                validate: {
-                    type: ObjectConstructor;
-                    default: null;
-                };
-                hidden: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onInput?: ((...args: any[]) => any) | undefined;
-                onBlur?: ((...args: any[]) => any) | undefined;
-                onFocus?: ((...args: any[]) => any) | undefined;
-                onFocusin?: ((...args: any[]) => any) | undefined;
-                onFocusout?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                onClear?: ((...args: any[]) => any) | undefined;
-                "onUpdate:length"?: ((...args: any[]) => any) | undefined;
-                "onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
-            }>, {}, {
-                isInputFocused: boolean;
-                isInvalid: boolean;
-                defaultLength: number;
-                hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
-                isComposing: boolean;
-                justEndedComposition: boolean;
-                labelSizeClasses: {
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                };
-                descriptionSizeClasses: {
-                    lg: string;
-                    xl: string;
-                };
-            }, {
-                formattedMessages(): any;
-            } & {
-                isTextarea(): boolean;
-                isDefaultSize(): boolean;
-                iconSize(): any;
-                isValidSize(): boolean;
-                isValidDescriptionSize(): boolean;
-                inputComponent(): "input" | "textarea";
-                inputListeners(): {
-                    compositionstart: () => void;
-                    compositionend: () => void;
-                    input: (event: any) => Promise<void>;
-                    blur: (event: any) => void;
-                    focus: (event: any) => void;
-                    focusin: (event: any) => void;
-                    focusout: (event: any) => void;
-                };
-                descriptionKey(): string;
-                inputState(): string | null;
-                defaultLengthCalculation(): number;
-                validationProps(): {
-                    length: {
-                        description: any;
-                        max: any;
-                        warn: any;
-                        message: any;
-                        limitMaxLength: any;
-                    };
-                };
-                validationMessages(): any;
-                showInputState(): string | null;
-                inputLength(): number;
-                inputLengthState(): string | null;
-                shouldValidateLength(): boolean;
-                shouldLimitMaxLength(): any;
-                showLengthLimitValidation(): any;
-                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;
-                inputLengthErrorMessage(): {
-                    message: any;
-                    type: string | null;
-                };
-                onBlur(e: any): void;
-                emitClearEvents(): void;
-                blur(): void;
-                focus(): void;
-                select(): void;
-                getMessageKey(type: any, index: any): string;
-                validateLength(length: any): void;
-                clearInput(): void;
-            }, {
-                label: string;
+                    iconClass: string | unknown[] | Record<string, any>;
+                }, {}, {
+                    DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: undefined;
+                        };
+                    }>, {}, {}, {
+                        iconSizeClass(): any;
+                        ariaHidden(): "true" | "false";
+                        dataQA(): {};
+                    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: undefined;
+                        };
+                    }>> & Readonly<{
+                        onLoaded?: ((...args: any[]) => any) | undefined;
+                    }>, {
+                        size: string;
+                        ariaLabel: string;
+                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                    DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: undefined;
+                        };
+                    }>, {}, {}, {
+                        iconSizeClass(): any;
+                        ariaHidden(): "true" | "false";
+                        dataQA(): {};
+                    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: undefined;
+                        };
+                    }>> & Readonly<{
+                        onLoaded?: ((...args: any[]) => any) | undefined;
+                    }>, {
+                        size: string;
+                        ariaLabel: string;
+                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                    DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: undefined;
+                        };
+                    }>, {}, {}, {
+                        iconSizeClass(): any;
+                        ariaHidden(): "true" | "false";
+                        dataQA(): {};
+                    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: undefined;
+                        };
+                    }>> & Readonly<{
+                        onLoaded?: ((...args: any[]) => any) | undefined;
+                    }>, {
+                        size: string;
+                        ariaLabel: string;
+                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                    DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: undefined;
+                        };
+                    }>, {}, {}, {
+                        iconSizeClass(): any;
+                        ariaHidden(): "true" | "false";
+                        dataQA(): {};
+                    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (s: unknown) => boolean;
+                        };
+                        ariaLabel: {
+                            type: StringConstructor;
+                            default: undefined;
+                        };
+                    }>> & Readonly<{
+                        onLoaded?: ((...args: any[]) => any) | undefined;
+                    }>, {
+                        size: string;
+                        ariaLabel: string;
+                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    as: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    tone: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    align: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    textBoxTrim: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    strength: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>, {}, {}, {
+                    textClasses(): string[];
+                    textStyles(): {
+                        '--dt-text-line-clamp': number;
+                    } | undefined;
+                }, {
+                    getVariantClass(): string | null;
+                    getModifierClass(value: any, modifiers: any, propName: any): any;
+                    getAlignClass(): any;
+                    getToneClass(): any;
+                    getWrapClass(): any;
+                    getTextBoxTrimClass(): any;
+                    getStrengthClass(): any;
+                    getDensityClass(): any;
+                }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    as: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    kind: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    tone: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    align: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    textBoxTrim: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    strength: {
+                        type: StringConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string | number;
+                    wrap: string;
+                    kind: string;
+                    as: string;
+                    tone: string;
+                    align: string;
+                    truncate: boolean;
+                    maxLines: number;
+                    numeric: boolean;
+                    textBoxTrim: string;
+                    strength: string;
+                    density: string | number;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {
+                    formattedMessages(): any;
+                };
+                M: import('vue').MethodOptions;
+                Defaults: {};
+            } & {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                modelValue: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                showLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                description: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                descriptionClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (t: unknown) => boolean;
+                };
+                inputClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                inputWrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                currentLength: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                retainWarning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                validate: {
+                    type: ObjectConstructor;
+                    default: null;
+                };
+                hidden: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                labelSize: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                    validator: (s: unknown) => boolean;
+                };
+                labelStrength: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+            }>> & Readonly<{
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onFocusin?: ((...args: any[]) => any) | undefined;
+                onFocusout?: ((...args: any[]) => any) | undefined;
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClear?: ((...args: any[]) => any) | undefined;
+                "onUpdate:length"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
+            }>, {}, {
+                isInputFocused: boolean;
+                isInvalid: boolean;
+                defaultLength: number;
+                hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
+                isComposing: boolean;
+                justEndedComposition: boolean;
+                messagesId: string;
+            }, {
+                formattedMessages(): any;
+            } & {
+                isTextarea(): boolean;
+                isDefaultSize(): boolean;
+                iconSize(): any;
+                isValidSize(): boolean;
+                isValidDescriptionSize(): boolean;
+                inputComponent(): "input" | "textarea";
+                inputListeners(): {
+                    compositionstart: () => void;
+                    compositionend: () => void;
+                    input: (event: any) => Promise<void>;
+                    blur: (event: any) => void;
+                    focus: (event: any) => void;
+                    focusin: (event: any) => void;
+                    focusout: (event: any) => void;
+                };
+                descriptionKey(): string;
+                inputState(): string | null;
+                ariaInvalid(): "true" | undefined;
+                ariaDescribedBy(): string | undefined;
+                defaultLengthCalculation(): number;
+                validationProps(): {
+                    length: {
+                        description: any;
+                        max: any;
+                        warn: any;
+                        message: any;
+                        limitMaxLength: any;
+                    };
+                };
+                validationMessages(): any;
+                showInputState(): string | null;
+                inputLength(): number;
+                inputLengthState(): string | null;
+                shouldValidateLength(): boolean;
+                shouldLimitMaxLength(): any;
+                showLengthLimitValidation(): any;
+                resolvedLabelSize(): string | number;
+                resolvedDescriptionSize(): any;
+                resolvedDescriptionDensity(): "300" | undefined;
+                sizeModifierClass(): any;
+                stateClass(): any[];
+            }, import('vue').MethodOptions & {
+                removeClassStyleAttrs: typeof removeClassStyleAttrs;
+                inputClasses(): any[];
+                inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
+                calculateLength(value: any): number;
+                inputLengthErrorMessage(): {
+                    message: any;
+                    type: string | null;
+                };
+                onBlur(e: any): void;
+                emitClearEvents(): void;
+                blur(): void;
+                focus(): void;
+                select(): void;
+                getMessageKey(type: any, index: any): string;
+                validateLength(length: any): void;
+                clearInput(): void;
+                runValidations(): void;
+            }, {
+                label: string;
                 disabled: boolean;
                 modelValue: string | number;
                 name: string;
+                size: string | number;
                 type: string;
                 hidden: boolean;
-                size: string;
                 description: string;
+                labelClass: string | unknown[] | Record<string, any>;
+                startIconClass: string | unknown[] | Record<string, any>;
+                endIconClass: string | unknown[] | Record<string, any>;
                 validate: Record<string, any>;
-                rootClass: string | unknown[] | Record<string, any>;
-                labelVisible: boolean;
+                showLabel: boolean;
+                labelSize: string | number;
+                labelStrength: string;
+                descriptionClass: string | unknown[] | Record<string, any>;
                 inputClass: string | unknown[] | Record<string, any>;
                 inputWrapperClass: string | unknown[] | Record<string, any>;
                 currentLength: number;
@@ -1182,7 +1586,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1190,9 +1594,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: {
@@ -1203,10 +1611,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;
@@ -1223,6 +1627,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        labelSize: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelStrength: {
+            type: StringConstructor;
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
     }>, {}, {
         isInputFocused: boolean;
         isInvalid: boolean;
@@ -1230,17 +1656,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
         isComposing: boolean;
         justEndedComposition: boolean;
-        labelSizeClasses: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-        descriptionSizeClasses: {
-            lg: string;
-            xl: string;
-        };
+        messagesId: string;
     }, {
         isTextarea(): boolean;
         isDefaultSize(): boolean;
@@ -1259,6 +1675,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         descriptionKey(): string;
         inputState(): string | null;
+        ariaInvalid(): "true" | undefined;
+        ariaDescribedBy(): string | undefined;
         defaultLengthCalculation(): number;
         validationProps(): {
             length: {
@@ -1276,11 +1694,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;
@@ -1296,6 +1716,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: {
@@ -1319,7 +1740,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         computed: {
             formattedMessages(): any;
         };
-    }, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         name: {
             type: StringConstructor;
             default: string;
@@ -1341,7 +1762,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1349,9 +1770,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: {
@@ -1362,10 +1787,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;
@@ -1382,8 +1803,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        labelSize: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelStrength: {
+            type: StringConstructor;
+            default: null;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
     }>> & Readonly<{
-        onInput?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
         onFocusin?: ((...args: any[]) => any) | undefined;
@@ -1397,13 +1839,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         disabled: boolean;
         modelValue: string | number;
         name: string;
+        size: string | number;
         type: string;
         hidden: boolean;
-        size: string;
         description: string;
+        labelClass: string | unknown[] | Record<string, any>;
+        startIconClass: string | unknown[] | Record<string, any>;
+        endIconClass: string | unknown[] | Record<string, any>;
         validate: Record<string, any>;
-        rootClass: string | unknown[] | Record<string, any>;
-        labelVisible: boolean;
+        showLabel: boolean;
+        labelSize: string | number;
+        labelStrength: string;
+        descriptionClass: string | unknown[] | Record<string, any>;
         inputClass: string | unknown[] | Record<string, any>;
         inputWrapperClass: string | unknown[] | Record<string, any>;
         currentLength: number;
@@ -1412,47 +1859,319 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         DtValidationMessages: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
-                default(): string;
+                default(): string;
+            };
+            validationMessages: {
+                type: ArrayConstructor;
+                default: () => never[];
+                validator: (messages: unknown) => any;
+            };
+            showMessages: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+        }>, {}, {}, {
+            filteredValidationMessages(): any;
+            validationState(): string | null;
+        }, {
+            getMessageKey(type: any, index: any): string;
+            iconForType(type: any): any;
+            messageTypeClass(type: any): any;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            validationMessages: {
+                type: ArrayConstructor;
+                default: () => never[];
+                validator: (messages: unknown) => any;
+            };
+            showMessages: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            id: string;
+            validationMessages: unknown[];
+            showMessages: boolean;
+            iconClass: string | unknown[] | Record<string, any>;
+        }, {}, {
+            DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: StringConstructor;
+                default: string;
             };
-            validationMessages: {
-                type: ArrayConstructor;
-                default: () => never[];
-                validator: (messages: unknown) => any;
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
             };
-            showMessages: {
+            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;
+            };
         }>, {}, {}, {
-            isFilteredValidationMessagesEmpty(): boolean;
-            filteredValidationMessages(): any;
-            validationState(): string | null;
+            textClasses(): string[];
+            textStyles(): {
+                '--dt-text-line-clamp': number;
+            } | undefined;
         }, {
-            getMessageKey(type: any, index: any): string;
-            messageTypeClass(type: any): any;
+            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<{
-            id: {
+            as: {
                 type: StringConstructor;
-                default(): string;
+                default: string;
             };
-            validationMessages: {
-                type: ArrayConstructor;
-                default: () => never[];
-                validator: (messages: unknown) => any;
+            kind: {
+                type: StringConstructor;
+                default: null;
+                validator: (value: unknown) => boolean;
             };
-            showMessages: {
+            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<{}>, {
-            id: string;
-            validationMessages: unknown[];
-            showMessages: boolean;
+            size: string | number;
+            wrap: string;
+            kind: string;
+            as: string;
+            tone: string;
+            align: string;
+            truncate: boolean;
+            maxLines: number;
+            numeric: boolean;
+            textBoxTrim: string;
+            strength: string;
+            density: string | number;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         open: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         openOnContext: {
@@ -1521,7 +2240,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1529,6 +2248,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        focustrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         fallbackPlacements: {
             type: ArrayConstructor;
             default: () => string[];
@@ -1558,10 +2281,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -1620,6 +2355,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -1684,9 +2420,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
             focusTrappedTabPress(e: object, el: object): void;
         };
+    } | {
+        props: {
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
+        };
+        data(): {
+            modeContrast: string;
+            modeResolved: null;
+        };
+        computed: {
+            modeAttrs(): any;
+        };
+        watch: {
+            contentMode(): void;
+        };
+        mounted(): void;
+        beforeUnmount(): void;
+        methods: {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        };
     }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         open: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         openOnContext: {
@@ -1755,7 +2516,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1763,6 +2524,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        focustrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         fallbackPlacements: {
             type: ArrayConstructor;
             default: () => string[];
@@ -1792,10 +2557,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -1833,35 +2610,39 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
         "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
     }>, {
+        ariaLabel: string;
         id: string;
         offset: unknown[];
-        open: boolean;
-        ariaLabel: string;
+        open: boolean | null;
+        headerClass: string | unknown[] | Record<string, any>;
+        contentClass: string | unknown[] | Record<string, any>;
         role: string;
         dialogClass: string | unknown[] | Record<string, any>;
+        padding: string;
         maxHeight: string;
-        contentClass: string | unknown[] | Record<string, any>;
-        headerClass: string | unknown[] | Record<string, any>;
         footerClass: string | unknown[] | Record<string, any>;
         elementType: string;
-        transition: string;
+        anchorClass: string | unknown[] | Record<string, any>;
         maxWidth: string;
         appendTo: string | HTMLElement | Record<string, any>;
-        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         fallbackPlacements: unknown[];
         tether: boolean;
+        transition: string;
         externalAnchor: string;
         externalAnchorElement: any;
         showCloseButton: boolean;
         openOnContext: boolean;
         ariaLabelledby: string;
-        padding: string;
         contentWidth: string;
         contentAppear: boolean;
         contentTabindex: number;
+        closeOnClick: boolean;
         modal: boolean;
+        focustrap: boolean;
+        headerWrapperClass: string | unknown[] | Record<string, any>;
+        footerWrapperClass: string | unknown[] | Record<string, any>;
         initialFocusElement: string | HTMLElement | Record<string, any>;
         openWithArrowKeys: boolean;
     }, {}, {
@@ -1932,6 +2713,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;
@@ -1946,14 +2735,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1993,6 +2810,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;
@@ -2002,6 +2823,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(): {
@@ -2034,7 +2856,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<{
@@ -2065,6 +2892,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;
@@ -2078,12 +2913,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: null;
                 };
-                size: {
-                    type: StringConstructor;
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
-                    validator: (s: unknown) => boolean;
                 };
-                labelClass: {
+                iconClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
@@ -2130,22 +2993,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {
                 link: boolean;
                 disabled: boolean;
+                size: string | number;
                 type: string;
+                iconClass: string | unknown[] | Record<string, any>;
+                replace: boolean;
                 target: string;
                 circle: boolean;
                 active: boolean;
                 loading: boolean;
-                size: string;
-                replace: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
+                startIconClass: string | unknown[] | Record<string, any>;
+                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
+                blockStartIconClass: string | unknown[] | Record<string, any>;
+                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -2215,6 +3087,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;
@@ -2235,6 +3111,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;
@@ -2247,6 +3127,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<{
@@ -2277,6 +3158,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;
@@ -2291,14 +3180,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2338,6 +3255,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;
@@ -2347,6 +3268,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(): {
@@ -2379,7 +3301,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<{
@@ -2410,6 +3337,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;
@@ -2424,14 +3359,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2475,22 +3438,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {
                 link: boolean;
                 disabled: boolean;
+                size: string | number;
                 type: string;
+                iconClass: string | unknown[] | Record<string, any>;
+                replace: boolean;
                 target: string;
                 circle: boolean;
                 active: boolean;
                 loading: boolean;
-                size: string;
-                replace: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
+                startIconClass: string | unknown[] | Record<string, any>;
+                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
+                blockStartIconClass: string | unknown[] | Record<string, any>;
+                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -3033,6 +4005,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;
@@ -3047,14 +4027,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3094,6 +4102,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;
@@ -3103,6 +4115,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(): {
@@ -3135,7 +4148,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<{
@@ -3166,6 +4184,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;
@@ -3180,14 +4206,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -3231,22 +4285,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {
                 link: boolean;
                 disabled: boolean;
+                size: string | number;
                 type: string;
+                iconClass: string | unknown[] | Record<string, any>;
+                replace: boolean;
                 target: string;
                 circle: boolean;
                 active: boolean;
                 loading: boolean;
-                size: string;
-                replace: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
+                startIconClass: string | unknown[] | Record<string, any>;
+                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
+                blockStartIconClass: string | unknown[] | Record<string, any>;
+                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -3314,6 +4377,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                anchorClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 message: {
                     type: StringConstructor;
                     default: string;
@@ -3322,8 +4389,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                show: {
-                    type: BooleanConstructor;
+                open: {
+                    type: (BooleanConstructor | null)[];
                     default: null;
                 };
                 transition: {
@@ -3400,6 +4467,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 anchor(): any;
             }, {
+                getModeReferenceEl(): any;
                 calculateAnchorZindex(): 651 | 400;
                 hasVisibleFocus(): any;
                 onEnterAnchor(e: any): void;
@@ -3409,6 +4477,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChangePlacement(placement: any): void;
                 onHide(): void;
                 onShow(tooltipInstance: any, callingMethod: any): false | undefined;
+                resolveAppendTo(): any;
                 setProps(): void;
                 onMount(): void;
                 tooltipHasContent(tooltipInstance: any): boolean;
@@ -3422,6 +4491,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     touch: boolean;
                     onMount: () => void;
                     showOnCreate: boolean;
+                    appendTo: any;
                     popperOptions: {
                         modifiers: ({
                             name: string;
@@ -3450,7 +4520,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;
@@ -3489,6 +4584,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                anchorClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 message: {
                     type: StringConstructor;
                     default: string;
@@ -3497,8 +4596,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                show: {
-                    type: BooleanConstructor;
+                open: {
+                    type: (BooleanConstructor | null)[];
                     default: null;
                 };
                 transition: {
@@ -3525,16 +4624,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
             }>> & Readonly<{
+                "onUpdate:open"?: ((...args: any[]) => any) | undefined;
                 onShown?: ((...args: any[]) => any) | undefined;
-                "onUpdate:show"?: ((...args: any[]) => any) | undefined;
             }>, {
                 id: string;
                 offset: unknown[];
+                open: boolean | null;
                 message: string;
-                inverted: boolean;
                 contentClass: string | unknown[] | Record<string, any>;
-                show: boolean;
-                transition: boolean;
+                inverted: boolean;
+                anchorClass: string | unknown[] | Record<string, any>;
                 appendTo: string | HTMLElement | Record<string, any>;
                 delay: boolean;
                 placement: string;
@@ -3542,6 +4641,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 theme: string;
                 fallbackPlacements: unknown[];
                 enabled: boolean;
+                transition: boolean;
                 externalAnchor: string;
                 externalAnchorElement: any;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4092,45 +5192,187 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                         validator: (s: unknown) => boolean;
                     };
-                    ariaLabel: {
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtIconPlus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                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: undefined;
+                        default: null;
+                        validator: (value: unknown) => boolean;
                     };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                DtIconPlus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    size: {
+                    align: {
                         type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        default: null;
+                        validator: (value: unknown) => boolean;
                     };
-                    ariaLabel: {
+                    truncate: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    maxLines: {
+                        type: NumberConstructor;
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                    numeric: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    wrap: {
                         type: StringConstructor;
-                        default: undefined;
+                        default: null;
+                        validator: (value: unknown) => boolean;
                     };
-                }>, {}, {}, {
-                    iconSizeClass(): any;
-                    ariaHidden(): "true" | "false";
-                    dataQA(): {};
-                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    size: {
+                    textBoxTrim: {
                         type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        default: null;
+                        validator: (value: unknown) => boolean;
                     };
-                    ariaLabel: {
+                    strength: {
                         type: StringConstructor;
-                        default: undefined;
+                        default: null;
+                        validator: (value: unknown) => boolean;
                     };
-                }>> & Readonly<{
-                    onLoaded?: ((...args: any[]) => any) | undefined;
-                }>, {
-                    size: string;
-                    ariaLabel: string;
+                    density: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                        validator: (value: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string | number;
+                    wrap: string;
+                    kind: string;
+                    as: string;
+                    tone: string;
+                    align: string;
+                    truncate: boolean;
+                    maxLines: number;
+                    numeric: boolean;
+                    textBoxTrim: string;
+                    strength: string;
+                    density: string | number;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4186,7 +5428,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {
         DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             open: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             openOnContext: {
@@ -4255,7 +5497,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -4263,6 +5505,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            focustrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             fallbackPlacements: {
                 type: ArrayConstructor;
                 default: () => string[];
@@ -4292,10 +5538,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            anchorClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            headerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             headerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            footerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             footerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -4354,6 +5612,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
+            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -4418,9 +5677,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
                 focusTrappedTabPress(e: object, el: object): void;
             };
+        } | {
+            props: {
+                contentMode: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (v: any) => boolean;
+                };
+            };
+            data(): {
+                modeContrast: string;
+                modeResolved: null;
+            };
+            computed: {
+                modeAttrs(): any;
+            };
+            watch: {
+                contentMode(): void;
+            };
+            mounted(): void;
+            beforeUnmount(): void;
+            methods: {
+                getModeReferenceEl(): HTMLElement | null;
+                setupModeObservers(): void;
+                cleanupModeObservers(): void;
+            };
         }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             open: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             openOnContext: {
@@ -4489,7 +5773,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -4497,6 +5781,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            focustrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             fallbackPlacements: {
                 type: ArrayConstructor;
                 default: () => string[];
@@ -4526,10 +5814,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            anchorClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            headerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             headerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            footerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             footerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -4567,35 +5867,39 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
             "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
         }>, {
+            ariaLabel: string;
             id: string;
             offset: unknown[];
-            open: boolean;
-            ariaLabel: string;
+            open: boolean | null;
+            headerClass: string | unknown[] | Record<string, any>;
+            contentClass: string | unknown[] | Record<string, any>;
             role: string;
             dialogClass: string | unknown[] | Record<string, any>;
+            padding: string;
             maxHeight: string;
-            contentClass: string | unknown[] | Record<string, any>;
-            headerClass: string | unknown[] | Record<string, any>;
             footerClass: string | unknown[] | Record<string, any>;
             elementType: string;
-            transition: string;
+            anchorClass: string | unknown[] | Record<string, any>;
             maxWidth: string;
             appendTo: string | HTMLElement | Record<string, any>;
-            hideOnClick: boolean;
             placement: string;
             sticky: string | boolean;
             fallbackPlacements: unknown[];
             tether: boolean;
+            transition: string;
             externalAnchor: string;
             externalAnchorElement: any;
             showCloseButton: boolean;
             openOnContext: boolean;
             ariaLabelledby: string;
-            padding: string;
             contentWidth: string;
             contentAppear: boolean;
             contentTabindex: number;
+            closeOnClick: boolean;
             modal: boolean;
+            focustrap: boolean;
+            headerWrapperClass: string | unknown[] | Record<string, any>;
+            footerWrapperClass: string | unknown[] | Record<string, any>;
             initialFocusElement: string | HTMLElement | Record<string, any>;
             openWithArrowKeys: boolean;
         }, {}, {
@@ -4666,6 +5970,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;
@@ -4680,14 +5992,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -4727,6 +6067,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;
@@ -4736,6 +6080,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(): {
@@ -4768,7 +6113,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<{
@@ -4799,6 +6149,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;
@@ -4813,14 +6171,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -4864,22 +6250,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>, {
                     link: boolean;
                     disabled: boolean;
+                    size: string | number;
                     type: string;
+                    iconClass: string | unknown[] | Record<string, any>;
+                    replace: boolean;
                     target: string;
                     circle: boolean;
                     active: boolean;
                     loading: boolean;
-                    size: string;
-                    replace: boolean;
+                    underline: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
+                    startIconClass: string | unknown[] | Record<string, any>;
+                    endIconClass: string | unknown[] | Record<string, any>;
                     href: string;
                     to: string | Record<string, any>;
                     iconPosition: string;
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
+                    linkUnderline: boolean;
                     width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
+                    blockStartIconClass: string | unknown[] | Record<string, any>;
+                    blockEndIconClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {
@@ -4949,6 +6344,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;
@@ -4969,6 +6368,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;
@@ -4981,6 +6384,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<{
@@ -5011,6 +6415,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;
@@ -5025,14 +6437,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -5072,6 +6512,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;
@@ -5081,6 +6525,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(): {
@@ -5113,7 +6558,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<{
@@ -5144,6 +6594,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;
@@ -5158,14 +6616,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -5209,22 +6695,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>, {
                     link: boolean;
                     disabled: boolean;
+                    size: string | number;
                     type: string;
+                    iconClass: string | unknown[] | Record<string, any>;
+                    replace: boolean;
                     target: string;
                     circle: boolean;
                     active: boolean;
                     loading: boolean;
-                    size: string;
-                    replace: boolean;
+                    underline: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
+                    startIconClass: string | unknown[] | Record<string, any>;
+                    endIconClass: string | unknown[] | Record<string, any>;
                     href: string;
                     to: string | Record<string, any>;
                     iconPosition: string;
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
+                    linkUnderline: boolean;
                     width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
+                    blockStartIconClass: string | unknown[] | Record<string, any>;
+                    blockEndIconClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {
@@ -5307,7 +6802,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            labelVisible: {
+            showLabel: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5315,9 +6810,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: {
@@ -5328,10 +6827,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;
@@ -5348,6 +6843,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            labelSize: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (s: unknown) => boolean;
+            };
+            labelStrength: {
+                type: StringConstructor;
+                default: null;
+                validator: (s: unknown) => boolean;
+            };
+            labelClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
         }>, {}, {
             isInputFocused: boolean;
             isInvalid: boolean;
@@ -5355,17 +6872,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasSlotContent: typeof import('../../../common/utils').hasSlotContent;
             isComposing: boolean;
             justEndedComposition: boolean;
-            labelSizeClasses: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-            };
-            descriptionSizeClasses: {
-                lg: string;
-                xl: string;
-            };
+            messagesId: string;
         }, {
             isTextarea(): boolean;
             isDefaultSize(): boolean;
@@ -5384,6 +6891,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             descriptionKey(): string;
             inputState(): string | null;
+            ariaInvalid(): "true" | undefined;
+            ariaDescribedBy(): string | undefined;
             defaultLengthCalculation(): number;
             validationProps(): {
                 length: {
@@ -5401,11 +6910,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;
@@ -5421,6 +6932,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: {
@@ -5444,7 +6956,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             computed: {
                 formattedMessages(): any;
             };
-        }, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             name: {
                 type: StringConstructor;
                 default: string;
@@ -5466,7 +6978,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
-            labelVisible: {
+            showLabel: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -5474,9 +6986,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
+            descriptionClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (t: unknown) => boolean;
             };
             inputClass: {
@@ -5487,10 +7003,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;
@@ -5507,8 +7019,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            labelSize: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: null;
+                validator: (s: unknown) => boolean;
+            };
+            labelStrength: {
+                type: StringConstructor;
+                default: null;
+                validator: (s: unknown) => boolean;
+            };
+            labelClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
         }>> & Readonly<{
-            onInput?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onFocusin?: ((...args: any[]) => any) | undefined;
@@ -5522,13 +7055,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             disabled: boolean;
             modelValue: string | number;
             name: string;
+            size: string | number;
             type: string;
             hidden: boolean;
-            size: string;
             description: string;
+            labelClass: string | unknown[] | Record<string, any>;
+            startIconClass: string | unknown[] | Record<string, any>;
+            endIconClass: string | unknown[] | Record<string, any>;
             validate: Record<string, any>;
-            rootClass: string | unknown[] | Record<string, any>;
-            labelVisible: boolean;
+            showLabel: boolean;
+            labelSize: string | number;
+            labelStrength: string;
+            descriptionClass: string | unknown[] | Record<string, any>;
             inputClass: string | unknown[] | Record<string, any>;
             inputWrapperClass: string | unknown[] | Record<string, any>;
             currentLength: number;
@@ -5548,12 +7086,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
             }>, {}, {}, {
-                isFilteredValidationMessagesEmpty(): boolean;
                 filteredValidationMessages(): any;
                 validationState(): string | null;
             }, {
                 getMessageKey(type: any, index: any): string;
+                iconForType(type: any): any;
                 messageTypeClass(type: any): any;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
@@ -5569,10 +7111,278 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
             }>> & Readonly<{}>, {
                 id: string;
                 validationMessages: unknown[];
                 showMessages: boolean;
+                iconClass: string | unknown[] | Record<string, any>;
+            }, {}, {
+                DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                as: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                };
+                tone: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                align: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                truncate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLines: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                numeric: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wrap: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                textBoxTrim: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                strength: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                density: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+            }>, {}, {}, {
+                textClasses(): string[];
+                textStyles(): {
+                    '--dt-text-line-clamp': number;
+                } | undefined;
+            }, {
+                getVariantClass(): string | null;
+                getModifierClass(value: any, modifiers: any, propName: any): any;
+                getAlignClass(): any;
+                getToneClass(): any;
+                getWrapClass(): any;
+                getTextBoxTrimClass(): any;
+                getStrengthClass(): any;
+                getDensityClass(): any;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                as: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                };
+                tone: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                align: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                truncate: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxLines: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                numeric: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                wrap: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                textBoxTrim: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                strength: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                density: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+            }>> & Readonly<{}>, {
+                size: string | number;
+                wrap: string;
+                kind: string;
+                as: string;
+                tone: string;
+                align: string;
+                truncate: boolean;
+                maxLines: number;
+                numeric: boolean;
+                textBoxTrim: string;
+                strength: string;
+                density: string | number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -5599,10 +7409,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
                 validator: (lk: unknown) => boolean;
             };
-            linkInverted: {
+            linkInverted: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            linkUnderline: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            underline: {
+                type: BooleanConstructor;
+                default: null;
+            };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5617,14 +7435,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5664,6 +7510,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;
@@ -5673,6 +7523,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(): {
@@ -5705,7 +7556,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<{
@@ -5736,6 +7592,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;
@@ -5750,14 +7614,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            leadingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             loading: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -5801,22 +7693,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, {
             link: boolean;
             disabled: boolean;
+            size: string | number;
             type: string;
+            iconClass: string | unknown[] | Record<string, any>;
+            replace: boolean;
             target: string;
             circle: boolean;
             active: boolean;
             loading: boolean;
-            size: string;
-            replace: boolean;
+            underline: boolean;
             kind: string;
             labelClass: string | unknown[] | Record<string, any>;
+            startIconClass: string | unknown[] | Record<string, any>;
+            endIconClass: string | unknown[] | Record<string, any>;
             href: string;
             to: string | Record<string, any>;
             iconPosition: string;
             importance: string;
             linkKind: string;
             linkInverted: boolean;
+            linkUnderline: boolean;
             width: string;
+            leadingClass: string | unknown[] | Record<string, any>;
+            trailingClass: string | unknown[] | Record<string, any>;
+            blockStartIconClass: string | unknown[] | Record<string, any>;
+            blockEndIconClass: string | unknown[] | Record<string, any>;
             assertiveOnFocus: boolean;
             rel: string;
         }, {}, {
@@ -6019,6 +7920,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;
@@ -6033,14 +7942,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -6080,6 +8017,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;
@@ -6089,6 +8030,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(): {
@@ -6121,7 +8063,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<{
@@ -6152,6 +8099,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;
@@ -6166,14 +8121,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                startIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                endIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockStartIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                blockEndIconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                iconClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -6217,22 +8200,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {
                 link: boolean;
                 disabled: boolean;
+                size: string | number;
                 type: string;
+                iconClass: string | unknown[] | Record<string, any>;
+                replace: boolean;
                 target: string;
                 circle: boolean;
                 active: boolean;
                 loading: boolean;
-                size: string;
-                replace: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
+                startIconClass: string | unknown[] | Record<string, any>;
+                endIconClass: string | unknown[] | Record<string, any>;
                 href: string;
                 to: string | Record<string, any>;
                 iconPosition: string;
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
+                blockStartIconClass: string | unknown[] | Record<string, any>;
+                blockEndIconClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -6300,6 +8292,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                anchorClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 message: {
                     type: StringConstructor;
                     default: string;
@@ -6308,8 +8304,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                show: {
-                    type: BooleanConstructor;
+                open: {
+                    type: (BooleanConstructor | null)[];
                     default: null;
                 };
                 transition: {
@@ -6386,6 +8382,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
                 anchor(): any;
             }, {
+                getModeReferenceEl(): any;
                 calculateAnchorZindex(): 651 | 400;
                 hasVisibleFocus(): any;
                 onEnterAnchor(e: any): void;
@@ -6395,6 +8392,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChangePlacement(placement: any): void;
                 onHide(): void;
                 onShow(tooltipInstance: any, callingMethod: any): false | undefined;
+                resolveAppendTo(): any;
                 setProps(): void;
                 onMount(): void;
                 tooltipHasContent(tooltipInstance: any): boolean;
@@ -6408,6 +8406,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     touch: boolean;
                     onMount: () => void;
                     showOnCreate: boolean;
+                    appendTo: any;
                     popperOptions: {
                         modifiers: ({
                             name: string;
@@ -6436,7 +8435,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;
@@ -6475,6 +8499,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                anchorClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 message: {
                     type: StringConstructor;
                     default: string;
@@ -6483,8 +8511,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                show: {
-                    type: BooleanConstructor;
+                open: {
+                    type: (BooleanConstructor | null)[];
                     default: null;
                 };
                 transition: {
@@ -6511,16 +8539,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
             }>> & Readonly<{
+                "onUpdate:open"?: ((...args: any[]) => any) | undefined;
                 onShown?: ((...args: any[]) => any) | undefined;
-                "onUpdate:show"?: ((...args: any[]) => any) | undefined;
             }>, {
                 id: string;
                 offset: unknown[];
+                open: boolean | null;
                 message: string;
-                inverted: boolean;
                 contentClass: string | unknown[] | Record<string, any>;
-                show: boolean;
-                transition: boolean;
+                inverted: boolean;
+                anchorClass: string | unknown[] | Record<string, any>;
                 appendTo: string | HTMLElement | Record<string, any>;
                 delay: boolean;
                 placement: string;
@@ -6528,6 +8556,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 theme: string;
                 fallbackPlacements: unknown[];
                 enabled: boolean;
+                transition: boolean;
                 externalAnchor: string;
                 externalAnchorElement: any;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -7118,6 +9147,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<{}>, {
+                    size: string | number;
+                    wrap: string;
+                    kind: string;
+                    as: string;
+                    tone: string;
+                    align: string;
+                    truncate: boolean;
+                    maxLines: number;
+                    numeric: boolean;
+                    textBoxTrim: string;
+                    strength: string;
+                    density: string | number;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -7161,6 +9332,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         message: {
             type: StringConstructor;
             default: string;
@@ -7169,8 +9344,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
-            type: BooleanConstructor;
+        open: {
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         transition: {
@@ -7247,6 +9422,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         anchor(): any;
     }, {
+        getModeReferenceEl(): any;
         calculateAnchorZindex(): 651 | 400;
         hasVisibleFocus(): any;
         onEnterAnchor(e: any): void;
@@ -7256,6 +9432,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChangePlacement(placement: any): void;
         onHide(): void;
         onShow(tooltipInstance: any, callingMethod: any): false | undefined;
+        resolveAppendTo(): any;
         setProps(): void;
         onMount(): void;
         tooltipHasContent(tooltipInstance: any): boolean;
@@ -7269,6 +9446,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             touch: boolean;
             onMount: () => void;
             showOnCreate: boolean;
+            appendTo: any;
             popperOptions: {
                 modifiers: ({
                     name: string;
@@ -7297,7 +9475,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;
@@ -7336,6 +9539,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        anchorClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         message: {
             type: StringConstructor;
             default: string;
@@ -7344,8 +9551,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        show: {
-            type: BooleanConstructor;
+        open: {
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         transition: {
@@ -7372,16 +9579,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
     }>> & Readonly<{
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
         onShown?: ((...args: any[]) => any) | undefined;
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     }>, {
         id: string;
         offset: unknown[];
+        open: boolean | null;
         message: string;
-        inverted: boolean;
         contentClass: string | unknown[] | Record<string, any>;
-        show: boolean;
-        transition: boolean;
+        inverted: boolean;
+        anchorClass: string | unknown[] | Record<string, any>;
         appendTo: string | HTMLElement | Record<string, any>;
         delay: boolean;
         placement: string;
@@ -7389,6 +9596,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         theme: string;
         fallbackPlacements: unknown[];
         enabled: boolean;
+        transition: boolean;
         externalAnchor: string;
         externalAnchorElement: any;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;