naive-ui 2.22.0 → 2.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/es/_internal/scrollbar/src/ScrollBar.d.ts +0 -11
  2. package/es/_internal/scrollbar/src/ScrollBar.js +5 -8
  3. package/es/badge/src/Badge.d.ts +6 -6
  4. package/es/badge/src/Badge.js +6 -6
  5. package/es/badge/src/styles/index.cssr.js +15 -15
  6. package/es/button/src/Button.d.ts +10 -5
  7. package/es/button/src/Button.js +21 -14
  8. package/es/data-table/src/TableParts/Body.js +1 -1
  9. package/es/dialog/src/Dialog.js +2 -2
  10. package/es/divider/src/Divider.d.ts +4 -4
  11. package/es/divider/src/Divider.js +4 -4
  12. package/es/divider/src/styles/index.cssr.js +12 -12
  13. package/es/input-number/src/utils.js +1 -1
  14. package/es/switch/src/Switch.js +7 -0
  15. package/es/switch/src/styles/index.cssr.js +2 -0
  16. package/es/typography/src/a.d.ts +2 -2
  17. package/es/typography/src/a.js +2 -2
  18. package/es/typography/src/blockquote.d.ts +5 -5
  19. package/es/typography/src/blockquote.js +5 -5
  20. package/es/typography/src/create-header.d.ts +8 -8
  21. package/es/typography/src/create-header.js +8 -8
  22. package/es/typography/src/headers.d.ts +48 -48
  23. package/es/typography/src/hr.d.ts +2 -1
  24. package/es/typography/src/hr.js +3 -1
  25. package/es/typography/src/ol.d.ts +7 -7
  26. package/es/typography/src/ol.js +7 -7
  27. package/es/typography/src/p.d.ts +5 -5
  28. package/es/typography/src/p.js +5 -5
  29. package/es/typography/src/styles/a.cssr.js +6 -6
  30. package/es/typography/src/styles/blockquote.cssr.js +11 -11
  31. package/es/typography/src/styles/header.cssr.js +19 -19
  32. package/es/typography/src/styles/hr.cssr.js +3 -3
  33. package/es/typography/src/styles/list.cssr.js +15 -15
  34. package/es/typography/src/styles/p.cssr.js +10 -10
  35. package/es/typography/src/styles/text.cssr.js +18 -18
  36. package/es/typography/src/text.d.ts +8 -7
  37. package/es/typography/src/text.js +9 -8
  38. package/es/typography/src/ul.d.ts +7 -7
  39. package/es/typography/src/ul.js +7 -7
  40. package/es/version.d.ts +1 -1
  41. package/es/version.js +1 -1
  42. package/lib/_internal/scrollbar/src/ScrollBar.d.ts +0 -11
  43. package/lib/_internal/scrollbar/src/ScrollBar.js +5 -8
  44. package/lib/badge/src/Badge.d.ts +6 -6
  45. package/lib/badge/src/Badge.js +6 -6
  46. package/lib/badge/src/styles/index.cssr.js +15 -15
  47. package/lib/button/src/Button.d.ts +10 -5
  48. package/lib/button/src/Button.js +20 -13
  49. package/lib/data-table/src/TableParts/Body.js +1 -1
  50. package/lib/dialog/src/Dialog.js +2 -2
  51. package/lib/divider/src/Divider.d.ts +4 -4
  52. package/lib/divider/src/Divider.js +4 -4
  53. package/lib/divider/src/styles/index.cssr.js +12 -12
  54. package/lib/input-number/src/utils.js +1 -1
  55. package/lib/switch/src/Switch.js +7 -0
  56. package/lib/switch/src/styles/index.cssr.js +2 -0
  57. package/lib/typography/src/a.d.ts +2 -2
  58. package/lib/typography/src/a.js +2 -2
  59. package/lib/typography/src/blockquote.d.ts +5 -5
  60. package/lib/typography/src/blockquote.js +5 -5
  61. package/lib/typography/src/create-header.d.ts +8 -8
  62. package/lib/typography/src/create-header.js +8 -8
  63. package/lib/typography/src/headers.d.ts +48 -48
  64. package/lib/typography/src/hr.d.ts +2 -1
  65. package/lib/typography/src/hr.js +3 -1
  66. package/lib/typography/src/ol.d.ts +7 -7
  67. package/lib/typography/src/ol.js +7 -7
  68. package/lib/typography/src/p.d.ts +5 -5
  69. package/lib/typography/src/p.js +5 -5
  70. package/lib/typography/src/styles/a.cssr.js +6 -6
  71. package/lib/typography/src/styles/blockquote.cssr.js +11 -11
  72. package/lib/typography/src/styles/header.cssr.js +19 -19
  73. package/lib/typography/src/styles/hr.cssr.js +3 -3
  74. package/lib/typography/src/styles/list.cssr.js +15 -15
  75. package/lib/typography/src/styles/p.cssr.js +10 -10
  76. package/lib/typography/src/styles/text.cssr.js +18 -18
  77. package/lib/typography/src/text.d.ts +8 -7
  78. package/lib/typography/src/text.js +9 -8
  79. package/lib/typography/src/ul.d.ts +7 -7
  80. package/lib/typography/src/ul.js +7 -7
  81. package/lib/version.d.ts +1 -1
  82. package/lib/version.js +1 -1
  83. package/package.json +2 -2
  84. package/web-types.json +1 -1
@@ -206,14 +206,14 @@ export declare const NH1: import("vue").DefineComponent<{
206
206
  }, {
207
207
  mergedClsPrefix: import("vue").ComputedRef<string>;
208
208
  cssVars: import("vue").ComputedRef<{
209
- '--bezier': string;
210
- '--font-size': string;
211
- '--margin': string;
212
- '--bar-color': string;
213
- '--bar-width': string;
214
- '--font-weight': string;
215
- '--text-color': string;
216
- '--prefix-width': string;
209
+ '--n-bezier': string;
210
+ '--n-font-size': string;
211
+ '--n-margin': string;
212
+ '--n-bar-color': string;
213
+ '--n-bar-width': string;
214
+ '--n-font-weight': string;
215
+ '--n-text-color': string;
216
+ '--n-prefix-width': string;
217
217
  }>;
218
218
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
219
219
  readonly type?: unknown;
@@ -637,14 +637,14 @@ export declare const NH2: import("vue").DefineComponent<{
637
637
  }, {
638
638
  mergedClsPrefix: import("vue").ComputedRef<string>;
639
639
  cssVars: import("vue").ComputedRef<{
640
- '--bezier': string;
641
- '--font-size': string;
642
- '--margin': string;
643
- '--bar-color': string;
644
- '--bar-width': string;
645
- '--font-weight': string;
646
- '--text-color': string;
647
- '--prefix-width': string;
640
+ '--n-bezier': string;
641
+ '--n-font-size': string;
642
+ '--n-margin': string;
643
+ '--n-bar-color': string;
644
+ '--n-bar-width': string;
645
+ '--n-font-weight': string;
646
+ '--n-text-color': string;
647
+ '--n-prefix-width': string;
648
648
  }>;
649
649
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
650
650
  readonly type?: unknown;
@@ -1068,14 +1068,14 @@ export declare const NH3: import("vue").DefineComponent<{
1068
1068
  }, {
1069
1069
  mergedClsPrefix: import("vue").ComputedRef<string>;
1070
1070
  cssVars: import("vue").ComputedRef<{
1071
- '--bezier': string;
1072
- '--font-size': string;
1073
- '--margin': string;
1074
- '--bar-color': string;
1075
- '--bar-width': string;
1076
- '--font-weight': string;
1077
- '--text-color': string;
1078
- '--prefix-width': string;
1071
+ '--n-bezier': string;
1072
+ '--n-font-size': string;
1073
+ '--n-margin': string;
1074
+ '--n-bar-color': string;
1075
+ '--n-bar-width': string;
1076
+ '--n-font-weight': string;
1077
+ '--n-text-color': string;
1078
+ '--n-prefix-width': string;
1079
1079
  }>;
1080
1080
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
1081
1081
  readonly type?: unknown;
@@ -1499,14 +1499,14 @@ export declare const NH4: import("vue").DefineComponent<{
1499
1499
  }, {
1500
1500
  mergedClsPrefix: import("vue").ComputedRef<string>;
1501
1501
  cssVars: import("vue").ComputedRef<{
1502
- '--bezier': string;
1503
- '--font-size': string;
1504
- '--margin': string;
1505
- '--bar-color': string;
1506
- '--bar-width': string;
1507
- '--font-weight': string;
1508
- '--text-color': string;
1509
- '--prefix-width': string;
1502
+ '--n-bezier': string;
1503
+ '--n-font-size': string;
1504
+ '--n-margin': string;
1505
+ '--n-bar-color': string;
1506
+ '--n-bar-width': string;
1507
+ '--n-font-weight': string;
1508
+ '--n-text-color': string;
1509
+ '--n-prefix-width': string;
1510
1510
  }>;
1511
1511
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
1512
1512
  readonly type?: unknown;
@@ -1930,14 +1930,14 @@ export declare const NH5: import("vue").DefineComponent<{
1930
1930
  }, {
1931
1931
  mergedClsPrefix: import("vue").ComputedRef<string>;
1932
1932
  cssVars: import("vue").ComputedRef<{
1933
- '--bezier': string;
1934
- '--font-size': string;
1935
- '--margin': string;
1936
- '--bar-color': string;
1937
- '--bar-width': string;
1938
- '--font-weight': string;
1939
- '--text-color': string;
1940
- '--prefix-width': string;
1933
+ '--n-bezier': string;
1934
+ '--n-font-size': string;
1935
+ '--n-margin': string;
1936
+ '--n-bar-color': string;
1937
+ '--n-bar-width': string;
1938
+ '--n-font-weight': string;
1939
+ '--n-text-color': string;
1940
+ '--n-prefix-width': string;
1941
1941
  }>;
1942
1942
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
1943
1943
  readonly type?: unknown;
@@ -2361,14 +2361,14 @@ export declare const NH6: import("vue").DefineComponent<{
2361
2361
  }, {
2362
2362
  mergedClsPrefix: import("vue").ComputedRef<string>;
2363
2363
  cssVars: import("vue").ComputedRef<{
2364
- '--bezier': string;
2365
- '--font-size': string;
2366
- '--margin': string;
2367
- '--bar-color': string;
2368
- '--bar-width': string;
2369
- '--font-weight': string;
2370
- '--text-color': string;
2371
- '--prefix-width': string;
2364
+ '--n-bezier': string;
2365
+ '--n-font-size': string;
2366
+ '--n-margin': string;
2367
+ '--n-bar-color': string;
2368
+ '--n-bar-width': string;
2369
+ '--n-font-weight': string;
2370
+ '--n-text-color': string;
2371
+ '--n-prefix-width': string;
2372
2372
  }>;
2373
2373
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
2374
2374
  readonly type?: unknown;
@@ -200,7 +200,8 @@ declare const _default: import("vue").DefineComponent<{
200
200
  }, {
201
201
  mergedClsPrefix: import("vue").ComputedRef<string>;
202
202
  cssVars: import("vue").ComputedRef<{
203
- '--color': string;
203
+ '--n-bezier': string;
204
+ '--n-color': string;
204
205
  }>;
205
206
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
206
207
  theme?: unknown;
@@ -16,8 +16,10 @@ exports.default = (0, vue_1.defineComponent)({
16
16
  return {
17
17
  mergedClsPrefix: mergedClsPrefixRef,
18
18
  cssVars: (0, vue_1.computed)(() => {
19
+ const { common: { cubicBezierEaseInOut }, self: { hrColor } } = themeRef.value;
19
20
  return {
20
- '--color': themeRef.value.self.hrColor
21
+ '--n-bezier': cubicBezierEaseInOut,
22
+ '--n-color': hrColor
21
23
  };
22
24
  })
23
25
  };
@@ -404,13 +404,13 @@ declare const _default: import("vue").DefineComponent<{
404
404
  }, {
405
405
  mergedClsPrefix: import("vue").ComputedRef<string>;
406
406
  cssVars: import("vue").ComputedRef<{
407
- '--bezier': string;
408
- '--font-size': string;
409
- '--line-height': string;
410
- '--text-color': string;
411
- '--li-margin': string;
412
- '--ol-padding': string;
413
- '--ul-padding': string;
407
+ '--n-bezier': string;
408
+ '--n-font-size': string;
409
+ '--n-line-height': string;
410
+ '--n-text-color': string;
411
+ '--n-li-margin': string;
412
+ '--n-ol-padding': string;
413
+ '--n-ul-padding': string;
414
414
  }>;
415
415
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
416
416
  alignText?: unknown;
@@ -19,13 +19,13 @@ exports.default = (0, vue_1.defineComponent)({
19
19
  cssVars: (0, vue_1.computed)(() => {
20
20
  const { common: { cubicBezierEaseInOut }, self: { olPadding, ulPadding, liMargin, liTextColor, liLineHeight, liFontSize } } = themeRef.value;
21
21
  return {
22
- '--bezier': cubicBezierEaseInOut,
23
- '--font-size': liFontSize,
24
- '--line-height': liLineHeight,
25
- '--text-color': liTextColor,
26
- '--li-margin': liMargin,
27
- '--ol-padding': olPadding,
28
- '--ul-padding': ulPadding
22
+ '--n-bezier': cubicBezierEaseInOut,
23
+ '--n-font-size': liFontSize,
24
+ '--n-line-height': liLineHeight,
25
+ '--n-text-color': liTextColor,
26
+ '--n-li-margin': liMargin,
27
+ '--n-ol-padding': olPadding,
28
+ '--n-ul-padding': ulPadding
29
29
  };
30
30
  })
31
31
  };
@@ -405,11 +405,11 @@ declare const _default: import("vue").DefineComponent<{
405
405
  }, {
406
406
  mergedClsPrefix: import("vue").ComputedRef<string>;
407
407
  cssVars: import("vue").ComputedRef<{
408
- '--bezier': string;
409
- '--font-size': string;
410
- '--line-height': string;
411
- '--margin': string;
412
- '--text-color': string;
408
+ '--n-bezier': string;
409
+ '--n-font-size': string;
410
+ '--n-line-height': string;
411
+ '--n-margin': string;
412
+ '--n-text-color': string;
413
413
  }>;
414
414
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
415
415
  depth?: unknown;
@@ -21,11 +21,11 @@ exports.default = (0, vue_1.defineComponent)({
21
21
  const typeSafeDepth = depth || '1';
22
22
  const { common: { cubicBezierEaseInOut }, self: { pFontSize, pLineHeight, pMargin, pTextColor, [`pTextColor${typeSafeDepth}Depth`]: depthTextColor } } = themeRef.value;
23
23
  return {
24
- '--bezier': cubicBezierEaseInOut,
25
- '--font-size': pFontSize,
26
- '--line-height': pLineHeight,
27
- '--margin': pMargin,
28
- '--text-color': depth === undefined ? pTextColor : depthTextColor
24
+ '--n-bezier': cubicBezierEaseInOut,
25
+ '--n-font-size': pFontSize,
26
+ '--n-line-height': pLineHeight,
27
+ '--n-margin': pMargin,
28
+ '--n-text-color': depth === undefined ? pTextColor : depthTextColor
29
29
  };
30
30
  })
31
31
  };
@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
 
7
7
  const cssr_1 = require("../../../_utils/cssr"); // vars:
8
- // --text-color
9
- // --bezier
8
+ // --n-text-color
9
+ // --n-bezier
10
10
 
11
11
 
12
12
  exports.default = (0, cssr_1.cB)('a', `
13
13
  cursor: pointer;
14
14
  transition:
15
- color .3s var(--bezier),
16
- text-decoration-color .3s var(--bezier);
17
- text-decoration-color: var(--text-color);
18
- color: var(--text-color);
15
+ color .3s var(--n-bezier),
16
+ text-decoration-color .3s var(--n-bezier);
17
+ text-decoration-color: var(--n-text-color);
18
+ color: var(--n-text-color);
19
19
  `);
@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
 
7
7
  const cssr_1 = require("../../../_utils/cssr"); // vars:
8
- // --bezier
9
- // --font-size
10
- // --line-height
11
- // --prefix-color
12
- // --text-color
8
+ // --n-bezier
9
+ // --n-font-size
10
+ // --n-line-height
11
+ // --n-prefix-color
12
+ // --n-text-color
13
13
 
14
14
 
15
15
  exports.default = (0, cssr_1.cB)('blockquote', `
16
- font-size: var(--font-size);
17
- line-height: var(--line-height);
16
+ font-size: var(--n-font-size);
17
+ line-height: var(--n-line-height);
18
18
  margin: 0;
19
19
  margin-top: 12px;
20
20
  margin-bottom: 12px;
21
21
  box-sizing: border-box;
22
22
  padding-left: 12px;
23
- border-left: 4px solid var(--prefix-color);
24
- color: var(--text-color);
23
+ border-left: 4px solid var(--n-prefix-color);
24
+ color: var(--n-text-color);
25
25
  transition:
26
- color .3s var(--bezier),
27
- border-color .3s var(--bezier);
26
+ color .3s var(--n-bezier),
27
+ border-color .3s var(--n-bezier);
28
28
  `, [(0, cssr_1.c)('&:first-child', {
29
29
  marginTop: 0
30
30
  }), (0, cssr_1.c)('&:last-child', {
@@ -5,40 +5,40 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
 
7
7
  const cssr_1 = require("../../../_utils/cssr"); // vars:
8
- // --bezier
9
- // --font-size
10
- // --margin
11
- // --bar-color
12
- // --bar-width
13
- // --font-weight
14
- // --text-color
15
- // --prefix-width
8
+ // --n-bezier
9
+ // --n-font-size
10
+ // --n-margin
11
+ // --n-bar-color
12
+ // --n-bar-width
13
+ // --n-font-weight
14
+ // --n-text-color
15
+ // --n-prefix-width
16
16
 
17
17
 
18
18
  exports.default = (0, cssr_1.cB)('h', `
19
- font-size: var(--font-size);
20
- font-weight: var(--font-weight);
21
- margin: var(--margin);
22
- transition: color .3s var(--bezier);
23
- color: var(--text-color);
19
+ font-size: var(--n-font-size);
20
+ font-weight: var(--n-font-weight);
21
+ margin: var(--n-margin);
22
+ transition: color .3s var(--n-bezier);
23
+ color: var(--n-text-color);
24
24
  `, [(0, cssr_1.c)('&:first-child', {
25
25
  marginTop: 0
26
26
  }), (0, cssr_1.cM)('prefix-bar', {
27
27
  position: 'relative',
28
- paddingLeft: 'var(--prefix-width)'
28
+ paddingLeft: 'var(--n-prefix-width)'
29
29
  }, [(0, cssr_1.cM)('align-text', {
30
30
  paddingLeft: 0
31
31
  }, [(0, cssr_1.c)('&::before', {
32
- left: 'calc(-1 * var(--prefix-width))'
32
+ left: 'calc(-1 * var(--n-prefix-width))'
33
33
  })]), (0, cssr_1.c)('&::before', `
34
34
  content: "";
35
- width: var(--bar-width);
36
- border-radius: calc(var(--bar-width) / 2);
37
- transition: background-color .3s var(--bezier);
35
+ width: var(--n-bar-width);
36
+ border-radius: calc(var(--n-bar-width) / 2);
37
+ transition: background-color .3s var(--n-bezier);
38
38
  left: 0;
39
39
  top: 0;
40
40
  bottom: 0;
41
41
  position: absolute;
42
42
  `), (0, cssr_1.c)('&::before', {
43
- backgroundColor: 'var(--bar-color)'
43
+ backgroundColor: 'var(--n-bar-color)'
44
44
  })])]);
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
 
7
7
  const cssr_1 = require("../../../_utils/cssr"); // vars:
8
- // --color
8
+ // --n-color
9
9
 
10
10
 
11
11
  exports.default = (0, cssr_1.cB)('hr', `
12
12
  margin: 12px 0;
13
- transition: border-color .3s var(--bezier);
13
+ transition: border-color .3s var(--n-bezier);
14
14
  border-left: none;
15
15
  border-right: none;
16
16
  border-bottom: none;
17
- border-top: 1px solid var(--color);
17
+ border-top: 1px solid var(--n-color);
18
18
  `);
@@ -7,33 +7,33 @@ Object.defineProperty(exports, "__esModule", {
7
7
  const cssr_1 = require("../../../_utils/cssr");
8
8
 
9
9
  const liStyle = (0, cssr_1.c)('li', {
10
- transition: 'color .3s var(--bezier)',
11
- lineHeight: 'var(--line-height)',
12
- margin: 'var(--li-margin)',
10
+ transition: 'color .3s var(--n-bezier)',
11
+ lineHeight: 'var(--n-line-height)',
12
+ margin: 'var(--n-li-margin)',
13
13
  marginBottom: 0,
14
- color: 'var(--text-color)'
14
+ color: 'var(--n-text-color)'
15
15
  });
16
16
  const childStyle = [(0, cssr_1.c)('&:first-child', `
17
17
  margin-top: 0;
18
18
  `), (0, cssr_1.c)('&:last-child', `
19
19
  margin-bottom: 0;
20
20
  `)]; // vars:
21
- // --bezier
22
- // --font-size
23
- // --line-height
24
- // --text-color
25
- // --li-margin
26
- // --ol-padding
27
- // --ul-padding
21
+ // --n-bezier
22
+ // --n-font-size
23
+ // --n-line-height
24
+ // --n-text-color
25
+ // --n-li-margin
26
+ // --n-ol-padding
27
+ // --n-ul-padding
28
28
 
29
29
  exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('ol', {
30
- fontSize: 'var(--font-size)',
31
- padding: 'var(--ol-padding)'
30
+ fontSize: 'var(--n-font-size)',
31
+ padding: 'var(--n-ol-padding)'
32
32
  }, [(0, cssr_1.cM)('align-text', {
33
33
  paddingLeft: 0
34
34
  }), liStyle, childStyle]), (0, cssr_1.cB)('ul', {
35
- fontSize: 'var(--font-size)',
36
- padding: 'var(--ul-padding)'
35
+ fontSize: 'var(--n-font-size)',
36
+ padding: 'var(--n-ul-padding)'
37
37
  }, [(0, cssr_1.cM)('align-text', {
38
38
  paddingLeft: 0
39
39
  }), liStyle, childStyle])]);
@@ -5,18 +5,18 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
 
7
7
  const cssr_1 = require("../../../_utils/cssr"); // vars:
8
- // --bezier
9
- // --font-size
10
- // --line-height
11
- // --margin
12
- // --text-color
8
+ // --n-bezier
9
+ // --n-font-size
10
+ // --n-line-height
11
+ // --n-margin
12
+ // --n-text-color
13
13
 
14
14
 
15
15
  exports.default = (0, cssr_1.cB)('p', `
16
16
  box-sizing: border-box;
17
- transition: color .3s var(--bezier);
18
- margin: var(--margin);
19
- font-size: var(--font-size);
20
- line-height: var(--line-height);
21
- color: var(--text-color);
17
+ transition: color .3s var(--n-bezier);
18
+ margin: var(--n-margin);
19
+ font-size: var(--n-font-size);
20
+ line-height: var(--n-line-height);
21
+ color: var(--n-text-color);
22
22
  `, [(0, cssr_1.c)('&:first-child', 'margin-top: 0;'), (0, cssr_1.c)('&:last-child', 'margin-bottom: 0;')]);
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
 
7
7
  const cssr_1 = require("../../../_utils/cssr"); // vars:
8
- // --text-color
9
- // --font-weight-strong
10
- // --font-famliy-mono
11
- // --code-border-radius
12
- // --code-text-color
13
- // --code-color
14
- // --code-border
8
+ // --n-text-color
9
+ // --n-font-weight-strong
10
+ // --n-font-famliy-mono
11
+ // --n-code-border-radius
12
+ // --n-code-text-color
13
+ // --n-code-color
14
+ // --n-code-border
15
15
 
16
16
 
17
17
  exports.default = (0, cssr_1.cB)('text', `
18
- transition: color .3s var(--bezier);
19
- color: var(--text-color);
18
+ transition: color .3s var(--n-bezier);
19
+ color: var(--n-text-color);
20
20
  `, [(0, cssr_1.cM)('strong', `
21
- font-weight: var(--font-weight-strong);
21
+ font-weight: var(--n-font-weight-strong);
22
22
  `), (0, cssr_1.cM)('italic', {
23
23
  fontStyle: 'italic'
24
24
  }), (0, cssr_1.cM)('underline', {
@@ -26,16 +26,16 @@ exports.default = (0, cssr_1.cB)('text', `
26
26
  }), (0, cssr_1.cM)('code', `
27
27
  line-height: 1.4;
28
28
  display: inline-block;
29
- font-family: var(--font-famliy-mono);
29
+ font-family: var(--n-font-famliy-mono);
30
30
  transition:
31
- color .3s var(--bezier),
32
- border-color .3s var(--bezier),
33
- background-color .3s var(--bezier);
31
+ color .3s var(--n-bezier),
32
+ border-color .3s var(--n-bezier),
33
+ background-color .3s var(--n-bezier);
34
34
  box-sizing: border-box;
35
35
  padding: .05em .35em 0 .35em;
36
- border-radius: var(--code-border-radius);
36
+ border-radius: var(--n-code-border-radius);
37
37
  font-size: .9em;
38
- color: var(--code-text-color);
39
- background-color: var(--code-color);
40
- border: var(--code-border);
38
+ color: var(--n-code-text-color);
39
+ background-color: var(--n-code-color);
40
+ border: var(--n-code-border);
41
41
  `)]);
@@ -436,13 +436,14 @@ declare const _default: import("vue").DefineComponent<{
436
436
  mergedClsPrefix: import("vue").ComputedRef<string>;
437
437
  compitableTag: import("vue").ComputedRef<string | undefined>;
438
438
  cssVars: import("vue").ComputedRef<{
439
- '--text-color': string;
440
- '--font-weight-strong': string;
441
- '--font-famliy-mono': string;
442
- '--code-border-radius': string;
443
- '--code-text-color': string;
444
- '--code-color': string;
445
- '--code-border': string;
439
+ '--n-bezier': string;
440
+ '--n-text-color': string;
441
+ '--n-font-weight-strong': string;
442
+ '--n-font-famliy-mono': string;
443
+ '--n-code-border-radius': string;
444
+ '--n-code-text-color': string;
445
+ '--n-code-color': string;
446
+ '--n-code-border': string;
446
447
  }>;
447
448
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
448
449
  readonly code?: unknown;
@@ -40,15 +40,16 @@ exports.default = (0, vue_1.defineComponent)({
40
40
  ? 'textColor'
41
41
  : `textColor${depth}Depth`
42
42
  : (0, _utils_1.createKey)('textColor', type);
43
- const { common: { fontWeightStrong, fontFamilyMono }, self: { codeTextColor, codeBorderRadius, codeColor, codeBorder, [textColorKey]: textColor } } = themeRef.value;
43
+ const { common: { fontWeightStrong, fontFamilyMono, cubicBezierEaseInOut }, self: { codeTextColor, codeBorderRadius, codeColor, codeBorder, [textColorKey]: textColor } } = themeRef.value;
44
44
  return {
45
- '--text-color': textColor,
46
- '--font-weight-strong': fontWeightStrong,
47
- '--font-famliy-mono': fontFamilyMono,
48
- '--code-border-radius': codeBorderRadius,
49
- '--code-text-color': codeTextColor,
50
- '--code-color': codeColor,
51
- '--code-border': codeBorder
45
+ '--n-bezier': cubicBezierEaseInOut,
46
+ '--n-text-color': textColor,
47
+ '--n-font-weight-strong': fontWeightStrong,
48
+ '--n-font-famliy-mono': fontFamilyMono,
49
+ '--n-code-border-radius': codeBorderRadius,
50
+ '--n-code-text-color': codeTextColor,
51
+ '--n-code-color': codeColor,
52
+ '--n-code-border': codeBorder
52
53
  };
53
54
  })
54
55
  };
@@ -404,13 +404,13 @@ declare const _default: import("vue").DefineComponent<{
404
404
  }, {
405
405
  mergedClsPrefix: import("vue").ComputedRef<string>;
406
406
  cssVars: import("vue").ComputedRef<{
407
- '--bezier': string;
408
- '--font-size': string;
409
- '--line-height': string;
410
- '--text-color': string;
411
- '--li-margin': string;
412
- '--ol-padding': string;
413
- '--ul-padding': string;
407
+ '--n-bezier': string;
408
+ '--n-font-size': string;
409
+ '--n-line-height': string;
410
+ '--n-text-color': string;
411
+ '--n-li-margin': string;
412
+ '--n-ol-padding': string;
413
+ '--n-ul-padding': string;
414
414
  }>;
415
415
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
416
416
  readonly alignText?: unknown;
@@ -19,13 +19,13 @@ exports.default = (0, vue_1.defineComponent)({
19
19
  cssVars: (0, vue_1.computed)(() => {
20
20
  const { common: { cubicBezierEaseInOut }, self: { olPadding, ulPadding, liMargin, liTextColor, liLineHeight, liFontSize } } = themeRef.value;
21
21
  return {
22
- '--bezier': cubicBezierEaseInOut,
23
- '--font-size': liFontSize,
24
- '--line-height': liLineHeight,
25
- '--text-color': liTextColor,
26
- '--li-margin': liMargin,
27
- '--ol-padding': olPadding,
28
- '--ul-padding': ulPadding
22
+ '--n-bezier': cubicBezierEaseInOut,
23
+ '--n-font-size': liFontSize,
24
+ '--n-line-height': liLineHeight,
25
+ '--n-text-color': liTextColor,
26
+ '--n-li-margin': liMargin,
27
+ '--n-ol-padding': olPadding,
28
+ '--n-ul-padding': ulPadding
29
29
  };
30
30
  })
31
31
  };
package/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "2.22.0";
1
+ declare const _default: "2.23.0";
2
2
  export default _default;
package/lib/version.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = '2.22.0';
3
+ exports.default = '2.23.0';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "naive-ui",
3
- "version": "2.22.0",
3
+ "version": "2.23.0",
4
4
  "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -62,7 +62,7 @@
62
62
  ]
63
63
  },
64
64
  "devDependencies": {
65
- "esbuild": "0.14.3",
65
+ "esbuild": "0.14.5",
66
66
  "@babel/eslint-parser": "^7.15.8",
67
67
  "@babel/generator": "^7.12.11",
68
68
  "@babel/parser": "^7.12.11",