@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.
- package/package.json +1 -1
- package/es/theme/index.d.ts +0 -21
- package/es/theme/index.js +0 -37
- package/es/theme/interface/alias.d.ts +0 -133
- package/es/theme/interface/alias.js +0 -1
- package/es/theme/interface/components.d.ts +0 -110
- package/es/theme/interface/components.js +0 -1
- package/es/theme/interface/index.d.ts +0 -13
- package/es/theme/interface/index.js +0 -1
- package/es/theme/interface/maps/colors.d.ts +0 -342
- package/es/theme/interface/maps/colors.js +0 -1
- package/es/theme/interface/maps/index.d.ts +0 -15
- package/es/theme/interface/maps/index.js +0 -3
- package/es/theme/interface/maps/size.d.ts +0 -49
- package/es/theme/interface/maps/size.js +0 -1
- package/es/theme/interface/maps/style.d.ts +0 -33
- package/es/theme/interface/maps/style.js +0 -1
- package/es/theme/interface/presetColors.d.ts +0 -8
- package/es/theme/interface/presetColors.js +0 -1
- package/es/theme/interface/seeds.d.ts +0 -139
- package/es/theme/interface/seeds.js +0 -1
- package/es/theme/internal.d.ts +0 -23
- package/es/theme/internal.js +0 -47
- package/es/theme/themes/ColorMap.d.ts +0 -15
- package/es/theme/themes/ColorMap.js +0 -1
- package/es/theme/themes/compact/genCompactSizeMapToken.d.ts +0 -2
- package/es/theme/themes/compact/genCompactSizeMapToken.js +0 -16
- package/es/theme/themes/compact/index.d.ts +0 -4
- package/es/theme/themes/compact/index.js +0 -28
- package/es/theme/themes/dark/colorAlgorithm.d.ts +0 -2
- package/es/theme/themes/dark/colorAlgorithm.js +0 -8
- package/es/theme/themes/dark/colors.d.ts +0 -3
- package/es/theme/themes/dark/colors.js +0 -44
- package/es/theme/themes/dark/index.d.ts +0 -4
- package/es/theme/themes/dark/index.js +0 -28
- package/es/theme/themes/default/colorAlgorithm.d.ts +0 -2
- package/es/theme/themes/default/colorAlgorithm.js +0 -8
- package/es/theme/themes/default/colors.d.ts +0 -3
- package/es/theme/themes/default/colors.js +0 -42
- package/es/theme/themes/default/index.d.ts +0 -2
- package/es/theme/themes/default/index.js +0 -24
- package/es/theme/themes/seed.d.ts +0 -4
- package/es/theme/themes/seed.js +0 -61
- package/es/theme/themes/shared/genColorMapToken.d.ts +0 -8
- package/es/theme/themes/shared/genColorMapToken.js +0 -73
- package/es/theme/themes/shared/genCommonMapToken.d.ts +0 -2
- package/es/theme/themes/shared/genCommonMapToken.js +0 -26
- package/es/theme/themes/shared/genControlHeight.d.ts +0 -3
- package/es/theme/themes/shared/genControlHeight.js +0 -10
- package/es/theme/themes/shared/genFontSizes.d.ts +0 -4
- package/es/theme/themes/shared/genFontSizes.js +0 -18
- package/es/theme/themes/shared/genRadius.d.ts +0 -3
- package/es/theme/themes/shared/genRadius.js +0 -51
- package/es/theme/themes/shared/genSizeMapToken.d.ts +0 -2
- package/es/theme/themes/shared/genSizeMapToken.js +0 -16
- package/es/theme/util/alias.d.ts +0 -12
- package/es/theme/util/alias.js +0 -169
- package/es/theme/util/genComponentStyleHook.d.ts +0 -25
- package/es/theme/util/genComponentStyleHook.js +0 -65
- package/es/theme/util/getAlphaColor.d.ts +0 -2
- package/es/theme/util/getAlphaColor.js +0 -46
- package/es/theme/util/statistic.d.ts +0 -18
- package/es/theme/util/statistic.js +0 -80
- package/lib/theme/index.d.ts +0 -21
- package/lib/theme/index.js +0 -52
- package/lib/theme/interface/alias.d.ts +0 -133
- package/lib/theme/interface/alias.js +0 -5
- package/lib/theme/interface/components.d.ts +0 -110
- package/lib/theme/interface/components.js +0 -5
- package/lib/theme/interface/index.d.ts +0 -13
- package/lib/theme/interface/index.js +0 -13
- package/lib/theme/interface/maps/colors.d.ts +0 -342
- package/lib/theme/interface/maps/colors.js +0 -5
- package/lib/theme/interface/maps/index.d.ts +0 -15
- package/lib/theme/interface/maps/index.js +0 -44
- package/lib/theme/interface/maps/size.d.ts +0 -49
- package/lib/theme/interface/maps/size.js +0 -5
- package/lib/theme/interface/maps/style.d.ts +0 -33
- package/lib/theme/interface/maps/style.js +0 -5
- package/lib/theme/interface/presetColors.d.ts +0 -8
- package/lib/theme/interface/presetColors.js +0 -8
- package/lib/theme/interface/seeds.d.ts +0 -139
- package/lib/theme/interface/seeds.js +0 -5
- package/lib/theme/internal.d.ts +0 -23
- package/lib/theme/internal.js +0 -108
- package/lib/theme/themes/ColorMap.d.ts +0 -15
- package/lib/theme/themes/ColorMap.js +0 -5
- package/lib/theme/themes/compact/genCompactSizeMapToken.d.ts +0 -2
- package/lib/theme/themes/compact/genCompactSizeMapToken.js +0 -23
- package/lib/theme/themes/compact/index.d.ts +0 -4
- package/lib/theme/themes/compact/index.js +0 -42
- package/lib/theme/themes/dark/colorAlgorithm.d.ts +0 -2
- package/lib/theme/themes/dark/colorAlgorithm.js +0 -21
- package/lib/theme/themes/dark/colors.d.ts +0 -3
- package/lib/theme/themes/dark/colors.js +0 -58
- package/lib/theme/themes/dark/index.d.ts +0 -4
- package/lib/theme/themes/dark/index.js +0 -43
- package/lib/theme/themes/default/colorAlgorithm.d.ts +0 -2
- package/lib/theme/themes/default/colorAlgorithm.js +0 -21
- package/lib/theme/themes/default/colors.d.ts +0 -3
- package/lib/theme/themes/default/colors.js +0 -56
- package/lib/theme/themes/default/index.d.ts +0 -2
- package/lib/theme/themes/default/index.js +0 -41
- package/lib/theme/themes/seed.d.ts +0 -4
- package/lib/theme/themes/seed.js +0 -71
- package/lib/theme/themes/shared/genColorMapToken.d.ts +0 -8
- package/lib/theme/themes/shared/genColorMapToken.js +0 -84
- package/lib/theme/themes/shared/genCommonMapToken.d.ts +0 -2
- package/lib/theme/themes/shared/genCommonMapToken.js +0 -38
- package/lib/theme/themes/shared/genControlHeight.d.ts +0 -3
- package/lib/theme/themes/shared/genControlHeight.js +0 -18
- package/lib/theme/themes/shared/genFontSizes.d.ts +0 -4
- package/lib/theme/themes/shared/genFontSizes.js +0 -24
- package/lib/theme/themes/shared/genRadius.d.ts +0 -3
- package/lib/theme/themes/shared/genRadius.js +0 -59
- package/lib/theme/themes/shared/genSizeMapToken.d.ts +0 -2
- package/lib/theme/themes/shared/genSizeMapToken.js +0 -23
- package/lib/theme/util/alias.d.ts +0 -12
- package/lib/theme/util/alias.js +0 -177
- package/lib/theme/util/genComponentStyleHook.d.ts +0 -25
- package/lib/theme/util/genComponentStyleHook.js +0 -79
- package/lib/theme/util/getAlphaColor.d.ts +0 -2
- package/lib/theme/util/getAlphaColor.js +0 -54
- package/lib/theme/util/statistic.d.ts +0 -18
- package/lib/theme/util/statistic.js +0 -97
package/lib/theme/internal.d.ts
DELETED
@@ -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;
|
package/lib/theme/internal.js
DELETED
@@ -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,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,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,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,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,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,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,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,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
|
-
}
|
package/lib/theme/themes/seed.js
DELETED
@@ -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 {};
|