@dialpad/dialtone-vue 3.223.0-next.3 → 3.223.0

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

@@ -1,4 +1,4 @@
-import { removeClassStyleAttrs } from '../../../common/utils';
+import { removeClassStyleAttrs, addClassStyleAttrs } from '../../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -92,6 +92,7 @@ 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;
@@ -187,16 +188,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     onClick: Function;
     disabled: boolean;
-    ariaLabel: string;
     id: string;
     offset: unknown[];
     danger: boolean;
     active: boolean;
+    ariaLabel: string;
     contentClass: string | unknown[] | Record<string, any>;
     placement: string;
     showCloseButton: boolean;
     initialFocusElement: string;
-    openPopover: boolean;
     tooltipText: string;
     buttonClass: string | unknown[] | Record<string, any>;
     textClass: string | unknown[] | Record<string, any>;
@@ -205,6 +205,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     showTooltip: boolean;
     tooltipDelay: boolean;
     forceShowArrow: boolean;
+    openPopover: boolean;
 }, {}, {
     DtRecipeCallbarButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         id: {
@@ -282,6 +283,7 @@ 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;
@@ -345,11 +347,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>;
@@ -387,14 +389,6 @@ 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;
@@ -409,42 +403,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+                type: StringConstructor;
+                default: string;
                 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;
@@ -484,10 +450,6 @@ 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;
@@ -497,7 +459,6 @@ 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(): {
@@ -530,12 +491,7 @@ 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;
-            hasStartIcon(): any;
-            hasEndIcon(): any;
-            hasBlockStartIcon(): any;
-            hasBlockEndIcon(): any;
-            hasNewIconSlots(): any;
-            shouldRenderLegacyIcon(): any;
+            shouldRenderIcon(): any;
             isIconOnly(): any;
             isVerticalIconLayout(): boolean;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -566,14 +522,6 @@ 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;
@@ -588,42 +536,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: null;
             };
             size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
+                type: StringConstructor;
+                default: string;
                 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;
@@ -667,31 +587,22 @@ 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;
-            underline: boolean;
+            size: string;
+            replace: 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;
         }, {}, {
@@ -759,10 +670,6 @@ 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;
@@ -771,8 +678,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            open: {
-                type: (BooleanConstructor | null)[];
+            show: {
+                type: BooleanConstructor;
                 default: null;
             };
             transition: {
@@ -840,8 +747,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         options: {
                             altAxis: boolean;
                             tether: boolean;
+                            boundary: string;
                             fallbackPlacements?: undefined;
-                            boundary?: undefined;
                         };
                         enabled?: undefined;
                     })[];
@@ -849,7 +756,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             anchor(): any;
         }, {
-            getModeReferenceEl(): any;
             calculateAnchorZindex(): 651 | 400;
             hasVisibleFocus(): any;
             onEnterAnchor(e: any): void;
@@ -859,7 +765,6 @@ 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;
@@ -873,7 +778,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 touch: boolean;
                 onMount: () => void;
                 showOnCreate: boolean;
-                appendTo: any;
                 popperOptions: {
                     modifiers: ({
                         name: string;
@@ -893,8 +797,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         options: {
                             altAxis: boolean;
                             tether: boolean;
+                            boundary: string;
                             fallbackPlacements?: undefined;
-                            boundary?: undefined;
                         };
                         enabled?: undefined;
                     })[];
@@ -902,32 +806,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             addExternalAnchorEventListeners(): void;
             removeExternalAnchorEventListeners(): 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, ("update:open" | "shown")[], "update:open" | "shown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -966,10 +845,6 @@ 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;
@@ -978,8 +853,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-            open: {
-                type: (BooleanConstructor | null)[];
+            show: {
+                type: BooleanConstructor;
                 default: null;
             };
             transition: {
@@ -1006,16 +881,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;
-            contentClass: string | unknown[] | Record<string, any>;
             inverted: boolean;
-            anchorClass: string | unknown[] | Record<string, any>;
+            contentClass: string | unknown[] | Record<string, any>;
+            show: boolean;
+            transition: boolean;
             appendTo: string | HTMLElement | Record<string, any>;
             delay: boolean;
             placement: string;
@@ -1023,14 +898,13 @@ 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>;
     DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         open: {
-            type: (BooleanConstructor | null)[];
+            type: BooleanConstructor;
             default: null;
         };
         openOnContext: {
@@ -1099,7 +973,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1107,14 +981,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        focustrap: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         fallbackPlacements: {
             type: ArrayConstructor;
             default: () => string[];
         };
+        boundary: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (boundary: unknown) => boolean;
+        };
         placement: {
             type: StringConstructor;
             default: string;
@@ -1140,22 +1018,10 @@ 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;
@@ -1214,7 +1080,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
-        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -1236,8 +1101,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 options: {
                     altAxis: boolean;
                     tether: boolean;
+                    boundary: string;
                     fallbackPlacements?: undefined;
-                    boundary?: undefined;
                 };
                 enabled?: undefined;
             })[];
@@ -1279,34 +1144,9 @@ 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 | null)[];
+            type: BooleanConstructor;
             default: null;
         };
         openOnContext: {
@@ -1375,7 +1215,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        closeOnClick: {
+        hideOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1383,14 +1223,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        focustrap: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         fallbackPlacements: {
             type: ArrayConstructor;
             default: () => string[];
         };
+        boundary: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (boundary: unknown) => boolean;
+        };
         placement: {
             type: StringConstructor;
             default: string;
@@ -1416,22 +1260,10 @@ 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;
@@ -1469,39 +1301,36 @@ 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 | null;
-        headerClass: string | unknown[] | Record<string, any>;
-        contentClass: string | unknown[] | Record<string, any>;
+        open: boolean;
+        ariaLabel: string;
         role: string;
         dialogClass: string | unknown[] | Record<string, any>;
-        padding: string;
         maxHeight: string;
+        contentClass: string | unknown[] | Record<string, any>;
+        headerClass: string | unknown[] | Record<string, any>;
         footerClass: string | unknown[] | Record<string, any>;
         elementType: string;
-        anchorClass: string | unknown[] | Record<string, any>;
+        transition: string;
         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;
     }, {}, {
@@ -1572,14 +1401,6 @@ 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;
@@ -1594,42 +1415,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     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;
@@ -1669,10 +1462,6 @@ 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;
@@ -1682,7 +1471,6 @@ 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(): {
@@ -1715,12 +1503,7 @@ 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;
-                hasStartIcon(): any;
-                hasEndIcon(): any;
-                hasBlockStartIcon(): any;
-                hasBlockEndIcon(): any;
-                hasNewIconSlots(): any;
-                shouldRenderLegacyIcon(): any;
+                shouldRenderIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1751,14 +1534,6 @@ 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;
@@ -1773,42 +1548,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     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;
@@ -1852,31 +1599,22 @@ 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;
-                underline: boolean;
+                size: string;
+                replace: 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;
             }, {}, {
@@ -1946,10 +1684,6 @@ 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;
@@ -1970,10 +1704,6 @@ 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;
@@ -1986,7 +1716,6 @@ 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<{
@@ -2017,14 +1746,6 @@ 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;
@@ -2039,42 +1760,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     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;
@@ -2114,10 +1807,6 @@ 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;
@@ -2127,7 +1816,6 @@ 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(): {
@@ -2160,12 +1848,7 @@ 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;
-                hasStartIcon(): any;
-                hasEndIcon(): any;
-                hasBlockStartIcon(): any;
-                hasBlockEndIcon(): any;
-                hasNewIconSlots(): any;
-                shouldRenderLegacyIcon(): any;
+                shouldRenderIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2196,14 +1879,6 @@ 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;
@@ -2218,42 +1893,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: number;
+                    type: StringConstructor;
+                    default: string;
                     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;
@@ -2297,31 +1944,22 @@ 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;
-                underline: boolean;
+                size: string;
+                replace: 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;
             }, {}, {
@@ -2410,14 +2048,6 @@ 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,42 +2062,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
+            type: StringConstructor;
+            default: string;
             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;
@@ -2507,10 +2109,6 @@ 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;
@@ -2520,7 +2118,6 @@ 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(): {
@@ -2553,12 +2150,7 @@ 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;
-        hasStartIcon(): any;
-        hasEndIcon(): any;
-        hasBlockStartIcon(): any;
-        hasBlockEndIcon(): any;
-        hasNewIconSlots(): any;
-        shouldRenderLegacyIcon(): any;
+        shouldRenderIcon(): any;
         isIconOnly(): any;
         isVerticalIconLayout(): boolean;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2589,14 +2181,6 @@ 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;
@@ -2611,42 +2195,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: null;
         };
         size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
+            type: StringConstructor;
+            default: string;
             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;
@@ -2690,31 +2246,22 @@ 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;
-        underline: boolean;
+        size: string;
+        replace: 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;
     }, {}, {