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

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 (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,23 +0,0 @@
1
- import type { CSSInterpolation, Theme } from '@ant-design/cssinjs';
2
- import { useStyleRegister } from '@ant-design/cssinjs';
3
- import React from 'react';
4
- import type { AliasToken, GlobalToken, MapToken, OverrideToken, PresetColorType, SeedToken } from './interface';
5
- import { PresetColors } from './interface';
6
- import type { FullToken } from './util/genComponentStyleHook';
7
- import genComponentStyleHook from './util/genComponentStyleHook';
8
- import statisticToken, { merge as mergeToken, statistic } from './util/statistic';
9
- export { PresetColors, statistic, statisticToken, mergeToken, useStyleRegister, genComponentStyleHook, };
10
- export type { SeedToken, AliasToken, PresetColorType, AliasToken as DerivativeToken, FullToken, };
11
- export declare const defaultConfig: {
12
- token: SeedToken;
13
- hashed: boolean;
14
- };
15
- export declare const DesignTokenContext: React.Context<{
16
- token: Partial<AliasToken>;
17
- theme?: Theme<SeedToken, MapToken> | undefined;
18
- components?: OverrideToken | undefined;
19
- hashed?: string | boolean | undefined;
20
- }>;
21
- export declare function useToken(): [Theme<SeedToken, MapToken>, GlobalToken, string];
22
- export type UseComponentStyleResult = [(node: React.ReactNode) => React.ReactElement, string];
23
- export type GenerateStyle<ComponentToken extends object = AliasToken, ReturnType = CSSInterpolation> = (token: ComponentToken) => ReturnType;
@@ -1,108 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports.DesignTokenContext = void 0;
11
- Object.defineProperty(exports, "PresetColors", {
12
- enumerable: true,
13
- get: function get() {
14
- return _interface.PresetColors;
15
- }
16
- });
17
- exports.defaultConfig = void 0;
18
- Object.defineProperty(exports, "genComponentStyleHook", {
19
- enumerable: true,
20
- get: function get() {
21
- return _genComponentStyleHook["default"];
22
- }
23
- });
24
- Object.defineProperty(exports, "mergeToken", {
25
- enumerable: true,
26
- get: function get() {
27
- return _statistic.merge;
28
- }
29
- });
30
- Object.defineProperty(exports, "statistic", {
31
- enumerable: true,
32
- get: function get() {
33
- return _statistic.statistic;
34
- }
35
- });
36
- Object.defineProperty(exports, "statisticToken", {
37
- enumerable: true,
38
- get: function get() {
39
- return _statistic["default"];
40
- }
41
- });
42
- Object.defineProperty(exports, "useStyleRegister", {
43
- enumerable: true,
44
- get: function get() {
45
- return _cssinjs.useStyleRegister;
46
- }
47
- });
48
- exports.useToken = useToken;
49
-
50
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
51
-
52
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
53
-
54
- var _cssinjs = require("@ant-design/cssinjs");
55
-
56
- var _react = _interopRequireDefault(require("react"));
57
-
58
- var _version = _interopRequireDefault(require("../version"));
59
-
60
- var _interface = require("./interface");
61
-
62
- var _default = _interopRequireDefault(require("./themes/default"));
63
-
64
- var _seed = _interopRequireDefault(require("./themes/seed"));
65
-
66
- var _alias = _interopRequireDefault(require("./util/alias"));
67
-
68
- var _genComponentStyleHook = _interopRequireDefault(require("./util/genComponentStyleHook"));
69
-
70
- var _statistic = _interopRequireWildcard(require("./util/statistic"));
71
-
72
- var defaultTheme = (0, _cssinjs.createTheme)(_default["default"]); // ================================ Context =================================
73
- // To ensure snapshot stable. We disable hashed in test env.
74
-
75
- var defaultConfig = {
76
- token: _seed["default"],
77
- hashed: true
78
- };
79
- exports.defaultConfig = defaultConfig;
80
-
81
- var DesignTokenContext = /*#__PURE__*/_react["default"].createContext(defaultConfig); // ================================== Hook ==================================
82
-
83
-
84
- exports.DesignTokenContext = DesignTokenContext;
85
-
86
- function useToken() {
87
- var _React$useContext = _react["default"].useContext(DesignTokenContext),
88
- rootDesignToken = _React$useContext.token,
89
- hashed = _React$useContext.hashed,
90
- theme = _React$useContext.theme,
91
- components = _React$useContext.components;
92
-
93
- var salt = _version["default"] + "-" + (hashed || '');
94
- var mergedTheme = theme || defaultTheme;
95
-
96
- var _useCacheToken = (0, _cssinjs.useCacheToken)(mergedTheme, [_seed["default"], rootDesignToken], {
97
- salt: salt,
98
- override: (0, _extends2["default"])({
99
- override: rootDesignToken
100
- }, components),
101
- formatToken: _alias["default"]
102
- }),
103
- _useCacheToken2 = (0, _slicedToArray2["default"])(_useCacheToken, 2),
104
- token = _useCacheToken2[0],
105
- hashId = _useCacheToken2[1];
106
-
107
- return [mergedTheme, token, hashed ? hashId : ''];
108
- }
@@ -1,15 +0,0 @@
1
- import type { ColorNeutralMapToken } from '../interface';
2
- export interface ColorMap {
3
- 1: string;
4
- 2: string;
5
- 3: string;
6
- 4: string;
7
- 5: string;
8
- 6: string;
9
- 7: string;
10
- 8: string;
11
- 9: string;
12
- 10: string;
13
- }
14
- export type GenerateColorMap = (baseColor: string) => ColorMap;
15
- export type GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => ColorNeutralMapToken;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -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
- var compactSizeStep = sizeStep - 2;
12
- return {
13
- sizeXXL: sizeUnit * (compactSizeStep + 10),
14
- sizeXL: sizeUnit * (compactSizeStep + 6),
15
- sizeLG: sizeUnit * (compactSizeStep + 2),
16
- sizeMD: sizeUnit * (compactSizeStep + 2),
17
- sizeMS: sizeUnit * (compactSizeStep + 1),
18
- size: sizeUnit * compactSizeStep,
19
- sizeSM: sizeUnit * compactSizeStep,
20
- sizeXS: sizeUnit * (compactSizeStep - 1),
21
- sizeXXS: sizeUnit * (compactSizeStep - 1)
22
- };
23
- }
@@ -1,4 +0,0 @@
1
- import type { DerivativeFunc } from '@ant-design/cssinjs';
2
- import type { SeedToken, MapToken } from '../../interface';
3
- declare const derivative: DerivativeFunc<SeedToken, MapToken>;
4
- export default derivative;
@@ -1,42 +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"] = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _genControlHeight = _interopRequireDefault(require("../shared/genControlHeight"));
13
-
14
- var _default2 = _interopRequireDefault(require("../default"));
15
-
16
- var _genCompactSizeMapToken = _interopRequireDefault(require("./genCompactSizeMapToken"));
17
-
18
- var _genFontSizes = _interopRequireDefault(require("../shared/genFontSizes"));
19
-
20
- var derivative = function derivative(token, mapToken) {
21
- var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0, _default2["default"])(token);
22
- var fontSize = mergedMapToken.fontSizes[0]; // Smaller size font-size as base
23
-
24
- var fontSizes = (0, _genFontSizes["default"])(fontSize);
25
- var controlHeight = mergedMapToken.controlHeight - 4;
26
- return (0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({}, mergedMapToken), (0, _genCompactSizeMapToken["default"])(mapToken !== null && mapToken !== void 0 ? mapToken : token)), {
27
- // font
28
- fontSizes: fontSizes.map(function (fs) {
29
- return fs.size;
30
- }),
31
- lineHeights: fontSizes.map(function (fs) {
32
- return fs.lineHeight;
33
- }),
34
- // controlHeight
35
- controlHeight: controlHeight
36
- }), (0, _genControlHeight["default"])((0, _extends2["default"])((0, _extends2["default"])({}, mergedMapToken), {
37
- controlHeight: controlHeight
38
- })));
39
- };
40
-
41
- var _default = derivative;
42
- exports["default"] = _default;
@@ -1,2 +0,0 @@
1
- export declare const getAlphaColor: (baseColor: string, alpha: number) => string;
2
- export declare const getSolidColor: (baseColor: string, brightness: number) => string;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getSolidColor = exports.getAlphaColor = void 0;
7
-
8
- var _tinycolor = require("@ctrl/tinycolor");
9
-
10
- var getAlphaColor = function getAlphaColor(baseColor, alpha) {
11
- return new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
12
- };
13
-
14
- exports.getAlphaColor = getAlphaColor;
15
-
16
- var getSolidColor = function getSolidColor(baseColor, brightness) {
17
- var instance = new _tinycolor.TinyColor(baseColor);
18
- return instance.lighten(brightness).toHexString();
19
- };
20
-
21
- exports.getSolidColor = getSolidColor;
@@ -1,3 +0,0 @@
1
- import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
2
- export declare const generateColorPalettes: GenerateColorMap;
3
- export declare const generateNeutralColorPalettes: GenerateNeutralColorMap;
@@ -1,58 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
7
-
8
- var _colors = require("@ant-design/colors");
9
-
10
- var _colorAlgorithm = require("./colorAlgorithm");
11
-
12
- var generateColorPalettes = function generateColorPalettes(baseColor) {
13
- var colors = (0, _colors.generate)(baseColor, {
14
- theme: 'dark'
15
- });
16
- return {
17
- 1: colors[0],
18
- 2: colors[1],
19
- 3: colors[2],
20
- 4: colors[3],
21
- 5: colors[6],
22
- 6: colors[5],
23
- 7: colors[4],
24
- 8: colors[6],
25
- 9: colors[5],
26
- 10: colors[4] // 8: colors[9],
27
- // 9: colors[8],
28
- // 10: colors[7],
29
-
30
- };
31
- };
32
-
33
- exports.generateColorPalettes = generateColorPalettes;
34
-
35
- var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
36
- var colorBgBase = bgBaseColor || '#000';
37
- var colorTextBase = textBaseColor || '#fff';
38
- return {
39
- colorBgBase: colorBgBase,
40
- colorTextBase: colorTextBase,
41
- colorText: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.85),
42
- colorTextSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.65),
43
- colorTextTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.45),
44
- colorTextQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.25),
45
- colorFill: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.18),
46
- colorFillSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.12),
47
- colorFillTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.08),
48
- colorFillQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.04),
49
- colorBgElevated: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 12),
50
- colorBgContainer: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 8),
51
- colorBgLayout: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),
52
- colorBgSpotlight: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 26),
53
- colorBorder: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 26),
54
- colorBorderSecondary: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 19)
55
- };
56
- };
57
-
58
- exports.generateNeutralColorPalettes = generateNeutralColorPalettes;
@@ -1,4 +0,0 @@
1
- import type { DerivativeFunc } from '@ant-design/cssinjs';
2
- import type { MapToken, SeedToken } from '../../interface';
3
- declare const derivative: DerivativeFunc<SeedToken, MapToken>;
4
- export default derivative;
@@ -1,43 +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"] = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _colors = require("@ant-design/colors");
13
-
14
- var _seed = require("../seed");
15
-
16
- var _genColorMapToken = _interopRequireDefault(require("../shared/genColorMapToken"));
17
-
18
- var _colors2 = require("./colors");
19
-
20
- var _default2 = _interopRequireDefault(require("../default"));
21
-
22
- var derivative = function derivative(token, mapToken) {
23
- var colorPalettes = Object.keys(_seed.defaultPresetColors).map(function (colorKey) {
24
- var colors = (0, _colors.generate)(token[colorKey], {
25
- theme: 'dark'
26
- });
27
- return new Array(10).fill(1).reduce(function (prev, _, i) {
28
- prev[colorKey + "-" + (i + 1)] = colors[i];
29
- return prev;
30
- }, {});
31
- }).reduce(function (prev, cur) {
32
- prev = (0, _extends2["default"])((0, _extends2["default"])({}, prev), cur);
33
- return prev;
34
- }, {});
35
- var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : (0, _default2["default"])(token);
36
- return (0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({}, mergedMapToken), colorPalettes), (0, _genColorMapToken["default"])(token, {
37
- generateColorPalettes: _colors2.generateColorPalettes,
38
- generateNeutralColorPalettes: _colors2.generateNeutralColorPalettes
39
- }));
40
- };
41
-
42
- var _default = derivative;
43
- exports["default"] = _default;
@@ -1,2 +0,0 @@
1
- export declare const getAlphaColor: (baseColor: string, alpha: number) => string;
2
- export declare const getSolidColor: (baseColor: string, brightness: number) => string;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getSolidColor = exports.getAlphaColor = void 0;
7
-
8
- var _tinycolor = require("@ctrl/tinycolor");
9
-
10
- var getAlphaColor = function getAlphaColor(baseColor, alpha) {
11
- return new _tinycolor.TinyColor(baseColor).setAlpha(alpha).toRgbString();
12
- };
13
-
14
- exports.getAlphaColor = getAlphaColor;
15
-
16
- var getSolidColor = function getSolidColor(baseColor, brightness) {
17
- var instance = new _tinycolor.TinyColor(baseColor);
18
- return instance.darken(brightness).toHexString();
19
- };
20
-
21
- exports.getSolidColor = getSolidColor;
@@ -1,3 +0,0 @@
1
- import type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';
2
- export declare const generateColorPalettes: GenerateColorMap;
3
- export declare const generateNeutralColorPalettes: GenerateNeutralColorMap;
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.generateNeutralColorPalettes = exports.generateColorPalettes = void 0;
7
-
8
- var _colors = require("@ant-design/colors");
9
-
10
- var _colorAlgorithm = require("./colorAlgorithm");
11
-
12
- var generateColorPalettes = function generateColorPalettes(baseColor) {
13
- var colors = (0, _colors.generate)(baseColor);
14
- return {
15
- 1: colors[0],
16
- 2: colors[1],
17
- 3: colors[2],
18
- 4: colors[3],
19
- 5: colors[4],
20
- 6: colors[5],
21
- 7: colors[6],
22
- 8: colors[4],
23
- 9: colors[5],
24
- 10: colors[6] // 8: colors[7],
25
- // 9: colors[8],
26
- // 10: colors[9],
27
-
28
- };
29
- };
30
-
31
- exports.generateColorPalettes = generateColorPalettes;
32
-
33
- var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
34
- var colorBgBase = bgBaseColor || '#fff';
35
- var colorTextBase = textBaseColor || '#000';
36
- return {
37
- colorBgBase: colorBgBase,
38
- colorTextBase: colorTextBase,
39
- colorText: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.88),
40
- colorTextSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.65),
41
- colorTextTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.45),
42
- colorTextQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.25),
43
- colorFill: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.15),
44
- colorFillSecondary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.06),
45
- colorFillTertiary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.04),
46
- colorFillQuaternary: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.02),
47
- colorBgLayout: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 4),
48
- colorBgContainer: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),
49
- colorBgElevated: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 0),
50
- colorBgSpotlight: (0, _colorAlgorithm.getAlphaColor)(colorTextBase, 0.85),
51
- colorBorder: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 15),
52
- colorBorderSecondary: (0, _colorAlgorithm.getSolidColor)(colorBgBase, 6)
53
- };
54
- };
55
-
56
- exports.generateNeutralColorPalettes = generateNeutralColorPalettes;
@@ -1,2 +0,0 @@
1
- import type { MapToken, SeedToken } from '../../interface';
2
- export default function derivative(token: SeedToken): MapToken;
@@ -1,41 +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"] = derivative;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _colors = require("@ant-design/colors");
13
-
14
- var _genControlHeight = _interopRequireDefault(require("../shared/genControlHeight"));
15
-
16
- var _genSizeMapToken = _interopRequireDefault(require("../shared/genSizeMapToken"));
17
-
18
- var _seed = require("../seed");
19
-
20
- var _genColorMapToken = _interopRequireDefault(require("../shared/genColorMapToken"));
21
-
22
- var _genCommonMapToken = _interopRequireDefault(require("../shared/genCommonMapToken"));
23
-
24
- var _colors2 = require("./colors");
25
-
26
- function derivative(token) {
27
- var colorPalettes = Object.keys(_seed.defaultPresetColors).map(function (colorKey) {
28
- var colors = (0, _colors.generate)(token[colorKey]);
29
- return new Array(10).fill(1).reduce(function (prev, _, i) {
30
- prev[colorKey + "-" + (i + 1)] = colors[i];
31
- return prev;
32
- }, {});
33
- }).reduce(function (prev, cur) {
34
- prev = (0, _extends2["default"])((0, _extends2["default"])({}, prev), cur);
35
- return prev;
36
- }, {});
37
- return (0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])((0, _extends2["default"])({}, token), colorPalettes), (0, _genColorMapToken["default"])(token, {
38
- generateColorPalettes: _colors2.generateColorPalettes,
39
- generateNeutralColorPalettes: _colors2.generateNeutralColorPalettes
40
- })), (0, _genSizeMapToken["default"])(token)), (0, _genControlHeight["default"])(token)), (0, _genCommonMapToken["default"])(token));
41
- }
@@ -1,4 +0,0 @@
1
- import type { PresetColorType, SeedToken } from '../internal';
2
- export declare const defaultPresetColors: PresetColorType;
3
- declare const seedToken: SeedToken;
4
- export default seedToken;
@@ -1,71 +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.defaultPresetColors = exports["default"] = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var defaultPresetColors = {
13
- blue: '#1677ff',
14
- purple: '#722ED1',
15
- cyan: '#13C2C2',
16
- green: '#52C41A',
17
- magenta: '#EB2F96',
18
- pink: '#eb2f96',
19
- red: '#F5222D',
20
- orange: '#FA8C16',
21
- yellow: '#FADB14',
22
- volcano: '#FA541C',
23
- geekblue: '#2F54EB',
24
- gold: '#FAAD14',
25
- lime: '#A0D911'
26
- };
27
- exports.defaultPresetColors = defaultPresetColors;
28
- var seedToken = (0, _extends2["default"])((0, _extends2["default"])({}, defaultPresetColors), {
29
- // Color
30
- colorPrimary: '#1677ff',
31
- colorSuccess: '#52c41a',
32
- colorWarning: '#faad14',
33
- colorError: '#ff4d4f',
34
- colorInfo: '#1677ff',
35
- colorTextBase: '',
36
- colorBgBase: '',
37
- // Font
38
- 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'",
39
- fontSize: 14,
40
- // Line
41
- lineWidth: 1,
42
- lineType: 'solid',
43
- // Motion
44
- motionUnit: 0.1,
45
- motionBase: 0,
46
- motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
47
- motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
48
- motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
49
- motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
50
- motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
51
- motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
52
- motionEaseInQuint: "cubic-bezier(0.645, 0.045, 0.355, 1)",
53
- motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
54
- // Radius
55
- borderRadius: 6,
56
- // Size
57
- sizeUnit: 4,
58
- sizeStep: 4,
59
- sizePopupArrow: 16,
60
- // Control Base
61
- controlHeight: 32,
62
- // zIndex
63
- zIndexBase: 0,
64
- zIndexPopupBase: 1000,
65
- // Image
66
- opacityImage: 1,
67
- // Wireframe
68
- wireframe: false
69
- });
70
- var _default = seedToken;
71
- exports["default"] = _default;
@@ -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 {};