naive-ui 2.28.3 → 2.29.0

package/lib/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/lib/popselect/src/Popselect.js

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

package/lib/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/lib/popselect/src/PopselectPanel.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.panelPropKeys = exports.panelProps = void 0;
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
@@ -9,7 +12,9 @@ const utils_1 = require("../../select/src/utils");
 const _mixins_1 = require("../../_mixins");
 const _internal_1 = require("../../_internal");
 const _utils_1 = require("../../_utils");
+const styles_1 = require("../styles");
 const interface_1 = require("./interface");
+const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.panelProps = {
     multiple: Boolean,
     value: {
@@ -48,7 +53,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NPopselect = (0, vue_1.inject)(interface_1.popselectInjectionKey);
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const themeRef = (0, _mixins_1.useTheme)('Popselect', '-pop-select', index_cssr_1.default, styles_1.popselectLight, NPopselect.props, mergedClsPrefixRef);
         const treeMateRef = (0, vue_1.computed)(() => {
             return (0, treemate_1.createTreeMate)(props.options, utils_1.tmOptions);
         });
@@ -121,16 +127,30 @@ exports.default = (0, vue_1.defineComponent)({
                 NPopselect.syncPosition();
             });
         });
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { self: { menuBoxShadow } } = themeRef.value;
+            return {
+                '--n-menu-box-shadow': menuBoxShadow
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.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 ((0, vue_1.h)(_internal_1.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 ((0, vue_1.h)(_internal_1.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/lib/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/lib/popselect/src/styles/index.cssr.d.ts

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

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr"); // --n-menu-box-shadow
+
+
+exports.default = (0, cssr_1.cB)('popselect-menu', `
+ box-shadow: var(--n-menu-box-shadow);
+`);

package/lib/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/lib/popselect/styles/light.js

@@ -1,15 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.self = void 0;
 const styles_1 = require("../../_internal/select-menu/styles");
 const common_1 = require("../../_styles/common");
 const styles_2 = require("../../popover/styles");
 const _mixins_1 = require("../../_mixins");
+function self(vars) {
+    const { boxShadow2 } = vars;
+    return {
+        menuBoxShadow: boxShadow2
+    };
+}
+exports.self = self;
 const popselectLight = (0, _mixins_1.createTheme)({
     name: 'Popselect',
     common: common_1.commonLight,
     peers: {
         Popover: styles_2.popoverLight,
         InternalSelectMenu: styles_1.internalSelectMenuLight
-    }
+    },
+    self
 });
 exports.default = popselectLight;

package/lib/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/lib/select/src/Select.js

@@ -613,7 +613,7 @@ exports.default = (0, vue_1.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/lib/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/lib/select/src/styles/index.cssr.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // --n-menu-box-shadow
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // --n-menu-box-shadow
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('select', `
@@ -23,4 +17,4 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('select', `
  `), (0, cssr_1.cB)('select-menu', `
  margin: 4px 0;
  box-shadow: var(--n-menu-box-shadow);
- `, [(0, fade_in_scale_up_cssr_1.default)()])]);
+ `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)()])]);

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // vars:
 // --n-bezier
 // --n-dot-border
 // --n-dot-border-active
@@ -195,7 +189,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('slider', `
  color: var(--n-indicator-text-color);
  background-color: var(--n-indicator-color);
  box-shadow: var(--n-indicator-box-shadow);
- `, [(0, fade_in_scale_up_cssr_1.default)()]), (0, cssr_1.cB)('slider-handle-indicator', `
+ `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)()]), (0, cssr_1.cB)('slider-handle-indicator', `
  font-size: var(--n-font-size);
  padding: 6px 10px;
  border-radius: var(--n-indicator-border-radius);
@@ -210,7 +204,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('slider', `
  margin-top: 12px;
  `), (0, cssr_1.cM)('left', `
  margin-right: 12px;
- `), (0, fade_in_scale_up_cssr_1.default)()]), (0, cssr_1.insideModal)((0, cssr_1.cB)('slider', [(0, cssr_1.cB)('slider-dot', {
+ `), (0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)()]), (0, cssr_1.insideModal)((0, cssr_1.cB)('slider', [(0, cssr_1.cB)('slider-dot', {
   backgroundColor: 'var(--n-dot-color-modal)'
 })])), (0, cssr_1.insidePopover)((0, cssr_1.cB)('slider', [(0, cssr_1.cB)('slider-dot', {
   backgroundColor: 'var(--n-dot-color-popover)'

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const fade_in_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in.cssr")); // vars:
+const fade_in_cssr_1 = require("../../../_styles/transitions/fade-in.cssr"); // vars:
 // --n-bezier
 // --n-opacity-spinning
 // --n-size
@@ -35,7 +29,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes spin-rotate', `
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
- `, [(0, fade_in_cssr_1.default)()])]), (0, cssr_1.cB)('spin-body', `
+ `, [(0, fade_in_cssr_1.fadeInTransition)()])]), (0, cssr_1.cB)('spin-body', `
  display: inline-flex;
  align-items: center;
  justify-content: center;

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const icon_switch_cssr_1 = __importDefault(require("../../../_styles/transitions/icon-switch.cssr")); // vars:
+const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr"); // vars:
 // --n-bezier
 // --n-description-text-color
 // --n-header-text-color
@@ -97,13 +91,13 @@ exports.default = (0, cssr_1.cB)('steps', `
  line-height: var(--n-indicator-icon-size);
  color: var(--n-indicator-text-color);
  transition: color .3s var(--n-bezier);
- `, [(0, icon_switch_cssr_1.default)()]), (0, cssr_1.cB)('icon', `
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cB)('icon', `
  color: var(--n-indicator-text-color);
  transition: color .3s var(--n-bezier);
- `, [(0, icon_switch_cssr_1.default)()]), (0, cssr_1.cB)('base-icon', `
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cB)('base-icon', `
  color: var(--n-indicator-text-color);
  transition: color .3s var(--n-bezier);
- `, [(0, icon_switch_cssr_1.default)()])])]), (0, cssr_1.cM)('vertical', 'flex-direction: column;', [(0, cssr_1.cNotM)('show-description', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'padding-bottom: 8px;')])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'margin-bottom: 16px;', [(0, cssr_1.c)('&:last-child', 'margin-bottom: 0;'), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step-indicator', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()])])]), (0, cssr_1.cM)('vertical', 'flex-direction: column;', [(0, cssr_1.cNotM)('show-description', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'padding-bottom: 8px;')])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'margin-bottom: 16px;', [(0, cssr_1.c)('&:last-child', 'margin-bottom: 0;'), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step-indicator', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
  position: absolute;
  bottom: -8px;
  width: 1px;

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

@@ -1,16 +1,10 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-const icon_switch_cssr_1 = __importDefault(require("../../../_styles/transitions/icon-switch.cssr"));
+const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-bezier
@@ -63,7 +57,7 @@ exports.default = (0, cssr_1.cB)('switch', `
  font-size: calc(var(--n-button-width) - 4px);
  color: var(--n-loading-color);
  transition: color .3s var(--n-bezier);
- `, [(0, icon_switch_cssr_1.default)({
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)({
   left: '50%',
   top: '50%',
   originalTransform: 'translateX(-50%) translateY(-50%)'
@@ -111,7 +105,7 @@ exports.default = (0, cssr_1.cB)('switch', `
  justify-content: center;
  align-items: center;
  line-height: 1;
- `, [(0, icon_switch_cssr_1.default)()]), (0, cssr_1.cE)('button', `
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cE)('button', `
  align-items: center; 
  top: var(--n-offset);
  left: var(--n-offset);

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

@@ -187,14 +187,15 @@ exports.default = (0, cssr_1.cB)('tabs', `
  flex-grow: 0;
  flex-shrink: 0;
  `), (0, cssr_1.cM)('line-type, bar-type', [(0, cssr_1.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;
  `, [(0, cssr_1.c)('&:hover', {
   color: 'var(--n-tab-text-color-hover)'
-}), (0, cssr_1.cM)('active', {
-  color: 'var(--n-tab-text-color-active)'
-}), (0, cssr_1.cM)('disabled', {
+}), (0, cssr_1.cM)('active', `
+ color: var(--n-tab-text-color-active);
+ font-weight: var(--n-tab-font-weight-active);
+ `), (0, cssr_1.cM)('disabled', {
   color: 'var(--n-tab-text-color-disabled)'
 })])]), (0, cssr_1.cB)('tabs-nav', [(0, cssr_1.cM)('line-type', [(0, cssr_1.cE)('prefix, suffix', `
  transition: border-color .3s var(--n-bezier);