@alicloud/console-base-theme 1.3.91 → 1.4.2

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/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/size.js

@@ -62,9 +62,9 @@ var _default = {
   HEIGHT_TOP_NAV: 50,
   // 顶栏高度
   // 表单控件（按钮、输入框）的高度梯度
-  HEIGHT_FORM_CONTROL_XS: 20,
-  HEIGHT_FORM_CONTROL_S: 24,
+  HEIGHT_FORM_CONTROL_XS: 24,
   // 对标 xconsole 的 small
+  HEIGHT_FORM_CONTROL_S: 28,
   HEIGHT_FORM_CONTROL_M: 32,
   // 对标 xconsole 的 medium
   HEIGHT_FORM_CONTROL_L: 36,

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/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/size.js

@@ -55,9 +55,9 @@ export default {
   HEIGHT_TOP_NAV: 50,
   // 顶栏高度
   // 表单控件（按钮、输入框）的高度梯度
-  HEIGHT_FORM_CONTROL_XS: 20,
-  HEIGHT_FORM_CONTROL_S: 24,
+  HEIGHT_FORM_CONTROL_XS: 24,
   // 对标 xconsole 的 small
+  HEIGHT_FORM_CONTROL_S: 28,
   HEIGHT_FORM_CONTROL_M: 32,
   // 对标 xconsole 的 medium
   HEIGHT_FORM_CONTROL_L: 36,

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.91",
+  "version": "1.4.2",
   "description": "控制台主题 - 基于 css variable 和 styled-components",
   "license": "MIT",
   "sideEffects": false,
@@ -25,15 +25,15 @@
   ],
   "devDependencies": {
     "@alicloud/console-toolkit-cli": "^1.2.30",
-    "@alicloud/console-toolkit-preset-component": "^1.2.49",
-    "@alicloud/demo-rc-elements": "^1.4.2",
+    "@alicloud/console-toolkit-preset-component": "^1.2.53",
+    "@alicloud/demo-rc-elements": "^1.5.2",
     "@types/lodash": "^4.14.178",
-    "@types/react": "^17.0.38",
-    "@types/styled-components": "^5.1.19",
+    "@types/react": "^17.0.39",
+    "@types/styled-components": "^5.1.23",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "styled-components": "^5.3.3",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   },
   "peerDependencies": {
     "styled-components": ">=5"