@alicloud/console-base-theme 1.9.10-beta.1 → 1.9.11-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/cjs/global-style-theme-dark/index.js +7 -1
  2. package/build/cjs/util/create-theme-global-style.js +5 -2
  3. package/build/esm/global-style-theme-dark/index.js +6 -1
  4. package/build/esm/util/create-theme-global-style.js +5 -2
  5. package/build/types/util/create-theme-global-style.d.ts +2 -1
  6. package/package.json +2 -5
package/build/cjs/global-style-theme-dark/index.js CHANGED
@@ -1,11 +1,17 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  var _typeof = require("@babel/runtime/helpers/typeof");
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
8
10
  var _util = require("../util");
9
11
  var VARS = _interopRequireWildcard(require("./var"));
10
12
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
11
- var _default = exports.default = (0, _util.createThemeGlobalStyle)(VARS);
13
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15
+ var _default = exports.default = (0, _util.createThemeGlobalStyle)(_objectSpread(_objectSpread({}, VARS), {}, {
16
+ ROOT_CLASS_NAME: 'theme-dark'
17
+ }));
package/build/cjs/util/create-theme-global-style.js CHANGED
@@ -10,8 +10,11 @@ var _styledComponents = require("styled-components");
10
10
  function createThemeGlobalStyle(_ref) {
11
11
  var COLOR = _ref.COLOR,
12
12
  TYPO = _ref.TYPO,
13
- SIZE = _ref.SIZE;
13
+ SIZE = _ref.SIZE,
14
+ ROOT_CLASS_NAME = _ref.ROOT_CLASS_NAME;
14
15
  // eslint-disable-line @typescript-eslint/no-explicit-any
16
+ var selector = ROOT_CLASS_NAME ? ":root.".concat(ROOT_CLASS_NAME) : ':root';
17
+
15
18
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
16
- 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);
19
+ return (0, _styledComponents.createGlobalStyle)(["", "{--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;}"], selector, 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);
17
20
  }
package/build/esm/global-style-theme-dark/index.js CHANGED
@@ -1,3 +1,8 @@
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1
4
  import { createThemeGlobalStyle } from '../util';
2
5
  import * as VARS from './var';
3
- export default createThemeGlobalStyle(VARS);
6
+ export default createThemeGlobalStyle(_objectSpread(_objectSpread({}, VARS), {}, {
7
+ ROOT_CLASS_NAME: 'theme-dark'
8
+ }));
package/build/esm/util/create-theme-global-style.js CHANGED
@@ -4,8 +4,11 @@ import { createGlobalStyle } from 'styled-components';
4
4
  export default function createThemeGlobalStyle(_ref) {
5
5
  var COLOR = _ref.COLOR,
6
6
  TYPO = _ref.TYPO,
7
- SIZE = _ref.SIZE;
7
+ SIZE = _ref.SIZE,
8
+ ROOT_CLASS_NAME = _ref.ROOT_CLASS_NAME;
8
9
  // eslint-disable-line @typescript-eslint/no-explicit-any
10
+ var selector = ROOT_CLASS_NAME ? ":root.".concat(ROOT_CLASS_NAME) : ':root';
11
+
9
12
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
10
- 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);
13
+ return createGlobalStyle(["", "{--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;}"], selector, 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);
11
14
  }
package/build/types/util/create-theme-global-style.d.ts CHANGED
@@ -4,6 +4,7 @@ interface ITheme {
4
4
  COLOR: ThemeColors;
5
5
  TYPO: ThemeTypo;
6
6
  SIZE: ThemeSize;
7
+ ROOT_CLASS_NAME?: string;
7
8
  }
8
- export default function createThemeGlobalStyle({ COLOR, TYPO, SIZE }: ITheme): GlobalStyleComponent<any, DefaultTheme>;
9
+ export default function createThemeGlobalStyle({ COLOR, TYPO, SIZE, ROOT_CLASS_NAME }: ITheme): GlobalStyleComponent<any, DefaultTheme>;
9
10
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alicloud/console-base-theme",
3
- "version": "1.9.10-beta.1",
3
+ "version": "1.9.11-beta.0",
4
4
  "description": "控制台主题 - 基于 css variable 和 styled-components",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,
@@ -32,7 +32,7 @@
32
32
  "styled-components": ">=5"
33
33
  },
34
34
  "dependencies": {
35
- "@alicloud/console-base-theme-color": "beta",
35
+ "@alicloud/console-base-theme-color": "^1.5.14",
36
36
  "@alicloud/mere-dom": "^1.8.0"
37
37
  },
38
38
  "scripts": {
@@ -45,8 +45,5 @@
45
45
  "build": "yarn build:esm && yarn build:cjs && yarn build:types",
46
46
  "clean": "rm -rf build",
47
47
  "prepublishOnly": "yarn clean && yarn build"
48
- },
49
- "overrides": {
50
- "@alicloud/console-base-theme-color": "beta"
51
48
  }
52
49
  }