@uzum-tech/ui 0.1.2 → 1.0.0

package/lib/dialog/src/Dialog.js

@@ -55,9 +55,11 @@ exports.UDialog = (0, vue_1.defineComponent)({
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { type } = props;
             const iconPlacement = mergedIconPlacementRef.value;
-            const { common: { cubicBezierEaseInOut }, self: { fontSize, lineHeight, border, titleTextColor, textColor, color, closeBorderRadius, closeColorHover, closeColorPressed, closeIconColor, closeIconColorHover, closeIconColorPressed, closeIconSize, borderRadius, titleFontWeight, titleFontSize, padding, iconSize, actionSpace, contentMargin, closeSize, [iconPlacement === 'top' ? 'iconMarginIconTop' : 'iconMargin']: iconMargin, [iconPlacement === 'top' ? 'closeMarginIconTop' : 'closeMargin']: closeMargin, [(0, _utils_1.createKey)('iconColor', type)]: iconColor } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { subtitleFontSize, subtitleFontWeight, subtitleLineHeight, border, titleTextColor, textColor, color, closeBorderRadius, closeColorHover, closeColorPressed, closeIconColor, closeIconColorHover, closeIconColorPressed, closeIconSize, borderRadius, titleFontWeight, titleFontSize, titleLineHeight, padding, iconSize, actionSpace, contentMargin, closeSize, [iconPlacement === 'top' ? 'iconMarginIconTop' : 'iconMargin']: iconMargin, [iconPlacement === 'top' ? 'closeMarginIconTop' : 'closeMargin']: closeMargin, [(0, _utils_1.createKey)('iconColor', type)]: iconColor } } = themeRef.value;
             return {
-                '--u-font-size': fontSize,
+                '--u-subtitle-font-size': subtitleFontSize,
+                '--u-subtitle-font-weight': subtitleFontWeight,
+                '--u-subtitle-line-height': subtitleLineHeight,
                 '--u-icon-color': iconColor,
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-close-margin': closeMargin,
@@ -75,11 +77,11 @@ exports.UDialog = (0, vue_1.defineComponent)({
                 '--u-text-color': textColor,
                 '--u-border-radius': borderRadius,
                 '--u-padding': padding,
-                '--u-line-height': lineHeight,
                 '--u-border': border,
                 '--u-content-margin': contentMargin,
                 '--u-title-font-size': titleFontSize,
                 '--u-title-font-weight': titleFontWeight,
+                '--u-title-line-height': titleLineHeight,
                 '--u-title-text-color': titleTextColor,
                 '--u-action-space': actionSpace
             };
@@ -100,8 +102,8 @@ exports.UDialog = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        var _a;
-        const { bordered, mergedIconPlacement, cssVars, closable, showIcon, title, content, action, negativeText, positiveText, positiveButtonProps, negativeButtonProps, handlePositiveClick, handleNegativeClick, mergedTheme, loading, type, mergedClsPrefix } = this;
+        var _a, _b, _c;
+        const { bordered, mergedIconPlacement, cssVars, closable, showIcon, title, content, action, negativeText, positiveText, positiveButtonProps, negativeButtonProps, handlePositiveClick, handleNegativeClick, mergedTheme, loading, type, mergedClsPrefix, body } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         const icon = showIcon ? ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__icon` }, {
             default: () => (0, _utils_1.resolveWrappedSlot)(this.$slots.icon, (children) => children ||
@@ -111,13 +113,22 @@ exports.UDialog = (0, vue_1.defineComponent)({
             (action
                 ? [(0, _utils_1.render)(action)]
                 : [
-                    this.negativeText && ((0, vue_1.h)(button_1.UButton, Object.assign({ theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, ghost: true, size: "small", onClick: handleNegativeClick }, negativeButtonProps), {
+                    this.negativeText && ((0, vue_1.h)(button_1.UButton, Object.assign({ theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, secondary: true, onClick: handleNegativeClick }, negativeButtonProps, { style: {
+                            '--u-font-size': '16px',
+                            '--u-padding': '0 16px',
+                            '--u-font-weight': '600'
+                        } }), {
                         default: () => (0, _utils_1.render)(this.negativeText)
                     })),
-                    this.positiveText && ((0, vue_1.h)(button_1.UButton, Object.assign({ theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "small", type: type === 'default' ? 'primary' : type, disabled: loading, loading: loading, onClick: handlePositiveClick }, positiveButtonProps), {
+                    this.positiveText && ((0, vue_1.h)(button_1.UButton, Object.assign({ theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, type: type === 'default' ? 'primary' : type, disabled: loading, loading: loading, onClick: handlePositiveClick }, positiveButtonProps, { style: {
+                            '--u-font-size': '16px',
+                            '--u-padding': '0 16px',
+                            '--u-font-weight': '600'
+                        } }), {
                         default: () => (0, _utils_1.render)(this.positiveText)
                     }))
                 ]))) : null);
+        const bodyNode = body || this.$slots.body ? ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-dialog__body`] }, ((_c = (_b = this.$slots).body) === null || _c === void 0 ? void 0 : _c.call(_b)) || (body === null || body === void 0 ? void 0 : body()))) : null;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-dialog`,
                 this.themeClass,
@@ -130,10 +141,8 @@ exports.UDialog = (0, vue_1.defineComponent)({
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog__title` },
                 showIcon && mergedIconPlacement === 'left' ? icon : null,
                 (0, _utils_1.resolveSlot)(this.$slots.header, () => [(0, _utils_1.render)(title)])),
-            (0, vue_1.h)("div", { class: [
-                    `${mergedClsPrefix}-dialog__content`,
-                    actionNode ? '' : `${mergedClsPrefix}-dialog__content--last`
-                ] }, (0, _utils_1.resolveSlot)(this.$slots.default, () => [(0, _utils_1.render)(content)])),
+            (0, vue_1.h)("div", { class: [`${mergedClsPrefix}-dialog__content`] }, (0, _utils_1.resolveSlot)(this.$slots.default, () => [(0, _utils_1.render)(content)])),
+            bodyNode,
             actionNode));
     }
 });

package/lib/dialog/src/DialogEnvironment.d.ts

@@ -41,9 +41,10 @@ export declare const exposedDialogEnvProps: {
     readonly negativeButtonProps: PropType<import("../..").ButtonProps>;
     readonly content: PropType<string | (() => import("vue").VNodeChild)>;
     readonly action: PropType<() => import("vue").VNodeChild>;
+    readonly body: PropType<() => import("vue").VNodeChild>;
     readonly showIcon: {
         readonly type: BooleanConstructor;
-        readonly default: true;
+        readonly default: false;
     };
     readonly loading: BooleanConstructor;
     readonly bordered: BooleanConstructor;
@@ -100,9 +101,10 @@ export declare const UDialogEnvironment: 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;
@@ -168,9 +170,10 @@ export declare const UDialogEnvironment: 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;

package/lib/dialog/src/DialogEnvironment.js

@@ -110,7 +110,7 @@ exports.UDialogEnvironment = (0, vue_1.defineComponent)({
     },
     render() {
         const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, handleEsc, to, maskClosable, show } = this;
-        return ((0, vue_1.h)(Modal_1.default, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, to: to, maskClosable: maskClosable, onAfterEnter: this.onAfterEnter, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, transformOrigin: this.transformOrigin, internalAppear: true, internalDialog: true }, {
+        return ((0, vue_1.h)(Modal_1.default, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, onEsc: handleEsc, to: to, maskClosable: maskClosable, onAfterEnter: this.onAfterEnter, onAfterLeave: handleAfterLeave, closeOnEsc: this.closeOnEsc, blockScroll: this.blockScroll, autoFocus: this.autoFocus, transformOrigin: this.transformOrigin, internalAppear: true, internalDialog: true, presetDisabled: true }, {
             default: () => ((0, vue_1.h)(Dialog_1.UDialog, Object.assign({}, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
         }));
     }

package/lib/dialog/src/DialogProvider.d.ts

@@ -42,6 +42,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
         readonly key: string;
         readonly destroy: () => void;
         type?: "default" | "error" | "info" | "success" | "warning" | undefined;
+        body?: (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
         icon?: (() => import("vue").VNodeChild) | undefined;
         transformOrigin?: "center" | "mouse" | undefined;
@@ -99,7 +100,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                 colorTertiaryHover?: string | undefined;
                 colorTertiaryPressed?: string | undefined;
                 colorTertiaryDisalbed?: string | undefined;
-                waveColorTerniary?: string | undefined;
+                waveColorTertiary?: string | undefined;
                 textColorTextTertiary?: string | undefined;
                 colorQuaternary?: string | undefined;
                 colorQuaternaryHover?: string | undefined;
@@ -287,124 +288,113 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     [x: string]: any;
                 } | undefined;
                 common?: {
-                    baseColor: string;
-                    primaryColor: string;
-                    primaryColorHover: string;
-                    primaryColorPressed: string;
-                    primaryColorSuppl: string;
-                    infoColor: string;
-                    infoColorHover: string;
-                    infoColorPressed: string;
-                    infoColorSuppl: string;
-                    successColor: string;
-                    successColorHover: string;
-                    successColorPressed: string;
-                    successColorSuppl: string;
-                    warningColor: string;
-                    warningColorHover: string;
-                    warningColorPressed: string;
-                    warningColorSuppl: string;
-                    errorColor: string;
-                    errorColorHover: string;
-                    errorColorPressed: string;
-                    errorColorSuppl: string;
-                    tertiaryColor: string;
-                    tertiaryColorHover: string;
-                    tertiaryColorActive: string;
-                    tertiaryColorSuppl: string;
-                    tertiaryElements: string;
-                    textColorBase: string;
-                    textColor1: string;
-                    textColor2: string;
-                    textColor3: string;
-                    textTertiary: string;
-                    boxShadowHover: string;
-                    boxShadowFocus: string;
-                    boxShadowHoverChecked: string;
-                    boxShadowFocusChecked: string;
-                    textColorDisabled: string;
-                    placeholderColor: string;
-                    placeholderColorDisabled: string;
-                    iconColor: string;
-                    iconColorHover: string;
-                    iconColorPressed: string;
-                    iconColorDisabled: string;
-                    opacity1: string;
-                    opacity2: string;
-                    opacity3: string;
-                    opacity4: string;
-                    opacity5: string;
-                    dividerColor: string;
-                    borderColor: string;
-                    borderTagColor: string;
-                    closeIconColor: string;
-                    closeIconColorHover: string;
-                    closeIconColorPressed: string;
-                    closeColorHover: string;
-                    closeColorPressed: string;
-                    clearColor: string;
-                    clearColorHover: string;
-                    clearColorPressed: string;
                     scrollbarColor: string;
                     scrollbarColorHover: string;
                     scrollbarWidth: string;
                     scrollbarHeight: string;
                     scrollbarBorderRadius: string;
-                    progressRailColor: string;
-                    railColor: string;
-                    popoverColor: string;
-                    tableColor: string;
-                    cardColor: string;
-                    modalColor: string;
-                    bodyColor: string;
-                    tagColor: string;
-                    avatarColor: string;
-                    avatarTextColor: string;
-                    avatarIconColor: string;
-                    invertedColor: string;
-                    tooltipColor: string;
-                    inputColor: string;
-                    codeColor: string;
-                    tabColor: string;
-                    actionColor: string;
-                    tableHeaderColor: string;
-                    hoverColor: string;
-                    tableColorHover: string;
-                    tableColorStriped: string;
-                    pressedColor: string;
                     opacityDisabled: string;
-                    inputColorDisabled: string;
-                    buttonColor2: string;
-                    buttonColor2Hover: string;
-                    buttonColor2Pressed: string;
-                    boxShadow1: string;
-                    boxShadow2: string;
-                    boxShadow3: string;
+                    brandPrimary50: string;
+                    brandPrimary100: string;
+                    brandPrimary200: string;
+                    brandPrimary300: string;
+                    brandPrimary400: string;
+                    brandPrimary500: string;
+                    brandPrimary550: string;
+                    brandPrimary600: string;
+                    brandSecondary500: string;
+                    brandSecondary300: string;
+                    brandSecondary600: string;
+                    brandTertiary500: string;
+                    brandTertiary300: string;
+                    brandTertiary600: string;
+                    brandQuaternary500: string;
+                    brandQuaternary300: string;
+                    brandQuaternary600: string;
+                    brandQuinary500: string;
+                    brandQuinary300: string;
+                    brandQuinary600: string;
+                    brandQuinary100: string;
+                    surfacePrimary: string;
+                    surfaceSecondary: string;
+                    containerPrimary: string;
+                    containerSecondary: string;
+                    textPrimary: string;
+                    textSecondary: string;
+                    textTertiary: string;
+                    textQuaternary: string;
+                    textBrand: string;
+                    elementsPrimary: string;
+                    elementsSecondary: string;
+                    elementsTertiary: string;
+                    elementsQuaternary: string;
+                    elementsQuinary: string;
+                    elementsDarkQuinary: string;
+                    elementsSenary: string;
+                    elementsOnContainer: string;
+                    transparencyPrimary: string;
+                    transparencySecondary: string;
+                    transparencyTertiary: string;
+                    transparencyQuinary: string;
+                    transparencyModal: string;
+                    staticBlack: string;
+                    staticDarkGrey: string;
+                    staticWhite: string;
+                    staticRed: string;
+                    staticOrange: string;
+                    staticGreen: string;
+                    staticErrorAccent: string;
+                    shadowDepth2: string;
                     fontFamily: string;
                     fontFamilyMono: string;
-                    fontWeight: string;
-                    fontWeightStrong: string;
                     cubicBezierEaseInOut: string;
                     cubicBezierEaseOut: string;
                     cubicBezierEaseIn: string;
-                    borderWidth: number;
-                    borderTagWidth: number;
+                    borderRadiusLarge: string;
                     borderRadius: string;
+                    borderRadiusMedium: string;
                     borderRadiusSmall: string;
-                    fontSize: string;
-                    fontSizeMini: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    lineHeight: string;
+                    borderRadiusTiny: string;
                     heightMini: string;
                     heightTiny: string;
                     heightSmall: string;
                     heightMedium: string;
                     heightLarge: string;
                     heightHuge: string;
+                    fontDisplayLarge: string;
+                    fontDisplaySmall: string;
+                    fontHeadingLarge: string;
+                    fontHeadingMedium: string;
+                    fontHeadingSmall: string;
+                    fontTitleLarge: string;
+                    fontTitleMedium: string;
+                    fontTitleSmall: string;
+                    fontBodyLarge: string;
+                    fontBodyMedium: string;
+                    fontBodySmall: string;
+                    lineHeightDisplayLarge: string;
+                    lineHeightDisplaySmall: string;
+                    lineHeightHeadingLarge: string;
+                    lineHeightHeadingMedium: string;
+                    lineHeightHeadingSmall: string;
+                    lineHeightTitleLarge: string;
+                    lineHeightTitleMedium: string;
+                    lineHeightTitleSmall: string;
+                    lineHeightBodyLarge: string;
+                    lineHeightBodyMedium: string;
+                    lineHeightBodySmall: string;
+                    fontWeight: string;
+                    fontWeightStrong: string;
+                    fontWeightBold: string;
+                    iconSmall: string;
+                    iconMedium: string;
+                    iconLarge: string;
+                    iconHuge: string;
+                    closeSmall: string;
+                    closeMedium: string;
+                    closeLarge: string;
+                    closeHuge: string;
+                    closeBorderRadius: string;
                     name: "common";
                 } | undefined;
             } | undefined;
@@ -414,9 +404,9 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
+            secondary?: boolean | undefined;
             loadingSkeleton?: boolean | undefined;
             keyboard?: boolean | undefined;
-            secondary?: boolean | undefined;
             quaternary?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "button" | "reset" | "submit" | undefined;
@@ -462,7 +452,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                 colorTertiaryHover?: string | undefined;
                 colorTertiaryPressed?: string | undefined;
                 colorTertiaryDisalbed?: string | undefined;
-                waveColorTerniary?: string | undefined;
+                waveColorTertiary?: string | undefined;
                 textColorTextTertiary?: string | undefined;
                 colorQuaternary?: string | undefined;
                 colorQuaternaryHover?: string | undefined;
@@ -650,124 +640,113 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     [x: string]: any;
                 } | undefined;
                 common?: {
-                    baseColor: string;
-                    primaryColor: string;
-                    primaryColorHover: string;
-                    primaryColorPressed: string;
-                    primaryColorSuppl: string;
-                    infoColor: string;
-                    infoColorHover: string;
-                    infoColorPressed: string;
-                    infoColorSuppl: string;
-                    successColor: string;
-                    successColorHover: string;
-                    successColorPressed: string;
-                    successColorSuppl: string;
-                    warningColor: string;
-                    warningColorHover: string;
-                    warningColorPressed: string;
-                    warningColorSuppl: string;
-                    errorColor: string;
-                    errorColorHover: string;
-                    errorColorPressed: string;
-                    errorColorSuppl: string;
-                    tertiaryColor: string;
-                    tertiaryColorHover: string;
-                    tertiaryColorActive: string;
-                    tertiaryColorSuppl: string;
-                    tertiaryElements: string;
-                    textColorBase: string;
-                    textColor1: string;
-                    textColor2: string;
-                    textColor3: string;
-                    textTertiary: string;
-                    boxShadowHover: string;
-                    boxShadowFocus: string;
-                    boxShadowHoverChecked: string;
-                    boxShadowFocusChecked: string;
-                    textColorDisabled: string;
-                    placeholderColor: string;
-                    placeholderColorDisabled: string;
-                    iconColor: string;
-                    iconColorHover: string;
-                    iconColorPressed: string;
-                    iconColorDisabled: string;
-                    opacity1: string;
-                    opacity2: string;
-                    opacity3: string;
-                    opacity4: string;
-                    opacity5: string;
-                    dividerColor: string;
-                    borderColor: string;
-                    borderTagColor: string;
-                    closeIconColor: string;
-                    closeIconColorHover: string;
-                    closeIconColorPressed: string;
-                    closeColorHover: string;
-                    closeColorPressed: string;
-                    clearColor: string;
-                    clearColorHover: string;
-                    clearColorPressed: string;
                     scrollbarColor: string;
                     scrollbarColorHover: string;
                     scrollbarWidth: string;
                     scrollbarHeight: string;
                     scrollbarBorderRadius: string;
-                    progressRailColor: string;
-                    railColor: string;
-                    popoverColor: string;
-                    tableColor: string;
-                    cardColor: string;
-                    modalColor: string;
-                    bodyColor: string;
-                    tagColor: string;
-                    avatarColor: string;
-                    avatarTextColor: string;
-                    avatarIconColor: string;
-                    invertedColor: string;
-                    tooltipColor: string;
-                    inputColor: string;
-                    codeColor: string;
-                    tabColor: string;
-                    actionColor: string;
-                    tableHeaderColor: string;
-                    hoverColor: string;
-                    tableColorHover: string;
-                    tableColorStriped: string;
-                    pressedColor: string;
                     opacityDisabled: string;
-                    inputColorDisabled: string;
-                    buttonColor2: string;
-                    buttonColor2Hover: string;
-                    buttonColor2Pressed: string;
-                    boxShadow1: string;
-                    boxShadow2: string;
-                    boxShadow3: string;
+                    brandPrimary50: string;
+                    brandPrimary100: string;
+                    brandPrimary200: string;
+                    brandPrimary300: string;
+                    brandPrimary400: string;
+                    brandPrimary500: string;
+                    brandPrimary550: string;
+                    brandPrimary600: string;
+                    brandSecondary500: string;
+                    brandSecondary300: string;
+                    brandSecondary600: string;
+                    brandTertiary500: string;
+                    brandTertiary300: string;
+                    brandTertiary600: string;
+                    brandQuaternary500: string;
+                    brandQuaternary300: string;
+                    brandQuaternary600: string;
+                    brandQuinary500: string;
+                    brandQuinary300: string;
+                    brandQuinary600: string;
+                    brandQuinary100: string;
+                    surfacePrimary: string;
+                    surfaceSecondary: string;
+                    containerPrimary: string;
+                    containerSecondary: string;
+                    textPrimary: string;
+                    textSecondary: string;
+                    textTertiary: string;
+                    textQuaternary: string;
+                    textBrand: string;
+                    elementsPrimary: string;
+                    elementsSecondary: string;
+                    elementsTertiary: string;
+                    elementsQuaternary: string;
+                    elementsQuinary: string;
+                    elementsDarkQuinary: string;
+                    elementsSenary: string;
+                    elementsOnContainer: string;
+                    transparencyPrimary: string;
+                    transparencySecondary: string;
+                    transparencyTertiary: string;
+                    transparencyQuinary: string;
+                    transparencyModal: string;
+                    staticBlack: string;
+                    staticDarkGrey: string;
+                    staticWhite: string;
+                    staticRed: string;
+                    staticOrange: string;
+                    staticGreen: string;
+                    staticErrorAccent: string;
+                    shadowDepth2: string;
                     fontFamily: string;
                     fontFamilyMono: string;
-                    fontWeight: string;
-                    fontWeightStrong: string;
                     cubicBezierEaseInOut: string;
                     cubicBezierEaseOut: string;
                     cubicBezierEaseIn: string;
-                    borderWidth: number;
-                    borderTagWidth: number;
+                    borderRadiusLarge: string;
                     borderRadius: string;
+                    borderRadiusMedium: string;
                     borderRadiusSmall: string;
-                    fontSize: string;
-                    fontSizeMini: string;
-                    fontSizeTiny: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    lineHeight: string;
+                    borderRadiusTiny: string;
                     heightMini: string;
                     heightTiny: string;
                     heightSmall: string;
                     heightMedium: string;
                     heightLarge: string;
                     heightHuge: string;
+                    fontDisplayLarge: string;
+                    fontDisplaySmall: string;
+                    fontHeadingLarge: string;
+                    fontHeadingMedium: string;
+                    fontHeadingSmall: string;
+                    fontTitleLarge: string;
+                    fontTitleMedium: string;
+                    fontTitleSmall: string;
+                    fontBodyLarge: string;
+                    fontBodyMedium: string;
+                    fontBodySmall: string;
+                    lineHeightDisplayLarge: string;
+                    lineHeightDisplaySmall: string;
+                    lineHeightHeadingLarge: string;
+                    lineHeightHeadingMedium: string;
+                    lineHeightHeadingSmall: string;
+                    lineHeightTitleLarge: string;
+                    lineHeightTitleMedium: string;
+                    lineHeightTitleSmall: string;
+                    lineHeightBodyLarge: string;
+                    lineHeightBodyMedium: string;
+                    lineHeightBodySmall: string;
+                    fontWeight: string;
+                    fontWeightStrong: string;
+                    fontWeightBold: string;
+                    iconSmall: string;
+                    iconMedium: string;
+                    iconLarge: string;
+                    iconHuge: string;
+                    closeSmall: string;
+                    closeMedium: string;
+                    closeLarge: string;
+                    closeHuge: string;
+                    closeBorderRadius: string;
                     name: "common";
                 } | undefined;
             } | undefined;
@@ -777,9 +756,9 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
+            secondary?: boolean | undefined;
             loadingSkeleton?: boolean | undefined;
             keyboard?: boolean | undefined;
-            secondary?: boolean | undefined;
             quaternary?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "button" | "reset" | "submit" | undefined;

package/lib/dialog/src/dialogProps.d.ts

@@ -19,9 +19,10 @@ declare const dialogProps: {
     readonly negativeButtonProps: PropType<ButtonProps>;
     readonly content: PropType<string | (() => VNodeChild)>;
     readonly action: PropType<() => VNodeChild>;
+    readonly body: PropType<() => VNodeChild>;
     readonly showIcon: {
         readonly type: BooleanConstructor;
-        readonly default: true;
+        readonly default: false;
     };
     readonly loading: BooleanConstructor;
     readonly bordered: BooleanConstructor;
@@ -32,4 +33,4 @@ declare const dialogProps: {
 };
 export type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
 export { dialogProps };
-export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
+export declare const dialogPropKeys: ("type" | "body" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];

package/lib/dialog/src/dialogProps.js

@@ -19,9 +19,10 @@ const dialogProps = {
     negativeButtonProps: Object,
     content: [String, Function],
     action: Function,
+    body: Function,
     showIcon: {
         type: Boolean,
-        default: true
+        default: false
     },
     loading: Boolean,
     bordered: Boolean,

package/lib/dialog/src/styles/index.cssr.js

@@ -30,7 +30,6 @@ const cssr_1 = require("../../../_utils/cssr");
 // --u-action-space
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('dialog', `
  word-break: break-word;
- line-height: var(--u-line-height);
  position: relative;
  background: var(--u-color);
  color: var(--u-text-color);
@@ -70,11 +69,15 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('dialog', `
  color .3s var(--u-bezier);
  z-index: 1;
  `), (0, cssr_1.cE)('content', `
- font-size: var(--u-font-size);
+ font-size: var(--u-subtitle-font-size);
+ font-weight: var(--u-subtitle-font-weight);
+ line-height: var(--u-subtitle-line-height);
  margin: var(--u-content-margin);
  position: relative;
  word-break: break-word;
- `, [(0, cssr_1.cM)('last', 'margin-bottom: 0;')]), (0, cssr_1.cE)('action', `
+ `, [(0, cssr_1.c)('&:last-child', 'margin-bottom: 0')]), (0, cssr_1.cE)('body', `
+ margin: var(--u-content-margin);
+ `, [(0, cssr_1.c)('&:last-child', 'margin-bottom: 0')]), (0, cssr_1.cE)('action', `
  display: flex;
  justify-content: flex-end;
  `, [(0, cssr_1.c)('> *:not(:last-child)', {
@@ -88,14 +91,13 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('dialog', `
  align-items: center;
  font-size: var(--u-title-font-size);
  font-weight: var(--u-title-font-weight);
+ line-height: var(--u-line-height);
  color: var(--u-title-text-color);
  `), (0, cssr_1.cB)('dialog-icon-container', {
   display: 'flex',
   justifyContent: 'center'
 })]), (0, cssr_1.insideModal)((0, cssr_1.cB)('dialog', `
- width: 446px;
  max-width: calc(100vw - 32px);
  `)), (0, cssr_1.cB)('dialog', [(0, cssr_1.asModal)(`
- width: 446px;
  max-width: calc(100vw - 32px);
  `)])]);