@alicloud/console-base-theme-color 1.5.11-beta.0 → 1.5.12-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/build/cjs/const/index.js +4 -4
  2. package/build/cjs/util/create-const-color-button.js +10 -10
  3. package/build/esm/const/index.js +4 -4
  4. package/build/esm/util/create-const-color-button.js +10 -10
  5. package/package.json +2 -4
package/build/cjs/const/index.js CHANGED
@@ -24,11 +24,11 @@ var GRAY_TERTIARY = '#999';
24
24
  var GRAY_DISABLED = '#c0c6cc';
25
25
  var GRAY_PRIMARY_BD = '#d1d5d9';
26
26
  var GRAY_SECONDARY_BD = '#e3e4e6';
27
- var GRAY_TERTIARY_BD = '#ebebeb';
27
+ var GRAY_TERTIARY_BD = '#e5e5e5';
28
28
  var GRAY_DISABLED_BD = '#e3e4e6';
29
- var GRAY_PRIMARY_BG = '#fff'; // 视觉上第一层级的背景色（用于 level1 的导航、dialog、dropdown 等）
30
- var GRAY_SECONDARY_BG = '#f4f6f7'; // 视觉上第二层级的背景色（用于 level2 的导航）
31
- var GRAY_TERTIARY_BG = '#eee'; // 视觉上第三层级的背景色（用于 body）
29
+ var GRAY_PRIMARY_BG = '#fff'; // 视觉上第一层级的背景色（常用于文字按钮背景色）
30
+ var GRAY_SECONDARY_BG = '#eff3f8'; // 视觉上第二层级的背景色（常用于文字按钮 ACTIVE 背景色）
31
+ var GRAY_TERTIARY_BG = '#f7f9fa'; // 视觉上第三层级的背景色（常用于文字按钮 HOVER 背景色））
32
32
  var GRAY_DISABLED_BG = '#e3e4e6';
33
33
  var GRAY_SECONDARY_FADE_BG = 'rgba(0,46,70,0.04314)'; // 等价于 BG_SECONDARY
34
34
  var GRAY_TERTIARY_FADE_BG = 'rgba(0,0,0,0.066667)'; // 等价于 BG_TERTIARY
package/build/cjs/util/create-const-color-button.js CHANGED
@@ -28,14 +28,14 @@ function createConstColorButton(fg, bg, bd) {
28
28
  * ACTIVE | 黑字2 | 透明浅灰底 | 无边
29
29
  * 禁用 | 灰字 | 无底 | 灰边
30
30
  */
31
- BUTTON_MENU_TEXT: fg.TEXT_SECONDARY,
31
+ BUTTON_MENU_TEXT: fg.TEXT_PRIMARY,
32
32
  BUTTON_MENU_BG: bg.BG_TRANSPARENT,
33
33
  BUTTON_MENU_BORDER: bd.BORDER_TRANSPARENT,
34
- BUTTON_MENU_TEXT_HOVER: fg.TEXT_SECONDARY,
35
- BUTTON_MENU_BG_HOVER: bg.BG_SECONDARY_FADE,
34
+ BUTTON_MENU_TEXT_HOVER: fg.TEXT_PRIMARY,
35
+ BUTTON_MENU_BG_HOVER: bg.BG_TERTIARY,
36
36
  BUTTON_MENU_BORDER_HOVER: bd.BORDER_TRANSPARENT,
37
- BUTTON_MENU_TEXT_ACTIVE: fg.TEXT_SECONDARY,
38
- BUTTON_MENU_BG_ACTIVE: bg.BG_SECONDARY_FADE,
37
+ BUTTON_MENU_TEXT_ACTIVE: fg.TEXT_PRIMARY,
38
+ BUTTON_MENU_BG_ACTIVE: bg.BG_SECONDARY,
39
39
  BUTTON_MENU_BORDER_ACTIVE: bd.BORDER_TRANSPARENT,
40
40
  BUTTON_MENU_TEXT_DISABLED: fg.TEXT_DISABLED,
41
41
  BUTTON_MENU_BG_DISABLED: bg.BG_TRANSPARENT,
@@ -155,14 +155,14 @@ function createConstColorButton(fg, bg, bd) {
155
155
  * HOVER | 黑字 | 灰底+ | 无边
156
156
  * 禁用 | 灰字 | 无底 | 无边
157
157
  */
158
- BUTTON_TERTIARY_ALT_TEXT: fg.TEXT_SECONDARY,
159
- BUTTON_TERTIARY_ALT_BG: bg.BG_SECONDARY,
158
+ BUTTON_TERTIARY_ALT_TEXT: fg.TEXT_PRIMARY,
159
+ BUTTON_TERTIARY_ALT_BG: bg.BG_TERTIARY,
160
160
  BUTTON_TERTIARY_ALT_BORDER: bd.BORDER_TRANSPARENT,
161
161
  BUTTON_TERTIARY_ALT_TEXT_HOVER: fg.TEXT_PRIMARY,
162
- BUTTON_TERTIARY_ALT_BG_HOVER: bg.BG_TERTIARY,
162
+ BUTTON_TERTIARY_ALT_BG_HOVER: bg.BG_SECONDARY,
163
163
  BUTTON_TERTIARY_ALT_BORDER_HOVER: bd.BORDER_TRANSPARENT,
164
164
  BUTTON_TERTIARY_ALT_TEXT_ACTIVE: fg.TEXT_PRIMARY,
165
- BUTTON_TERTIARY_ALT_BG_ACTIVE: bg.BG_TERTIARY,
165
+ BUTTON_TERTIARY_ALT_BG_ACTIVE: bg.BG_SECONDARY,
166
166
  BUTTON_TERTIARY_ALT_BORDER_ACTIVE: bd.BORDER_TRANSPARENT,
167
167
  BUTTON_TERTIARY_ALT_TEXT_DISABLED: fg.TEXT_DISABLED,
168
168
  BUTTON_TERTIARY_ALT_BG_DISABLED: bg.BG_TRANSPARENT,
@@ -281,7 +281,7 @@ function createConstColorButton(fg, bg, bd) {
281
281
  * HOVER | 蓝字 | 无底 | 无边
282
282
  * 禁用 | 灰字 | 无底 | 无边
283
283
  */
284
- BUTTON_TEXT_SECONDARY_TEXT: fg.TEXT_SECONDARY,
284
+ BUTTON_TEXT_SECONDARY_TEXT: fg.TEXT_PRIMARY,
285
285
  BUTTON_TEXT_SECONDARY_BG: bg.BG_TRANSPARENT,
286
286
  BUTTON_TEXT_SECONDARY_BORDER: bd.BORDER_TRANSPARENT,
287
287
  BUTTON_TEXT_SECONDARY_TEXT_HOVER: fg.TEXT_ACCENT,
package/build/esm/const/index.js CHANGED
@@ -18,11 +18,11 @@ var GRAY_TERTIARY = '#999';
18
18
  var GRAY_DISABLED = '#c0c6cc';
19
19
  var GRAY_PRIMARY_BD = '#d1d5d9';
20
20
  var GRAY_SECONDARY_BD = '#e3e4e6';
21
- var GRAY_TERTIARY_BD = '#ebebeb';
21
+ var GRAY_TERTIARY_BD = '#e5e5e5';
22
22
  var GRAY_DISABLED_BD = '#e3e4e6';
23
- var GRAY_PRIMARY_BG = '#fff'; // 视觉上第一层级的背景色（用于 level1 的导航、dialog、dropdown 等）
24
- var GRAY_SECONDARY_BG = '#f4f6f7'; // 视觉上第二层级的背景色（用于 level2 的导航）
25
- var GRAY_TERTIARY_BG = '#eee'; // 视觉上第三层级的背景色（用于 body）
23
+ var GRAY_PRIMARY_BG = '#fff'; // 视觉上第一层级的背景色（常用于文字按钮背景色）
24
+ var GRAY_SECONDARY_BG = '#eff3f8'; // 视觉上第二层级的背景色（常用于文字按钮 ACTIVE 背景色）
25
+ var GRAY_TERTIARY_BG = '#f7f9fa'; // 视觉上第三层级的背景色（常用于文字按钮 HOVER 背景色））
26
26
  var GRAY_DISABLED_BG = '#e3e4e6';
27
27
  var GRAY_SECONDARY_FADE_BG = 'rgba(0,46,70,0.04314)'; // 等价于 BG_SECONDARY
28
28
  var GRAY_TERTIARY_FADE_BG = 'rgba(0,0,0,0.066667)'; // 等价于 BG_TERTIARY
package/build/esm/util/create-const-color-button.js CHANGED
@@ -22,14 +22,14 @@ export default function createConstColorButton(fg, bg, bd) {
22
22
  * ACTIVE | 黑字2 | 透明浅灰底 | 无边
23
23
  * 禁用 | 灰字 | 无底 | 灰边
24
24
  */
25
- BUTTON_MENU_TEXT: fg.TEXT_SECONDARY,
25
+ BUTTON_MENU_TEXT: fg.TEXT_PRIMARY,
26
26
  BUTTON_MENU_BG: bg.BG_TRANSPARENT,
27
27
  BUTTON_MENU_BORDER: bd.BORDER_TRANSPARENT,
28
- BUTTON_MENU_TEXT_HOVER: fg.TEXT_SECONDARY,
29
- BUTTON_MENU_BG_HOVER: bg.BG_SECONDARY_FADE,
28
+ BUTTON_MENU_TEXT_HOVER: fg.TEXT_PRIMARY,
29
+ BUTTON_MENU_BG_HOVER: bg.BG_TERTIARY,
30
30
  BUTTON_MENU_BORDER_HOVER: bd.BORDER_TRANSPARENT,
31
- BUTTON_MENU_TEXT_ACTIVE: fg.TEXT_SECONDARY,
32
- BUTTON_MENU_BG_ACTIVE: bg.BG_SECONDARY_FADE,
31
+ BUTTON_MENU_TEXT_ACTIVE: fg.TEXT_PRIMARY,
32
+ BUTTON_MENU_BG_ACTIVE: bg.BG_SECONDARY,
33
33
  BUTTON_MENU_BORDER_ACTIVE: bd.BORDER_TRANSPARENT,
34
34
  BUTTON_MENU_TEXT_DISABLED: fg.TEXT_DISABLED,
35
35
  BUTTON_MENU_BG_DISABLED: bg.BG_TRANSPARENT,
@@ -149,14 +149,14 @@ export default function createConstColorButton(fg, bg, bd) {
149
149
  * HOVER | 黑字 | 灰底+ | 无边
150
150
  * 禁用 | 灰字 | 无底 | 无边
151
151
  */
152
- BUTTON_TERTIARY_ALT_TEXT: fg.TEXT_SECONDARY,
153
- BUTTON_TERTIARY_ALT_BG: bg.BG_SECONDARY,
152
+ BUTTON_TERTIARY_ALT_TEXT: fg.TEXT_PRIMARY,
153
+ BUTTON_TERTIARY_ALT_BG: bg.BG_TERTIARY,
154
154
  BUTTON_TERTIARY_ALT_BORDER: bd.BORDER_TRANSPARENT,
155
155
  BUTTON_TERTIARY_ALT_TEXT_HOVER: fg.TEXT_PRIMARY,
156
- BUTTON_TERTIARY_ALT_BG_HOVER: bg.BG_TERTIARY,
156
+ BUTTON_TERTIARY_ALT_BG_HOVER: bg.BG_SECONDARY,
157
157
  BUTTON_TERTIARY_ALT_BORDER_HOVER: bd.BORDER_TRANSPARENT,
158
158
  BUTTON_TERTIARY_ALT_TEXT_ACTIVE: fg.TEXT_PRIMARY,
159
- BUTTON_TERTIARY_ALT_BG_ACTIVE: bg.BG_TERTIARY,
159
+ BUTTON_TERTIARY_ALT_BG_ACTIVE: bg.BG_SECONDARY,
160
160
  BUTTON_TERTIARY_ALT_BORDER_ACTIVE: bd.BORDER_TRANSPARENT,
161
161
  BUTTON_TERTIARY_ALT_TEXT_DISABLED: fg.TEXT_DISABLED,
162
162
  BUTTON_TERTIARY_ALT_BG_DISABLED: bg.BG_TRANSPARENT,
@@ -275,7 +275,7 @@ export default function createConstColorButton(fg, bg, bd) {
275
275
  * HOVER | 蓝字 | 无底 | 无边
276
276
  * 禁用 | 灰字 | 无底 | 无边
277
277
  */
278
- BUTTON_TEXT_SECONDARY_TEXT: fg.TEXT_SECONDARY,
278
+ BUTTON_TEXT_SECONDARY_TEXT: fg.TEXT_PRIMARY,
279
279
  BUTTON_TEXT_SECONDARY_BG: bg.BG_TRANSPARENT,
280
280
  BUTTON_TEXT_SECONDARY_BORDER: bd.BORDER_TRANSPARENT,
281
281
  BUTTON_TEXT_SECONDARY_TEXT_HOVER: fg.TEXT_ACCENT,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alicloud/console-base-theme-color",
3
- "version": "1.5.11-beta.0",
3
+ "version": "1.5.12-beta.0",
4
4
  "description": "控制台主题颜色 - 仅颜色",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,
@@ -36,7 +36,5 @@
36
36
  "build": "yarn build:esm && yarn build:cjs && yarn build:types",
37
37
  "clean": "rm -rf build",
38
38
  "prepublishOnly": "yarn clean && yarn build"
39
- },
40
- "gitHead": "e3daf0b177915f37e8beae4ecee204d8c62f9507",
41
- "repository": "http://gitlab.alibaba-inc.com/aliyun/console-base.git"
39
+ }
42
40
  }