@alicloud/console-base-theme 1.9.9-beta.1 → 1.9.9-beta.3

package/build/cjs/global-style-dark-scrollbar/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = require("styled-components");
+// 暗色模式下 cb 的滚动条样式
+var _default = exports.default = (0, _styledComponents.createGlobalStyle)(["body.theme-dark .J_console_base_container{&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px;&:hover{background:rgba(255,255,255,0.3);}}}#);"]);

package/build/cjs/index.js

@@ -5,12 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  mixinTopNavButtonDarkFix: true,
   ThemeStyleLight: true,
   ThemeStyleDark: true,
   GlobalStyleFontFamilyForJa: true,
+  GlobalStyleDarkScrollbar: true,
   toggleBodyClass: true
 };
+Object.defineProperty(exports, "GlobalStyleDarkScrollbar", {
+  enumerable: true,
+  get: function get() {
+    return _globalStyleDarkScrollbar.default;
+  }
+});
 Object.defineProperty(exports, "GlobalStyleFontFamilyForJa", {
   enumerable: true,
   get: function get() {
@@ -29,14 +35,12 @@ Object.defineProperty(exports, "ThemeStyleLight", {
     return _globalStyleThemeLight.default;
   }
 });
-exports.mixinTopNavButtonDarkFix = void 0;
 Object.defineProperty(exports, "toggleBodyClass", {
   enumerable: true,
   get: function get() {
     return _util.toggleBodyClass;
   }
 });
-var _styledComponents = require("styled-components");
 var _var = require("./var");
 Object.keys(_var).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -64,6 +68,5 @@ Object.keys(_mixin).forEach(function (key) {
 var _globalStyleThemeLight = _interopRequireDefault(require("./global-style-theme-light"));
 var _globalStyleThemeDark = _interopRequireDefault(require("./global-style-theme-dark"));
 var _globalStyleFontFamilyForJa = _interopRequireDefault(require("./global-style-font-family-for-ja"));
-var _util = require("./util");
-// 主题黑的时候，在顶栏上的 button 背景色不能是标准的... FIXME 我需要调整颜色的策略 primary-secondary-tertiary 区分 container 和 control
-var mixinTopNavButtonDarkFix = exports.mixinTopNavButtonDarkFix = (0, _styledComponents.css)([".theme-dark &{background-color:rgba(255,255,255,0.08);}"]);
+var _globalStyleDarkScrollbar = _interopRequireDefault(require("./global-style-dark-scrollbar"));
+var _util = require("./util");

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

@@ -8,6 +8,9 @@ exports.default = void 0;
  * z-index 层级设计
  */
 var _default = exports.default = {
+  SUPREME: 999999,
+  // 兼容控制台之外的各种场景，目前仅全站异步通知弹窗使用
+
   DIALOG_SYS: 2101,
   // 系统级模态框（alert、confirm、prompt）
   BACKDROP_SYS: 2100,

package/build/esm/global-style-dark-scrollbar/index.js

@@ -0,0 +1,4 @@
+import { createGlobalStyle } from 'styled-components';
+
+// 暗色模式下 cb 的滚动条样式
+export default createGlobalStyle(["body.theme-dark .J_console_base_container{&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:4px;}&::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px;&:hover{background:rgba(255,255,255,0.3);}}}#);"]);

package/build/esm/index.js

@@ -1,10 +1,7 @@
-import { css } from 'styled-components';
 export * from './var';
 export * from './mixin';
 export { default as ThemeStyleLight } from './global-style-theme-light';
 export { default as ThemeStyleDark } from './global-style-theme-dark';
 export { default as GlobalStyleFontFamilyForJa } from './global-style-font-family-for-ja';
-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);}"]);
+export { default as GlobalStyleDarkScrollbar } from './global-style-dark-scrollbar';
+export { toggleBodyClass } from './util';

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

@@ -2,6 +2,9 @@
  * z-index 层级设计
  */
 export default {
+  SUPREME: 999999,
+  // 兼容控制台之外的各种场景，目前仅全站异步通知弹窗使用
+
   DIALOG_SYS: 2101,
   // 系统级模态框（alert、confirm、prompt）
   BACKDROP_SYS: 2100,

package/build/types/global-style-dark-scrollbar/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default _default;

package/build/types/index.d.ts

@@ -3,6 +3,6 @@ export * from './mixin';
 export { default as ThemeStyleLight } from './global-style-theme-light';
 export { default as ThemeStyleDark } from './global-style-theme-dark';
 export { default as GlobalStyleFontFamilyForJa } from './global-style-font-family-for-ja';
+export { default as GlobalStyleDarkScrollbar } from './global-style-dark-scrollbar';
 export { toggleBodyClass } from './util';
-export declare const mixinTopNavButtonDarkFix: import("styled-components").FlattenSimpleInterpolation;
 export type { IPropsEllipsisLines as EllipsisLinesProps } from './types';

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

@@ -67,6 +67,7 @@ declare const _default: {
         BORDER_RADIUS_XL: number;
     };
     Z_INDEX: {
+        SUPREME: number;
         DIALOG_SYS: number;
         BACKDROP_SYS: number;
         MICRO_BROWSER: number;

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

@@ -2,6 +2,7 @@
  * z-index 层级设计
  */
 declare const _default: {
+    SUPREME: number;
     DIALOG_SYS: number;
     BACKDROP_SYS: number;
     MICRO_BROWSER: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-theme",
-  "version": "1.9.9-beta.1",
+  "version": "1.9.9-beta.3",
   "description": "控制台主题 - 基于 css variable 和 styled-components",
   "license": "MIT",
   "sideEffects": false,