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

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

@@ -1,29 +1,74 @@
 import { hasSlotContent } from '../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    alphaActive: {
+    startActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    alphaAriaLabel: {
+    alphaActive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    startAriaLabel: {
         type: StringConstructor;
         default: null;
     };
-    alphaIconPosition: {
+    alphaAriaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    startIconPosition: {
         type: StringConstructor;
         default: string;
         validator: (position: unknown) => boolean;
     };
-    alphaLabelClass: {
+    alphaIconPosition: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (position: unknown) => boolean;
+    };
+    startLabelClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    startLeadingClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    alphaLeadingClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    startTrailingClass: {
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
+    alphaTrailingClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    alphaLabelClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    startDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     alphaDisabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    startLoading: {
         type: BooleanConstructor;
         default: boolean;
     };
     alphaLoading: {
         type: BooleanConstructor;
-        default: boolean;
+        default: null;
+    };
+    startTooltipText: {
+        type: StringConstructor;
+        default: undefined;
     };
     alphaTooltipText: {
         type: StringConstructor;
@@ -51,29 +96,49 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
         validator: (k: unknown) => boolean;
     };
-    omegaActive: {
+    endActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    omegaAriaLabel: {
+    omegaActive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    endAriaLabel: {
         type: StringConstructor;
         default: null;
     };
-    omegaDisabled: {
+    omegaAriaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    endDisabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    omegaDisabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    endId: {
+        type: StringConstructor;
+        default: undefined;
+    };
     omegaId: {
         type: StringConstructor;
         default: undefined;
     };
+    endTooltipText: {
+        type: StringConstructor;
+        default: undefined;
+    };
     omegaTooltipText: {
         type: StringConstructor;
         default: undefined;
     };
     size: {
-        type: StringConstructor;
-        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
         validator: (s: unknown) => boolean;
     };
     width: {
@@ -84,65 +149,139 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
+    startTo: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: null;
+    };
+    startReplace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startHref: {
+        type: StringConstructor;
+        default: null;
+    };
+    startTarget: {
+        type: StringConstructor;
+        default: null;
+    };
+    startRel: {
+        type: StringConstructor;
+        default: null;
+    };
 }>, {}, {
     isDropdownOpen: boolean;
 }, {
-    alphaButtonProps(): {
+    startButtonProps(): {
         active: boolean;
         ariaLabel: string;
         assertiveOnFocus: boolean;
         disabled: boolean;
         iconPosition: string;
         labelClass: string | unknown[] | Record<string, any>;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
         loading: boolean;
         importance: string;
         kind: string;
-        size: string;
+        size: string | number;
         tooltipText: string | undefined;
+        to: string | Record<string, any>;
+        replace: boolean;
+        href: string;
+        target: string;
+        rel: string;
         class: unknown;
         style: unknown;
     };
-    omegaButtonProps(): {
+    endButtonProps(): {
         id: string | undefined;
         active: boolean;
         ariaLabel: string;
         disabled: boolean;
         importance: string;
         kind: string;
-        size: string;
+        size: string | number;
         tooltipText: string | undefined;
         class: unknown;
         style: unknown;
     };
 }, {
+    onStartClick(): void;
+    onEndClick(): void;
     validateProps(): void;
-    validateAlphaButtonProps(): void;
-    validateOmegaButtonProps(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("alpha-clicked" | "omega-clicked")[], "alpha-clicked" | "omega-clicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    alphaActive: {
+    validateStartButtonProps(): void;
+    validateEndButtonProps(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("start-clicked" | "alpha-clicked" | "end-clicked" | "omega-clicked")[], "start-clicked" | "alpha-clicked" | "end-clicked" | "omega-clicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    startActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    alphaAriaLabel: {
+    alphaActive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    startAriaLabel: {
         type: StringConstructor;
         default: null;
     };
-    alphaIconPosition: {
+    alphaAriaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    startIconPosition: {
         type: StringConstructor;
         default: string;
         validator: (position: unknown) => boolean;
     };
-    alphaLabelClass: {
+    alphaIconPosition: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (position: unknown) => boolean;
+    };
+    startLabelClass: {
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
+    startLeadingClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    alphaLeadingClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    startTrailingClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    alphaTrailingClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    alphaLabelClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    startDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     alphaDisabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    startLoading: {
         type: BooleanConstructor;
         default: boolean;
     };
     alphaLoading: {
         type: BooleanConstructor;
-        default: boolean;
+        default: null;
+    };
+    startTooltipText: {
+        type: StringConstructor;
+        default: undefined;
     };
     alphaTooltipText: {
         type: StringConstructor;
@@ -170,29 +309,49 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
         validator: (k: unknown) => boolean;
     };
-    omegaActive: {
+    endActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    omegaAriaLabel: {
+    omegaActive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    endAriaLabel: {
         type: StringConstructor;
         default: null;
     };
-    omegaDisabled: {
+    omegaAriaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    endDisabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    omegaDisabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    endId: {
+        type: StringConstructor;
+        default: undefined;
+    };
     omegaId: {
         type: StringConstructor;
         default: undefined;
     };
+    endTooltipText: {
+        type: StringConstructor;
+        default: undefined;
+    };
     omegaTooltipText: {
         type: StringConstructor;
         default: undefined;
     };
     size: {
-        type: StringConstructor;
-        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
         validator: (s: unknown) => boolean;
     };
     width: {
@@ -203,32 +362,75 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
+    startTo: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: null;
+    };
+    startReplace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startHref: {
+        type: StringConstructor;
+        default: null;
+    };
+    startTarget: {
+        type: StringConstructor;
+        default: null;
+    };
+    startRel: {
+        type: StringConstructor;
+        default: null;
+    };
 }>> & Readonly<{
+    "onStart-clicked"?: ((...args: any[]) => any) | undefined;
     "onAlpha-clicked"?: ((...args: any[]) => any) | undefined;
+    "onEnd-clicked"?: ((...args: any[]) => any) | undefined;
     "onOmega-clicked"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    size: string;
+    size: string | number;
     kind: string;
     importance: string;
     width: string;
     assertiveOnFocus: boolean;
     rootClass: string | unknown[] | Record<string, any>;
+    startTooltipText: string;
+    endTooltipText: string;
+    startActive: boolean;
     alphaActive: boolean;
+    startAriaLabel: string;
     alphaAriaLabel: string;
+    startIconPosition: string;
     alphaIconPosition: string;
+    startLabelClass: string | unknown[] | Record<string, any>;
+    startLeadingClass: string | unknown[] | Record<string, any>;
+    alphaLeadingClass: string | unknown[] | Record<string, any>;
+    startTrailingClass: string | unknown[] | Record<string, any>;
+    alphaTrailingClass: string | unknown[] | Record<string, any>;
     alphaLabelClass: string | unknown[] | Record<string, any>;
+    startDisabled: boolean;
     alphaDisabled: boolean;
+    startLoading: boolean;
     alphaLoading: boolean;
     alphaTooltipText: string;
     dropdownPlacement: string;
+    endActive: boolean;
     omegaActive: boolean;
+    endAriaLabel: string;
     omegaAriaLabel: string;
+    endDisabled: boolean;
     omegaDisabled: boolean;
+    endId: string;
     omegaId: string;
     omegaTooltipText: string;
+    startTo: string | Record<string, any>;
+    startReplace: boolean;
+    startHref: string;
+    startTarget: string;
+    startRel: string;
 }, {}, {
-    SplitButtonOmega: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    SplitButtonEnd: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         active: {
             type: BooleanConstructor;
             default: boolean;
@@ -254,8 +456,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
         };
         tooltipText: {
             type: StringConstructor;
@@ -263,6 +465,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>, {}, {
         SPLIT_BUTTON_ICON_SIZES: {
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
             xs: string;
             sm: string;
             md: string;
@@ -295,8 +502,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
         };
         tooltipText: {
             type: StringConstructor;
@@ -306,7 +513,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         disabled: boolean;
         id: string;
         active: boolean;
-        size: string;
+        size: string | number;
         ariaLabel: string;
         kind: string;
         importance: string;
@@ -340,6 +547,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;
@@ -354,14 +569,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;
@@ -401,6 +624,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;
@@ -410,6 +637,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(): {
@@ -442,7 +670,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<{
@@ -473,6 +706,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;
@@ -487,14 +728,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;
@@ -542,9 +791,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;
@@ -553,7 +803,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;
         }, {}, {
@@ -614,6 +867,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtDropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        contentMode: {
+            type: StringConstructor;
+            default: null;
+            validator: (v: any) => boolean;
+        };
         open: {
             type: BooleanConstructor;
             default: null;
@@ -788,6 +1046,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             focusActiveItemIfNeeded(): void;
         };
     }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "highlight")[], "keydown" | "update:open" | "opened" | "highlight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        contentMode: {
+            type: StringConstructor;
+            default: null;
+            validator: (v: any) => boolean;
+        };
         open: {
             type: BooleanConstructor;
             default: null;
@@ -868,6 +1131,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onOpened?: ((...args: any[]) => any) | undefined;
         onHighlight?: ((...args: any[]) => any) | undefined;
     }>, {
+        contentMode: string;
         open: boolean;
         maxHeight: string;
         transition: string;
@@ -994,10 +1258,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;
@@ -1056,6 +1328,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             calculatedMaxHeight(): string;
             labelledBy(): string | false;
         }, {
+            getModeReferenceEl(): unknown;
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
             popperOptions(): {
@@ -1120,6 +1393,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;
@@ -1228,10 +1526,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;
@@ -1298,6 +1604,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;
         }, {}, {
@@ -1368,6 +1676,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;
@@ -1382,14 +1698,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;
@@ -1429,6 +1753,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;
@@ -1438,6 +1766,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(): {
@@ -1470,7 +1799,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<{
@@ -1501,6 +1835,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;
@@ -1515,14 +1857,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;
@@ -1570,9 +1920,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;
@@ -1581,7 +1932,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;
                 }, {}, {
@@ -1651,6 +2005,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;
@@ -1671,6 +2029,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;
@@ -1683,6 +2045,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<{
@@ -1713,6 +2076,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;
@@ -1727,14 +2098,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;
@@ -1774,6 +2153,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;
@@ -1783,6 +2166,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(): {
@@ -1815,7 +2199,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<{
@@ -1846,6 +2235,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;
@@ -1860,14 +2257,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;
@@ -1915,9 +2320,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;
@@ -1926,7 +2332,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;
                 }, {}, {
@@ -1988,7 +2397,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    SplitButtonAlpha: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    SplitButtonStart: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         active: {
             type: BooleanConstructor;
             default: boolean;
@@ -2005,6 +2414,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
@@ -2030,11 +2447,36 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: null;
+        };
+        replace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        href: {
             type: StringConstructor;
-            default: string;
+            default: null;
+        };
+        target: {
+            type: StringConstructor;
+            default: null;
+        };
+        rel: {
+            type: StringConstructor;
+            default: null;
         };
     }>, {}, {
         BUTTON_ICON_SIZES: {
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
             xs: string;
             sm: string;
             md: string;
@@ -2063,6 +2505,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
@@ -2088,20 +2538,47 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: null;
+        };
+        replace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        href: {
             type: StringConstructor;
-            default: string;
+            default: null;
+        };
+        target: {
+            type: StringConstructor;
+            default: null;
+        };
+        rel: {
+            type: StringConstructor;
+            default: null;
         };
     }>> & Readonly<{}>, {
         disabled: boolean;
+        target: string;
         active: boolean;
+        size: string | number;
+        replace: boolean;
         loading: boolean;
-        size: string;
         ariaLabel: string;
         kind: string;
         labelClass: string | unknown[] | Record<string, any>;
+        href: string;
+        to: string | Record<string, any>;
         iconPosition: string;
         importance: string;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
         assertiveOnFocus: boolean;
+        rel: string;
         tooltipText: string;
     }, {}, {
         DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -2132,6 +2609,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;
@@ -2146,14 +2631,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;
@@ -2193,6 +2686,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;
@@ -2202,6 +2699,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(): {
@@ -2234,7 +2732,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<{
@@ -2265,6 +2768,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;
@@ -2279,14 +2790,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;
@@ -2334,9 +2853,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;
@@ -2345,7 +2865,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;
         }, {}, {