@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,61 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- export var defaultPresetColors = {
3
- blue: '#1677ff',
4
- purple: '#722ED1',
5
- cyan: '#13C2C2',
6
- green: '#52C41A',
7
- magenta: '#EB2F96',
8
- pink: '#eb2f96',
9
- red: '#F5222D',
10
- orange: '#FA8C16',
11
- yellow: '#FADB14',
12
- volcano: '#FA541C',
13
- geekblue: '#2F54EB',
14
- gold: '#FAAD14',
15
- lime: '#A0D911'
16
- };
17
-
18
- var seedToken = _extends(_extends({}, defaultPresetColors), {
19
- // Color
20
- colorPrimary: '#1677ff',
21
- colorSuccess: '#52c41a',
22
- colorWarning: '#faad14',
23
- colorError: '#ff4d4f',
24
- colorInfo: '#1677ff',
25
- colorTextBase: '',
26
- colorBgBase: '',
27
- // Font
28
- fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n'Noto Color Emoji'",
29
- fontSize: 14,
30
- // Line
31
- lineWidth: 1,
32
- lineType: 'solid',
33
- // Motion
34
- motionUnit: 0.1,
35
- motionBase: 0,
36
- motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
37
- motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
38
- motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
39
- motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
40
- motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
41
- motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
42
- motionEaseInQuint: "cubic-bezier(0.645, 0.045, 0.355, 1)",
43
- motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
44
- // Radius
45
- borderRadius: 6,
46
- // Size
47
- sizeUnit: 4,
48
- sizeStep: 4,
49
- sizePopupArrow: 16,
50
- // Control Base
51
- controlHeight: 32,
52
- // zIndex
53
- zIndexBase: 0,
54
- zIndexPopupBase: 1000,
55
- // Image
56
- opacityImage: 1,
57
- // Wireframe
58
- wireframe: false
59
- });
60
-
61
- export default seedToken;
@@ -1,8 +0,0 @@
1
- import type { ColorMapToken, SeedToken } from '../../interface';
2
- import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
3
- interface PaletteGenerators {
4
- generateColorPalettes: GenerateColorMap;
5
- generateNeutralColorPalettes: GenerateNeutralColorMap;
6
- }
7
- export default function genColorMapToken(seed: SeedToken, { generateColorPalettes, generateNeutralColorPalettes }: PaletteGenerators): ColorMapToken;
8
- export {};
@@ -1,73 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import { TinyColor } from '@ctrl/tinycolor';
3
- export default function genColorMapToken(seed, _ref) {
4
- var generateColorPalettes = _ref.generateColorPalettes,
5
- generateNeutralColorPalettes = _ref.generateNeutralColorPalettes;
6
- var colorSuccessBase = seed.colorSuccess,
7
- colorWarningBase = seed.colorWarning,
8
- colorErrorBase = seed.colorError,
9
- colorInfoBase = seed.colorInfo,
10
- colorPrimaryBase = seed.colorPrimary,
11
- colorBgBase = seed.colorBgBase,
12
- colorTextBase = seed.colorTextBase;
13
- var primaryColors = generateColorPalettes(colorPrimaryBase);
14
- var successColors = generateColorPalettes(colorSuccessBase);
15
- var warningColors = generateColorPalettes(colorWarningBase);
16
- var errorColors = generateColorPalettes(colorErrorBase);
17
- var infoColors = generateColorPalettes(colorInfoBase);
18
- var neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
19
- return _extends(_extends({}, neutralColors), {
20
- colorPrimaryBg: primaryColors[1],
21
- colorPrimaryBgHover: primaryColors[2],
22
- colorPrimaryBorder: primaryColors[3],
23
- colorPrimaryBorderHover: primaryColors[4],
24
- colorPrimaryHover: primaryColors[5],
25
- colorPrimary: primaryColors[6],
26
- colorPrimaryActive: primaryColors[7],
27
- colorPrimaryTextHover: primaryColors[8],
28
- colorPrimaryText: primaryColors[9],
29
- colorPrimaryTextActive: primaryColors[10],
30
- colorSuccessBg: successColors[1],
31
- colorSuccessBgHover: successColors[2],
32
- colorSuccessBorder: successColors[3],
33
- colorSuccessBorderHover: successColors[4],
34
- colorSuccessHover: successColors[4],
35
- colorSuccess: successColors[6],
36
- colorSuccessActive: successColors[7],
37
- colorSuccessTextHover: successColors[8],
38
- colorSuccessText: successColors[9],
39
- colorSuccessTextActive: successColors[10],
40
- colorErrorBg: errorColors[1],
41
- colorErrorBgHover: errorColors[2],
42
- colorErrorBorder: errorColors[3],
43
- colorErrorBorderHover: errorColors[4],
44
- colorErrorHover: errorColors[5],
45
- colorError: errorColors[6],
46
- colorErrorActive: errorColors[7],
47
- colorErrorTextHover: errorColors[8],
48
- colorErrorText: errorColors[9],
49
- colorErrorTextActive: errorColors[10],
50
- colorWarningBg: warningColors[1],
51
- colorWarningBgHover: warningColors[2],
52
- colorWarningBorder: warningColors[3],
53
- colorWarningBorderHover: warningColors[4],
54
- colorWarningHover: warningColors[4],
55
- colorWarning: warningColors[6],
56
- colorWarningActive: warningColors[7],
57
- colorWarningTextHover: warningColors[8],
58
- colorWarningText: warningColors[9],
59
- colorWarningTextActive: warningColors[10],
60
- colorInfoBg: infoColors[1],
61
- colorInfoBgHover: infoColors[2],
62
- colorInfoBorder: infoColors[3],
63
- colorInfoBorderHover: infoColors[4],
64
- colorInfoHover: infoColors[4],
65
- colorInfo: infoColors[6],
66
- colorInfoActive: infoColors[7],
67
- colorInfoTextHover: infoColors[8],
68
- colorInfoText: infoColors[9],
69
- colorInfoTextActive: infoColors[10],
70
- colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString(),
71
- colorWhite: '#fff'
72
- });
73
- }
@@ -1,2 +0,0 @@
1
- import type { CommonMapToken, SeedToken } from '../../interface';
2
- export default function genCommonMapToken(token: SeedToken): CommonMapToken;
@@ -1,26 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import genFontSizes from "./genFontSizes";
3
- import genRadius from "./genRadius";
4
- export default function genCommonMapToken(token) {
5
- var motionUnit = token.motionUnit,
6
- motionBase = token.motionBase,
7
- fontSize = token.fontSize,
8
- borderRadius = token.borderRadius,
9
- lineWidth = token.lineWidth;
10
- var fontSizes = genFontSizes(fontSize);
11
- return _extends({
12
- // motion
13
- motionDurationFast: (motionBase + motionUnit).toFixed(1) + "s",
14
- motionDurationMid: (motionBase + motionUnit * 2).toFixed(1) + "s",
15
- motionDurationSlow: (motionBase + motionUnit * 3).toFixed(1) + "s",
16
- // font
17
- fontSizes: fontSizes.map(function (fs) {
18
- return fs.size;
19
- }),
20
- lineHeights: fontSizes.map(function (fs) {
21
- return fs.lineHeight;
22
- }),
23
- // line
24
- lineWidthBold: lineWidth + 1
25
- }, genRadius(borderRadius));
26
- }
@@ -1,3 +0,0 @@
1
- import type { HeightMapToken, SeedToken } from '../../interface';
2
- declare const genControlHeight: (token: SeedToken) => HeightMapToken;
3
- export default genControlHeight;
@@ -1,10 +0,0 @@
1
- var genControlHeight = function genControlHeight(token) {
2
- var controlHeight = token.controlHeight;
3
- return {
4
- controlHeightSM: controlHeight * 0.75,
5
- controlHeightXS: controlHeight * 0.5,
6
- controlHeightLG: controlHeight * 1.25
7
- };
8
- };
9
-
10
- export default genControlHeight;
@@ -1,4 +0,0 @@
1
- export default function getFontSizes(base: number): {
2
- size: number;
3
- lineHeight: number;
4
- }[];
@@ -1,18 +0,0 @@
1
- // https://zhuanlan.zhihu.com/p/32746810
2
- export default function getFontSizes(base) {
3
- var fontSizes = new Array(10).fill(null).map(function (_, index) {
4
- var i = index - 1;
5
- var baseSize = base * Math.pow(2.71828, i / 5);
6
- var intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize); // Convert to even
7
-
8
- return Math.floor(intSize / 2) * 2;
9
- });
10
- fontSizes[1] = base;
11
- return fontSizes.map(function (size) {
12
- var height = size + 8;
13
- return {
14
- size: size,
15
- lineHeight: height / size
16
- };
17
- });
18
- }
@@ -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,51 +0,0 @@
1
- var genRadius = function genRadius(radiusBase) {
2
- var radiusLG = radiusBase;
3
- var radiusSM = radiusBase;
4
- var radiusXS = radiusBase;
5
- var radiusOuter = radiusBase; // radiusLG
6
-
7
- if (radiusBase < 6 && radiusBase >= 5) {
8
- radiusLG = radiusBase + 1;
9
- } else if (radiusBase < 16 && radiusBase >= 6) {
10
- radiusLG = radiusBase + 2;
11
- } else if (radiusBase >= 16) {
12
- radiusLG = 16;
13
- } // radiusSM
14
-
15
-
16
- if (radiusBase < 7 && radiusBase >= 5) {
17
- radiusSM = 4;
18
- } else if (radiusBase < 8 && radiusBase >= 7) {
19
- radiusSM = 5;
20
- } else if (radiusBase < 14 && radiusBase >= 8) {
21
- radiusSM = 6;
22
- } else if (radiusBase < 16 && radiusBase >= 14) {
23
- radiusSM = 7;
24
- } else if (radiusBase >= 16) {
25
- radiusSM = 8;
26
- } // radiusXS
27
-
28
-
29
- if (radiusBase < 6 && radiusBase >= 2) {
30
- radiusXS = 1;
31
- } else if (radiusBase >= 6) {
32
- radiusXS = 2;
33
- } // radiusOuter
34
-
35
-
36
- if (radiusBase > 4 && radiusBase < 8) {
37
- radiusOuter = 4;
38
- } else if (radiusBase >= 8) {
39
- radiusOuter = 6;
40
- }
41
-
42
- return {
43
- borderRadius: radiusBase > 16 ? 16 : radiusBase,
44
- borderRadiusXS: radiusXS,
45
- borderRadiusSM: radiusSM,
46
- borderRadiusLG: radiusLG,
47
- borderRadiusOuter: radiusOuter
48
- };
49
- };
50
-
51
- export default genRadius;
@@ -1,2 +0,0 @@
1
- import type { SeedToken, SizeMapToken } from '../../interface';
2
- export default function genSizeMapToken(token: SeedToken): SizeMapToken;
@@ -1,16 +0,0 @@
1
- export default function genSizeMapToken(token) {
2
- var sizeUnit = token.sizeUnit,
3
- sizeStep = token.sizeStep;
4
- return {
5
- sizeXXL: sizeUnit * (sizeStep + 8),
6
- sizeXL: sizeUnit * (sizeStep + 4),
7
- sizeLG: sizeUnit * (sizeStep + 2),
8
- sizeMD: sizeUnit * (sizeStep + 1),
9
- sizeMS: sizeUnit * sizeStep,
10
- size: sizeUnit * sizeStep,
11
- sizeSM: sizeUnit * (sizeStep - 1),
12
- sizeXS: sizeUnit * (sizeStep - 2),
13
- sizeXXS: sizeUnit * (sizeStep - 3) // 4
14
-
15
- };
16
- }
@@ -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,169 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
-
3
- var __rest = this && this.__rest || function (s, e) {
4
- var t = {};
5
-
6
- for (var p in s) {
7
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
8
- }
9
-
10
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
11
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
12
- }
13
- return t;
14
- };
15
-
16
- import { TinyColor } from '@ctrl/tinycolor';
17
- import getAlphaColor from "./getAlphaColor";
18
- import seedToken from "../themes/seed";
19
- /**
20
- * Seed (designer) > Derivative (designer) > Alias (developer).
21
- *
22
- * Merge seed & derivative & override token and generate alias token for developer.
23
- */
24
-
25
- export default function formatToken(derivativeToken) {
26
- var override = derivativeToken.override,
27
- restToken = __rest(derivativeToken, ["override"]);
28
-
29
- var overrideTokens = _extends({}, override);
30
-
31
- Object.keys(seedToken).forEach(function (token) {
32
- delete overrideTokens[token];
33
- });
34
-
35
- var mergedToken = _extends(_extends({}, restToken), overrideTokens);
36
-
37
- var fontSizes = mergedToken.fontSizes,
38
- lineHeights = mergedToken.lineHeights;
39
- var screenXS = 480;
40
- var screenSM = 576;
41
- var screenMD = 768;
42
- var screenLG = 992;
43
- var screenXL = 1200;
44
- var screenXXL = 1600;
45
- var fontSizeSM = fontSizes[0]; // Generate alias token
46
-
47
- var aliasToken = _extends(_extends(_extends({}, mergedToken), {
48
- colorLink: mergedToken.colorInfoText,
49
- colorLinkHover: mergedToken.colorInfoHover,
50
- colorLinkActive: mergedToken.colorInfoActive,
51
- // ============== Background ============== //
52
- colorFillContent: mergedToken.colorFillSecondary,
53
- colorFillContentHover: mergedToken.colorFill,
54
- colorFillAlter: mergedToken.colorFillQuaternary,
55
- colorBgContainerDisabled: mergedToken.colorFillTertiary,
56
- // ============== Split ============== //
57
- colorBorderBg: mergedToken.colorBgContainer,
58
- colorSplit: getAlphaColor(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),
59
- // ============== Text ============== //
60
- colorTextPlaceholder: mergedToken.colorTextQuaternary,
61
- colorTextDisabled: mergedToken.colorTextQuaternary,
62
- colorTextHeading: mergedToken.colorText,
63
- colorTextLabel: mergedToken.colorTextSecondary,
64
- colorTextDescription: mergedToken.colorTextTertiary,
65
- colorTextLightSolid: mergedToken.colorWhite,
66
- colorHighlight: mergedToken.colorError,
67
- colorBgTextHover: mergedToken.colorFillSecondary,
68
- colorBgTextActive: mergedToken.colorFill,
69
- colorIcon: mergedToken.colorTextTertiary,
70
- colorIconHover: mergedToken.colorText,
71
- colorErrorOutline: getAlphaColor(mergedToken.colorErrorBg, mergedToken.colorBgContainer),
72
- colorWarningOutline: getAlphaColor(mergedToken.colorWarningBg, mergedToken.colorBgContainer),
73
- // Font
74
- fontSizeSM: fontSizeSM,
75
- fontSize: fontSizes[1],
76
- fontSizeLG: fontSizes[2],
77
- fontSizeXL: fontSizes[3],
78
- fontSizeHeading1: fontSizes[6],
79
- fontSizeHeading2: fontSizes[5],
80
- fontSizeHeading3: fontSizes[4],
81
- fontSizeHeading4: fontSizes[3],
82
- fontSizeHeading5: fontSizes[2],
83
- fontSizeIcon: fontSizeSM,
84
- lineHeight: lineHeights[1],
85
- lineHeightLG: lineHeights[2],
86
- lineHeightSM: lineHeights[0],
87
- lineHeightHeading1: lineHeights[6],
88
- lineHeightHeading2: lineHeights[5],
89
- lineHeightHeading3: lineHeights[4],
90
- lineHeightHeading4: lineHeights[3],
91
- lineHeightHeading5: lineHeights[2],
92
- // Control
93
- lineWidth: mergedToken.lineWidth,
94
- controlOutlineWidth: mergedToken.lineWidth * 2,
95
- // Checkbox size and expand icon size
96
- controlInteractiveSize: mergedToken.controlHeight / 2,
97
- controlItemBgHover: mergedToken.colorFillTertiary,
98
- controlItemBgActive: mergedToken.colorPrimaryBg,
99
- controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,
100
- controlItemBgActiveDisabled: mergedToken.colorFill,
101
- controlTmpOutline: mergedToken.colorFillQuaternary,
102
- controlOutline: getAlphaColor(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),
103
- lineType: mergedToken.lineType,
104
- borderRadius: mergedToken.borderRadius,
105
- borderRadiusXS: mergedToken.borderRadiusXS,
106
- borderRadiusSM: mergedToken.borderRadiusSM,
107
- borderRadiusLG: mergedToken.borderRadiusLG,
108
- fontWeightStrong: 600,
109
- opacityLoading: 0.65,
110
- linkDecoration: 'none',
111
- linkHoverDecoration: 'none',
112
- linkFocusDecoration: 'none',
113
- controlPaddingHorizontal: 12,
114
- controlPaddingHorizontalSM: 8,
115
- paddingXXS: mergedToken.sizeXXS,
116
- paddingXS: mergedToken.sizeXS,
117
- paddingSM: mergedToken.sizeSM,
118
- padding: mergedToken.size,
119
- paddingMD: mergedToken.sizeMD,
120
- paddingLG: mergedToken.sizeLG,
121
- paddingXL: mergedToken.sizeXL,
122
- paddingContentHorizontalLG: mergedToken.sizeLG,
123
- paddingContentVerticalLG: mergedToken.sizeMS,
124
- paddingContentHorizontal: mergedToken.sizeMS,
125
- paddingContentVertical: mergedToken.sizeSM,
126
- paddingContentHorizontalSM: mergedToken.size,
127
- paddingContentVerticalSM: mergedToken.sizeXS,
128
- marginXXS: mergedToken.sizeXXS,
129
- marginXS: mergedToken.sizeXS,
130
- marginSM: mergedToken.sizeSM,
131
- margin: mergedToken.size,
132
- marginMD: mergedToken.sizeMD,
133
- marginLG: mergedToken.sizeLG,
134
- marginXL: mergedToken.sizeXL,
135
- marginXXL: mergedToken.sizeXXL,
136
- 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 ",
137
- 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 ",
138
- screenXS: screenXS,
139
- screenXSMin: screenXS,
140
- screenXSMax: screenSM - 1,
141
- screenSM: screenSM,
142
- screenSMMin: screenSM,
143
- screenSMMax: screenMD - 1,
144
- screenMD: screenMD,
145
- screenMDMin: screenMD,
146
- screenMDMax: screenLG - 1,
147
- screenLG: screenLG,
148
- screenLGMin: screenLG,
149
- screenLGMax: screenXL - 1,
150
- screenXL: screenXL,
151
- screenXLMin: screenXL,
152
- screenXLMax: screenXXL - 1,
153
- screenXXL: screenXXL,
154
- screenXXLMin: screenXXL,
155
- // FIXME: component box-shadow, should be removed
156
- boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)",
157
- boxShadowCard: "\n 0 1px 2px -2px " + new TinyColor('rgba(0, 0, 0, 0.16)').toRgbString() + ",\n 0 3px 6px 0 " + new TinyColor('rgba(0, 0, 0, 0.12)').toRgbString() + ",\n 0 5px 12px 4px " + new TinyColor('rgba(0, 0, 0, 0.09)').toRgbString() + "\n ",
158
- 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 ",
159
- 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 ",
160
- 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 ",
161
- 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 ",
162
- boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
163
- boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
164
- boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
165
- boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)"
166
- }), overrideTokens);
167
-
168
- return aliasToken;
169
- }
@@ -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,65 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
- import { useStyleRegister } from '@ant-design/cssinjs';
4
- import { useContext } from 'react';
5
- import { genCommonStyle, genLinkStyle } from "../../style";
6
- import { ConfigContext } from "../../config-provider/context";
7
- import { mergeToken, statisticToken, useToken } from "../internal";
8
- export default function genComponentStyleHook(component, styleFn, getDefaultToken) {
9
- return function (prefixCls) {
10
- var _useToken = useToken(),
11
- _useToken2 = _slicedToArray(_useToken, 3),
12
- theme = _useToken2[0],
13
- token = _useToken2[1],
14
- hashId = _useToken2[2];
15
-
16
- var _useContext = useContext(ConfigContext),
17
- getPrefixCls = _useContext.getPrefixCls,
18
- iconPrefixCls = _useContext.iconPrefixCls;
19
-
20
- var rootPrefixCls = getPrefixCls(); // Generate style for all a tags in antd component.
21
-
22
- useStyleRegister({
23
- theme: theme,
24
- token: token,
25
- hashId: hashId,
26
- path: ['Shared', rootPrefixCls]
27
- }, function () {
28
- return [{
29
- // Link
30
- '&': genLinkStyle(token)
31
- }];
32
- });
33
- return [useStyleRegister({
34
- theme: theme,
35
- token: token,
36
- hashId: hashId,
37
- path: [component, prefixCls, iconPrefixCls]
38
- }, function () {
39
- var _statisticToken = statisticToken(token),
40
- proxyToken = _statisticToken.token,
41
- flush = _statisticToken.flush;
42
-
43
- var defaultComponentToken = typeof getDefaultToken === 'function' ? getDefaultToken(proxyToken) : getDefaultToken;
44
-
45
- var mergedComponentToken = _extends(_extends({}, defaultComponentToken), token[component]);
46
-
47
- var componentCls = "." + prefixCls;
48
- var mergedToken = mergeToken(proxyToken, {
49
- componentCls: componentCls,
50
- prefixCls: prefixCls,
51
- iconCls: "." + iconPrefixCls,
52
- antCls: "." + rootPrefixCls
53
- }, mergedComponentToken);
54
- var styleInterpolation = styleFn(mergedToken, {
55
- hashId: hashId,
56
- prefixCls: prefixCls,
57
- rootPrefixCls: rootPrefixCls,
58
- iconPrefixCls: iconPrefixCls,
59
- overrideComponentToken: token[component]
60
- });
61
- flush(component, mergedComponentToken);
62
- return [genCommonStyle(token, prefixCls), styleInterpolation];
63
- }), hashId];
64
- };
65
- }
@@ -1,2 +0,0 @@
1
- declare function getAlphaColor(frontColor: string, backgroundColor: string): string;
2
- export default getAlphaColor;
@@ -1,46 +0,0 @@
1
- import { TinyColor } from '@ctrl/tinycolor';
2
-
3
- function isStableColor(color) {
4
- return color >= 0 && color <= 255;
5
- }
6
-
7
- function getAlphaColor(frontColor, backgroundColor) {
8
- var _TinyColor$toRgb = new TinyColor(frontColor).toRgb(),
9
- fR = _TinyColor$toRgb.r,
10
- fG = _TinyColor$toRgb.g,
11
- fB = _TinyColor$toRgb.b,
12
- originAlpha = _TinyColor$toRgb.a;
13
-
14
- if (originAlpha < 1) {
15
- return frontColor;
16
- }
17
-
18
- var _TinyColor$toRgb2 = new TinyColor(backgroundColor).toRgb(),
19
- bR = _TinyColor$toRgb2.r,
20
- bG = _TinyColor$toRgb2.g,
21
- bB = _TinyColor$toRgb2.b;
22
-
23
- for (var fA = 0.01; fA <= 1; fA += 0.01) {
24
- var r = Math.round((fR - bR * (1 - fA)) / fA);
25
- var g = Math.round((fG - bG * (1 - fA)) / fA);
26
- var b = Math.round((fB - bB * (1 - fA)) / fA);
27
- if (isStableColor(r) && isStableColor(g) && isStableColor(b)) return new TinyColor({
28
- r: r,
29
- g: g,
30
- b: b,
31
- a: Math.round(fA * 100) / 100
32
- }).toRgbString();
33
- } // fallback
34
-
35
- /* istanbul ignore next */
36
-
37
-
38
- return new TinyColor({
39
- r: fR,
40
- g: fG,
41
- b: fB,
42
- a: 1
43
- }).toRgbString();
44
- }
45
-
46
- export default getAlphaColor;
@@ -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
- };