naive-ui 2.22.0 → 2.24.0

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

@@ -1,18 +1,18 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
 import iconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr';
 import fadeInHeightExpandTransition from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
-// --arrow-color
-// --bezier
-// --font-size
-// --node-border-radius
-// --node-color-active
-// --node-color-hover
-// --node-color-pressed
-// --node-text-color
-// --node-text-color-disabled
+// --n-arrow-color
+// --n-bezier
+// --n-font-size
+// --n-node-border-radius
+// --n-node-color-active
+// --n-node-color-hover
+// --n-node-color-pressed
+// --n-node-text-color
+// --n-node-text-color-disabled
 
 export default cB('tree', `
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  outline: none;
 `, [c('ul, li', `
  margin: 0;
@@ -32,33 +32,33 @@ export default cB('tree', `
  `), cB('tree-node', `
  position: relative;
  display: flex;
- border-radius: var(--node-border-radius);
- transition: background-color .3s var(--bezier);
+ border-radius: var(--n-node-border-radius);
+ transition: background-color .3s var(--n-bezier);
  `, [cM('highlight', [cB('tree-node-content', [cE('text', {
-  borderBottomColor: 'var(--node-text-color-disabled)'
+  borderBottomColor: 'var(--n-node-text-color-disabled)'
 })])]), cM('disabled', [cB('tree-node-content', `
- color: var(--node-text-color-disabled);
+ color: var(--n-node-text-color-disabled);
  cursor: not-allowed;
  `)]), cNotM('disabled', [cM('selectable', [cB('tree-node-content', `
  cursor: pointer;
  `)])])]), cM('block-node', [cB('tree-node-content', `
  width: 100%;
  `)]), cNotM('block-line', [cB('tree-node', [cNotM('disabled', [cB('tree-node-content', [c('&:hover', {
-  backgroundColor: 'var(--node-color-hover)'
+  backgroundColor: 'var(--n-node-color-hover)'
 })]), cM('selectable', [cB('tree-node-content', [c('&:active', {
-  backgroundColor: 'var(--node-color-pressed)'
+  backgroundColor: 'var(--n-node-color-pressed)'
 })])]), cM('pending', [cB('tree-node-content', `
- background-color: var(--node-color-hover);
+ background-color: var(--n-node-color-hover);
  `)]), cM('selected', [cB('tree-node-content', {
-  backgroundColor: 'var(--node-color-active)'
+  backgroundColor: 'var(--n-node-color-active)'
 })])])])]), cM('block-line', [cB('tree-node', [cNotM('disabled', [c('&:hover', {
-  backgroundColor: 'var(--node-color-hover)'
+  backgroundColor: 'var(--n-node-color-hover)'
 }), cM('selectable', [c('&:active', {
-  backgroundColor: 'var(--node-color-pressed)'
+  backgroundColor: 'var(--n-node-color-pressed)'
 })]), cM('pending', `
- background-color: var(--node-color-hover);
+ background-color: var(--n-node-color-hover);
  `), cM('selected', {
-  backgroundColor: 'var(--node-color-active)'
+  backgroundColor: 'var(--n-node-color-active)'
 })]), cM('disabled', `
  cursor: not-allowed;
  `)])]), cB('tree-node-switcher', `
@@ -69,18 +69,18 @@ export default cB('tree', `
  width: 24px;
  align-items: center;
  justify-content: center;
- transition: transform .15s var(--bezier);
+ transition: transform .15s var(--n-bezier);
  vertical-align: bottom;
  `, [cE('icon', `
  position: relative;
  height: 14px;
  width: 14px;
  display: flex;
- color: var(--arrow-color);
- transition: color .3s var(--bezier);
+ color: var(--n-arrow-color);
+ transition: color .3s var(--n-bezier);
  font-size: 14px;
  `, [cB('icon', [iconSwitchTransition()]), cB('base-loading', `
- color: var(--loading-color);
+ color: var(--n-loading-color);
  position: absolute;
  left: 0;
  top: 0;
@@ -98,7 +98,9 @@ export default cB('tree', `
  align-items: center;
  justify-content: center;
  margin-right: 4px;
- `), cB('tree-node-content', `
+ `), cM('checkable', [cB('tree-node-content', `
+ padding: 0 6px;
+ `)]), cB('tree-node-content', `
  position: relative;
  display: inline-flex;
  align-items: center;
@@ -106,17 +108,17 @@ export default cB('tree', `
  box-sizing: border-box;
  line-height: 1.5;
  vertical-align: bottom;
- padding: 0 6px;
+ padding: 0 6px 0 4px;
  cursor: default;
- border-radius: var(--node-border-radius);
+ border-radius: var(--n-node-border-radius);
  text-decoration-color: #0000;
  text-decoration-line: underline;
- color: var(--node-text-color);
+ color: var(--n-node-text-color);
  transition:
- color .3s var(--bezier),
- text-decoration-color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ text-decoration-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [c('&:last-child', {
   marginBottom: 0
 }), cE('prefix', `
@@ -124,7 +126,7 @@ export default cB('tree', `
  margin-right: 8px;
  `), cE('text', `
  border-bottom: 1px solid #0000;
- transition: border-color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
  flex-grow:1;
  `), cE('suffix', `
  display: inline-flex;

package/es/tree-select/src/TreeSelect.d.ts

@@ -1075,14 +1075,14 @@ declare const _default: import("vue").DefineComponent<{
     handleTabOut: () => void;
     handleMenuMousedown: (e: MouseEvent) => void;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
-        '--menu-border-radius': string;
-        '--menu-color': string;
-        '--menu-height': string;
-        '--bezier': string;
-        '--action-padding': string;
-        '--action-text-color': string;
-        '--action-divider-color': string;
+        '--n-menu-box-shadow': string;
+        '--n-menu-border-radius': string;
+        '--n-menu-color': string;
+        '--n-menu-height': string;
+        '--n-bezier': string;
+        '--n-action-padding': string;
+        '--n-action-text-color': string;
+        '--n-action-divider-color': string;
     }>;
     mergedTheme: import("vue").ComputedRef<{
         common: {

package/es/tree-select/src/TreeSelect.js

@@ -518,14 +518,14 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { common: { cubicBezierEaseInOut }, self: { menuBoxShadow, menuBorderRadius, menuColor, menuHeight, actionPadding, actionDividerColor, actionTextColor } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow,
-                    '--menu-border-radius': menuBorderRadius,
-                    '--menu-color': menuColor,
-                    '--menu-height': menuHeight,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--action-padding': actionPadding,
-                    '--action-text-color': actionTextColor,
-                    '--action-divider-color': actionDividerColor
+                    '--n-menu-box-shadow': menuBoxShadow,
+                    '--n-menu-border-radius': menuBorderRadius,
+                    '--n-menu-color': menuColor,
+                    '--n-menu-height': menuHeight,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-action-padding': actionPadding,
+                    '--n-action-text-color': actionTextColor,
+                    '--n-action-divider-color': actionDividerColor
                 };
             }),
             mergedTheme: themeRef

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

@@ -1,13 +1,13 @@
 import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr';
 import { c, cB, cE } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --menu-height
-// --menu-border-radius
-// --menu-box-shadow
-// --menu-color
-// --action-padding
-// --action-text-color
-// --action-divider-color
+// --n-bezier
+// --n-menu-height
+// --n-menu-border-radius
+// --n-menu-box-shadow
+// --n-menu-color
+// --n-action-padding
+// --n-action-text-color
+// --n-action-divider-color
 
 export default c([cB('tree-select', `
  z-index: auto;
@@ -18,21 +18,21 @@ export default c([cB('tree-select', `
  position: relative;
  overflow: hidden;
  margin: 4px 0;
- transition: box-shadow .3s var(--bezier), background-color .3s var(--bezier);
- border-radius: var(--menu-border-radius);
- box-shadow: var(--menu-box-shadow);
- background-color: var(--menu-color);
+ transition: box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier);
+ border-radius: var(--n-menu-border-radius);
+ box-shadow: var(--n-menu-box-shadow);
+ background-color: var(--n-menu-color);
  outline: none;
- `, [cB('tree', 'max-height: var(--menu-height);'), cE('empty', `
+ `, [cB('tree', 'max-height: var(--n-menu-height);'), cE('empty', `
  display: flex;
  padding: 12px 32px;
  flex: 1;
  justify-content: center;
  `), cE('action', `
- padding: var(--action-padding);
+ padding: var(--n-action-padding);
  transition: 
- color .3s var(--bezier);
- border-color .3s var(--bezier);
- border-top: 1px solid var(--action-divider-color);
- color: var(--action-text-color);
+ color .3s var(--n-bezier);
+ border-color .3s var(--n-bezier);
+ border-top: 1px solid var(--n-action-divider-color);
+ color: var(--n-action-text-color);
  `), fadeInScaleUpTransition()])]);

package/es/typography/src/a.d.ts

@@ -402,8 +402,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--text-color': string;
-        '--bezier': string;
+        '--n-text-color': string;
+        '--n-bezier': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly theme?: unknown;

package/es/typography/src/a.js

@@ -14,8 +14,8 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { common: { cubicBezierEaseInOut }, self: { aTextColor } } = themeRef.value;
                 return {
-                    '--text-color': aTextColor,
-                    '--bezier': cubicBezierEaseInOut
+                    '--n-text-color': aTextColor,
+                    '--n-bezier': cubicBezierEaseInOut
                 };
             })
         };

package/es/typography/src/blockquote.d.ts

@@ -404,11 +404,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--line-height': string;
-        '--prefix-color': string;
-        '--text-color': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-line-height': string;
+        '--n-prefix-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 alignText?: unknown;

package/es/typography/src/blockquote.js

@@ -14,11 +14,11 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { common: { cubicBezierEaseInOut }, self: { blockquoteTextColor, blockquotePrefixColor, blockquoteLineHeight, blockquoteFontSize } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': blockquoteFontSize,
-                    '--line-height': blockquoteLineHeight,
-                    '--prefix-color': blockquotePrefixColor,
-                    '--text-color': blockquoteTextColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': blockquoteFontSize,
+                    '--n-line-height': blockquoteLineHeight,
+                    '--n-prefix-color': blockquotePrefixColor,
+                    '--n-text-color': blockquoteTextColor
                 };
             })
         };

package/es/typography/src/create-header.d.ts

@@ -415,14 +415,14 @@ declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vu
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--margin': string;
-        '--bar-color': string;
-        '--bar-width': string;
-        '--font-weight': string;
-        '--text-color': string;
-        '--prefix-width': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-margin': string;
+        '--n-bar-color': string;
+        '--n-bar-width': string;
+        '--n-font-weight': string;
+        '--n-text-color': string;
+        '--n-prefix-width': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly type?: unknown;

package/es/typography/src/create-header.js

@@ -20,14 +20,14 @@ export default (level) => defineComponent({
                 const { type } = props;
                 const { common: { cubicBezierEaseInOut }, self: { headerFontWeight, headerTextColor, [createKey('headerPrefixWidth', level)]: prefixWidth, [createKey('headerFontSize', level)]: fontSize, [createKey('headerMargin', level)]: margin, [createKey('headerBarWidth', level)]: barWidth, [createKey('headerBarColor', type)]: barColor } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': fontSize,
-                    '--margin': margin,
-                    '--bar-color': barColor,
-                    '--bar-width': barWidth,
-                    '--font-weight': headerFontWeight,
-                    '--text-color': headerTextColor,
-                    '--prefix-width': prefixWidth
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': fontSize,
+                    '--n-margin': margin,
+                    '--n-bar-color': barColor,
+                    '--n-bar-width': barWidth,
+                    '--n-font-weight': headerFontWeight,
+                    '--n-text-color': headerTextColor,
+                    '--n-prefix-width': prefixWidth
                 };
             })
         };

package/es/typography/src/headers.d.ts

@@ -206,14 +206,14 @@ export declare const NH1: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--margin': string;
-        '--bar-color': string;
-        '--bar-width': string;
-        '--font-weight': string;
-        '--text-color': string;
-        '--prefix-width': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-margin': string;
+        '--n-bar-color': string;
+        '--n-bar-width': string;
+        '--n-font-weight': string;
+        '--n-text-color': string;
+        '--n-prefix-width': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly type?: unknown;
@@ -637,14 +637,14 @@ export declare const NH2: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--margin': string;
-        '--bar-color': string;
-        '--bar-width': string;
-        '--font-weight': string;
-        '--text-color': string;
-        '--prefix-width': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-margin': string;
+        '--n-bar-color': string;
+        '--n-bar-width': string;
+        '--n-font-weight': string;
+        '--n-text-color': string;
+        '--n-prefix-width': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly type?: unknown;
@@ -1068,14 +1068,14 @@ export declare const NH3: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--margin': string;
-        '--bar-color': string;
-        '--bar-width': string;
-        '--font-weight': string;
-        '--text-color': string;
-        '--prefix-width': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-margin': string;
+        '--n-bar-color': string;
+        '--n-bar-width': string;
+        '--n-font-weight': string;
+        '--n-text-color': string;
+        '--n-prefix-width': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly type?: unknown;
@@ -1499,14 +1499,14 @@ export declare const NH4: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--margin': string;
-        '--bar-color': string;
-        '--bar-width': string;
-        '--font-weight': string;
-        '--text-color': string;
-        '--prefix-width': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-margin': string;
+        '--n-bar-color': string;
+        '--n-bar-width': string;
+        '--n-font-weight': string;
+        '--n-text-color': string;
+        '--n-prefix-width': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly type?: unknown;
@@ -1930,14 +1930,14 @@ export declare const NH5: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--margin': string;
-        '--bar-color': string;
-        '--bar-width': string;
-        '--font-weight': string;
-        '--text-color': string;
-        '--prefix-width': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-margin': string;
+        '--n-bar-color': string;
+        '--n-bar-width': string;
+        '--n-font-weight': string;
+        '--n-text-color': string;
+        '--n-prefix-width': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly type?: unknown;
@@ -2361,14 +2361,14 @@ export declare const NH6: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--margin': string;
-        '--bar-color': string;
-        '--bar-width': string;
-        '--font-weight': string;
-        '--text-color': string;
-        '--prefix-width': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-margin': string;
+        '--n-bar-color': string;
+        '--n-bar-width': string;
+        '--n-font-weight': string;
+        '--n-text-color': string;
+        '--n-prefix-width': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly type?: unknown;

package/es/typography/src/hr.d.ts

@@ -200,7 +200,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--color': string;
+        '--n-bezier': string;
+        '--n-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     theme?: unknown;

package/es/typography/src/hr.js

@@ -11,8 +11,10 @@ export default defineComponent({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {
+                const { common: { cubicBezierEaseInOut }, self: { hrColor } } = themeRef.value;
                 return {
-                    '--color': themeRef.value.self.hrColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-color': hrColor
                 };
             })
         };

package/es/typography/src/ol.d.ts

@@ -404,13 +404,13 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--line-height': string;
-        '--text-color': string;
-        '--li-margin': string;
-        '--ol-padding': string;
-        '--ul-padding': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-line-height': string;
+        '--n-text-color': string;
+        '--n-li-margin': string;
+        '--n-ol-padding': string;
+        '--n-ul-padding': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     alignText?: unknown;

package/es/typography/src/ol.js

@@ -14,13 +14,13 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { common: { cubicBezierEaseInOut }, self: { olPadding, ulPadding, liMargin, liTextColor, liLineHeight, liFontSize } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': liFontSize,
-                    '--line-height': liLineHeight,
-                    '--text-color': liTextColor,
-                    '--li-margin': liMargin,
-                    '--ol-padding': olPadding,
-                    '--ul-padding': ulPadding
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': liFontSize,
+                    '--n-line-height': liLineHeight,
+                    '--n-text-color': liTextColor,
+                    '--n-li-margin': liMargin,
+                    '--n-ol-padding': olPadding,
+                    '--n-ul-padding': ulPadding
                 };
             })
         };

package/es/typography/src/p.d.ts

@@ -405,11 +405,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--font-size': string;
-        '--line-height': string;
-        '--margin': string;
-        '--text-color': string;
+        '--n-bezier': string;
+        '--n-font-size': string;
+        '--n-line-height': string;
+        '--n-margin': 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<{
     depth?: unknown;

package/es/typography/src/p.js

@@ -16,11 +16,11 @@ export default defineComponent({
                 const typeSafeDepth = depth || '1';
                 const { common: { cubicBezierEaseInOut }, self: { pFontSize, pLineHeight, pMargin, pTextColor, [`pTextColor${typeSafeDepth}Depth`]: depthTextColor } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': pFontSize,
-                    '--line-height': pLineHeight,
-                    '--margin': pMargin,
-                    '--text-color': depth === undefined ? pTextColor : depthTextColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': pFontSize,
+                    '--n-line-height': pLineHeight,
+                    '--n-margin': pMargin,
+                    '--n-text-color': depth === undefined ? pTextColor : depthTextColor
                 };
             })
         };

package/es/typography/src/styles/a.cssr.js

@@ -1,12 +1,12 @@
 import { cB } from '../../../_utils/cssr'; // vars:
-// --text-color
-// --bezier
+// --n-text-color
+// --n-bezier
 
 export default cB('a', `
  cursor: pointer;
  transition:
- color .3s var(--bezier),
- text-decoration-color .3s var(--bezier);
- text-decoration-color: var(--text-color);
- color: var(--text-color);
+ color .3s var(--n-bezier),
+ text-decoration-color .3s var(--n-bezier);
+ text-decoration-color: var(--n-text-color);
+ color: var(--n-text-color);
 `);