npm - @alicloud/console-base-theme - Versions diffs - 1.4.5 → 1.5.0 - Mend

@alicloud/console-base-theme 1.4.5 → 1.5.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 (23) hide show

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

@@ -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/{theme-style-dark → global-style-theme-dark}/index.js RENAMED Viewed

File without changes

package/build/cjs/{theme-style-dark → global-style-theme-dark}/var/index.js RENAMED Viewed

File without changes

package/build/cjs/{theme-style-light → global-style-theme-light}/index.js RENAMED Viewed

File without changes

package/build/cjs/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -15,11 +15,12 @@ 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 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;", ""], mixinTypoFontFamilyBase);

package/build/cjs/util/create-theme-global-style.js CHANGED Viewed

@@ -14,5 +14,5 @@ function createThemeGlobalStyle(_ref) {
       SIZE = _ref.SIZE;
   // eslint-disable-line @typescript-eslint/no-explicit-any
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return (0, _styledComponents.createGlobalStyle)([":root{--cb-color-text-transparent:", ";--cb-color-text-white:", ";--cb-color-text-black:", ";--cb-color-text-inverse:", ";--cb-color-text-brand:", ";--cb-color-text-brand-hover:", ";--cb-color-text-brand-active:", ";--cb-color-text-accent:", ";--cb-color-text-accent-hover:", ";--cb-color-text-accent-active:", ";--cb-color-text-primary:", ";--cb-color-text-secondary:", ";--cb-color-text-tertiary:", ";--cb-color-text-disabled:", ";--cb-color-text-help:", ";--cb-color-text-info:", ";--cb-color-text-success:", ";--cb-color-text-warning:", ";--cb-color-text-error:", ";--cb-color-text-danger:", ";--cb-color-text-emphasis:", ";--cb-color-text-code:", ";--cb-color-bg-transparent:", ";--cb-color-bg-white:", ";--cb-color-bg-black:", ";--cb-color-bg-inverse:", ";--cb-color-bg-brand:", ";--cb-color-bg-brand-hover:", ";--cb-color-bg-brand-active:", ";--cb-color-bg-accent:", ";--cb-color-bg-accent-hover:", ";--cb-color-bg-accent-active:", ";--cb-color-bg-primary:", ";--cb-color-bg-secondary:", ";--cb-color-bg-secondary-fade:", ";--cb-color-bg-tertiary:", ";--cb-color-bg-tertiary-fade:", ";--cb-color-bg-disabled:", ";--cb-color-bg-help:", ";--cb-color-bg-help-tint:", ";--cb-color-bg-help-tint-fade:", ";--cb-color-bg-info:", ";--cb-color-bg-info-tint:", ";--cb-color-bg-info-tint-fade:", ";--cb-color-bg-success:", ";--cb-color-bg-success-tint:", ";--cb-color-bg-success-tint-fade:", ";--cb-color-bg-warning:", ";--cb-color-bg-warning-tint:", ";--cb-color-bg-warning-tint-fade:", ";--cb-color-bg-error:", ";--cb-color-bg-error-tint:", ";--cb-color-bg-error-tint-fade:", ";--cb-color-bg-danger:", ";--cb-color-bg-backdrop:", ";--cb-color-border-transparent:", ";--cb-color-border-white:", ";--cb-color-border-brand:", ";--cb-color-border-brand-hover:", ";--cb-color-border-brand-active:", ";--cb-color-border-accent:", ";--cb-color-border-accent-hover:", ";--cb-color-border-accent-active:", ";--cb-color-border-primary:", ";--cb-color-border-secondary:", ";--cb-color-border-tertiary:", ";--cb-color-border-disabled:", ";--cb-color-border-help:", ";--cb-color-border-info:", ";--cb-color-border-success:", ";--cb-color-border-warning:", ";--cb-color-border-error:", ";--cb-color-border-danger:", ";--cb-color-shadow:", ";--cb-color-link-primary:", ";--cb-color-link-primary-visited:", ";--cb-color-link-primary-hover:", ";--cb-color-link-primary-active:", ";--cb-color-link-secondary:", ";--cb-color-link-secondary-visited:", ";--cb-color-link-secondary-hover:", ";--cb-color-link-secondary-active:", ";--cb-color-link-tertiary:", ";--cb-color-link-tertiary-visited:", ";--cb-color-link-tertiary-hover:", ";--cb-color-link-tertiary-active:", ";--cb-color-link-brand:", ";--cb-color-link-brand-visited:", ";--cb-color-link-brand-hover:", ";--cb-color-link-brand-active:", ";--cb-color-link-brand-secondary:", ";--cb-color-link-brand-secondary-visited:", ";--cb-color-link-brand-secondary-hover:", ";--cb-color-link-brand-secondary-active:", ";--cb-color-link-disabled:", ";--cb-color-input-text:", ";--cb-color-input-bg:", ";--cb-color-input-border:", ";--cb-color-input-text-hover:", ";--cb-color-input-bg-hover:", ";--cb-color-input-border-hover:", ";--cb-color-input-text-focus:", ";--cb-color-input-bg-focus:", ";--cb-color-input-border-focus:", ";--cb-color-input-border-focus-brand:", ";--cb-color-input-text-disabled:", ";--cb-color-input-bg-disabled:", ";--cb-color-input-border-disabled:", ";--cb-color-input-placeholder:", ";--cb-color-button-menu-text:", ";--cb-color-button-menu-bg:", ";--cb-color-button-menu-border:", ";--cb-color-button-menu-text-hover:", ";--cb-color-button-menu-bg-hover:", ";--cb-color-button-menu-border-hover:", ";--cb-color-button-menu-text-active:", ";--cb-color-button-menu-bg-active:", ";--cb-color-button-menu-border-active:", ";--cb-color-button-menu-text-disabled:", ";--cb-color-button-menu-bg-disabled:", ";--cb-color-button-menu-border-disabled:", ";--cb-color-button-danger-text:", ";--cb-color-button-danger-bg:", ";--cb-color-button-danger-border:", ";--cb-color-button-danger-text-hover:", ";--cb-color-button-danger-bg-hover:", ";--cb-color-button-danger-border-hover:", ";--cb-color-button-danger-text-active:", ";--cb-color-button-danger-bg-active:", ";--cb-color-button-danger-border-active:", ";--cb-color-button-danger-text-disabled:", ";--cb-color-button-danger-bg-disabled:", ";--cb-color-button-danger-border-disabled:", ";--cb-color-button-primary-text:", ";--cb-color-button-primary-bg:", ";--cb-color-button-primary-border:", ";--cb-color-button-primary-text-hover:", ";--cb-color-button-primary-bg-hover:", ";--cb-color-button-primary-border-hover:", ";--cb-color-button-primary-text-active:", ";--cb-color-button-primary-bg-active:", ";--cb-color-button-primary-border-active:", ";--cb-color-button-primary-text-disabled:", ";--cb-color-button-primary-bg-disabled:", ";--cb-color-button-primary-border-disabled:", ";--cb-color-button-secondary-text:", ";--cb-color-button-secondary-bg:", ";--cb-color-button-secondary-border:", ";--cb-color-button-secondary-text-hover:", ";--cb-color-button-secondary-bg-hover:", ";--cb-color-button-secondary-border-hover:", ";--cb-color-button-secondary-text-active:", ";--cb-color-button-secondary-bg-active:", ";--cb-color-button-secondary-border-active:", ";--cb-color-button-secondary-text-disabled:", ";--cb-color-button-secondary-bg-disabled:", ";--cb-color-button-secondary-border-disabled:", ";--cb-color-button-secondary-alt-text:", ";--cb-color-button-secondary-alt-bg:", ";--cb-color-button-secondary-alt-border:", ";--cb-color-button-secondary-alt-text-hover:", ";--cb-color-button-secondary-alt-bg-hover:", ";--cb-color-button-secondary-alt-border-hover:", ";--cb-color-button-secondary-alt-text-active:", ";--cb-color-button-secondary-alt-bg-active:", ";--cb-color-button-secondary-alt-border-active:", ";--cb-color-button-secondary-alt-text-disabled:", ";--cb-color-button-secondary-alt-bg-disabled:", ";--cb-color-button-secondary-alt-border-disabled:", ";--cb-color-button-tertiary-text:", ";--cb-color-button-tertiary-bg:", ";--cb-color-button-tertiary-border:", ";--cb-color-button-tertiary-text-hover:", ";--cb-color-button-tertiary-bg-hover:", ";--cb-color-button-tertiary-border-hover:", ";--cb-color-button-tertiary-text-active:", ";--cb-color-button-tertiary-bg-active:", ";--cb-color-button-tertiary-border-active:", ";--cb-color-button-tertiary-text-disabled:", ";--cb-color-button-tertiary-bg-disabled:", ";--cb-color-button-tertiary-border-disabled:", ";--cb-color-button-tertiary-alt-text:", ";--cb-color-button-tertiary-alt-bg:", ";--cb-color-button-tertiary-alt-border:", ";--cb-color-button-tertiary-alt-text-hover:", ";--cb-color-button-tertiary-alt-bg-hover:", ";--cb-color-button-tertiary-alt-border-hover:", ";--cb-color-button-tertiary-alt-text-active:", ";--cb-color-button-tertiary-alt-bg-active:", ";--cb-color-button-tertiary-alt-border-active:", ";--cb-color-button-tertiary-alt-text-disabled:", ";--cb-color-button-tertiary-alt-bg-disabled:", ";--cb-color-button-tertiary-alt-border-disabled:", ";--cb-color-button-brand-primary-text:", ";--cb-color-button-brand-primary-bg:", ";--cb-color-button-brand-primary-border:", ";--cb-color-button-brand-primary-text-hover:", ";--cb-color-button-brand-primary-bg-hover:", ";--cb-color-button-brand-primary-border-hover:", ";--cb-color-button-brand-primary-text-active:", ";--cb-color-button-brand-primary-bg-active:", ";--cb-color-button-brand-primary-border-active:", ";--cb-color-button-brand-primary-text-disabled:", ";--cb-color-button-brand-primary-bg-disabled:", ";--cb-color-button-brand-primary-border-disabled:", ";--cb-color-button-brand-secondary-text:", ";--cb-color-button-brand-secondary-bg:", ";--cb-color-button-brand-secondary-border:", ";--cb-color-button-brand-secondary-text-hover:", ";--cb-color-button-brand-secondary-bg-hover:", ";--cb-color-button-brand-secondary-border-hover:", ";--cb-color-button-brand-secondary-text-active:", ";--cb-color-button-brand-secondary-bg-active:", ";--cb-color-button-brand-secondary-border-active:", ";--cb-color-button-brand-secondary-text-disabled:", ";--cb-color-button-brand-secondary-bg-disabled:", ";--cb-color-button-brand-secondary-border-disabled:", ";--cb-color-button-brand-secondary-alt-text:", ";--cb-color-button-brand-secondary-alt-bg:", ";--cb-color-button-brand-secondary-alt-border:", ";--cb-color-button-brand-secondary-alt-text-hover:", ";--cb-color-button-brand-secondary-alt-bg-hover:", ";--cb-color-button-brand-secondary-alt-border-hover:", ";--cb-color-button-brand-secondary-alt-text-active:", ";--cb-color-button-brand-secondary-alt-bg-active:", ";--cb-color-button-brand-secondary-alt-border-active:", ";--cb-color-button-brand-secondary-alt-text-disabled:", ";--cb-color-button-brand-secondary-alt-bg-disabled:", ";--cb-color-button-brand-secondary-alt-border-disabled:", ";--cb-color-button-brand-tertiary-text:", ";--cb-color-button-brand-tertiary-bg:", ";--cb-color-button-brand-tertiary-border:", ";--cb-color-button-brand-tertiary-text-hover:", ";--cb-color-button-brand-tertiary-bg-hover:", ";--cb-color-button-brand-tertiary-border-hover:", ";--cb-color-button-brand-tertiary-text-active:", ";--cb-color-button-brand-tertiary-bg-active:", ";--cb-color-button-brand-tertiary-border-active:", ";--cb-color-button-brand-tertiary-text-disabled:", ";--cb-color-button-brand-tertiary-bg-disabled:", ";--cb-color-button-brand-tertiary-border-disabled:", ";--cb-color-button-text-primary-text:", ";--cb-color-button-text-primary-bg:", ";--cb-color-button-text-primary-border:", ";--cb-color-button-text-primary-text-hover:", ";--cb-color-button-text-primary-bg-hover:", ";--cb-color-button-text-primary-border-hover:", ";--cb-color-button-text-primary-text-active:", ";--cb-color-button-text-primary-bg-active:", ";--cb-color-button-text-primary-border-active:", ";--cb-color-button-text-primary-text-disabled:", ";--cb-color-button-text-primary-bg-disabled:", ";--cb-color-button-text-primary-border-disabled:", ";--cb-color-button-text-secondary-text:", ";--cb-color-button-text-secondary-bg:", ";--cb-color-button-text-secondary-border:", ";--cb-color-button-text-secondary-text-hover:", ";--cb-color-button-text-secondary-bg-hover:", ";--cb-color-button-text-secondary-border-hover:", ";--cb-color-button-text-secondary-text-active:", ";--cb-color-button-text-secondary-bg-active:", ";--cb-color-button-text-secondary-border-active:", ";--cb-color-button-text-secondary-text-disabled:", ";--cb-color-button-text-secondary-bg-disabled:", ";--cb-color-button-text-secondary-border-disabled:", ";--cb-color-button-text-tertiary-text:", ";--cb-color-button-text-tertiary-bg:", ";--cb-color-button-text-tertiary-border:", ";--cb-color-button-text-tertiary-text-hover:", ";--cb-color-button-text-tertiary-bg-hover:", ";--cb-color-button-text-tertiary-border-hover:", ";--cb-color-button-text-tertiary-text-active:", ";--cb-color-button-text-tertiary-bg-active:", ";--cb-color-button-text-tertiary-border-active:", ";--cb-color-button-text-tertiary-text-disabled:", ";--cb-color-button-text-tertiary-bg-disabled:", ";--cb-color-button-text-tertiary-border-disabled:", ";--cb-color-button-text-brand-primary-text:", ";--cb-color-button-text-brand-primary-bg:", ";--cb-color-button-text-brand-primary-border:", ";--cb-color-button-text-brand-primary-text-hover:", ";--cb-color-button-text-brand-primary-bg-hover:", ";--cb-color-button-text-brand-primary-border-hover:", ";--cb-color-button-text-brand-primary-text-active:", ";--cb-color-button-text-brand-primary-bg-active:", ";--cb-color-button-text-brand-primary-border-active:", ";--cb-color-button-text-brand-primary-text-disabled:", ";--cb-color-button-text-brand-primary-bg-disabled:", ";--cb-color-button-text-brand-primary-border-disabled:", ";--cb-color-button-text-brand-secondary-text:", ";--cb-color-button-text-brand-secondary-bg:", ";--cb-color-button-text-brand-secondary-border:", ";--cb-color-button-text-brand-secondary-text-hover:", ";--cb-color-button-text-brand-secondary-bg-hover:", ";--cb-color-button-text-brand-secondary-border-hover:", ";--cb-color-button-text-brand-secondary-text-active:", ";--cb-color-button-text-brand-secondary-bg-active:", ";--cb-color-button-text-brand-secondary-border-active:", ";--cb-color-button-text-brand-secondary-text-disabled:", ";--cb-color-button-text-brand-secondary-bg-disabled:", ";--cb-color-button-text-brand-secondary-border-disabled:", ";--cb-typo-font-family-base:", ";--cb-typo-font-family-monospace:", ";--cb-size-border-radius-xs:", "px;--cb-size-border-radius-s:", "px;--cb-size-border-radius-m:", "px;--cb-size-border-radius-l:", "px;--cb-size-border-radius-xl:", "px;}"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_WHITE, COLOR.TEXT_BLACK, COLOR.TEXT_INVERSE, COLOR.TEXT_BRAND, COLOR.TEXT_BRAND_HOVER, COLOR.TEXT_BRAND_ACTIVE, COLOR.TEXT_ACCENT, COLOR.TEXT_ACCENT_HOVER, COLOR.TEXT_ACCENT_ACTIVE, COLOR.TEXT_PRIMARY, COLOR.TEXT_SECONDARY, COLOR.TEXT_TERTIARY, COLOR.TEXT_DISABLED, COLOR.TEXT_HELP, COLOR.TEXT_INFO, COLOR.TEXT_SUCCESS, COLOR.TEXT_WARNING, COLOR.TEXT_ERROR, COLOR.TEXT_DANGER, COLOR.TEXT_EMPHASIS, COLOR.TEXT_CODE, COLOR.BG_TRANSPARENT, COLOR.BG_WHITE, COLOR.BG_BLACK, COLOR.BG_INVERSE, COLOR.BG_BRAND, COLOR.BG_BRAND_HOVER, COLOR.BG_BRAND_ACTIVE, COLOR.BG_ACCENT, COLOR.BG_ACCENT_HOVER, COLOR.BG_ACCENT_ACTIVE, COLOR.BG_PRIMARY, COLOR.BG_SECONDARY, COLOR.BG_SECONDARY_FADE, COLOR.BG_TERTIARY, COLOR.BG_TERTIARY_FADE, COLOR.BG_DISABLED, COLOR.BG_HELP, COLOR.BG_HELP_TINT, COLOR.BG_HELP_TINT_FADE, COLOR.BG_INFO, COLOR.BG_INFO_TINT, COLOR.BG_INFO_TINT_FADE, COLOR.BG_SUCCESS, COLOR.BG_SUCCESS_TINT, COLOR.BG_SUCCESS_TINT_FADE, COLOR.BG_WARNING, COLOR.BG_WARNING_TINT, COLOR.BG_WARNING_TINT_FADE, COLOR.BG_ERROR, COLOR.BG_ERROR_TINT, COLOR.BG_ERROR_TINT_FADE, COLOR.BG_DANGER, COLOR.BG_BACKDROP, COLOR.BORDER_TRANSPARENT, COLOR.BORDER_WHITE, COLOR.BORDER_BRAND, COLOR.BORDER_BRAND_HOVER, COLOR.BORDER_BRAND_ACTIVE, COLOR.BORDER_ACCENT, COLOR.BORDER_ACCENT_HOVER, COLOR.BORDER_ACCENT_ACTIVE, COLOR.BORDER_PRIMARY, COLOR.BORDER_SECONDARY, COLOR.BORDER_TERTIARY, COLOR.BORDER_DISABLED, COLOR.BORDER_HELP, COLOR.BORDER_INFO, COLOR.BORDER_SUCCESS, COLOR.BORDER_WARNING, COLOR.BORDER_ERROR, COLOR.BORDER_DANGER, COLOR.SHADOW, COLOR.LINK_PRIMARY, COLOR.LINK_PRIMARY_VISITED, COLOR.LINK_PRIMARY_HOVER, COLOR.LINK_PRIMARY_ACTIVE, COLOR.LINK_SECONDARY, COLOR.LINK_SECONDARY_VISITED, COLOR.LINK_SECONDARY_HOVER, COLOR.LINK_SECONDARY_ACTIVE, COLOR.LINK_TERTIARY, COLOR.LINK_TERTIARY_VISITED, COLOR.LINK_TERTIARY_HOVER, COLOR.LINK_TERTIARY_ACTIVE, COLOR.LINK_BRAND, COLOR.LINK_BRAND_VISITED, COLOR.LINK_BRAND_HOVER, COLOR.LINK_BRAND_ACTIVE, COLOR.LINK_BRAND_SECONDARY, COLOR.LINK_BRAND_SECONDARY_VISITED, COLOR.LINK_BRAND_SECONDARY_HOVER, COLOR.LINK_BRAND_SECONDARY_ACTIVE, COLOR.LINK_DISABLED, COLOR.INPUT_TEXT, COLOR.INPUT_BG, COLOR.INPUT_BORDER, COLOR.INPUT_TEXT_HOVER, COLOR.INPUT_BG_HOVER, COLOR.INPUT_BORDER_HOVER, COLOR.INPUT_TEXT_FOCUS, COLOR.INPUT_BG_FOCUS, COLOR.INPUT_BORDER_FOCUS, COLOR.INPUT_BORDER_FOCUS_BRAND, COLOR.INPUT_TEXT_DISABLED, COLOR.INPUT_BG_DISABLED, COLOR.INPUT_BORDER_DISABLED, COLOR.INPUT_PLACEHOLDER, COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_TEXT_HOVER, COLOR.BUTTON_MENU_BG_HOVER, COLOR.BUTTON_MENU_BORDER_HOVER, COLOR.BUTTON_MENU_TEXT_ACTIVE, COLOR.BUTTON_MENU_BG_ACTIVE, COLOR.BUTTON_MENU_BORDER_ACTIVE, COLOR.BUTTON_MENU_TEXT_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_TEXT_HOVER, COLOR.BUTTON_DANGER_BG_HOVER, COLOR.BUTTON_DANGER_BORDER_HOVER, COLOR.BUTTON_DANGER_TEXT_ACTIVE, COLOR.BUTTON_DANGER_BG_ACTIVE, COLOR.BUTTON_DANGER_BORDER_ACTIVE, COLOR.BUTTON_DANGER_TEXT_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_TEXT_HOVER, COLOR.BUTTON_PRIMARY_BG_HOVER, COLOR.BUTTON_PRIMARY_BORDER_HOVER, COLOR.BUTTON_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_PRIMARY_BG_ACTIVE, COLOR.BUTTON_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_TEXT_HOVER, COLOR.BUTTON_SECONDARY_BG_HOVER, COLOR.BUTTON_SECONDARY_BORDER_HOVER, COLOR.BUTTON_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_BG_ACTIVE, COLOR.BUTTON_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TERTIARY_BG_HOVER, COLOR.BUTTON_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_TEXT_HOVER, COLOR.BUTTON_TERTIARY_ALT_BG_HOVER, COLOR.BUTTON_TERTIARY_ALT_BORDER_HOVER, COLOR.BUTTON_TERTIARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BG_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BG_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BORDER_HOVER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BG_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BG_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_MONOSPACE, SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_S, SIZE.BORDER_RADIUS_M, SIZE.BORDER_RADIUS_L, SIZE.BORDER_RADIUS_XL);
+  return (0, _styledComponents.createGlobalStyle)([":root{--cb-color-text-transparent:", ";--cb-color-text-white:", ";--cb-color-text-black:", ";--cb-color-text-inverse:", ";--cb-color-text-brand:", ";--cb-color-text-brand-hover:", ";--cb-color-text-brand-active:", ";--cb-color-text-accent:", ";--cb-color-text-accent-hover:", ";--cb-color-text-accent-active:", ";--cb-color-text-primary:", ";--cb-color-text-secondary:", ";--cb-color-text-tertiary:", ";--cb-color-text-disabled:", ";--cb-color-text-help:", ";--cb-color-text-info:", ";--cb-color-text-success:", ";--cb-color-text-warning:", ";--cb-color-text-error:", ";--cb-color-text-danger:", ";--cb-color-text-emphasis:", ";--cb-color-text-code:", ";--cb-color-bg-transparent:", ";--cb-color-bg-white:", ";--cb-color-bg-black:", ";--cb-color-bg-inverse:", ";--cb-color-bg-brand:", ";--cb-color-bg-brand-hover:", ";--cb-color-bg-brand-active:", ";--cb-color-bg-accent:", ";--cb-color-bg-accent-hover:", ";--cb-color-bg-accent-active:", ";--cb-color-bg-primary:", ";--cb-color-bg-secondary:", ";--cb-color-bg-secondary-fade:", ";--cb-color-bg-tertiary:", ";--cb-color-bg-tertiary-fade:", ";--cb-color-bg-disabled:", ";--cb-color-bg-help:", ";--cb-color-bg-help-tint:", ";--cb-color-bg-help-tint-fade:", ";--cb-color-bg-info:", ";--cb-color-bg-info-tint:", ";--cb-color-bg-info-tint-fade:", ";--cb-color-bg-success:", ";--cb-color-bg-success-tint:", ";--cb-color-bg-success-tint-fade:", ";--cb-color-bg-warning:", ";--cb-color-bg-warning-tint:", ";--cb-color-bg-warning-tint-fade:", ";--cb-color-bg-error:", ";--cb-color-bg-error-tint:", ";--cb-color-bg-error-tint-fade:", ";--cb-color-bg-danger:", ";--cb-color-bg-backdrop:", ";--cb-color-border-transparent:", ";--cb-color-border-white:", ";--cb-color-border-brand:", ";--cb-color-border-brand-hover:", ";--cb-color-border-brand-active:", ";--cb-color-border-accent:", ";--cb-color-border-accent-hover:", ";--cb-color-border-accent-active:", ";--cb-color-border-primary:", ";--cb-color-border-secondary:", ";--cb-color-border-tertiary:", ";--cb-color-border-disabled:", ";--cb-color-border-help:", ";--cb-color-border-info:", ";--cb-color-border-success:", ";--cb-color-border-warning:", ";--cb-color-border-error:", ";--cb-color-border-danger:", ";--cb-color-shadow:", ";--cb-color-link-primary:", ";--cb-color-link-primary-visited:", ";--cb-color-link-primary-hover:", ";--cb-color-link-primary-active:", ";--cb-color-link-secondary:", ";--cb-color-link-secondary-visited:", ";--cb-color-link-secondary-hover:", ";--cb-color-link-secondary-active:", ";--cb-color-link-tertiary:", ";--cb-color-link-tertiary-visited:", ";--cb-color-link-tertiary-hover:", ";--cb-color-link-tertiary-active:", ";--cb-color-link-brand:", ";--cb-color-link-brand-visited:", ";--cb-color-link-brand-hover:", ";--cb-color-link-brand-active:", ";--cb-color-link-brand-secondary:", ";--cb-color-link-brand-secondary-visited:", ";--cb-color-link-brand-secondary-hover:", ";--cb-color-link-brand-secondary-active:", ";--cb-color-link-disabled:", ";--cb-color-input-text:", ";--cb-color-input-bg:", ";--cb-color-input-border:", ";--cb-color-input-text-hover:", ";--cb-color-input-bg-hover:", ";--cb-color-input-border-hover:", ";--cb-color-input-text-focus:", ";--cb-color-input-bg-focus:", ";--cb-color-input-border-focus:", ";--cb-color-input-border-focus-brand:", ";--cb-color-input-text-disabled:", ";--cb-color-input-bg-disabled:", ";--cb-color-input-border-disabled:", ";--cb-color-input-placeholder:", ";--cb-color-button-menu-text:", ";--cb-color-button-menu-bg:", ";--cb-color-button-menu-border:", ";--cb-color-button-menu-text-hover:", ";--cb-color-button-menu-bg-hover:", ";--cb-color-button-menu-border-hover:", ";--cb-color-button-menu-text-active:", ";--cb-color-button-menu-bg-active:", ";--cb-color-button-menu-border-active:", ";--cb-color-button-menu-text-disabled:", ";--cb-color-button-menu-bg-disabled:", ";--cb-color-button-menu-border-disabled:", ";--cb-color-button-danger-text:", ";--cb-color-button-danger-bg:", ";--cb-color-button-danger-border:", ";--cb-color-button-danger-text-hover:", ";--cb-color-button-danger-bg-hover:", ";--cb-color-button-danger-border-hover:", ";--cb-color-button-danger-text-active:", ";--cb-color-button-danger-bg-active:", ";--cb-color-button-danger-border-active:", ";--cb-color-button-danger-text-disabled:", ";--cb-color-button-danger-bg-disabled:", ";--cb-color-button-danger-border-disabled:", ";--cb-color-button-primary-text:", ";--cb-color-button-primary-bg:", ";--cb-color-button-primary-border:", ";--cb-color-button-primary-text-hover:", ";--cb-color-button-primary-bg-hover:", ";--cb-color-button-primary-border-hover:", ";--cb-color-button-primary-text-active:", ";--cb-color-button-primary-bg-active:", ";--cb-color-button-primary-border-active:", ";--cb-color-button-primary-text-disabled:", ";--cb-color-button-primary-bg-disabled:", ";--cb-color-button-primary-border-disabled:", ";--cb-color-button-secondary-text:", ";--cb-color-button-secondary-bg:", ";--cb-color-button-secondary-border:", ";--cb-color-button-secondary-text-hover:", ";--cb-color-button-secondary-bg-hover:", ";--cb-color-button-secondary-border-hover:", ";--cb-color-button-secondary-text-active:", ";--cb-color-button-secondary-bg-active:", ";--cb-color-button-secondary-border-active:", ";--cb-color-button-secondary-text-disabled:", ";--cb-color-button-secondary-bg-disabled:", ";--cb-color-button-secondary-border-disabled:", ";--cb-color-button-secondary-alt-text:", ";--cb-color-button-secondary-alt-bg:", ";--cb-color-button-secondary-alt-border:", ";--cb-color-button-secondary-alt-text-hover:", ";--cb-color-button-secondary-alt-bg-hover:", ";--cb-color-button-secondary-alt-border-hover:", ";--cb-color-button-secondary-alt-text-active:", ";--cb-color-button-secondary-alt-bg-active:", ";--cb-color-button-secondary-alt-border-active:", ";--cb-color-button-secondary-alt-text-disabled:", ";--cb-color-button-secondary-alt-bg-disabled:", ";--cb-color-button-secondary-alt-border-disabled:", ";--cb-color-button-tertiary-text:", ";--cb-color-button-tertiary-bg:", ";--cb-color-button-tertiary-border:", ";--cb-color-button-tertiary-text-hover:", ";--cb-color-button-tertiary-bg-hover:", ";--cb-color-button-tertiary-border-hover:", ";--cb-color-button-tertiary-text-active:", ";--cb-color-button-tertiary-bg-active:", ";--cb-color-button-tertiary-border-active:", ";--cb-color-button-tertiary-text-disabled:", ";--cb-color-button-tertiary-bg-disabled:", ";--cb-color-button-tertiary-border-disabled:", ";--cb-color-button-tertiary-alt-text:", ";--cb-color-button-tertiary-alt-bg:", ";--cb-color-button-tertiary-alt-border:", ";--cb-color-button-tertiary-alt-text-hover:", ";--cb-color-button-tertiary-alt-bg-hover:", ";--cb-color-button-tertiary-alt-border-hover:", ";--cb-color-button-tertiary-alt-text-active:", ";--cb-color-button-tertiary-alt-bg-active:", ";--cb-color-button-tertiary-alt-border-active:", ";--cb-color-button-tertiary-alt-text-disabled:", ";--cb-color-button-tertiary-alt-bg-disabled:", ";--cb-color-button-tertiary-alt-border-disabled:", ";--cb-color-button-brand-primary-text:", ";--cb-color-button-brand-primary-bg:", ";--cb-color-button-brand-primary-border:", ";--cb-color-button-brand-primary-text-hover:", ";--cb-color-button-brand-primary-bg-hover:", ";--cb-color-button-brand-primary-border-hover:", ";--cb-color-button-brand-primary-text-active:", ";--cb-color-button-brand-primary-bg-active:", ";--cb-color-button-brand-primary-border-active:", ";--cb-color-button-brand-primary-text-disabled:", ";--cb-color-button-brand-primary-bg-disabled:", ";--cb-color-button-brand-primary-border-disabled:", ";--cb-color-button-brand-secondary-text:", ";--cb-color-button-brand-secondary-bg:", ";--cb-color-button-brand-secondary-border:", ";--cb-color-button-brand-secondary-text-hover:", ";--cb-color-button-brand-secondary-bg-hover:", ";--cb-color-button-brand-secondary-border-hover:", ";--cb-color-button-brand-secondary-text-active:", ";--cb-color-button-brand-secondary-bg-active:", ";--cb-color-button-brand-secondary-border-active:", ";--cb-color-button-brand-secondary-text-disabled:", ";--cb-color-button-brand-secondary-bg-disabled:", ";--cb-color-button-brand-secondary-border-disabled:", ";--cb-color-button-brand-secondary-alt-text:", ";--cb-color-button-brand-secondary-alt-bg:", ";--cb-color-button-brand-secondary-alt-border:", ";--cb-color-button-brand-secondary-alt-text-hover:", ";--cb-color-button-brand-secondary-alt-bg-hover:", ";--cb-color-button-brand-secondary-alt-border-hover:", ";--cb-color-button-brand-secondary-alt-text-active:", ";--cb-color-button-brand-secondary-alt-bg-active:", ";--cb-color-button-brand-secondary-alt-border-active:", ";--cb-color-button-brand-secondary-alt-text-disabled:", ";--cb-color-button-brand-secondary-alt-bg-disabled:", ";--cb-color-button-brand-secondary-alt-border-disabled:", ";--cb-color-button-brand-tertiary-text:", ";--cb-color-button-brand-tertiary-bg:", ";--cb-color-button-brand-tertiary-border:", ";--cb-color-button-brand-tertiary-text-hover:", ";--cb-color-button-brand-tertiary-bg-hover:", ";--cb-color-button-brand-tertiary-border-hover:", ";--cb-color-button-brand-tertiary-text-active:", ";--cb-color-button-brand-tertiary-bg-active:", ";--cb-color-button-brand-tertiary-border-active:", ";--cb-color-button-brand-tertiary-text-disabled:", ";--cb-color-button-brand-tertiary-bg-disabled:", ";--cb-color-button-brand-tertiary-border-disabled:", ";--cb-color-button-text-primary-text:", ";--cb-color-button-text-primary-bg:", ";--cb-color-button-text-primary-border:", ";--cb-color-button-text-primary-text-hover:", ";--cb-color-button-text-primary-bg-hover:", ";--cb-color-button-text-primary-border-hover:", ";--cb-color-button-text-primary-text-active:", ";--cb-color-button-text-primary-bg-active:", ";--cb-color-button-text-primary-border-active:", ";--cb-color-button-text-primary-text-disabled:", ";--cb-color-button-text-primary-bg-disabled:", ";--cb-color-button-text-primary-border-disabled:", ";--cb-color-button-text-secondary-text:", ";--cb-color-button-text-secondary-bg:", ";--cb-color-button-text-secondary-border:", ";--cb-color-button-text-secondary-text-hover:", ";--cb-color-button-text-secondary-bg-hover:", ";--cb-color-button-text-secondary-border-hover:", ";--cb-color-button-text-secondary-text-active:", ";--cb-color-button-text-secondary-bg-active:", ";--cb-color-button-text-secondary-border-active:", ";--cb-color-button-text-secondary-text-disabled:", ";--cb-color-button-text-secondary-bg-disabled:", ";--cb-color-button-text-secondary-border-disabled:", ";--cb-color-button-text-tertiary-text:", ";--cb-color-button-text-tertiary-bg:", ";--cb-color-button-text-tertiary-border:", ";--cb-color-button-text-tertiary-text-hover:", ";--cb-color-button-text-tertiary-bg-hover:", ";--cb-color-button-text-tertiary-border-hover:", ";--cb-color-button-text-tertiary-text-active:", ";--cb-color-button-text-tertiary-bg-active:", ";--cb-color-button-text-tertiary-border-active:", ";--cb-color-button-text-tertiary-text-disabled:", ";--cb-color-button-text-tertiary-bg-disabled:", ";--cb-color-button-text-tertiary-border-disabled:", ";--cb-color-button-text-brand-primary-text:", ";--cb-color-button-text-brand-primary-bg:", ";--cb-color-button-text-brand-primary-border:", ";--cb-color-button-text-brand-primary-text-hover:", ";--cb-color-button-text-brand-primary-bg-hover:", ";--cb-color-button-text-brand-primary-border-hover:", ";--cb-color-button-text-brand-primary-text-active:", ";--cb-color-button-text-brand-primary-bg-active:", ";--cb-color-button-text-brand-primary-border-active:", ";--cb-color-button-text-brand-primary-text-disabled:", ";--cb-color-button-text-brand-primary-bg-disabled:", ";--cb-color-button-text-brand-primary-border-disabled:", ";--cb-color-button-text-brand-secondary-text:", ";--cb-color-button-text-brand-secondary-bg:", ";--cb-color-button-text-brand-secondary-border:", ";--cb-color-button-text-brand-secondary-text-hover:", ";--cb-color-button-text-brand-secondary-bg-hover:", ";--cb-color-button-text-brand-secondary-border-hover:", ";--cb-color-button-text-brand-secondary-text-active:", ";--cb-color-button-text-brand-secondary-bg-active:", ";--cb-color-button-text-brand-secondary-border-active:", ";--cb-color-button-text-brand-secondary-text-disabled:", ";--cb-color-button-text-brand-secondary-bg-disabled:", ";--cb-color-button-text-brand-secondary-border-disabled:", ";--cb-typo-font-family-base:", ";--cb-typo-font-family-base-ja:", ";--cb-typo-font-family-monospace:", ";--cb-size-border-radius-xs:", "px;--cb-size-border-radius-s:", "px;--cb-size-border-radius-m:", "px;--cb-size-border-radius-l:", "px;--cb-size-border-radius-xl:", "px;}"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_WHITE, COLOR.TEXT_BLACK, COLOR.TEXT_INVERSE, COLOR.TEXT_BRAND, COLOR.TEXT_BRAND_HOVER, COLOR.TEXT_BRAND_ACTIVE, COLOR.TEXT_ACCENT, COLOR.TEXT_ACCENT_HOVER, COLOR.TEXT_ACCENT_ACTIVE, COLOR.TEXT_PRIMARY, COLOR.TEXT_SECONDARY, COLOR.TEXT_TERTIARY, COLOR.TEXT_DISABLED, COLOR.TEXT_HELP, COLOR.TEXT_INFO, COLOR.TEXT_SUCCESS, COLOR.TEXT_WARNING, COLOR.TEXT_ERROR, COLOR.TEXT_DANGER, COLOR.TEXT_EMPHASIS, COLOR.TEXT_CODE, COLOR.BG_TRANSPARENT, COLOR.BG_WHITE, COLOR.BG_BLACK, COLOR.BG_INVERSE, COLOR.BG_BRAND, COLOR.BG_BRAND_HOVER, COLOR.BG_BRAND_ACTIVE, COLOR.BG_ACCENT, COLOR.BG_ACCENT_HOVER, COLOR.BG_ACCENT_ACTIVE, COLOR.BG_PRIMARY, COLOR.BG_SECONDARY, COLOR.BG_SECONDARY_FADE, COLOR.BG_TERTIARY, COLOR.BG_TERTIARY_FADE, COLOR.BG_DISABLED, COLOR.BG_HELP, COLOR.BG_HELP_TINT, COLOR.BG_HELP_TINT_FADE, COLOR.BG_INFO, COLOR.BG_INFO_TINT, COLOR.BG_INFO_TINT_FADE, COLOR.BG_SUCCESS, COLOR.BG_SUCCESS_TINT, COLOR.BG_SUCCESS_TINT_FADE, COLOR.BG_WARNING, COLOR.BG_WARNING_TINT, COLOR.BG_WARNING_TINT_FADE, COLOR.BG_ERROR, COLOR.BG_ERROR_TINT, COLOR.BG_ERROR_TINT_FADE, COLOR.BG_DANGER, COLOR.BG_BACKDROP, COLOR.BORDER_TRANSPARENT, COLOR.BORDER_WHITE, COLOR.BORDER_BRAND, COLOR.BORDER_BRAND_HOVER, COLOR.BORDER_BRAND_ACTIVE, COLOR.BORDER_ACCENT, COLOR.BORDER_ACCENT_HOVER, COLOR.BORDER_ACCENT_ACTIVE, COLOR.BORDER_PRIMARY, COLOR.BORDER_SECONDARY, COLOR.BORDER_TERTIARY, COLOR.BORDER_DISABLED, COLOR.BORDER_HELP, COLOR.BORDER_INFO, COLOR.BORDER_SUCCESS, COLOR.BORDER_WARNING, COLOR.BORDER_ERROR, COLOR.BORDER_DANGER, COLOR.SHADOW, COLOR.LINK_PRIMARY, COLOR.LINK_PRIMARY_VISITED, COLOR.LINK_PRIMARY_HOVER, COLOR.LINK_PRIMARY_ACTIVE, COLOR.LINK_SECONDARY, COLOR.LINK_SECONDARY_VISITED, COLOR.LINK_SECONDARY_HOVER, COLOR.LINK_SECONDARY_ACTIVE, COLOR.LINK_TERTIARY, COLOR.LINK_TERTIARY_VISITED, COLOR.LINK_TERTIARY_HOVER, COLOR.LINK_TERTIARY_ACTIVE, COLOR.LINK_BRAND, COLOR.LINK_BRAND_VISITED, COLOR.LINK_BRAND_HOVER, COLOR.LINK_BRAND_ACTIVE, COLOR.LINK_BRAND_SECONDARY, COLOR.LINK_BRAND_SECONDARY_VISITED, COLOR.LINK_BRAND_SECONDARY_HOVER, COLOR.LINK_BRAND_SECONDARY_ACTIVE, COLOR.LINK_DISABLED, COLOR.INPUT_TEXT, COLOR.INPUT_BG, COLOR.INPUT_BORDER, COLOR.INPUT_TEXT_HOVER, COLOR.INPUT_BG_HOVER, COLOR.INPUT_BORDER_HOVER, COLOR.INPUT_TEXT_FOCUS, COLOR.INPUT_BG_FOCUS, COLOR.INPUT_BORDER_FOCUS, COLOR.INPUT_BORDER_FOCUS_BRAND, COLOR.INPUT_TEXT_DISABLED, COLOR.INPUT_BG_DISABLED, COLOR.INPUT_BORDER_DISABLED, COLOR.INPUT_PLACEHOLDER, COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_TEXT_HOVER, COLOR.BUTTON_MENU_BG_HOVER, COLOR.BUTTON_MENU_BORDER_HOVER, COLOR.BUTTON_MENU_TEXT_ACTIVE, COLOR.BUTTON_MENU_BG_ACTIVE, COLOR.BUTTON_MENU_BORDER_ACTIVE, COLOR.BUTTON_MENU_TEXT_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_TEXT_HOVER, COLOR.BUTTON_DANGER_BG_HOVER, COLOR.BUTTON_DANGER_BORDER_HOVER, COLOR.BUTTON_DANGER_TEXT_ACTIVE, COLOR.BUTTON_DANGER_BG_ACTIVE, COLOR.BUTTON_DANGER_BORDER_ACTIVE, COLOR.BUTTON_DANGER_TEXT_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_TEXT_HOVER, COLOR.BUTTON_PRIMARY_BG_HOVER, COLOR.BUTTON_PRIMARY_BORDER_HOVER, COLOR.BUTTON_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_PRIMARY_BG_ACTIVE, COLOR.BUTTON_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_TEXT_HOVER, COLOR.BUTTON_SECONDARY_BG_HOVER, COLOR.BUTTON_SECONDARY_BORDER_HOVER, COLOR.BUTTON_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_BG_ACTIVE, COLOR.BUTTON_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TERTIARY_BG_HOVER, COLOR.BUTTON_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_TEXT_HOVER, COLOR.BUTTON_TERTIARY_ALT_BG_HOVER, COLOR.BUTTON_TERTIARY_ALT_BORDER_HOVER, COLOR.BUTTON_TERTIARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BG_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BG_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BORDER_HOVER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BG_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BG_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_MONOSPACE, SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_S, SIZE.BORDER_RADIUS_M, SIZE.BORDER_RADIUS_L, SIZE.BORDER_RADIUS_XL);
 }

package/build/cjs/var/size.js CHANGED Viewed

@@ -29,11 +29,11 @@ var _default = {
   // 表单字体
   FONT_SIZE_FORM_CONTROL_XS: 12,
   FONT_SIZE_FORM_CONTROL_S: 12,
-  // 对标 xconsole 的 small
+  // 对标 XConsole 的 small
   FONT_SIZE_FORM_CONTROL_M: 12,
-  // 对标 xconsole 的 medium
+  // 对标 XConsole 的 medium
   FONT_SIZE_FORM_CONTROL_L: 14,
-  // 对标 xconsole 的 large
+  // 对标 XConsole 的 large
   FONT_SIZE_FORM_CONTROL_XL: 16,
   /* *************************
@@ -63,12 +63,12 @@ var _default = {
   // 顶栏高度
   // 表单控件（按钮、输入框）的高度梯度
   HEIGHT_FORM_CONTROL_XS: 24,
-  // 对标 xconsole 的 small
+  // 对标 XConsole 的 small
   HEIGHT_FORM_CONTROL_S: 28,
   HEIGHT_FORM_CONTROL_M: 32,
-  // 对标 xconsole 的 medium
+  // 对标 XConsole 的 medium
   HEIGHT_FORM_CONTROL_L: 36,
-  // 对标 xconsole 的 large
+  // 对标 XConsole 的 large
   HEIGHT_FORM_CONTROL_XL: 40,
   HEIGHT_DIALOG_SLIDE_HEADER: 60,
   HEIGHT_DIALOG_SLIDE_FOOTER: 64,

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

@@ -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/{theme-style-dark → global-style-theme-dark}/index.js RENAMED Viewed

File without changes

package/build/es/{theme-style-dark → global-style-theme-dark}/var/index.js RENAMED Viewed

File without changes

package/build/es/{theme-style-light → global-style-theme-light}/index.js RENAMED Viewed

File without changes

package/build/es/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -2,10 +2,11 @@ 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 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 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);

package/build/es/util/create-theme-global-style.js CHANGED Viewed

@@ -6,5 +6,5 @@ export default function createThemeGlobalStyle(_ref) {
       SIZE = _ref.SIZE;
   // eslint-disable-line @typescript-eslint/no-explicit-any
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return createGlobalStyle([":root{--cb-color-text-transparent:", ";--cb-color-text-white:", ";--cb-color-text-black:", ";--cb-color-text-inverse:", ";--cb-color-text-brand:", ";--cb-color-text-brand-hover:", ";--cb-color-text-brand-active:", ";--cb-color-text-accent:", ";--cb-color-text-accent-hover:", ";--cb-color-text-accent-active:", ";--cb-color-text-primary:", ";--cb-color-text-secondary:", ";--cb-color-text-tertiary:", ";--cb-color-text-disabled:", ";--cb-color-text-help:", ";--cb-color-text-info:", ";--cb-color-text-success:", ";--cb-color-text-warning:", ";--cb-color-text-error:", ";--cb-color-text-danger:", ";--cb-color-text-emphasis:", ";--cb-color-text-code:", ";--cb-color-bg-transparent:", ";--cb-color-bg-white:", ";--cb-color-bg-black:", ";--cb-color-bg-inverse:", ";--cb-color-bg-brand:", ";--cb-color-bg-brand-hover:", ";--cb-color-bg-brand-active:", ";--cb-color-bg-accent:", ";--cb-color-bg-accent-hover:", ";--cb-color-bg-accent-active:", ";--cb-color-bg-primary:", ";--cb-color-bg-secondary:", ";--cb-color-bg-secondary-fade:", ";--cb-color-bg-tertiary:", ";--cb-color-bg-tertiary-fade:", ";--cb-color-bg-disabled:", ";--cb-color-bg-help:", ";--cb-color-bg-help-tint:", ";--cb-color-bg-help-tint-fade:", ";--cb-color-bg-info:", ";--cb-color-bg-info-tint:", ";--cb-color-bg-info-tint-fade:", ";--cb-color-bg-success:", ";--cb-color-bg-success-tint:", ";--cb-color-bg-success-tint-fade:", ";--cb-color-bg-warning:", ";--cb-color-bg-warning-tint:", ";--cb-color-bg-warning-tint-fade:", ";--cb-color-bg-error:", ";--cb-color-bg-error-tint:", ";--cb-color-bg-error-tint-fade:", ";--cb-color-bg-danger:", ";--cb-color-bg-backdrop:", ";--cb-color-border-transparent:", ";--cb-color-border-white:", ";--cb-color-border-brand:", ";--cb-color-border-brand-hover:", ";--cb-color-border-brand-active:", ";--cb-color-border-accent:", ";--cb-color-border-accent-hover:", ";--cb-color-border-accent-active:", ";--cb-color-border-primary:", ";--cb-color-border-secondary:", ";--cb-color-border-tertiary:", ";--cb-color-border-disabled:", ";--cb-color-border-help:", ";--cb-color-border-info:", ";--cb-color-border-success:", ";--cb-color-border-warning:", ";--cb-color-border-error:", ";--cb-color-border-danger:", ";--cb-color-shadow:", ";--cb-color-link-primary:", ";--cb-color-link-primary-visited:", ";--cb-color-link-primary-hover:", ";--cb-color-link-primary-active:", ";--cb-color-link-secondary:", ";--cb-color-link-secondary-visited:", ";--cb-color-link-secondary-hover:", ";--cb-color-link-secondary-active:", ";--cb-color-link-tertiary:", ";--cb-color-link-tertiary-visited:", ";--cb-color-link-tertiary-hover:", ";--cb-color-link-tertiary-active:", ";--cb-color-link-brand:", ";--cb-color-link-brand-visited:", ";--cb-color-link-brand-hover:", ";--cb-color-link-brand-active:", ";--cb-color-link-brand-secondary:", ";--cb-color-link-brand-secondary-visited:", ";--cb-color-link-brand-secondary-hover:", ";--cb-color-link-brand-secondary-active:", ";--cb-color-link-disabled:", ";--cb-color-input-text:", ";--cb-color-input-bg:", ";--cb-color-input-border:", ";--cb-color-input-text-hover:", ";--cb-color-input-bg-hover:", ";--cb-color-input-border-hover:", ";--cb-color-input-text-focus:", ";--cb-color-input-bg-focus:", ";--cb-color-input-border-focus:", ";--cb-color-input-border-focus-brand:", ";--cb-color-input-text-disabled:", ";--cb-color-input-bg-disabled:", ";--cb-color-input-border-disabled:", ";--cb-color-input-placeholder:", ";--cb-color-button-menu-text:", ";--cb-color-button-menu-bg:", ";--cb-color-button-menu-border:", ";--cb-color-button-menu-text-hover:", ";--cb-color-button-menu-bg-hover:", ";--cb-color-button-menu-border-hover:", ";--cb-color-button-menu-text-active:", ";--cb-color-button-menu-bg-active:", ";--cb-color-button-menu-border-active:", ";--cb-color-button-menu-text-disabled:", ";--cb-color-button-menu-bg-disabled:", ";--cb-color-button-menu-border-disabled:", ";--cb-color-button-danger-text:", ";--cb-color-button-danger-bg:", ";--cb-color-button-danger-border:", ";--cb-color-button-danger-text-hover:", ";--cb-color-button-danger-bg-hover:", ";--cb-color-button-danger-border-hover:", ";--cb-color-button-danger-text-active:", ";--cb-color-button-danger-bg-active:", ";--cb-color-button-danger-border-active:", ";--cb-color-button-danger-text-disabled:", ";--cb-color-button-danger-bg-disabled:", ";--cb-color-button-danger-border-disabled:", ";--cb-color-button-primary-text:", ";--cb-color-button-primary-bg:", ";--cb-color-button-primary-border:", ";--cb-color-button-primary-text-hover:", ";--cb-color-button-primary-bg-hover:", ";--cb-color-button-primary-border-hover:", ";--cb-color-button-primary-text-active:", ";--cb-color-button-primary-bg-active:", ";--cb-color-button-primary-border-active:", ";--cb-color-button-primary-text-disabled:", ";--cb-color-button-primary-bg-disabled:", ";--cb-color-button-primary-border-disabled:", ";--cb-color-button-secondary-text:", ";--cb-color-button-secondary-bg:", ";--cb-color-button-secondary-border:", ";--cb-color-button-secondary-text-hover:", ";--cb-color-button-secondary-bg-hover:", ";--cb-color-button-secondary-border-hover:", ";--cb-color-button-secondary-text-active:", ";--cb-color-button-secondary-bg-active:", ";--cb-color-button-secondary-border-active:", ";--cb-color-button-secondary-text-disabled:", ";--cb-color-button-secondary-bg-disabled:", ";--cb-color-button-secondary-border-disabled:", ";--cb-color-button-secondary-alt-text:", ";--cb-color-button-secondary-alt-bg:", ";--cb-color-button-secondary-alt-border:", ";--cb-color-button-secondary-alt-text-hover:", ";--cb-color-button-secondary-alt-bg-hover:", ";--cb-color-button-secondary-alt-border-hover:", ";--cb-color-button-secondary-alt-text-active:", ";--cb-color-button-secondary-alt-bg-active:", ";--cb-color-button-secondary-alt-border-active:", ";--cb-color-button-secondary-alt-text-disabled:", ";--cb-color-button-secondary-alt-bg-disabled:", ";--cb-color-button-secondary-alt-border-disabled:", ";--cb-color-button-tertiary-text:", ";--cb-color-button-tertiary-bg:", ";--cb-color-button-tertiary-border:", ";--cb-color-button-tertiary-text-hover:", ";--cb-color-button-tertiary-bg-hover:", ";--cb-color-button-tertiary-border-hover:", ";--cb-color-button-tertiary-text-active:", ";--cb-color-button-tertiary-bg-active:", ";--cb-color-button-tertiary-border-active:", ";--cb-color-button-tertiary-text-disabled:", ";--cb-color-button-tertiary-bg-disabled:", ";--cb-color-button-tertiary-border-disabled:", ";--cb-color-button-tertiary-alt-text:", ";--cb-color-button-tertiary-alt-bg:", ";--cb-color-button-tertiary-alt-border:", ";--cb-color-button-tertiary-alt-text-hover:", ";--cb-color-button-tertiary-alt-bg-hover:", ";--cb-color-button-tertiary-alt-border-hover:", ";--cb-color-button-tertiary-alt-text-active:", ";--cb-color-button-tertiary-alt-bg-active:", ";--cb-color-button-tertiary-alt-border-active:", ";--cb-color-button-tertiary-alt-text-disabled:", ";--cb-color-button-tertiary-alt-bg-disabled:", ";--cb-color-button-tertiary-alt-border-disabled:", ";--cb-color-button-brand-primary-text:", ";--cb-color-button-brand-primary-bg:", ";--cb-color-button-brand-primary-border:", ";--cb-color-button-brand-primary-text-hover:", ";--cb-color-button-brand-primary-bg-hover:", ";--cb-color-button-brand-primary-border-hover:", ";--cb-color-button-brand-primary-text-active:", ";--cb-color-button-brand-primary-bg-active:", ";--cb-color-button-brand-primary-border-active:", ";--cb-color-button-brand-primary-text-disabled:", ";--cb-color-button-brand-primary-bg-disabled:", ";--cb-color-button-brand-primary-border-disabled:", ";--cb-color-button-brand-secondary-text:", ";--cb-color-button-brand-secondary-bg:", ";--cb-color-button-brand-secondary-border:", ";--cb-color-button-brand-secondary-text-hover:", ";--cb-color-button-brand-secondary-bg-hover:", ";--cb-color-button-brand-secondary-border-hover:", ";--cb-color-button-brand-secondary-text-active:", ";--cb-color-button-brand-secondary-bg-active:", ";--cb-color-button-brand-secondary-border-active:", ";--cb-color-button-brand-secondary-text-disabled:", ";--cb-color-button-brand-secondary-bg-disabled:", ";--cb-color-button-brand-secondary-border-disabled:", ";--cb-color-button-brand-secondary-alt-text:", ";--cb-color-button-brand-secondary-alt-bg:", ";--cb-color-button-brand-secondary-alt-border:", ";--cb-color-button-brand-secondary-alt-text-hover:", ";--cb-color-button-brand-secondary-alt-bg-hover:", ";--cb-color-button-brand-secondary-alt-border-hover:", ";--cb-color-button-brand-secondary-alt-text-active:", ";--cb-color-button-brand-secondary-alt-bg-active:", ";--cb-color-button-brand-secondary-alt-border-active:", ";--cb-color-button-brand-secondary-alt-text-disabled:", ";--cb-color-button-brand-secondary-alt-bg-disabled:", ";--cb-color-button-brand-secondary-alt-border-disabled:", ";--cb-color-button-brand-tertiary-text:", ";--cb-color-button-brand-tertiary-bg:", ";--cb-color-button-brand-tertiary-border:", ";--cb-color-button-brand-tertiary-text-hover:", ";--cb-color-button-brand-tertiary-bg-hover:", ";--cb-color-button-brand-tertiary-border-hover:", ";--cb-color-button-brand-tertiary-text-active:", ";--cb-color-button-brand-tertiary-bg-active:", ";--cb-color-button-brand-tertiary-border-active:", ";--cb-color-button-brand-tertiary-text-disabled:", ";--cb-color-button-brand-tertiary-bg-disabled:", ";--cb-color-button-brand-tertiary-border-disabled:", ";--cb-color-button-text-primary-text:", ";--cb-color-button-text-primary-bg:", ";--cb-color-button-text-primary-border:", ";--cb-color-button-text-primary-text-hover:", ";--cb-color-button-text-primary-bg-hover:", ";--cb-color-button-text-primary-border-hover:", ";--cb-color-button-text-primary-text-active:", ";--cb-color-button-text-primary-bg-active:", ";--cb-color-button-text-primary-border-active:", ";--cb-color-button-text-primary-text-disabled:", ";--cb-color-button-text-primary-bg-disabled:", ";--cb-color-button-text-primary-border-disabled:", ";--cb-color-button-text-secondary-text:", ";--cb-color-button-text-secondary-bg:", ";--cb-color-button-text-secondary-border:", ";--cb-color-button-text-secondary-text-hover:", ";--cb-color-button-text-secondary-bg-hover:", ";--cb-color-button-text-secondary-border-hover:", ";--cb-color-button-text-secondary-text-active:", ";--cb-color-button-text-secondary-bg-active:", ";--cb-color-button-text-secondary-border-active:", ";--cb-color-button-text-secondary-text-disabled:", ";--cb-color-button-text-secondary-bg-disabled:", ";--cb-color-button-text-secondary-border-disabled:", ";--cb-color-button-text-tertiary-text:", ";--cb-color-button-text-tertiary-bg:", ";--cb-color-button-text-tertiary-border:", ";--cb-color-button-text-tertiary-text-hover:", ";--cb-color-button-text-tertiary-bg-hover:", ";--cb-color-button-text-tertiary-border-hover:", ";--cb-color-button-text-tertiary-text-active:", ";--cb-color-button-text-tertiary-bg-active:", ";--cb-color-button-text-tertiary-border-active:", ";--cb-color-button-text-tertiary-text-disabled:", ";--cb-color-button-text-tertiary-bg-disabled:", ";--cb-color-button-text-tertiary-border-disabled:", ";--cb-color-button-text-brand-primary-text:", ";--cb-color-button-text-brand-primary-bg:", ";--cb-color-button-text-brand-primary-border:", ";--cb-color-button-text-brand-primary-text-hover:", ";--cb-color-button-text-brand-primary-bg-hover:", ";--cb-color-button-text-brand-primary-border-hover:", ";--cb-color-button-text-brand-primary-text-active:", ";--cb-color-button-text-brand-primary-bg-active:", ";--cb-color-button-text-brand-primary-border-active:", ";--cb-color-button-text-brand-primary-text-disabled:", ";--cb-color-button-text-brand-primary-bg-disabled:", ";--cb-color-button-text-brand-primary-border-disabled:", ";--cb-color-button-text-brand-secondary-text:", ";--cb-color-button-text-brand-secondary-bg:", ";--cb-color-button-text-brand-secondary-border:", ";--cb-color-button-text-brand-secondary-text-hover:", ";--cb-color-button-text-brand-secondary-bg-hover:", ";--cb-color-button-text-brand-secondary-border-hover:", ";--cb-color-button-text-brand-secondary-text-active:", ";--cb-color-button-text-brand-secondary-bg-active:", ";--cb-color-button-text-brand-secondary-border-active:", ";--cb-color-button-text-brand-secondary-text-disabled:", ";--cb-color-button-text-brand-secondary-bg-disabled:", ";--cb-color-button-text-brand-secondary-border-disabled:", ";--cb-typo-font-family-base:", ";--cb-typo-font-family-monospace:", ";--cb-size-border-radius-xs:", "px;--cb-size-border-radius-s:", "px;--cb-size-border-radius-m:", "px;--cb-size-border-radius-l:", "px;--cb-size-border-radius-xl:", "px;}"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_WHITE, COLOR.TEXT_BLACK, COLOR.TEXT_INVERSE, COLOR.TEXT_BRAND, COLOR.TEXT_BRAND_HOVER, COLOR.TEXT_BRAND_ACTIVE, COLOR.TEXT_ACCENT, COLOR.TEXT_ACCENT_HOVER, COLOR.TEXT_ACCENT_ACTIVE, COLOR.TEXT_PRIMARY, COLOR.TEXT_SECONDARY, COLOR.TEXT_TERTIARY, COLOR.TEXT_DISABLED, COLOR.TEXT_HELP, COLOR.TEXT_INFO, COLOR.TEXT_SUCCESS, COLOR.TEXT_WARNING, COLOR.TEXT_ERROR, COLOR.TEXT_DANGER, COLOR.TEXT_EMPHASIS, COLOR.TEXT_CODE, COLOR.BG_TRANSPARENT, COLOR.BG_WHITE, COLOR.BG_BLACK, COLOR.BG_INVERSE, COLOR.BG_BRAND, COLOR.BG_BRAND_HOVER, COLOR.BG_BRAND_ACTIVE, COLOR.BG_ACCENT, COLOR.BG_ACCENT_HOVER, COLOR.BG_ACCENT_ACTIVE, COLOR.BG_PRIMARY, COLOR.BG_SECONDARY, COLOR.BG_SECONDARY_FADE, COLOR.BG_TERTIARY, COLOR.BG_TERTIARY_FADE, COLOR.BG_DISABLED, COLOR.BG_HELP, COLOR.BG_HELP_TINT, COLOR.BG_HELP_TINT_FADE, COLOR.BG_INFO, COLOR.BG_INFO_TINT, COLOR.BG_INFO_TINT_FADE, COLOR.BG_SUCCESS, COLOR.BG_SUCCESS_TINT, COLOR.BG_SUCCESS_TINT_FADE, COLOR.BG_WARNING, COLOR.BG_WARNING_TINT, COLOR.BG_WARNING_TINT_FADE, COLOR.BG_ERROR, COLOR.BG_ERROR_TINT, COLOR.BG_ERROR_TINT_FADE, COLOR.BG_DANGER, COLOR.BG_BACKDROP, COLOR.BORDER_TRANSPARENT, COLOR.BORDER_WHITE, COLOR.BORDER_BRAND, COLOR.BORDER_BRAND_HOVER, COLOR.BORDER_BRAND_ACTIVE, COLOR.BORDER_ACCENT, COLOR.BORDER_ACCENT_HOVER, COLOR.BORDER_ACCENT_ACTIVE, COLOR.BORDER_PRIMARY, COLOR.BORDER_SECONDARY, COLOR.BORDER_TERTIARY, COLOR.BORDER_DISABLED, COLOR.BORDER_HELP, COLOR.BORDER_INFO, COLOR.BORDER_SUCCESS, COLOR.BORDER_WARNING, COLOR.BORDER_ERROR, COLOR.BORDER_DANGER, COLOR.SHADOW, COLOR.LINK_PRIMARY, COLOR.LINK_PRIMARY_VISITED, COLOR.LINK_PRIMARY_HOVER, COLOR.LINK_PRIMARY_ACTIVE, COLOR.LINK_SECONDARY, COLOR.LINK_SECONDARY_VISITED, COLOR.LINK_SECONDARY_HOVER, COLOR.LINK_SECONDARY_ACTIVE, COLOR.LINK_TERTIARY, COLOR.LINK_TERTIARY_VISITED, COLOR.LINK_TERTIARY_HOVER, COLOR.LINK_TERTIARY_ACTIVE, COLOR.LINK_BRAND, COLOR.LINK_BRAND_VISITED, COLOR.LINK_BRAND_HOVER, COLOR.LINK_BRAND_ACTIVE, COLOR.LINK_BRAND_SECONDARY, COLOR.LINK_BRAND_SECONDARY_VISITED, COLOR.LINK_BRAND_SECONDARY_HOVER, COLOR.LINK_BRAND_SECONDARY_ACTIVE, COLOR.LINK_DISABLED, COLOR.INPUT_TEXT, COLOR.INPUT_BG, COLOR.INPUT_BORDER, COLOR.INPUT_TEXT_HOVER, COLOR.INPUT_BG_HOVER, COLOR.INPUT_BORDER_HOVER, COLOR.INPUT_TEXT_FOCUS, COLOR.INPUT_BG_FOCUS, COLOR.INPUT_BORDER_FOCUS, COLOR.INPUT_BORDER_FOCUS_BRAND, COLOR.INPUT_TEXT_DISABLED, COLOR.INPUT_BG_DISABLED, COLOR.INPUT_BORDER_DISABLED, COLOR.INPUT_PLACEHOLDER, COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_TEXT_HOVER, COLOR.BUTTON_MENU_BG_HOVER, COLOR.BUTTON_MENU_BORDER_HOVER, COLOR.BUTTON_MENU_TEXT_ACTIVE, COLOR.BUTTON_MENU_BG_ACTIVE, COLOR.BUTTON_MENU_BORDER_ACTIVE, COLOR.BUTTON_MENU_TEXT_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_TEXT_HOVER, COLOR.BUTTON_DANGER_BG_HOVER, COLOR.BUTTON_DANGER_BORDER_HOVER, COLOR.BUTTON_DANGER_TEXT_ACTIVE, COLOR.BUTTON_DANGER_BG_ACTIVE, COLOR.BUTTON_DANGER_BORDER_ACTIVE, COLOR.BUTTON_DANGER_TEXT_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_TEXT_HOVER, COLOR.BUTTON_PRIMARY_BG_HOVER, COLOR.BUTTON_PRIMARY_BORDER_HOVER, COLOR.BUTTON_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_PRIMARY_BG_ACTIVE, COLOR.BUTTON_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_TEXT_HOVER, COLOR.BUTTON_SECONDARY_BG_HOVER, COLOR.BUTTON_SECONDARY_BORDER_HOVER, COLOR.BUTTON_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_BG_ACTIVE, COLOR.BUTTON_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TERTIARY_BG_HOVER, COLOR.BUTTON_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_TEXT_HOVER, COLOR.BUTTON_TERTIARY_ALT_BG_HOVER, COLOR.BUTTON_TERTIARY_ALT_BORDER_HOVER, COLOR.BUTTON_TERTIARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BG_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BG_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BORDER_HOVER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BG_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BG_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_MONOSPACE, SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_S, SIZE.BORDER_RADIUS_M, SIZE.BORDER_RADIUS_L, SIZE.BORDER_RADIUS_XL);
+  return createGlobalStyle([":root{--cb-color-text-transparent:", ";--cb-color-text-white:", ";--cb-color-text-black:", ";--cb-color-text-inverse:", ";--cb-color-text-brand:", ";--cb-color-text-brand-hover:", ";--cb-color-text-brand-active:", ";--cb-color-text-accent:", ";--cb-color-text-accent-hover:", ";--cb-color-text-accent-active:", ";--cb-color-text-primary:", ";--cb-color-text-secondary:", ";--cb-color-text-tertiary:", ";--cb-color-text-disabled:", ";--cb-color-text-help:", ";--cb-color-text-info:", ";--cb-color-text-success:", ";--cb-color-text-warning:", ";--cb-color-text-error:", ";--cb-color-text-danger:", ";--cb-color-text-emphasis:", ";--cb-color-text-code:", ";--cb-color-bg-transparent:", ";--cb-color-bg-white:", ";--cb-color-bg-black:", ";--cb-color-bg-inverse:", ";--cb-color-bg-brand:", ";--cb-color-bg-brand-hover:", ";--cb-color-bg-brand-active:", ";--cb-color-bg-accent:", ";--cb-color-bg-accent-hover:", ";--cb-color-bg-accent-active:", ";--cb-color-bg-primary:", ";--cb-color-bg-secondary:", ";--cb-color-bg-secondary-fade:", ";--cb-color-bg-tertiary:", ";--cb-color-bg-tertiary-fade:", ";--cb-color-bg-disabled:", ";--cb-color-bg-help:", ";--cb-color-bg-help-tint:", ";--cb-color-bg-help-tint-fade:", ";--cb-color-bg-info:", ";--cb-color-bg-info-tint:", ";--cb-color-bg-info-tint-fade:", ";--cb-color-bg-success:", ";--cb-color-bg-success-tint:", ";--cb-color-bg-success-tint-fade:", ";--cb-color-bg-warning:", ";--cb-color-bg-warning-tint:", ";--cb-color-bg-warning-tint-fade:", ";--cb-color-bg-error:", ";--cb-color-bg-error-tint:", ";--cb-color-bg-error-tint-fade:", ";--cb-color-bg-danger:", ";--cb-color-bg-backdrop:", ";--cb-color-border-transparent:", ";--cb-color-border-white:", ";--cb-color-border-brand:", ";--cb-color-border-brand-hover:", ";--cb-color-border-brand-active:", ";--cb-color-border-accent:", ";--cb-color-border-accent-hover:", ";--cb-color-border-accent-active:", ";--cb-color-border-primary:", ";--cb-color-border-secondary:", ";--cb-color-border-tertiary:", ";--cb-color-border-disabled:", ";--cb-color-border-help:", ";--cb-color-border-info:", ";--cb-color-border-success:", ";--cb-color-border-warning:", ";--cb-color-border-error:", ";--cb-color-border-danger:", ";--cb-color-shadow:", ";--cb-color-link-primary:", ";--cb-color-link-primary-visited:", ";--cb-color-link-primary-hover:", ";--cb-color-link-primary-active:", ";--cb-color-link-secondary:", ";--cb-color-link-secondary-visited:", ";--cb-color-link-secondary-hover:", ";--cb-color-link-secondary-active:", ";--cb-color-link-tertiary:", ";--cb-color-link-tertiary-visited:", ";--cb-color-link-tertiary-hover:", ";--cb-color-link-tertiary-active:", ";--cb-color-link-brand:", ";--cb-color-link-brand-visited:", ";--cb-color-link-brand-hover:", ";--cb-color-link-brand-active:", ";--cb-color-link-brand-secondary:", ";--cb-color-link-brand-secondary-visited:", ";--cb-color-link-brand-secondary-hover:", ";--cb-color-link-brand-secondary-active:", ";--cb-color-link-disabled:", ";--cb-color-input-text:", ";--cb-color-input-bg:", ";--cb-color-input-border:", ";--cb-color-input-text-hover:", ";--cb-color-input-bg-hover:", ";--cb-color-input-border-hover:", ";--cb-color-input-text-focus:", ";--cb-color-input-bg-focus:", ";--cb-color-input-border-focus:", ";--cb-color-input-border-focus-brand:", ";--cb-color-input-text-disabled:", ";--cb-color-input-bg-disabled:", ";--cb-color-input-border-disabled:", ";--cb-color-input-placeholder:", ";--cb-color-button-menu-text:", ";--cb-color-button-menu-bg:", ";--cb-color-button-menu-border:", ";--cb-color-button-menu-text-hover:", ";--cb-color-button-menu-bg-hover:", ";--cb-color-button-menu-border-hover:", ";--cb-color-button-menu-text-active:", ";--cb-color-button-menu-bg-active:", ";--cb-color-button-menu-border-active:", ";--cb-color-button-menu-text-disabled:", ";--cb-color-button-menu-bg-disabled:", ";--cb-color-button-menu-border-disabled:", ";--cb-color-button-danger-text:", ";--cb-color-button-danger-bg:", ";--cb-color-button-danger-border:", ";--cb-color-button-danger-text-hover:", ";--cb-color-button-danger-bg-hover:", ";--cb-color-button-danger-border-hover:", ";--cb-color-button-danger-text-active:", ";--cb-color-button-danger-bg-active:", ";--cb-color-button-danger-border-active:", ";--cb-color-button-danger-text-disabled:", ";--cb-color-button-danger-bg-disabled:", ";--cb-color-button-danger-border-disabled:", ";--cb-color-button-primary-text:", ";--cb-color-button-primary-bg:", ";--cb-color-button-primary-border:", ";--cb-color-button-primary-text-hover:", ";--cb-color-button-primary-bg-hover:", ";--cb-color-button-primary-border-hover:", ";--cb-color-button-primary-text-active:", ";--cb-color-button-primary-bg-active:", ";--cb-color-button-primary-border-active:", ";--cb-color-button-primary-text-disabled:", ";--cb-color-button-primary-bg-disabled:", ";--cb-color-button-primary-border-disabled:", ";--cb-color-button-secondary-text:", ";--cb-color-button-secondary-bg:", ";--cb-color-button-secondary-border:", ";--cb-color-button-secondary-text-hover:", ";--cb-color-button-secondary-bg-hover:", ";--cb-color-button-secondary-border-hover:", ";--cb-color-button-secondary-text-active:", ";--cb-color-button-secondary-bg-active:", ";--cb-color-button-secondary-border-active:", ";--cb-color-button-secondary-text-disabled:", ";--cb-color-button-secondary-bg-disabled:", ";--cb-color-button-secondary-border-disabled:", ";--cb-color-button-secondary-alt-text:", ";--cb-color-button-secondary-alt-bg:", ";--cb-color-button-secondary-alt-border:", ";--cb-color-button-secondary-alt-text-hover:", ";--cb-color-button-secondary-alt-bg-hover:", ";--cb-color-button-secondary-alt-border-hover:", ";--cb-color-button-secondary-alt-text-active:", ";--cb-color-button-secondary-alt-bg-active:", ";--cb-color-button-secondary-alt-border-active:", ";--cb-color-button-secondary-alt-text-disabled:", ";--cb-color-button-secondary-alt-bg-disabled:", ";--cb-color-button-secondary-alt-border-disabled:", ";--cb-color-button-tertiary-text:", ";--cb-color-button-tertiary-bg:", ";--cb-color-button-tertiary-border:", ";--cb-color-button-tertiary-text-hover:", ";--cb-color-button-tertiary-bg-hover:", ";--cb-color-button-tertiary-border-hover:", ";--cb-color-button-tertiary-text-active:", ";--cb-color-button-tertiary-bg-active:", ";--cb-color-button-tertiary-border-active:", ";--cb-color-button-tertiary-text-disabled:", ";--cb-color-button-tertiary-bg-disabled:", ";--cb-color-button-tertiary-border-disabled:", ";--cb-color-button-tertiary-alt-text:", ";--cb-color-button-tertiary-alt-bg:", ";--cb-color-button-tertiary-alt-border:", ";--cb-color-button-tertiary-alt-text-hover:", ";--cb-color-button-tertiary-alt-bg-hover:", ";--cb-color-button-tertiary-alt-border-hover:", ";--cb-color-button-tertiary-alt-text-active:", ";--cb-color-button-tertiary-alt-bg-active:", ";--cb-color-button-tertiary-alt-border-active:", ";--cb-color-button-tertiary-alt-text-disabled:", ";--cb-color-button-tertiary-alt-bg-disabled:", ";--cb-color-button-tertiary-alt-border-disabled:", ";--cb-color-button-brand-primary-text:", ";--cb-color-button-brand-primary-bg:", ";--cb-color-button-brand-primary-border:", ";--cb-color-button-brand-primary-text-hover:", ";--cb-color-button-brand-primary-bg-hover:", ";--cb-color-button-brand-primary-border-hover:", ";--cb-color-button-brand-primary-text-active:", ";--cb-color-button-brand-primary-bg-active:", ";--cb-color-button-brand-primary-border-active:", ";--cb-color-button-brand-primary-text-disabled:", ";--cb-color-button-brand-primary-bg-disabled:", ";--cb-color-button-brand-primary-border-disabled:", ";--cb-color-button-brand-secondary-text:", ";--cb-color-button-brand-secondary-bg:", ";--cb-color-button-brand-secondary-border:", ";--cb-color-button-brand-secondary-text-hover:", ";--cb-color-button-brand-secondary-bg-hover:", ";--cb-color-button-brand-secondary-border-hover:", ";--cb-color-button-brand-secondary-text-active:", ";--cb-color-button-brand-secondary-bg-active:", ";--cb-color-button-brand-secondary-border-active:", ";--cb-color-button-brand-secondary-text-disabled:", ";--cb-color-button-brand-secondary-bg-disabled:", ";--cb-color-button-brand-secondary-border-disabled:", ";--cb-color-button-brand-secondary-alt-text:", ";--cb-color-button-brand-secondary-alt-bg:", ";--cb-color-button-brand-secondary-alt-border:", ";--cb-color-button-brand-secondary-alt-text-hover:", ";--cb-color-button-brand-secondary-alt-bg-hover:", ";--cb-color-button-brand-secondary-alt-border-hover:", ";--cb-color-button-brand-secondary-alt-text-active:", ";--cb-color-button-brand-secondary-alt-bg-active:", ";--cb-color-button-brand-secondary-alt-border-active:", ";--cb-color-button-brand-secondary-alt-text-disabled:", ";--cb-color-button-brand-secondary-alt-bg-disabled:", ";--cb-color-button-brand-secondary-alt-border-disabled:", ";--cb-color-button-brand-tertiary-text:", ";--cb-color-button-brand-tertiary-bg:", ";--cb-color-button-brand-tertiary-border:", ";--cb-color-button-brand-tertiary-text-hover:", ";--cb-color-button-brand-tertiary-bg-hover:", ";--cb-color-button-brand-tertiary-border-hover:", ";--cb-color-button-brand-tertiary-text-active:", ";--cb-color-button-brand-tertiary-bg-active:", ";--cb-color-button-brand-tertiary-border-active:", ";--cb-color-button-brand-tertiary-text-disabled:", ";--cb-color-button-brand-tertiary-bg-disabled:", ";--cb-color-button-brand-tertiary-border-disabled:", ";--cb-color-button-text-primary-text:", ";--cb-color-button-text-primary-bg:", ";--cb-color-button-text-primary-border:", ";--cb-color-button-text-primary-text-hover:", ";--cb-color-button-text-primary-bg-hover:", ";--cb-color-button-text-primary-border-hover:", ";--cb-color-button-text-primary-text-active:", ";--cb-color-button-text-primary-bg-active:", ";--cb-color-button-text-primary-border-active:", ";--cb-color-button-text-primary-text-disabled:", ";--cb-color-button-text-primary-bg-disabled:", ";--cb-color-button-text-primary-border-disabled:", ";--cb-color-button-text-secondary-text:", ";--cb-color-button-text-secondary-bg:", ";--cb-color-button-text-secondary-border:", ";--cb-color-button-text-secondary-text-hover:", ";--cb-color-button-text-secondary-bg-hover:", ";--cb-color-button-text-secondary-border-hover:", ";--cb-color-button-text-secondary-text-active:", ";--cb-color-button-text-secondary-bg-active:", ";--cb-color-button-text-secondary-border-active:", ";--cb-color-button-text-secondary-text-disabled:", ";--cb-color-button-text-secondary-bg-disabled:", ";--cb-color-button-text-secondary-border-disabled:", ";--cb-color-button-text-tertiary-text:", ";--cb-color-button-text-tertiary-bg:", ";--cb-color-button-text-tertiary-border:", ";--cb-color-button-text-tertiary-text-hover:", ";--cb-color-button-text-tertiary-bg-hover:", ";--cb-color-button-text-tertiary-border-hover:", ";--cb-color-button-text-tertiary-text-active:", ";--cb-color-button-text-tertiary-bg-active:", ";--cb-color-button-text-tertiary-border-active:", ";--cb-color-button-text-tertiary-text-disabled:", ";--cb-color-button-text-tertiary-bg-disabled:", ";--cb-color-button-text-tertiary-border-disabled:", ";--cb-color-button-text-brand-primary-text:", ";--cb-color-button-text-brand-primary-bg:", ";--cb-color-button-text-brand-primary-border:", ";--cb-color-button-text-brand-primary-text-hover:", ";--cb-color-button-text-brand-primary-bg-hover:", ";--cb-color-button-text-brand-primary-border-hover:", ";--cb-color-button-text-brand-primary-text-active:", ";--cb-color-button-text-brand-primary-bg-active:", ";--cb-color-button-text-brand-primary-border-active:", ";--cb-color-button-text-brand-primary-text-disabled:", ";--cb-color-button-text-brand-primary-bg-disabled:", ";--cb-color-button-text-brand-primary-border-disabled:", ";--cb-color-button-text-brand-secondary-text:", ";--cb-color-button-text-brand-secondary-bg:", ";--cb-color-button-text-brand-secondary-border:", ";--cb-color-button-text-brand-secondary-text-hover:", ";--cb-color-button-text-brand-secondary-bg-hover:", ";--cb-color-button-text-brand-secondary-border-hover:", ";--cb-color-button-text-brand-secondary-text-active:", ";--cb-color-button-text-brand-secondary-bg-active:", ";--cb-color-button-text-brand-secondary-border-active:", ";--cb-color-button-text-brand-secondary-text-disabled:", ";--cb-color-button-text-brand-secondary-bg-disabled:", ";--cb-color-button-text-brand-secondary-border-disabled:", ";--cb-typo-font-family-base:", ";--cb-typo-font-family-base-ja:", ";--cb-typo-font-family-monospace:", ";--cb-size-border-radius-xs:", "px;--cb-size-border-radius-s:", "px;--cb-size-border-radius-m:", "px;--cb-size-border-radius-l:", "px;--cb-size-border-radius-xl:", "px;}"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_WHITE, COLOR.TEXT_BLACK, COLOR.TEXT_INVERSE, COLOR.TEXT_BRAND, COLOR.TEXT_BRAND_HOVER, COLOR.TEXT_BRAND_ACTIVE, COLOR.TEXT_ACCENT, COLOR.TEXT_ACCENT_HOVER, COLOR.TEXT_ACCENT_ACTIVE, COLOR.TEXT_PRIMARY, COLOR.TEXT_SECONDARY, COLOR.TEXT_TERTIARY, COLOR.TEXT_DISABLED, COLOR.TEXT_HELP, COLOR.TEXT_INFO, COLOR.TEXT_SUCCESS, COLOR.TEXT_WARNING, COLOR.TEXT_ERROR, COLOR.TEXT_DANGER, COLOR.TEXT_EMPHASIS, COLOR.TEXT_CODE, COLOR.BG_TRANSPARENT, COLOR.BG_WHITE, COLOR.BG_BLACK, COLOR.BG_INVERSE, COLOR.BG_BRAND, COLOR.BG_BRAND_HOVER, COLOR.BG_BRAND_ACTIVE, COLOR.BG_ACCENT, COLOR.BG_ACCENT_HOVER, COLOR.BG_ACCENT_ACTIVE, COLOR.BG_PRIMARY, COLOR.BG_SECONDARY, COLOR.BG_SECONDARY_FADE, COLOR.BG_TERTIARY, COLOR.BG_TERTIARY_FADE, COLOR.BG_DISABLED, COLOR.BG_HELP, COLOR.BG_HELP_TINT, COLOR.BG_HELP_TINT_FADE, COLOR.BG_INFO, COLOR.BG_INFO_TINT, COLOR.BG_INFO_TINT_FADE, COLOR.BG_SUCCESS, COLOR.BG_SUCCESS_TINT, COLOR.BG_SUCCESS_TINT_FADE, COLOR.BG_WARNING, COLOR.BG_WARNING_TINT, COLOR.BG_WARNING_TINT_FADE, COLOR.BG_ERROR, COLOR.BG_ERROR_TINT, COLOR.BG_ERROR_TINT_FADE, COLOR.BG_DANGER, COLOR.BG_BACKDROP, COLOR.BORDER_TRANSPARENT, COLOR.BORDER_WHITE, COLOR.BORDER_BRAND, COLOR.BORDER_BRAND_HOVER, COLOR.BORDER_BRAND_ACTIVE, COLOR.BORDER_ACCENT, COLOR.BORDER_ACCENT_HOVER, COLOR.BORDER_ACCENT_ACTIVE, COLOR.BORDER_PRIMARY, COLOR.BORDER_SECONDARY, COLOR.BORDER_TERTIARY, COLOR.BORDER_DISABLED, COLOR.BORDER_HELP, COLOR.BORDER_INFO, COLOR.BORDER_SUCCESS, COLOR.BORDER_WARNING, COLOR.BORDER_ERROR, COLOR.BORDER_DANGER, COLOR.SHADOW, COLOR.LINK_PRIMARY, COLOR.LINK_PRIMARY_VISITED, COLOR.LINK_PRIMARY_HOVER, COLOR.LINK_PRIMARY_ACTIVE, COLOR.LINK_SECONDARY, COLOR.LINK_SECONDARY_VISITED, COLOR.LINK_SECONDARY_HOVER, COLOR.LINK_SECONDARY_ACTIVE, COLOR.LINK_TERTIARY, COLOR.LINK_TERTIARY_VISITED, COLOR.LINK_TERTIARY_HOVER, COLOR.LINK_TERTIARY_ACTIVE, COLOR.LINK_BRAND, COLOR.LINK_BRAND_VISITED, COLOR.LINK_BRAND_HOVER, COLOR.LINK_BRAND_ACTIVE, COLOR.LINK_BRAND_SECONDARY, COLOR.LINK_BRAND_SECONDARY_VISITED, COLOR.LINK_BRAND_SECONDARY_HOVER, COLOR.LINK_BRAND_SECONDARY_ACTIVE, COLOR.LINK_DISABLED, COLOR.INPUT_TEXT, COLOR.INPUT_BG, COLOR.INPUT_BORDER, COLOR.INPUT_TEXT_HOVER, COLOR.INPUT_BG_HOVER, COLOR.INPUT_BORDER_HOVER, COLOR.INPUT_TEXT_FOCUS, COLOR.INPUT_BG_FOCUS, COLOR.INPUT_BORDER_FOCUS, COLOR.INPUT_BORDER_FOCUS_BRAND, COLOR.INPUT_TEXT_DISABLED, COLOR.INPUT_BG_DISABLED, COLOR.INPUT_BORDER_DISABLED, COLOR.INPUT_PLACEHOLDER, COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_TEXT_HOVER, COLOR.BUTTON_MENU_BG_HOVER, COLOR.BUTTON_MENU_BORDER_HOVER, COLOR.BUTTON_MENU_TEXT_ACTIVE, COLOR.BUTTON_MENU_BG_ACTIVE, COLOR.BUTTON_MENU_BORDER_ACTIVE, COLOR.BUTTON_MENU_TEXT_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_TEXT_HOVER, COLOR.BUTTON_DANGER_BG_HOVER, COLOR.BUTTON_DANGER_BORDER_HOVER, COLOR.BUTTON_DANGER_TEXT_ACTIVE, COLOR.BUTTON_DANGER_BG_ACTIVE, COLOR.BUTTON_DANGER_BORDER_ACTIVE, COLOR.BUTTON_DANGER_TEXT_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_TEXT_HOVER, COLOR.BUTTON_PRIMARY_BG_HOVER, COLOR.BUTTON_PRIMARY_BORDER_HOVER, COLOR.BUTTON_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_PRIMARY_BG_ACTIVE, COLOR.BUTTON_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_TEXT_HOVER, COLOR.BUTTON_SECONDARY_BG_HOVER, COLOR.BUTTON_SECONDARY_BORDER_HOVER, COLOR.BUTTON_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_BG_ACTIVE, COLOR.BUTTON_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TERTIARY_BG_HOVER, COLOR.BUTTON_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_TEXT_HOVER, COLOR.BUTTON_TERTIARY_ALT_BG_HOVER, COLOR.BUTTON_TERTIARY_ALT_BORDER_HOVER, COLOR.BUTTON_TERTIARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BG_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BG_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BORDER_HOVER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BG_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BG_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_MONOSPACE, SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_S, SIZE.BORDER_RADIUS_M, SIZE.BORDER_RADIUS_L, SIZE.BORDER_RADIUS_XL);
 }

package/build/es/var/size.js CHANGED Viewed

@@ -22,11 +22,11 @@ export default {
   // 表单字体
   FONT_SIZE_FORM_CONTROL_XS: 12,
   FONT_SIZE_FORM_CONTROL_S: 12,
-  // 对标 xconsole 的 small
+  // 对标 XConsole 的 small
   FONT_SIZE_FORM_CONTROL_M: 12,
-  // 对标 xconsole 的 medium
+  // 对标 XConsole 的 medium
   FONT_SIZE_FORM_CONTROL_L: 14,
-  // 对标 xconsole 的 large
+  // 对标 XConsole 的 large
   FONT_SIZE_FORM_CONTROL_XL: 16,
   /* *************************
@@ -56,12 +56,12 @@ export default {
   // 顶栏高度
   // 表单控件（按钮、输入框）的高度梯度
   HEIGHT_FORM_CONTROL_XS: 24,
-  // 对标 xconsole 的 small
+  // 对标 XConsole 的 small
   HEIGHT_FORM_CONTROL_S: 28,
   HEIGHT_FORM_CONTROL_M: 32,
-  // 对标 xconsole 的 medium
+  // 对标 XConsole 的 medium
   HEIGHT_FORM_CONTROL_L: 36,
-  // 对标 xconsole 的 large
+  // 对标 XConsole 的 large
   HEIGHT_FORM_CONTROL_XL: 40,
   HEIGHT_DIALOG_SLIDE_HEADER: 60,
   HEIGHT_DIALOG_SLIDE_FOOTER: 64,

package/build/types/global-style-font-family-for-ja/index.d.ts ADDED Viewed

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

package/build/types/{theme-style-dark → global-style-theme-dark}/index.d.ts RENAMED Viewed

File without changes

package/build/types/{theme-style-dark → global-style-theme-dark}/var/index.d.ts RENAMED Viewed

File without changes

package/build/types/{theme-style-light → global-style-theme-light}/index.d.ts RENAMED Viewed

File without changes

package/build/types/index.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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