naive-ui 2.25.3 → 2.25.6

package/es/message/src/Message.js

@@ -2,7 +2,7 @@ import { computed, h, defineComponent, inject } from 'vue';
 import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon } from '../../_internal/icons';
 import { NIconSwitchTransition, NBaseLoading, NBaseIcon, NBaseClose } from '../../_internal';
 import { render, createKey } from '../../_utils';
-import { useTheme } from '../../_mixins';
+import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { messageLight } from '../styles';
 import { messageProps } from './message-props';
 import { messageProviderInjectionKey } from './context';
@@ -11,16 +11,49 @@ const iconMap = {
     info: h(InfoIcon, null),
     success: h(SuccessIcon, null),
     warning: h(WarningIcon, null),
-    error: h(ErrorIcon, null)
+    error: h(ErrorIcon, null),
+    default: null
 };
 export default defineComponent({
     name: 'Message',
     props: Object.assign(Object.assign({}, messageProps), { render: Function }),
     setup(props) {
+        const { inlineThemeDisabled } = useConfig();
         const { props: messageProviderProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(messageProviderInjectionKey);
         const themeRef = useTheme('Message', '-message', style, messageLight, messageProviderProps, mergedClsPrefixRef);
+        const cssVarsRef = computed(() => {
+            const { type } = props;
+            const { common: { cubicBezierEaseInOut }, self: { padding, margin, maxWidth, iconMargin, closeMargin, closeSize, iconSize, fontSize, lineHeight, borderRadius, iconColorInfo, iconColorSuccess, iconColorWarning, iconColorError, iconColorLoading, [createKey('textColor', type)]: textColor, [createKey('boxShadow', type)]: boxShadow, [createKey('color', type)]: color, [createKey('closeColor', type)]: closeColor, [createKey('closeColorPressed', type)]: closeColorPressed, [createKey('closeColorHover', type)]: closeColorHover } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-margin': margin,
+                '--n-padding': padding,
+                '--n-max-width': maxWidth,
+                '--n-font-size': fontSize,
+                '--n-icon-margin': iconMargin,
+                '--n-icon-size': iconSize,
+                '--n-close-size': closeSize,
+                '--n-close-margin': closeMargin,
+                '--n-text-color': textColor,
+                '--n-color': color,
+                '--n-box-shadow': boxShadow,
+                '--n-icon-color-info': iconColorInfo,
+                '--n-icon-color-success': iconColorSuccess,
+                '--n-icon-color-warning': iconColorWarning,
+                '--n-icon-color-error': iconColorError,
+                '--n-icon-color-loading': iconColorLoading,
+                '--n-close-color': closeColor,
+                '--n-close-color-pressed': closeColorPressed,
+                '--n-close-color-hover': closeColorHover,
+                '--n-line-height': lineHeight,
+                '--n-border-radius': borderRadius
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('message', computed(() => props.type[0]), cssVarsRef, {})
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             messageProviderProps,
@@ -28,48 +61,29 @@ export default defineComponent({
                 var _a;
                 (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
             },
-            cssVars: computed(() => {
-                const { type } = props;
-                const { common: { cubicBezierEaseInOut }, self: { padding, margin, maxWidth, iconMargin, closeMargin, closeSize, iconSize, fontSize, lineHeight, borderRadius, iconColorInfo, iconColorSuccess, iconColorWarning, iconColorError, iconColorLoading, [createKey('textColor', type)]: textColor, [createKey('boxShadow', type)]: boxShadow, [createKey('color', type)]: color, [createKey('closeColor', type)]: closeColor, [createKey('closeColorPressed', type)]: closeColorPressed, [createKey('closeColorHover', type)]: closeColorHover } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-margin': margin,
-                    '--n-padding': padding,
-                    '--n-max-width': maxWidth,
-                    '--n-font-size': fontSize,
-                    '--n-icon-margin': iconMargin,
-                    '--n-icon-size': iconSize,
-                    '--n-close-size': closeSize,
-                    '--n-close-margin': closeMargin,
-                    '--n-text-color': textColor,
-                    '--n-color': color,
-                    '--n-box-shadow': boxShadow,
-                    '--n-icon-color-info': iconColorInfo,
-                    '--n-icon-color-success': iconColorSuccess,
-                    '--n-icon-color-warning': iconColorWarning,
-                    '--n-icon-color-error': iconColorError,
-                    '--n-icon-color-loading': iconColorLoading,
-                    '--n-close-color': closeColor,
-                    '--n-close-color-pressed': closeColorPressed,
-                    '--n-close-color-hover': closeColorHover,
-                    '--n-line-height': lineHeight,
-                    '--n-border-radius': borderRadius
-                };
-            }),
+            cssVars: inlineThemeDisabled ? undefined : inlineThemeDisabled,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
             placement: messageProviderProps.placement
         };
     },
     render() {
-        const { render: renderMessage, type, closable, content, mergedClsPrefix, cssVars, icon, handleClose } = this;
-        return (h("div", { class: `${mergedClsPrefix}-message-wrapper`, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: Object.assign({
-                alignItems: this.placement.startsWith('top')
-                    ? 'flex-start'
-                    : 'flex-end'
-            }, cssVars) }, renderMessage ? (renderMessage(this.$props)) : (h("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type` },
-            h("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
+        const { render: renderMessage, type, closable, content, mergedClsPrefix, cssVars, themeClass, onRender, icon, handleClose, showIcon } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
+        let iconNode;
+        return (h("div", { class: [`${mergedClsPrefix}-message-wrapper`, themeClass], onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: [
+                {
+                    alignItems: this.placement.startsWith('top')
+                        ? 'flex-start'
+                        : 'flex-end'
+                },
+                cssVars
+            ] }, renderMessage ? (renderMessage(this.$props)) : (h("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type` },
+            (iconNode = createIconVNode(icon, type, mergedClsPrefix)) &&
+                showIcon ? (h("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
                 h(NIconSwitchTransition, null, {
-                    default: () => [createIconVNode(icon, type, mergedClsPrefix)]
-                })),
+                    default: () => iconNode
+                }))) : null,
             h("div", { class: `${mergedClsPrefix}-message__content` }, render(content)),
             closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-message__close`, onClick: handleClose })) : null))));
     }
@@ -79,8 +93,11 @@ function createIconVNode(icon, type, clsPrefix) {
         return icon();
     }
     else {
+        const innerIcon = type === 'loading' ? (h(NBaseLoading, { clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 })) : (iconMap[type]);
+        if (!innerIcon)
+            return null;
         return (h(NBaseIcon, { clsPrefix: clsPrefix, key: type }, {
-            default: () => type === 'loading' ? (h(NBaseLoading, { clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 })) : (iconMap[type])
+            default: () => innerIcon
         }));
     }
 }

package/es/message/src/MessageEnvironment.d.ts

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "info";
     };
     content: PropType<string | number | (() => import("vue").VNodeChild)>;
+    showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
     onClose: PropType<() => void>;
@@ -52,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "info";
     };
     content: PropType<string | number | (() => import("vue").VNodeChild)>;
+    showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
     onClose: PropType<() => void>;
@@ -60,6 +68,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: import("./types").MessageType;
     duration: number;
+    showIcon: boolean;
     closable: boolean;
     keepAliveOnHover: boolean;
 }>;

package/es/message/src/MessageEnvironment.js

@@ -84,7 +84,7 @@ export default defineComponent({
     render() {
         return (h(NFadeInExpandTransition, { appear: true, onAfterLeave: this.handleAfterLeave, onLeave: this.onLeave }, {
             default: () => [
-                this.show ? (h(NMessage, { content: this.content, type: this.type, icon: this.icon, closable: this.closable, onClose: this.handleClose, onMouseenter: this.keepAliveOnHover ? this.handleMouseenter : undefined, onMouseleave: this.keepAliveOnHover ? this.handleMouseleave : undefined })) : null
+                this.show ? (h(NMessage, { content: this.content, type: this.type, icon: this.icon, showIcon: this.showIcon, closable: this.closable, onClose: this.handleClose, onMouseenter: this.keepAliveOnHover ? this.handleMouseenter : undefined, onMouseleave: this.keepAliveOnHover ? this.handleMouseleave : undefined })) : null
             ]
         }));
     }

package/es/message/src/MessageProvider.d.ts

@@ -3,6 +3,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 import type { MessageOptions, MessageType } from './types';
 declare type ContentType = string | (() => VNodeChild);
 export interface MessageApiInjection {
+    create: (content: ContentType, options?: MessageOptions) => MessageReactive;
     info: (content: ContentType, options?: MessageOptions) => MessageReactive;
     success: (content: ContentType, options?: MessageOptions) => MessageReactive;
     warning: (content: ContentType, options?: MessageOptions) => MessageReactive;
@@ -17,6 +18,7 @@ export interface MessageReactive {
     keepAliveOnHover?: boolean;
     type: MessageType;
     icon?: () => VNodeChild;
+    showIcon?: boolean;
     onClose?: () => void;
     destroy: () => void;
 }
@@ -36,26 +38,33 @@ declare const messageProviderProps: {
     closable: BooleanConstructor;
     containerStyle: PropType<string | CSSProperties>;
     theme: PropType<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;
@@ -85,26 +94,33 @@ declare const messageProviderProps: {
         fontSize: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;
@@ -134,26 +150,33 @@ declare const messageProviderProps: {
         fontSize: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;
@@ -200,26 +223,33 @@ declare const _default: import("vue").DefineComponent<{
     closable: BooleanConstructor;
     containerStyle: PropType<string | CSSProperties>;
     theme: PropType<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;
@@ -249,26 +279,33 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;
@@ -298,26 +335,33 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;
@@ -358,6 +402,7 @@ declare const _default: import("vue").DefineComponent<{
             keepAliveOnHover?: boolean | undefined;
             type: MessageType;
             icon?: (() => VNodeChild) | undefined;
+            showIcon?: boolean | undefined;
             onClose?: (() => void) | undefined;
             destroy: () => void;
         };
@@ -370,6 +415,7 @@ declare const _default: import("vue").DefineComponent<{
         keepAliveOnHover?: boolean | undefined;
         type: MessageType;
         icon?: (() => VNodeChild) | undefined;
+        showIcon?: boolean | undefined;
         onClose?: (() => void) | undefined;
         destroy: () => void;
     }[]>;
@@ -389,26 +435,33 @@ declare const _default: import("vue").DefineComponent<{
     closable: BooleanConstructor;
     containerStyle: PropType<string | CSSProperties>;
     theme: PropType<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;
@@ -438,26 +491,33 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;
@@ -487,26 +547,33 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+        textColor: string;
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
         textColorWarning: string;
         textColorLoading: string;
+        color: string;
         colorInfo: string;
         colorSuccess: string;
         colorError: string;
         colorWarning: string;
         colorLoading: string;
+        boxShadow: string;
         boxShadowInfo: string;
         boxShadowSuccess: string;
         boxShadowError: string;
         boxShadowWarning: string;
         boxShadowLoading: string;
+        iconColor: string;
         iconColorInfo: string;
         iconColorSuccess: string;
         iconColorWarning: string;
         iconColorError: string;
         iconColorLoading: string;
+        closeColor: string;
+        closeColorHover: string;
+        closeColorPressed: string;
         closeColorInfo: string;
         closeColorHoverInfo: string;
         closeColorPressedInfo: string;

package/es/message/src/MessageProvider.js

@@ -19,6 +19,9 @@ export default defineComponent({
         const messageListRef = ref([]);
         const messageRefs = ref({});
         const api = {
+            create(content, options) {
+                return create(content, Object.assign({ type: 'default' }, options));
+            },
             info(content, options) {
                 return create(content, Object.assign(Object.assign({}, options), { type: 'info' }));
             },

package/es/message/src/message-props.d.ts

@@ -8,6 +8,10 @@ export declare const messageProps: {
         readonly default: "info";
     };
     readonly content: PropType<string | number | (() => VNodeChild)>;
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly closable: BooleanConstructor;
     readonly keepAliveOnHover: BooleanConstructor;
     readonly onClose: PropType<() => void>;

package/es/message/src/message-props.js

@@ -5,6 +5,10 @@ export const messageProps = {
         default: 'info'
     },
     content: [String, Number, Function],
+    showIcon: {
+        type: Boolean,
+        default: true
+    },
     closable: Boolean,
     keepAliveOnHover: Boolean,
     onClose: Function,

package/es/message/src/styles/index.cssr.js

@@ -13,6 +13,7 @@ import fadeInHeightExpand from '../../../_styles/transitions/fade-in-height-expa
 // --n-text-color
 // --n-color
 // --n-box-shadow
+// --n-icon-color-default
 // --n-icon-color-info
 // --n-icon-color-success
 // --n-icon-color-warning
@@ -67,7 +68,7 @@ export default c([cB('message-wrapper', `
  width: var(--n-icon-size);
  font-size: var(--n-icon-size);
  flex-shrink: 0;
- `, [['info', 'success', 'warning', 'error', 'loading'].map(type => cM(`${type}-type`, [c('> *', `
+ `, [['default', 'info', 'success', 'warning', 'error', 'loading'].map(type => cM(`${type}-type`, [c('> *', `
  color: var(--n-icon-color-${type});
  transition: color .3s var(--n-bezier);
  `)])), c('> *', `

package/es/message/src/types.d.ts

@@ -1,14 +1,16 @@
 import { VNodeChild } from 'vue';
 import type { MessageSetupProps } from './message-props';
-export declare type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading';
+export declare type MessageType = 'info' | 'success' | 'warning' | 'error' | 'loading' | 'default';
 export declare type RenderMessageProps = Pick<MessageSetupProps, 'closable' | 'content' | 'icon' | 'onClose' | 'type'>;
 export declare type MessageRenderMessage = (props: RenderMessageProps) => VNodeChild;
 export interface MessageOptions {
+    type?: MessageType;
     render?: MessageRenderMessage;
     duration?: number;
     closable?: boolean;
     keepAliveOnHover?: boolean;
     icon?: () => VNodeChild;
+    showIcon?: boolean;
     onClose?: () => void;
     onLeave?: () => void;
     onAfterLeave?: () => void;

package/es/message/styles/light.d.ts

@@ -1,26 +1,33 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import { Theme } from '../../_mixins/use-theme';
 export declare const self: (vars: ThemeCommonVars) => {
+    textColor: string;
     textColorInfo: string;
     textColorSuccess: string;
     textColorError: string;
     textColorWarning: string;
     textColorLoading: string;
+    color: string;
     colorInfo: string;
     colorSuccess: string;
     colorError: string;
     colorWarning: string;
     colorLoading: string;
+    boxShadow: string;
     boxShadowInfo: string;
     boxShadowSuccess: string;
     boxShadowError: string;
     boxShadowWarning: string;
     boxShadowLoading: string;
+    iconColor: string;
     iconColorInfo: string;
     iconColorSuccess: string;
     iconColorWarning: string;
     iconColorError: string;
     iconColorLoading: string;
+    closeColor: string;
+    closeColorHover: string;
+    closeColorPressed: string;
     closeColorInfo: string;
     closeColorHoverInfo: string;
     closeColorPressedInfo: string;

package/es/message/styles/light.js

@@ -2,7 +2,7 @@ import commonVariables from './_common';
 import { commonLight } from '../../_styles/common';
 export const self = (vars) => {
     const { textColor2, closeColor, closeColorHover, closeColorPressed, infoColor, successColor, errorColor, warningColor, popoverColor, boxShadow2, primaryColor, lineHeight, borderRadius } = vars;
-    return Object.assign(Object.assign({}, commonVariables), { textColorInfo: textColor2, textColorSuccess: textColor2, textColorError: textColor2, textColorWarning: textColor2, textColorLoading: textColor2, colorInfo: popoverColor, colorSuccess: popoverColor, colorError: popoverColor, colorWarning: popoverColor, colorLoading: popoverColor, boxShadowInfo: boxShadow2, boxShadowSuccess: boxShadow2, boxShadowError: boxShadow2, boxShadowWarning: boxShadow2, boxShadowLoading: boxShadow2, iconColorInfo: infoColor, iconColorSuccess: successColor, iconColorWarning: warningColor, iconColorError: errorColor, iconColorLoading: primaryColor, closeColorInfo: closeColor, closeColorHoverInfo: closeColorHover, closeColorPressedInfo: closeColorPressed, closeColorSuccess: closeColor, closeColorHoverSuccess: closeColorHover, closeColorPressedSuccess: closeColorPressed, closeColorError: closeColor, closeColorHoverError: closeColorHover, closeColorPressedError: closeColorPressed, closeColorWarning: closeColor, closeColorHoverWarning: closeColorHover, closeColorPressedWarning: closeColorPressed, closeColorLoading: closeColor, closeColorHoverLoading: closeColorHover, closeColorPressedLoading: closeColorPressed, loadingColor: primaryColor, lineHeight,
+    return Object.assign(Object.assign({}, commonVariables), { textColor: textColor2, textColorInfo: textColor2, textColorSuccess: textColor2, textColorError: textColor2, textColorWarning: textColor2, textColorLoading: textColor2, color: popoverColor, colorInfo: popoverColor, colorSuccess: popoverColor, colorError: popoverColor, colorWarning: popoverColor, colorLoading: popoverColor, boxShadow: boxShadow2, boxShadowInfo: boxShadow2, boxShadowSuccess: boxShadow2, boxShadowError: boxShadow2, boxShadowWarning: boxShadow2, boxShadowLoading: boxShadow2, iconColor: textColor2, iconColorInfo: infoColor, iconColorSuccess: successColor, iconColorWarning: warningColor, iconColorError: errorColor, iconColorLoading: primaryColor, closeColor: closeColor, closeColorHover: closeColorHover, closeColorPressed: closeColorPressed, closeColorInfo: closeColor, closeColorHoverInfo: closeColorHover, closeColorPressedInfo: closeColorPressed, closeColorSuccess: closeColor, closeColorHoverSuccess: closeColorHover, closeColorPressedSuccess: closeColorPressed, closeColorError: closeColor, closeColorHoverError: closeColorHover, closeColorPressedError: closeColorPressed, closeColorWarning: closeColor, closeColorHoverWarning: closeColorHover, closeColorPressedWarning: closeColorPressed, closeColorLoading: closeColor, closeColorHoverLoading: closeColorHover, closeColorPressedLoading: closeColorPressed, loadingColor: primaryColor, lineHeight,
         borderRadius });
 };
 const messageLight = {

package/es/modal/src/BodyWrapper.d.ts

@@ -685,6 +685,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     bodyRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | HTMLElement | null>;
     scrollbarRef: import("vue").Ref<{
+        $el: HTMLElement;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;

package/es/notification/src/Notification.d.ts

@@ -68,7 +68,9 @@ export declare const Notification: import("vue").DefineComponent<{
         '--n-padding-right': string;
         '--n-padding-top': string;
         '--n-padding-bottom': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly closable: {
         readonly type: BooleanConstructor;