@fle-ui/next 3.0.0-alpha.1 → 3.0.0-alpha.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (125) hide show
  1. package/package.json +1 -1
  2. package/es/theme/index.d.ts +0 -21
  3. package/es/theme/index.js +0 -37
  4. package/es/theme/interface/alias.d.ts +0 -133
  5. package/es/theme/interface/alias.js +0 -1
  6. package/es/theme/interface/components.d.ts +0 -110
  7. package/es/theme/interface/components.js +0 -1
  8. package/es/theme/interface/index.d.ts +0 -13
  9. package/es/theme/interface/index.js +0 -1
  10. package/es/theme/interface/maps/colors.d.ts +0 -342
  11. package/es/theme/interface/maps/colors.js +0 -1
  12. package/es/theme/interface/maps/index.d.ts +0 -15
  13. package/es/theme/interface/maps/index.js +0 -3
  14. package/es/theme/interface/maps/size.d.ts +0 -49
  15. package/es/theme/interface/maps/size.js +0 -1
  16. package/es/theme/interface/maps/style.d.ts +0 -33
  17. package/es/theme/interface/maps/style.js +0 -1
  18. package/es/theme/interface/presetColors.d.ts +0 -8
  19. package/es/theme/interface/presetColors.js +0 -1
  20. package/es/theme/interface/seeds.d.ts +0 -139
  21. package/es/theme/interface/seeds.js +0 -1
  22. package/es/theme/internal.d.ts +0 -23
  23. package/es/theme/internal.js +0 -47
  24. package/es/theme/themes/ColorMap.d.ts +0 -15
  25. package/es/theme/themes/ColorMap.js +0 -1
  26. package/es/theme/themes/compact/genCompactSizeMapToken.d.ts +0 -2
  27. package/es/theme/themes/compact/genCompactSizeMapToken.js +0 -16
  28. package/es/theme/themes/compact/index.d.ts +0 -4
  29. package/es/theme/themes/compact/index.js +0 -28
  30. package/es/theme/themes/dark/colorAlgorithm.d.ts +0 -2
  31. package/es/theme/themes/dark/colorAlgorithm.js +0 -8
  32. package/es/theme/themes/dark/colors.d.ts +0 -3
  33. package/es/theme/themes/dark/colors.js +0 -44
  34. package/es/theme/themes/dark/index.d.ts +0 -4
  35. package/es/theme/themes/dark/index.js +0 -28
  36. package/es/theme/themes/default/colorAlgorithm.d.ts +0 -2
  37. package/es/theme/themes/default/colorAlgorithm.js +0 -8
  38. package/es/theme/themes/default/colors.d.ts +0 -3
  39. package/es/theme/themes/default/colors.js +0 -42
  40. package/es/theme/themes/default/index.d.ts +0 -2
  41. package/es/theme/themes/default/index.js +0 -24
  42. package/es/theme/themes/seed.d.ts +0 -4
  43. package/es/theme/themes/seed.js +0 -61
  44. package/es/theme/themes/shared/genColorMapToken.d.ts +0 -8
  45. package/es/theme/themes/shared/genColorMapToken.js +0 -73
  46. package/es/theme/themes/shared/genCommonMapToken.d.ts +0 -2
  47. package/es/theme/themes/shared/genCommonMapToken.js +0 -26
  48. package/es/theme/themes/shared/genControlHeight.d.ts +0 -3
  49. package/es/theme/themes/shared/genControlHeight.js +0 -10
  50. package/es/theme/themes/shared/genFontSizes.d.ts +0 -4
  51. package/es/theme/themes/shared/genFontSizes.js +0 -18
  52. package/es/theme/themes/shared/genRadius.d.ts +0 -3
  53. package/es/theme/themes/shared/genRadius.js +0 -51
  54. package/es/theme/themes/shared/genSizeMapToken.d.ts +0 -2
  55. package/es/theme/themes/shared/genSizeMapToken.js +0 -16
  56. package/es/theme/util/alias.d.ts +0 -12
  57. package/es/theme/util/alias.js +0 -169
  58. package/es/theme/util/genComponentStyleHook.d.ts +0 -25
  59. package/es/theme/util/genComponentStyleHook.js +0 -65
  60. package/es/theme/util/getAlphaColor.d.ts +0 -2
  61. package/es/theme/util/getAlphaColor.js +0 -46
  62. package/es/theme/util/statistic.d.ts +0 -18
  63. package/es/theme/util/statistic.js +0 -80
  64. package/lib/theme/index.d.ts +0 -21
  65. package/lib/theme/index.js +0 -52
  66. package/lib/theme/interface/alias.d.ts +0 -133
  67. package/lib/theme/interface/alias.js +0 -5
  68. package/lib/theme/interface/components.d.ts +0 -110
  69. package/lib/theme/interface/components.js +0 -5
  70. package/lib/theme/interface/index.d.ts +0 -13
  71. package/lib/theme/interface/index.js +0 -13
  72. package/lib/theme/interface/maps/colors.d.ts +0 -342
  73. package/lib/theme/interface/maps/colors.js +0 -5
  74. package/lib/theme/interface/maps/index.d.ts +0 -15
  75. package/lib/theme/interface/maps/index.js +0 -44
  76. package/lib/theme/interface/maps/size.d.ts +0 -49
  77. package/lib/theme/interface/maps/size.js +0 -5
  78. package/lib/theme/interface/maps/style.d.ts +0 -33
  79. package/lib/theme/interface/maps/style.js +0 -5
  80. package/lib/theme/interface/presetColors.d.ts +0 -8
  81. package/lib/theme/interface/presetColors.js +0 -8
  82. package/lib/theme/interface/seeds.d.ts +0 -139
  83. package/lib/theme/interface/seeds.js +0 -5
  84. package/lib/theme/internal.d.ts +0 -23
  85. package/lib/theme/internal.js +0 -108
  86. package/lib/theme/themes/ColorMap.d.ts +0 -15
  87. package/lib/theme/themes/ColorMap.js +0 -5
  88. package/lib/theme/themes/compact/genCompactSizeMapToken.d.ts +0 -2
  89. package/lib/theme/themes/compact/genCompactSizeMapToken.js +0 -23
  90. package/lib/theme/themes/compact/index.d.ts +0 -4
  91. package/lib/theme/themes/compact/index.js +0 -42
  92. package/lib/theme/themes/dark/colorAlgorithm.d.ts +0 -2
  93. package/lib/theme/themes/dark/colorAlgorithm.js +0 -21
  94. package/lib/theme/themes/dark/colors.d.ts +0 -3
  95. package/lib/theme/themes/dark/colors.js +0 -58
  96. package/lib/theme/themes/dark/index.d.ts +0 -4
  97. package/lib/theme/themes/dark/index.js +0 -43
  98. package/lib/theme/themes/default/colorAlgorithm.d.ts +0 -2
  99. package/lib/theme/themes/default/colorAlgorithm.js +0 -21
  100. package/lib/theme/themes/default/colors.d.ts +0 -3
  101. package/lib/theme/themes/default/colors.js +0 -56
  102. package/lib/theme/themes/default/index.d.ts +0 -2
  103. package/lib/theme/themes/default/index.js +0 -41
  104. package/lib/theme/themes/seed.d.ts +0 -4
  105. package/lib/theme/themes/seed.js +0 -71
  106. package/lib/theme/themes/shared/genColorMapToken.d.ts +0 -8
  107. package/lib/theme/themes/shared/genColorMapToken.js +0 -84
  108. package/lib/theme/themes/shared/genCommonMapToken.d.ts +0 -2
  109. package/lib/theme/themes/shared/genCommonMapToken.js +0 -38
  110. package/lib/theme/themes/shared/genControlHeight.d.ts +0 -3
  111. package/lib/theme/themes/shared/genControlHeight.js +0 -18
  112. package/lib/theme/themes/shared/genFontSizes.d.ts +0 -4
  113. package/lib/theme/themes/shared/genFontSizes.js +0 -24
  114. package/lib/theme/themes/shared/genRadius.d.ts +0 -3
  115. package/lib/theme/themes/shared/genRadius.js +0 -59
  116. package/lib/theme/themes/shared/genSizeMapToken.d.ts +0 -2
  117. package/lib/theme/themes/shared/genSizeMapToken.js +0 -23
  118. package/lib/theme/util/alias.d.ts +0 -12
  119. package/lib/theme/util/alias.js +0 -177
  120. package/lib/theme/util/genComponentStyleHook.d.ts +0 -25
  121. package/lib/theme/util/genComponentStyleHook.js +0 -79
  122. package/lib/theme/util/getAlphaColor.d.ts +0 -2
  123. package/lib/theme/util/getAlphaColor.js +0 -54
  124. package/lib/theme/util/statistic.d.ts +0 -18
  125. package/lib/theme/util/statistic.js +0 -97
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = genColorMapToken;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _tinycolor = require("@ctrl/tinycolor");
13
-
14
- function genColorMapToken(seed, _ref) {
15
- var generateColorPalettes = _ref.generateColorPalettes,
16
- generateNeutralColorPalettes = _ref.generateNeutralColorPalettes;
17
- var colorSuccessBase = seed.colorSuccess,
18
- colorWarningBase = seed.colorWarning,
19
- colorErrorBase = seed.colorError,
20
- colorInfoBase = seed.colorInfo,
21
- colorPrimaryBase = seed.colorPrimary,
22
- colorBgBase = seed.colorBgBase,
23
- colorTextBase = seed.colorTextBase;
24
- var primaryColors = generateColorPalettes(colorPrimaryBase);
25
- var successColors = generateColorPalettes(colorSuccessBase);
26
- var warningColors = generateColorPalettes(colorWarningBase);
27
- var errorColors = generateColorPalettes(colorErrorBase);
28
- var infoColors = generateColorPalettes(colorInfoBase);
29
- var neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
30
- return (0, _extends2["default"])((0, _extends2["default"])({}, neutralColors), {
31
- colorPrimaryBg: primaryColors[1],
32
- colorPrimaryBgHover: primaryColors[2],
33
- colorPrimaryBorder: primaryColors[3],
34
- colorPrimaryBorderHover: primaryColors[4],
35
- colorPrimaryHover: primaryColors[5],
36
- colorPrimary: primaryColors[6],
37
- colorPrimaryActive: primaryColors[7],
38
- colorPrimaryTextHover: primaryColors[8],
39
- colorPrimaryText: primaryColors[9],
40
- colorPrimaryTextActive: primaryColors[10],
41
- colorSuccessBg: successColors[1],
42
- colorSuccessBgHover: successColors[2],
43
- colorSuccessBorder: successColors[3],
44
- colorSuccessBorderHover: successColors[4],
45
- colorSuccessHover: successColors[4],
46
- colorSuccess: successColors[6],
47
- colorSuccessActive: successColors[7],
48
- colorSuccessTextHover: successColors[8],
49
- colorSuccessText: successColors[9],
50
- colorSuccessTextActive: successColors[10],
51
- colorErrorBg: errorColors[1],
52
- colorErrorBgHover: errorColors[2],
53
- colorErrorBorder: errorColors[3],
54
- colorErrorBorderHover: errorColors[4],
55
- colorErrorHover: errorColors[5],
56
- colorError: errorColors[6],
57
- colorErrorActive: errorColors[7],
58
- colorErrorTextHover: errorColors[8],
59
- colorErrorText: errorColors[9],
60
- colorErrorTextActive: errorColors[10],
61
- colorWarningBg: warningColors[1],
62
- colorWarningBgHover: warningColors[2],
63
- colorWarningBorder: warningColors[3],
64
- colorWarningBorderHover: warningColors[4],
65
- colorWarningHover: warningColors[4],
66
- colorWarning: warningColors[6],
67
- colorWarningActive: warningColors[7],
68
- colorWarningTextHover: warningColors[8],
69
- colorWarningText: warningColors[9],
70
- colorWarningTextActive: warningColors[10],
71
- colorInfoBg: infoColors[1],
72
- colorInfoBgHover: infoColors[2],
73
- colorInfoBorder: infoColors[3],
74
- colorInfoBorderHover: infoColors[4],
75
- colorInfoHover: infoColors[4],
76
- colorInfo: infoColors[6],
77
- colorInfoActive: infoColors[7],
78
- colorInfoTextHover: infoColors[8],
79
- colorInfoText: infoColors[9],
80
- colorInfoTextActive: infoColors[10],
81
- colorBgMask: new _tinycolor.TinyColor('#000').setAlpha(0.45).toRgbString(),
82
- colorWhite: '#fff'
83
- });
84
- }
@@ -1,2 +0,0 @@
1
- import type { CommonMapToken, SeedToken } from '../../interface';
2
- export default function genCommonMapToken(token: SeedToken): CommonMapToken;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = genCommonMapToken;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _genFontSizes = _interopRequireDefault(require("./genFontSizes"));
13
-
14
- var _genRadius = _interopRequireDefault(require("./genRadius"));
15
-
16
- function genCommonMapToken(token) {
17
- var motionUnit = token.motionUnit,
18
- motionBase = token.motionBase,
19
- fontSize = token.fontSize,
20
- borderRadius = token.borderRadius,
21
- lineWidth = token.lineWidth;
22
- var fontSizes = (0, _genFontSizes["default"])(fontSize);
23
- return (0, _extends2["default"])({
24
- // motion
25
- motionDurationFast: (motionBase + motionUnit).toFixed(1) + "s",
26
- motionDurationMid: (motionBase + motionUnit * 2).toFixed(1) + "s",
27
- motionDurationSlow: (motionBase + motionUnit * 3).toFixed(1) + "s",
28
- // font
29
- fontSizes: fontSizes.map(function (fs) {
30
- return fs.size;
31
- }),
32
- lineHeights: fontSizes.map(function (fs) {
33
- return fs.lineHeight;
34
- }),
35
- // line
36
- lineWidthBold: lineWidth + 1
37
- }, (0, _genRadius["default"])(borderRadius));
38
- }
@@ -1,3 +0,0 @@
1
- import type { HeightMapToken, SeedToken } from '../../interface';
2
- declare const genControlHeight: (token: SeedToken) => HeightMapToken;
3
- export default genControlHeight;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var genControlHeight = function genControlHeight(token) {
9
- var controlHeight = token.controlHeight;
10
- return {
11
- controlHeightSM: controlHeight * 0.75,
12
- controlHeightXS: controlHeight * 0.5,
13
- controlHeightLG: controlHeight * 1.25
14
- };
15
- };
16
-
17
- var _default = genControlHeight;
18
- exports["default"] = _default;
@@ -1,4 +0,0 @@
1
- export default function getFontSizes(base: number): {
2
- size: number;
3
- lineHeight: number;
4
- }[];
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = getFontSizes; // https://zhuanlan.zhihu.com/p/32746810
7
-
8
- function getFontSizes(base) {
9
- var fontSizes = new Array(10).fill(null).map(function (_, index) {
10
- var i = index - 1;
11
- var baseSize = base * Math.pow(2.71828, i / 5);
12
- var intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize); // Convert to even
13
-
14
- return Math.floor(intSize / 2) * 2;
15
- });
16
- fontSizes[1] = base;
17
- return fontSizes.map(function (size) {
18
- var height = size + 8;
19
- return {
20
- size: size,
21
- lineHeight: height / size
22
- };
23
- });
24
- }
@@ -1,3 +0,0 @@
1
- import type { MapToken } from '../../interface';
2
- declare const genRadius: (radiusBase: number) => Pick<MapToken, 'borderRadiusXS' | 'borderRadiusSM' | 'borderRadiusLG' | 'borderRadius' | 'borderRadiusOuter'>;
3
- export default genRadius;
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var genRadius = function genRadius(radiusBase) {
9
- var radiusLG = radiusBase;
10
- var radiusSM = radiusBase;
11
- var radiusXS = radiusBase;
12
- var radiusOuter = radiusBase; // radiusLG
13
-
14
- if (radiusBase < 6 && radiusBase >= 5) {
15
- radiusLG = radiusBase + 1;
16
- } else if (radiusBase < 16 && radiusBase >= 6) {
17
- radiusLG = radiusBase + 2;
18
- } else if (radiusBase >= 16) {
19
- radiusLG = 16;
20
- } // radiusSM
21
-
22
-
23
- if (radiusBase < 7 && radiusBase >= 5) {
24
- radiusSM = 4;
25
- } else if (radiusBase < 8 && radiusBase >= 7) {
26
- radiusSM = 5;
27
- } else if (radiusBase < 14 && radiusBase >= 8) {
28
- radiusSM = 6;
29
- } else if (radiusBase < 16 && radiusBase >= 14) {
30
- radiusSM = 7;
31
- } else if (radiusBase >= 16) {
32
- radiusSM = 8;
33
- } // radiusXS
34
-
35
-
36
- if (radiusBase < 6 && radiusBase >= 2) {
37
- radiusXS = 1;
38
- } else if (radiusBase >= 6) {
39
- radiusXS = 2;
40
- } // radiusOuter
41
-
42
-
43
- if (radiusBase > 4 && radiusBase < 8) {
44
- radiusOuter = 4;
45
- } else if (radiusBase >= 8) {
46
- radiusOuter = 6;
47
- }
48
-
49
- return {
50
- borderRadius: radiusBase > 16 ? 16 : radiusBase,
51
- borderRadiusXS: radiusXS,
52
- borderRadiusSM: radiusSM,
53
- borderRadiusLG: radiusLG,
54
- borderRadiusOuter: radiusOuter
55
- };
56
- };
57
-
58
- var _default = genRadius;
59
- exports["default"] = _default;
@@ -1,2 +0,0 @@
1
- import type { SeedToken, SizeMapToken } from '../../interface';
2
- export default function genSizeMapToken(token: SeedToken): SizeMapToken;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = genSizeMapToken;
7
-
8
- function genSizeMapToken(token) {
9
- var sizeUnit = token.sizeUnit,
10
- sizeStep = token.sizeStep;
11
- return {
12
- sizeXXL: sizeUnit * (sizeStep + 8),
13
- sizeXL: sizeUnit * (sizeStep + 4),
14
- sizeLG: sizeUnit * (sizeStep + 2),
15
- sizeMD: sizeUnit * (sizeStep + 1),
16
- sizeMS: sizeUnit * sizeStep,
17
- size: sizeUnit * sizeStep,
18
- sizeSM: sizeUnit * (sizeStep - 1),
19
- sizeXS: sizeUnit * (sizeStep - 2),
20
- sizeXXS: sizeUnit * (sizeStep - 3) // 4
21
-
22
- };
23
- }
@@ -1,12 +0,0 @@
1
- import type { AliasToken, MapToken, OverrideToken } from '../interface';
2
- /** Raw merge of `@ant-design/cssinjs` token. Which need additional process */
3
- type RawMergedToken = MapToken & OverrideToken & {
4
- override: Partial<AliasToken>;
5
- };
6
- /**
7
- * Seed (designer) > Derivative (designer) > Alias (developer).
8
- *
9
- * Merge seed & derivative & override token and generate alias token for developer.
10
- */
11
- export default function formatToken(derivativeToken: RawMergedToken): AliasToken;
12
- export {};
@@ -1,177 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = formatToken;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _tinycolor = require("@ctrl/tinycolor");
13
-
14
- var _getAlphaColor = _interopRequireDefault(require("./getAlphaColor"));
15
-
16
- var _seed = _interopRequireDefault(require("../themes/seed"));
17
-
18
- var __rest = void 0 && (void 0).__rest || function (s, e) {
19
- var t = {};
20
-
21
- for (var p in s) {
22
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
23
- }
24
-
25
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
26
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
27
- }
28
- return t;
29
- };
30
- /**
31
- * Seed (designer) > Derivative (designer) > Alias (developer).
32
- *
33
- * Merge seed & derivative & override token and generate alias token for developer.
34
- */
35
-
36
-
37
- function formatToken(derivativeToken) {
38
- var override = derivativeToken.override,
39
- restToken = __rest(derivativeToken, ["override"]);
40
-
41
- var overrideTokens = (0, _extends2["default"])({}, override);
42
- Object.keys(_seed["default"]).forEach(function (token) {
43
- delete overrideTokens[token];
44
- });
45
- var mergedToken = (0, _extends2["default"])((0, _extends2["default"])({}, restToken), overrideTokens);
46
- var fontSizes = mergedToken.fontSizes,
47
- lineHeights = mergedToken.lineHeights;
48
- var screenXS = 480;
49
- var screenSM = 576;
50
- var screenMD = 768;
51
- var screenLG = 992;
52
- var screenXL = 1200;
53
- var screenXXL = 1600;
54
- var fontSizeSM = fontSizes[0]; // Generate alias token
55
-
56
- var aliasToken = (0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({}, mergedToken), {
57
- colorLink: mergedToken.colorInfoText,
58
- colorLinkHover: mergedToken.colorInfoHover,
59
- colorLinkActive: mergedToken.colorInfoActive,
60
- // ============== Background ============== //
61
- colorFillContent: mergedToken.colorFillSecondary,
62
- colorFillContentHover: mergedToken.colorFill,
63
- colorFillAlter: mergedToken.colorFillQuaternary,
64
- colorBgContainerDisabled: mergedToken.colorFillTertiary,
65
- // ============== Split ============== //
66
- colorBorderBg: mergedToken.colorBgContainer,
67
- colorSplit: (0, _getAlphaColor["default"])(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),
68
- // ============== Text ============== //
69
- colorTextPlaceholder: mergedToken.colorTextQuaternary,
70
- colorTextDisabled: mergedToken.colorTextQuaternary,
71
- colorTextHeading: mergedToken.colorText,
72
- colorTextLabel: mergedToken.colorTextSecondary,
73
- colorTextDescription: mergedToken.colorTextTertiary,
74
- colorTextLightSolid: mergedToken.colorWhite,
75
- colorHighlight: mergedToken.colorError,
76
- colorBgTextHover: mergedToken.colorFillSecondary,
77
- colorBgTextActive: mergedToken.colorFill,
78
- colorIcon: mergedToken.colorTextTertiary,
79
- colorIconHover: mergedToken.colorText,
80
- colorErrorOutline: (0, _getAlphaColor["default"])(mergedToken.colorErrorBg, mergedToken.colorBgContainer),
81
- colorWarningOutline: (0, _getAlphaColor["default"])(mergedToken.colorWarningBg, mergedToken.colorBgContainer),
82
- // Font
83
- fontSizeSM: fontSizeSM,
84
- fontSize: fontSizes[1],
85
- fontSizeLG: fontSizes[2],
86
- fontSizeXL: fontSizes[3],
87
- fontSizeHeading1: fontSizes[6],
88
- fontSizeHeading2: fontSizes[5],
89
- fontSizeHeading3: fontSizes[4],
90
- fontSizeHeading4: fontSizes[3],
91
- fontSizeHeading5: fontSizes[2],
92
- fontSizeIcon: fontSizeSM,
93
- lineHeight: lineHeights[1],
94
- lineHeightLG: lineHeights[2],
95
- lineHeightSM: lineHeights[0],
96
- lineHeightHeading1: lineHeights[6],
97
- lineHeightHeading2: lineHeights[5],
98
- lineHeightHeading3: lineHeights[4],
99
- lineHeightHeading4: lineHeights[3],
100
- lineHeightHeading5: lineHeights[2],
101
- // Control
102
- lineWidth: mergedToken.lineWidth,
103
- controlOutlineWidth: mergedToken.lineWidth * 2,
104
- // Checkbox size and expand icon size
105
- controlInteractiveSize: mergedToken.controlHeight / 2,
106
- controlItemBgHover: mergedToken.colorFillTertiary,
107
- controlItemBgActive: mergedToken.colorPrimaryBg,
108
- controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,
109
- controlItemBgActiveDisabled: mergedToken.colorFill,
110
- controlTmpOutline: mergedToken.colorFillQuaternary,
111
- controlOutline: (0, _getAlphaColor["default"])(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),
112
- lineType: mergedToken.lineType,
113
- borderRadius: mergedToken.borderRadius,
114
- borderRadiusXS: mergedToken.borderRadiusXS,
115
- borderRadiusSM: mergedToken.borderRadiusSM,
116
- borderRadiusLG: mergedToken.borderRadiusLG,
117
- fontWeightStrong: 600,
118
- opacityLoading: 0.65,
119
- linkDecoration: 'none',
120
- linkHoverDecoration: 'none',
121
- linkFocusDecoration: 'none',
122
- controlPaddingHorizontal: 12,
123
- controlPaddingHorizontalSM: 8,
124
- paddingXXS: mergedToken.sizeXXS,
125
- paddingXS: mergedToken.sizeXS,
126
- paddingSM: mergedToken.sizeSM,
127
- padding: mergedToken.size,
128
- paddingMD: mergedToken.sizeMD,
129
- paddingLG: mergedToken.sizeLG,
130
- paddingXL: mergedToken.sizeXL,
131
- paddingContentHorizontalLG: mergedToken.sizeLG,
132
- paddingContentVerticalLG: mergedToken.sizeMS,
133
- paddingContentHorizontal: mergedToken.sizeMS,
134
- paddingContentVertical: mergedToken.sizeSM,
135
- paddingContentHorizontalSM: mergedToken.size,
136
- paddingContentVerticalSM: mergedToken.sizeXS,
137
- marginXXS: mergedToken.sizeXXS,
138
- marginXS: mergedToken.sizeXS,
139
- marginSM: mergedToken.sizeSM,
140
- margin: mergedToken.size,
141
- marginMD: mergedToken.sizeMD,
142
- marginLG: mergedToken.sizeLG,
143
- marginXL: mergedToken.sizeXL,
144
- marginXXL: mergedToken.sizeXXL,
145
- boxShadow: "\n 0 1px 2px 0 rgba(0, 0, 0, 0.03),\n 0 1px 6px -1px rgba(0, 0, 0, 0.02),\n 0 2px 4px 0 rgba(0, 0, 0, 0.02)\n ",
146
- boxShadowSecondary: "\n 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05)\n ",
147
- screenXS: screenXS,
148
- screenXSMin: screenXS,
149
- screenXSMax: screenSM - 1,
150
- screenSM: screenSM,
151
- screenSMMin: screenSM,
152
- screenSMMax: screenMD - 1,
153
- screenMD: screenMD,
154
- screenMDMin: screenMD,
155
- screenMDMax: screenLG - 1,
156
- screenLG: screenLG,
157
- screenLGMin: screenLG,
158
- screenLGMax: screenXL - 1,
159
- screenXL: screenXL,
160
- screenXLMin: screenXL,
161
- screenXLMax: screenXXL - 1,
162
- screenXXL: screenXXL,
163
- screenXXLMin: screenXXL,
164
- // FIXME: component box-shadow, should be removed
165
- boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)",
166
- boxShadowCard: "\n 0 1px 2px -2px " + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.16)').toRgbString() + ",\n 0 3px 6px 0 " + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.12)').toRgbString() + ",\n 0 5px 12px 4px " + new _tinycolor.TinyColor('rgba(0, 0, 0, 0.09)').toRgbString() + "\n ",
167
- boxShadowDrawerRight: "\n -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n ",
168
- boxShadowDrawerLeft: "\n 6px 0 16px 0 rgba(0, 0, 0, 0.08),\n 3px 0 6px -4px rgba(0, 0, 0, 0.12),\n 9px 0 28px 8px rgba(0, 0, 0, 0.05)\n ",
169
- boxShadowDrawerUp: "\n 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05)\n ",
170
- boxShadowDrawerDown: "\n 0 -6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 -3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 -9px 28px 8px rgba(0, 0, 0, 0.05)\n ",
171
- boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
172
- boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
173
- boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
174
- boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)"
175
- }), overrideTokens);
176
- return aliasToken;
177
- }
@@ -1,25 +0,0 @@
1
- import type { CSSInterpolation } from '@ant-design/cssinjs';
2
- import type { UseComponentStyleResult } from '../internal';
3
- import type { ComponentTokenMap, GlobalToken } from '../interface';
4
- export type OverrideTokenWithoutDerivative = ComponentTokenMap;
5
- export type OverrideComponent = keyof OverrideTokenWithoutDerivative;
6
- export type GlobalTokenWithComponent<ComponentName extends OverrideComponent> = GlobalToken & ComponentTokenMap[ComponentName];
7
- export interface StyleInfo<ComponentName extends OverrideComponent> {
8
- hashId: string;
9
- prefixCls: string;
10
- rootPrefixCls: string;
11
- iconPrefixCls: string;
12
- overrideComponentToken: ComponentTokenMap[ComponentName];
13
- }
14
- export type TokenWithCommonCls<T> = T & {
15
- /** Wrap component class with `.` prefix */
16
- componentCls: string;
17
- /** Origin prefix which do not have `.` prefix */
18
- prefixCls: string;
19
- /** Wrap icon class with `.` prefix */
20
- iconCls: string;
21
- /** Wrap ant prefixCls class with `.` prefix */
22
- antCls: string;
23
- };
24
- export type FullToken<ComponentName extends OverrideComponent> = TokenWithCommonCls<GlobalTokenWithComponent<ComponentName>>;
25
- export default function genComponentStyleHook<ComponentName extends OverrideComponent>(component: ComponentName, styleFn: (token: FullToken<ComponentName>, info: StyleInfo<ComponentName>) => CSSInterpolation, getDefaultToken?: OverrideTokenWithoutDerivative[ComponentName] | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName])): (prefixCls: string) => UseComponentStyleResult;
@@ -1,79 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = genComponentStyleHook;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
- var _cssinjs = require("@ant-design/cssinjs");
15
-
16
- var _react = require("react");
17
-
18
- var _style = require("../../style");
19
-
20
- var _context = require("../../config-provider/context");
21
-
22
- var _internal = require("../internal");
23
-
24
- function genComponentStyleHook(component, styleFn, getDefaultToken) {
25
- return function (prefixCls) {
26
- var _useToken = (0, _internal.useToken)(),
27
- _useToken2 = (0, _slicedToArray2["default"])(_useToken, 3),
28
- theme = _useToken2[0],
29
- token = _useToken2[1],
30
- hashId = _useToken2[2];
31
-
32
- var _useContext = (0, _react.useContext)(_context.ConfigContext),
33
- getPrefixCls = _useContext.getPrefixCls,
34
- iconPrefixCls = _useContext.iconPrefixCls;
35
-
36
- var rootPrefixCls = getPrefixCls(); // Generate style for all a tags in antd component.
37
-
38
- (0, _cssinjs.useStyleRegister)({
39
- theme: theme,
40
- token: token,
41
- hashId: hashId,
42
- path: ['Shared', rootPrefixCls]
43
- }, function () {
44
- return [{
45
- // Link
46
- '&': (0, _style.genLinkStyle)(token)
47
- }];
48
- });
49
- return [(0, _cssinjs.useStyleRegister)({
50
- theme: theme,
51
- token: token,
52
- hashId: hashId,
53
- path: [component, prefixCls, iconPrefixCls]
54
- }, function () {
55
- var _statisticToken = (0, _internal.statisticToken)(token),
56
- proxyToken = _statisticToken.token,
57
- flush = _statisticToken.flush;
58
-
59
- var defaultComponentToken = typeof getDefaultToken === 'function' ? getDefaultToken(proxyToken) : getDefaultToken;
60
- var mergedComponentToken = (0, _extends2["default"])((0, _extends2["default"])({}, defaultComponentToken), token[component]);
61
- var componentCls = "." + prefixCls;
62
- var mergedToken = (0, _internal.mergeToken)(proxyToken, {
63
- componentCls: componentCls,
64
- prefixCls: prefixCls,
65
- iconCls: "." + iconPrefixCls,
66
- antCls: "." + rootPrefixCls
67
- }, mergedComponentToken);
68
- var styleInterpolation = styleFn(mergedToken, {
69
- hashId: hashId,
70
- prefixCls: prefixCls,
71
- rootPrefixCls: rootPrefixCls,
72
- iconPrefixCls: iconPrefixCls,
73
- overrideComponentToken: token[component]
74
- });
75
- flush(component, mergedComponentToken);
76
- return [(0, _style.genCommonStyle)(token, prefixCls), styleInterpolation];
77
- }), hashId];
78
- };
79
- }
@@ -1,2 +0,0 @@
1
- declare function getAlphaColor(frontColor: string, backgroundColor: string): string;
2
- export default getAlphaColor;
@@ -1,54 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _tinycolor = require("@ctrl/tinycolor");
9
-
10
- function isStableColor(color) {
11
- return color >= 0 && color <= 255;
12
- }
13
-
14
- function getAlphaColor(frontColor, backgroundColor) {
15
- var _TinyColor$toRgb = new _tinycolor.TinyColor(frontColor).toRgb(),
16
- fR = _TinyColor$toRgb.r,
17
- fG = _TinyColor$toRgb.g,
18
- fB = _TinyColor$toRgb.b,
19
- originAlpha = _TinyColor$toRgb.a;
20
-
21
- if (originAlpha < 1) {
22
- return frontColor;
23
- }
24
-
25
- var _TinyColor$toRgb2 = new _tinycolor.TinyColor(backgroundColor).toRgb(),
26
- bR = _TinyColor$toRgb2.r,
27
- bG = _TinyColor$toRgb2.g,
28
- bB = _TinyColor$toRgb2.b;
29
-
30
- for (var fA = 0.01; fA <= 1; fA += 0.01) {
31
- var r = Math.round((fR - bR * (1 - fA)) / fA);
32
- var g = Math.round((fG - bG * (1 - fA)) / fA);
33
- var b = Math.round((fB - bB * (1 - fA)) / fA);
34
- if (isStableColor(r) && isStableColor(g) && isStableColor(b)) return new _tinycolor.TinyColor({
35
- r: r,
36
- g: g,
37
- b: b,
38
- a: Math.round(fA * 100) / 100
39
- }).toRgbString();
40
- } // fallback
41
-
42
- /* istanbul ignore next */
43
-
44
-
45
- return new _tinycolor.TinyColor({
46
- r: fR,
47
- g: fG,
48
- b: fB,
49
- a: 1
50
- }).toRgbString();
51
- }
52
-
53
- var _default = getAlphaColor;
54
- exports["default"] = _default;
@@ -1,18 +0,0 @@
1
- /**
2
- * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to
3
- * pass all value access in development. To support statistic field usage with alias token.
4
- */
5
- export declare function merge<T extends object>(...objs: Partial<T>[]): T;
6
- /** @private Internal Usage. Not use in your production. */
7
- export declare const statistic: Record<string, {
8
- global: string[];
9
- component: Record<string, string | number>;
10
- }>;
11
- /** @private Internal Usage. Not use in your production. */
12
- export declare const _statistic_build_: typeof statistic;
13
- /** Statistic token usage case. Should use `merge` function if you do not want spread record. */
14
- export default function statisticToken<T extends object>(token: T): {
15
- token: T;
16
- keys: Set<string> | undefined;
17
- flush: (componentName: string, componentToken: Record<string, string | number>) => void;
18
- };