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

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 +1 -1
  2. package/build/cjs/util/create-theme-global-style.js +2 -2
  3. package/build/esm/global-style-theme-dark/index.js +1 -1
  4. package/build/esm/util/create-theme-global-style.js +2 -2
  5. package/build/types/util/create-theme-global-style.d.ts +2 -2
  6. package/package.json +1 -1
package/build/cjs/global-style-theme-dark/index.js CHANGED
@@ -13,5 +13,5 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
13
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
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
15
  var _default = exports.default = (0, _util.createThemeGlobalStyle)(_objectSpread(_objectSpread({}, VARS), {}, {
16
- ROOT_CLASS_NAME: 'theme-dark'
16
+ SELECTOR: 'body.theme-dark, body.dark-workbench'
17
17
  }));
package/build/cjs/util/create-theme-global-style.js CHANGED
@@ -11,9 +11,9 @@ function createThemeGlobalStyle(_ref) {
11
11
  var COLOR = _ref.COLOR,
12
12
  TYPO = _ref.TYPO,
13
13
  SIZE = _ref.SIZE,
14
- ROOT_CLASS_NAME = _ref.ROOT_CLASS_NAME;
14
+ _ref$SELECTOR = _ref.SELECTOR,
15
+ selector = _ref$SELECTOR === void 0 ? ':root' : _ref$SELECTOR;
15
16
  // eslint-disable-line @typescript-eslint/no-explicit-any
16
- var selector = ROOT_CLASS_NAME ? ":root.".concat(ROOT_CLASS_NAME) : ':root';
17
17
 
18
18
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
19
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);
package/build/esm/global-style-theme-dark/index.js CHANGED
@@ -4,5 +4,5 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  import { createThemeGlobalStyle } from '../util';
5
5
  import * as VARS from './var';
6
6
  export default createThemeGlobalStyle(_objectSpread(_objectSpread({}, VARS), {}, {
7
- ROOT_CLASS_NAME: 'theme-dark'
7
+ SELECTOR: 'body.theme-dark, body.dark-workbench'
8
8
  }));
package/build/esm/util/create-theme-global-style.js CHANGED
@@ -5,9 +5,9 @@ export default function createThemeGlobalStyle(_ref) {
5
5
  var COLOR = _ref.COLOR,
6
6
  TYPO = _ref.TYPO,
7
7
  SIZE = _ref.SIZE,
8
- ROOT_CLASS_NAME = _ref.ROOT_CLASS_NAME;
8
+ _ref$SELECTOR = _ref.SELECTOR,
9
+ selector = _ref$SELECTOR === void 0 ? ':root' : _ref$SELECTOR;
9
10
  // eslint-disable-line @typescript-eslint/no-explicit-any
10
- var selector = ROOT_CLASS_NAME ? ":root.".concat(ROOT_CLASS_NAME) : ':root';
11
11
 
12
12
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
13
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);
package/build/types/util/create-theme-global-style.d.ts CHANGED
@@ -4,7 +4,7 @@ interface ITheme {
4
4
  COLOR: ThemeColors;
5
5
  TYPO: ThemeTypo;
6
6
  SIZE: ThemeSize;
7
- ROOT_CLASS_NAME?: string;
7
+ SELECTOR?: string;
8
8
  }
9
- export default function createThemeGlobalStyle({ COLOR, TYPO, SIZE, ROOT_CLASS_NAME }: ITheme): GlobalStyleComponent<any, DefaultTheme>;
9
+ export default function createThemeGlobalStyle({ COLOR, TYPO, SIZE, SELECTOR: selector }: ITheme): GlobalStyleComponent<any, DefaultTheme>;
10
10
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alicloud/console-base-theme",
3
- "version": "1.9.11-beta.0",
3
+ "version": "1.9.11-beta.2",
4
4
  "description": "控制台主题 - 基于 css variable 和 styled-components",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,