naive-ui 2.23.0 → 2.23.1

package/lib/form/src/FormItemRow.d.ts

@@ -28,15 +28,15 @@ declare const formItemRowProps: {
         readonly default: undefined;
     };
     theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -59,15 +59,15 @@ declare const formItemRowProps: {
         labelTextAlignHorizontal: string;
     }, any>>;
     themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -90,15 +90,15 @@ declare const formItemRowProps: {
         labelTextAlignHorizontal: string;
     }, any>>>;
     builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -173,15 +173,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -204,15 +204,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>;
     themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -235,15 +235,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>>>;
     builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -335,15 +335,15 @@ declare const _default: import("vue").DefineComponent<{
     justifyContent?: string | undefined;
     path?: string | undefined;
     theme?: import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -366,15 +366,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any> | undefined;
     themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;
@@ -397,15 +397,15 @@ declare const _default: import("vue").DefineComponent<{
         labelTextAlignHorizontal: string;
     }, any>> | undefined;
     builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
         lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
         feedbackPadding: string;
         feedbackHeightSmall: string;
         feedbackHeightMedium: string;

package/lib/form/styles/_common.d.ts

@@ -1,7 +1,4 @@
 declare const _default: {
-    blankHeightSmall: string;
-    blankHeightMedium: string;
-    blankHeightLarge: string;
     feedbackPadding: string;
     feedbackHeightSmall: string;
     feedbackHeightMedium: string;

package/lib/form/styles/_common.js

@@ -1,9 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    blankHeightSmall: '28px',
-    blankHeightMedium: '34px',
-    blankHeightLarge: '40px',
     feedbackPadding: '4px 0 0 2px',
     feedbackHeightSmall: '24px',
     feedbackHeightMedium: '24px',

package/lib/form/styles/light.d.ts

@@ -1,15 +1,15 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
+    blankHeightSmall: string;
+    blankHeightMedium: string;
+    blankHeightLarge: string;
     lineHeight: string;
     labelTextColor: string;
     asteriskColor: string;
     feedbackTextColorError: string;
     feedbackTextColorWarning: string;
     feedbackTextColor: string;
-    blankHeightSmall: string;
-    blankHeightMedium: string;
-    blankHeightLarge: string;
     feedbackPadding: string;
     feedbackHeightSmall: string;
     feedbackHeightMedium: string;

package/lib/form/styles/light.js

@@ -7,8 +7,8 @@ exports.self = void 0;
 const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
 const self = (vars) => {
-    const { textColor1, errorColor, warningColor, lineHeight, textColor3 } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { lineHeight, labelTextColor: textColor1, asteriskColor: errorColor, feedbackTextColorError: errorColor, feedbackTextColorWarning: warningColor, feedbackTextColor: textColor3 });
+    const { heightSmall, heightMedium, heightLarge, textColor1, errorColor, warningColor, lineHeight, textColor3 } = vars;
+    return Object.assign(Object.assign({}, _common_1.default), { blankHeightSmall: heightSmall, blankHeightMedium: heightMedium, blankHeightLarge: heightLarge, lineHeight, labelTextColor: textColor1, asteriskColor: errorColor, feedbackTextColorError: errorColor, feedbackTextColorWarning: warningColor, feedbackTextColor: textColor3 });
 };
 exports.self = self;
 const formLight = {

package/lib/log/src/Log.d.ts

@@ -403,12 +403,12 @@ declare const _default: import("vue").DefineComponent<{
     handleWheel: import("lodash").DebouncedFunc<(e: WheelEvent) => void>;
     handleScroll: (e: Event) => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--loader-font-size': string;
-        '--loader-border': string;
-        '--loader-color': string;
-        '--loader-text-color': string;
-        '--loading-color': string;
+        '--n-bezier': string;
+        '--n-loader-font-size': string;
+        '--n-loader-border': string;
+        '--n-loader-color': string;
+        '--n-loader-text-color': string;
+        '--n-loading-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly loading?: unknown;

package/lib/log/src/Log.js

@@ -165,12 +165,12 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { loaderFontSize, loaderTextColor, loaderColor, loaderBorder, loadingColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--loader-font-size': loaderFontSize,
-                    '--loader-border': loaderBorder,
-                    '--loader-color': loaderColor,
-                    '--loader-text-color': loaderTextColor,
-                    '--loading-color': loadingColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-loader-font-size': loaderFontSize,
+                    '--n-loader-border': loaderBorder,
+                    '--n-loader-color': loaderColor,
+                    '--n-loader-text-color': loaderTextColor,
+                    '--n-loading-color': loadingColor
                 };
             })
         };

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

@@ -13,21 +13,19 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
-// --bezier
-// --loading-color
-// --loader-border
-// --loader-color
-// --loader-text-color
-// --loader-font-size
-// --loading-color
+// --n-bezier
+// --n-loading-color
+// --n-loader-border
+// --n-loader-color
+// --n-loader-text-color
+// --n-loader-font-size
+// --n-loading-color
 
 
 exports.default = (0, cssr_1.cB)('log', `
  position: relative;
  box-sizing: border-box;
- transition:
- border-color .3s var(--bezier),
- color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
 `, [(0, cssr_1.cE)('lines', `
  margin: 0;
  white-space: pre-wrap;
@@ -35,9 +33,9 @@ exports.default = (0, cssr_1.cB)('log', `
  margin: 0;
  `), (0, cssr_1.cB)('log-loader', `
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  box-sizing: border-box;
  position: absolute;
  right: 16px;
@@ -47,10 +45,10 @@ exports.default = (0, cssr_1.cB)('log', `
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
- border: var(--loader-border);
- color: var(--loader-text-color);
- background-color: var(--loader-color);
- font-size: var(--loader-font-size);
+ border: var(--n-loader-border);
+ color: var(--n-loader-text-color);
+ background-color: var(--n-loader-color);
+ font-size: var(--n-loader-font-size);
  `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cE)('content', `
  display: inline-block;
  vertical-align: bottom;
@@ -59,7 +57,7 @@ exports.default = (0, cssr_1.cB)('log', `
  padding-right: 20px;
  white-space: nowrap;
  `), (0, cssr_1.cB)('base-loading', `
- color: var(--loading-color);
+ color: var(--n-loading-color);
  position: absolute;
  left: 12px;
  top: calc(50% - 10px);

package/lib/steps/src/Step.d.ts

@@ -26,18 +26,18 @@ declare const _default: import("vue").DefineComponent<{
     vertical: import("vue").ComputedRef<boolean>;
     mergedStatus: import("vue").ComputedRef<"wait" | "error" | "finish" | "process">;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--description-text-color': string;
-        '--header-text-color': string;
-        '--indicator-border-color': string;
-        '--indicator-color': string;
-        '--indicator-icon-size': string;
-        '--indicator-index-font-size': string;
-        '--indicator-size': string;
-        '--indicator-text-color': string;
-        '--splitor-color': string;
-        '--step-header-font-size': string;
-        '--step-header-font-weight': string;
+        '--n-bezier': string;
+        '--n-description-text-color': string;
+        '--n-header-text-color': string;
+        '--n-indicator-border-color': string;
+        '--n-indicator-color': string;
+        '--n-indicator-icon-size': string;
+        '--n-indicator-index-font-size': string;
+        '--n-indicator-size': string;
+        '--n-indicator-text-color': string;
+        '--n-splitor-color': string;
+        '--n-step-header-font-size': string;
+        '--n-step-header-font-weight': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly status?: unknown;

package/lib/steps/src/Step.js

@@ -58,18 +58,18 @@ exports.default = (0, vue_1.defineComponent)({
                 const { size } = stepsProps;
                 const { common: { cubicBezierEaseInOut }, self: { stepHeaderFontWeight, [(0, _utils_1.createKey)('stepHeaderFontSize', size)]: stepHeaderFontSize, [(0, _utils_1.createKey)('indicatorIndexFontSize', size)]: indicatorIndexFontSize, [(0, _utils_1.createKey)('indicatorSize', size)]: indicatorSize, [(0, _utils_1.createKey)('indicatorIconSize', size)]: indicatorIconSize, [(0, _utils_1.createKey)('indicatorTextColor', status)]: indicatorTextColor, [(0, _utils_1.createKey)('indicatorBorderColor', status)]: indicatorBorderColor, [(0, _utils_1.createKey)('headerTextColor', status)]: headerTextColor, [(0, _utils_1.createKey)('splitorColor', status)]: splitorColor, [(0, _utils_1.createKey)('indicatorColor', status)]: indicatorColor, [(0, _utils_1.createKey)('descriptionTextColor', status)]: descriptionTextColor } } = mergedThemeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--description-text-color': descriptionTextColor,
-                    '--header-text-color': headerTextColor,
-                    '--indicator-border-color': indicatorBorderColor,
-                    '--indicator-color': indicatorColor,
-                    '--indicator-icon-size': indicatorIconSize,
-                    '--indicator-index-font-size': indicatorIndexFontSize,
-                    '--indicator-size': indicatorSize,
-                    '--indicator-text-color': indicatorTextColor,
-                    '--splitor-color': splitorColor,
-                    '--step-header-font-size': stepHeaderFontSize,
-                    '--step-header-font-weight': stepHeaderFontWeight
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-description-text-color': descriptionTextColor,
+                    '--n-header-text-color': headerTextColor,
+                    '--n-indicator-border-color': indicatorBorderColor,
+                    '--n-indicator-color': indicatorColor,
+                    '--n-indicator-icon-size': indicatorIconSize,
+                    '--n-indicator-index-font-size': indicatorIndexFontSize,
+                    '--n-indicator-size': indicatorSize,
+                    '--n-indicator-text-color': indicatorTextColor,
+                    '--n-splitor-color': splitorColor,
+                    '--n-step-header-font-size': stepHeaderFontSize,
+                    '--n-step-header-font-weight': stepHeaderFontWeight
                 };
             })
         };

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

@@ -13,18 +13,18 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const icon_switch_cssr_1 = __importDefault(require("../../../_styles/transitions/icon-switch.cssr")); // vars:
-// --bezier
-// --description-text-color
-// --header-text-color
-// --indicator-border-color
-// --indicator-color
-// --indicator-icon-size
-// --indicator-index-font-size
-// --indicator-size
-// --indicator-text-color
-// --splitor-color
-// --step-header-font-size
-// --step-header-font-weight
+// --n-bezier
+// --n-description-text-color
+// --n-header-text-color
+// --n-indicator-border-color
+// --n-indicator-color
+// --n-indicator-icon-size
+// --n-indicator-index-font-size
+// --n-indicator-size
+// --n-indicator-text-color
+// --n-splitor-color
+// --n-step-header-font-size
+// --n-step-header-font-weight
 
 
 exports.default = (0, cssr_1.cB)('steps', `
@@ -37,73 +37,73 @@ exports.default = (0, cssr_1.cB)('steps', `
  `, [(0, cssr_1.c)('&:last-child', [(0, cssr_1.cB)('step-splitor', {
   display: 'none'
 })])]), (0, cssr_1.cB)('step-splitor', `
- background-color: var(--splitor-color);
- margin-top: calc(var(--step-header-font-size) / 2);
+ background-color: var(--n-splitor-color);
+ margin-top: calc(var(--n-step-header-font-size) / 2);
  height: 1px;
  flex: 1;
  align-self: flex-start;
  margin-left: 12px;
  margin-right: 12px;
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `), (0, cssr_1.cB)('step-content', {
   flex: 1
 }, [(0, cssr_1.cB)('step-content-header', `
- color: var(--header-text-color);
- margin-top: calc(var(--indicator-size) / 2 - var(--step-header-font-size) / 2);
- line-height: var(--step-header-font-size);
- font-size: var(--step-header-font-size);
+ color: var(--n-header-text-color);
+ margin-top: calc(var(--n-indicator-size) / 2 - var(--n-step-header-font-size) / 2);
+ line-height: var(--n-step-header-font-size);
+ font-size: var(--n-step-header-font-size);
  position: relative;
  display: flex;
- font-weight: var(--step-header-font-weight);
+ font-weight: var(--n-step-header-font-weight);
  margin-left: 9px;
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `, [(0, cssr_1.cE)('title', `
  white-space: nowrap;
  flex: 0;
  `)]), (0, cssr_1.cE)('description', `
- color: var(--description-text-color);
+ color: var(--n-description-text-color);
  margin-top: 12px;
  margin-left: 9px;
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `)]), (0, cssr_1.cB)('step-indicator', `
- background-color: var(--indicator-color);
- box-shadow: 0 0 0 1px var(--indicator-border-color);
- height: var(--indicator-size);
- width: var(--indicator-size);
+ background-color: var(--n-indicator-color);
+ box-shadow: 0 0 0 1px var(--n-indicator-border-color);
+ height: var(--n-indicator-size);
+ width: var(--n-indicator-size);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
- background-color .3s var(--bezier),
- box-shadow .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
  `, [(0, cssr_1.cB)('step-indicator-slot', `
  position: relative;
- width: var(--indicator-icon-size);
- height: var(--indicator-icon-size);
- font-size: var(--indicator-icon-size);
- line-height: var(--indicator-icon-size);
+ width: var(--n-indicator-icon-size);
+ height: var(--n-indicator-icon-size);
+ font-size: var(--n-indicator-icon-size);
+ line-height: var(--n-indicator-icon-size);
  `, [(0, cssr_1.cE)('index', `
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
- font-size: var(--indicator-index-font-size);
- width: var(--indicator-icon-size);
- height: var(--indicator-icon-size);
- line-height: var(--indicator-icon-size);
- color: var(--indicator-text-color);
- transition: color .3s var(--bezier);
+ font-size: var(--n-indicator-index-font-size);
+ width: var(--n-indicator-icon-size);
+ height: var(--n-indicator-icon-size);
+ 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)('base-icon', `
- color: var(--indicator-text-color);
- transition: color .3s var(--bezier);
+ color: var(--n-indicator-text-color);
+ transition: color .3s var(--n-bezier);
  `, [(0, icon_switch_cssr_1.default)()])])]), (0, cssr_1.cM)('vertical', {
   flexDirection: 'column'
 }, [(0, cssr_1.cNotM)('show-description', [(0, cssr_1.cB)('step', {
@@ -113,8 +113,8 @@ exports.default = (0, cssr_1.cB)('steps', `
 }, [(0, cssr_1.c)('&:last-child', {
   marginBottom: 0
 })]), (0, cssr_1.cB)('step-splitor', `
- left: calc(var(--indicator-size) / 2);
- height: calc(100% - var(--indicator-size));
+ left: calc(var(--n-indicator-size) / 2);
+ height: calc(100% - var(--n-indicator-size));
  `), (0, cssr_1.cB)('step-indicator', [(0, cssr_1.cB)('step-splitor', `
  position: absolute;
  bottom: -8px;

package/lib/switch/src/Switch.d.ts

@@ -278,25 +278,25 @@ declare const _default: import("vue").DefineComponent<{
     checked: import("vue").ComputedRef<boolean>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--button-border-radius': string;
-        '--button-box-shadow': string;
-        '--button-color': string;
-        '--button-width': string;
-        '--button-width-pressed': string;
-        '--button-height': string;
-        '--height': string;
-        '--offset': string;
-        '--opacity-disabled': string;
-        '--rail-border-radius': string;
-        '--rail-color': string;
-        '--rail-color-active': string;
-        '--rail-height': string;
-        '--rail-width': string;
-        '--width': string;
-        '--box-shadow-focus': string;
-        '--loading-color': string;
-        '--text-color': string;
+        '--n-bezier': string;
+        '--n-button-border-radius': string;
+        '--n-button-box-shadow': string;
+        '--n-button-color': string;
+        '--n-button-width': string;
+        '--n-button-width-pressed': string;
+        '--n-button-height': string;
+        '--n-height': string;
+        '--n-offset': string;
+        '--n-opacity-disabled': string;
+        '--n-rail-border-radius': string;
+        '--n-rail-color': string;
+        '--n-rail-color-active': string;
+        '--n-rail-height': string;
+        '--n-rail-width': string;
+        '--n-width': string;
+        '--n-box-shadow-focus': string;
+        '--n-loading-color': string;
+        '--n-text-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly size?: unknown;

package/lib/switch/src/Switch.js

@@ -143,25 +143,25 @@ exports.default = (0, vue_1.defineComponent)({
                     ? railWidth
                     : (0, seemly_1.pxfy)((0, seemly_1.depx)(railWidth) + (0, seemly_1.depx)(buttonHeight) - (0, seemly_1.depx)(railHeight));
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--button-border-radius': buttonBorderRadius,
-                    '--button-box-shadow': buttonBoxShadow,
-                    '--button-color': buttonColor,
-                    '--button-width': buttonWidth,
-                    '--button-width-pressed': buttonWidthPressed,
-                    '--button-height': buttonHeight,
-                    '--height': height,
-                    '--offset': offset,
-                    '--opacity-disabled': opacityDisabled,
-                    '--rail-border-radius': railBorderRadius,
-                    '--rail-color': railColor,
-                    '--rail-color-active': railColorActive,
-                    '--rail-height': railHeight,
-                    '--rail-width': railWidth,
-                    '--width': width,
-                    '--box-shadow-focus': boxShadowFocus,
-                    '--loading-color': loadingColor,
-                    '--text-color': textColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-button-border-radius': buttonBorderRadius,
+                    '--n-button-box-shadow': buttonBoxShadow,
+                    '--n-button-color': buttonColor,
+                    '--n-button-width': buttonWidth,
+                    '--n-button-width-pressed': buttonWidthPressed,
+                    '--n-button-height': buttonHeight,
+                    '--n-height': height,
+                    '--n-offset': offset,
+                    '--n-opacity-disabled': opacityDisabled,
+                    '--n-rail-border-radius': railBorderRadius,
+                    '--n-rail-color': railColor,
+                    '--n-rail-color-active': railColorActive,
+                    '--n-rail-height': railHeight,
+                    '--n-rail-width': railWidth,
+                    '--n-width': width,
+                    '--n-box-shadow-focus': boxShadowFocus,
+                    '--n-loading-color': loadingColor,
+                    '--n-text-color': textColor
                 };
             })
         };