@dialpad/dialtone-vue 3.223.1 → 3.224.0-next.1

package/dist/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.d.ts

@@ -1,4 +1,4 @@
-import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
+import { removeClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -38,11 +38,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     buttonClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     textClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     buttonWidthSize: {
@@ -75,7 +75,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     arrowButtonLabel(): any;
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
-    addClassStyleAttrs: typeof addClassStyleAttrs;
     arrowClick(ev: any): boolean;
     toggleOpen(): boolean;
     syncOpenState(): void;
@@ -120,11 +119,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
     buttonClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     textClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     buttonWidthSize: {
@@ -155,10 +154,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     onClick: Function;
     disabled: boolean;
+    ariaLabel: string;
     id: string;
     danger: boolean;
     active: boolean;
-    ariaLabel: string;
     placement: string;
     fallbackPlacements: unknown[];
     tooltipText: string;
@@ -197,11 +196,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (label: unknown) => any;
         };
         buttonClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         textClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         buttonWidthSize: {
@@ -246,7 +245,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }, {
         removeClassStyleAttrs: typeof removeClassStyleAttrs;
-        addClassStyleAttrs: typeof addClassStyleAttrs;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         id: {
             type: StringConstructor;
@@ -274,11 +272,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (label: unknown) => any;
         };
         buttonClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         textClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         buttonWidthSize: {
@@ -310,11 +308,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onClick?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean;
+        ariaLabel: string;
         id: string;
         danger: boolean;
         circle: boolean;
         active: boolean;
-        ariaLabel: string;
         importance: string;
         tooltipText: string;
         buttonClass: string | unknown[] | Record<string, any>;
@@ -352,6 +350,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;
@@ -366,12 +372,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             labelClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            leadingClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             loading: {
@@ -413,6 +447,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;
@@ -422,6 +460,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(): {
@@ -454,7 +493,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<{
@@ -485,6 +529,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;
@@ -499,12 +551,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             labelClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            leadingClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            trailingClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            startIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            endIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            blockStartIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            blockEndIconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            iconClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             loading: {
@@ -550,22 +630,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;
         }, {}, {
@@ -575,9 +664,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (size: any) => boolean;
                 };
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 ariaLabel: {
@@ -585,12 +674,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (s: unknown) => boolean;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                    validator: (size: any) => boolean;
                 };
             }>> & Readonly<{}>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -630,7 +719,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (appendTo: unknown) => boolean;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            anchorClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             message: {
@@ -641,8 +734,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            show: {
-                type: BooleanConstructor;
+            open: {
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             transition: {
@@ -719,6 +812,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             anchor(): any;
         }, {
+            getModeReferenceEl(): any;
             calculateAnchorZindex(): 651 | 400;
             hasVisibleFocus(): any;
             onEnterAnchor(e: any): void;
@@ -728,6 +822,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;
@@ -741,6 +836,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 touch: boolean;
                 onMount: () => void;
                 showOnCreate: boolean;
+                appendTo: any;
                 popperOptions: {
                     modifiers: ({
                         name: string;
@@ -769,7 +865,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;
@@ -805,7 +926,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (appendTo: unknown) => boolean;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            anchorClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             message: {
@@ -816,8 +941,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            show: {
-                type: BooleanConstructor;
+            open: {
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             transition: {
@@ -844,16 +969,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;
@@ -861,13 +986,19 @@ 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>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtDropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        contentMode: {
+            type: StringConstructor;
+            default: null;
+            validator: (v: any) => boolean;
+        };
         open: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         openOnContext: {
@@ -921,7 +1052,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         listClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        footerClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         appendTo: {
@@ -1040,8 +1175,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             focusActiveItemIfNeeded(): void;
         };
     }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "highlight")[], "keydown" | "update:open" | "opened" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        contentMode: {
+            type: StringConstructor;
+            default: null;
+            validator: (v: any) => boolean;
+        };
         open: {
-            type: BooleanConstructor;
+            type: (BooleanConstructor | null)[];
             default: null;
         };
         openOnContext: {
@@ -1095,7 +1235,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         listClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        footerClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         appendTo: {
@@ -1120,9 +1264,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onOpened?: ((...args: any[]) => any) | undefined;
         onHighlight?: ((...args: any[]) => any) | undefined;
     }>, {
-        open: boolean;
+        contentMode: string;
+        open: boolean | null;
+        padding: string;
+        listClass: string | unknown[] | Record<string, any>;
         maxHeight: string;
-        transition: string;
+        footerClass: string | unknown[] | Record<string, any>;
         maxWidth: string;
         navigationType: string;
         listId: string;
@@ -1132,15 +1279,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         placement: string;
         fallbackPlacements: unknown[];
         tether: boolean;
+        transition: string;
         openOnContext: boolean;
-        padding: string;
         contentWidth: string;
         modal: boolean;
-        listClass: string | unknown[] | Record<string, any>;
     }, {}, {
         DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             open: {
-                type: BooleanConstructor;
+                type: (BooleanConstructor | null)[];
                 default: null;
             };
             openOnContext: {
@@ -1174,7 +1320,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (padding: unknown) => boolean;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentWidth: {
@@ -1209,7 +1355,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -1217,6 +1363,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            focustrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             fallbackPlacements: {
                 type: ArrayConstructor;
                 default: () => string[];
@@ -1254,16 +1404,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            anchorClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            headerWrapperClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            footerWrapperClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             footerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             dialogClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             initialFocusElement: {
@@ -1316,6 +1478,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
+            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -1380,9 +1543,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: {
@@ -1416,7 +1604,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (padding: unknown) => boolean;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentWidth: {
@@ -1451,7 +1639,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -1459,6 +1647,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            focustrap: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             fallbackPlacements: {
                 type: ArrayConstructor;
                 default: () => string[];
@@ -1496,16 +1688,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            anchorClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            headerWrapperClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            footerWrapperClass: {
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             footerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             dialogClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             initialFocusElement: {
@@ -1537,36 +1741,40 @@ 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;
             boundary: string | HTMLElement | Record<string, any>;
             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;
         }, {}, {
@@ -1581,8 +1789,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {}, {}, {
                 DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -1595,8 +1803,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     dataQA(): {};
                 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -1606,7 +1814,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{
                     onLoaded?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1637,6 +1845,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;
@@ -1651,12 +1867,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    leadingClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -1698,6 +1942,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;
@@ -1707,6 +1955,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(): {
@@ -1739,7 +1988,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<{
@@ -1770,6 +2024,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;
@@ -1784,12 +2046,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    leadingClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -1835,22 +2125,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;
                 }, {}, {
@@ -1860,9 +2159,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                         ariaLabel: {
@@ -1870,12 +2169,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>> & Readonly<{}>, {
-                        size: string;
+                        size: string | number;
                         ariaLabel: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1920,8 +2219,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     validator: (value: unknown) => boolean;
                 };
+                wrapperClass: {
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                    default: string;
+                };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 showCloseButton: {
@@ -1940,8 +2243,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     validator: (value: unknown) => boolean;
                 };
+                wrapperClass: {
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                    default: string;
+                };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 showCloseButton: {
@@ -1952,6 +2259,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<{
@@ -1982,6 +2290,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;
@@ -1996,12 +2312,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    leadingClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -2043,6 +2387,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;
@@ -2052,6 +2400,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(): {
@@ -2084,7 +2433,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<{
@@ -2115,6 +2469,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;
@@ -2129,12 +2491,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    leadingClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    startIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    endIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    blockStartIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    blockEndIconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+                        default: string;
+                    };
+                    iconClass: {
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -2180,22 +2570,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;
                 }, {}, {
@@ -2205,9 +2604,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                         ariaLabel: {
@@ -2215,19 +2614,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>> & Readonly<{}>, {
-                        size: string;
+                        size: string | number;
                         ariaLabel: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2240,8 +2639,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     dataQA(): {};
                 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2251,7 +2650,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{
                     onLoaded?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2285,6 +2684,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;
@@ -2299,12 +2706,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
         };
         labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        leadingClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         loading: {
@@ -2346,6 +2781,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;
@@ -2355,6 +2794,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(): {
@@ -2387,7 +2827,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<{
@@ -2418,6 +2863,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;
@@ -2432,12 +2885,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
-            validator: (s: unknown) => boolean;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+            validator: (size: any) => boolean;
         };
         labelClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        leadingClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        startIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        endIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        blockStartIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        blockEndIconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        iconClass: {
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         loading: {
@@ -2483,22 +2964,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;
     }, {}, {
@@ -2508,9 +2998,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             ariaLabel: {
@@ -2518,19 +3008,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
+            size: string | number;
             ariaLabel: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtIconChevronUp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -2543,8 +3033,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         dataQA(): {};
     }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -2554,7 +3044,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{
         onLoaded?: ((...args: any[]) => any) | undefined;
     }>, {
-        size: string;
+        size: string | number;
         ariaLabel: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;