@alicloud/console-base-theme-color 1.4.3 → 1.5.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/build/cjs/const/index.js +0 -6
- package/build/cjs/dark/index.js +6 -10
- package/build/cjs/index.js +0 -3
- package/build/cjs/light/index.js +0 -3
- package/build/cjs/util/create-const-color-base-bg.js +0 -1
- package/build/cjs/util/create-const-color-base-border.js +0 -1
- package/build/cjs/util/create-const-color-base-shadow.js +0 -1
- package/build/cjs/util/create-const-color-base-text.js +0 -1
- package/build/cjs/util/create-const-color-button.js +0 -16
- package/build/cjs/util/create-const-color-input.js +0 -1
- package/build/cjs/util/create-const-color-link.js +0 -1
- package/build/cjs/util/create-theme-color.js +0 -14
- package/build/cjs/util/index.js +0 -2
- package/build/es/const/index.js +0 -6
- package/build/es/dark/index.js +9 -8
- package/build/es/util/create-const-color-button.js +0 -15
- package/build/es/util/create-theme-color.js +0 -4
- package/package.json +5 -5
package/build/cjs/const/index.js
CHANGED
|
@@ -16,7 +16,6 @@ var ACCENT = '#0064c8';
|
|
|
16
16
|
var ACCENT_HOVER = '#0064c8';
|
|
17
17
|
var ACCENT_ACTIVE = '#0050a0';
|
|
18
18
|
var EMPHASIS = '#ff6a00'; // 突出说明,如「金额」、「最重要链接」等,用于 em 或未读标记,
|
|
19
|
-
|
|
20
19
|
var DANGER = '#c80000';
|
|
21
20
|
var CODE = '#39f';
|
|
22
21
|
var GRAY_PRIMARY = '#333';
|
|
@@ -28,16 +27,11 @@ var GRAY_SECONDARY_BD = '#e3e4e6';
|
|
|
28
27
|
var GRAY_TERTIARY_BD = '#ebebeb';
|
|
29
28
|
var GRAY_DISABLED_BD = '#e3e4e6';
|
|
30
29
|
var GRAY_PRIMARY_BG = '#fff'; // 视觉上第一层级的背景色(用于 level1 的导航、dialog、dropdown 等)
|
|
31
|
-
|
|
32
30
|
var GRAY_SECONDARY_BG = '#f4f6f7'; // 视觉上第二层级的背景色(用于 level2 的导航)
|
|
33
|
-
|
|
34
31
|
var GRAY_TERTIARY_BG = '#eee'; // 视觉上第三层级的背景色(用于 body)
|
|
35
|
-
|
|
36
32
|
var GRAY_DISABLED_BG = '#e3e4e6';
|
|
37
33
|
var GRAY_SECONDARY_FADE_BG = 'rgba(0,46,70,0.04314)'; // 等价于 BG_SECONDARY
|
|
38
|
-
|
|
39
34
|
var GRAY_TERTIARY_FADE_BG = 'rgba(0,0,0,0.066667)'; // 等价于 BG_TERTIARY
|
|
40
|
-
|
|
41
35
|
var HELP = '#888';
|
|
42
36
|
var INFO = '#0064c8';
|
|
43
37
|
var SUCCESS = '#1e8e3e';
|
package/build/cjs/dark/index.js
CHANGED
|
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _util = require("../util");
|
|
9
|
-
|
|
10
8
|
// const TRANSPARENT = 'transparent';
|
|
11
9
|
// const WHITE = '#fff';
|
|
12
10
|
// const BLACK = '#000';
|
|
13
11
|
var INVERSE = '#000';
|
|
14
|
-
var INVERSE_BG = '#fff';
|
|
12
|
+
var INVERSE_BG = '#fff';
|
|
13
|
+
// const BRAND = '#ff6a00';
|
|
15
14
|
// const BRAND_HOVER = '#ff6a00';
|
|
16
15
|
// const BRAND_ACTIVE = '#e50';
|
|
17
16
|
// const ACCENT = '#0064c8';
|
|
@@ -20,7 +19,6 @@ var INVERSE_BG = '#fff'; // const BRAND = '#ff6a00';
|
|
|
20
19
|
// const EMPHASIS = '#ff6a00';
|
|
21
20
|
// const DANGER = '#c80000';
|
|
22
21
|
// const CODE = '#f25c7f';
|
|
23
|
-
|
|
24
22
|
var GRAY_PRIMARY = '#d8d9da';
|
|
25
23
|
var GRAY_SECONDARY = '#ccc';
|
|
26
24
|
var GRAY_TERTIARY = '#999';
|
|
@@ -35,21 +33,21 @@ var GRAY_TERTIARY_BG = '#1f1f1f';
|
|
|
35
33
|
var GRAY_DISABLED_BG = '#161b22';
|
|
36
34
|
var GRAY_SECONDARY_FADE_BG = 'rgba(255,255,255,0.08)';
|
|
37
35
|
var GRAY_TERTIARY_FADE_BG = 'rgba(255,255,255,0.1)';
|
|
38
|
-
var HELP = '#777';
|
|
36
|
+
var HELP = '#777';
|
|
37
|
+
// const INFO = '#0064c8';
|
|
39
38
|
// const SUCCESS = '#1e8e3e';
|
|
40
39
|
// const WARNING = '#ffc440';
|
|
41
40
|
// const ERROR = '#d93026';
|
|
42
|
-
|
|
43
41
|
var HELP_TINT = '#333';
|
|
44
42
|
var INFO_TINT = '#353e45';
|
|
45
43
|
var SUCCESS_TINT = '#36453a';
|
|
46
44
|
var WARNING_TINT = '#564e32';
|
|
47
45
|
var ERROR_TINT = '#443736';
|
|
48
|
-
var HELP_TINT_FADE = 'rgba(127,127,127,0.666667)';
|
|
46
|
+
var HELP_TINT_FADE = 'rgba(127,127,127,0.666667)';
|
|
47
|
+
// const INFO_TINT_FADE = 'rgba(0,115,204,0.078431)';
|
|
49
48
|
// const SUCCESS_TINT_FADE = 'rgba(0,212,57,0.070588)';
|
|
50
49
|
// const WARNING_TINT_FADE = 'rgba(255,198,0,0.141176)';
|
|
51
50
|
// const ERROR_TINT_FADE = 'rgba(210,15,0,0.066667)';
|
|
52
|
-
|
|
53
51
|
var SHADOW = 'rgba(0,0,0,0.32)';
|
|
54
52
|
var BACKDROP = 'rgba(0,0,0,0.4)';
|
|
55
53
|
var COLOR_ESSENTIAL_OVERRIDE = {
|
|
@@ -99,7 +97,5 @@ var COLOR_ESSENTIAL_OVERRIDE = {
|
|
|
99
97
|
SHADOW: SHADOW,
|
|
100
98
|
BACKDROP: BACKDROP
|
|
101
99
|
};
|
|
102
|
-
|
|
103
100
|
var _default = (0, _util.createThemeColor)(COLOR_ESSENTIAL_OVERRIDE);
|
|
104
|
-
|
|
105
101
|
exports.default = _default;
|
package/build/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "COLOR_LIGHT", {
|
|
|
17
16
|
return _light.default;
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
|
-
|
|
21
19
|
var _light = _interopRequireDefault(require("./light"));
|
|
22
|
-
|
|
23
20
|
var _dark = _interopRequireDefault(require("./dark"));
|
package/build/cjs/light/index.js
CHANGED
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = createConstColorButton;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* 按钮,需要定义
|
|
10
9
|
* * 文字色
|
|
@@ -41,7 +40,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
41
40
|
BUTTON_MENU_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
42
41
|
BUTTON_MENU_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
43
42
|
BUTTON_MENU_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
44
|
-
|
|
45
43
|
/**
|
|
46
44
|
* 危险警告按钮
|
|
47
45
|
*
|
|
@@ -64,7 +62,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
64
62
|
BUTTON_DANGER_TEXT_DISABLED: FG.TEXT_WHITE,
|
|
65
63
|
BUTTON_DANGER_BG_DISABLED: BG.BG_DISABLED,
|
|
66
64
|
BUTTON_DANGER_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
67
|
-
|
|
68
65
|
/**
|
|
69
66
|
* 主按钮
|
|
70
67
|
*
|
|
@@ -86,7 +83,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
86
83
|
BUTTON_PRIMARY_TEXT_DISABLED: FG.TEXT_WHITE,
|
|
87
84
|
BUTTON_PRIMARY_BG_DISABLED: BG.BG_DISABLED,
|
|
88
85
|
BUTTON_PRIMARY_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
89
|
-
|
|
90
86
|
/**
|
|
91
87
|
* 次按钮
|
|
92
88
|
*
|
|
@@ -108,7 +104,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
108
104
|
BUTTON_SECONDARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
109
105
|
BUTTON_SECONDARY_BG_DISABLED: BG.BG_SECONDARY,
|
|
110
106
|
BUTTON_SECONDARY_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
111
|
-
|
|
112
107
|
/**
|
|
113
108
|
* 次按钮 Alt - 空心
|
|
114
109
|
*
|
|
@@ -130,7 +125,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
130
125
|
BUTTON_SECONDARY_ALT_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
131
126
|
BUTTON_SECONDARY_ALT_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
132
127
|
BUTTON_SECONDARY_ALT_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
133
|
-
|
|
134
128
|
/**
|
|
135
129
|
* 三级按钮
|
|
136
130
|
*
|
|
@@ -152,7 +146,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
152
146
|
BUTTON_TERTIARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
153
147
|
BUTTON_TERTIARY_BG_DISABLED: BG.BG_SECONDARY,
|
|
154
148
|
BUTTON_TERTIARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
155
|
-
|
|
156
149
|
/**
|
|
157
150
|
* 三级按钮 Alt
|
|
158
151
|
*
|
|
@@ -174,7 +167,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
174
167
|
BUTTON_TERTIARY_ALT_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
175
168
|
BUTTON_TERTIARY_ALT_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
176
169
|
BUTTON_TERTIARY_ALT_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
177
|
-
|
|
178
170
|
/**
|
|
179
171
|
* 主 Brand 按钮
|
|
180
172
|
*
|
|
@@ -196,7 +188,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
196
188
|
BUTTON_BRAND_PRIMARY_TEXT_DISABLED: FG.TEXT_WHITE,
|
|
197
189
|
BUTTON_BRAND_PRIMARY_BG_DISABLED: BG.BG_DISABLED,
|
|
198
190
|
BUTTON_BRAND_PRIMARY_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
199
|
-
|
|
200
191
|
/**
|
|
201
192
|
* 次 Brand 按钮
|
|
202
193
|
*
|
|
@@ -218,7 +209,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
218
209
|
BUTTON_BRAND_SECONDARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
219
210
|
BUTTON_BRAND_SECONDARY_BG_DISABLED: BG.BG_PRIMARY,
|
|
220
211
|
BUTTON_BRAND_SECONDARY_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
221
|
-
|
|
222
212
|
/**
|
|
223
213
|
* 次 Brand 按钮 Alt - 空心
|
|
224
214
|
*
|
|
@@ -240,7 +230,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
240
230
|
BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
241
231
|
BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
242
232
|
BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
243
|
-
|
|
244
233
|
/**
|
|
245
234
|
* 三级按钮(Brand 变种)
|
|
246
235
|
*
|
|
@@ -262,7 +251,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
262
251
|
BUTTON_BRAND_TERTIARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
263
252
|
BUTTON_BRAND_TERTIARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
264
253
|
BUTTON_BRAND_TERTIARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
265
|
-
|
|
266
254
|
/**
|
|
267
255
|
* 主文字按钮
|
|
268
256
|
*
|
|
@@ -284,7 +272,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
284
272
|
BUTTON_TEXT_PRIMARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
285
273
|
BUTTON_TEXT_PRIMARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
286
274
|
BUTTON_TEXT_PRIMARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
287
|
-
|
|
288
275
|
/**
|
|
289
276
|
* 次文字按钮
|
|
290
277
|
*
|
|
@@ -306,7 +293,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
306
293
|
BUTTON_TEXT_SECONDARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
307
294
|
BUTTON_TEXT_SECONDARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
308
295
|
BUTTON_TEXT_SECONDARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
309
|
-
|
|
310
296
|
/**
|
|
311
297
|
* 三级文字按钮
|
|
312
298
|
*
|
|
@@ -328,7 +314,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
328
314
|
BUTTON_TEXT_TERTIARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
329
315
|
BUTTON_TEXT_TERTIARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
330
316
|
BUTTON_TEXT_TERTIARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
331
|
-
|
|
332
317
|
/**
|
|
333
318
|
* 主文字按钮(Brand 变种)
|
|
334
319
|
*
|
|
@@ -350,7 +335,6 @@ function createConstColorButton(FG, BG, BD) {
|
|
|
350
335
|
BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
351
336
|
BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
352
337
|
BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
353
|
-
|
|
354
338
|
/**
|
|
355
339
|
* 次文字按钮(Brand 变种)
|
|
356
340
|
*
|
|
@@ -1,37 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = createThemeColor;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _const = require("../const");
|
|
13
|
-
|
|
14
10
|
var _createConstColorBaseText = _interopRequireDefault(require("./create-const-color-base-text"));
|
|
15
|
-
|
|
16
11
|
var _createConstColorBaseBg = _interopRequireDefault(require("./create-const-color-base-bg"));
|
|
17
|
-
|
|
18
12
|
var _createConstColorBaseBorder = _interopRequireDefault(require("./create-const-color-base-border"));
|
|
19
|
-
|
|
20
13
|
var _createConstColorBaseShadow = _interopRequireDefault(require("./create-const-color-base-shadow"));
|
|
21
|
-
|
|
22
14
|
var _createConstColorLink = _interopRequireDefault(require("./create-const-color-link"));
|
|
23
|
-
|
|
24
15
|
var _createConstColorInput = _interopRequireDefault(require("./create-const-color-input"));
|
|
25
|
-
|
|
26
16
|
var _createConstColorButton = _interopRequireDefault(require("./create-const-color-button"));
|
|
27
|
-
|
|
28
17
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
-
|
|
30
18
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
-
|
|
32
19
|
function createThemeColor(colorEssentialOverride) {
|
|
33
20
|
var E = _objectSpread(_objectSpread({}, _const.COLOR_ESSENTIAL), colorEssentialOverride);
|
|
34
|
-
|
|
35
21
|
var COLOR_TEXT = (0, _createConstColorBaseText.default)(E);
|
|
36
22
|
var COLOR_BG = (0, _createConstColorBaseBg.default)(E);
|
|
37
23
|
var COLOR_BORDER = (0, _createConstColorBaseBorder.default)(E);
|
package/build/cjs/util/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "createThemeColor", {
|
|
|
11
10
|
return _createThemeColor.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _createThemeColor = _interopRequireDefault(require("./create-theme-color"));
|
package/build/es/const/index.js
CHANGED
|
@@ -10,7 +10,6 @@ var ACCENT = '#0064c8';
|
|
|
10
10
|
var ACCENT_HOVER = '#0064c8';
|
|
11
11
|
var ACCENT_ACTIVE = '#0050a0';
|
|
12
12
|
var EMPHASIS = '#ff6a00'; // 突出说明,如「金额」、「最重要链接」等,用于 em 或未读标记,
|
|
13
|
-
|
|
14
13
|
var DANGER = '#c80000';
|
|
15
14
|
var CODE = '#39f';
|
|
16
15
|
var GRAY_PRIMARY = '#333';
|
|
@@ -22,16 +21,11 @@ var GRAY_SECONDARY_BD = '#e3e4e6';
|
|
|
22
21
|
var GRAY_TERTIARY_BD = '#ebebeb';
|
|
23
22
|
var GRAY_DISABLED_BD = '#e3e4e6';
|
|
24
23
|
var GRAY_PRIMARY_BG = '#fff'; // 视觉上第一层级的背景色(用于 level1 的导航、dialog、dropdown 等)
|
|
25
|
-
|
|
26
24
|
var GRAY_SECONDARY_BG = '#f4f6f7'; // 视觉上第二层级的背景色(用于 level2 的导航)
|
|
27
|
-
|
|
28
25
|
var GRAY_TERTIARY_BG = '#eee'; // 视觉上第三层级的背景色(用于 body)
|
|
29
|
-
|
|
30
26
|
var GRAY_DISABLED_BG = '#e3e4e6';
|
|
31
27
|
var GRAY_SECONDARY_FADE_BG = 'rgba(0,46,70,0.04314)'; // 等价于 BG_SECONDARY
|
|
32
|
-
|
|
33
28
|
var GRAY_TERTIARY_FADE_BG = 'rgba(0,0,0,0.066667)'; // 等价于 BG_TERTIARY
|
|
34
|
-
|
|
35
29
|
var HELP = '#888';
|
|
36
30
|
var INFO = '#0064c8';
|
|
37
31
|
var SUCCESS = '#1e8e3e';
|
package/build/es/dark/index.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { createThemeColor } from '../util';
|
|
1
|
+
import { createThemeColor } from '../util';
|
|
2
|
+
|
|
3
|
+
// const TRANSPARENT = 'transparent';
|
|
2
4
|
// const WHITE = '#fff';
|
|
3
5
|
// const BLACK = '#000';
|
|
4
|
-
|
|
5
6
|
var INVERSE = '#000';
|
|
6
|
-
var INVERSE_BG = '#fff';
|
|
7
|
+
var INVERSE_BG = '#fff';
|
|
8
|
+
// const BRAND = '#ff6a00';
|
|
7
9
|
// const BRAND_HOVER = '#ff6a00';
|
|
8
10
|
// const BRAND_ACTIVE = '#e50';
|
|
9
11
|
// const ACCENT = '#0064c8';
|
|
@@ -12,7 +14,6 @@ var INVERSE_BG = '#fff'; // const BRAND = '#ff6a00';
|
|
|
12
14
|
// const EMPHASIS = '#ff6a00';
|
|
13
15
|
// const DANGER = '#c80000';
|
|
14
16
|
// const CODE = '#f25c7f';
|
|
15
|
-
|
|
16
17
|
var GRAY_PRIMARY = '#d8d9da';
|
|
17
18
|
var GRAY_SECONDARY = '#ccc';
|
|
18
19
|
var GRAY_TERTIARY = '#999';
|
|
@@ -27,21 +28,21 @@ var GRAY_TERTIARY_BG = '#1f1f1f';
|
|
|
27
28
|
var GRAY_DISABLED_BG = '#161b22';
|
|
28
29
|
var GRAY_SECONDARY_FADE_BG = 'rgba(255,255,255,0.08)';
|
|
29
30
|
var GRAY_TERTIARY_FADE_BG = 'rgba(255,255,255,0.1)';
|
|
30
|
-
var HELP = '#777';
|
|
31
|
+
var HELP = '#777';
|
|
32
|
+
// const INFO = '#0064c8';
|
|
31
33
|
// const SUCCESS = '#1e8e3e';
|
|
32
34
|
// const WARNING = '#ffc440';
|
|
33
35
|
// const ERROR = '#d93026';
|
|
34
|
-
|
|
35
36
|
var HELP_TINT = '#333';
|
|
36
37
|
var INFO_TINT = '#353e45';
|
|
37
38
|
var SUCCESS_TINT = '#36453a';
|
|
38
39
|
var WARNING_TINT = '#564e32';
|
|
39
40
|
var ERROR_TINT = '#443736';
|
|
40
|
-
var HELP_TINT_FADE = 'rgba(127,127,127,0.666667)';
|
|
41
|
+
var HELP_TINT_FADE = 'rgba(127,127,127,0.666667)';
|
|
42
|
+
// const INFO_TINT_FADE = 'rgba(0,115,204,0.078431)';
|
|
41
43
|
// const SUCCESS_TINT_FADE = 'rgba(0,212,57,0.070588)';
|
|
42
44
|
// const WARNING_TINT_FADE = 'rgba(255,198,0,0.141176)';
|
|
43
45
|
// const ERROR_TINT_FADE = 'rgba(210,15,0,0.066667)';
|
|
44
|
-
|
|
45
46
|
var SHADOW = 'rgba(0,0,0,0.32)';
|
|
46
47
|
var BACKDROP = 'rgba(0,0,0,0.4)';
|
|
47
48
|
var COLOR_ESSENTIAL_OVERRIDE = {
|
|
@@ -34,7 +34,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
34
34
|
BUTTON_MENU_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
35
35
|
BUTTON_MENU_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
36
36
|
BUTTON_MENU_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
37
|
-
|
|
38
37
|
/**
|
|
39
38
|
* 危险警告按钮
|
|
40
39
|
*
|
|
@@ -57,7 +56,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
57
56
|
BUTTON_DANGER_TEXT_DISABLED: FG.TEXT_WHITE,
|
|
58
57
|
BUTTON_DANGER_BG_DISABLED: BG.BG_DISABLED,
|
|
59
58
|
BUTTON_DANGER_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
60
|
-
|
|
61
59
|
/**
|
|
62
60
|
* 主按钮
|
|
63
61
|
*
|
|
@@ -79,7 +77,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
79
77
|
BUTTON_PRIMARY_TEXT_DISABLED: FG.TEXT_WHITE,
|
|
80
78
|
BUTTON_PRIMARY_BG_DISABLED: BG.BG_DISABLED,
|
|
81
79
|
BUTTON_PRIMARY_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
82
|
-
|
|
83
80
|
/**
|
|
84
81
|
* 次按钮
|
|
85
82
|
*
|
|
@@ -101,7 +98,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
101
98
|
BUTTON_SECONDARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
102
99
|
BUTTON_SECONDARY_BG_DISABLED: BG.BG_SECONDARY,
|
|
103
100
|
BUTTON_SECONDARY_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
104
|
-
|
|
105
101
|
/**
|
|
106
102
|
* 次按钮 Alt - 空心
|
|
107
103
|
*
|
|
@@ -123,7 +119,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
123
119
|
BUTTON_SECONDARY_ALT_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
124
120
|
BUTTON_SECONDARY_ALT_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
125
121
|
BUTTON_SECONDARY_ALT_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
126
|
-
|
|
127
122
|
/**
|
|
128
123
|
* 三级按钮
|
|
129
124
|
*
|
|
@@ -145,7 +140,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
145
140
|
BUTTON_TERTIARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
146
141
|
BUTTON_TERTIARY_BG_DISABLED: BG.BG_SECONDARY,
|
|
147
142
|
BUTTON_TERTIARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
148
|
-
|
|
149
143
|
/**
|
|
150
144
|
* 三级按钮 Alt
|
|
151
145
|
*
|
|
@@ -167,7 +161,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
167
161
|
BUTTON_TERTIARY_ALT_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
168
162
|
BUTTON_TERTIARY_ALT_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
169
163
|
BUTTON_TERTIARY_ALT_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
170
|
-
|
|
171
164
|
/**
|
|
172
165
|
* 主 Brand 按钮
|
|
173
166
|
*
|
|
@@ -189,7 +182,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
189
182
|
BUTTON_BRAND_PRIMARY_TEXT_DISABLED: FG.TEXT_WHITE,
|
|
190
183
|
BUTTON_BRAND_PRIMARY_BG_DISABLED: BG.BG_DISABLED,
|
|
191
184
|
BUTTON_BRAND_PRIMARY_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
192
|
-
|
|
193
185
|
/**
|
|
194
186
|
* 次 Brand 按钮
|
|
195
187
|
*
|
|
@@ -211,7 +203,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
211
203
|
BUTTON_BRAND_SECONDARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
212
204
|
BUTTON_BRAND_SECONDARY_BG_DISABLED: BG.BG_PRIMARY,
|
|
213
205
|
BUTTON_BRAND_SECONDARY_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
214
|
-
|
|
215
206
|
/**
|
|
216
207
|
* 次 Brand 按钮 Alt - 空心
|
|
217
208
|
*
|
|
@@ -233,7 +224,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
233
224
|
BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
234
225
|
BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
235
226
|
BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED: BD.BORDER_DISABLED,
|
|
236
|
-
|
|
237
227
|
/**
|
|
238
228
|
* 三级按钮(Brand 变种)
|
|
239
229
|
*
|
|
@@ -255,7 +245,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
255
245
|
BUTTON_BRAND_TERTIARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
256
246
|
BUTTON_BRAND_TERTIARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
257
247
|
BUTTON_BRAND_TERTIARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
258
|
-
|
|
259
248
|
/**
|
|
260
249
|
* 主文字按钮
|
|
261
250
|
*
|
|
@@ -277,7 +266,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
277
266
|
BUTTON_TEXT_PRIMARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
278
267
|
BUTTON_TEXT_PRIMARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
279
268
|
BUTTON_TEXT_PRIMARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
280
|
-
|
|
281
269
|
/**
|
|
282
270
|
* 次文字按钮
|
|
283
271
|
*
|
|
@@ -299,7 +287,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
299
287
|
BUTTON_TEXT_SECONDARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
300
288
|
BUTTON_TEXT_SECONDARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
301
289
|
BUTTON_TEXT_SECONDARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
302
|
-
|
|
303
290
|
/**
|
|
304
291
|
* 三级文字按钮
|
|
305
292
|
*
|
|
@@ -321,7 +308,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
321
308
|
BUTTON_TEXT_TERTIARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
322
309
|
BUTTON_TEXT_TERTIARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
323
310
|
BUTTON_TEXT_TERTIARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
324
|
-
|
|
325
311
|
/**
|
|
326
312
|
* 主文字按钮(Brand 变种)
|
|
327
313
|
*
|
|
@@ -343,7 +329,6 @@ export default function createConstColorButton(FG, BG, BD) {
|
|
|
343
329
|
BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED: FG.TEXT_DISABLED,
|
|
344
330
|
BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED: BG.BG_TRANSPARENT,
|
|
345
331
|
BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED: BD.BORDER_TRANSPARENT,
|
|
346
|
-
|
|
347
332
|
/**
|
|
348
333
|
* 次文字按钮(Brand 变种)
|
|
349
334
|
*
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
|
|
3
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
|
|
5
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
|
|
7
4
|
import { COLOR_ESSENTIAL } from '../const';
|
|
8
5
|
import createConstColorBaseText from './create-const-color-base-text';
|
|
9
6
|
import createConstColorBaseBg from './create-const-color-base-bg';
|
|
@@ -14,7 +11,6 @@ import createConstColorInput from './create-const-color-input';
|
|
|
14
11
|
import createConstColorButton from './create-const-color-button';
|
|
15
12
|
export default function createThemeColor(colorEssentialOverride) {
|
|
16
13
|
var E = _objectSpread(_objectSpread({}, COLOR_ESSENTIAL), colorEssentialOverride);
|
|
17
|
-
|
|
18
14
|
var COLOR_TEXT = createConstColorBaseText(E);
|
|
19
15
|
var COLOR_BG = createConstColorBaseBg(E);
|
|
20
16
|
var COLOR_BORDER = createConstColorBaseBorder(E);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alicloud/console-base-theme-color",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.2",
|
|
4
4
|
"description": "控制台主题颜色 - 仅颜色",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -22,13 +22,13 @@
|
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@alicloud/console-toolkit-cli": "^1.2.30",
|
|
24
24
|
"@alicloud/console-toolkit-preset-component": "^1.2.61",
|
|
25
|
-
"@alicloud/demo-rc-elements": "^1.
|
|
25
|
+
"@alicloud/demo-rc-elements": "^1.10.8",
|
|
26
26
|
"@types/react": "^17.0.48",
|
|
27
27
|
"@types/styled-components": "^5.1.26",
|
|
28
28
|
"polished": "^4.2.2",
|
|
29
29
|
"react": "^17.0.2",
|
|
30
|
-
"styled-components": "^5.3.
|
|
31
|
-
"typescript": "^4.
|
|
30
|
+
"styled-components": "^5.3.6",
|
|
31
|
+
"typescript": "^4.8.4"
|
|
32
32
|
},
|
|
33
33
|
"scripts": {
|
|
34
34
|
"start": "breezr start-storybook",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"clean": "rm -rf build",
|
|
42
42
|
"prepublishOnly": "yarn clean && yarn build"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "4b5eefd0215b1f8028fce664d64484ceeb703ef1"
|
|
45
45
|
}
|