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_link.vue.d.ts CHANGED Viewed

@@ -83,7 +83,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: {
@@ -160,27 +160,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: {
@@ -359,7 +359,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: {
@@ -436,27 +436,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: {
@@ -535,8 +535,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: {
@@ -549,8 +549,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: {
@@ -560,7 +560,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<{
@@ -615,38 +615,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: {
@@ -794,38 +794,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: {
@@ -905,9 +905,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: {
@@ -915,12 +915,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>;
@@ -966,11 +966,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: {
@@ -990,11 +990,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: {
@@ -1060,38 +1060,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: {
@@ -1239,38 +1239,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: {
@@ -1350,9 +1350,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: {
@@ -1360,19 +1360,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: {
@@ -1385,8 +1385,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: {
@@ -1396,7 +1396,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>;
@@ -1432,20 +1432,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: {
@@ -1475,15 +1475,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;
         };
     }>, {}, {
@@ -1557,7 +1557,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, {
         props: {
             messagesClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
             messagesChildProps: {
@@ -1608,20 +1608,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: {
@@ -1651,15 +1651,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<{
@@ -1708,7 +1708,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>, {}, {}, {
@@ -1733,7 +1733,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
             iconClass: {
-                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
                 default: string;
             };
         }>> & Readonly<{}>, {
@@ -1744,8 +1744,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: {
@@ -1758,8 +1758,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: {
@@ -1769,13 +1769,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: {
@@ -1788,8 +1788,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: {
@@ -1799,13 +1799,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: {
@@ -1818,8 +1818,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: {
@@ -1829,13 +1829,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: {
@@ -1848,8 +1848,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: {
@@ -1859,7 +1859,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>;
@@ -1873,10 +1873,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;
@@ -1926,7 +1940,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;
@@ -1934,6 +1951,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;
@@ -1944,10 +1962,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;
@@ -1993,7 +2025,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;
@@ -2058,38 +2093,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: {
@@ -2237,38 +2272,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: {
@@ -2348,9 +2383,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: {
@@ -2358,12 +2393,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>;
@@ -2437,8 +2472,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: {
@@ -2451,8 +2486,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: {
@@ -2462,7 +2497,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<{
@@ -2565,38 +2600,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: {
@@ -2744,38 +2779,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: {
@@ -2855,9 +2890,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: {
@@ -2865,12 +2900,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>;
@@ -2910,11 +2945,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: {
@@ -3117,11 +3152,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: {
@@ -3268,8 +3303,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: {
@@ -3282,8 +3317,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: {
@@ -3293,13 +3328,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: {
@@ -3312,8 +3347,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: {
@@ -3323,13 +3358,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: {
@@ -3342,8 +3377,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: {
@@ -3353,13 +3388,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: {
@@ -3372,8 +3407,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: {
@@ -3383,13 +3418,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: {
@@ -3402,8 +3437,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: {
@@ -3413,13 +3448,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: {
@@ -3432,8 +3467,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: {
@@ -3443,13 +3478,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: {
@@ -3462,8 +3497,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: {
@@ -3473,13 +3508,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: {
@@ -3492,8 +3527,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: {
@@ -3503,7 +3538,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>;
             };
@@ -3530,8 +3565,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: {
@@ -3544,8 +3579,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: {
@@ -3555,13 +3590,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: {
@@ -3574,8 +3609,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: {
@@ -3585,13 +3620,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: {
@@ -3604,8 +3639,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: {
@@ -3615,13 +3650,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: {
@@ -3634,8 +3669,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: {
@@ -3645,13 +3680,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: {
@@ -3664,8 +3699,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: {
@@ -3675,13 +3710,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: {
@@ -3694,8 +3729,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: {
@@ -3705,13 +3740,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: {
@@ -3724,8 +3759,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: {
@@ -3735,13 +3770,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: {
@@ -3754,8 +3789,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: {
@@ -3765,7 +3800,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<{
@@ -3778,10 +3813,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;
@@ -3831,7 +3880,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;
@@ -3839,6 +3891,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;
@@ -3849,10 +3902,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;
@@ -3898,7 +3965,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;