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