@uzum-tech/ui 0.1.2 → 1.0.0

package/lib/modal/src/Modal.d.ts

@@ -20,6 +20,11 @@ export declare const modalProps: {
     onBeforeHide: PropType<() => void>;
     onAfterHide: PropType<() => void>;
     onHide: PropType<(value: false) => void>;
+    presetDisabled: BooleanConstructor;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -36,32 +41,14 @@ export declare const modalProps: {
     negativeButtonProps: PropType<import("../..").ButtonProps>;
     content: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<() => import("vue").VNodeChild>;
+    body: PropType<() => import("vue").VNodeChild>;
     showIcon: {
         readonly type: BooleanConstructor;
-        readonly default: true;
+        readonly default: false;
     };
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    headerExtraStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
-    embedded: BooleanConstructor;
-    segmented: {
-        readonly type: PropType<boolean | import("../..").CardSegmented>;
-        readonly default: false;
-    };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
-    hoverable: BooleanConstructor;
-    role: StringConstructor;
-    tag: {
-        readonly type: PropType<keyof HTMLElementTagNameMap>;
-        readonly default: "div";
-    };
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -71,7 +58,6 @@ export declare const modalProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    preset: PropType<"dialog" | "confirm" | "card">;
     to: PropType<string | HTMLElement>;
     displayDirective: {
         type: PropType<"show" | "if">;
@@ -99,17 +85,18 @@ export declare const modalProps: {
         default: boolean;
     };
     theme: PropType<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -119,25 +106,29 @@ export declare const modalProps: {
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -165,7 +156,7 @@ export declare const modalProps: {
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -352,55 +343,60 @@ export declare const modalProps: {
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -410,25 +406,29 @@ export declare const modalProps: {
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -456,7 +456,7 @@ export declare const modalProps: {
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -643,55 +643,60 @@ export declare const modalProps: {
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -701,25 +706,29 @@ export declare const modalProps: {
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -747,7 +756,7 @@ export declare const modalProps: {
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -934,41 +943,45 @@ export declare const modalProps: {
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>>;
 };
@@ -993,6 +1006,11 @@ declare const _default: import("vue").DefineComponent<{
     onBeforeHide: PropType<() => void>;
     onAfterHide: PropType<() => void>;
     onHide: PropType<(value: false) => void>;
+    presetDisabled: BooleanConstructor;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -1009,32 +1027,14 @@ declare const _default: import("vue").DefineComponent<{
     negativeButtonProps: PropType<import("../..").ButtonProps>;
     content: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<() => import("vue").VNodeChild>;
+    body: PropType<() => import("vue").VNodeChild>;
     showIcon: {
         readonly type: BooleanConstructor;
-        readonly default: true;
+        readonly default: false;
     };
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    headerExtraStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
-    embedded: BooleanConstructor;
-    segmented: {
-        readonly type: PropType<boolean | import("../..").CardSegmented>;
-        readonly default: false;
-    };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
-    hoverable: BooleanConstructor;
-    role: StringConstructor;
-    tag: {
-        readonly type: PropType<keyof HTMLElementTagNameMap>;
-        readonly default: "div";
-    };
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -1044,7 +1044,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    preset: PropType<"dialog" | "confirm" | "card">;
     to: PropType<string | HTMLElement>;
     displayDirective: {
         type: PropType<"show" | "if">;
@@ -1072,17 +1071,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     theme: PropType<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -1092,25 +1092,29 @@ declare const _default: import("vue").DefineComponent<{
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -1138,7 +1142,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -1325,55 +1329,60 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -1383,25 +1392,29 @@ declare const _default: import("vue").DefineComponent<{
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -1429,7 +1442,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -1616,55 +1629,60 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -1674,25 +1692,29 @@ declare const _default: import("vue").DefineComponent<{
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -1720,7 +1742,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -1907,41 +1929,45 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>>;
 }, {
@@ -1960,9 +1986,10 @@ declare const _default: import("vue").DefineComponent<{
     handleCloseClick: () => void;
     cssVars: import("vue").ComputedRef<{
         '--u-bezier-ease-out': string;
-        '--u-box-shadow': string;
         '--u-color': string;
         '--u-text-color': string;
+        '--u-modal-size': string;
+        '--u-modal-mask': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -1986,6 +2013,11 @@ declare const _default: import("vue").DefineComponent<{
     onBeforeHide: PropType<() => void>;
     onAfterHide: PropType<() => void>;
     onHide: PropType<(value: false) => void>;
+    presetDisabled: BooleanConstructor;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -2002,32 +2034,14 @@ declare const _default: import("vue").DefineComponent<{
     negativeButtonProps: PropType<import("../..").ButtonProps>;
     content: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<() => import("vue").VNodeChild>;
+    body: PropType<() => import("vue").VNodeChild>;
     showIcon: {
         readonly type: BooleanConstructor;
-        readonly default: true;
+        readonly default: false;
     };
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
-    contentStyle: PropType<string | CSSProperties>;
-    headerStyle: PropType<string | CSSProperties>;
-    headerExtraStyle: PropType<string | CSSProperties>;
-    footerStyle: PropType<string | CSSProperties>;
-    embedded: BooleanConstructor;
-    segmented: {
-        readonly type: PropType<boolean | import("../..").CardSegmented>;
-        readonly default: false;
-    };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
-    hoverable: BooleanConstructor;
-    role: StringConstructor;
-    tag: {
-        readonly type: PropType<keyof HTMLElementTagNameMap>;
-        readonly default: "div";
-    };
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -2037,7 +2051,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    preset: PropType<"dialog" | "confirm" | "card">;
     to: PropType<string | HTMLElement>;
     displayDirective: {
         type: PropType<"show" | "if">;
@@ -2065,17 +2078,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     theme: PropType<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -2085,25 +2099,29 @@ declare const _default: import("vue").DefineComponent<{
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -2131,7 +2149,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -2318,55 +2336,60 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -2376,25 +2399,29 @@ declare const _default: import("vue").DefineComponent<{
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -2422,7 +2449,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -2609,55 +2636,60 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Modal", {
+        modalMask: string;
         color: string;
         textColor: string;
-        boxShadow: string;
+        sizeSmall: string;
+        sizeMedium: string;
+        sizeLarge: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
             colorHover: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
-            fontSize: string;
-            lineHeight: string;
             border: string;
             titleTextColor: string;
             textColor: string;
@@ -2667,25 +2699,29 @@ declare const _default: import("vue").DefineComponent<{
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            closeBorderRadius: string;
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
             borderRadius: string;
-            titleFontWeight: string;
             titleFontSize: string;
-            padding: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            subtitleFontSize: string;
+            subtitleFontWeight: string;
+            subtitleLineHeight: string;
+            closeIconSize: string;
+            closeSize: string;
             iconSize: string;
+            padding: string;
             actionSpace: string;
             contentMargin: string;
             iconMargin: string;
             iconMarginIconTop: string;
-            closeSize: string;
-            closeIconSize: string;
             closeMargin: string;
             closeMarginIconTop: string;
+            closeBorderRadius: string;
         }, {
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -2713,7 +2749,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -2900,47 +2936,50 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
         Card: import("../../_mixins").Theme<"Card", {
-            lineHeight: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            titleLineHeightSmall: string;
+            titleLineHeightMedium: string;
+            titleLineHeightLarge: string;
+            titleLineHeightHuge: string;
+            titleFontWeight: string;
+            fontSizeSmall: string;
+            fontSizeMedium: string;
+            fontSizeLarge: string;
+            fontSizeHuge: string;
+            lineHeightSmall: string;
+            lineHeightMedium: string;
+            lineHeightLarge: string;
+            lineHeightHuge: string;
+            fontWeight: string;
+            closeIconSize: string;
+            closeSize: string;
             color: string;
-            colorModal: string;
-            colorPopover: string;
             colorTarget: string;
             colorEmbedded: string;
-            colorEmbeddedModal: string;
-            colorEmbeddedPopover: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
             actionColor: string;
-            titleFontWeight: string;
             closeColorHover: string;
             closeColorPressed: string;
-            closeBorderRadius: string;
             closeIconColor: string;
             closeIconColorHover: string;
             closeIconColorPressed: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
+            closeBorderRadius: string;
             boxShadow: string;
             borderRadius: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
-            titleFontSizeSmall: string;
-            titleFontSizeMedium: string;
-            titleFontSizeLarge: string;
-            titleFontSizeHuge: string;
-            closeIconSize: string;
-            closeSize: string;
         }, any>;
     }>>>;
 }>>, {
     type: "default" | "error" | "info" | "success" | "warning";
-    tag: keyof HTMLElementTagNameMap;
-    size: "small" | "medium" | "large" | "huge";
+    size: "small" | "medium" | "large";
     show: boolean;
     transformOrigin: "center" | "mouse";
     autoFocus: boolean;
@@ -2949,9 +2988,7 @@ declare const _default: import("vue").DefineComponent<{
     showIcon: boolean;
     closable: boolean;
     displayDirective: "show" | "if";
-    hoverable: boolean;
-    embedded: boolean;
-    segmented: boolean | import("../..").CardSegmented;
+    presetDisabled: boolean;
     trapFocus: boolean;
     blockScroll: boolean;
     internalDialog: boolean;