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/recipes/conversation_view/message_input/message_input.vue.d.ts CHANGED Viewed

@@ -433,38 +433,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: {
@@ -612,38 +612,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: {
@@ -723,9 +723,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: {
@@ -733,12 +733,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>;
@@ -809,20 +809,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
                 descriptionClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (t: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 inputClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 inputWrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 currentLength: {
@@ -852,15 +852,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
-                    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;
                 };
             }>> & Readonly<{
@@ -943,7 +943,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {
                 props: {
                     messagesClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                     messagesChildProps: {
@@ -1000,7 +1000,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: boolean;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                 }>, {}, {}, {
@@ -1025,7 +1025,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         default: boolean;
                     };
                     iconClass: {
-                        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                         default: string;
                     };
                 }>> & Readonly<{}>, {
@@ -1036,8 +1036,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }, {}, {
                     DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -1050,8 +1050,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: {
@@ -1061,13 +1061,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: {
@@ -1080,8 +1080,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: {
@@ -1091,13 +1091,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: {
@@ -1110,8 +1110,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: {
@@ -1121,13 +1121,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>;
                     DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -1140,8 +1140,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: {
@@ -1151,7 +1151,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>;
@@ -1165,10 +1165,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;
@@ -1218,7 +1232,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;
@@ -1226,6 +1243,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;
@@ -1236,10 +1254,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;
@@ -1285,7 +1317,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;
@@ -1344,20 +1379,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: string;
                 };
                 descriptionClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 size: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
-                    validator: (t: unknown) => boolean;
+                    validator: (size: any) => boolean;
                 };
                 inputClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 inputWrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 currentLength: {
@@ -1387,15 +1422,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (s: unknown) => boolean;
                 };
                 labelClass: {
-                    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;
                 };
             }>> & Readonly<{
@@ -1595,20 +1630,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         descriptionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         size: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
-            validator: (t: unknown) => boolean;
+            validator: (size: any) => boolean;
         };
         inputClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         inputWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         currentLength: {
@@ -1638,15 +1673,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (s: unknown) => boolean;
         };
         labelClass: {
-            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;
         };
     }>, {}, {
@@ -1720,7 +1755,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {
         props: {
             messagesClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             messagesChildProps: {
@@ -1771,20 +1806,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         descriptionClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         size: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
-            validator: (t: unknown) => boolean;
+            validator: (size: any) => boolean;
         };
         inputClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         inputWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         currentLength: {
@@ -1814,15 +1849,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (s: unknown) => boolean;
         };
         labelClass: {
-            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;
         };
     }>> & Readonly<{
@@ -1871,7 +1906,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {}, {
@@ -1896,7 +1931,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
@@ -1907,8 +1942,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {
             DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -1921,8 +1956,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: {
@@ -1932,13 +1967,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: {
@@ -1951,8 +1986,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: {
@@ -1962,13 +1997,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: {
@@ -1981,8 +2016,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: {
@@ -1992,13 +2027,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>;
             DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -2011,8 +2046,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: {
@@ -2022,7 +2057,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>;
@@ -2036,10 +2071,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;
@@ -2089,7 +2138,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;
@@ -2097,6 +2149,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;
@@ -2107,10 +2160,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;
@@ -2156,7 +2223,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;
@@ -2205,7 +2275,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (padding: unknown) => boolean;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentWidth: {
@@ -2282,27 +2352,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         footerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         footerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         dialogClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         initialFocusElement: {
@@ -2481,7 +2551,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (padding: unknown) => boolean;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         contentWidth: {
@@ -2558,27 +2628,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
         anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         headerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         footerWrapperClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         footerClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         dialogClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         initialFocusElement: {
@@ -2657,8 +2727,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: {
@@ -2671,8 +2741,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: {
@@ -2682,7 +2752,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<{
@@ -2737,38 +2807,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: {
@@ -2916,38 +2986,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: {
@@ -3027,9 +3097,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: {
@@ -3037,12 +3107,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>;
@@ -3088,11 +3158,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: unknown) => boolean;
             };
             wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             showCloseButton: {
@@ -3112,11 +3182,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (value: unknown) => boolean;
             };
             wrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             showCloseButton: {
@@ -3182,38 +3252,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: {
@@ -3361,38 +3431,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: {
@@ -3472,9 +3542,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: {
@@ -3482,19 +3552,19 @@ 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>;
             DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 size: {
-                    type: StringConstructor;
-                    default: string;
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
                     validator: (s: unknown) => boolean;
                 };
                 ariaLabel: {
@@ -3507,8 +3577,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: {
@@ -3518,7 +3588,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>;
@@ -3691,8 +3761,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtIconListBullet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -3705,8 +3775,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: {
@@ -3716,13 +3786,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>;
         DtIconBold: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -3735,8 +3805,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: {
@@ -3746,13 +3816,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>;
         DtIconItalic: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -3765,8 +3835,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: {
@@ -3776,13 +3846,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>;
         DtIconStrikethrough: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -3795,8 +3865,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: {
@@ -3806,13 +3876,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>;
         DtIconListOrdered: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -3825,8 +3895,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: {
@@ -3836,13 +3906,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>;
         DtIconQuote: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -3855,8 +3925,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: {
@@ -3866,13 +3936,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>;
         DtIconCode: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -3885,8 +3955,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: {
@@ -3896,13 +3966,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>;
         DtIconCodeBlock: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -3915,8 +3985,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: {
@@ -3926,7 +3996,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>;
         DtRecipeMessageInputButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -4029,38 +4099,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: {
@@ -4208,38 +4278,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: {
@@ -4319,9 +4389,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: {
@@ -4329,12 +4399,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>;
@@ -4374,11 +4444,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (appendTo: unknown) => boolean;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 anchorClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 message: {
@@ -4581,11 +4651,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (appendTo: unknown) => boolean;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 anchorClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 message: {
@@ -4732,8 +4802,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 icons(): {
                     '{plus}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -4746,8 +4816,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: {
@@ -4757,13 +4827,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>;
                     '{win}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -4776,8 +4846,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: {
@@ -4787,13 +4857,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>;
                     '{arrow-right}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -4806,8 +4876,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: {
@@ -4817,13 +4887,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>;
                     '{arrow-left}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -4836,8 +4906,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: {
@@ -4847,13 +4917,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>;
                     '{arrow-up}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -4866,8 +4936,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: {
@@ -4877,13 +4947,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>;
                     '{arrow-down}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -4896,8 +4966,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: {
@@ -4907,13 +4977,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>;
                     '{cmd}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -4926,8 +4996,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: {
@@ -4937,13 +5007,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>;
                     '{opt}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -4956,8 +5026,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: {
@@ -4967,7 +5037,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>;
                 };
@@ -4994,8 +5064,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {
                 DtIconLayoutGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -5008,8 +5078,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: {
@@ -5019,13 +5089,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>;
                 DtIconArrowRight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -5038,8 +5108,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: {
@@ -5049,13 +5119,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>;
                 DtIconArrowLeft: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -5068,8 +5138,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: {
@@ -5079,13 +5149,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>;
                 DtIconArrowUp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -5098,8 +5168,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: {
@@ -5109,13 +5179,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>;
                 DtIconArrowDown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -5128,8 +5198,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: {
@@ -5139,13 +5209,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>;
                 DtIconCommand: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -5158,8 +5228,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: {
@@ -5169,13 +5239,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>;
                 DtIconOption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -5188,8 +5258,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: {
@@ -5199,13 +5269,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>;
                 DtIconPlus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -5218,8 +5288,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: {
@@ -5229,7 +5299,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>;
                 DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -5242,10 +5312,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;
@@ -5295,7 +5379,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;
@@ -5303,6 +5390,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;
@@ -5313,10 +5401,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;
@@ -5362,7 +5464,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;
@@ -5462,7 +5567,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (padding: unknown) => boolean;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentWidth: {
@@ -5539,27 +5644,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             anchorClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             headerWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             footerWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             footerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             dialogClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             initialFocusElement: {
@@ -5738,7 +5843,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (padding: unknown) => boolean;
             };
             contentClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             contentWidth: {
@@ -5815,27 +5920,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             anchorClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             headerWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             headerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             footerWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             footerClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             dialogClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             initialFocusElement: {
@@ -5914,8 +6019,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: {
@@ -5928,8 +6033,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: {
@@ -5939,7 +6044,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<{
@@ -5994,38 +6099,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: {
@@ -6173,38 +6278,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: {
@@ -6284,9 +6389,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: {
@@ -6294,12 +6399,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>;
@@ -6345,11 +6450,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (value: unknown) => boolean;
                 };
                 wrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 showCloseButton: {
@@ -6369,11 +6474,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (value: unknown) => boolean;
                 };
                 wrapperClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 showCloseButton: {
@@ -6439,38 +6544,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: {
@@ -6618,38 +6723,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: {
@@ -6729,9 +6834,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: {
@@ -6739,19 +6844,19 @@ 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>;
                 DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -6764,8 +6869,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: {
@@ -6775,7 +6880,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>;
@@ -6811,20 +6916,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             descriptionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             size: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
-                validator: (t: unknown) => boolean;
+                validator: (size: any) => boolean;
             };
             inputClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             inputWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             currentLength: {
@@ -6854,15 +6959,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
-                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;
             };
         }>, {}, {
@@ -6936,7 +7041,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {
             props: {
                 messagesClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 messagesChildProps: {
@@ -6987,20 +7092,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             descriptionClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             size: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
-                validator: (t: unknown) => boolean;
+                validator: (size: any) => boolean;
             };
             inputClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             inputWrapperClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             currentLength: {
@@ -7030,15 +7135,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 validator: (s: unknown) => boolean;
             };
             labelClass: {
-                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;
             };
         }>> & Readonly<{
@@ -7087,7 +7192,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
             }>, {}, {}, {
@@ -7112,7 +7217,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
                 iconClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
             }>> & Readonly<{}>, {
@@ -7123,8 +7228,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {
                 DtIconAlertTriangle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -7137,8 +7242,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: {
@@ -7148,13 +7253,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: {
@@ -7167,8 +7272,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: {
@@ -7178,13 +7283,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: {
@@ -7197,8 +7302,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: {
@@ -7208,13 +7313,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>;
                 DtIconInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -7227,8 +7332,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: {
@@ -7238,7 +7343,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>;
@@ -7252,10 +7357,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;
@@ -7305,7 +7424,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;
@@ -7313,6 +7435,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;
@@ -7323,10 +7446,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;
@@ -7372,7 +7509,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;
@@ -7437,38 +7577,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: {
@@ -7616,38 +7756,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: {
@@ -7727,9 +7867,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: {
@@ -7737,12 +7877,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>;
@@ -7816,8 +7956,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DtIconLink2: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             size: {
-                type: StringConstructor;
-                default: string;
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
                 validator: (s: unknown) => boolean;
             };
             ariaLabel: {
@@ -7830,8 +7970,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: {
@@ -7841,7 +7981,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>;
         DtRecipeMessageInputButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -7944,38 +8084,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: {
@@ -8123,38 +8263,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: {
@@ -8234,9 +8374,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: {
@@ -8244,12 +8384,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>;
@@ -8289,11 +8429,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (appendTo: unknown) => boolean;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 anchorClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 message: {
@@ -8496,11 +8636,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     validator: (appendTo: unknown) => boolean;
                 };
                 contentClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 anchorClass: {
-                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                     default: string;
                 };
                 message: {
@@ -8647,8 +8787,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 icons(): {
                     '{plus}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -8661,8 +8801,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: {
@@ -8672,13 +8812,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>;
                     '{win}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -8691,8 +8831,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: {
@@ -8702,13 +8842,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>;
                     '{arrow-right}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -8721,8 +8861,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: {
@@ -8732,13 +8872,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>;
                     '{arrow-left}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -8751,8 +8891,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: {
@@ -8762,13 +8902,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>;
                     '{arrow-up}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -8781,8 +8921,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: {
@@ -8792,13 +8932,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>;
                     '{arrow-down}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -8811,8 +8951,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: {
@@ -8822,13 +8962,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>;
                     '{cmd}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -8841,8 +8981,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: {
@@ -8852,13 +8992,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>;
                     '{opt}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                         size: {
-                            type: StringConstructor;
-                            default: string;
+                            type: (StringConstructor | NumberConstructor)[];
+                            default: number;
                             validator: (s: unknown) => boolean;
                         };
                         ariaLabel: {
@@ -8871,8 +9011,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: {
@@ -8882,7 +9022,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>;
                 };
@@ -8909,8 +9049,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {
                 DtIconLayoutGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -8923,8 +9063,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: {
@@ -8934,13 +9074,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>;
                 DtIconArrowRight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -8953,8 +9093,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: {
@@ -8964,13 +9104,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>;
                 DtIconArrowLeft: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -8983,8 +9123,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: {
@@ -8994,13 +9134,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>;
                 DtIconArrowUp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -9013,8 +9153,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: {
@@ -9024,13 +9164,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>;
                 DtIconArrowDown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -9043,8 +9183,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: {
@@ -9054,13 +9194,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>;
                 DtIconCommand: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -9073,8 +9213,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: {
@@ -9084,13 +9224,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>;
                 DtIconOption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -9103,8 +9243,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: {
@@ -9114,13 +9254,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>;
                 DtIconPlus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     size: {
-                        type: StringConstructor;
-                        default: string;
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: number;
                         validator: (s: unknown) => boolean;
                     };
                     ariaLabel: {
@@ -9133,8 +9273,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: {
@@ -9144,7 +9284,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>;
                 DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -9157,10 +9297,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;
@@ -9210,7 +9364,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;
@@ -9218,6 +9375,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;
@@ -9228,10 +9386,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;
@@ -9277,7 +9449,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;
@@ -9329,11 +9504,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (appendTo: unknown) => boolean;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         message: {
@@ -9536,11 +9711,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             validator: (appendTo: unknown) => boolean;
         };
         contentClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         anchorClass: {
-            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
             default: string;
         };
         message: {
@@ -9670,8 +9845,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DtIconImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -9684,8 +9859,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: {
@@ -9695,13 +9870,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>;
     DtIconVerySatisfied: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -9714,8 +9889,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: {
@@ -9725,13 +9900,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>;
     DtIconSatisfied: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -9744,8 +9919,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: {
@@ -9755,13 +9930,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>;
     DtIconSend: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         ariaLabel: {
@@ -9774,8 +9949,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: {
@@ -9785,7 +9960,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>;