@alicloud/console-base-theme 1.3.90 → 1.4.1

package/build/cjs/index.js

@@ -27,7 +27,7 @@ exports.mixinTopNavButtonDarkFix = void 0;
 Object.defineProperty(exports, "toggleBodyClass", {
   enumerable: true,
   get: function get() {
-    return _toggleBodyClass.default;
+    return _util.toggleBodyClass;
   }
 });
 
@@ -65,7 +65,7 @@ var _themeStyleLight = _interopRequireDefault(require("./theme-style-light"));
 
 var _themeStyleDark = _interopRequireDefault(require("./theme-style-dark"));
 
-var _toggleBodyClass = _interopRequireDefault(require("./util/toggle-body-class"));
+var _util = require("./util");
 
 // 主题黑的时候，在顶栏上的 button 背景色不能是标准的... FIXME 我需要调整颜色的策略 primary-secondary-tertiary 区分 container 和 control
 var mixinTopNavButtonDarkFix = (0, _styledComponents.css)([".theme-dark &{background-color:rgba(255,255,255,0.08);}"]);

package/build/cjs/mixin/button.js

@@ -19,9 +19,10 @@ var _shadow = require("./shadow");
  * 对按钮样式进行重置：
  * 1. 去掉 padding、background、border，定义 outline 以防止丑陋的 Chrome focus outline 样式
  * 2. 设置字体（family、颜色、大小、行间距等）继承
- * 3. 定义 disabled 的基础样式
+ * 3. 避免 link hover 的样式干扰
+ * 4. 定义 disabled 的基础样式
  */
-var mixinButtonReset = (0, _styledComponents.css)(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
+var mixinButtonReset = (0, _styledComponents.css)(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
 exports.mixinButtonReset = mixinButtonReset;
 var mixinButtonShadow = (0, _styledComponents.css)(["&:hover,&:focus{", "}&:active,&:disabled{box-shadow:none;}"], _shadow.mixinShadowLDown); // size mixins
 

package/build/cjs/mixin/typo.js

@@ -27,7 +27,7 @@ var mixinTypoEm = (0, _styledComponents.css)(["font-style:normal;", ""], _text.m
 exports.mixinTypoEm = mixinTypoEm;
 var mixinTypoSmall = (0, _styledComponents.css)(["font-size:inherit;", ""], _text.mixinTextTertiary);
 exports.mixinTypoSmall = mixinTypoSmall;
-var mixinTypoCode = (0, _styledComponents.css)(["padding:2px 4px;border-radius:2px;", " ", " ", ""], _text.mixinTextCode, _bg.mixinBgSecondary, _border.mixinBorderTertiary);
+var mixinTypoCode = (0, _styledComponents.css)(["padding:2px 4px;border-radius:2px;", " ", ""], _text.mixinTextCode, _bg.mixinBgSecondaryFade);
 exports.mixinTypoCode = mixinTypoCode;
 var mixinTypoKbd = (0, _styledComponents.css)(["display:inline-block;padding:2px 4px;border-radius:3px;box-shadow:inset 0 -1px 0 ", ";box-shadow:inset 0 -1px 0 var(--cb-color-shadow,", ");line-height:1.2;", " ", " ", ""], _var.COLOR.SHADOW, _var.COLOR.SHADOW, _text.mixinTextSecondary, _bg.mixinBgSecondary, _border.mixinBorderTertiary);
 exports.mixinTypoKbd = mixinTypoKbd;

package/build/cjs/theme-style-dark/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
@@ -9,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _createThemeGlobalStyle = _interopRequireDefault(require("../util/create-theme-global-style"));
+var _util = require("../util");
 
 var VARS = _interopRequireWildcard(require("./var"));
 
@@ -17,6 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _default = (0, _createThemeGlobalStyle.default)(VARS);
+var _default = (0, _util.createThemeGlobalStyle)(VARS);
 
 exports.default = _default;

package/build/cjs/theme-style-light/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,12 +9,12 @@ exports.default = void 0;
 
 var VARS = _interopRequireWildcard(require("../var"));
 
-var _createThemeGlobalStyle = _interopRequireDefault(require("../util/create-theme-global-style"));
+var _util = require("../util");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _default = (0, _createThemeGlobalStyle.default)(VARS);
+var _default = (0, _util.createThemeGlobalStyle)(VARS);
 
 exports.default = _default;

package/build/cjs/util/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createThemeGlobalStyle", {
+  enumerable: true,
+  get: function get() {
+    return _createThemeGlobalStyle.default;
+  }
+});
+Object.defineProperty(exports, "toggleBodyClass", {
+  enumerable: true,
+  get: function get() {
+    return _toggleBodyClass.default;
+  }
+});
+
+var _createThemeGlobalStyle = _interopRequireDefault(require("./create-theme-global-style"));
+
+var _toggleBodyClass = _interopRequireDefault(require("./toggle-body-class"));

package/build/cjs/var/z-index.js

@@ -9,6 +9,8 @@ var _default = {
   // 全局吊顶
   TOOLKIT: 99,
   // 全局工具
+  MICRO_BROWSER: 1200,
+  // 微浏览器
   // dialog 主体
   DIALOG_SLIDE: 200,
   // 侧拉抽屉

package/build/es/index.js

@@ -3,6 +3,6 @@ export * from './var';
 export * from './mixin';
 export { default as ThemeStyleLight } from './theme-style-light';
 export { default as ThemeStyleDark } from './theme-style-dark';
-export { default as toggleBodyClass } from './util/toggle-body-class'; // 主题黑的时候，在顶栏上的 button 背景色不能是标准的... FIXME 我需要调整颜色的策略 primary-secondary-tertiary 区分 container 和 control
+export { toggleBodyClass } from './util'; // 主题黑的时候，在顶栏上的 button 背景色不能是标准的... FIXME 我需要调整颜色的策略 primary-secondary-tertiary 区分 container 和 control
 
 export var mixinTopNavButtonDarkFix = css([".theme-dark &{background-color:rgba(255,255,255,0.08);}"]);

package/build/es/mixin/button.js

@@ -6,10 +6,11 @@ import { mixinShadowLDown } from './shadow';
  * 对按钮样式进行重置：
  * 1. 去掉 padding、background、border，定义 outline 以防止丑陋的 Chrome focus outline 样式
  * 2. 设置字体（family、颜色、大小、行间距等）继承
- * 3. 定义 disabled 的基础样式
+ * 3. 避免 link hover 的样式干扰
+ * 4. 定义 disabled 的基础样式
  */
 
-export var mixinButtonReset = css(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
+export var mixinButtonReset = css(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
 export var mixinButtonShadow = css(["&:hover,&:focus{", "}&:active,&:disabled{box-shadow:none;}"], mixinShadowLDown); // size mixins
 
 export var mixinButtonSizeXs = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_XS, SIZE.HEIGHT_FORM_CONTROL_XS, SIZE.HEIGHT_FORM_CONTROL_XS - 2, SIZE.FONT_SIZE_FORM_CONTROL_XS);

package/build/es/mixin/typo.js

@@ -1,7 +1,7 @@
 import { css } from 'styled-components';
 import { TYPO, COLOR } from '../var';
 import { mixinTextPrimary, mixinTextEmphasis, mixinTextCode, mixinTextSecondary, mixinTextTertiary } from './text';
-import { mixinBgSecondary } from './bg';
+import { mixinBgSecondary, mixinBgSecondaryFade } from './bg';
 import { mixinBorderTertiary, mixinBorderTertiaryColor } from './border';
 export var mixinTypoFontFamilyBase = css(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");"], TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE);
 export var mixinTypoFontFamilyMono = css(["font-family:", ";font-family:var(--cb-typo-font-family-monospace,", ");"], TYPO.FONT_FAMILY_MONOSPACE, TYPO.FONT_FAMILY_MONOSPACE);
@@ -9,7 +9,7 @@ export var mixinTypoFontBase = css(["line-height:1.5;-moz-osx-font-smoothing:gra
 export var mixinTypoStrong = css(["font-weight:600;", ""], mixinTextPrimary);
 export var mixinTypoEm = css(["font-style:normal;", ""], mixinTextEmphasis);
 export var mixinTypoSmall = css(["font-size:inherit;", ""], mixinTextTertiary);
-export var mixinTypoCode = css(["padding:2px 4px;border-radius:2px;", " ", " ", ""], mixinTextCode, mixinBgSecondary, mixinBorderTertiary);
+export var mixinTypoCode = css(["padding:2px 4px;border-radius:2px;", " ", ""], mixinTextCode, mixinBgSecondaryFade);
 export var mixinTypoKbd = css(["display:inline-block;padding:2px 4px;border-radius:3px;box-shadow:inset 0 -1px 0 ", ";box-shadow:inset 0 -1px 0 var(--cb-color-shadow,", ");line-height:1.2;", " ", " ", ""], COLOR.SHADOW, COLOR.SHADOW, mixinTextSecondary, mixinBgSecondary, mixinBorderTertiary);
 export var mixinTypoBlockquote = css(["padding:8px 16px;border-left-width:4px;border-left-style:solid;", " ", ""], mixinBorderTertiaryColor, mixinTextTertiary);
 export var mixinTypoLineWrap = css(["white-space:normal;word-wrap:break-word;"]);

package/build/es/theme-style-dark/index.js

@@ -1,3 +1,3 @@
-import createThemeGlobalStyle from '../util/create-theme-global-style';
+import { createThemeGlobalStyle } from '../util';
 import * as VARS from './var';
 export default createThemeGlobalStyle(VARS);

package/build/es/theme-style-light/index.js

@@ -1,3 +1,3 @@
 import * as VARS from '../var';
-import createThemeGlobalStyle from '../util/create-theme-global-style';
+import { createThemeGlobalStyle } from '../util';
 export default createThemeGlobalStyle(VARS);

package/build/es/util/index.js

@@ -0,0 +1,2 @@
+export { default as createThemeGlobalStyle } from './create-theme-global-style';
+export { default as toggleBodyClass } from './toggle-body-class';

package/build/es/var/z-index.js

@@ -3,6 +3,8 @@ export default {
   // 全局吊顶
   TOOLKIT: 99,
   // 全局工具
+  MICRO_BROWSER: 1200,
+  // 微浏览器
   // dialog 主体
   DIALOG_SLIDE: 200,
   // 侧拉抽屉

package/build/types/index.d.ts

@@ -2,6 +2,6 @@ export * from './var';
 export * from './mixin';
 export { default as ThemeStyleLight } from './theme-style-light';
 export { default as ThemeStyleDark } from './theme-style-dark';
-export { default as toggleBodyClass } from './util/toggle-body-class';
+export { toggleBodyClass } from './util';
 export declare const mixinTopNavButtonDarkFix: import("styled-components").FlattenSimpleInterpolation;
 export type { IPropsEllipsisLines as EllipsisLinesProps } from './types';

package/build/types/mixin/button.d.ts

@@ -2,7 +2,8 @@
  * 对按钮样式进行重置：
  * 1. 去掉 padding、background、border，定义 outline 以防止丑陋的 Chrome focus outline 样式
  * 2. 设置字体（family、颜色、大小、行间距等）继承
- * 3. 定义 disabled 的基础样式
+ * 3. 避免 link hover 的样式干扰
+ * 4. 定义 disabled 的基础样式
  */
 export declare const mixinButtonReset: import("styled-components").FlattenSimpleInterpolation;
 export declare const mixinButtonShadow: import("styled-components").FlattenSimpleInterpolation;

package/build/types/util/index.d.ts

@@ -0,0 +1,2 @@
+export { default as createThemeGlobalStyle } from './create-theme-global-style';
+export { default as toggleBodyClass } from './toggle-body-class';

package/build/types/var/index.d.ts

@@ -64,6 +64,7 @@ declare const _default: {
     Z_INDEX: {
         TOP_NAV: number;
         TOOLKIT: number;
+        MICRO_BROWSER: number;
         DIALOG_SLIDE: number;
         DIALOG_NORMAL: number;
         DIALOG_SYS: number;

package/build/types/var/z-index.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     TOP_NAV: number;
     TOOLKIT: number;
+    MICRO_BROWSER: number;
     DIALOG_SLIDE: number;
     DIALOG_NORMAL: number;
     DIALOG_SYS: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-theme",
-  "version": "1.3.90",
+  "version": "1.4.1",
   "description": "控制台主题 - 基于 css variable 和 styled-components",
   "license": "MIT",
   "sideEffects": false,
@@ -25,22 +25,22 @@
   ],
   "devDependencies": {
     "@alicloud/console-toolkit-cli": "^1.2.30",
-    "@alicloud/console-toolkit-preset-component": "^1.2.32",
-    "@alicloud/demo-rc-elements": "^1.3.69",
-    "@types/lodash": "^4.14.175",
-    "@types/react": "^17.0.30",
-    "@types/styled-components": "^5.1.15",
+    "@alicloud/console-toolkit-preset-component": "^1.2.53",
+    "@alicloud/demo-rc-elements": "^1.5.2",
+    "@types/lodash": "^4.14.178",
+    "@types/react": "^17.0.39",
+    "@types/styled-components": "^5.1.23",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
-    "styled-components": "^5.3.1",
-    "typescript": "^4.4.4"
+    "styled-components": "^5.3.3",
+    "typescript": "^4.5.5"
   },
   "peerDependencies": {
     "styled-components": ">=5"
   },
   "dependencies": {
-    "@alicloud/console-base-theme-color": "^1.1.83",
-    "@alicloud/mere-dom": "^1.1.62"
+    "@alicloud/console-base-theme-color": "^1.1.84",
+    "@alicloud/mere-dom": "^1.3.0"
   },
   "scripts": {
     "start": "breezr start-storybook",
@@ -53,5 +53,5 @@
     "clean": "rm -rf build",
     "prepublishOnly": "yarn clean && yarn build"
   },
-  "gitHead": "c34c19b55903df37810149470d8fbcb62eaae71f"
+  "gitHead": "e575919bb3e5dc36f28501101c18cf0d7cee2488"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2019 Alibaba Cloud
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.