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

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

@@ -1,15 +1,20 @@
 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;
     };
-    labelVisible: {
+    showLabel: {
         type: BooleanConstructor;
         default: boolean;
     };
     size: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: null;
         validator: (t: unknown) => boolean;
     };
@@ -126,16 +131,21 @@ 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;
     };
-    labelVisible: {
+    showLabel: {
         type: BooleanConstructor;
         default: boolean;
     };
     size: {
-        type: StringConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: null;
         validator: (t: unknown) => boolean;
     };
@@ -227,13 +237,15 @@ 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;
+    padding: string;
     maxHeight: string;
+    showLabel: boolean;
     transition: string;
     maxWidth: string;
-    labelVisible: boolean;
     listId: string;
     onBeginningOfList: Function;
     onEndOfList: Function;
@@ -241,7 +253,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     emptyList: boolean;
     emptyStateMessage: string;
     appendTo: string | HTMLElement;
-    padding: string;
     contentWidth: string;
     openWithArrowKeys: boolean;
     listClass: string | unknown[] | Record<string, any>;
@@ -254,12 +265,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             required: true;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
         size: {
-            type: StringConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: null;
             validator: (t: unknown) => boolean;
         };
@@ -313,8 +324,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {
         inputProps(): {
             label: string;
-            labelVisible: boolean;
-            size: string;
+            showLabel: boolean;
+            size: string | number;
             description: string;
             role: string;
             'aria-label': string;
@@ -393,12 +404,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             required: true;
         };
-        labelVisible: {
+        showLabel: {
             type: BooleanConstructor;
             default: boolean;
         };
         size: {
-            type: StringConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: null;
             validator: (t: unknown) => boolean;
         };
@@ -452,10 +463,10 @@ 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;
-        labelVisible: boolean;
+        loading: boolean;
+        showLabel: boolean;
         listId: string;
         onBeginningOfList: Function;
         onEndOfList: Function;
@@ -505,6 +516,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;
@@ -516,7 +528,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;
@@ -549,6 +561,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;
@@ -570,10 +583,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;
@@ -586,19 +603,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<{
@@ -610,10 +639,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;
@@ -626,26 +659,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>;
@@ -798,6 +842,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;
@@ -857,8 +904,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;
@@ -905,8 +952,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;
@@ -927,7 +974,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;
@@ -939,8 +986,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;
@@ -976,8 +1023,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;
@@ -1012,7 +1059,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;
                 }, {}, {
@@ -1023,8 +1070,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;
@@ -1071,8 +1118,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;
@@ -1093,7 +1140,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;
@@ -1236,6 +1283,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;
@@ -1428,6 +1478,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;
@@ -1542,6 +1595,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;
@@ -1553,7 +1607,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;
@@ -1586,6 +1640,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;
@@ -1607,10 +1662,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;
@@ -1623,19 +1682,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<{
@@ -1647,10 +1718,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;
@@ -1663,26 +1738,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>;
@@ -1790,7 +1876,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -1827,10 +1913,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;
@@ -1889,6 +1983,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         calculatedMaxHeight(): string;
         labelledBy(): string | false;
     }, {
+        getModeReferenceEl(): unknown;
         hasIntersectedViewport(entries: any): void;
         updateAnchorEl(): void;
         popperOptions(): {
@@ -1953,6 +2048,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;
@@ -2024,7 +2144,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: ArrayConstructor;
             default: () => number[];
         };
-        hideOnClick: {
+        closeOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -2061,10 +2181,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;
@@ -2108,6 +2236,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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>;
@@ -2116,7 +2245,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         transition: string;
         maxWidth: string;
         appendTo: string | HTMLElement;
-        hideOnClick: boolean;
         placement: string;
         sticky: string | boolean;
         fallbackPlacements: unknown[];
@@ -2126,11 +2254,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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;
     }, {}, {
@@ -2201,6 +2331,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;
@@ -2215,14 +2353,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;
@@ -2262,6 +2408,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;
@@ -2271,6 +2421,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(): {
@@ -2303,7 +2454,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<{
@@ -2334,6 +2490,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;
@@ -2348,14 +2512,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;
@@ -2403,9 +2575,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;
@@ -2414,7 +2587,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;
             }, {}, {
@@ -2484,6 +2660,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;
@@ -2504,6 +2684,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;
@@ -2516,6 +2700,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<{
@@ -2546,6 +2731,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;
@@ -2560,14 +2753,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;
@@ -2607,6 +2808,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;
@@ -2616,6 +2821,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(): {
@@ -2648,7 +2854,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<{
@@ -2679,6 +2890,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;
@@ -2693,14 +2912,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;
@@ -2748,9 +2975,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;
@@ -2759,7 +2987,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;
             }, {}, {
@@ -2859,6 +3090,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;
@@ -2870,7 +3102,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;
@@ -2903,6 +3135,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;
@@ -2924,10 +3157,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;
@@ -2940,19 +3177,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<{
@@ -2964,10 +3213,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;
@@ -2980,26 +3233,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>;
@@ -3152,6 +3416,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;
@@ -3211,8 +3478,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;
@@ -3259,8 +3526,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;
@@ -3281,7 +3548,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;
@@ -3293,8 +3560,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;
@@ -3330,8 +3597,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;
@@ -3366,7 +3633,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;
             }, {}, {
@@ -3377,8 +3644,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;
@@ -3425,8 +3692,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;
@@ -3447,7 +3714,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;
@@ -3590,6 +3857,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;
@@ -3782,6 +4052,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;
@@ -3896,6 +4169,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;
@@ -3907,7 +4181,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;
@@ -3940,6 +4214,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;
@@ -3961,10 +4236,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;
@@ -3977,19 +4256,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<{
@@ -4001,10 +4292,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;
@@ -4017,26 +4312,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>;