naive-ui 2.23.1 → 2.23.2

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --bezier
-// --item-color
-// --item-color-active
+// --n-bezier
+// --n-item-color
+// --n-item-color-active
 
 
 exports.default = (0, cssr_1.cB)('rate', {
@@ -15,21 +15,21 @@ exports.default = (0, cssr_1.cB)('rate', {
   flexWrap: 'nowrap'
 }, [(0, cssr_1.c)('&:hover', [(0, cssr_1.cE)('item', `
  transition:
- transform .1s var(--bezier),
- color .3s var(--bezier);
+ transform .1s var(--n-bezier),
+ color .3s var(--n-bezier);
  `)]), (0, cssr_1.cE)('item', `
  position: relative;
  display: flex;
  transition:
- transform .1s var(--bezier),
- color .3s var(--bezier);
+ transform .1s var(--n-bezier),
+ color .3s var(--n-bezier);
  transform: scale(1);
- font-size: var(--item-size);
- color: var(--item-color);
+ font-size: var(--n-item-size);
+ color: var(--n-item-color);
  `, [(0, cssr_1.c)('&:not(:first-child)', {
   marginLeft: '6px'
 }), (0, cssr_1.cM)('active', {
-  color: 'var(--item-color-active)'
+  color: 'var(--n-item-color-active)'
 })]), (0, cssr_1.cNotM)('readonly', `
  cursor: pointer;
  `, [(0, cssr_1.cE)('item', [(0, cssr_1.c)('&:hover', {
@@ -47,5 +47,5 @@ exports.default = (0, cssr_1.cB)('rate', {
  overflow: hidden;
  color: rgba(255, 255, 255, 0);
  `, [(0, cssr_1.cM)('active', {
-  color: 'var(--item-color-active)'
+  color: 'var(--n-item-color-active)'
 })])]);

package/lib/result/src/Result.d.ts

@@ -183,15 +183,15 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--icon-size': string;
-        '--line-height': string;
-        '--text-color': string;
-        '--title-font-size': string;
-        '--title-font-weight': string;
-        '--title-text-color': string;
-        '--icon-color': string | undefined;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-icon-size': string;
+        '--n-line-height': string;
+        '--n-text-color': string;
+        '--n-title-font-size': string;
+        '--n-title-font-weight': string;
+        '--n-title-text-color': string;
+        '--n-icon-color': string | undefined;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     size?: unknown;

package/lib/result/src/Result.js

@@ -45,15 +45,15 @@ exports.default = (0, vue_1.defineComponent)({
                 const { size, status } = props;
                 const { common: { cubicBezierEaseInOut }, self: { textColor, lineHeight, titleTextColor, titleFontWeight, [(0, _utils_1.createKey)('iconColor', status)]: iconColor, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('titleFontSize', size)]: titleFontSize, [(0, _utils_1.createKey)('iconSize', size)]: iconSize } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': fontSize,
-                    '--icon-size': iconSize,
-                    '--line-height': lineHeight,
-                    '--text-color': textColor,
-                    '--title-font-size': titleFontSize,
-                    '--title-font-weight': titleFontWeight,
-                    '--title-text-color': titleTextColor,
-                    '--icon-color': iconColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': fontSize,
+                    '--n-icon-size': iconSize,
+                    '--n-line-height': lineHeight,
+                    '--n-text-color': textColor,
+                    '--n-title-font-size': titleFontSize,
+                    '--n-title-font-weight': titleFontWeight,
+                    '--n-title-text-color': titleTextColor,
+                    '--n-icon-color': iconColor
                 };
             })
         };

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

@@ -4,29 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-const cssr_1 = require("../../../_utils/cssr"); // --bezier
-// --font-size
-// --icon-size
-// --line-height
-// --text-color
-// --title-font-size
-// --title-font-weight
-// --title-text-color
+const cssr_1 = require("../../../_utils/cssr"); // --n-bezier
+// --n-font-size
+// --n-icon-size
+// --n-line-height
+// --n-text-color
+// --n-title-font-size
+// --n-title-font-weight
+// --n-title-text-color
 
 
 exports.default = (0, cssr_1.cB)('result', `
- color: var(--text-color);
- line-height: var(--line-height);
- font-size: var(--font-size);
+ color: var(--n-text-color);
+ line-height: var(--n-line-height);
+ font-size: var(--n-font-size);
  transition:
- color .3s var(--bezier);
+ color .3s var(--n-bezier);
 `, [(0, cssr_1.cB)('result-icon', `
  height: 1em;
  display: flex;
  justify-content: center;
- transition: color .3s var(--bezier);
- color: var(--icon-color);
- font-size: var(--icon-size);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-icon-color);
+ font-size: var(--n-icon-size);
  `, [(0, cssr_1.cE)('status-image', {
   width: '1em'
 }), (0, cssr_1.c)('svg', {
@@ -38,13 +38,13 @@ exports.default = (0, cssr_1.cB)('result', `
  text-align: center;
  `), (0, cssr_1.cB)('result-header', [(0, cssr_1.cE)('title', `
  margin-top: 16px;
- font-weight: var(--title-font-weight);
- transition: color .3s var(--bezier);
+ font-weight: var(--n-title-font-weight);
+ transition: color .3s var(--n-bezier);
  text-align: center;
- color: var(--title-text-color);
- font-size: var(--title-font-size);
+ color: var(--n-title-text-color);
+ font-size: var(--n-title-font-size);
  `), (0, cssr_1.cE)('description', `
  margin-top: 4px;
  text-align: center;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  `)])]);

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

@@ -1280,7 +1280,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
+        '--n-menu-box-shadow': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly to?: unknown;

package/lib/select/src/Select.js

@@ -580,7 +580,7 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { menuBoxShadow } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow
+                    '--n-menu-box-shadow': menuBoxShadow
                 };
             })
         };

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

@@ -12,7 +12,7 @@ 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")); // --menu-box-shadow
+const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // --n-menu-box-shadow
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('select', `
@@ -22,5 +22,5 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('select', `
  position: relative;
  `), (0, cssr_1.cB)('select-menu', `
  margin: 4px 0;
- box-shadow: var(--menu-box-shadow);
+ box-shadow: var(--n-menu-box-shadow);
  `, [(0, fade_in_scale_up_cssr_1.default)()])]);

package/lib/skeleton/src/Skeleton.d.ts

@@ -97,9 +97,9 @@ declare const _default: import("vue").DefineComponent<{
         width: string | undefined;
         height: string | undefined;
         animation: string;
-        '--bezier': string;
-        '--color-start': string;
-        '--color-end': string;
+        '--n-bezier': string;
+        '--n-color-start': string;
+        '--n-color-end': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly text?: unknown;

package/lib/skeleton/src/Skeleton.js

@@ -57,9 +57,9 @@ exports.default = (0, vue_1.defineComponent)({
                         ? (0, seemly_1.pxfy)(mergedHeight)
                         : mergedHeight,
                     animation: !animated ? 'none' : '',
-                    '--bezier': cubicBezierEaseInOut,
-                    '--color-start': color,
-                    '--color-end': colorEnd
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-color-start': color,
+                    '--n-color-end': colorEnd
                 };
             })
         };

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

@@ -5,32 +5,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --color
-// --color-end
-// --bezier
+// --n-color-start
+// --n-color-end
+// --n-bezier
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('skeleton', `
  height: 1em;
  width: 100%;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  transition:
- --color-start .3s var(--bezier),
- --color-end .3s var(--bezier),
- background-color .3s var(--bezier);
+ --n-color-start .3s var(--n-bezier),
+ --n-color-end .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  animation: 2s skeleton-loading infinite cubic-bezier(0.36, 0, 0.64, 1);
- background-color: var(--color-start);
+ background-color: var(--n-color-start);
  `), (0, cssr_1.c)('@keyframes skeleton-loading', `
  0% {
- background: var(--color-start);
+ background: var(--n-color-start);
  }
  40% {
- background: var(--color-end);
+ background: var(--n-color-end);
  }
  80% {
- background: var(--color-start);
+ background: var(--n-color-start);
  }
  100% {
- background: var(--color-start);
+ background: var(--n-color-start);
  }
  `)]);

package/lib/slider/src/Slider.d.ts

@@ -308,37 +308,37 @@ declare const _default: import("vue").DefineComponent<{
     handleHandleMouseLeave: (index: number) => void;
     handleRailKeyDown: (e: KeyboardEvent) => void;
     indicatorCssVars: import("vue").ComputedRef<{
-        '--font-size': string;
-        '--indicator-border-radius': string;
-        '--indicator-box-shadow': string;
-        '--indicator-color': string;
-        '--indicator-text-color': string;
+        '--n-font-size': string;
+        '--n-indicator-border-radius': string;
+        '--n-indicator-box-shadow': string;
+        '--n-indicator-color': string;
+        '--n-indicator-text-color': string;
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--dot-border': string;
-        '--dot-border-active': string;
-        '--dot-border-radius': string;
-        '--dot-box-shadow': string;
-        '--dot-color': string;
-        '--dot-color-modal': string;
-        '--dot-color-popover': string;
-        '--dot-height': string;
-        '--dot-width': string;
-        '--fill-color': string;
-        '--fill-color-hover': string;
-        '--font-size': string;
-        '--handle-box-shadow': string;
-        '--handle-box-shadow-active': string;
-        '--handle-box-shadow-focus': string;
-        '--handle-box-shadow-hover': string;
-        '--handle-color': string;
-        '--handle-size': string;
-        '--opacity-disabled': string;
-        '--rail-color': string;
-        '--rail-color-hover': string;
-        '--rail-height': string;
-        '--rail-width-vertical': string;
+        '--n-bezier': string;
+        '--n-dot-border': string;
+        '--n-dot-border-active': string;
+        '--n-dot-border-radius': string;
+        '--n-dot-box-shadow': string;
+        '--n-dot-color': string;
+        '--n-dot-color-modal': string;
+        '--n-dot-color-popover': string;
+        '--n-dot-height': string;
+        '--n-dot-width': string;
+        '--n-fill-color': string;
+        '--n-fill-color-hover': string;
+        '--n-font-size': string;
+        '--n-handle-box-shadow': string;
+        '--n-handle-box-shadow-active': string;
+        '--n-handle-box-shadow-focus': string;
+        '--n-handle-box-shadow-hover': string;
+        '--n-handle-color': string;
+        '--n-handle-size': string;
+        '--n-opacity-disabled': string;
+        '--n-rail-color': string;
+        '--n-rail-color-hover': string;
+        '--n-rail-height': string;
+        '--n-rail-width-vertical': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly to?: unknown;

package/lib/slider/src/Slider.js

@@ -452,40 +452,40 @@ exports.default = (0, vue_1.defineComponent)({
             indicatorCssVars: (0, vue_1.computed)(() => {
                 const { self: { fontSize, indicatorColor, indicatorBoxShadow, indicatorTextColor, indicatorBorderRadius } } = themeRef.value;
                 return {
-                    '--font-size': fontSize,
-                    '--indicator-border-radius': indicatorBorderRadius,
-                    '--indicator-box-shadow': indicatorBoxShadow,
-                    '--indicator-color': indicatorColor,
-                    '--indicator-text-color': indicatorTextColor
+                    '--n-font-size': fontSize,
+                    '--n-indicator-border-radius': indicatorBorderRadius,
+                    '--n-indicator-box-shadow': indicatorBoxShadow,
+                    '--n-indicator-color': indicatorColor,
+                    '--n-indicator-text-color': indicatorTextColor
                 };
             }),
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { railColor, railColorHover, fillColor, fillColorHover, handleColor, opacityDisabled, dotColor, dotColorModal, handleBoxShadow, handleBoxShadowHover, handleBoxShadowActive, handleBoxShadowFocus, dotBorder, dotBoxShadow, railHeight, railWidthVertical, handleSize, dotHeight, dotWidth, dotBorderRadius, fontSize, dotBorderActive, dotColorPopover }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--dot-border': dotBorder,
-                    '--dot-border-active': dotBorderActive,
-                    '--dot-border-radius': dotBorderRadius,
-                    '--dot-box-shadow': dotBoxShadow,
-                    '--dot-color': dotColor,
-                    '--dot-color-modal': dotColorModal,
-                    '--dot-color-popover': dotColorPopover,
-                    '--dot-height': dotHeight,
-                    '--dot-width': dotWidth,
-                    '--fill-color': fillColor,
-                    '--fill-color-hover': fillColorHover,
-                    '--font-size': fontSize,
-                    '--handle-box-shadow': handleBoxShadow,
-                    '--handle-box-shadow-active': handleBoxShadowActive,
-                    '--handle-box-shadow-focus': handleBoxShadowFocus,
-                    '--handle-box-shadow-hover': handleBoxShadowHover,
-                    '--handle-color': handleColor,
-                    '--handle-size': handleSize,
-                    '--opacity-disabled': opacityDisabled,
-                    '--rail-color': railColor,
-                    '--rail-color-hover': railColorHover,
-                    '--rail-height': railHeight,
-                    '--rail-width-vertical': railWidthVertical
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-dot-border': dotBorder,
+                    '--n-dot-border-active': dotBorderActive,
+                    '--n-dot-border-radius': dotBorderRadius,
+                    '--n-dot-box-shadow': dotBoxShadow,
+                    '--n-dot-color': dotColor,
+                    '--n-dot-color-modal': dotColorModal,
+                    '--n-dot-color-popover': dotColorPopover,
+                    '--n-dot-height': dotHeight,
+                    '--n-dot-width': dotWidth,
+                    '--n-fill-color': fillColor,
+                    '--n-fill-color-hover': fillColorHover,
+                    '--n-font-size': fontSize,
+                    '--n-handle-box-shadow': handleBoxShadow,
+                    '--n-handle-box-shadow-active': handleBoxShadowActive,
+                    '--n-handle-box-shadow-focus': handleBoxShadowFocus,
+                    '--n-handle-box-shadow-hover': handleBoxShadowHover,
+                    '--n-handle-color': handleColor,
+                    '--n-handle-size': handleSize,
+                    '--n-opacity-disabled': opacityDisabled,
+                    '--n-rail-color': railColor,
+                    '--n-rail-color-hover': railColorHover,
+                    '--n-rail-height': railHeight,
+                    '--n-rail-width-vertical': railWidthVertical
                 };
             })
         };