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

package/dist/components/hovercard/hovercard.vue.d.ts

@@ -82,7 +82,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -119,10 +119,18 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -189,6 +197,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -253,6 +262,31 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             _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")[], import('vue').PublicProps, {
         id: string;
         offset: unknown[];
@@ -260,6 +294,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         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>;
@@ -268,7 +303,6 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         transition: string;
         maxWidth: string;
         appendTo: string | HTMLElement;
-        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         fallbackPlacements: unknown[];
@@ -278,11 +312,13 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         showCloseButton: boolean;
         openOnContext: boolean;
         ariaLabelledby: string;
-        padding: string;
         contentWidth: string;
         contentAppear: boolean;
         contentTabindex: number;
+        closeOnClick: boolean;
         modal: boolean;
+        headerWrapperClass: string | unknown[] | Record<string, any>;
+        footerWrapperClass: string | unknown[] | Record<string, any>;
         initialFocusElement: string | HTMLElement;
         openWithArrowKeys: boolean;
     }, true, {}, {}, {
@@ -353,6 +389,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -367,14 +411,22 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -414,6 +466,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -423,6 +479,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 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(): {
@@ -455,7 +512,12 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 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<{
@@ -486,6 +548,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -500,14 +570,22 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -555,9 +633,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 target: string;
                 circle: boolean;
                 active: boolean;
-                loading: boolean;
-                size: string;
+                size: string | number;
                 replace: boolean;
+                loading: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
                 href: string;
@@ -566,7 +645,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -636,6 +718,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
+            wrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             contentClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -656,6 +742,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
+            wrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             contentClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -668,6 +758,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             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<{
@@ -698,6 +789,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -712,14 +811,22 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -759,6 +866,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -768,6 +879,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 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(): {
@@ -800,7 +912,12 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 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<{
@@ -831,6 +948,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -845,14 +970,22 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -900,9 +1033,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 target: string;
                 circle: boolean;
                 active: boolean;
-                loading: boolean;
-                size: string;
+                size: string | number;
                 replace: boolean;
+                loading: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
                 href: string;
@@ -911,7 +1045,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -992,6 +1129,22 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         C: {};
         M: {};
         Defaults: {};
+    } & {
+        P: {};
+        B: {};
+        D: {
+            modeContrast: string;
+            modeResolved: null;
+        };
+        C: {
+            modeAttrs(): any;
+        };
+        M: {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        };
+        Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
         open: {
             type: BooleanConstructor;
@@ -1063,7 +1216,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1100,10 +1253,18 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -1141,6 +1302,9 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
         "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
     }>, {}, {
+        modeContrast: string;
+        modeResolved: null;
+    } & {
         POPOVER_PADDING_CLASSES: {
             none: undefined;
             small: string;
@@ -1162,6 +1326,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         popoverContentEl: null;
         hasSlotContent: typeof import('../../common/utils').hasSlotContent;
     }, import('vue').ComputedOptions & {
+        modeAttrs(): any;
+    } & {
         popoverListeners(): {
             keydown: (event: any) => void;
             'after-leave': () => void;
@@ -1177,6 +1343,11 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
         focusTrappedTabPress(e: object, el: object): void;
     } & {
+        getModeReferenceEl(): HTMLElement | null;
+        setupModeObservers(): void;
+        cleanupModeObservers(): void;
+    } & {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -1239,6 +1410,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         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>;
@@ -1247,7 +1419,6 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         transition: string;
         maxWidth: string;
         appendTo: string | HTMLElement;
-        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         fallbackPlacements: unknown[];
@@ -1257,11 +1428,13 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         showCloseButton: boolean;
         openOnContext: boolean;
         ariaLabelledby: string;
-        padding: string;
         contentWidth: string;
         contentAppear: boolean;
         contentTabindex: number;
+        closeOnClick: boolean;
         modal: boolean;
+        headerWrapperClass: string | unknown[] | Record<string, any>;
+        footerWrapperClass: string | unknown[] | Record<string, any>;
         initialFocusElement: string | HTMLElement;
         openWithArrowKeys: boolean;
     }> | null;
@@ -1346,7 +1519,7 @@ type __VLS_TemplateResult = {
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -1383,10 +1556,18 @@ type __VLS_TemplateResult = {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            headerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             headerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            footerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             footerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -1445,6 +1626,7 @@ type __VLS_TemplateResult = {
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
+            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -1509,6 +1691,31 @@ type __VLS_TemplateResult = {
                 _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;
+            };
         }, ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], PublicProps, {
             id: string;
             offset: unknown[];
@@ -1516,6 +1723,7 @@ type __VLS_TemplateResult = {
             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>;
@@ -1524,7 +1732,6 @@ type __VLS_TemplateResult = {
             transition: string;
             maxWidth: string;
             appendTo: string | HTMLElement;
-            hideOnClick: boolean;
             placement: string;
             sticky: string | boolean;
             fallbackPlacements: unknown[];
@@ -1534,11 +1741,13 @@ type __VLS_TemplateResult = {
             showCloseButton: boolean;
             openOnContext: boolean;
             ariaLabelledby: string;
-            padding: string;
             contentWidth: string;
             contentAppear: boolean;
             contentTabindex: number;
+            closeOnClick: boolean;
             modal: boolean;
+            headerWrapperClass: string | unknown[] | Record<string, any>;
+            footerWrapperClass: string | unknown[] | Record<string, any>;
             initialFocusElement: string | HTMLElement;
             openWithArrowKeys: boolean;
         }, true, {}, {}, {
@@ -1607,6 +1816,14 @@ type __VLS_TemplateResult = {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1621,14 +1838,22 @@ type __VLS_TemplateResult = {
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1668,6 +1893,10 @@ type __VLS_TemplateResult = {
                     };
                 }>, {}, {
                     ICON_POSITION_MODIFIERS: {
+                        start: string;
+                        end: string;
+                        blockStart: string;
+                        blockEnd: string;
                         left: string;
                         right: string;
                         top: string;
@@ -1677,6 +1906,7 @@ type __VLS_TemplateResult = {
                     hasSlotContent: typeof hasSlotContent;
                     i18n: any;
                 }, {
+                    resolvedUnderline(): boolean;
                     computedTag(): string | ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any>;
                     isNativeButton(): boolean;
                     computedAttrs(): {
@@ -1709,7 +1939,12 @@ type __VLS_TemplateResult = {
                     resolveRouterLink(): string | ConcreteComponent<{}, any, any, ComputedOptions, 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;
                 }, ComponentOptionsMixin, ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", PublicProps, ToResolvedProps<ExtractPropTypes<{
@@ -1740,6 +1975,14 @@ type __VLS_TemplateResult = {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1754,14 +1997,22 @@ type __VLS_TemplateResult = {
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1806,9 +2057,10 @@ type __VLS_TemplateResult = {
                     target: string;
                     circle: boolean;
                     active: boolean;
-                    loading: boolean;
-                    size: string;
+                    size: string | number;
                     replace: boolean;
+                    loading: boolean;
+                    underline: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
                     href: string;
@@ -1817,7 +2069,10 @@ type __VLS_TemplateResult = {
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
+                    linkUnderline: boolean;
                     width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {
@@ -1887,6 +2142,10 @@ type __VLS_TemplateResult = {
                     type: StringConstructor;
                     validator: (value: unknown) => boolean;
                 };
+                wrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 contentClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
@@ -1907,6 +2166,10 @@ type __VLS_TemplateResult = {
                     type: StringConstructor;
                     validator: (value: unknown) => boolean;
                 };
+                wrapperClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 contentClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
@@ -1917,6 +2180,7 @@ type __VLS_TemplateResult = {
                 };
             }>, "close"[]>, {
                 contentClass: string | unknown[] | Record<string, any>;
+                wrapperClass: string | unknown[] | Record<string, any>;
                 showCloseButton: boolean;
             }, {}, {
                 DtButton: DefineComponent<ExtractPropTypes<{
@@ -1947,6 +2211,14 @@ type __VLS_TemplateResult = {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -1961,14 +2233,22 @@ type __VLS_TemplateResult = {
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -2008,6 +2288,10 @@ type __VLS_TemplateResult = {
                     };
                 }>, {}, {
                     ICON_POSITION_MODIFIERS: {
+                        start: string;
+                        end: string;
+                        blockStart: string;
+                        blockEnd: string;
                         left: string;
                         right: string;
                         top: string;
@@ -2017,6 +2301,7 @@ type __VLS_TemplateResult = {
                     hasSlotContent: typeof hasSlotContent;
                     i18n: any;
                 }, {
+                    resolvedUnderline(): boolean;
                     computedTag(): string | ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions, {}, any>;
                     isNativeButton(): boolean;
                     computedAttrs(): {
@@ -2049,7 +2334,12 @@ type __VLS_TemplateResult = {
                     resolveRouterLink(): string | ConcreteComponent<{}, any, any, ComputedOptions, 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;
                 }, ComponentOptionsMixin, ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", PublicProps, ToResolvedProps<ExtractPropTypes<{
@@ -2080,6 +2370,14 @@ type __VLS_TemplateResult = {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    linkUnderline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    underline: {
+                        type: BooleanConstructor;
+                        default: null;
+                    };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -2094,14 +2392,22 @@ type __VLS_TemplateResult = {
                         default: null;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     labelClass: {
                         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                         default: string;
                     };
+                    leadingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
+                    trailingClass: {
+                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        default: string;
+                    };
                     loading: {
                         type: BooleanConstructor;
                         default: boolean;
@@ -2146,9 +2452,10 @@ type __VLS_TemplateResult = {
                     target: string;
                     circle: boolean;
                     active: boolean;
-                    loading: boolean;
-                    size: string;
+                    size: string | number;
                     replace: boolean;
+                    loading: boolean;
+                    underline: boolean;
                     kind: string;
                     labelClass: string | unknown[] | Record<string, any>;
                     href: string;
@@ -2157,7 +2464,10 @@ type __VLS_TemplateResult = {
                     importance: string;
                     linkKind: string;
                     linkInverted: boolean;
+                    linkUnderline: boolean;
                     width: string;
+                    leadingClass: string | unknown[] | Record<string, any>;
+                    trailingClass: string | unknown[] | Record<string, any>;
                     assertiveOnFocus: boolean;
                     rel: string;
                 }, {}, {
@@ -2224,7 +2534,16 @@ type __VLS_TemplateResult = {
             _getFirstFocusElement(focusableElements: any): any;
             _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
             focusTrappedTabPress(e: object, el: object): void;
-        }, {}> & OptionTypesType<{}, {}, {}, {}, {}, {}>, Readonly<ExtractPropTypes<{
+        }, {}> & OptionTypesType<{}, {}, {}, {}, {}, {}> & OptionTypesType<{}, {}, {
+            modeContrast: string;
+            modeResolved: null;
+        }, {
+            modeAttrs(): any;
+        }, {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        }, {}>, Readonly<ExtractPropTypes<{
             open: {
                 type: BooleanConstructor;
                 default: null;
@@ -2295,7 +2614,7 @@ type __VLS_TemplateResult = {
                 type: ArrayConstructor;
                 default: () => number[];
             };
-            hideOnClick: {
+            closeOnClick: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -2332,10 +2651,18 @@ type __VLS_TemplateResult = {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            headerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             headerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
             };
+            footerWrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             footerClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -2373,6 +2700,9 @@ type __VLS_TemplateResult = {
             "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
             "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
         }>, {}, {
+            modeContrast: string;
+            modeResolved: null;
+        } & {
             POPOVER_PADDING_CLASSES: {
                 none: undefined;
                 small: string;
@@ -2394,6 +2724,8 @@ type __VLS_TemplateResult = {
             popoverContentEl: null;
             hasSlotContent: typeof hasSlotContent;
         }, ComputedOptions & {
+            modeAttrs(): any;
+        } & {
             popoverListeners(): {
                 keydown: (event: any) => void;
                 'after-leave': () => void;
@@ -2409,6 +2741,11 @@ type __VLS_TemplateResult = {
             _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
             focusTrappedTabPress(e: object, el: object): void;
         } & {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        } & {
+            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -2471,6 +2808,7 @@ type __VLS_TemplateResult = {
             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>;
@@ -2479,7 +2817,6 @@ type __VLS_TemplateResult = {
             transition: string;
             maxWidth: string;
             appendTo: string | HTMLElement;
-            hideOnClick: boolean;
             placement: string;
             sticky: string | boolean;
             fallbackPlacements: unknown[];
@@ -2489,11 +2826,13 @@ type __VLS_TemplateResult = {
             showCloseButton: boolean;
             openOnContext: boolean;
             ariaLabelledby: string;
-            padding: string;
             contentWidth: string;
             contentAppear: boolean;
             contentTabindex: number;
+            closeOnClick: boolean;
             modal: boolean;
+            headerWrapperClass: string | unknown[] | Record<string, any>;
+            footerWrapperClass: string | unknown[] | Record<string, any>;
             initialFocusElement: string | HTMLElement;
             openWithArrowKeys: boolean;
         }> | null;