@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,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 {};