@alicloud/console-base-theme 1.8.2 → 1.8.4

package/LICENSE

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

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

@@ -4,12 +4,8 @@ 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/global-style-theme-dark/index.js

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

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

@@ -27,7 +27,5 @@ Object.defineProperty(exports, "Z_INDEX", {
     return _var.Z_INDEX;
   }
 });
-
 var _var = require("../../var");
-
 var _consoleBaseThemeColor = require("@alicloud/console-base-theme-color");

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

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

package/build/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -37,11 +36,8 @@ Object.defineProperty(exports, "toggleBodyClass", {
     return _util.toggleBodyClass;
   }
 });
-
 var _styledComponents = require("styled-components");
-
 var _var = require("./var");
-
 Object.keys(_var).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -53,9 +49,7 @@ Object.keys(_var).forEach(function (key) {
     }
   });
 });
-
 var _mixin = require("./mixin");
-
 Object.keys(_mixin).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -67,15 +61,10 @@ Object.keys(_mixin).forEach(function (key) {
     }
   });
 });
-
 var _globalStyleThemeLight = _interopRequireDefault(require("./global-style-theme-light"));
-
 var _globalStyleThemeDark = _interopRequireDefault(require("./global-style-theme-dark"));
-
 var _globalStyleFontFamilyForJa = _interopRequireDefault(require("./global-style-font-family-for-ja"));
-
 var _util = require("./util");
-
 // 主题黑的时候，在顶栏上的 button 背景色不能是标准的... FIXME 我需要调整颜色的策略 primary-secondary-tertiary 区分 container 和 control
 var mixinTopNavButtonDarkFix = (0, _styledComponents.css)([".theme-dark &{background-color:rgba(255,255,255,0.08);}"]);
 exports.mixinTopNavButtonDarkFix = mixinTopNavButtonDarkFix;

package/build/cjs/mixin/bg.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mixinBgWhite = exports.mixinBgWarningTintFade = exports.mixinBgWarningTint = exports.mixinBgWarning = exports.mixinBgTransparent = exports.mixinBgTertiaryFade = exports.mixinBgTertiary = exports.mixinBgSuccessTintFade = exports.mixinBgSuccessTint = exports.mixinBgSuccess = exports.mixinBgSecondaryFade = exports.mixinBgSecondary = exports.mixinBgPrimary = exports.mixinBgInverse = exports.mixinBgInfoTintFade = exports.mixinBgInfoTint = exports.mixinBgInfo = exports.mixinBgHelpTintFade = exports.mixinBgHelpTint = exports.mixinBgHelp = exports.mixinBgErrorTintFade = exports.mixinBgErrorTint = exports.mixinBgError = exports.mixinBgDisabled = exports.mixinBgDanger = exports.mixinBgBrandHover = exports.mixinBgBrandActive = exports.mixinBgBrand = exports.mixinBgBlack = exports.mixinBgBackdrop = exports.mixinBgAccentHover = exports.mixinBgAccentActive = exports.mixinBgAccent = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 // generated by generate-code-mixin-bg.ts
+
 var mixinBgTransparent = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-transparent,", ");"], _var.COLOR.BG_TRANSPARENT, _var.COLOR.BG_TRANSPARENT);
 exports.mixinBgTransparent = mixinBgTransparent;
 var mixinBgWhite = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-white,", ");"], _var.COLOR.BG_WHITE, _var.COLOR.BG_WHITE);

package/build/cjs/mixin/border-radius.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mixinBorderRadiusXs = exports.mixinBorderRadiusXl = exports.mixinBorderRadiusS = exports.mixinBorderRadiusM = exports.mixinBorderRadiusL = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 // generated by generate-code-mixin-border-radius.ts
+
 var mixinBorderRadiusXs = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-xs,", "px);"], _var.SIZE.BORDER_RADIUS_XS, _var.SIZE.BORDER_RADIUS_XS);
 exports.mixinBorderRadiusXs = mixinBorderRadiusXs;
 var mixinBorderRadiusS = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-s,", "px);"], _var.SIZE.BORDER_RADIUS_S, _var.SIZE.BORDER_RADIUS_S);

package/build/cjs/mixin/border.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mixinBorderWarningLeft = exports.mixinBorderWarningColor = exports.mixinBorderWarningBottom = exports.mixinBorderWarning = exports.mixinBorderTransparentTop = exports.mixinBorderTransparentRight = exports.mixinBorderTransparentLeft = exports.mixinBorderTransparentColor = exports.mixinBorderTransparentBottom = exports.mixinBorderTransparent = exports.mixinBorderTertiaryTop = exports.mixinBorderTertiaryRight = exports.mixinBorderTertiaryLeft = exports.mixinBorderTertiaryColor = exports.mixinBorderTertiaryBottom = exports.mixinBorderTertiary = exports.mixinBorderSuccessTop = exports.mixinBorderSuccessRight = exports.mixinBorderSuccessLeft = exports.mixinBorderSuccessColor = exports.mixinBorderSuccessBottom = exports.mixinBorderSuccess = exports.mixinBorderSecondaryTop = exports.mixinBorderSecondaryRight = exports.mixinBorderSecondaryLeft = exports.mixinBorderSecondaryColor = exports.mixinBorderSecondaryBottom = exports.mixinBorderSecondary = exports.mixinBorderPrimaryTop = exports.mixinBorderPrimaryRight = exports.mixinBorderPrimaryLeft = exports.mixinBorderPrimaryColor = exports.mixinBorderPrimaryBottom = exports.mixinBorderPrimary = exports.mixinBorderInfoTop = exports.mixinBorderInfoRight = exports.mixinBorderInfoLeft = exports.mixinBorderInfoColor = exports.mixinBorderInfoBottom = exports.mixinBorderInfo = exports.mixinBorderHelpTop = exports.mixinBorderHelpRight = exports.mixinBorderHelpLeft = exports.mixinBorderHelpColor = exports.mixinBorderHelpBottom = exports.mixinBorderHelp = exports.mixinBorderErrorTop = exports.mixinBorderErrorRight = exports.mixinBorderErrorLeft = exports.mixinBorderErrorColor = exports.mixinBorderErrorBottom = exports.mixinBorderError = exports.mixinBorderDisabledTop = exports.mixinBorderDisabledRight = exports.mixinBorderDisabledLeft = exports.mixinBorderDisabledColor = exports.mixinBorderDisabledBottom = exports.mixinBorderDisabled = exports.mixinBorderDangerTop = exports.mixinBorderDangerRight = exports.mixinBorderDangerLeft = exports.mixinBorderDangerColor = exports.mixinBorderDangerBottom = exports.mixinBorderDanger = exports.mixinBorderBrandTop = exports.mixinBorderBrandRight = exports.mixinBorderBrandLeft = exports.mixinBorderBrandHoverTop = exports.mixinBorderBrandHoverRight = exports.mixinBorderBrandHoverLeft = exports.mixinBorderBrandHoverColor = exports.mixinBorderBrandHoverBottom = exports.mixinBorderBrandHover = exports.mixinBorderBrandColor = exports.mixinBorderBrandBottom = exports.mixinBorderBrandActiveTop = exports.mixinBorderBrandActiveRight = exports.mixinBorderBrandActiveLeft = exports.mixinBorderBrandActiveColor = exports.mixinBorderBrandActiveBottom = exports.mixinBorderBrandActive = exports.mixinBorderBrand = exports.mixinBorderAccentTop = exports.mixinBorderAccentRight = exports.mixinBorderAccentLeft = exports.mixinBorderAccentHoverTop = exports.mixinBorderAccentHoverRight = exports.mixinBorderAccentHoverLeft = exports.mixinBorderAccentHoverColor = exports.mixinBorderAccentHoverBottom = exports.mixinBorderAccentHover = exports.mixinBorderAccentColor = exports.mixinBorderAccentBottom = exports.mixinBorderAccentActiveTop = exports.mixinBorderAccentActiveRight = exports.mixinBorderAccentActiveLeft = exports.mixinBorderAccentActiveColor = exports.mixinBorderAccentActiveBottom = exports.mixinBorderAccentActive = exports.mixinBorderAccent = void 0;
 exports.mixinBorderWhiteTop = exports.mixinBorderWhiteRight = exports.mixinBorderWhiteLeft = exports.mixinBorderWhiteColor = exports.mixinBorderWhiteBottom = exports.mixinBorderWhite = exports.mixinBorderWarningTop = exports.mixinBorderWarningRight = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 // generated by generate-code-mixin-border.ts
+
 var mixinBorderTransparentColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
 exports.mixinBorderTransparentColor = mixinBorderTransparentColor;
 var mixinBorderTransparent = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);

package/build/cjs/mixin/button.js

@@ -6,16 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.mixinButtonMenuStateDisabled = exports.mixinButtonMenuStateActive = exports.mixinButtonMenuColorStateNormal = exports.mixinButtonMenuColorStateHover = exports.mixinButtonMenuColorStateDisabled = exports.mixinButtonMenuColorStateActive = exports.mixinButtonMenuBorderStateNormal = exports.mixinButtonMenuBorderStateHover = exports.mixinButtonMenuBorderStateDisabled = exports.mixinButtonMenuBorderStateActive = exports.mixinButtonMenuBgStateNormal = exports.mixinButtonMenuBgStateHover = exports.mixinButtonMenuBgStateDisabled = exports.mixinButtonMenuBgStateActive = exports.mixinButtonMenu = exports.mixinButtonDangerStateNormal = exports.mixinButtonDangerStateHover = exports.mixinButtonDangerStateDisabled = exports.mixinButtonDangerStateActive = exports.mixinButtonDangerColorStateNormal = exports.mixinButtonDangerColorStateHover = exports.mixinButtonDangerColorStateDisabled = exports.mixinButtonDangerColorStateActive = exports.mixinButtonDangerBorderStateNormal = exports.mixinButtonDangerBorderStateHover = exports.mixinButtonDangerBorderStateDisabled = exports.mixinButtonDangerBorderStateActive = exports.mixinButtonDangerBgStateNormal = exports.mixinButtonDangerBgStateHover = exports.mixinButtonDangerBgStateDisabled = exports.mixinButtonDangerBgStateActive = exports.mixinButtonDanger = exports.mixinButtonBrandTertiaryStateNormal = exports.mixinButtonBrandTertiaryStateHover = exports.mixinButtonBrandTertiaryStateDisabled = exports.mixinButtonBrandTertiaryStateActive = exports.mixinButtonBrandTertiaryColorStateNormal = exports.mixinButtonBrandTertiaryColorStateHover = exports.mixinButtonBrandTertiaryColorStateDisabled = exports.mixinButtonBrandTertiaryColorStateActive = exports.mixinButtonBrandTertiaryBorderStateNormal = exports.mixinButtonBrandTertiaryBorderStateHover = exports.mixinButtonBrandTertiaryBorderStateDisabled = exports.mixinButtonBrandTertiaryBorderStateActive = exports.mixinButtonBrandTertiaryBgStateNormal = exports.mixinButtonBrandTertiaryBgStateHover = exports.mixinButtonBrandTertiaryBgStateDisabled = exports.mixinButtonBrandTertiaryBgStateActive = exports.mixinButtonBrandTertiary = exports.mixinButtonBrandSecondaryStateNormal = exports.mixinButtonBrandSecondaryStateHover = exports.mixinButtonBrandSecondaryStateDisabled = exports.mixinButtonBrandSecondaryStateActive = exports.mixinButtonBrandSecondaryColorStateNormal = exports.mixinButtonBrandSecondaryColorStateHover = exports.mixinButtonBrandSecondaryColorStateDisabled = exports.mixinButtonBrandSecondaryColorStateActive = exports.mixinButtonBrandSecondaryBorderStateNormal = exports.mixinButtonBrandSecondaryBorderStateHover = exports.mixinButtonBrandSecondaryBorderStateDisabled = exports.mixinButtonBrandSecondaryBorderStateActive = exports.mixinButtonBrandSecondaryBgStateNormal = exports.mixinButtonBrandSecondaryBgStateHover = exports.mixinButtonBrandSecondaryBgStateDisabled = exports.mixinButtonBrandSecondaryBgStateActive = exports.mixinButtonBrandSecondaryAltStateNormal = exports.mixinButtonBrandSecondaryAltStateHover = exports.mixinButtonBrandSecondaryAltStateDisabled = exports.mixinButtonBrandSecondaryAltStateActive = exports.mixinButtonBrandSecondaryAltColorStateNormal = exports.mixinButtonBrandSecondaryAltColorStateHover = exports.mixinButtonBrandSecondaryAltColorStateDisabled = exports.mixinButtonBrandSecondaryAltColorStateActive = exports.mixinButtonBrandSecondaryAltBorderStateNormal = exports.mixinButtonBrandSecondaryAltBorderStateHover = exports.mixinButtonBrandSecondaryAltBorderStateDisabled = exports.mixinButtonBrandSecondaryAltBorderStateActive = exports.mixinButtonBrandSecondaryAltBgStateNormal = exports.mixinButtonBrandSecondaryAltBgStateHover = exports.mixinButtonBrandSecondaryAltBgStateDisabled = exports.mixinButtonBrandSecondaryAltBgStateActive = exports.mixinButtonBrandSecondaryAlt = exports.mixinButtonBrandSecondary = exports.mixinButtonBrandPrimaryStateNormal = exports.mixinButtonBrandPrimaryStateHover = exports.mixinButtonBrandPrimaryStateDisabled = exports.mixinButtonBrandPrimaryStateActive = exports.mixinButtonBrandPrimaryColorStateNormal = exports.mixinButtonBrandPrimaryColorStateHover = exports.mixinButtonBrandPrimaryColorStateDisabled = exports.mixinButtonBrandPrimaryColorStateActive = exports.mixinButtonBrandPrimaryBorderStateNormal = exports.mixinButtonBrandPrimaryBorderStateHover = exports.mixinButtonBrandPrimaryBorderStateDisabled = exports.mixinButtonBrandPrimaryBorderStateActive = exports.mixinButtonBrandPrimaryBgStateNormal = exports.mixinButtonBrandPrimaryBgStateHover = exports.mixinButtonBrandPrimaryBgStateDisabled = exports.mixinButtonBrandPrimaryBgStateActive = exports.mixinButtonBrandPrimary = void 0;
 exports.mixinButtonTextBrandPrimaryBorderStateDisabled = exports.mixinButtonTextBrandPrimaryBorderStateActive = exports.mixinButtonTextBrandPrimaryBgStateNormal = exports.mixinButtonTextBrandPrimaryBgStateHover = exports.mixinButtonTextBrandPrimaryBgStateDisabled = exports.mixinButtonTextBrandPrimaryBgStateActive = exports.mixinButtonTextBrandPrimary = exports.mixinButtonTertiaryStateNormal = exports.mixinButtonTertiaryStateHover = exports.mixinButtonTertiaryStateDisabled = exports.mixinButtonTertiaryStateActive = exports.mixinButtonTertiaryColorStateNormal = exports.mixinButtonTertiaryColorStateHover = exports.mixinButtonTertiaryColorStateDisabled = exports.mixinButtonTertiaryColorStateActive = exports.mixinButtonTertiaryBorderStateNormal = exports.mixinButtonTertiaryBorderStateHover = exports.mixinButtonTertiaryBorderStateDisabled = exports.mixinButtonTertiaryBorderStateActive = exports.mixinButtonTertiaryBgStateNormal = exports.mixinButtonTertiaryBgStateHover = exports.mixinButtonTertiaryBgStateDisabled = exports.mixinButtonTertiaryBgStateActive = exports.mixinButtonTertiaryAltStateNormal = exports.mixinButtonTertiaryAltStateHover = exports.mixinButtonTertiaryAltStateDisabled = exports.mixinButtonTertiaryAltStateActive = exports.mixinButtonTertiaryAltColorStateNormal = exports.mixinButtonTertiaryAltColorStateHover = exports.mixinButtonTertiaryAltColorStateDisabled = exports.mixinButtonTertiaryAltColorStateActive = exports.mixinButtonTertiaryAltBorderStateNormal = exports.mixinButtonTertiaryAltBorderStateHover = exports.mixinButtonTertiaryAltBorderStateDisabled = exports.mixinButtonTertiaryAltBorderStateActive = exports.mixinButtonTertiaryAltBgStateNormal = exports.mixinButtonTertiaryAltBgStateHover = exports.mixinButtonTertiaryAltBgStateDisabled = exports.mixinButtonTertiaryAltBgStateActive = exports.mixinButtonTertiaryAlt = exports.mixinButtonTertiary = exports.mixinButtonSizeXs = exports.mixinButtonSizeXl = exports.mixinButtonSizeS = exports.mixinButtonSizeM = exports.mixinButtonSizeL = exports.mixinButtonShadow = exports.mixinButtonSecondaryStateNormal = exports.mixinButtonSecondaryStateHover = exports.mixinButtonSecondaryStateDisabled = exports.mixinButtonSecondaryStateActive = exports.mixinButtonSecondaryColorStateNormal = exports.mixinButtonSecondaryColorStateHover = exports.mixinButtonSecondaryColorStateDisabled = exports.mixinButtonSecondaryColorStateActive = exports.mixinButtonSecondaryBorderStateNormal = exports.mixinButtonSecondaryBorderStateHover = exports.mixinButtonSecondaryBorderStateDisabled = exports.mixinButtonSecondaryBorderStateActive = exports.mixinButtonSecondaryBgStateNormal = exports.mixinButtonSecondaryBgStateHover = exports.mixinButtonSecondaryBgStateDisabled = exports.mixinButtonSecondaryBgStateActive = exports.mixinButtonSecondaryAltStateNormal = exports.mixinButtonSecondaryAltStateHover = exports.mixinButtonSecondaryAltStateDisabled = exports.mixinButtonSecondaryAltStateActive = exports.mixinButtonSecondaryAltColorStateNormal = exports.mixinButtonSecondaryAltColorStateHover = exports.mixinButtonSecondaryAltColorStateDisabled = exports.mixinButtonSecondaryAltColorStateActive = exports.mixinButtonSecondaryAltBorderStateNormal = exports.mixinButtonSecondaryAltBorderStateHover = exports.mixinButtonSecondaryAltBorderStateDisabled = exports.mixinButtonSecondaryAltBorderStateActive = exports.mixinButtonSecondaryAltBgStateNormal = exports.mixinButtonSecondaryAltBgStateHover = exports.mixinButtonSecondaryAltBgStateDisabled = exports.mixinButtonSecondaryAltBgStateActive = exports.mixinButtonSecondaryAlt = exports.mixinButtonSecondary = exports.mixinButtonPrimaryStateNormal = exports.mixinButtonPrimaryStateHover = exports.mixinButtonPrimaryStateDisabled = exports.mixinButtonPrimaryStateActive = exports.mixinButtonPrimaryColorStateNormal = exports.mixinButtonPrimaryColorStateHover = exports.mixinButtonPrimaryColorStateDisabled = exports.mixinButtonPrimaryColorStateActive = exports.mixinButtonPrimaryBorderStateNormal = exports.mixinButtonPrimaryBorderStateHover = exports.mixinButtonPrimaryBorderStateDisabled = exports.mixinButtonPrimaryBorderStateActive = exports.mixinButtonPrimaryBgStateNormal = exports.mixinButtonPrimaryBgStateHover = exports.mixinButtonPrimaryBgStateDisabled = exports.mixinButtonPrimaryBgStateActive = exports.mixinButtonPrimary = exports.mixinButtonMenuStateNormal = exports.mixinButtonMenuStateHover = void 0;
 exports.mixinButtonTextTertiaryStateNormal = exports.mixinButtonTextTertiaryStateHover = exports.mixinButtonTextTertiaryStateDisabled = exports.mixinButtonTextTertiaryStateActive = exports.mixinButtonTextTertiaryColorStateNormal = exports.mixinButtonTextTertiaryColorStateHover = exports.mixinButtonTextTertiaryColorStateDisabled = exports.mixinButtonTextTertiaryColorStateActive = exports.mixinButtonTextTertiaryBorderStateNormal = exports.mixinButtonTextTertiaryBorderStateHover = exports.mixinButtonTextTertiaryBorderStateDisabled = exports.mixinButtonTextTertiaryBorderStateActive = exports.mixinButtonTextTertiaryBgStateNormal = exports.mixinButtonTextTertiaryBgStateHover = exports.mixinButtonTextTertiaryBgStateDisabled = exports.mixinButtonTextTertiaryBgStateActive = exports.mixinButtonTextTertiary = exports.mixinButtonTextSecondaryStateNormal = exports.mixinButtonTextSecondaryStateHover = exports.mixinButtonTextSecondaryStateDisabled = exports.mixinButtonTextSecondaryStateActive = exports.mixinButtonTextSecondaryColorStateNormal = exports.mixinButtonTextSecondaryColorStateHover = exports.mixinButtonTextSecondaryColorStateDisabled = exports.mixinButtonTextSecondaryColorStateActive = exports.mixinButtonTextSecondaryBorderStateNormal = exports.mixinButtonTextSecondaryBorderStateHover = exports.mixinButtonTextSecondaryBorderStateDisabled = exports.mixinButtonTextSecondaryBorderStateActive = exports.mixinButtonTextSecondaryBgStateNormal = exports.mixinButtonTextSecondaryBgStateHover = exports.mixinButtonTextSecondaryBgStateDisabled = exports.mixinButtonTextSecondaryBgStateActive = exports.mixinButtonTextSecondary = exports.mixinButtonTextPrimaryStateNormal = exports.mixinButtonTextPrimaryStateHover = exports.mixinButtonTextPrimaryStateDisabled = exports.mixinButtonTextPrimaryStateActive = exports.mixinButtonTextPrimaryColorStateNormal = exports.mixinButtonTextPrimaryColorStateHover = exports.mixinButtonTextPrimaryColorStateDisabled = exports.mixinButtonTextPrimaryColorStateActive = exports.mixinButtonTextPrimaryBorderStateNormal = exports.mixinButtonTextPrimaryBorderStateHover = exports.mixinButtonTextPrimaryBorderStateDisabled = exports.mixinButtonTextPrimaryBorderStateActive = exports.mixinButtonTextPrimaryBgStateNormal = exports.mixinButtonTextPrimaryBgStateHover = exports.mixinButtonTextPrimaryBgStateDisabled = exports.mixinButtonTextPrimaryBgStateActive = exports.mixinButtonTextPrimary = exports.mixinButtonTextBrandSecondaryStateNormal = exports.mixinButtonTextBrandSecondaryStateHover = exports.mixinButtonTextBrandSecondaryStateDisabled = exports.mixinButtonTextBrandSecondaryStateActive = exports.mixinButtonTextBrandSecondaryColorStateNormal = exports.mixinButtonTextBrandSecondaryColorStateHover = exports.mixinButtonTextBrandSecondaryColorStateDisabled = exports.mixinButtonTextBrandSecondaryColorStateActive = exports.mixinButtonTextBrandSecondaryBorderStateNormal = exports.mixinButtonTextBrandSecondaryBorderStateHover = exports.mixinButtonTextBrandSecondaryBorderStateDisabled = exports.mixinButtonTextBrandSecondaryBorderStateActive = exports.mixinButtonTextBrandSecondaryBgStateNormal = exports.mixinButtonTextBrandSecondaryBgStateHover = exports.mixinButtonTextBrandSecondaryBgStateDisabled = exports.mixinButtonTextBrandSecondaryBgStateActive = exports.mixinButtonTextBrandSecondary = exports.mixinButtonTextBrandPrimaryStateNormal = exports.mixinButtonTextBrandPrimaryStateHover = exports.mixinButtonTextBrandPrimaryStateDisabled = exports.mixinButtonTextBrandPrimaryStateActive = exports.mixinButtonTextBrandPrimaryColorStateNormal = exports.mixinButtonTextBrandPrimaryColorStateHover = exports.mixinButtonTextBrandPrimaryColorStateDisabled = exports.mixinButtonTextBrandPrimaryColorStateActive = exports.mixinButtonTextBrandPrimaryBorderStateNormal = exports.mixinButtonTextBrandPrimaryBorderStateHover = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 var _shadow = require("./shadow");
-
 // generated by generate-code-mixin-button.ts
-var mixinButtonShadow = (0, _styledComponents.css)(["&:hover{", "}&:active,&:disabled{box-shadow:none;}"], _shadow.mixinShadowLDown); // size mixins
 
+var mixinButtonShadow = (0, _styledComponents.css)(["&:hover{", "}&:active,&:disabled{box-shadow:none;}"], _shadow.mixinShadowLDown);
+
+// size mixins
 exports.mixinButtonShadow = mixinButtonShadow;
 var mixinButtonSizeXs = (0, _styledComponents.css)(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], _var.SIZE.PADDING_X_FORM_CONTROL_XS, _var.SIZE.HEIGHT_FORM_CONTROL_XS, _var.SIZE.HEIGHT_FORM_CONTROL_XS - 2, _var.SIZE.FONT_SIZE_FORM_CONTROL_XS);
 exports.mixinButtonSizeXs = mixinButtonSizeXs;
@@ -25,8 +23,9 @@ var mixinButtonSizeM = (0, _styledComponents.css)(["padding:0 ", "px;height:", "
 exports.mixinButtonSizeM = mixinButtonSizeM;
 var mixinButtonSizeL = (0, _styledComponents.css)(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], _var.SIZE.PADDING_X_FORM_CONTROL_L, _var.SIZE.HEIGHT_FORM_CONTROL_L, _var.SIZE.HEIGHT_FORM_CONTROL_L - 2, _var.SIZE.FONT_SIZE_FORM_CONTROL_L);
 exports.mixinButtonSizeL = mixinButtonSizeL;
-var mixinButtonSizeXl = (0, _styledComponents.css)(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], _var.SIZE.PADDING_X_FORM_CONTROL_XL, _var.SIZE.HEIGHT_FORM_CONTROL_XL, _var.SIZE.HEIGHT_FORM_CONTROL_XL - 2, _var.SIZE.FONT_SIZE_FORM_CONTROL_XL); // theme mixins
+var mixinButtonSizeXl = (0, _styledComponents.css)(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], _var.SIZE.PADDING_X_FORM_CONTROL_XL, _var.SIZE.HEIGHT_FORM_CONTROL_XL, _var.SIZE.HEIGHT_FORM_CONTROL_XL - 2, _var.SIZE.FONT_SIZE_FORM_CONTROL_XL);
 
+// theme mixins
 exports.mixinButtonSizeXl = mixinButtonSizeXl;
 var mixinButtonDangerColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-danger-text,", ");"], _var.COLOR.BUTTON_DANGER_TEXT, _var.COLOR.BUTTON_DANGER_TEXT);
 exports.mixinButtonDangerColorStateNormal = mixinButtonDangerColorStateNormal;

package/build/cjs/mixin/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _reset = require("./reset");
-
 Object.keys(_reset).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _reset[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_reset).forEach(function (key) {
     }
   });
 });
-
 var _text = require("./text");
-
 Object.keys(_text).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
@@ -29,9 +25,7 @@ Object.keys(_text).forEach(function (key) {
     }
   });
 });
-
 var _bg = require("./bg");
-
 Object.keys(_bg).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _bg[key]) return;
@@ -42,9 +36,7 @@ Object.keys(_bg).forEach(function (key) {
     }
   });
 });
-
 var _border = require("./border");
-
 Object.keys(_border).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _border[key]) return;
@@ -55,9 +47,7 @@ Object.keys(_border).forEach(function (key) {
     }
   });
 });
-
 var _borderRadius = require("./border-radius");
-
 Object.keys(_borderRadius).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _borderRadius[key]) return;
@@ -68,9 +58,7 @@ Object.keys(_borderRadius).forEach(function (key) {
     }
   });
 });
-
 var _shadow = require("./shadow");
-
 Object.keys(_shadow).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shadow[key]) return;
@@ -81,9 +69,7 @@ Object.keys(_shadow).forEach(function (key) {
     }
   });
 });
-
 var _typo = require("./typo");
-
 Object.keys(_typo).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _typo[key]) return;
@@ -94,9 +80,7 @@ Object.keys(_typo).forEach(function (key) {
     }
   });
 });
-
 var _input = require("./input");
-
 Object.keys(_input).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
@@ -107,9 +91,7 @@ Object.keys(_input).forEach(function (key) {
     }
   });
 });
-
 var _link = require("./link");
-
 Object.keys(_link).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
@@ -120,9 +102,7 @@ Object.keys(_link).forEach(function (key) {
     }
   });
 });
-
 var _button = require("./button");
-
 Object.keys(_button).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _button[key]) return;

package/build/cjs/mixin/input.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mixinInputTextHover = exports.mixinInputTextFocus = exports.mixinInputTextDisabled = exports.mixinInputText = exports.mixinInputBorderHover = exports.mixinInputBorderFocusBrand = exports.mixinInputBorderFocus = exports.mixinInputBorderDisabled = exports.mixinInputBorder = exports.mixinInputBgHover = exports.mixinInputBgFocus = exports.mixinInputBgDisabled = exports.mixinInputBg = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 // generated by generate-code-mixin-input.ts
+
 var mixinInputText = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-input-text,", ");"], _var.COLOR.INPUT_TEXT, _var.COLOR.INPUT_TEXT);
 exports.mixinInputText = mixinInputText;
 var mixinInputBg = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-input-bg,", ");"], _var.COLOR.INPUT_BG, _var.COLOR.INPUT_BG);

package/build/cjs/mixin/link.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mixinLinkTertiary = exports.mixinLinkSecondary = exports.mixinLinkPrimary = exports.mixinLinkDisabled = exports.mixinLinkBrandSecondary = exports.mixinLinkBrand = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 // generated by generate-code-mixin-link.ts
+
 var linkCommon = (0, _styledComponents.css)(["transition:all ease-in-out 0.3s;&:link{text-decoration:none;}&:hover{text-decoration:underline;}"]);
 var mixinLinkDisabled = (0, _styledComponents.css)(["&,&:link,&:visited,&:hover,&:focus,&:active{cursor:default;text-decoration:none;color:", ";color:var(--cb-color-link-disabled,", ");}"], _var.COLOR.LINK_DISABLED, _var.COLOR.LINK_DISABLED);
 exports.mixinLinkDisabled = mixinLinkDisabled;

package/build/cjs/mixin/reset.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mixinInputReset = exports.mixinButtonReset = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 // generated by generate-code-mixin-reset.ts
+
 var mixinInputReset = (0, _styledComponents.css)(["border:1px solid transparent;box-sizing:border-box;outline:none;background-color:transparent;transition:all ease-in-out 0.3s;&::placeholder{font-size:12px;font-weight:200;color:", ";color:var(--cb-color-input-placeholder,", ");}&::-ms-clear{display:none;}"], _var.COLOR.INPUT_PLACEHOLDER, _var.COLOR.INPUT_PLACEHOLDER);
+
 /**
  * 对按钮样式进行重置：
  * 
@@ -19,7 +18,6 @@ var mixinInputReset = (0, _styledComponents.css)(["border:1px solid transparent;
  * 3. 避免 link hover 的样式干扰
  * 4. 定义 disabled 的基础样式
  */
-
 exports.mixinInputReset = mixinInputReset;
 var mixinButtonReset = (0, _styledComponents.css)(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
 exports.mixinButtonReset = mixinButtonReset;

package/build/cjs/mixin/shadow.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mixinShadowXlUp = exports.mixinShadowXlRight = exports.mixinShadowXlLeft = exports.mixinShadowXlDown = exports.mixinShadowXl = exports.mixinShadowSUp = exports.mixinShadowSRight = exports.mixinShadowSLeft = exports.mixinShadowSDown = exports.mixinShadowS = exports.mixinShadowMUp = exports.mixinShadowMRight = exports.mixinShadowMLeft = exports.mixinShadowMDown = exports.mixinShadowM = exports.mixinShadowLUp = exports.mixinShadowLRight = exports.mixinShadowLLeft = exports.mixinShadowLDown = exports.mixinShadowL = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 // generated by generate-code-mixin-shadow.ts
+
 var mixinShadowS = (0, _styledComponents.css)(["box-shadow:0 0 2px 0 ", ";box-shadow:0 0 2px 0 var(--cb-color-shadow,", ");"], _var.COLOR.SHADOW, _var.COLOR.SHADOW);
 exports.mixinShadowS = mixinShadowS;
 var mixinShadowSUp = (0, _styledComponents.css)(["box-shadow:0 -1px 2px 0 ", ";box-shadow:0 -1px 2px 0 var(--cb-color-shadow,", ");"], _var.COLOR.SHADOW, _var.COLOR.SHADOW);

package/build/cjs/mixin/text.js

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mixinTextWhite = exports.mixinTextWarning = exports.mixinTextTransparent = exports.mixinTextTertiary = exports.mixinTextSuccess = exports.mixinTextSecondary = exports.mixinTextPrimary = exports.mixinTextInverse = exports.mixinTextInfo = exports.mixinTextHelp = exports.mixinTextError = exports.mixinTextEmphasis = exports.mixinTextDisabled = exports.mixinTextDanger = exports.mixinTextCode = exports.mixinTextBrandHover = exports.mixinTextBrandActive = exports.mixinTextBrand = exports.mixinTextBlack = exports.mixinTextAccentHover = exports.mixinTextAccentActive = exports.mixinTextAccent = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 // generated by generate-code-mixin-text.ts
+
 var mixinTextTransparent = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-text-transparent,", ");"], _var.COLOR.TEXT_TRANSPARENT, _var.COLOR.TEXT_TRANSPARENT);
 exports.mixinTextTransparent = mixinTextTransparent;
 var mixinTextWhite = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-text-white,", ");"], _var.COLOR.TEXT_WHITE, _var.COLOR.TEXT_WHITE);

package/build/cjs/mixin/typo.js

@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mixinTypoStrong = exports.mixinTypoSmall = exports.mixinTypoNoWrap = exports.mixinTypoLineWrap = exports.mixinTypoKbd = exports.mixinTypoFontFamilyMono = exports.mixinTypoFontFamilyBaseJa = exports.mixinTypoFontFamilyBase = exports.mixinTypoFontBase = exports.mixinTypoEm = exports.mixinTypoEllipsisLines = exports.mixinTypoEllipsis = exports.mixinTypoElementsList = exports.mixinTypoElementsInline = exports.mixinTypoCode = exports.mixinTypoBlockquote = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _var = require("../var");
-
 var _text = require("./text");
-
 var _link = require("./link");
-
 var _bg = require("./bg");
-
 var _border = require("./border");
-
 // 此文件手动编辑
+
 // 日文专属
-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，虽然有些耦合，但比较实用
+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.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;
@@ -42,8 +37,9 @@ var mixinTypoBlockquote = (0, _styledComponents.css)(["padding:8px 16px;border-l
 exports.mixinTypoBlockquote = mixinTypoBlockquote;
 var mixinTypoLineWrap = (0, _styledComponents.css)(["white-space:normal;word-wrap:break-word;"]);
 exports.mixinTypoLineWrap = mixinTypoLineWrap;
-var mixinTypoNoWrap = (0, _styledComponents.css)(["white-space:nowrap;"]); // 你需要为之设定一个宽度
+var mixinTypoNoWrap = (0, _styledComponents.css)(["white-space:nowrap;"]);
 
+// 你需要为之设定一个宽度
 exports.mixinTypoNoWrap = mixinTypoNoWrap;
 var mixinTypoEllipsis = (0, _styledComponents.css)(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
 exports.mixinTypoEllipsis = mixinTypoEllipsis;
@@ -55,16 +51,16 @@ var mixinTypoEllipsisLines = (0, _styledComponents.css)(["display:-webkit-box;li
   var h = props.lineHeight * props.lines;
   return props.withMaxHeight ? (0, _styledComponents.css)(["max-height:", "px;"], h) : (0, _styledComponents.css)(["height:", "px;"], h);
 });
+
 /**
  * 当某元素内部有各种 inline 元素需要有样式的时候，用它
  */
-
 exports.mixinTypoEllipsisLines = mixinTypoEllipsisLines;
 var mixinTypoElementsInline = (0, _styledComponents.css)(["a{text-decoration:none;", " &:link:hover{text-decoration:underline;}}em{", "}strong{font-weight:600;}small{font-size:inherit;", "}code{", " ", "}kbd{", "}br{content:'';display:block;}"], _link.mixinLinkPrimary, mixinTypoEm, _text.mixinTextTertiary, mixinTypoCode, mixinTypoFontFamilyMono, mixinTypoKbd);
+
 /**
  * 当某元素内部有 ul\ol\dl 元素需要有样式的时候，用它
  */
-
 exports.mixinTypoElementsInline = mixinTypoElementsInline;
 var mixinTypoElementsList = (0, _styledComponents.css)(["ul,ol,dl{margin:1em 0 1em 2em;padding:0;line-height:1.5 !important;font-size:inherit;color:inherit;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}li{margin:0.5em 0;list-style:inherit;}}ul{list-style:disc outside;ul{list-style-type:circle;ul{list-style-type:disc;}}}ol{list-style:decimal outside;ol{list-style-type:lower-roman;}}dl{dt{margin-top:1em;padding:0;font-weight:600;}dd{margin:0 0 1em 0;}}"]);
 exports.mixinTypoElementsList = mixinTypoElementsList;

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

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createThemeGlobalStyle;
-
 var _styledComponents = require("styled-components");
-
 // generated by generate-code-global-style.ts
+
 function createThemeGlobalStyle(_ref) {
   var COLOR = _ref.COLOR,
-      TYPO = _ref.TYPO,
-      SIZE = _ref.SIZE;
+    TYPO = _ref.TYPO,
+    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-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/util/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "toggleBodyClass", {
     return _toggleBodyClass.default;
   }
 });
-
 var _createThemeGlobalStyle = _interopRequireDefault(require("./create-theme-global-style"));
-
 var _toggleBodyClass = _interopRequireDefault(require("./toggle-body-class"));

package/build/cjs/util/toggle-body-class.js

@@ -4,14 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = toggleBodyClass;
-
 var _mereDom = require("@alicloud/mere-dom");
-
 var CLASS_THEME_DARK = 'theme-dark';
-
 function toggleBodyClass() {
   var dark = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
   if (dark) {
     (0, _mereDom.addClass)(document.body, CLASS_THEME_DARK);
   } else {

package/build/cjs/var/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -30,19 +29,13 @@ Object.defineProperty(exports, "Z_INDEX", {
   }
 });
 exports.default = void 0;
-
 var _consoleBaseThemeColor = require("@alicloud/console-base-theme-color");
-
 var _typo = _interopRequireDefault(require("./typo"));
-
 var _size = _interopRequireDefault(require("./size"));
-
 var _zIndex = _interopRequireDefault(require("./z-index"));
-
 /**
  * 默认主题（亮色）的所有变量
- */
-var _default = {
+ */var _default = {
   COLOR: _consoleBaseThemeColor.COLOR_LIGHT,
   TYPO: _typo.default,
   SIZE: _size.default,

package/build/cjs/var/size.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * 文字大小、宽高、间距等，都是数值（基本上都是 px）
- */
-var _default = {
+ */var _default = {
   /* *************************
    * --------- 字体相关 --------
    ************************* */
@@ -26,6 +24,7 @@ var _default = {
   // 备注
   FONT_SIZE_BADGE: 12,
   // 徽标
+
   // 表单字体
   FONT_SIZE_FORM_CONTROL_XS: 12,
   FONT_SIZE_FORM_CONTROL_S: 12,
@@ -35,10 +34,10 @@ var _default = {
   FONT_SIZE_FORM_CONTROL_L: 14,
   // 对标 XConsole 的 large
   FONT_SIZE_FORM_CONTROL_XL: 16,
-
   /* *************************
    * ---------- 宽度 ----------
    ************************* */
+
   // 普通 dialog 的宽度梯度
   WIDTH_DIALOG_NORMAL_XS: 360,
   WIDTH_DIALOG_NORMAL_S: 480,
@@ -59,8 +58,10 @@ var _default = {
   /* *************************
    * ---------- 高度 ----------
    ************************* */
+
   HEIGHT_TOP_NAV: 50,
   // 顶栏高度
+
   // 表单控件（按钮、输入框）的高度梯度
   HEIGHT_FORM_CONTROL_XS: 24,
   // 对标 XConsole 的 small
@@ -72,10 +73,10 @@ var _default = {
   HEIGHT_FORM_CONTROL_XL: 40,
   HEIGHT_DIALOG_SLIDE_HEADER: 60,
   HEIGHT_DIALOG_SLIDE_FOOTER: 64,
-
   /* *************************
    * -------- padding --------
    ************************* */
+
   // 表单控件（按钮、输入框）水平方向 padding 梯度
   PADDING_X_FORM_CONTROL_XS: 8,
   PADDING_X_FORM_CONTROL_S: 8,
@@ -86,7 +87,6 @@ var _default = {
   // dialog 内边距
   PADDING_X_DIALOG: 24,
   PADDING_X_DIALOG_SLIDE: 24,
-
   /* *************************
    * ---------- 圆角 ----------
    ************************* */

package/build/cjs/var/typo.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * 文字相关
- */
-var _default = {
+ */var _default = {
   FONT_FAMILY_BASE: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif',
   FONT_FAMILY_BASE_JA: '"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif',
   FONT_FAMILY_MONOSPACE: 'Operator Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace'

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

@@ -4,36 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * z-index 层级设计
- */
-var _default = {
+ */var _default = {
   DIALOG_SYS: 2101,
   // 系统级模态框（alert、confirm、prompt）
   BACKDROP_SYS: 2100,
   // 系统级模态窗背投
+
   MICRO_BROWSER: 2050,
   // 微浏览器
+
   ERROR_PROMPT: 2001,
   // 错误弹窗
   BACKDROP_ERROR_PROMPT: 2000,
   // 错误弹窗背投
+
   POPUP_GLOBAL: 1001,
   // 全局浮层（dropdown、tooltip 等）
   DIALOG_NORMAL: 1001,
   // 一般模态窗
   BACKDROP_NORMAL: 999,
   // 一般模态窗背投
+
   TOP_NAV: 999,
   // 全局顶栏
+
   DIALOG_SLIDE: 200,
   // 侧拉窗
   BACKDROP_SLIDE: 100,
   // 侧拉窗背投
+
   TOOLKIT: 99,
   // 全局工具
-  POPUP: 10 // inline 浮层（dropdown、tooltip 等）
 
+  POPUP: 10 // inline 浮层（dropdown、tooltip 等）
 };
 exports.default = _default;

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

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

package/build/es/index.js

@@ -4,6 +4,7 @@ export * from './mixin';
 export { default as ThemeStyleLight } from './global-style-theme-light';
 export { default as ThemeStyleDark } from './global-style-theme-dark';
 export { default as GlobalStyleFontFamilyForJa } from './global-style-font-family-for-ja';
-export { toggleBodyClass } from './util'; // 主题黑的时候，在顶栏上的 button 背景色不能是标准的... FIXME 我需要调整颜色的策略 primary-secondary-tertiary 区分 container 和 control
+export { 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/bg.js

@@ -1,4 +1,5 @@
 // generated by generate-code-mixin-bg.ts
+
 import { css } from 'styled-components';
 import { COLOR } from '../var';
 export var mixinBgTransparent = css(["background-color:", ";background-color:var(--cb-color-bg-transparent,", ");"], COLOR.BG_TRANSPARENT, COLOR.BG_TRANSPARENT);

package/build/es/mixin/border-radius.js

@@ -1,4 +1,5 @@
 // generated by generate-code-mixin-border-radius.ts
+
 import { css } from 'styled-components';
 import { SIZE } from '../var';
 export var mixinBorderRadiusXs = css(["border-radius:", "px;border-radius:var(--cb-size-border-radius-xs,", "px);"], SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_XS);

package/build/es/mixin/border.js

@@ -1,4 +1,5 @@
 // generated by generate-code-mixin-border.ts
+
 import { css } from 'styled-components';
 import { COLOR } from '../var';
 export var mixinBorderTransparentColor = css(["border-color:", ";border-color:var(--cb-color-border-transparent,", ");"], COLOR.BORDER_TRANSPARENT, COLOR.BORDER_TRANSPARENT);

package/build/es/mixin/button.js

@@ -1,15 +1,18 @@
 // generated by generate-code-mixin-button.ts
+
 import { css } from 'styled-components';
 import { COLOR, SIZE } from '../var';
 import { mixinShadowLDown } from './shadow';
-export var mixinButtonShadow = css(["&:hover{", "}&:active,&:disabled{box-shadow:none;}"], mixinShadowLDown); // size mixins
+export var mixinButtonShadow = css(["&:hover{", "}&:active,&:disabled{box-shadow:none;}"], mixinShadowLDown);
 
+// size mixins
 export var mixinButtonSizeXs = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_XS, SIZE.HEIGHT_FORM_CONTROL_XS, SIZE.HEIGHT_FORM_CONTROL_XS - 2, SIZE.FONT_SIZE_FORM_CONTROL_XS);
 export var mixinButtonSizeS = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_S, SIZE.HEIGHT_FORM_CONTROL_S, SIZE.HEIGHT_FORM_CONTROL_S - 2, SIZE.FONT_SIZE_FORM_CONTROL_S);
 export var mixinButtonSizeM = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_M, SIZE.HEIGHT_FORM_CONTROL_M, SIZE.HEIGHT_FORM_CONTROL_M - 2, SIZE.FONT_SIZE_FORM_CONTROL_M);
 export var mixinButtonSizeL = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_L, SIZE.HEIGHT_FORM_CONTROL_L, SIZE.HEIGHT_FORM_CONTROL_L - 2, SIZE.FONT_SIZE_FORM_CONTROL_L);
-export var mixinButtonSizeXl = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_XL, SIZE.HEIGHT_FORM_CONTROL_XL, SIZE.HEIGHT_FORM_CONTROL_XL - 2, SIZE.FONT_SIZE_FORM_CONTROL_XL); // theme mixins
+export var mixinButtonSizeXl = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_XL, SIZE.HEIGHT_FORM_CONTROL_XL, SIZE.HEIGHT_FORM_CONTROL_XL - 2, SIZE.FONT_SIZE_FORM_CONTROL_XL);
 
+// theme mixins
 export var mixinButtonDangerColorStateNormal = css(["color:", ";color:var(--cb-color-button-danger-text,", ");"], COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_TEXT);
 export var mixinButtonDangerBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-danger-bg,", ");"], COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BG);
 export var mixinButtonDangerBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-danger-border,", ");"], COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_BORDER);

package/build/es/mixin/input.js

@@ -1,4 +1,5 @@
 // generated by generate-code-mixin-input.ts
+
 import { css } from 'styled-components';
 import { COLOR } from '../var';
 export var mixinInputText = css(["color:", ";color:var(--cb-color-input-text,", ");"], COLOR.INPUT_TEXT, COLOR.INPUT_TEXT);

package/build/es/mixin/link.js

@@ -1,4 +1,5 @@
 // generated by generate-code-mixin-link.ts
+
 import { css } from 'styled-components';
 import { COLOR } from '../var';
 var linkCommon = css(["transition:all ease-in-out 0.3s;&:link{text-decoration:none;}&:hover{text-decoration:underline;}"]);

package/build/es/mixin/reset.js

@@ -1,7 +1,9 @@
 // generated by generate-code-mixin-reset.ts
+
 import { css } from 'styled-components';
 import { COLOR } from '../var';
 export var mixinInputReset = css(["border:1px solid transparent;box-sizing:border-box;outline:none;background-color:transparent;transition:all ease-in-out 0.3s;&::placeholder{font-size:12px;font-weight:200;color:", ";color:var(--cb-color-input-placeholder,", ");}&::-ms-clear{display:none;}"], COLOR.INPUT_PLACEHOLDER, COLOR.INPUT_PLACEHOLDER);
+
 /**
  * 对按钮样式进行重置：
  * 
@@ -10,5 +12,4 @@ export var mixinInputReset = css(["border:1px solid transparent;box-sizing:borde
  * 3. 避免 link hover 的样式干扰
  * 4. 定义 disabled 的基础样式
  */
-
 export var mixinButtonReset = css(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);

package/build/es/mixin/shadow.js

@@ -1,4 +1,5 @@
 // generated by generate-code-mixin-shadow.ts
+
 import { css } from 'styled-components';
 import { COLOR } from '../var';
 export var mixinShadowS = css(["box-shadow:0 0 2px 0 ", ";box-shadow:0 0 2px 0 var(--cb-color-shadow,", ");"], COLOR.SHADOW, COLOR.SHADOW);

package/build/es/mixin/text.js

@@ -1,4 +1,5 @@
 // generated by generate-code-mixin-text.ts
+
 import { css } from 'styled-components';
 import { COLOR } from '../var';
 export var mixinTextTransparent = css(["color:", ";color:var(--cb-color-text-transparent,", ");"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_TRANSPARENT);

package/build/es/mixin/typo.js

@@ -1,13 +1,16 @@
 // 此文件手动编辑
+
 import { css } from 'styled-components';
 import { TYPO, COLOR } from '../var';
 import { mixinTextPrimary, mixinTextEmphasis, mixinTextCode, mixinTextSecondary, mixinTextTertiary } from './text';
 import { mixinLinkPrimary } from './link';
 import { mixinBgSecondary, mixinBgSecondaryFade } from './bg';
-import { mixinBorderTertiary, mixinBorderTertiaryColor } from './border'; // 日文专属
+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); // lang-ja 是 console-base 注入到 body 的 className，虽然有些耦合，但比较实用
+// 日文专属
+export var mixinTypoFontFamilyBaseJa = css(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_BASE_JA);
 
+// lang-ja 是 console-base 注入到 body 的 className，虽然有些耦合，但比较实用
 export var 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);
@@ -18,8 +21,9 @@ export var mixinTypoCode = css(["padding:2px 4px;border-radius:2px;", " ", ""],
 export var mixinTypoKbd = css(["display:inline-block;padding:2px 4px;border-radius:3px;box-shadow:inset 0 -1px 0 ", ";box-shadow:inset 0 -1px 0 var(--cb-color-shadow,", ");line-height:1.2;", " ", " ", ""], COLOR.SHADOW, COLOR.SHADOW, mixinTextSecondary, mixinBgSecondary, mixinBorderTertiary);
 export var mixinTypoBlockquote = css(["padding:8px 16px;border-left-width:4px;border-left-style:solid;", " ", ""], mixinBorderTertiaryColor, mixinTextTertiary);
 export var mixinTypoLineWrap = css(["white-space:normal;word-wrap:break-word;"]);
-export var mixinTypoNoWrap = css(["white-space:nowrap;"]); // 你需要为之设定一个宽度
+export var mixinTypoNoWrap = css(["white-space:nowrap;"]);
 
+// 你需要为之设定一个宽度
 export var mixinTypoEllipsis = css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
 export var mixinTypoEllipsisLines = css(["display:-webkit-box;line-height:", "px;overflow:hidden;-webkit-line-clamp:", ";-webkit-box-orient:vertical;", ""], function (props) {
   return props.lineHeight;
@@ -29,13 +33,13 @@ export var mixinTypoEllipsisLines = css(["display:-webkit-box;line-height:", "px
   var h = props.lineHeight * props.lines;
   return props.withMaxHeight ? css(["max-height:", "px;"], h) : css(["height:", "px;"], h);
 });
+
 /**
  * 当某元素内部有各种 inline 元素需要有样式的时候，用它
  */
-
 export var mixinTypoElementsInline = css(["a{text-decoration:none;", " &:link:hover{text-decoration:underline;}}em{", "}strong{font-weight:600;}small{font-size:inherit;", "}code{", " ", "}kbd{", "}br{content:'';display:block;}"], mixinLinkPrimary, mixinTypoEm, mixinTextTertiary, mixinTypoCode, mixinTypoFontFamilyMono, mixinTypoKbd);
+
 /**
  * 当某元素内部有 ul\ol\dl 元素需要有样式的时候，用它
  */
-
 export var mixinTypoElementsList = css(["ul,ol,dl{margin:1em 0 1em 2em;padding:0;line-height:1.5 !important;font-size:inherit;color:inherit;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}li{margin:0.5em 0;list-style:inherit;}}ul{list-style:disc outside;ul{list-style-type:circle;ul{list-style-type:disc;}}}ol{list-style:decimal outside;ol{list-style-type:lower-roman;}}dl{dt{margin-top:1em;padding:0;font-weight:600;}dd{margin:0 0 1em 0;}}"]);

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

@@ -1,9 +1,10 @@
 // generated by generate-code-global-style.ts
+
 import { createGlobalStyle } from 'styled-components';
 export default function createThemeGlobalStyle(_ref) {
   var COLOR = _ref.COLOR,
-      TYPO = _ref.TYPO,
-      SIZE = _ref.SIZE;
+    TYPO = _ref.TYPO,
+    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-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/util/toggle-body-class.js

@@ -2,7 +2,6 @@ import { addClass, removeClass } from '@alicloud/mere-dom';
 var CLASS_THEME_DARK = 'theme-dark';
 export default function toggleBodyClass() {
   var dark = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
   if (dark) {
     addClass(document.body, CLASS_THEME_DARK);
   } else {

package/build/es/var/index.js

@@ -2,7 +2,6 @@ import { COLOR_LIGHT as COLOR } from '@alicloud/console-base-theme-color';
 import TYPO from './typo';
 import SIZE from './size';
 import Z_INDEX from './z-index';
-
 /**
  * 默认主题（亮色）的所有变量
  */

package/build/es/var/size.js

@@ -19,6 +19,7 @@ export default {
   // 备注
   FONT_SIZE_BADGE: 12,
   // 徽标
+
   // 表单字体
   FONT_SIZE_FORM_CONTROL_XS: 12,
   FONT_SIZE_FORM_CONTROL_S: 12,
@@ -28,10 +29,10 @@ export default {
   FONT_SIZE_FORM_CONTROL_L: 14,
   // 对标 XConsole 的 large
   FONT_SIZE_FORM_CONTROL_XL: 16,
-
   /* *************************
    * ---------- 宽度 ----------
    ************************* */
+
   // 普通 dialog 的宽度梯度
   WIDTH_DIALOG_NORMAL_XS: 360,
   WIDTH_DIALOG_NORMAL_S: 480,
@@ -52,8 +53,10 @@ export default {
   /* *************************
    * ---------- 高度 ----------
    ************************* */
+
   HEIGHT_TOP_NAV: 50,
   // 顶栏高度
+
   // 表单控件（按钮、输入框）的高度梯度
   HEIGHT_FORM_CONTROL_XS: 24,
   // 对标 XConsole 的 small
@@ -65,10 +68,10 @@ export default {
   HEIGHT_FORM_CONTROL_XL: 40,
   HEIGHT_DIALOG_SLIDE_HEADER: 60,
   HEIGHT_DIALOG_SLIDE_FOOTER: 64,
-
   /* *************************
    * -------- padding --------
    ************************* */
+
   // 表单控件（按钮、输入框）水平方向 padding 梯度
   PADDING_X_FORM_CONTROL_XS: 8,
   PADDING_X_FORM_CONTROL_S: 8,
@@ -79,7 +82,6 @@ export default {
   // dialog 内边距
   PADDING_X_DIALOG: 24,
   PADDING_X_DIALOG_SLIDE: 24,
-
   /* *************************
    * ---------- 圆角 ----------
    ************************* */

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

@@ -6,26 +6,32 @@ export default {
   // 系统级模态框（alert、confirm、prompt）
   BACKDROP_SYS: 2100,
   // 系统级模态窗背投
+
   MICRO_BROWSER: 2050,
   // 微浏览器
+
   ERROR_PROMPT: 2001,
   // 错误弹窗
   BACKDROP_ERROR_PROMPT: 2000,
   // 错误弹窗背投
+
   POPUP_GLOBAL: 1001,
   // 全局浮层（dropdown、tooltip 等）
   DIALOG_NORMAL: 1001,
   // 一般模态窗
   BACKDROP_NORMAL: 999,
   // 一般模态窗背投
+
   TOP_NAV: 999,
   // 全局顶栏
+
   DIALOG_SLIDE: 200,
   // 侧拉窗
   BACKDROP_SLIDE: 100,
   // 侧拉窗背投
+
   TOOLKIT: 99,
   // 全局工具
-  POPUP: 10 // inline 浮层（dropdown、tooltip 等）
 
+  POPUP: 10 // inline 浮层（dropdown、tooltip 等）
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-theme",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "description": "控制台主题 - 基于 css variable 和 styled-components",
   "license": "MIT",
   "sideEffects": false,
@@ -26,21 +26,21 @@
   "devDependencies": {
     "@alicloud/console-toolkit-cli": "^1.2.30",
     "@alicloud/console-toolkit-preset-component": "^1.2.61",
-    "@alicloud/demo-rc-elements": "^1.10.6",
-    "@types/lodash": "^4.14.184",
+    "@alicloud/demo-rc-elements": "^1.10.8",
+    "@types/lodash": "^4.14.186",
     "@types/react": "^17.0.48",
     "@types/styled-components": "^5.1.26",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
-    "styled-components": "^5.3.5",
-    "typescript": "^4.8.2"
+    "styled-components": "^5.3.6",
+    "typescript": "^4.8.4"
   },
   "peerDependencies": {
     "styled-components": ">=5"
   },
   "dependencies": {
-    "@alicloud/console-base-theme-color": "^1.5.0",
-    "@alicloud/mere-dom": "^1.6.0"
+    "@alicloud/console-base-theme-color": "^1.5.2",
+    "@alicloud/mere-dom": "^1.6.5"
   },
   "scripts": {
     "start": "breezr start-storybook",
@@ -53,5 +53,5 @@
     "clean": "rm -rf build",
     "prepublishOnly": "yarn clean && yarn build"
   },
-  "gitHead": "1dbc6e703f6ad1f6faea21a54d1ba4a5eda416c5"
+  "gitHead": "4b5eefd0215b1f8028fce664d64484ceeb703ef1"
 }