@alicloud/console-base-theme 1.4.7 → 1.5.0

package/build/cjs/global-style-font-family-for-ja/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = require("styled-components");
+
+var _mixin = require("../mixin");
+
+// 为所有的控制台添加日文默认字体，仅日文下会生效，这里对 body 上的 class 有耦合，该 class 由 ConsoleBase 注入
+var _default = (0, _styledComponents.createGlobalStyle)(["body.lang-ja{", "}"], _mixin.mixinTypoFontFamilyBaseJa);
+
+exports.default = _default;

package/build/cjs/index.js

@@ -9,18 +9,25 @@ var _exportNames = {
   mixinTopNavButtonDarkFix: true,
   ThemeStyleLight: true,
   ThemeStyleDark: true,
+  GlobalStyleFontFamilyForJa: true,
   toggleBodyClass: true
 };
+Object.defineProperty(exports, "GlobalStyleFontFamilyForJa", {
+  enumerable: true,
+  get: function get() {
+    return _globalStyleFontFamilyForJa.default;
+  }
+});
 Object.defineProperty(exports, "ThemeStyleDark", {
   enumerable: true,
   get: function get() {
-    return _themeStyleDark.default;
+    return _globalStyleThemeDark.default;
   }
 });
 Object.defineProperty(exports, "ThemeStyleLight", {
   enumerable: true,
   get: function get() {
-    return _themeStyleLight.default;
+    return _globalStyleThemeLight.default;
   }
 });
 exports.mixinTopNavButtonDarkFix = void 0;
@@ -61,9 +68,11 @@ Object.keys(_mixin).forEach(function (key) {
   });
 });
 
-var _themeStyleLight = _interopRequireDefault(require("./theme-style-light"));
+var _globalStyleThemeLight = _interopRequireDefault(require("./global-style-theme-light"));
+
+var _globalStyleThemeDark = _interopRequireDefault(require("./global-style-theme-dark"));
 
-var _themeStyleDark = _interopRequireDefault(require("./theme-style-dark"));
+var _globalStyleFontFamilyForJa = _interopRequireDefault(require("./global-style-font-family-for-ja"));
 
 var _util = require("./util");
 

package/build/cjs/mixin/typo.js

@@ -15,15 +15,15 @@ var _bg = require("./bg");
 
 var _border = require("./border");
 
-var mixinTypoFontFamilyBase = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");"], _var.TYPO.FONT_FAMILY_BASE, _var.TYPO.FONT_FAMILY_BASE); // 日文专属
+// 日文专属
+var mixinTypoFontFamilyBaseJa = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], _var.TYPO.FONT_FAMILY_BASE_JA, _var.TYPO.FONT_FAMILY_BASE_JA); // lang-ja 是 console-base 注入到 body 的 className，虽然有些耦合，但比较实用
 
-exports.mixinTypoFontFamilyBase = mixinTypoFontFamilyBase;
-var mixinTypoFontFamilyBaseJa = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], _var.TYPO.FONT_FAMILY_BASE_JA, _var.TYPO.FONT_FAMILY_BASE_JA);
 exports.mixinTypoFontFamilyBaseJa = mixinTypoFontFamilyBaseJa;
-var mixinTypoFontFamilyMono = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-monospace,", ");"], _var.TYPO.FONT_FAMILY_MONOSPACE, _var.TYPO.FONT_FAMILY_MONOSPACE); // lang-ja 是 console-base 注入到 body 的 className，虽然有些耦合，但比较实用
-
+var mixinTypoFontFamilyBase = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");body.lang-ja &{", "}"], _var.TYPO.FONT_FAMILY_BASE, _var.TYPO.FONT_FAMILY_BASE, mixinTypoFontFamilyBaseJa);
+exports.mixinTypoFontFamilyBase = mixinTypoFontFamilyBase;
+var mixinTypoFontFamilyMono = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-monospace,", ");"], _var.TYPO.FONT_FAMILY_MONOSPACE, _var.TYPO.FONT_FAMILY_MONOSPACE);
 exports.mixinTypoFontFamilyMono = mixinTypoFontFamilyMono;
-var mixinTypoFontBase = (0, _styledComponents.css)(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", " body.lang-ja &{", "}"], mixinTypoFontFamilyBase, mixinTypoFontFamilyBaseJa);
+var mixinTypoFontBase = (0, _styledComponents.css)(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", ""], mixinTypoFontFamilyBase);
 exports.mixinTypoFontBase = mixinTypoFontBase;
 var mixinTypoStrong = (0, _styledComponents.css)(["font-weight:600;", ""], _text.mixinTextPrimary);
 exports.mixinTypoStrong = mixinTypoStrong;

package/build/es/global-style-font-family-for-ja/index.js

@@ -0,0 +1,4 @@
+import { createGlobalStyle } from 'styled-components';
+import { mixinTypoFontFamilyBaseJa } from '../mixin'; // 为所有的控制台添加日文默认字体，仅日文下会生效，这里对 body 上的 class 有耦合，该 class 由 ConsoleBase 注入
+
+export default createGlobalStyle(["body.lang-ja{", "}"], mixinTypoFontFamilyBaseJa);

package/build/es/index.js

@@ -1,8 +1,9 @@
 import { css } from 'styled-components';
 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 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);}"]);

package/build/es/mixin/typo.js

@@ -2,13 +2,13 @@ import { css } from 'styled-components';
 import { TYPO, COLOR } from '../var';
 import { mixinTextPrimary, mixinTextEmphasis, mixinTextCode, mixinTextSecondary, mixinTextTertiary } from './text';
 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); // 日文专属
+import { mixinBorderTertiary, mixinBorderTertiaryColor } from './border'; // 日文专属
 
-export var mixinTypoFontFamilyBaseJa = css(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_BASE_JA);
-export var mixinTypoFontFamilyMono = css(["font-family:", ";font-family:var(--cb-typo-font-family-monospace,", ");"], TYPO.FONT_FAMILY_MONOSPACE, TYPO.FONT_FAMILY_MONOSPACE); // lang-ja 是 console-base 注入到 body 的 className，虽然有些耦合，但比较实用
+export var mixinTypoFontFamilyBaseJa = css(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_BASE_JA); // lang-ja 是 console-base 注入到 body 的 className，虽然有些耦合，但比较实用
 
-export var mixinTypoFontBase = css(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", " body.lang-ja &{", "}"], mixinTypoFontFamilyBase, mixinTypoFontFamilyBaseJa);
+export var mixinTypoFontFamilyBase = css(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");body.lang-ja &{", "}"], TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE, mixinTypoFontFamilyBaseJa);
+export var mixinTypoFontFamilyMono = css(["font-family:", ";font-family:var(--cb-typo-font-family-monospace,", ");"], TYPO.FONT_FAMILY_MONOSPACE, TYPO.FONT_FAMILY_MONOSPACE);
+export var mixinTypoFontBase = css(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", ""], mixinTypoFontFamilyBase);
 export var mixinTypoStrong = css(["font-weight:600;", ""], mixinTextPrimary);
 export var mixinTypoEm = css(["font-style:normal;", ""], mixinTextEmphasis);
 export var mixinTypoSmall = css(["font-size:inherit;", ""], mixinTextTertiary);

package/build/types/global-style-font-family-for-ja/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

@@ -1,7 +1,8 @@
 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 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';
 export declare const mixinTopNavButtonDarkFix: import("styled-components").FlattenSimpleInterpolation;
 export type { IPropsEllipsisLines as EllipsisLinesProps } from './types';

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

@@ -1,6 +1,6 @@
 import { IPropsEllipsisLines } from '../types';
-export declare const mixinTypoFontFamilyBase: import("styled-components").FlattenSimpleInterpolation;
 export declare const mixinTypoFontFamilyBaseJa: import("styled-components").FlattenSimpleInterpolation;
+export declare const mixinTypoFontFamilyBase: import("styled-components").FlattenSimpleInterpolation;
 export declare const mixinTypoFontFamilyMono: import("styled-components").FlattenSimpleInterpolation;
 export declare const mixinTypoFontBase: import("styled-components").FlattenSimpleInterpolation;
 export declare const mixinTypoStrong: import("styled-components").FlattenSimpleInterpolation;

package/package.json

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