naive-ui 2.28.3 → 2.29.0

package/es/popselect/src/Popselect.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import type { PopoverTrigger } from '../../popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
 declare const popselectProps: {
@@ -96,7 +96,9 @@ declare const popselectProps: {
     };
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    theme: PropType<import("../../_mixins").Theme<"Popselect", unknown, {
+    theme: PropType<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -164,7 +166,9 @@ declare const popselectProps: {
             }, any>;
         }>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -232,7 +236,9 @@ declare const popselectProps: {
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -301,6 +307,7 @@ declare const popselectProps: {
         }>;
     }>>>;
 };
+export declare type PopselectSetupProps = ExtractPropTypes<typeof popselectProps>;
 export declare type PopselectProps = ExtractPublicPropTypes<typeof popselectProps>;
 declare const _default: import("vue").DefineComponent<{
     multiple: BooleanConstructor;
@@ -397,7 +404,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    theme: PropType<import("../../_mixins").Theme<"Popselect", unknown, {
+    theme: PropType<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -465,7 +474,9 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -533,7 +544,9 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -696,12 +709,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;
@@ -709,7 +724,9 @@ declare const _default: import("vue").DefineComponent<{
             heightHuge: string;
             name: "common";
         };
-        self: unknown;
+        self: {
+            menuBoxShadow: string;
+        };
         peers: {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -809,7 +826,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     syncPosition: () => void;
     setShow: (value: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     multiple: BooleanConstructor;
     value: {
         readonly type: PropType<import("../../select/src/interface").Value | null>;
@@ -904,7 +921,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-    theme: PropType<import("../../_mixins").Theme<"Popselect", unknown, {
+    theme: PropType<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -972,7 +991,9 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;
@@ -1040,7 +1061,9 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", unknown, {
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Popselect", {
+        menuBoxShadow: string;
+    }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;
             borderRadius: string;

package/es/popselect/src/Popselect.js

@@ -26,6 +26,7 @@ export default defineComponent({
             (_a = popoverInstRef.value) === null || _a === void 0 ? void 0 : _a.setShow(value);
         }
         provide(popselectInjectionKey, {
+            props,
             mergedThemeRef: themeRef,
             syncPosition,
             setShow

package/es/popselect/src/PopselectPanel.d.ts

@@ -141,12 +141,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;
@@ -154,7 +156,9 @@ declare const _default: import("vue").DefineComponent<{
             heightHuge: string;
             name: "common";
         };
-        self: unknown;
+        self: {
+            menuBoxShadow: string;
+        };
         peers: {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -256,6 +260,11 @@ declare const _default: import("vue").DefineComponent<{
     treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleMenuMousedown: (e: MouseEvent) => void;
+    cssVars: import("vue").ComputedRef<{
+        '--n-menu-box-shadow': 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 multiple: BooleanConstructor;
     readonly value: {

package/es/popselect/src/PopselectPanel.js

@@ -3,10 +3,12 @@ import { h, computed, defineComponent, inject, toRef, watch, nextTick, watchEffe
 import { createTreeMate } from 'treemate';
 import { happensIn } from 'seemly';
 import { tmOptions } from '../../select/src/utils';
-import { useConfig } from '../../_mixins';
+import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { NInternalSelectMenu } from '../../_internal';
 import { call, keysOf, warn } from '../../_utils';
+import { popselectLight } from '../styles';
 import { popselectInjectionKey } from './interface';
+import style from './styles/index.cssr';
 export const panelProps = {
     multiple: Boolean,
     value: {
@@ -45,7 +47,8 @@ export default defineComponent({
         }
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NPopselect = inject(popselectInjectionKey);
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const themeRef = useTheme('Popselect', '-pop-select', style, popselectLight, NPopselect.props, mergedClsPrefixRef);
         const treeMateRef = computed(() => {
             return createTreeMate(props.options, tmOptions);
         });
@@ -118,16 +121,30 @@ export default defineComponent({
                 NPopselect.syncPosition();
             });
         });
+        const cssVarsRef = computed(() => {
+            const { self: { menuBoxShadow } } = themeRef.value;
+            return {
+                '--n-menu-box-shadow': menuBoxShadow
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('select', undefined, cssVarsRef, NPopselect.props)
+            : undefined;
         return {
             mergedTheme: NPopselect.mergedThemeRef,
             mergedClsPrefix: mergedClsPrefixRef,
             treeMate: treeMateRef,
             handleToggle,
-            handleMenuMousedown
+            handleMenuMousedown,
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        return (h(NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown }, {
+        var _a;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+        return (h(NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, class: [`${this.mergedClsPrefix}-popselect-menu`, this.themeClass], style: this.cssVars, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown }, {
             action: () => { var _a, _b; return ((_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; },
             empty: () => { var _a, _b; return ((_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)) || []; }
         }));

package/es/popselect/src/interface.d.ts

@@ -1,9 +1,11 @@
 import { Ref } from 'vue';
+import type { PopoverInst } from '../../popover/src/interface';
 import type { MergedTheme } from '../../_mixins';
 import type { PopselectTheme } from '../styles';
-import type { PopoverInst } from '../../popover/src/interface';
+import type { PopselectSetupProps } from './Popselect';
 export declare type PopselectSize = 'small' | 'medium' | 'large' | 'huge';
 export interface PopselectInjection {
+    props: PopselectSetupProps;
     mergedThemeRef: Ref<MergedTheme<PopselectTheme>>;
     setShow: (value: boolean) => void;
     syncPosition: () => void;

package/es/popselect/src/styles/index.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { cB } from '../../../_utils/cssr'; // --n-menu-box-shadow
+
+export default cB('popselect-menu', `
+ box-shadow: var(--n-menu-box-shadow);
+`);

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

@@ -1,4 +1,10 @@
-declare const popselectLight: import("../../_mixins").Theme<"Popselect", unknown, {
+import { ThemeCommonVars } from '../../config-provider';
+export declare function self(vars: ThemeCommonVars): {
+    menuBoxShadow: string;
+};
+declare const popselectLight: import("../../_mixins").Theme<"Popselect", {
+    menuBoxShadow: string;
+}, {
     Popover: import("../../_mixins").Theme<"Popover", {
         fontSize: string;
         borderRadius: string;

package/es/popselect/styles/light.js

@@ -2,12 +2,19 @@ import { internalSelectMenuLight } from '../../_internal/select-menu/styles';
 import { commonLight } from '../../_styles/common';
 import { popoverLight } from '../../popover/styles';
 import { createTheme } from '../../_mixins';
+export function self(vars) {
+    const { boxShadow2 } = vars;
+    return {
+        menuBoxShadow: boxShadow2
+    };
+}
 const popselectLight = createTheme({
     name: 'Popselect',
     common: commonLight,
     peers: {
         Popover: popoverLight,
         InternalSelectMenu: internalSelectMenuLight
-    }
+    },
+    self
 });
 export default popselectLight;

package/es/select/src/Select.d.ts

@@ -997,7 +997,7 @@ declare const _default: import("vue").DefineComponent<{
     localizedPlaceholder: import("vue").ComputedRef<string>;
     selectedOption: import("vue").ComputedRef<SelectOption | null>;
     selectedOptions: import("vue").ComputedRef<SelectOption[] | null>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     focused: import("vue").Ref<boolean>;
     activeWithoutMenuOpen: import("vue").Ref<boolean>;
@@ -1111,12 +1111,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/select/src/Select.js

@@ -608,7 +608,7 @@ export default defineComponent({
                                         this.themeClass,
                                         (_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.class
                                     ], clsPrefix: this.mergedClsPrefix, focusable: true, autoPending: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
-                                        .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: 'medium', renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), {
+                                        .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: "medium", renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), {
                                     empty: () => { var _a, _b; return [(_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)]; },
                                     action: () => { var _a, _b; return [(_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
                                 }), this.displayDirective === 'show'

package/es/select/src/interface.d.ts

@@ -34,7 +34,7 @@ export declare type Value = ValueAtom | string[] | number[] | ValueAtom[];
 export declare type OnUpdateValue = (value: string & number & ValueAtom & string[] & number[] & ValueAtom[] & (ValueAtom | null) & (string[] | null) & (number[] | null) & (ValueAtom[] | null), option: SelectBaseOption & null & SelectBaseOption[]) => void;
 export declare type OnUpdateValueImpl = (value: ValueAtom | string[] | number[] | ValueAtom[] | (ValueAtom | null) | (string[] | null) | (number[] | null) | (ValueAtom[] | null), option: SelectBaseOption | null | SelectBaseOption[]) => void;
 export declare type SelectTreeMate = TreeMate<SelectBaseOption, SelectGroupOption, SelectIgnoredOption>;
-export declare type Size = 'small' | 'medium' | 'large';
+export declare type Size = 'tiny' | 'small' | 'medium' | 'large';
 export declare type SelectOption = SelectBaseOption<string | number>;
 export declare type SelectGroupOption = (SelectGroupOptionBase & {
     /** @deprecated should use key and label instead */

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

@@ -1,5 +1,5 @@
 import { cB, c } from '../../../_utils/cssr';
-import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // --n-menu-box-shadow
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // --n-menu-box-shadow
 
 export default c([cB('select', `
  z-index: auto;

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

@@ -1,5 +1,5 @@
 import { cB, c, cM, cE, insideModal, insidePopover } 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-dot-border
 // --n-dot-border-active

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

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

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

@@ -1,5 +1,5 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
-import iconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr'; // vars:
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr'; // vars:
 // --n-bezier
 // --n-description-text-color
 // --n-header-text-color

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

@@ -1,4 +1,4 @@
-import iconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr';
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr'; // vars:
 // --n-bezier
 // --n-button-border-radius

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

@@ -180,14 +180,15 @@ export default cB('tabs', `
  flex-grow: 0;
  flex-shrink: 0;
  `), cM('line-type, bar-type', [cB('tabs-tab', `
- font-weight: var(--n-tab-font-weight-active);
+ font-weight: var(--n-tab-font-weight);
  box-sizing: border-box;
  vertical-align: bottom;
  `, [c('&:hover', {
   color: 'var(--n-tab-text-color-hover)'
-}), cM('active', {
-  color: 'var(--n-tab-text-color-active)'
-}), cM('disabled', {
+}), cM('active', `
+ color: var(--n-tab-text-color-active);
+ font-weight: var(--n-tab-font-weight-active);
+ `), cM('disabled', {
   color: 'var(--n-tab-text-color-disabled)'
 })])]), cB('tabs-nav', [cM('line-type', [cE('prefix, suffix', `
  transition: border-color .3s var(--n-bezier);

package/es/tag/src/Tag.d.ts

@@ -31,7 +31,7 @@ declare const tagProps: {
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -40,11 +40,13 @@ declare const tagProps: {
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -94,6 +96,7 @@ declare const tagProps: {
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -102,11 +105,13 @@ declare const tagProps: {
         closeMarginRtl: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -156,6 +161,7 @@ declare const tagProps: {
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -164,11 +170,13 @@ declare const tagProps: {
         closeMarginRtl: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -218,6 +226,7 @@ declare const tagProps: {
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -256,7 +265,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -265,11 +274,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -319,6 +330,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -327,11 +339,13 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -381,6 +395,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -389,11 +404,13 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -443,6 +460,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -514,7 +532,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -523,11 +541,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     theme: PropType<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -577,6 +597,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -585,11 +606,13 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -639,6 +662,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -647,11 +671,13 @@ declare const _default: import("vue").DefineComponent<{
         closeMarginRtl: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+        heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
         borderRadius: string;
         opacityDisabled: string;
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -701,6 +727,7 @@ declare const _default: import("vue").DefineComponent<{
         closeColorError: string;
         closeColorHoverError: string;
         closeColorPressedError: string;
+        closeSizeTiny: string;
         closeSizeSmall: string;
         closeSizeMedium: string;
         closeSizeLarge: string;
@@ -711,7 +738,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: "default" | "error" | "primary" | "info" | "success" | "warning";
     round: boolean;
-    size: "small" | "medium" | "large";
+    size: "small" | "medium" | "large" | "tiny";
     disabled: boolean | undefined;
     checked: boolean;
     bordered: boolean | undefined;