npm - @dialpad/dialtone-vue - Versions diffs - 3.223.0-next.2 → 3.223.0-next.4 - Mend

@dialpad/dialtone-vue 3.223.0-next.2 → 3.223.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (423) hide show

package/dist/components/Toast/Toast.vue.d.ts CHANGED Viewed

@@ -54,19 +54,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator: (layout: unknown) => boolean;
     };
     iconClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     headerClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     contentClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     actionClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
 }>, {}, {
@@ -122,19 +122,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         actionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
     }>, {}, {}, {
@@ -188,19 +188,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         actionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
     }>> & Readonly<{
@@ -229,7 +229,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(kind: unknown): boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -237,8 +237,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {
             defaultIcon(): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -251,8 +251,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -262,7 +262,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -272,7 +272,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(kind: unknown): boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
@@ -281,8 +281,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -295,8 +295,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -306,13 +306,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -325,8 +325,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -336,13 +336,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -355,8 +355,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -366,13 +366,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -385,8 +385,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -396,13 +396,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconBell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -415,8 +415,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -426,7 +426,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -444,11 +444,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -467,11 +467,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
@@ -491,10 +491,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                     validator: (value: unknown) => boolean;
                 };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: null;
                 };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 tone: {
                     type: StringConstructor;
                     default: null;
@@ -544,7 +558,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     '--dt-text-line-clamp': number;
                 } | undefined;
             }, {
-                getVariantClass(): string | null;
+                usesHeadlineVisualStyle(): boolean;
+                usesLegacyKindSize(): boolean;
+                getVariantClass(): any;
+                getFontSizeClass(): any;
                 getModifierClass(value: any, modifiers: any, propName: any): any;
                 getAlignClass(): any;
                 getToneClass(): any;
@@ -552,6 +569,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 getTextBoxTrimClass(): any;
                 getStrengthClass(): any;
                 getDensityClass(): any;
+                getFamilyClass(): any;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 as: {
                     type: StringConstructor;
@@ -562,10 +580,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                     validator: (value: unknown) => boolean;
                 };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: null;
                 };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 tone: {
                     type: StringConstructor;
                     default: null;
@@ -611,7 +643,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 size: string | number;
+                family: string;
                 wrap: string;
+                variant: string;
+                italic: boolean;
                 kind: string;
                 as: string;
                 tone: string;
@@ -634,7 +669,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             actionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -653,7 +688,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             actionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{
@@ -665,8 +700,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -679,8 +714,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -690,7 +725,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -745,38 +780,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (s: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 loading: {
@@ -924,38 +959,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (s: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 loading: {
@@ -1035,9 +1070,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     ariaLabel: {
@@ -1045,12 +1080,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                 }>> & Readonly<{}>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1065,8 +1100,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {}, {}, {
                 DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -1079,8 +1114,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     dataQA(): {};
                 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -1090,7 +1125,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{
                     onLoaded?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1145,38 +1180,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: {
                         type: (StringConstructor | NumberConstructor)[];
                         default: number;
-                        validator: (s: unknown) => boolean;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -1324,38 +1359,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: {
                         type: (StringConstructor | NumberConstructor)[];
                         default: number;
-                        validator: (s: unknown) => boolean;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -1435,9 +1470,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                         ariaLabel: {
@@ -1445,12 +1480,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>> & Readonly<{}>, {
-                        size: string;
+                        size: string | number;
                         ariaLabel: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -1496,19 +1531,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         actionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
     }>, {}, {}, {
@@ -1554,19 +1589,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         actionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
     }>> & Readonly<{}>, {
@@ -1594,7 +1629,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             actionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -1613,7 +1648,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             actionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{
@@ -1625,8 +1660,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -1639,8 +1674,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -1650,7 +1685,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1705,38 +1740,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (s: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 loading: {
@@ -1884,38 +1919,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (s: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 loading: {
@@ -1995,9 +2030,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     ariaLabel: {
@@ -2005,12 +2040,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                 }>> & Readonly<{}>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2025,8 +2060,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {}, {}, {
                 DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2039,8 +2074,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     dataQA(): {};
                 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -2050,7 +2085,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{
                     onLoaded?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -2105,38 +2140,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: {
                         type: (StringConstructor | NumberConstructor)[];
                         default: number;
-                        validator: (s: unknown) => boolean;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -2284,38 +2319,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: {
                         type: (StringConstructor | NumberConstructor)[];
                         default: number;
-                        validator: (s: unknown) => boolean;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -2395,9 +2430,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                         ariaLabel: {
@@ -2405,12 +2440,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>> & Readonly<{}>, {
-                        size: string;
+                        size: string | number;
                         ariaLabel: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2430,11 +2465,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -2453,11 +2488,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
@@ -2477,10 +2512,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                     validator: (value: unknown) => boolean;
                 };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: null;
                 };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 tone: {
                     type: StringConstructor;
                     default: null;
@@ -2530,7 +2579,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     '--dt-text-line-clamp': number;
                 } | undefined;
             }, {
-                getVariantClass(): string | null;
+                usesHeadlineVisualStyle(): boolean;
+                usesLegacyKindSize(): boolean;
+                getVariantClass(): any;
+                getFontSizeClass(): any;
                 getModifierClass(value: any, modifiers: any, propName: any): any;
                 getAlignClass(): any;
                 getToneClass(): any;
@@ -2538,6 +2590,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 getTextBoxTrimClass(): any;
                 getStrengthClass(): any;
                 getDensityClass(): any;
+                getFamilyClass(): any;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 as: {
                     type: StringConstructor;
@@ -2548,10 +2601,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                     validator: (value: unknown) => boolean;
                 };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: null;
                 };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 tone: {
                     type: StringConstructor;
                     default: null;
@@ -2597,7 +2664,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 size: string | number;
+                family: string;
                 wrap: string;
+                variant: string;
+                italic: boolean;
                 kind: string;
                 as: string;
                 tone: string;
@@ -2617,19 +2687,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(kind: unknown): boolean;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {}, {
             defaultIcon(): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2642,8 +2712,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2653,7 +2723,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -2663,23 +2733,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(kind: unknown): boolean;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
-            size: string;
+            size: string | number;
             iconClass: string | unknown[] | Record<string, any>;
             kind: string;
         }, {}, {
             DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2692,8 +2762,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2703,13 +2773,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2722,8 +2792,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2733,13 +2803,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconBell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2752,8 +2822,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2763,13 +2833,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconSparkle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2782,8 +2852,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2793,7 +2863,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -2857,19 +2927,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator: (layout: unknown) => boolean;
     };
     iconClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     headerClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     contentClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
     actionClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
 }>> & Readonly<{
@@ -2942,19 +3012,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         actionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
     }>, {}, {}, {
@@ -3008,19 +3078,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         actionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
     }>> & Readonly<{
@@ -3049,7 +3119,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(kind: unknown): boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -3057,8 +3127,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {
             defaultIcon(): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3071,8 +3141,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3082,7 +3152,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -3092,7 +3162,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(kind: unknown): boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
@@ -3101,8 +3171,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3115,8 +3185,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3126,13 +3196,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconCheckCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3145,8 +3215,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3156,13 +3226,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3175,8 +3245,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3186,13 +3256,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconAlertCircle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3205,8 +3275,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3216,13 +3286,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconBell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3235,8 +3305,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3246,7 +3316,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3264,11 +3334,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -3287,11 +3357,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
@@ -3311,10 +3381,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                     validator: (value: unknown) => boolean;
                 };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: null;
                 };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 tone: {
                     type: StringConstructor;
                     default: null;
@@ -3364,7 +3448,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     '--dt-text-line-clamp': number;
                 } | undefined;
             }, {
-                getVariantClass(): string | null;
+                usesHeadlineVisualStyle(): boolean;
+                usesLegacyKindSize(): boolean;
+                getVariantClass(): any;
+                getFontSizeClass(): any;
                 getModifierClass(value: any, modifiers: any, propName: any): any;
                 getAlignClass(): any;
                 getToneClass(): any;
@@ -3372,6 +3459,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 getTextBoxTrimClass(): any;
                 getStrengthClass(): any;
                 getDensityClass(): any;
+                getFamilyClass(): any;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 as: {
                     type: StringConstructor;
@@ -3382,10 +3470,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                     validator: (value: unknown) => boolean;
                 };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: null;
                 };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 tone: {
                     type: StringConstructor;
                     default: null;
@@ -3431,7 +3533,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 size: string | number;
+                family: string;
                 wrap: string;
+                variant: string;
+                italic: boolean;
                 kind: string;
                 as: string;
                 tone: string;
@@ -3454,7 +3559,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             actionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -3473,7 +3578,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             actionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{
@@ -3485,8 +3590,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3499,8 +3604,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3510,7 +3615,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -3565,38 +3670,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (s: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 loading: {
@@ -3744,38 +3849,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (s: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 loading: {
@@ -3855,9 +3960,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     ariaLabel: {
@@ -3865,12 +3970,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                 }>> & Readonly<{}>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3885,8 +3990,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {}, {}, {
                 DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -3899,8 +4004,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     dataQA(): {};
                 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -3910,7 +4015,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{
                     onLoaded?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -3965,38 +4070,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: {
                         type: (StringConstructor | NumberConstructor)[];
                         default: number;
-                        validator: (s: unknown) => boolean;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -4144,38 +4249,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: {
                         type: (StringConstructor | NumberConstructor)[];
                         default: number;
-                        validator: (s: unknown) => boolean;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -4255,9 +4360,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                         ariaLabel: {
@@ -4265,12 +4370,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>> & Readonly<{}>, {
-                        size: string;
+                        size: string | number;
                         ariaLabel: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4317,19 +4422,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         actionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
     }>, {}, {}, {
@@ -4375,19 +4480,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         iconClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         actionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
     }>> & Readonly<{}>, {
@@ -4415,7 +4520,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             actionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -4434,7 +4539,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             actionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{
@@ -4446,8 +4551,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -4460,8 +4565,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -4471,7 +4576,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -4526,38 +4631,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (s: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 loading: {
@@ -4705,38 +4810,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (s: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 labelClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 leadingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 trailingClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 startIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 endIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockStartIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 blockEndIconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 loading: {
@@ -4816,9 +4921,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     ariaLabel: {
@@ -4826,12 +4931,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: string;
                     };
                     size: {
-                        type: StringConstructor;
-                        default: string;
-                        validator: (s: unknown) => boolean;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
+                        validator: (size: any) => boolean;
                     };
                 }>> & Readonly<{}>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -4846,8 +4951,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, {}, {}, {
                 DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -4860,8 +4965,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     dataQA(): {};
                 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -4871,7 +4976,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{
                     onLoaded?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    size: string;
+                    size: string | number;
                     ariaLabel: string;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -4926,38 +5031,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: {
                         type: (StringConstructor | NumberConstructor)[];
                         default: number;
-                        validator: (s: unknown) => boolean;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -5105,38 +5210,38 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     size: {
                         type: (StringConstructor | NumberConstructor)[];
                         default: number;
-                        validator: (s: unknown) => boolean;
+                        validator: (size: any) => boolean;
                     };
                     labelClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     leadingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     trailingClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     startIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     endIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockStartIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     blockEndIconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     loading: {
@@ -5216,9 +5321,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                         ariaLabel: {
@@ -5226,12 +5331,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: string;
                         };
                         size: {
-                            type: StringConstructor;
-                            default: string;
-                            validator: (s: unknown) => boolean;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
+                            validator: (size: any) => boolean;
                         };
                     }>> & Readonly<{}>, {
-                        size: string;
+                        size: string | number;
                         ariaLabel: string;
                     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -5251,11 +5356,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {
@@ -5274,11 +5379,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: undefined;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
@@ -5298,10 +5403,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                     validator: (value: unknown) => boolean;
                 };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: null;
                 };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 tone: {
                     type: StringConstructor;
                     default: null;
@@ -5351,7 +5470,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     '--dt-text-line-clamp': number;
                 } | undefined;
             }, {
-                getVariantClass(): string | null;
+                usesHeadlineVisualStyle(): boolean;
+                usesLegacyKindSize(): boolean;
+                getVariantClass(): any;
+                getFontSizeClass(): any;
                 getModifierClass(value: any, modifiers: any, propName: any): any;
                 getAlignClass(): any;
                 getToneClass(): any;
@@ -5359,6 +5481,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 getTextBoxTrimClass(): any;
                 getStrengthClass(): any;
                 getDensityClass(): any;
+                getFamilyClass(): any;
             }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 as: {
                     type: StringConstructor;
@@ -5369,10 +5492,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: null;
                     validator: (value: unknown) => boolean;
                 };
+                variant: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: null;
                 };
+                family: {
+                    type: StringConstructor;
+                    default: null;
+                    validator: (value: unknown) => boolean;
+                };
+                italic: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 tone: {
                     type: StringConstructor;
                     default: null;
@@ -5418,7 +5555,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & Readonly<{}>, {
                 size: string | number;
+                family: string;
                 wrap: string;
+                variant: string;
+                italic: boolean;
                 kind: string;
                 as: string;
                 tone: string;
@@ -5438,19 +5578,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(kind: unknown): boolean;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {}, {
             defaultIcon(): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5463,8 +5603,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5474,7 +5614,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | undefined;
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -5484,23 +5624,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator(kind: unknown): boolean;
             };
             size: {
-                type: StringConstructor;
-                default: string;
-                validator: (s: unknown) => boolean;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+                validator: (size: any) => boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
-            size: string;
+            size: string | number;
             iconClass: string | unknown[] | Record<string, any>;
             kind: string;
         }, {}, {
             DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5513,8 +5653,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5524,13 +5664,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5543,8 +5683,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5554,13 +5694,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconBell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5573,8 +5713,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5584,13 +5724,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             DtIconSparkle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5603,8 +5743,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 dataQA(): {};
             }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -5614,7 +5754,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{
                 onLoaded?: ((...args: any[]) => any) | undefined;
             }>, {
-                size: string;
+                size: string | number;
                 ariaLabel: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;