naive-ui 2.28.3 → 2.29.0

package/es/_internal/clear/src/Clear.js

@@ -1,4 +1,5 @@
 import { h, defineComponent, toRef } from 'vue';
+import { resolveSlot } from '../../../_utils';
 import { useStyle } from '../../../_mixins';
 import { ClearIcon } from '../../icons';
 import NBaseIcon from '../../icon';
@@ -28,9 +29,11 @@ export default defineComponent({
             h(NIconSwitchTransition, null, {
                 default: () => {
                     var _a, _b;
-                    return this.show ? (h(NBaseIcon, { clsPrefix: clsPrefix, key: "dismiss", class: `${clsPrefix}-base-clear__clear`, onClick: this.onClear, onMousedown: this.handleMouseDown, "data-clear": true }, {
-                        default: () => h(ClearIcon, null)
-                    })) : (h("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)));
+                    return this.show ? (h("div", { key: "dismiss", class: `${clsPrefix}-base-clear__clear`, onClick: this.onClear, onMousedown: this.handleMouseDown, "data-clear": true }, resolveSlot(this.$slots.icon, () => [
+                        h(NBaseIcon, { clsPrefix: clsPrefix }, {
+                            default: () => h(ClearIcon, null)
+                        })
+                    ]))) : (h("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a)));
                 }
             })));
     }

package/es/_internal/clear/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { cB, c, cE } from '../../../../_utils/cssr';
-import createIconSwitchTransition from '../../../../_styles/transitions/icon-switch.cssr'; // vars:
+import { iconSwitchTransition } from '../../../../_styles/transitions/icon-switch.cssr'; // vars:
 // --n-bezier
 // --n-clear-color
 // --n-clear-size
@@ -13,9 +13,12 @@ export default cB('base-clear', `
  position: relative;
 `, [c('>', [cE('clear', `
  font-size: var(--n-clear-size);
+ height: 1em;
+ width: 1em;
  cursor: pointer;
  color: var(--n-clear-color);
  transition: color .3s var(--n-bezier);
+ display: flex;
  `, [c('&:hover', `
  color: var(--n-clear-color-hover)!important;
  `), c('&:active', `
@@ -27,7 +30,7 @@ export default cB('base-clear', `
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
- `, [createIconSwitchTransition({
+ `, [iconSwitchTransition({
   originalTransform: 'translateX(-50%) translateY(-50%)',
   left: '50%',
   top: '50%'

package/es/_internal/loading/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { c, cB, cE } from '../../../../_utils/cssr';
-import iconSwitchTransition from '../../../../_styles/transitions/icon-switch.cssr';
+import { iconSwitchTransition } from '../../../../_styles/transitions/icon-switch.cssr';
 export default c([c('@keyframes loading-container-rotate', `
  to {
  -webkit-transform: rotate(360deg);

package/es/_internal/menu-mask/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { cB } from '../../../../_utils/cssr';
-import fadeInTransition from '../../../../_styles/transitions/fade-in.cssr';
+import { fadeInTransition } from '../../../../_styles/transitions/fade-in.cssr';
 export default cB('base-menu-mask', `
  position: absolute;
  left: 0;

package/es/_internal/scrollbar/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { cB, c, cM, cE } from '../../../../_utils/cssr';
-import fadeInTransition from '../../../../_styles/transitions/fade-in.cssr'; // vars:
+import { fadeInTransition } from '../../../../_styles/transitions/fade-in.cssr'; // vars:
 // --n-scrollbar-bezier
 // --n-scrollbar-color
 // --n-scrollbar-color-hover

package/es/_internal/select-menu/src/SelectMenu.d.ts

@@ -305,12 +305,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/_internal/select-menu/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { c, cB, cE, cM, cNotM } from '../../../../_utils/cssr';
-import fadeInScaleUpTransition from '../../../../_styles/transitions/fade-in-scale-up.cssr'; // --n-loading-color
+import { fadeInScaleUpTransition } from '../../../../_styles/transitions/fade-in-scale-up.cssr'; // --n-loading-color
 // --n-loading-size
 
 export default cB('base-select-menu', `

package/es/_internal/selection/src/Selection.d.ts

@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "medium" | "large" | "tiny">;
         default: string;
     };
     loading: BooleanConstructor;
@@ -363,12 +363,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
@@ -577,7 +579,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large">;
+        type: PropType<"small" | "medium" | "large" | "tiny">;
         default: string;
     };
     loading: BooleanConstructor;
@@ -813,7 +815,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     pattern: string;
-    size: "small" | "medium" | "large";
+    size: "small" | "medium" | "large" | "tiny";
     multiple: boolean;
     active: boolean;
     disabled: boolean;

package/es/_internal/selection/src/styles/index.cssr.js

@@ -172,6 +172,8 @@ export default c([cB('base-selection', `
  max-width: 100%;
  vertical-align: bottom;
  `, [cE('input', `
+ font-size: inherit;
+ font-family: inherit;
  min-width: 1px;
  padding: 0;
  background-color: #0000;

package/es/_internal/slot-machine/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
 import { c, cB, cE, cM } from '../../../../_utils/cssr';
-import fadeInWidthExpandTransition from '../../../../_styles/transitions/fade-in-width-expand.cssr';
-import fadeUpWidthExpandTransition from '../../../../_styles/transitions/fade-up-width-expand.cssr'; // ease-out: cubic-bezier(0, 0, .2, 1)
+import { fadeInWidthExpandTransition } from '../../../../_styles/transitions/fade-in-width-expand.cssr';
+import { fadeUpWidthExpandTransition } from '../../../../_styles/transitions/fade-up-width-expand.cssr'; // ease-out: cubic-bezier(0, 0, .2, 1)
 
 export default c([c('@keyframes n-base-slot-machine-fade-up-in', `
  from {

package/es/_internal/suffix/src/Suffix.js

@@ -30,7 +30,7 @@ export default defineComponent({
             const { clsPrefix } = props;
             return (h(NBaseLoading, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix`, strokeWidth: 24, scale: 0.85, show: props.loading }, {
                 default: () => props.showArrow ? (h(NBaseClear, { clsPrefix: clsPrefix, show: props.showClear, onClear: props.onClear }, {
-                    default: () => (h(NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, {
+                    placeholder: () => (h(NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, {
                         default: () => resolveSlot(slots.default, () => [
                             h(ChevronDownIcon, null)
                         ])

package/es/_mixins/use-style.js

@@ -1,5 +1,6 @@
-import { onBeforeMount } from 'vue';
+import { onBeforeMount, inject } from 'vue';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
+import { configProviderInjectionKey } from '../config-provider/src/context';
 import globalStyle from '../_styles/global/index.cssr';
 import { throwError } from '../_utils';
 import { cssrAnchorMetaName } from './common';
@@ -10,6 +11,7 @@ export default function useStyle(mountId, style, clsPrefixRef) {
         return;
     }
     const ssrAdapter = useSsrAdapter();
+    const NConfigProvider = inject(configProviderInjectionKey, null);
     const mountStyle = () => {
         const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
         style.mount({
@@ -21,12 +23,14 @@ export default function useStyle(mountId, style, clsPrefixRef) {
             },
             ssr: ssrAdapter
         });
-        globalStyle.mount({
-            id: 'n-global',
-            head: true,
-            anchorMetaName: cssrAnchorMetaName,
-            ssr: ssrAdapter
-        });
+        if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
+            globalStyle.mount({
+                id: 'n-global',
+                head: true,
+                anchorMetaName: cssrAnchorMetaName,
+                ssr: ssrAdapter
+            });
+        }
     };
     if (ssrAdapter) {
         mountStyle();

package/es/_mixins/use-theme.js

@@ -10,6 +10,7 @@ export function createTheme(theme) {
 }
 function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef) {
     const ssrAdapter = useSsrAdapter();
+    const NConfigProvider = inject(configProviderInjectionKey, null);
     if (style) {
         const mountStyle = () => {
             const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
@@ -22,12 +23,14 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
                 anchorMetaName: cssrAnchorMetaName,
                 ssr: ssrAdapter
             });
-            globalStyle.mount({
-                id: 'n-global',
-                head: true,
-                anchorMetaName: cssrAnchorMetaName,
-                ssr: ssrAdapter
-            });
+            if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
+                globalStyle.mount({
+                    id: 'n-global',
+                    head: true,
+                    anchorMetaName: cssrAnchorMetaName,
+                    ssr: ssrAdapter
+                });
+            }
         };
         if (ssrAdapter) {
             mountStyle();
@@ -36,7 +39,6 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
             onBeforeMount(mountStyle);
         }
     }
-    const NConfigProvider = inject(configProviderInjectionKey, null);
     const mergedThemeRef = computed(() => {
         var _a;
         // keep props to make theme overrideable

package/es/_styles/common/_common.d.ts

@@ -9,12 +9,14 @@ declare const _default: {
     borderRadius: string;
     borderRadiusSmall: string;
     fontSize: string;
+    fontSizeMini: string;
     fontSizeTiny: string;
     fontSizeSmall: string;
     fontSizeMedium: string;
     fontSizeLarge: string;
     fontSizeHuge: string;
     lineHeight: string;
+    heightMini: string;
     heightTiny: string;
     heightSmall: string;
     heightMedium: string;

package/es/_styles/common/_common.js

@@ -9,12 +9,14 @@ export default {
     borderRadius: '3px',
     borderRadiusSmall: '2px',
     fontSize: '14px',
+    fontSizeMini: '12px',
     fontSizeTiny: '12px',
     fontSizeSmall: '14px',
     fontSizeMedium: '14px',
     fontSizeLarge: '15px',
     fontSizeHuge: '16px',
     lineHeight: '1.6',
+    heightMini: '16px',
     heightTiny: '22px',
     heightSmall: '28px',
     heightMedium: '34px',

package/es/_styles/common/light.d.ts

@@ -87,12 +87,14 @@ declare const derived: {
     borderRadius: string;
     borderRadiusSmall: string;
     fontSize: string;
+    fontSizeMini: string;
     fontSizeTiny: string;
     fontSizeSmall: string;
     fontSizeMedium: string;
     fontSizeLarge: string;
     fontSizeHuge: string;
     lineHeight: string;
+    heightMini: string;
     heightTiny: string;
     heightSmall: string;
     heightMedium: string;

package/es/_styles/transitions/fade-down.cssr.d.ts

@@ -7,5 +7,5 @@ interface FadeDownTransitionOptions {
     enterCubicBezier?: string;
     leaveCubicBezier?: string;
 }
-export default function ({ name, fromOffset, enterDuration, leaveDuration, enterCubicBezier, leaveCubicBezier }?: FadeDownTransitionOptions): CNode[];
+export declare function fadeDownTransition({ name, fromOffset, enterDuration, leaveDuration, enterCubicBezier, leaveCubicBezier }?: FadeDownTransitionOptions): CNode[];
 export {};

package/es/_styles/transitions/fade-down.cssr.js

@@ -3,7 +3,7 @@ import commonVariables from '../common/_common';
 const {
   cubicBezierEaseInOut
 } = commonVariables;
-export default function ({
+export function fadeDownTransition({
   name = 'fade-down',
   fromOffset = '-4px',
   enterDuration = '.3s',

package/es/_styles/transitions/fade-in-height-expand.cssr.d.ts

@@ -9,5 +9,5 @@ interface FadeInHeightExpandTransitionOption {
     leaveToProps?: Record<string, string | number> | undefined;
     reverse?: boolean;
 }
-export default function ({ overflow, duration, originalTransition, leavingDelay, foldPadding, enterToProps, leaveToProps, reverse }?: FadeInHeightExpandTransitionOption): CNode[];
+export declare function fadeInHeightExpandTransition({ overflow, duration, originalTransition, leavingDelay, foldPadding, enterToProps, leaveToProps, reverse }?: FadeInHeightExpandTransitionOption): CNode[];
 export {};

package/es/_styles/transitions/fade-in-height-expand.cssr.js

@@ -5,7 +5,7 @@ const {
   cubicBezierEaseOut,
   cubicBezierEaseIn
 } = commonVariables;
-export default function ({
+export function fadeInHeightExpandTransition({
   overflow = 'hidden',
   duration = '.3s',
   originalTransition = '',

package/es/_styles/transitions/fade-in-scale-up.cssr.d.ts

@@ -6,5 +6,5 @@ interface FadeInScaleUpTransitionOptions {
     originalTransform?: string;
     originalTransition?: string;
 }
-export default function ({ transformOrigin, duration, enterScale, originalTransform, originalTransition }?: FadeInScaleUpTransitionOptions): CNode[];
+export declare function fadeInScaleUpTransition({ transformOrigin, duration, enterScale, originalTransform, originalTransition }?: FadeInScaleUpTransitionOptions): CNode[];
 export {};

package/es/_styles/transitions/fade-in-scale-up.cssr.js

@@ -4,7 +4,7 @@ const {
   cubicBezierEaseIn,
   cubicBezierEaseOut
 } = commonVariables;
-export default function ({
+export function fadeInScaleUpTransition({
   transformOrigin = 'inherit',
   duration = '.2s',
   enterScale = '.9',

package/es/_styles/transitions/fade-in-width-expand.cssr.d.ts

@@ -3,5 +3,5 @@ interface FadeInWidthExpandTransition {
     duration?: string;
     delay?: string;
 }
-export default function ({ duration, delay }?: FadeInWidthExpandTransition): CNode[];
+export declare function fadeInWidthExpandTransition({ duration, delay }?: FadeInWidthExpandTransition): CNode[];
 export {};

package/es/_styles/transitions/fade-in-width-expand.cssr.js

@@ -3,7 +3,7 @@ import commonVariables from '../common/_common';
 const {
   cubicBezierEaseInOut
 } = commonVariables;
-export default function ({
+export function fadeInWidthExpandTransition({
   duration = '.2s',
   delay = '.1s'
 } = {}) {

package/es/_styles/transitions/fade-in.cssr.d.ts

@@ -6,5 +6,5 @@ interface FadeInTransitionOptions {
     enterCubicBezier?: string;
     leaveCubicBezier?: string;
 }
-export default function ({ name, enterDuration, leaveDuration, enterCubicBezier, leaveCubicBezier }?: FadeInTransitionOptions): CNode[];
+export declare function fadeInTransition({ name, enterDuration, leaveDuration, enterCubicBezier, leaveCubicBezier }?: FadeInTransitionOptions): CNode[];
 export {};

package/es/_styles/transitions/fade-in.cssr.js

@@ -3,7 +3,7 @@ import commonVariables from '../common/_common';
 const {
   cubicBezierEaseInOut
 } = commonVariables;
-export default function ({
+export function fadeInTransition({
   name = 'fade-in',
   enterDuration = '0.2s',
   leaveDuration = '0.2s',

package/es/_styles/transitions/fade-up-width-expand.cssr.d.ts

@@ -2,5 +2,5 @@ import { CNode } from 'css-render';
 interface FadeUpWidthExpandTransition {
     duration?: string;
 }
-export default function fadeUpWidthExpandTransition({ duration }?: FadeUpWidthExpandTransition): CNode[];
+export declare function fadeUpWidthExpandTransition({ duration }?: FadeUpWidthExpandTransition): CNode[];
 export {};

package/es/_styles/transitions/fade-up-width-expand.cssr.js

@@ -3,7 +3,7 @@ import commonVariables from '../common/_common';
 const {
   cubicBezierEaseOut
 } = commonVariables;
-export default function fadeUpWidthExpandTransition({
+export function fadeUpWidthExpandTransition({
   duration = '.2s'
 } = {}) {
   return [c('&.fade-up-width-expand-transition-leave-active', {

package/es/_styles/transitions/icon-switch.cssr.d.ts

@@ -5,5 +5,5 @@ interface IconSwitchTransitionOptions {
     top?: string | number;
     transition?: string;
 }
-export default function ({ originalTransform, left, top, transition }?: IconSwitchTransitionOptions): CNode[];
+export declare function iconSwitchTransition({ originalTransform, left, top, transition }?: IconSwitchTransitionOptions): CNode[];
 export {};

package/es/_styles/transitions/icon-switch.cssr.js

@@ -3,7 +3,7 @@ import commonVariables from '../common/_common';
 const {
   cubicBezierEaseInOut
 } = commonVariables;
-export default function ({
+export function iconSwitchTransition({
   originalTransform = '',
   left = 0,
   top = 0,

package/es/_styles/transitions/slide-in-from-bottom.d.ts

@@ -4,5 +4,5 @@ interface SlideInFromBottomTransitionOptions {
     leaveDuration?: string;
     name?: string;
 }
-export default function ({ duration, leaveDuration, name }?: SlideInFromBottomTransitionOptions): CNode[];
+export declare function slideInFromBottomTransition({ duration, leaveDuration, name }?: SlideInFromBottomTransitionOptions): CNode[];
 export {};

package/es/_styles/transitions/slide-in-from-bottom.js

@@ -1,7 +1,7 @@
 import { c } from '../../_utils/cssr';
 import commonVariables from '../common/_common';
 const { cubicBezierEaseIn, cubicBezierEaseOut } = commonVariables;
-export default function ({ duration = '0.3s', leaveDuration = '0.2s', name = 'slide-in-from-bottom' } = {}) {
+export function slideInFromBottomTransition({ duration = '0.3s', leaveDuration = '0.2s', name = 'slide-in-from-bottom' } = {}) {
     return [
         c(`&.${name}-transition-leave-active`, {
             transition: `transform ${leaveDuration} ${cubicBezierEaseIn}`

package/es/_styles/transitions/slide-in-from-left.d.ts

@@ -4,5 +4,5 @@ interface SlideInFromLeftTransitionOptions {
     leaveDuration?: string;
     name?: string;
 }
-export default function ({ duration, leaveDuration, name }?: SlideInFromLeftTransitionOptions): CNode[];
+export declare function slideInFromLeftTransition({ duration, leaveDuration, name }?: SlideInFromLeftTransitionOptions): CNode[];
 export {};

package/es/_styles/transitions/slide-in-from-left.js

@@ -1,7 +1,7 @@
 import { c } from '../../_utils/cssr';
 import commonVariables from '../common/_common';
 const { cubicBezierEaseIn, cubicBezierEaseOut } = commonVariables;
-export default function ({ duration = '0.3s', leaveDuration = '0.2s', name = 'slide-in-from-left' } = {}) {
+export function slideInFromLeftTransition({ duration = '0.3s', leaveDuration = '0.2s', name = 'slide-in-from-left' } = {}) {
     return [
         c(`&.${name}-transition-leave-active`, {
             transition: `transform ${leaveDuration} ${cubicBezierEaseIn}`

package/es/_styles/transitions/slide-in-from-right.d.ts

@@ -4,5 +4,5 @@ interface SlideInFromRightTransitionOptions {
     leaveDuration?: string;
     name?: string;
 }
-export default function ({ duration, leaveDuration, name }?: SlideInFromRightTransitionOptions): CNode[];
+export declare function slideInFromRightTransition({ duration, leaveDuration, name }?: SlideInFromRightTransitionOptions): CNode[];
 export {};

package/es/_styles/transitions/slide-in-from-right.js

@@ -1,7 +1,7 @@
 import { c } from '../../_utils/cssr';
 import commonVariables from '../common/_common';
 const { cubicBezierEaseIn, cubicBezierEaseOut } = commonVariables;
-export default function ({ duration = '0.3s', leaveDuration = '0.2s', name = 'slide-in-from-right' } = {}) {
+export function slideInFromRightTransition({ duration = '0.3s', leaveDuration = '0.2s', name = 'slide-in-from-right' } = {}) {
     return [
         c(`&.${name}-transition-leave-active`, {
             transition: `transform ${leaveDuration} ${cubicBezierEaseIn}`

package/es/_styles/transitions/slide-in-from-top.d.ts

@@ -4,5 +4,5 @@ interface SlideInFromTopTransitionOptions {
     leaveDuration?: string;
     name?: string;
 }
-export default function ({ duration, leaveDuration, name }?: SlideInFromTopTransitionOptions): CNode[];
+export declare function slideInFromTopTransition({ duration, leaveDuration, name }?: SlideInFromTopTransitionOptions): CNode[];
 export {};

package/es/_styles/transitions/slide-in-from-top.js

@@ -1,7 +1,7 @@
 import { c } from '../../_utils/cssr';
 import commonVariables from '../common/_common';
 const { cubicBezierEaseIn, cubicBezierEaseOut } = commonVariables;
-export default function ({ duration = '0.3s', leaveDuration = '0.2s', name = 'slide-in-from-top' } = {}) {
+export function slideInFromTopTransition({ duration = '0.3s', leaveDuration = '0.2s', name = 'slide-in-from-top' } = {}) {
     return [
         c(`&.${name}-transition-leave-active`, {
             transition: `transform ${leaveDuration} ${cubicBezierEaseIn}`

package/es/_utils/naive/prop.d.ts

@@ -1,2 +1,11 @@
 export declare function largerSize(size: 'tiny' | 'small' | 'medium' | 'large'): 'small' | 'medium' | 'large' | 'huge';
-export declare function smallerSize(size: 'small' | 'medium' | 'large' | 'huge'): 'tiny' | 'small' | 'medium' | 'large';
+interface SmallerSizeMap {
+    tiny: 'mini';
+    small: 'tiny';
+    medium: 'small';
+    large: 'medium';
+    huge: 'large';
+}
+declare type SmallerSize<T extends keyof SmallerSizeMap> = SmallerSizeMap[T];
+export declare function smallerSize<T extends keyof SmallerSizeMap>(size: T): SmallerSize<T>;
+export {};

package/es/_utils/naive/prop.js

@@ -12,6 +12,8 @@ export function largerSize(size) {
 }
 export function smallerSize(size) {
     switch (size) {
+        case 'tiny':
+            return 'mini';
         case 'small':
             return 'tiny';
         case 'medium':
@@ -21,4 +23,5 @@ export function smallerSize(size) {
         case 'huge':
             return 'large';
     }
+    throw Error(`${size} has no smaller size.`);
 }

package/es/alert/src/Alert.d.ts

@@ -470,12 +470,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

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

@@ -1,5 +1,5 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
-import fadeInHeightExpandTranstion from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
+import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
 // --n-bezier
 // --n-color
 // --n-close-color
@@ -37,7 +37,7 @@ export default cB('alert', `
   color: 'var(--n-title-text-color)'
 }), cE('content', {
   color: 'var(--n-content-text-color)'
-})]), fadeInHeightExpandTranstion({
+})]), fadeInHeightExpandTransition({
   originalTransition: 'transform .3s var(--n-bezier)',
   enterToProps: {
     transform: 'scale(1)'

package/es/auto-complete/src/AutoComplete.d.ts

@@ -934,12 +934,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/auto-complete/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { c, cB } from '../../../_utils/cssr';
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
 // --n-bezier
 // --n-menu-box-shadow
 

package/es/avatar-group/src/AvatarGroup.d.ts

@@ -208,12 +208,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/es/back-top/src/styles/index.cssr.js

@@ -1,5 +1,5 @@
 import { c, cB, cM } from '../../../_utils/cssr';
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
 // --n-bezier
 // --n-border-radius
 // --n-height

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

@@ -1,5 +1,5 @@
 import { c, cB, cM } from '../../../_utils/cssr';
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
 // --n-color
 // --n-ripple-color
 // --n-bezier

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

@@ -1,6 +1,6 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
-import fadeInWidthExpandTransition from '../../../_styles/transitions/fade-in-width-expand.cssr';
-import iconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr'; // vars:
+import { fadeInWidthExpandTransition } from '../../../_styles/transitions/fade-in-width-expand.cssr';
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr'; // vars:
 // --n-bezier
 // --n-bezier-ease-out
 // --n-ripple-duration