@alicloud/console-base-theme 1.9.7 → 1.9.8-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/build/cjs/global-style-font-family-for-ja/index.js +1 -2
  2. package/build/cjs/global-style-theme-dark/index.js +3 -4
  3. package/build/cjs/global-style-theme-light/index.js +3 -4
  4. package/build/cjs/index.js +1 -2
  5. package/build/cjs/mixin/bg.js +33 -66
  6. package/build/cjs/mixin/border-radius.js +5 -10
  7. package/build/cjs/mixin/border.js +108 -216
  8. package/build/cjs/mixin/button.js +278 -556
  9. package/build/cjs/mixin/input.js +13 -26
  10. package/build/cjs/mixin/link.js +6 -12
  11. package/build/cjs/mixin/reset.js +2 -4
  12. package/build/cjs/mixin/shadow.js +20 -40
  13. package/build/cjs/mixin/text.js +22 -44
  14. package/build/cjs/mixin/typo.js +16 -32
  15. package/build/cjs/var/index.js +2 -3
  16. package/build/cjs/var/size.js +2 -3
  17. package/build/cjs/var/typo.js +2 -3
  18. package/build/cjs/var/z-index.js +13 -10
  19. package/build/esm/var/index.js +1 -0
  20. package/build/esm/var/z-index.js +11 -7
  21. package/build/types/var/index.d.ts +3 -1
  22. package/build/types/var/z-index.d.ts +3 -1
  23. package/package.json +4 -10
package/build/cjs/global-style-font-family-for-ja/index.js CHANGED
@@ -7,5 +7,4 @@ exports.default = void 0;
7
7
  var _styledComponents = require("styled-components");
8
8
  var _mixin = require("../mixin");
9
9
  // 为所有的控制台添加日文默认字体，仅日文下会生效，这里对 body 上的 class 有耦合，该 class 由 ConsoleBase 注入
10
- var _default = (0, _styledComponents.createGlobalStyle)(["body.lang-ja{", "}"], _mixin.mixinTypoFontFamilyBaseJa);
11
- exports.default = _default;
10
+ var _default = exports.default = (0, _styledComponents.createGlobalStyle)(["body.lang-ja{", "}"], _mixin.mixinTypoFontFamilyBaseJa);
package/build/cjs/global-style-theme-dark/index.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _util = require("../util");
9
9
  var VARS = _interopRequireWildcard(require("./var"));
10
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
- var _default = (0, _util.createThemeGlobalStyle)(VARS);
13
- exports.default = _default;
10
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ var _default = exports.default = (0, _util.createThemeGlobalStyle)(VARS);
package/build/cjs/global-style-theme-light/index.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var VARS = _interopRequireWildcard(require("../var"));
9
9
  var _util = require("../util");
10
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
- var _default = (0, _util.createThemeGlobalStyle)(VARS);
13
- exports.default = _default;
10
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ var _default = exports.default = (0, _util.createThemeGlobalStyle)(VARS);
package/build/cjs/index.js CHANGED
@@ -66,5 +66,4 @@ var _globalStyleThemeDark = _interopRequireDefault(require("./global-style-theme
66
66
  var _globalStyleFontFamilyForJa = _interopRequireDefault(require("./global-style-font-family-for-ja"));
67
67
  var _util = require("./util");
68
68
  // 主题黑的时候，在顶栏上的 button 背景色不能是标准的... FIXME 我需要调整颜色的策略 primary-secondary-tertiary 区分 container 和 control
69
- var mixinTopNavButtonDarkFix = (0, _styledComponents.css)([".theme-dark &{background-color:rgba(255,255,255,0.08);}"]);
70
- exports.mixinTopNavButtonDarkFix = mixinTopNavButtonDarkFix;
69
+ var mixinTopNavButtonDarkFix = exports.mixinTopNavButtonDarkFix = (0, _styledComponents.css)([".theme-dark &{background-color:rgba(255,255,255,0.08);}"]);
package/build/cjs/mixin/bg.js CHANGED
@@ -8,69 +8,36 @@ var _styledComponents = require("styled-components");
8
8
  var _var = require("../var");
9
9
  // generated by generate-code-mixin-bg.ts
10
10
 
11
- var mixinBgTransparent = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-transparent,", ");"], _var.COLOR.BG_TRANSPARENT, _var.COLOR.BG_TRANSPARENT);
12
- exports.mixinBgTransparent = mixinBgTransparent;
13
- var mixinBgWhite = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-white,", ");"], _var.COLOR.BG_WHITE, _var.COLOR.BG_WHITE);
14
- exports.mixinBgWhite = mixinBgWhite;
15
- var mixinBgBlack = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-black,", ");"], _var.COLOR.BG_BLACK, _var.COLOR.BG_BLACK);
16
- exports.mixinBgBlack = mixinBgBlack;
17
- var mixinBgInverse = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-inverse,", ");"], _var.COLOR.BG_INVERSE, _var.COLOR.BG_INVERSE);
18
- exports.mixinBgInverse = mixinBgInverse;
19
- var mixinBgBrand = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-brand,", ");"], _var.COLOR.BG_BRAND, _var.COLOR.BG_BRAND);
20
- exports.mixinBgBrand = mixinBgBrand;
21
- var mixinBgBrandHover = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-brand-hover,", ");"], _var.COLOR.BG_BRAND_HOVER, _var.COLOR.BG_BRAND_HOVER);
22
- exports.mixinBgBrandHover = mixinBgBrandHover;
23
- var mixinBgBrandActive = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-brand-active,", ");"], _var.COLOR.BG_BRAND_ACTIVE, _var.COLOR.BG_BRAND_ACTIVE);
24
- exports.mixinBgBrandActive = mixinBgBrandActive;
25
- var mixinBgAccent = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-accent,", ");"], _var.COLOR.BG_ACCENT, _var.COLOR.BG_ACCENT);
26
- exports.mixinBgAccent = mixinBgAccent;
27
- var mixinBgAccentHover = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-accent-hover,", ");"], _var.COLOR.BG_ACCENT_HOVER, _var.COLOR.BG_ACCENT_HOVER);
28
- exports.mixinBgAccentHover = mixinBgAccentHover;
29
- var mixinBgAccentActive = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-accent-active,", ");"], _var.COLOR.BG_ACCENT_ACTIVE, _var.COLOR.BG_ACCENT_ACTIVE);
30
- exports.mixinBgAccentActive = mixinBgAccentActive;
31
- var mixinBgPrimary = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-primary,", ");"], _var.COLOR.BG_PRIMARY, _var.COLOR.BG_PRIMARY);
32
- exports.mixinBgPrimary = mixinBgPrimary;
33
- var mixinBgSecondary = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-secondary,", ");"], _var.COLOR.BG_SECONDARY, _var.COLOR.BG_SECONDARY);
34
- exports.mixinBgSecondary = mixinBgSecondary;
35
- var mixinBgSecondaryFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-secondary-fade,", ");"], _var.COLOR.BG_SECONDARY_FADE, _var.COLOR.BG_SECONDARY_FADE);
36
- exports.mixinBgSecondaryFade = mixinBgSecondaryFade;
37
- var mixinBgTertiary = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-tertiary,", ");"], _var.COLOR.BG_TERTIARY, _var.COLOR.BG_TERTIARY);
38
- exports.mixinBgTertiary = mixinBgTertiary;
39
- var mixinBgTertiaryFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-tertiary-fade,", ");"], _var.COLOR.BG_TERTIARY_FADE, _var.COLOR.BG_TERTIARY_FADE);
40
- exports.mixinBgTertiaryFade = mixinBgTertiaryFade;
41
- var mixinBgDisabled = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-disabled,", ");"], _var.COLOR.BG_DISABLED, _var.COLOR.BG_DISABLED);
42
- exports.mixinBgDisabled = mixinBgDisabled;
43
- var mixinBgHelp = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-help,", ");"], _var.COLOR.BG_HELP, _var.COLOR.BG_HELP);
44
- exports.mixinBgHelp = mixinBgHelp;
45
- var mixinBgHelpTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-help-tint,", ");"], _var.COLOR.BG_HELP_TINT, _var.COLOR.BG_HELP_TINT);
46
- exports.mixinBgHelpTint = mixinBgHelpTint;
47
- var mixinBgHelpTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-help-tint-fade,", ");"], _var.COLOR.BG_HELP_TINT_FADE, _var.COLOR.BG_HELP_TINT_FADE);
48
- exports.mixinBgHelpTintFade = mixinBgHelpTintFade;
49
- var mixinBgInfo = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-info,", ");"], _var.COLOR.BG_INFO, _var.COLOR.BG_INFO);
50
- exports.mixinBgInfo = mixinBgInfo;
51
- var mixinBgInfoTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-info-tint,", ");"], _var.COLOR.BG_INFO_TINT, _var.COLOR.BG_INFO_TINT);
52
- exports.mixinBgInfoTint = mixinBgInfoTint;
53
- var mixinBgInfoTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-info-tint-fade,", ");"], _var.COLOR.BG_INFO_TINT_FADE, _var.COLOR.BG_INFO_TINT_FADE);
54
- exports.mixinBgInfoTintFade = mixinBgInfoTintFade;
55
- var mixinBgSuccess = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-success,", ");"], _var.COLOR.BG_SUCCESS, _var.COLOR.BG_SUCCESS);
56
- exports.mixinBgSuccess = mixinBgSuccess;
57
- var mixinBgSuccessTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-success-tint,", ");"], _var.COLOR.BG_SUCCESS_TINT, _var.COLOR.BG_SUCCESS_TINT);
58
- exports.mixinBgSuccessTint = mixinBgSuccessTint;
59
- var mixinBgSuccessTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-success-tint-fade,", ");"], _var.COLOR.BG_SUCCESS_TINT_FADE, _var.COLOR.BG_SUCCESS_TINT_FADE);
60
- exports.mixinBgSuccessTintFade = mixinBgSuccessTintFade;
61
- var mixinBgWarning = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-warning,", ");"], _var.COLOR.BG_WARNING, _var.COLOR.BG_WARNING);
62
- exports.mixinBgWarning = mixinBgWarning;
63
- var mixinBgWarningTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-warning-tint,", ");"], _var.COLOR.BG_WARNING_TINT, _var.COLOR.BG_WARNING_TINT);
64
- exports.mixinBgWarningTint = mixinBgWarningTint;
65
- var mixinBgWarningTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-warning-tint-fade,", ");"], _var.COLOR.BG_WARNING_TINT_FADE, _var.COLOR.BG_WARNING_TINT_FADE);
66
- exports.mixinBgWarningTintFade = mixinBgWarningTintFade;
67
- var mixinBgError = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-error,", ");"], _var.COLOR.BG_ERROR, _var.COLOR.BG_ERROR);
68
- exports.mixinBgError = mixinBgError;
69
- var mixinBgErrorTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-error-tint,", ");"], _var.COLOR.BG_ERROR_TINT, _var.COLOR.BG_ERROR_TINT);
70
- exports.mixinBgErrorTint = mixinBgErrorTint;
71
- var mixinBgErrorTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-error-tint-fade,", ");"], _var.COLOR.BG_ERROR_TINT_FADE, _var.COLOR.BG_ERROR_TINT_FADE);
72
- exports.mixinBgErrorTintFade = mixinBgErrorTintFade;
73
- var mixinBgDanger = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-danger,", ");"], _var.COLOR.BG_DANGER, _var.COLOR.BG_DANGER);
74
- exports.mixinBgDanger = mixinBgDanger;
75
- var mixinBgBackdrop = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-backdrop,", ");"], _var.COLOR.BG_BACKDROP, _var.COLOR.BG_BACKDROP);
76
- exports.mixinBgBackdrop = mixinBgBackdrop;
11
+ var mixinBgTransparent = exports.mixinBgTransparent = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-transparent,", ");"], _var.COLOR.BG_TRANSPARENT, _var.COLOR.BG_TRANSPARENT);
12
+ var mixinBgWhite = exports.mixinBgWhite = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-white,", ");"], _var.COLOR.BG_WHITE, _var.COLOR.BG_WHITE);
13
+ var mixinBgBlack = exports.mixinBgBlack = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-black,", ");"], _var.COLOR.BG_BLACK, _var.COLOR.BG_BLACK);
14
+ var mixinBgInverse = exports.mixinBgInverse = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-inverse,", ");"], _var.COLOR.BG_INVERSE, _var.COLOR.BG_INVERSE);
15
+ var mixinBgBrand = exports.mixinBgBrand = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-brand,", ");"], _var.COLOR.BG_BRAND, _var.COLOR.BG_BRAND);
16
+ var mixinBgBrandHover = exports.mixinBgBrandHover = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-brand-hover,", ");"], _var.COLOR.BG_BRAND_HOVER, _var.COLOR.BG_BRAND_HOVER);
17
+ var mixinBgBrandActive = exports.mixinBgBrandActive = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-brand-active,", ");"], _var.COLOR.BG_BRAND_ACTIVE, _var.COLOR.BG_BRAND_ACTIVE);
18
+ var mixinBgAccent = exports.mixinBgAccent = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-accent,", ");"], _var.COLOR.BG_ACCENT, _var.COLOR.BG_ACCENT);
19
+ var mixinBgAccentHover = exports.mixinBgAccentHover = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-accent-hover,", ");"], _var.COLOR.BG_ACCENT_HOVER, _var.COLOR.BG_ACCENT_HOVER);
20
+ var mixinBgAccentActive = exports.mixinBgAccentActive = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-accent-active,", ");"], _var.COLOR.BG_ACCENT_ACTIVE, _var.COLOR.BG_ACCENT_ACTIVE);
21
+ var mixinBgPrimary = exports.mixinBgPrimary = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-primary,", ");"], _var.COLOR.BG_PRIMARY, _var.COLOR.BG_PRIMARY);
22
+ var mixinBgSecondary = exports.mixinBgSecondary = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-secondary,", ");"], _var.COLOR.BG_SECONDARY, _var.COLOR.BG_SECONDARY);
23
+ var mixinBgSecondaryFade = exports.mixinBgSecondaryFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-secondary-fade,", ");"], _var.COLOR.BG_SECONDARY_FADE, _var.COLOR.BG_SECONDARY_FADE);
24
+ var mixinBgTertiary = exports.mixinBgTertiary = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-tertiary,", ");"], _var.COLOR.BG_TERTIARY, _var.COLOR.BG_TERTIARY);
25
+ var mixinBgTertiaryFade = exports.mixinBgTertiaryFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-tertiary-fade,", ");"], _var.COLOR.BG_TERTIARY_FADE, _var.COLOR.BG_TERTIARY_FADE);
26
+ var mixinBgDisabled = exports.mixinBgDisabled = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-disabled,", ");"], _var.COLOR.BG_DISABLED, _var.COLOR.BG_DISABLED);
27
+ var mixinBgHelp = exports.mixinBgHelp = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-help,", ");"], _var.COLOR.BG_HELP, _var.COLOR.BG_HELP);
28
+ var mixinBgHelpTint = exports.mixinBgHelpTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-help-tint,", ");"], _var.COLOR.BG_HELP_TINT, _var.COLOR.BG_HELP_TINT);
29
+ var mixinBgHelpTintFade = exports.mixinBgHelpTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-help-tint-fade,", ");"], _var.COLOR.BG_HELP_TINT_FADE, _var.COLOR.BG_HELP_TINT_FADE);
30
+ var mixinBgInfo = exports.mixinBgInfo = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-info,", ");"], _var.COLOR.BG_INFO, _var.COLOR.BG_INFO);
31
+ var mixinBgInfoTint = exports.mixinBgInfoTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-info-tint,", ");"], _var.COLOR.BG_INFO_TINT, _var.COLOR.BG_INFO_TINT);
32
+ var mixinBgInfoTintFade = exports.mixinBgInfoTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-info-tint-fade,", ");"], _var.COLOR.BG_INFO_TINT_FADE, _var.COLOR.BG_INFO_TINT_FADE);
33
+ var mixinBgSuccess = exports.mixinBgSuccess = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-success,", ");"], _var.COLOR.BG_SUCCESS, _var.COLOR.BG_SUCCESS);
34
+ var mixinBgSuccessTint = exports.mixinBgSuccessTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-success-tint,", ");"], _var.COLOR.BG_SUCCESS_TINT, _var.COLOR.BG_SUCCESS_TINT);
35
+ var mixinBgSuccessTintFade = exports.mixinBgSuccessTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-success-tint-fade,", ");"], _var.COLOR.BG_SUCCESS_TINT_FADE, _var.COLOR.BG_SUCCESS_TINT_FADE);
36
+ var mixinBgWarning = exports.mixinBgWarning = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-warning,", ");"], _var.COLOR.BG_WARNING, _var.COLOR.BG_WARNING);
37
+ var mixinBgWarningTint = exports.mixinBgWarningTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-warning-tint,", ");"], _var.COLOR.BG_WARNING_TINT, _var.COLOR.BG_WARNING_TINT);
38
+ var mixinBgWarningTintFade = exports.mixinBgWarningTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-warning-tint-fade,", ");"], _var.COLOR.BG_WARNING_TINT_FADE, _var.COLOR.BG_WARNING_TINT_FADE);
39
+ var mixinBgError = exports.mixinBgError = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-error,", ");"], _var.COLOR.BG_ERROR, _var.COLOR.BG_ERROR);
40
+ var mixinBgErrorTint = exports.mixinBgErrorTint = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-error-tint,", ");"], _var.COLOR.BG_ERROR_TINT, _var.COLOR.BG_ERROR_TINT);
41
+ var mixinBgErrorTintFade = exports.mixinBgErrorTintFade = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-error-tint-fade,", ");"], _var.COLOR.BG_ERROR_TINT_FADE, _var.COLOR.BG_ERROR_TINT_FADE);
42
+ var mixinBgDanger = exports.mixinBgDanger = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-danger,", ");"], _var.COLOR.BG_DANGER, _var.COLOR.BG_DANGER);
43
+ var mixinBgBackdrop = exports.mixinBgBackdrop = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-backdrop,", ");"], _var.COLOR.BG_BACKDROP, _var.COLOR.BG_BACKDROP);
package/build/cjs/mixin/border-radius.js CHANGED
@@ -8,13 +8,8 @@ var _styledComponents = require("styled-components");
8
8
  var _var = require("../var");
9
9
  // generated by generate-code-mixin-border-radius.ts
10
10
 
11
- var mixinBorderRadiusXs = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-xs,", "px);"], _var.SIZE.BORDER_RADIUS_XS, _var.SIZE.BORDER_RADIUS_XS);
12
- exports.mixinBorderRadiusXs = mixinBorderRadiusXs;
13
- var mixinBorderRadiusS = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-s,", "px);"], _var.SIZE.BORDER_RADIUS_S, _var.SIZE.BORDER_RADIUS_S);
14
- exports.mixinBorderRadiusS = mixinBorderRadiusS;
15
- var mixinBorderRadiusM = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-m,", "px);"], _var.SIZE.BORDER_RADIUS_M, _var.SIZE.BORDER_RADIUS_M);
16
- exports.mixinBorderRadiusM = mixinBorderRadiusM;
17
- var mixinBorderRadiusL = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-l,", "px);"], _var.SIZE.BORDER_RADIUS_L, _var.SIZE.BORDER_RADIUS_L);
18
- exports.mixinBorderRadiusL = mixinBorderRadiusL;
19
- var mixinBorderRadiusXl = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-xl,", "px);"], _var.SIZE.BORDER_RADIUS_XL, _var.SIZE.BORDER_RADIUS_XL);
20
- exports.mixinBorderRadiusXl = mixinBorderRadiusXl;
11
+ var mixinBorderRadiusXs = exports.mixinBorderRadiusXs = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-xs,", "px);"], _var.SIZE.BORDER_RADIUS_XS, _var.SIZE.BORDER_RADIUS_XS);
12
+ var mixinBorderRadiusS = exports.mixinBorderRadiusS = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-s,", "px);"], _var.SIZE.BORDER_RADIUS_S, _var.SIZE.BORDER_RADIUS_S);
13
+ var mixinBorderRadiusM = exports.mixinBorderRadiusM = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-m,", "px);"], _var.SIZE.BORDER_RADIUS_M, _var.SIZE.BORDER_RADIUS_M);
14
+ var mixinBorderRadiusL = exports.mixinBorderRadiusL = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-l,", "px);"], _var.SIZE.BORDER_RADIUS_L, _var.SIZE.BORDER_RADIUS_L);
15
+ var mixinBorderRadiusXl = exports.mixinBorderRadiusXl = (0, _styledComponents.css)(["border-radius:", "px;border-radius:var(--cb-size-border-radius-xl,", "px);"], _var.SIZE.BORDER_RADIUS_XL, _var.SIZE.BORDER_RADIUS_XL);