@uzum-tech/ui 1.3.1 → 1.4.0

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

@@ -1,7 +1,7 @@
 export declare const UDialog: import("vue").DefineComponent<{
     icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
@@ -768,118 +768,7 @@ export declare const UDialog: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     mergedIconPlacement: import("vue").ComputedRef<import("./interface").IconPlacement>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: 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;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: 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";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             border: string;
             titleTextColor: string;
@@ -1172,7 +1061,7 @@ export declare const UDialog: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
@@ -1936,7 +1825,7 @@ export declare const UDialog: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "info" | "success" | "warning" | "error";
     loading: boolean;
     bordered: boolean;
     showIcon: boolean;

package/lib/dialog/src/Dialog.js

@@ -23,7 +23,7 @@ const iconRenderMap = {
 exports.UDialog = (0, vue_1.defineComponent)({
     name: 'Dialog',
     alias: [
-        'NimbusConfirmCard',
+        'NimbusConfirmCard', // deprecated
         'Confirm' // deprecated
     ],
     props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), dialogProps_1.dialogProps),

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

@@ -27,7 +27,7 @@ export declare const exposedDialogEnvProps: {
     readonly onMaskClick: PropType<(e: MouseEvent) => void>;
     readonly icon: PropType<() => import("vue").VNodeChild>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -87,7 +87,7 @@ export declare const UDialogEnvironment: import("vue").DefineComponent<{
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -156,7 +156,7 @@ export declare const UDialogEnvironment: import("vue").DefineComponent<{
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -179,12 +179,12 @@ export declare const UDialogEnvironment: import("vue").DefineComponent<{
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("./interface").IconPlacement>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
-    autoFocus: boolean;
+    type: "default" | "info" | "success" | "warning" | "error";
     loading: boolean;
     bordered: boolean;
     showIcon: boolean;
     closable: boolean;
+    autoFocus: boolean;
     blockScroll: boolean;
     maskClosable: boolean;
     closeOnEsc: boolean;

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

@@ -41,39 +41,28 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
     dialogList: Ref<{
         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;
-        onAfterEnter?: (() => void) | undefined;
-        onAfterLeave?: (() => void) | undefined;
+        type?: "default" | "info" | "success" | "warning" | "error" | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
-        action?: (() => import("vue").VNodeChild) | undefined;
-        autoFocus?: boolean | undefined;
+        icon?: (() => import("vue").VNodeChild) | undefined;
+        body?: (() => import("vue").VNodeChild) | undefined;
         positiveText?: string | undefined;
         negativeText?: string | undefined;
         loading?: boolean | undefined;
         bordered?: boolean | undefined;
         showIcon?: boolean | undefined;
+        content?: string | (() => import("vue").VNodeChild) | undefined;
+        action?: (() => import("vue").VNodeChild) | undefined;
         closable?: boolean | undefined;
+        onAfterLeave?: (() => void) | undefined;
+        onAfterEnter?: (() => void) | undefined;
+        transformOrigin?: "center" | "mouse" | undefined;
+        onClose?: (() => Promise<unknown> | unknown) | undefined;
+        autoFocus?: boolean | undefined;
         onEsc?: (() => void) | undefined;
-        onClose?: (() => unknown) | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
         positiveButtonProps?: {
             type?: import("../../button/src/interface").Type | undefined;
-            tag?: keyof HTMLElementTagNameMap | undefined;
-            block?: boolean | undefined;
-            color?: string | undefined;
-            round?: boolean | undefined;
-            dashed?: boolean | undefined;
-            size?: import("../../button/src/interface").Size | undefined;
-            text?: boolean | undefined;
-            circle?: boolean | undefined;
-            disabled?: boolean | undefined;
             onClick?: import("../../_utils").MaybeArray<(e: MouseEvent) => void> | undefined;
-            focusable?: boolean | undefined;
-            strong?: boolean | undefined;
             themeOverrides?: {
                 heightTiny?: string | undefined;
                 heightSmall?: string | undefined;
@@ -400,34 +389,34 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     name: "common";
                 } | undefined;
             } | undefined;
+            disabled?: boolean | undefined;
             loading?: boolean | undefined;
             bordered?: boolean | undefined;
-            textColor?: string | undefined;
+            tag?: keyof HTMLElementTagNameMap | undefined;
+            size?: import("../../button/src/interface").Size | undefined;
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
+            color?: string | undefined;
+            textColor?: string | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
+            round?: boolean | undefined;
+            strong?: boolean | undefined;
+            circle?: boolean | undefined;
+            text?: boolean | undefined;
+            focusable?: boolean | undefined;
+            dashed?: boolean | undefined;
+            block?: boolean | undefined;
             secondary?: boolean | undefined;
             loadingSkeleton?: boolean | undefined;
-            keyboard?: boolean | undefined;
             quaternary?: boolean | undefined;
+            keyboard?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
-            attrType?: "button" | "reset" | "submit" | undefined;
+            attrType?: "button" | "submit" | "reset" | undefined;
             nativeFocusBehavior?: boolean | undefined;
         } | undefined;
         negativeButtonProps?: {
             type?: import("../../button/src/interface").Type | undefined;
-            tag?: keyof HTMLElementTagNameMap | undefined;
-            block?: boolean | undefined;
-            color?: string | undefined;
-            round?: boolean | undefined;
-            dashed?: boolean | undefined;
-            size?: import("../../button/src/interface").Size | undefined;
-            text?: boolean | undefined;
-            circle?: boolean | undefined;
-            disabled?: boolean | undefined;
             onClick?: import("../../_utils").MaybeArray<(e: MouseEvent) => void> | undefined;
-            focusable?: boolean | undefined;
-            strong?: boolean | undefined;
             themeOverrides?: {
                 heightTiny?: string | undefined;
                 heightSmall?: string | undefined;
@@ -754,22 +743,33 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     name: "common";
                 } | undefined;
             } | undefined;
+            disabled?: boolean | undefined;
             loading?: boolean | undefined;
             bordered?: boolean | undefined;
-            textColor?: string | undefined;
+            tag?: keyof HTMLElementTagNameMap | undefined;
+            size?: import("../../button/src/interface").Size | undefined;
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
+            color?: string | undefined;
+            textColor?: string | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
+            round?: boolean | undefined;
+            strong?: boolean | undefined;
+            circle?: boolean | undefined;
+            text?: boolean | undefined;
+            focusable?: boolean | undefined;
+            dashed?: boolean | undefined;
+            block?: boolean | undefined;
             secondary?: boolean | undefined;
             loadingSkeleton?: boolean | undefined;
-            keyboard?: boolean | undefined;
             quaternary?: boolean | undefined;
+            keyboard?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
-            attrType?: "button" | "reset" | "submit" | undefined;
+            attrType?: "button" | "submit" | "reset" | undefined;
             nativeFocusBehavior?: boolean | undefined;
         } | undefined;
-        onPositiveClick?: ((e: MouseEvent) => unknown) | undefined;
-        onNegativeClick?: ((e: MouseEvent) => unknown) | undefined;
+        onPositiveClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
+        onNegativeClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
         blockScroll?: boolean | undefined;
         onMaskClick?: ((e: MouseEvent) => void) | undefined;
         maskClosable?: boolean | undefined;

package/lib/dialog/src/composables.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialogReactiveList = exports.useDialog = void 0;
+exports.useDialog = useDialog;
+exports.useDialogReactiveList = useDialogReactiveList;
 const vue_1 = require("vue");
 const context_1 = require("./context");
 const _utils_1 = require("../../_utils");
@@ -11,7 +12,6 @@ function useDialog() {
     }
     return dialog;
 }
-exports.useDialog = useDialog;
 function useDialogReactiveList() {
     const dialogReactiveList = (0, vue_1.inject)(context_1.dialogReactiveListInjectionKey, null);
     if (dialogReactiveList === null) {
@@ -19,4 +19,3 @@ function useDialogReactiveList() {
     }
     return dialogReactiveList;
 }
-exports.useDialogReactiveList = useDialogReactiveList;

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

@@ -5,7 +5,7 @@ import type { IconPlacement } from './interface';
 declare const dialogProps: {
     readonly icon: PropType<() => VNodeChild>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly title: PropType<string | (() => VNodeChild)>;
@@ -33,4 +33,4 @@ declare const dialogProps: {
 };
 export type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
 export { dialogProps };
-export declare const dialogPropKeys: ("type" | "body" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];
+export declare const dialogPropKeys: ("type" | "title" | "icon" | "body" | "positiveText" | "negativeText" | "loading" | "bordered" | "showIcon" | "content" | "action" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "onPositiveClick" | "onNegativeClick")[];

package/lib/discrete/src/discrete.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createDiscreteApi = void 0;
+exports.createDiscreteApi = createDiscreteApi;
 const message_1 = require("../../message");
 const dialog_1 = require("../../dialog");
 const notification_1 = require("../../notification");
@@ -46,4 +46,3 @@ function createDiscreteApi(includes, { configProviderProps, messageProviderProps
     });
     return discreteApp;
 }
-exports.createDiscreteApi = createDiscreteApi;

package/lib/discrete/src/discreteApp.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createDiscreteApp = void 0;
+exports.createDiscreteApp = createDiscreteApp;
 const vue_1 = require("vue");
 const config_provider_1 = require("../../config-provider");
 const dialog_1 = require("../../dialog");
@@ -50,4 +50,3 @@ function createDiscreteApp({ providersAndProps, configProviderProps }) {
     };
     return Object.assign({ unmount }, extractedApi);
 }
-exports.createDiscreteApp = createDiscreteApp;

package/lib/divider/src/Divider.d.ts

@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const dividerProps: {
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;
@@ -35,7 +35,7 @@ export declare const dividerProps: {
 export type DividerProps = ExtractPublicPropTypes<typeof dividerProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;
@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly titlePlacement: {
-        readonly type: PropType<"left" | "right" | "center">;
+        readonly type: PropType<"left" | "center" | "right">;
         readonly default: "center";
     };
     readonly dashed: BooleanConstructor;
@@ -109,8 +109,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>>;
 }>>, {
-    readonly dashed: boolean;
     readonly vertical: boolean;
+    readonly dashed: boolean;
     readonly titlePlacement: "left" | "right" | "center";
 }, {}>;
 export default _default;

package/lib/drawer/src/Drawer.d.ts

@@ -17,6 +17,10 @@ export declare const drawerProps: {
         readonly type: PropType<Placement>;
         readonly default: "right";
     };
+    readonly rounded: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly maskClosable: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -27,7 +31,7 @@ export declare const drawerProps: {
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -201,6 +205,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<Placement>;
         readonly default: "right";
     };
+    readonly rounded: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly maskClosable: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -211,7 +219,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -376,118 +384,7 @@ declare const _default: import("vue").DefineComponent<{
     handleMaskClick: (e: MouseEvent) => void;
     handleEsc: (e: KeyboardEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: 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;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: 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";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             color: string;
             textColor: string;
@@ -586,6 +483,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<Placement>;
         readonly default: "right";
     };
+    readonly rounded: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly maskClosable: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -596,7 +497,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly to: PropType<string | HTMLElement>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "if";
     };
     readonly nativeScrollbar: {
@@ -755,14 +656,15 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    readonly size: DrawerSizes;
-    readonly show: boolean;
     readonly disabled: boolean;
-    readonly autoFocus: boolean;
     readonly loading: boolean;
-    readonly placement: Placement;
+    readonly size: DrawerSizes;
+    readonly show: boolean;
     readonly displayDirective: "show" | "if";
+    readonly placement: Placement;
+    readonly autoFocus: boolean;
     readonly resizable: boolean;
+    readonly rounded: boolean;
     readonly trapFocus: boolean;
     readonly blockScroll: boolean;
     readonly maskClosable: boolean;

package/lib/drawer/src/Drawer.js

@@ -30,6 +30,9 @@ exports.drawerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, placement: {
         type: String,
         default: 'right'
+    }, rounded: {
+        type: Boolean,
+        default: false
     }, maskClosable: {
         type: Boolean,
         default: true
@@ -253,7 +256,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     `${mergedClsPrefix}-drawer-mask--invisible`
                             ], onClick: this.handleMaskClick })) : null
                     })) : null,
-                    (0, vue_1.h)(DrawerBodyWrapper_1.default, Object.assign({}, this.$attrs, { class: [this.drawerClass, this.$attrs.class], style: [this.mergedBodyStyle, this.$attrs.style], blockScroll: this.blockScroll, contentStyle: this.contentStyle, placement: this.placement, scrollbarProps: this.scrollbarProps, show: this.show, displayDirective: this.displayDirective, nativeScrollbar: this.nativeScrollbar, onAfterEnter: this.onAfterEnter, onAfterLeave: this.onAfterLeave, trapFocus: this.trapFocus, autoFocus: this.autoFocus, resizable: this.resizable, showMask: this.showMask, onEsc: this.handleEsc, onClickoutside: this.handleMaskClick }), this.$slots)), [[vdirs_1.zindexable, { zIndex: this.zIndex, enabled: this.show }]]);
+                    (0, vue_1.h)(DrawerBodyWrapper_1.default, Object.assign({}, this.$attrs, { class: [this.drawerClass, this.$attrs.class], style: [this.mergedBodyStyle, this.$attrs.style], blockScroll: this.blockScroll, contentStyle: this.contentStyle, placement: this.placement, rounded: this.rounded, scrollbarProps: this.scrollbarProps, show: this.show, displayDirective: this.displayDirective, nativeScrollbar: this.nativeScrollbar, onAfterEnter: this.onAfterEnter, onAfterLeave: this.onAfterLeave, trapFocus: this.trapFocus, autoFocus: this.autoFocus, resizable: this.resizable, showMask: this.showMask, onEsc: this.handleEsc, onClickoutside: this.handleMaskClick }), this.$slots)), [[vdirs_1.zindexable, { zIndex: this.zIndex, enabled: this.show }]]);
             }
         }));
     }