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

package/dist/types/components/combobox_with_popover/combobox_with_popover.vue.d.ts

@@ -1,5 +1,10 @@
 import { hasSlotContent } from '../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    contentMode: {
+        type: StringConstructor;
+        default: null;
+        validator: (v: any) => boolean;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -9,7 +14,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     size: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: null;
         validator: (t: unknown) => boolean;
     };
@@ -124,6 +129,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onFocusOut(e: any): void;
     openOnArrowKeyPress(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "opened" | "escape" | "highlight")[], "select" | "opened" | "escape" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    contentMode: {
+        type: StringConstructor;
+        default: null;
+        validator: (v: any) => boolean;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -133,7 +143,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     size: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: null;
         validator: (t: unknown) => boolean;
     };
@@ -225,13 +235,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onEscape?: ((...args: any[]) => any) | undefined;
     onHighlight?: ((...args: any[]) => any) | undefined;
 }>, {
-    loading: boolean;
-    size: string;
+    contentMode: string;
+    size: string | number;
     description: string;
+    loading: boolean;
     maxHeight: string;
+    labelVisible: boolean;
     transition: string;
     maxWidth: string;
-    labelVisible: boolean;
     listId: string;
     onBeginningOfList: Function;
     onEndOfList: Function;
@@ -257,7 +268,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         size: {
-            type: StringConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: null;
             validator: (t: unknown) => boolean;
         };
@@ -312,7 +323,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         inputProps(): {
             label: string;
             labelVisible: boolean;
-            size: string;
+            size: string | number;
             description: string;
             role: string;
             'aria-label': string;
@@ -396,7 +407,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         size: {
-            type: StringConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: null;
             validator: (t: unknown) => boolean;
         };
@@ -450,9 +461,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onEscape?: ((...args: any[]) => any) | undefined;
         onHighlight?: ((...args: any[]) => any) | undefined;
     }>, {
-        loading: boolean;
-        size: string;
+        size: string | number;
         description: string;
+        loading: boolean;
         labelVisible: boolean;
         listId: string;
         onBeginningOfList: Function;
@@ -503,6 +514,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {
                 isDefaultType(): boolean;
                 listItemListeners(): {
+                    click: (event: any) => void;
                     keydown: (event: any) => void;
                     mousemove: (event: any) => void;
                     mouseleave: (event: any) => void;
@@ -514,7 +526,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClick(e: any): void;
                 onMouseHover(): void;
                 onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -547,6 +559,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
             }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
                 onKeydown?: ((...args: any[]) => any) | undefined;
                 onMouseleave?: ((...args: any[]) => any) | undefined;
                 onMousemove?: ((...args: any[]) => any) | undefined;
@@ -568,10 +581,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -584,19 +601,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
-                }>, {}, {}, {}, {
+                }>, {}, {}, {
+                    resolvedStartClass(): string;
+                    resolvedEndClass(): string;
+                    resolvedBlockEndClass(): string;
+                }, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -608,10 +637,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -624,26 +657,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
                 }>> & Readonly<{}>, {
+                    as: string;
                     unstyled: boolean;
                     contentClass: string;
-                    as: string;
+                    startClass: string;
                     leftClass: string;
                     titleClass: string;
                     subtitleClass: string;
+                    blockEndClass: string;
                     bottomClass: string;
+                    endClass: string;
                     rightClass: string;
                     selectedClass: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -796,6 +840,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     SKELETON_HEADING_HEIGHTS: {
+                        200: string;
+                        300: string;
+                        400: string;
                         sm: string;
                         md: string;
                         lg: string;
@@ -855,8 +902,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -903,8 +950,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -925,7 +972,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    size: string;
+                    size: string | number;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
                     animate: boolean;
@@ -937,8 +984,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -974,8 +1021,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     shapeSize: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     paragraphs: {
                         type: ObjectConstructor;
@@ -1010,7 +1057,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     contentClass: string;
                     shape: string;
                     animate: boolean;
-                    shapeSize: string;
+                    shapeSize: string | number;
                     paragraphs: Record<string, any>;
                     shapeClass: string;
                 }, {}, {
@@ -1021,8 +1068,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -1069,8 +1116,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             validator: (shape: unknown) => boolean;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                         };
                         animationDuration: {
                             type: NumberConstructor;
@@ -1091,7 +1138,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>> & Readonly<{}>, {
                         offset: number;
                         animationDuration: number;
-                        size: string;
+                        size: string | number;
                         contentClass: string | unknown[] | Record<string, any>;
                         shape: string;
                         animate: boolean;
@@ -1234,6 +1281,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             };
                         }>, {}, {
                             SKELETON_HEADING_HEIGHTS: {
+                                200: string;
+                                300: string;
+                                400: string;
                                 sm: string;
                                 md: string;
                                 lg: string;
@@ -1426,6 +1476,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
+                            200: string;
+                            300: string;
+                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -1540,6 +1593,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {
                 isDefaultType(): boolean;
                 listItemListeners(): {
+                    click: (event: any) => void;
                     keydown: (event: any) => void;
                     mousemove: (event: any) => void;
                     mouseleave: (event: any) => void;
@@ -1551,7 +1605,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onClick(e: any): void;
                 onMouseHover(): void;
                 onMouseLeave(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 id: {
                     type: StringConstructor;
                     default(): string;
@@ -1584,6 +1638,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
             }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
                 onKeydown?: ((...args: any[]) => any) | undefined;
                 onMouseleave?: ((...args: any[]) => any) | undefined;
                 onMousemove?: ((...args: any[]) => any) | undefined;
@@ -1605,10 +1660,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -1621,19 +1680,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
-                }>, {}, {}, {}, {
+                }>, {}, {}, {
+                    resolvedStartClass(): string;
+                    resolvedEndClass(): string;
+                    resolvedBlockEndClass(): string;
+                }, {
                     dynamicGridTemplateColumns(): string;
                     hasSlotContent: typeof hasSlotContent;
                 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -1645,10 +1716,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
-                    leftClass: {
+                    startClass: {
                         type: StringConstructor;
                         default: string;
                     };
+                    leftClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
                     contentClass: {
                         type: StringConstructor;
                         default: string;
@@ -1661,26 +1736,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    blockEndClass: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     bottomClass: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    endClass: {
                         type: StringConstructor;
                         default: string;
                     };
                     rightClass: {
                         type: StringConstructor;
-                        default: string;
+                        default: undefined;
                     };
                     selectedClass: {
                         type: StringConstructor;
                         default: string;
                     };
                 }>> & Readonly<{}>, {
+                    as: string;
                     unstyled: boolean;
                     contentClass: string;
-                    as: string;
+                    startClass: string;
                     leftClass: string;
                     titleClass: string;
                     subtitleClass: string;
+                    blockEndClass: string;
                     bottomClass: string;
+                    endClass: string;
                     rightClass: string;
                     selectedClass: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1825,10 +1911,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -1887,6 +1981,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -1951,6 +2046,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
             focusTrappedTabPress(e: object, el: object): void;
         };
+    } | {
+        props: {
+            contentMode: {
+                type: StringConstructor;
+                default: null;
+                validator: (v: any) => boolean;
+            };
+        };
+        data(): {
+            modeContrast: string;
+            modeResolved: null;
+        };
+        computed: {
+            modeAttrs(): any;
+        };
+        watch: {
+            contentMode(): void;
+        };
+        mounted(): void;
+        beforeUnmount(): void;
+        methods: {
+            getModeReferenceEl(): HTMLElement | null;
+            setupModeObservers(): void;
+            cleanupModeObservers(): void;
+        };
     }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         open: {
             type: BooleanConstructor;
@@ -2059,10 +2179,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        headerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         headerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        footerWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         footerClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
@@ -2129,6 +2257,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         contentAppear: boolean;
         contentTabindex: number;
         modal: boolean;
+        headerWrapperClass: string | unknown[] | Record<string, any>;
+        footerWrapperClass: string | unknown[] | Record<string, any>;
         initialFocusElement: string | HTMLElement;
         openWithArrowKeys: boolean;
     }, {}, {
@@ -2199,6 +2329,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2213,14 +2351,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2260,6 +2406,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -2269,6 +2419,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof hasSlotContent;
                 i18n: any;
             }, {
+                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -2301,7 +2452,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                shouldRenderIcon(): any;
+                hasStartIcon(): any;
+                hasEndIcon(): any;
+                hasBlockStartIcon(): any;
+                hasBlockEndIcon(): any;
+                hasNewIconSlots(): any;
+                shouldRenderLegacyIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2332,6 +2488,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2346,14 +2510,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2401,9 +2573,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                loading: boolean;
-                size: string;
+                size: string | number;
                 replace: boolean;
+                loading: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
                 href: string;
@@ -2412,7 +2585,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -2482,6 +2658,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
+            wrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             contentClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -2502,6 +2682,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: StringConstructor;
                 validator: (value: unknown) => boolean;
             };
+            wrapperClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
             contentClass: {
                 type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                 default: string;
@@ -2514,6 +2698,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClose?: ((...args: any[]) => any) | undefined;
         }>, {
             contentClass: string | unknown[] | Record<string, any>;
+            wrapperClass: string | unknown[] | Record<string, any>;
             showCloseButton: boolean;
         }, {}, {
             DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -2544,6 +2729,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2558,14 +2751,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2605,6 +2806,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 ICON_POSITION_MODIFIERS: {
+                    start: string;
+                    end: string;
+                    blockStart: string;
+                    blockEnd: string;
                     left: string;
                     right: string;
                     top: string;
@@ -2614,6 +2819,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasSlotContent: typeof hasSlotContent;
                 i18n: any;
             }, {
+                resolvedUnderline(): boolean;
                 computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 isNativeButton(): boolean;
                 computedAttrs(): {
@@ -2646,7 +2852,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
                 buttonClasses(): any[];
                 isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-                shouldRenderIcon(): any;
+                hasStartIcon(): any;
+                hasEndIcon(): any;
+                hasBlockStartIcon(): any;
+                hasBlockEndIcon(): any;
+                hasNewIconSlots(): any;
+                shouldRenderLegacyIcon(): any;
                 isIconOnly(): any;
                 isVerticalIconLayout(): boolean;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2677,6 +2888,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                linkUnderline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                underline: {
+                    type: BooleanConstructor;
+                    default: null;
+                };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2691,14 +2910,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
                     type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                     default: string;
                 };
+                leadingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                trailingClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
                 loading: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -2746,9 +2973,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 target: string;
                 circle: boolean;
                 active: boolean;
-                loading: boolean;
-                size: string;
+                size: string | number;
                 replace: boolean;
+                loading: boolean;
+                underline: boolean;
                 kind: string;
                 labelClass: string | unknown[] | Record<string, any>;
                 href: string;
@@ -2757,7 +2985,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 importance: string;
                 linkKind: string;
                 linkInverted: boolean;
+                linkUnderline: boolean;
                 width: string;
+                leadingClass: string | unknown[] | Record<string, any>;
+                trailingClass: string | unknown[] | Record<string, any>;
                 assertiveOnFocus: boolean;
                 rel: string;
             }, {}, {
@@ -2857,6 +3088,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {
             isDefaultType(): boolean;
             listItemListeners(): {
+                click: (event: any) => void;
                 keydown: (event: any) => void;
                 mousemove: (event: any) => void;
                 mouseleave: (event: any) => void;
@@ -2868,7 +3100,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick(e: any): void;
             onMouseHover(): void;
             onMouseLeave(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -2901,6 +3133,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
         }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onMouseleave?: ((...args: any[]) => any) | undefined;
             onMousemove?: ((...args: any[]) => any) | undefined;
@@ -2922,10 +3155,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                leftClass: {
+                startClass: {
                     type: StringConstructor;
                     default: string;
                 };
+                leftClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
                 contentClass: {
                     type: StringConstructor;
                     default: string;
@@ -2938,19 +3175,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
+                blockEndClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 bottomClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endClass: {
                     type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
                     type: StringConstructor;
-                    default: string;
+                    default: undefined;
                 };
                 selectedClass: {
                     type: StringConstructor;
                     default: string;
                 };
-            }>, {}, {}, {}, {
+            }>, {}, {}, {
+                resolvedStartClass(): string;
+                resolvedEndClass(): string;
+                resolvedBlockEndClass(): string;
+            }, {
                 dynamicGridTemplateColumns(): string;
                 hasSlotContent: typeof hasSlotContent;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2962,10 +3211,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                leftClass: {
+                startClass: {
                     type: StringConstructor;
                     default: string;
                 };
+                leftClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
                 contentClass: {
                     type: StringConstructor;
                     default: string;
@@ -2978,26 +3231,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
+                blockEndClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 bottomClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endClass: {
                     type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
                     type: StringConstructor;
-                    default: string;
+                    default: undefined;
                 };
                 selectedClass: {
                     type: StringConstructor;
                     default: string;
                 };
             }>> & Readonly<{}>, {
+                as: string;
                 unstyled: boolean;
                 contentClass: string;
-                as: string;
+                startClass: string;
                 leftClass: string;
                 titleClass: string;
                 subtitleClass: string;
+                blockEndClass: string;
                 bottomClass: string;
+                endClass: string;
                 rightClass: string;
                 selectedClass: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3150,6 +3414,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>, {}, {
                 SKELETON_HEADING_HEIGHTS: {
+                    200: string;
+                    300: string;
+                    400: string;
                     sm: string;
                     md: string;
                     lg: string;
@@ -3209,8 +3476,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                 };
                 animationDuration: {
                     type: NumberConstructor;
@@ -3257,8 +3524,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                 };
                 animationDuration: {
                     type: NumberConstructor;
@@ -3279,7 +3546,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {
                 offset: number;
                 animationDuration: number;
-                size: string;
+                size: string | number;
                 contentClass: string | unknown[] | Record<string, any>;
                 shape: string;
                 animate: boolean;
@@ -3291,8 +3558,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 shapeSize: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                 };
                 paragraphs: {
                     type: ObjectConstructor;
@@ -3328,8 +3595,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (shape: unknown) => boolean;
                 };
                 shapeSize: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                 };
                 paragraphs: {
                     type: ObjectConstructor;
@@ -3364,7 +3631,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 contentClass: string;
                 shape: string;
                 animate: boolean;
-                shapeSize: string;
+                shapeSize: string | number;
                 paragraphs: Record<string, any>;
                 shapeClass: string;
             }, {}, {
@@ -3375,8 +3642,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -3423,8 +3690,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         validator: (shape: unknown) => boolean;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                     };
                     animationDuration: {
                         type: NumberConstructor;
@@ -3445,7 +3712,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {
                     offset: number;
                     animationDuration: number;
-                    size: string;
+                    size: string | number;
                     contentClass: string | unknown[] | Record<string, any>;
                     shape: string;
                     animate: boolean;
@@ -3588,6 +3855,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         };
                     }>, {}, {
                         SKELETON_HEADING_HEIGHTS: {
+                            200: string;
+                            300: string;
+                            400: string;
                             sm: string;
                             md: string;
                             lg: string;
@@ -3780,6 +4050,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>, {}, {
                     SKELETON_HEADING_HEIGHTS: {
+                        200: string;
+                        300: string;
+                        400: string;
                         sm: string;
                         md: string;
                         lg: string;
@@ -3894,6 +4167,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {
             isDefaultType(): boolean;
             listItemListeners(): {
+                click: (event: any) => void;
                 keydown: (event: any) => void;
                 mousemove: (event: any) => void;
                 mouseleave: (event: any) => void;
@@ -3905,7 +4179,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick(e: any): void;
             onMouseHover(): void;
             onMouseLeave(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "keydown" | "mouseleave" | "mousemove")[], "click" | "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -3938,6 +4212,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
         }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             onMouseleave?: ((...args: any[]) => any) | undefined;
             onMousemove?: ((...args: any[]) => any) | undefined;
@@ -3959,10 +4234,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                leftClass: {
+                startClass: {
                     type: StringConstructor;
                     default: string;
                 };
+                leftClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
                 contentClass: {
                     type: StringConstructor;
                     default: string;
@@ -3975,19 +4254,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
+                blockEndClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 bottomClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endClass: {
                     type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
                     type: StringConstructor;
-                    default: string;
+                    default: undefined;
                 };
                 selectedClass: {
                     type: StringConstructor;
                     default: string;
                 };
-            }>, {}, {}, {}, {
+            }>, {}, {}, {
+                resolvedStartClass(): string;
+                resolvedEndClass(): string;
+                resolvedBlockEndClass(): string;
+            }, {
                 dynamicGridTemplateColumns(): string;
                 hasSlotContent: typeof hasSlotContent;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -3999,10 +4290,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
-                leftClass: {
+                startClass: {
                     type: StringConstructor;
                     default: string;
                 };
+                leftClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
                 contentClass: {
                     type: StringConstructor;
                     default: string;
@@ -4015,26 +4310,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: StringConstructor;
                     default: string;
                 };
+                blockEndClass: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 bottomClass: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                endClass: {
                     type: StringConstructor;
                     default: string;
                 };
                 rightClass: {
                     type: StringConstructor;
-                    default: string;
+                    default: undefined;
                 };
                 selectedClass: {
                     type: StringConstructor;
                     default: string;
                 };
             }>> & Readonly<{}>, {
+                as: string;
                 unstyled: boolean;
                 contentClass: string;
-                as: string;
+                startClass: string;
                 leftClass: string;
                 titleClass: string;
                 subtitleClass: string;
+                blockEndClass: string;
                 bottomClass: string;
+                endClass: string;
                 rightClass: string;
                 selectedClass: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;