naive-ui 2.22.0 → 2.24.0

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

@@ -13,14 +13,14 @@ Object.defineProperty(exports, "__esModule", {
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr"));
 
 const cssr_1 = require("../../../_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
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('tree-select', `
@@ -32,21 +32,21 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.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;
- `, [(0, cssr_1.cB)('tree', 'max-height: var(--menu-height);'), (0, cssr_1.cE)('empty', `
+ `, [(0, cssr_1.cB)('tree', 'max-height: var(--n-menu-height);'), (0, cssr_1.cE)('empty', `
  display: flex;
  padding: 12px 32px;
  flex: 1;
  justify-content: center;
  `), (0, cssr_1.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);
  `), (0, fade_in_scale_up_cssr_1.default)()])]);

package/lib/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/lib/typography/src/a.js

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

package/lib/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/lib/typography/src/blockquote.js

@@ -19,11 +19,11 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.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/lib/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/lib/typography/src/create-header.js

@@ -25,14 +25,14 @@ exports.default = (level) => (0, vue_1.defineComponent)({
                 const { type } = props;
                 const { common: { cubicBezierEaseInOut }, self: { headerFontWeight, headerTextColor, [(0, _utils_1.createKey)('headerPrefixWidth', level)]: prefixWidth, [(0, _utils_1.createKey)('headerFontSize', level)]: fontSize, [(0, _utils_1.createKey)('headerMargin', level)]: margin, [(0, _utils_1.createKey)('headerBarWidth', level)]: barWidth, [(0, _utils_1.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/lib/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/lib/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/lib/typography/src/hr.js

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

package/lib/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/lib/typography/src/ol.js

@@ -19,13 +19,13 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.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/lib/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/lib/typography/src/p.js

@@ -21,11 +21,11 @@ exports.default = (0, vue_1.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/lib/typography/src/styles/a.cssr.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --text-color
-// --bezier
+// --n-text-color
+// --n-bezier
 
 
 exports.default = (0, cssr_1.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);
 `);

package/lib/typography/src/styles/blockquote.cssr.js

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --bezier
-// --font-size
-// --line-height
-// --prefix-color
-// --text-color
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-prefix-color
+// --n-text-color
 
 
 exports.default = (0, cssr_1.cB)('blockquote', `
- font-size: var(--font-size);
- line-height: var(--line-height);
+ font-size: var(--n-font-size);
+ line-height: var(--n-line-height);
  margin: 0;
  margin-top: 12px;
  margin-bottom: 12px;
  box-sizing: border-box;
  padding-left: 12px;
- border-left: 4px solid var(--prefix-color);
- color: var(--text-color);
+ border-left: 4px solid var(--n-prefix-color);
+ color: var(--n-text-color);
  transition:
- color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
 `, [(0, cssr_1.c)('&:first-child', {
   marginTop: 0
 }), (0, cssr_1.c)('&:last-child', {

package/lib/typography/src/styles/header.cssr.js

@@ -5,40 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --bezier
-// --font-size
-// --margin
-// --bar-color
-// --bar-width
-// --font-weight
-// --text-color
-// --prefix-width
+// --n-bezier
+// --n-font-size
+// --n-margin
+// --n-bar-color
+// --n-bar-width
+// --n-font-weight
+// --n-text-color
+// --n-prefix-width
 
 
 exports.default = (0, cssr_1.cB)('h', `
- font-size: var(--font-size);
- font-weight: var(--font-weight);
- margin: var(--margin);
- transition: color .3s var(--bezier);
- color: var(--text-color);
+ font-size: var(--n-font-size);
+ font-weight: var(--n-font-weight);
+ margin: var(--n-margin);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
 `, [(0, cssr_1.c)('&:first-child', {
   marginTop: 0
 }), (0, cssr_1.cM)('prefix-bar', {
   position: 'relative',
-  paddingLeft: 'var(--prefix-width)'
+  paddingLeft: 'var(--n-prefix-width)'
 }, [(0, cssr_1.cM)('align-text', {
   paddingLeft: 0
 }, [(0, cssr_1.c)('&::before', {
-  left: 'calc(-1 * var(--prefix-width))'
+  left: 'calc(-1 * var(--n-prefix-width))'
 })]), (0, cssr_1.c)('&::before', `
  content: "";
- width: var(--bar-width);
- border-radius: calc(var(--bar-width) / 2);
- transition: background-color .3s var(--bezier);
+ width: var(--n-bar-width);
+ border-radius: calc(var(--n-bar-width) / 2);
+ transition: background-color .3s var(--n-bezier);
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  `), (0, cssr_1.c)('&::before', {
-  backgroundColor: 'var(--bar-color)'
+  backgroundColor: 'var(--n-bar-color)'
 })])]);

package/lib/typography/src/styles/hr.cssr.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --color
+// --n-color
 
 
 exports.default = (0, cssr_1.cB)('hr', `
  margin: 12px 0;
- transition: border-color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
  border-left: none;
  border-right: none;
  border-bottom: none;
- border-top: 1px solid var(--color);
+ border-top: 1px solid var(--n-color);
 `);

package/lib/typography/src/styles/list.cssr.js

@@ -7,33 +7,33 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const liStyle = (0, cssr_1.c)('li', {
-  transition: 'color .3s var(--bezier)',
-  lineHeight: 'var(--line-height)',
-  margin: 'var(--li-margin)',
+  transition: 'color .3s var(--n-bezier)',
+  lineHeight: 'var(--n-line-height)',
+  margin: 'var(--n-li-margin)',
   marginBottom: 0,
-  color: 'var(--text-color)'
+  color: 'var(--n-text-color)'
 });
 const childStyle = [(0, cssr_1.c)('&:first-child', `
  margin-top: 0;
  `), (0, cssr_1.c)('&:last-child', `
  margin-bottom: 0;
  `)]; // vars:
-// --bezier
-// --font-size
-// --line-height
-// --text-color
-// --li-margin
-// --ol-padding
-// --ul-padding
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-text-color
+// --n-li-margin
+// --n-ol-padding
+// --n-ul-padding
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('ol', {
-  fontSize: 'var(--font-size)',
-  padding: 'var(--ol-padding)'
+  fontSize: 'var(--n-font-size)',
+  padding: 'var(--n-ol-padding)'
 }, [(0, cssr_1.cM)('align-text', {
   paddingLeft: 0
 }), liStyle, childStyle]), (0, cssr_1.cB)('ul', {
-  fontSize: 'var(--font-size)',
-  padding: 'var(--ul-padding)'
+  fontSize: 'var(--n-font-size)',
+  padding: 'var(--n-ul-padding)'
 }, [(0, cssr_1.cM)('align-text', {
   paddingLeft: 0
 }), liStyle, childStyle])]);

package/lib/typography/src/styles/p.cssr.js

@@ -5,18 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --bezier
-// --font-size
-// --line-height
-// --margin
-// --text-color
+// --n-bezier
+// --n-font-size
+// --n-line-height
+// --n-margin
+// --n-text-color
 
 
 exports.default = (0, cssr_1.cB)('p', `
  box-sizing: border-box;
- transition: color .3s var(--bezier);
- margin: var(--margin);
- font-size: var(--font-size);
- line-height: var(--line-height);
- color: var(--text-color);
+ transition: color .3s var(--n-bezier);
+ margin: var(--n-margin);
+ font-size: var(--n-font-size);
+ line-height: var(--n-line-height);
+ color: var(--n-text-color);
 `, [(0, cssr_1.c)('&:first-child', 'margin-top: 0;'), (0, cssr_1.c)('&:last-child', 'margin-bottom: 0;')]);