naive-ui 2.38.2 → 2.40.0

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

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
 import { type TreeNode } from 'treemate';
-import type { SelectOption, SelectGroupOption, SelectIgnoredOption, Value, SelectTreeMate } from '../../../select/src/interface';
-import type { RenderLabel, Size, RenderOption, NodeProps } from './interface';
+import type { SelectGroupOption, SelectIgnoredOption, SelectOption, SelectTreeMate, Value } from '../../../select/src/interface';
+import type { NodeProps, RenderLabel, RenderOption, Size } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -67,10 +67,12 @@ declare const _default: import("vue").DefineComponent<{
     inlineThemeDisabled: BooleanConstructor;
     onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -91,10 +93,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -107,11 +111,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -119,6 +126,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -126,10 +134,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>;
     themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -150,10 +160,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -166,11 +178,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -178,6 +193,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -185,10 +201,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -209,10 +227,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -225,11 +245,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -237,6 +260,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -245,120 +269,18 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     selfRef: import("vue").Ref<HTMLElement | null>;
-    getPendingTmNode: () => TreeNode<import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>> | null;
+    getPendingTmNode: () => TreeNode<import("../../../select/src/interface").SelectBaseOption> | null;
     prev: () => void;
     next: () => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            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;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../../..").ThemeCommonVars;
         self: {
+            optionFontSizeTiny: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
             optionFontSizeHuge: string;
+            optionHeightTiny: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
@@ -379,10 +301,12 @@ declare const _default: import("vue").DefineComponent<{
             actionTextColor: string;
             loadingColor: string;
             height: string;
+            paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
+            optionPaddingTiny: string;
             optionPaddingSmall: string;
             optionPaddingMedium: string;
             optionPaddingLarge: string;
@@ -396,11 +320,14 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Empty: import("../../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -408,6 +335,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;
@@ -432,7 +360,7 @@ declare const _default: import("vue").DefineComponent<{
     virtualListRef: import("vue").Ref<{
         listElRef: HTMLElement;
         itemsElRef: HTMLElement | null;
-        scrollTo: import("vueuc").VirtualListScrollTo;
+        scrollTo: import("vueuc").VVirtualListScrollTo;
     } | null>;
     scrollbarRef: import("vue").Ref<{
         $el: HTMLElement;
@@ -552,10 +480,12 @@ declare const _default: import("vue").DefineComponent<{
     inlineThemeDisabled: BooleanConstructor;
     onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -576,10 +506,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -592,11 +524,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -604,6 +539,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -611,10 +547,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>;
     themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -635,10 +573,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -651,11 +591,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -663,6 +606,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -670,10 +614,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -694,10 +640,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -710,11 +658,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -722,6 +673,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;

package/es/_internal/select-menu/src/SelectMenu.mjs

@@ -1,4 +1,4 @@
-import { h, ref, onMounted, computed, defineComponent, toRef, provide, nextTick, watch, onBeforeUnmount } from 'vue';
+import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, provide, ref, toRef, watch } from 'vue';
 import { createIndexGetter } from 'treemate';
 import { VirtualList } from 'vueuc';
 import { depx, getPadding, happensIn } from 'seemly';
@@ -6,13 +6,13 @@ import { NEmpty } from "../../../empty/index.mjs";
 import { NScrollbar } from "../../scrollbar/index.mjs";
 import { resolveSlot, resolveWrappedSlot, useOnResize } from "../../../_utils/index.mjs";
 import { createKey } from "../../../_utils/cssr/index.mjs";
-import { useThemeClass, useTheme, useRtl, useConfig } from "../../../_mixins/index.mjs";
+import { useConfig, useRtl, useTheme, useThemeClass } from "../../../_mixins/index.mjs";
 import NInternalLoading from "../../loading/index.mjs";
 import NFocusDetector from "../../focus-detector/index.mjs";
 import { internalSelectMenuLight } from "../styles/index.mjs";
 import NSelectOption from "./SelectOption.mjs";
 import NSelectGroupHeader from "./SelectGroupHeader.mjs";
-import { internalSelectionMenuInjectionKey, internalSelectionMenuBodyInjectionKey } from "./interface.mjs";
+import { internalSelectionMenuBodyInjectionKey, internalSelectionMenuInjectionKey } from "./interface.mjs";
 import style from "./styles/index.cssr.mjs";
 export default defineComponent({
   name: 'InternalSelectMenu',
@@ -490,7 +490,8 @@ export default defineComponent({
       "data-empty": true
     }, resolveSlot($slots.empty, () => [h(NEmpty, {
       theme: mergedTheme.peers.Empty,
-      themeOverrides: mergedTheme.peerOverrides.Empty
+      themeOverrides: mergedTheme.peerOverrides.Empty,
+      size: this.size
     })])), resolveWrappedSlot($slots.action, children => children && [h("div", {
       class: `${clsPrefix}-base-select-menu__action`,
       "data-action": true,

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

@@ -1,5 +1,5 @@
 import { type PropType, type Ref } from 'vue';
-import { type TreeNode } from 'treemate';
+import type { TreeNode } from 'treemate';
 import type { SelectOption } from '../../../select/src/interface';
 import { type RenderLabelImpl, type RenderOptionImpl } from './interface';
 declare const _default: import("vue").DefineComponent<{
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<SelectOption, SelectOption, SelectOption>>;
+        type: PropType<TreeNode<SelectOption>>;
         required: true;
     };
 }, {
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<SelectOption, SelectOption, SelectOption>>;
+        type: PropType<TreeNode<SelectOption>>;
         required: true;
     };
 }>>, {}, {}>;

package/es/_internal/select-menu/src/SelectOption.mjs

@@ -1,6 +1,6 @@
-import { h, inject, defineComponent, Transition } from 'vue';
+import { Transition, defineComponent, h, inject } from 'vue';
 import { useMemo } from 'vooks';
-import { render, mergeEventHandlers } from "../../../_utils/index.mjs";
+import { mergeEventHandlers, render } from "../../../_utils/index.mjs";
 import { CheckmarkIcon } from "../../icons/index.mjs";
 import { NBaseIcon } from "../../icon/index.mjs";
 import { internalSelectionMenuInjectionKey } from "./interface.mjs";
@@ -42,7 +42,6 @@ export default defineComponent({
       nodePropsRef,
       handleOptionClick,
       handleOptionMouseEnter
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     } = inject(internalSelectionMenuInjectionKey);
     const isPendingRef = useMemo(() => {
       const {

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

@@ -1,7 +1,7 @@
-import type { VNodeChild, Ref, UnwrapRef, VNode, HTMLAttributes } from 'vue';
+import type { HTMLAttributes, Ref, UnwrapRef, VNode, VNodeChild } from 'vue';
 import type { TreeNode } from 'treemate';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../../select/src/interface';
-export type Size = 'small' | 'medium' | 'large' | 'huge';
+export type Size = 'tiny' | 'small' | 'medium' | 'large' | 'huge';
 export type RenderLabel = (option: SelectBaseOption & SelectGroupOption & SelectIgnoredOption, selected: boolean) => VNodeChild;
 export type RenderLabelImpl = (option: SelectBaseOption | SelectGroupOption | SelectIgnoredOption, selected: boolean) => VNodeChild;
 export type RenderOption = (info: {

package/es/_internal/select-menu/styles/_common.d.ts

@@ -1,9 +1,11 @@
 declare const _default: {
     height: string;
+    paddingTiny: string;
     paddingSmall: string;
     paddingMedium: string;
     paddingLarge: string;
     paddingHuge: string;
+    optionPaddingTiny: string;
     optionPaddingSmall: string;
     optionPaddingMedium: string;
     optionPaddingLarge: string;

package/es/_internal/select-menu/styles/_common.mjs

@@ -1,9 +1,11 @@
 export default {
   height: 'calc(var(--n-option-height) * 7.6)',
+  paddingTiny: '4px 0',
   paddingSmall: '4px 0',
   paddingMedium: '4px 0',
   paddingLarge: '4px 0',
   paddingHuge: '4px 0',
+  optionPaddingTiny: '0 12px',
   optionPaddingSmall: '0 12px',
   optionPaddingMedium: '0 12px',
   optionPaddingLarge: '0 12px',

package/es/_internal/select-menu/styles/light.d.ts

@@ -1,9 +1,11 @@
 import type { ThemeCommonVars } from '../../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
+    optionFontSizeTiny: string;
     optionFontSizeSmall: string;
     optionFontSizeMedium: string;
     optionFontSizeLarge: string;
     optionFontSizeHuge: string;
+    optionHeightTiny: string;
     optionHeightSmall: string;
     optionHeightMedium: string;
     optionHeightLarge: string;
@@ -24,10 +26,12 @@ export declare const self: (vars: ThemeCommonVars) => {
     actionTextColor: string;
     loadingColor: string;
     height: string;
+    paddingTiny: string;
     paddingSmall: string;
     paddingMedium: string;
     paddingLarge: string;
     paddingHuge: string;
+    optionPaddingTiny: string;
     optionPaddingSmall: string;
     optionPaddingMedium: string;
     optionPaddingLarge: string;
@@ -36,10 +40,12 @@ export declare const self: (vars: ThemeCommonVars) => {
 };
 export type InternalSelectMenuThemeVars = ReturnType<typeof self>;
 declare const internalSelectMenuLight: import("../../../_mixins").Theme<"InternalSelectMenu", {
+    optionFontSizeTiny: string;
     optionFontSizeSmall: string;
     optionFontSizeMedium: string;
     optionFontSizeLarge: string;
     optionFontSizeHuge: string;
+    optionHeightTiny: string;
     optionHeightSmall: string;
     optionHeightMedium: string;
     optionHeightLarge: string;
@@ -60,10 +66,12 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
     actionTextColor: string;
     loadingColor: string;
     height: string;
+    paddingTiny: string;
     paddingSmall: string;
     paddingMedium: string;
     paddingLarge: string;
     paddingHuge: string;
+    optionPaddingTiny: string;
     optionPaddingSmall: string;
     optionPaddingMedium: string;
     optionPaddingLarge: string;
@@ -76,11 +84,14 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
         borderRadius: string;
         color: string;
         colorHover: string;
-        railInsetHorizontal: string;
-        railInsetVertical: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
     Empty: import("../../../_mixins").Theme<"Empty", {
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -88,6 +99,7 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
         textColor: string;
         iconColor: string;
         extraTextColor: string;
+        iconSizeTiny: string;
         iconSizeSmall: string;
         iconSizeMedium: string;
         iconSizeLarge: string;