@alicloud/console-base-theme 1.4.2 → 1.4.5

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 (37) hide show
  1. package/build/cjs/mixin/bg.js +1 -1
  2. package/build/cjs/mixin/border-radius.js +1 -1
  3. package/build/cjs/mixin/border.js +2 -2
  4. package/build/cjs/mixin/button.js +20 -30
  5. package/build/cjs/mixin/index.js +13 -0
  6. package/build/cjs/mixin/input.js +2 -4
  7. package/build/cjs/mixin/link.js +1 -1
  8. package/build/cjs/mixin/reset.js +25 -0
  9. package/build/cjs/mixin/shadow.js +1 -1
  10. package/build/cjs/mixin/text.js +1 -1
  11. package/build/cjs/mixin/typo.js +5 -2
  12. package/build/cjs/util/create-theme-global-style.js +1 -1
  13. package/build/cjs/var/typo.js +1 -0
  14. package/build/cjs/var/z-index.js +5 -0
  15. package/build/es/mixin/bg.js +1 -1
  16. package/build/es/mixin/border-radius.js +1 -1
  17. package/build/es/mixin/border.js +1 -1
  18. package/build/es/mixin/button.js +18 -27
  19. package/build/es/mixin/index.js +2 -1
  20. package/build/es/mixin/input.js +1 -2
  21. package/build/es/mixin/link.js +1 -1
  22. package/build/es/mixin/reset.js +14 -0
  23. package/build/es/mixin/shadow.js +1 -1
  24. package/build/es/mixin/text.js +1 -1
  25. package/build/es/mixin/typo.js +3 -1
  26. package/build/es/util/create-theme-global-style.js +1 -1
  27. package/build/es/var/typo.js +1 -0
  28. package/build/es/var/z-index.js +5 -0
  29. package/build/types/mixin/button.d.ts +0 -8
  30. package/build/types/mixin/index.d.ts +2 -1
  31. package/build/types/mixin/input.d.ts +0 -1
  32. package/build/types/mixin/reset.d.ts +10 -0
  33. package/build/types/mixin/typo.d.ts +1 -0
  34. package/build/types/var/index.d.ts +3 -0
  35. package/build/types/var/typo.d.ts +1 -0
  36. package/build/types/var/z-index.d.ts +2 -0
  37. package/package.json +9 -9
@@ -9,7 +9,7 @@ var _styledComponents = require("styled-components");
9
9
 
10
10
  var _var = require("../var");
11
11
 
12
- // generated by generator-code-mixin-bg.ts
12
+ // generated by generate-code-mixin-bg.ts
13
13
  var mixinBgTransparent = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-transparent,", ");"], _var.COLOR.BG_TRANSPARENT, _var.COLOR.BG_TRANSPARENT);
14
14
  exports.mixinBgTransparent = mixinBgTransparent;
15
15
  var mixinBgWhite = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-bg-white,", ");"], _var.COLOR.BG_WHITE, _var.COLOR.BG_WHITE);
@@ -9,7 +9,7 @@ var _styledComponents = require("styled-components");
9
9
 
10
10
  var _var = require("../var");
11
11
 
12
- // generated by generator-code-mixin-border-radius.ts
12
+ // generated by generate-code-mixin-border-radius.ts
13
13
  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);
14
14
  exports.mixinBorderRadiusXs = mixinBorderRadiusXs;
15
15
  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);
@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.mixinBorderWarningLeft = exports.mixinBorderWarningColor = exports.mixinBorderWarningBottom = exports.mixinBorderWarning = exports.mixinBorderTransparentTop = exports.mixinBorderTransparentRight = exports.mixinBorderTransparentLeft = exports.mixinBorderTransparentColor = exports.mixinBorderTransparentBottom = exports.mixinBorderTransparent = exports.mixinBorderTertiaryTop = exports.mixinBorderTertiaryRight = exports.mixinBorderTertiaryLeft = exports.mixinBorderTertiaryColor = exports.mixinBorderTertiaryBottom = exports.mixinBorderTertiary = exports.mixinBorderSuccessTop = exports.mixinBorderSuccessRight = exports.mixinBorderSuccessLeft = exports.mixinBorderSuccessColor = exports.mixinBorderSuccessBottom = exports.mixinBorderSuccess = exports.mixinBorderSecondaryTop = exports.mixinBorderSecondaryRight = exports.mixinBorderSecondaryLeft = exports.mixinBorderSecondaryColor = exports.mixinBorderSecondaryBottom = exports.mixinBorderSecondary = exports.mixinBorderPrimaryTop = exports.mixinBorderPrimaryRight = exports.mixinBorderPrimaryLeft = exports.mixinBorderPrimaryColor = exports.mixinBorderPrimaryBottom = exports.mixinBorderPrimary = exports.mixinBorderInfoTop = exports.mixinBorderInfoRight = exports.mixinBorderInfoLeft = exports.mixinBorderInfoColor = exports.mixinBorderInfoBottom = exports.mixinBorderInfo = exports.mixinBorderHelpTop = exports.mixinBorderHelpRight = exports.mixinBorderHelpLeft = exports.mixinBorderHelpColor = exports.mixinBorderHelpBottom = exports.mixinBorderHelp = exports.mixinBorderErrorTop = exports.mixinBorderErrorRight = exports.mixinBorderErrorLeft = exports.mixinBorderErrorColor = exports.mixinBorderErrorBottom = exports.mixinBorderError = exports.mixinBorderDisabledTop = exports.mixinBorderDisabledRight = exports.mixinBorderDisabledLeft = exports.mixinBorderDisabledColor = exports.mixinBorderDisabledBottom = exports.mixinBorderDisabled = exports.mixinBorderDangerTop = exports.mixinBorderDangerRight = exports.mixinBorderDangerLeft = exports.mixinBorderDangerColor = exports.mixinBorderDangerBottom = exports.mixinBorderDanger = exports.mixinBorderBrandTop = exports.mixinBorderBrandRight = exports.mixinBorderBrandLeft = exports.mixinBorderBrandHoverTop = exports.mixinBorderBrandHoverRight = exports.mixinBorderBrandHoverLeft = exports.mixinBorderBrandHoverColor = exports.mixinBorderBrandHoverBottom = exports.mixinBorderBrandHover = exports.mixinBorderBrandColor = exports.mixinBorderBrandBottom = exports.mixinBorderBrandActiveTop = exports.mixinBorderBrandActiveRight = exports.mixinBorderBrandActiveLeft = exports.mixinBorderBrandActiveColor = exports.mixinBorderBrandActiveBottom = exports.mixinBorderBrandActive = exports.mixinBorderBrand = exports.mixinBorderAccentTop = exports.mixinBorderAccentRight = exports.mixinBorderAccentLeft = exports.mixinBorderAccentHoverTop = exports.mixinBorderAccentHoverRight = exports.mixinBorderAccentHoverLeft = exports.mixinBorderAccentHoverColor = exports.mixinBorderAccentHoverBottom = exports.mixinBorderAccentHover = exports.mixinBorderAccentColor = exports.mixinBorderAccentBottom = exports.mixinBorderAccentActiveTop = exports.mixinBorderAccentActiveRight = exports.mixinBorderAccentActiveLeft = exports.mixinBorderAccentActiveColor = exports.mixinBorderAccentActiveBottom = exports.mixinBorderAccentActive = exports.mixinBorderAccent = void 0;
7
- exports.mixinBorderWhiteTop = exports.mixinBorderWhiteRight = exports.mixinBorderWhiteLeft = exports.mixinBorderWhiteColor = exports.mixinBorderWhiteBottom = exports.mixinBorderWhite = exports.mixinBorderWarningTop = exports.mixinBorderWarningRight = exports.mixinBorderWarningLeft = exports.mixinBorderWarningColor = exports.mixinBorderWarningBottom = exports.mixinBorderWarning = exports.mixinBorderTransparentTop = exports.mixinBorderTransparentRight = exports.mixinBorderTransparentLeft = exports.mixinBorderTransparentColor = exports.mixinBorderTransparentBottom = exports.mixinBorderTransparent = exports.mixinBorderTertiaryTop = exports.mixinBorderTertiaryRight = exports.mixinBorderTertiaryLeft = exports.mixinBorderTertiaryColor = exports.mixinBorderTertiaryBottom = exports.mixinBorderTertiary = exports.mixinBorderSuccessTop = exports.mixinBorderSuccessRight = exports.mixinBorderSuccessLeft = exports.mixinBorderSuccessColor = exports.mixinBorderSuccessBottom = exports.mixinBorderSuccess = exports.mixinBorderSecondaryTop = exports.mixinBorderSecondaryRight = exports.mixinBorderSecondaryLeft = exports.mixinBorderSecondaryColor = exports.mixinBorderSecondaryBottom = exports.mixinBorderSecondary = exports.mixinBorderPrimaryTop = exports.mixinBorderPrimaryRight = exports.mixinBorderPrimaryLeft = exports.mixinBorderPrimaryColor = exports.mixinBorderPrimaryBottom = exports.mixinBorderPrimary = exports.mixinBorderInfoTop = exports.mixinBorderInfoRight = exports.mixinBorderInfoLeft = exports.mixinBorderInfoColor = exports.mixinBorderInfoBottom = exports.mixinBorderInfo = exports.mixinBorderHelpTop = exports.mixinBorderHelpRight = exports.mixinBorderHelpLeft = exports.mixinBorderHelpColor = exports.mixinBorderHelpBottom = exports.mixinBorderHelp = exports.mixinBorderErrorTop = exports.mixinBorderErrorRight = exports.mixinBorderErrorLeft = exports.mixinBorderErrorColor = exports.mixinBorderErrorBottom = exports.mixinBorderError = exports.mixinBorderDisabledTop = exports.mixinBorderDisabledRight = exports.mixinBorderDisabledLeft = exports.mixinBorderDisabledColor = exports.mixinBorderDisabledBottom = exports.mixinBorderDisabled = exports.mixinBorderDangerTop = exports.mixinBorderDangerRight = exports.mixinBorderDangerLeft = exports.mixinBorderDangerColor = exports.mixinBorderDangerBottom = exports.mixinBorderDanger = exports.mixinBorderBrandTop = exports.mixinBorderBrandRight = exports.mixinBorderBrandLeft = exports.mixinBorderBrandHoverTop = exports.mixinBorderBrandHoverRight = exports.mixinBorderBrandHoverLeft = exports.mixinBorderBrandHoverColor = exports.mixinBorderBrandHoverBottom = exports.mixinBorderBrandHover = exports.mixinBorderBrandColor = exports.mixinBorderBrandBottom = exports.mixinBorderBrandActiveTop = exports.mixinBorderBrandActiveRight = exports.mixinBorderBrandActiveLeft = exports.mixinBorderBrandActiveColor = exports.mixinBorderBrandActiveBottom = exports.mixinBorderBrandActive = exports.mixinBorderBrand = exports.mixinBorderAccentTop = exports.mixinBorderAccentRight = exports.mixinBorderAccentLeft = exports.mixinBorderAccentHoverTop = exports.mixinBorderAccentHoverRight = exports.mixinBorderAccentHoverLeft = exports.mixinBorderAccentHoverColor = exports.mixinBorderAccentHoverBottom = exports.mixinBorderAccentHover = exports.mixinBorderAccentColor = exports.mixinBorderAccentBottom = exports.mixinBorderAccentActiveTop = exports.mixinBorderAccentActiveRight = exports.mixinBorderAccentActiveLeft = exports.mixinBorderAccentActiveColor = exports.mixinBorderAccentActiveBottom = exports.mixinBorderAccentActive = exports.mixinBorderAccent = void 0;
7
+ exports.mixinBorderWhiteTop = exports.mixinBorderWhiteRight = exports.mixinBorderWhiteLeft = exports.mixinBorderWhiteColor = exports.mixinBorderWhiteBottom = exports.mixinBorderWhite = exports.mixinBorderWarningTop = exports.mixinBorderWarningRight = void 0;
8
8
 
9
9
  var _styledComponents = require("styled-components");
10
10
 
11
11
  var _var = require("../var");
12
12
 
13
- // generated by generator-code-mixin-border.ts
13
+ // generated by generate-code-mixin-border.ts
14
14
  var mixinBorderTransparentColor = (0, _styledComponents.css)(["border-color:", ";border-color:var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
15
15
  exports.mixinBorderTransparentColor = mixinBorderTransparentColor;
16
16
  var mixinBorderTransparent = (0, _styledComponents.css)(["border:1px solid ", ";border:1px solid var(--cb-color-border-transparent,", ");"], _var.COLOR.BORDER_TRANSPARENT, _var.COLOR.BORDER_TRANSPARENT);
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.mixinButtonMenuStateDisabled = exports.mixinButtonMenuStateActive = exports.mixinButtonMenuColorStateNormal = exports.mixinButtonMenuColorStateHover = exports.mixinButtonMenuColorStateDisabled = exports.mixinButtonMenuColorStateActive = exports.mixinButtonMenuBorderStateNormal = exports.mixinButtonMenuBorderStateHover = exports.mixinButtonMenuBorderStateDisabled = exports.mixinButtonMenuBorderStateActive = exports.mixinButtonMenuBgStateNormal = exports.mixinButtonMenuBgStateHover = exports.mixinButtonMenuBgStateDisabled = exports.mixinButtonMenuBgStateActive = exports.mixinButtonMenu = exports.mixinButtonDangerStateNormal = exports.mixinButtonDangerStateHover = exports.mixinButtonDangerStateDisabled = exports.mixinButtonDangerStateActive = exports.mixinButtonDangerColorStateNormal = exports.mixinButtonDangerColorStateHover = exports.mixinButtonDangerColorStateDisabled = exports.mixinButtonDangerColorStateActive = exports.mixinButtonDangerBorderStateNormal = exports.mixinButtonDangerBorderStateHover = exports.mixinButtonDangerBorderStateDisabled = exports.mixinButtonDangerBorderStateActive = exports.mixinButtonDangerBgStateNormal = exports.mixinButtonDangerBgStateHover = exports.mixinButtonDangerBgStateDisabled = exports.mixinButtonDangerBgStateActive = exports.mixinButtonDanger = exports.mixinButtonBrandTertiaryStateNormal = exports.mixinButtonBrandTertiaryStateHover = exports.mixinButtonBrandTertiaryStateDisabled = exports.mixinButtonBrandTertiaryStateActive = exports.mixinButtonBrandTertiaryColorStateNormal = exports.mixinButtonBrandTertiaryColorStateHover = exports.mixinButtonBrandTertiaryColorStateDisabled = exports.mixinButtonBrandTertiaryColorStateActive = exports.mixinButtonBrandTertiaryBorderStateNormal = exports.mixinButtonBrandTertiaryBorderStateHover = exports.mixinButtonBrandTertiaryBorderStateDisabled = exports.mixinButtonBrandTertiaryBorderStateActive = exports.mixinButtonBrandTertiaryBgStateNormal = exports.mixinButtonBrandTertiaryBgStateHover = exports.mixinButtonBrandTertiaryBgStateDisabled = exports.mixinButtonBrandTertiaryBgStateActive = exports.mixinButtonBrandTertiary = exports.mixinButtonBrandSecondaryStateNormal = exports.mixinButtonBrandSecondaryStateHover = exports.mixinButtonBrandSecondaryStateDisabled = exports.mixinButtonBrandSecondaryStateActive = exports.mixinButtonBrandSecondaryColorStateNormal = exports.mixinButtonBrandSecondaryColorStateHover = exports.mixinButtonBrandSecondaryColorStateDisabled = exports.mixinButtonBrandSecondaryColorStateActive = exports.mixinButtonBrandSecondaryBorderStateNormal = exports.mixinButtonBrandSecondaryBorderStateHover = exports.mixinButtonBrandSecondaryBorderStateDisabled = exports.mixinButtonBrandSecondaryBorderStateActive = exports.mixinButtonBrandSecondaryBgStateNormal = exports.mixinButtonBrandSecondaryBgStateHover = exports.mixinButtonBrandSecondaryBgStateDisabled = exports.mixinButtonBrandSecondaryBgStateActive = exports.mixinButtonBrandSecondaryAltStateNormal = exports.mixinButtonBrandSecondaryAltStateHover = exports.mixinButtonBrandSecondaryAltStateDisabled = exports.mixinButtonBrandSecondaryAltStateActive = exports.mixinButtonBrandSecondaryAltColorStateNormal = exports.mixinButtonBrandSecondaryAltColorStateHover = exports.mixinButtonBrandSecondaryAltColorStateDisabled = exports.mixinButtonBrandSecondaryAltColorStateActive = exports.mixinButtonBrandSecondaryAltBorderStateNormal = exports.mixinButtonBrandSecondaryAltBorderStateHover = exports.mixinButtonBrandSecondaryAltBorderStateDisabled = exports.mixinButtonBrandSecondaryAltBorderStateActive = exports.mixinButtonBrandSecondaryAltBgStateNormal = exports.mixinButtonBrandSecondaryAltBgStateHover = exports.mixinButtonBrandSecondaryAltBgStateDisabled = exports.mixinButtonBrandSecondaryAltBgStateActive = exports.mixinButtonBrandSecondaryAlt = exports.mixinButtonBrandSecondary = exports.mixinButtonBrandPrimaryStateNormal = exports.mixinButtonBrandPrimaryStateHover = exports.mixinButtonBrandPrimaryStateDisabled = exports.mixinButtonBrandPrimaryStateActive = exports.mixinButtonBrandPrimaryColorStateNormal = exports.mixinButtonBrandPrimaryColorStateHover = exports.mixinButtonBrandPrimaryColorStateDisabled = exports.mixinButtonBrandPrimaryColorStateActive = exports.mixinButtonBrandPrimaryBorderStateNormal = exports.mixinButtonBrandPrimaryBorderStateHover = exports.mixinButtonBrandPrimaryBorderStateDisabled = exports.mixinButtonBrandPrimaryBorderStateActive = exports.mixinButtonBrandPrimaryBgStateNormal = exports.mixinButtonBrandPrimaryBgStateHover = exports.mixinButtonBrandPrimaryBgStateDisabled = exports.mixinButtonBrandPrimaryBgStateActive = exports.mixinButtonBrandPrimary = void 0;
7
- exports.mixinButtonTextBrandPrimaryBorderStateActive = exports.mixinButtonTextBrandPrimaryBgStateNormal = exports.mixinButtonTextBrandPrimaryBgStateHover = exports.mixinButtonTextBrandPrimaryBgStateDisabled = exports.mixinButtonTextBrandPrimaryBgStateActive = exports.mixinButtonTextBrandPrimary = exports.mixinButtonTertiaryStateNormal = exports.mixinButtonTertiaryStateHover = exports.mixinButtonTertiaryStateDisabled = exports.mixinButtonTertiaryStateActive = exports.mixinButtonTertiaryColorStateNormal = exports.mixinButtonTertiaryColorStateHover = exports.mixinButtonTertiaryColorStateDisabled = exports.mixinButtonTertiaryColorStateActive = exports.mixinButtonTertiaryBorderStateNormal = exports.mixinButtonTertiaryBorderStateHover = exports.mixinButtonTertiaryBorderStateDisabled = exports.mixinButtonTertiaryBorderStateActive = exports.mixinButtonTertiaryBgStateNormal = exports.mixinButtonTertiaryBgStateHover = exports.mixinButtonTertiaryBgStateDisabled = exports.mixinButtonTertiaryBgStateActive = exports.mixinButtonTertiaryAltStateNormal = exports.mixinButtonTertiaryAltStateHover = exports.mixinButtonTertiaryAltStateDisabled = exports.mixinButtonTertiaryAltStateActive = exports.mixinButtonTertiaryAltColorStateNormal = exports.mixinButtonTertiaryAltColorStateHover = exports.mixinButtonTertiaryAltColorStateDisabled = exports.mixinButtonTertiaryAltColorStateActive = exports.mixinButtonTertiaryAltBorderStateNormal = exports.mixinButtonTertiaryAltBorderStateHover = exports.mixinButtonTertiaryAltBorderStateDisabled = exports.mixinButtonTertiaryAltBorderStateActive = exports.mixinButtonTertiaryAltBgStateNormal = exports.mixinButtonTertiaryAltBgStateHover = exports.mixinButtonTertiaryAltBgStateDisabled = exports.mixinButtonTertiaryAltBgStateActive = exports.mixinButtonTertiaryAlt = exports.mixinButtonTertiary = exports.mixinButtonSizeXs = exports.mixinButtonSizeXl = exports.mixinButtonSizeS = exports.mixinButtonSizeM = exports.mixinButtonSizeL = exports.mixinButtonShadow = exports.mixinButtonSecondaryStateNormal = exports.mixinButtonSecondaryStateHover = exports.mixinButtonSecondaryStateDisabled = exports.mixinButtonSecondaryStateActive = exports.mixinButtonSecondaryColorStateNormal = exports.mixinButtonSecondaryColorStateHover = exports.mixinButtonSecondaryColorStateDisabled = exports.mixinButtonSecondaryColorStateActive = exports.mixinButtonSecondaryBorderStateNormal = exports.mixinButtonSecondaryBorderStateHover = exports.mixinButtonSecondaryBorderStateDisabled = exports.mixinButtonSecondaryBorderStateActive = exports.mixinButtonSecondaryBgStateNormal = exports.mixinButtonSecondaryBgStateHover = exports.mixinButtonSecondaryBgStateDisabled = exports.mixinButtonSecondaryBgStateActive = exports.mixinButtonSecondaryAltStateNormal = exports.mixinButtonSecondaryAltStateHover = exports.mixinButtonSecondaryAltStateDisabled = exports.mixinButtonSecondaryAltStateActive = exports.mixinButtonSecondaryAltColorStateNormal = exports.mixinButtonSecondaryAltColorStateHover = exports.mixinButtonSecondaryAltColorStateDisabled = exports.mixinButtonSecondaryAltColorStateActive = exports.mixinButtonSecondaryAltBorderStateNormal = exports.mixinButtonSecondaryAltBorderStateHover = exports.mixinButtonSecondaryAltBorderStateDisabled = exports.mixinButtonSecondaryAltBorderStateActive = exports.mixinButtonSecondaryAltBgStateNormal = exports.mixinButtonSecondaryAltBgStateHover = exports.mixinButtonSecondaryAltBgStateDisabled = exports.mixinButtonSecondaryAltBgStateActive = exports.mixinButtonSecondaryAlt = exports.mixinButtonSecondary = exports.mixinButtonReset = exports.mixinButtonPrimaryStateNormal = exports.mixinButtonPrimaryStateHover = exports.mixinButtonPrimaryStateDisabled = exports.mixinButtonPrimaryStateActive = exports.mixinButtonPrimaryColorStateNormal = exports.mixinButtonPrimaryColorStateHover = exports.mixinButtonPrimaryColorStateDisabled = exports.mixinButtonPrimaryColorStateActive = exports.mixinButtonPrimaryBorderStateNormal = exports.mixinButtonPrimaryBorderStateHover = exports.mixinButtonPrimaryBorderStateDisabled = exports.mixinButtonPrimaryBorderStateActive = exports.mixinButtonPrimaryBgStateNormal = exports.mixinButtonPrimaryBgStateHover = exports.mixinButtonPrimaryBgStateDisabled = exports.mixinButtonPrimaryBgStateActive = exports.mixinButtonPrimary = exports.mixinButtonMenuStateNormal = exports.mixinButtonMenuStateHover = exports.mixinButtonMenuStateDisabled = exports.mixinButtonMenuStateActive = exports.mixinButtonMenuColorStateNormal = exports.mixinButtonMenuColorStateHover = exports.mixinButtonMenuColorStateDisabled = exports.mixinButtonMenuColorStateActive = exports.mixinButtonMenuBorderStateNormal = exports.mixinButtonMenuBorderStateHover = exports.mixinButtonMenuBorderStateDisabled = exports.mixinButtonMenuBorderStateActive = exports.mixinButtonMenuBgStateNormal = exports.mixinButtonMenuBgStateHover = exports.mixinButtonMenuBgStateDisabled = exports.mixinButtonMenuBgStateActive = exports.mixinButtonMenu = exports.mixinButtonDangerStateNormal = exports.mixinButtonDangerStateHover = exports.mixinButtonDangerStateDisabled = exports.mixinButtonDangerStateActive = exports.mixinButtonDangerColorStateNormal = exports.mixinButtonDangerColorStateHover = exports.mixinButtonDangerColorStateDisabled = exports.mixinButtonDangerColorStateActive = exports.mixinButtonDangerBorderStateNormal = exports.mixinButtonDangerBorderStateHover = exports.mixinButtonDangerBorderStateDisabled = exports.mixinButtonDangerBorderStateActive = exports.mixinButtonDangerBgStateNormal = exports.mixinButtonDangerBgStateHover = exports.mixinButtonDangerBgStateDisabled = exports.mixinButtonDangerBgStateActive = exports.mixinButtonDanger = exports.mixinButtonBrandTertiaryStateNormal = exports.mixinButtonBrandTertiaryStateHover = exports.mixinButtonBrandTertiaryStateDisabled = exports.mixinButtonBrandTertiaryStateActive = exports.mixinButtonBrandTertiaryColorStateNormal = exports.mixinButtonBrandTertiaryColorStateHover = exports.mixinButtonBrandTertiaryColorStateDisabled = exports.mixinButtonBrandTertiaryColorStateActive = exports.mixinButtonBrandTertiaryBorderStateNormal = exports.mixinButtonBrandTertiaryBorderStateHover = exports.mixinButtonBrandTertiaryBorderStateDisabled = exports.mixinButtonBrandTertiaryBorderStateActive = exports.mixinButtonBrandTertiaryBgStateNormal = exports.mixinButtonBrandTertiaryBgStateHover = exports.mixinButtonBrandTertiaryBgStateDisabled = exports.mixinButtonBrandTertiaryBgStateActive = exports.mixinButtonBrandTertiary = exports.mixinButtonBrandSecondaryStateNormal = exports.mixinButtonBrandSecondaryStateHover = exports.mixinButtonBrandSecondaryStateDisabled = exports.mixinButtonBrandSecondaryStateActive = exports.mixinButtonBrandSecondaryColorStateNormal = exports.mixinButtonBrandSecondaryColorStateHover = exports.mixinButtonBrandSecondaryColorStateDisabled = exports.mixinButtonBrandSecondaryColorStateActive = exports.mixinButtonBrandSecondaryBorderStateNormal = exports.mixinButtonBrandSecondaryBorderStateHover = exports.mixinButtonBrandSecondaryBorderStateDisabled = exports.mixinButtonBrandSecondaryBorderStateActive = exports.mixinButtonBrandSecondaryBgStateNormal = exports.mixinButtonBrandSecondaryBgStateHover = exports.mixinButtonBrandSecondaryBgStateDisabled = exports.mixinButtonBrandSecondaryBgStateActive = exports.mixinButtonBrandSecondaryAltStateNormal = exports.mixinButtonBrandSecondaryAltStateHover = exports.mixinButtonBrandSecondaryAltStateDisabled = exports.mixinButtonBrandSecondaryAltStateActive = exports.mixinButtonBrandSecondaryAltColorStateNormal = exports.mixinButtonBrandSecondaryAltColorStateHover = exports.mixinButtonBrandSecondaryAltColorStateDisabled = exports.mixinButtonBrandSecondaryAltColorStateActive = exports.mixinButtonBrandSecondaryAltBorderStateNormal = exports.mixinButtonBrandSecondaryAltBorderStateHover = exports.mixinButtonBrandSecondaryAltBorderStateDisabled = exports.mixinButtonBrandSecondaryAltBorderStateActive = exports.mixinButtonBrandSecondaryAltBgStateNormal = exports.mixinButtonBrandSecondaryAltBgStateHover = exports.mixinButtonBrandSecondaryAltBgStateDisabled = exports.mixinButtonBrandSecondaryAltBgStateActive = exports.mixinButtonBrandSecondaryAlt = exports.mixinButtonBrandSecondary = exports.mixinButtonBrandPrimaryStateNormal = exports.mixinButtonBrandPrimaryStateHover = exports.mixinButtonBrandPrimaryStateDisabled = exports.mixinButtonBrandPrimaryStateActive = exports.mixinButtonBrandPrimaryColorStateNormal = exports.mixinButtonBrandPrimaryColorStateHover = exports.mixinButtonBrandPrimaryColorStateDisabled = exports.mixinButtonBrandPrimaryColorStateActive = exports.mixinButtonBrandPrimaryBorderStateNormal = exports.mixinButtonBrandPrimaryBorderStateHover = exports.mixinButtonBrandPrimaryBorderStateDisabled = exports.mixinButtonBrandPrimaryBorderStateActive = exports.mixinButtonBrandPrimaryBgStateNormal = exports.mixinButtonBrandPrimaryBgStateHover = exports.mixinButtonBrandPrimaryBgStateDisabled = exports.mixinButtonBrandPrimaryBgStateActive = exports.mixinButtonBrandPrimary = void 0;
8
- exports.mixinButtonTextTertiaryStateNormal = exports.mixinButtonTextTertiaryStateHover = exports.mixinButtonTextTertiaryStateDisabled = exports.mixinButtonTextTertiaryStateActive = exports.mixinButtonTextTertiaryColorStateNormal = exports.mixinButtonTextTertiaryColorStateHover = exports.mixinButtonTextTertiaryColorStateDisabled = exports.mixinButtonTextTertiaryColorStateActive = exports.mixinButtonTextTertiaryBorderStateNormal = exports.mixinButtonTextTertiaryBorderStateHover = exports.mixinButtonTextTertiaryBorderStateDisabled = exports.mixinButtonTextTertiaryBorderStateActive = exports.mixinButtonTextTertiaryBgStateNormal = exports.mixinButtonTextTertiaryBgStateHover = exports.mixinButtonTextTertiaryBgStateDisabled = exports.mixinButtonTextTertiaryBgStateActive = exports.mixinButtonTextTertiary = exports.mixinButtonTextSecondaryStateNormal = exports.mixinButtonTextSecondaryStateHover = exports.mixinButtonTextSecondaryStateDisabled = exports.mixinButtonTextSecondaryStateActive = exports.mixinButtonTextSecondaryColorStateNormal = exports.mixinButtonTextSecondaryColorStateHover = exports.mixinButtonTextSecondaryColorStateDisabled = exports.mixinButtonTextSecondaryColorStateActive = exports.mixinButtonTextSecondaryBorderStateNormal = exports.mixinButtonTextSecondaryBorderStateHover = exports.mixinButtonTextSecondaryBorderStateDisabled = exports.mixinButtonTextSecondaryBorderStateActive = exports.mixinButtonTextSecondaryBgStateNormal = exports.mixinButtonTextSecondaryBgStateHover = exports.mixinButtonTextSecondaryBgStateDisabled = exports.mixinButtonTextSecondaryBgStateActive = exports.mixinButtonTextSecondary = exports.mixinButtonTextPrimaryStateNormal = exports.mixinButtonTextPrimaryStateHover = exports.mixinButtonTextPrimaryStateDisabled = exports.mixinButtonTextPrimaryStateActive = exports.mixinButtonTextPrimaryColorStateNormal = exports.mixinButtonTextPrimaryColorStateHover = exports.mixinButtonTextPrimaryColorStateDisabled = exports.mixinButtonTextPrimaryColorStateActive = exports.mixinButtonTextPrimaryBorderStateNormal = exports.mixinButtonTextPrimaryBorderStateHover = exports.mixinButtonTextPrimaryBorderStateDisabled = exports.mixinButtonTextPrimaryBorderStateActive = exports.mixinButtonTextPrimaryBgStateNormal = exports.mixinButtonTextPrimaryBgStateHover = exports.mixinButtonTextPrimaryBgStateDisabled = exports.mixinButtonTextPrimaryBgStateActive = exports.mixinButtonTextPrimary = exports.mixinButtonTextBrandSecondaryStateNormal = exports.mixinButtonTextBrandSecondaryStateHover = exports.mixinButtonTextBrandSecondaryStateDisabled = exports.mixinButtonTextBrandSecondaryStateActive = exports.mixinButtonTextBrandSecondaryColorStateNormal = exports.mixinButtonTextBrandSecondaryColorStateHover = exports.mixinButtonTextBrandSecondaryColorStateDisabled = exports.mixinButtonTextBrandSecondaryColorStateActive = exports.mixinButtonTextBrandSecondaryBorderStateNormal = exports.mixinButtonTextBrandSecondaryBorderStateHover = exports.mixinButtonTextBrandSecondaryBorderStateDisabled = exports.mixinButtonTextBrandSecondaryBorderStateActive = exports.mixinButtonTextBrandSecondaryBgStateNormal = exports.mixinButtonTextBrandSecondaryBgStateHover = exports.mixinButtonTextBrandSecondaryBgStateDisabled = exports.mixinButtonTextBrandSecondaryBgStateActive = exports.mixinButtonTextBrandSecondary = exports.mixinButtonTextBrandPrimaryStateNormal = exports.mixinButtonTextBrandPrimaryStateHover = exports.mixinButtonTextBrandPrimaryStateDisabled = exports.mixinButtonTextBrandPrimaryStateActive = exports.mixinButtonTextBrandPrimaryColorStateNormal = exports.mixinButtonTextBrandPrimaryColorStateHover = exports.mixinButtonTextBrandPrimaryColorStateDisabled = exports.mixinButtonTextBrandPrimaryColorStateActive = exports.mixinButtonTextBrandPrimaryBorderStateNormal = exports.mixinButtonTextBrandPrimaryBorderStateHover = exports.mixinButtonTextBrandPrimaryBorderStateDisabled = exports.mixinButtonTextBrandPrimaryBorderStateActive = exports.mixinButtonTextBrandPrimaryBgStateNormal = exports.mixinButtonTextBrandPrimaryBgStateHover = exports.mixinButtonTextBrandPrimaryBgStateDisabled = exports.mixinButtonTextBrandPrimaryBgStateActive = exports.mixinButtonTextBrandPrimary = exports.mixinButtonTertiaryStateNormal = exports.mixinButtonTertiaryStateHover = exports.mixinButtonTertiaryStateDisabled = exports.mixinButtonTertiaryStateActive = exports.mixinButtonTertiaryColorStateNormal = exports.mixinButtonTertiaryColorStateHover = exports.mixinButtonTertiaryColorStateDisabled = exports.mixinButtonTertiaryColorStateActive = exports.mixinButtonTertiaryBorderStateNormal = exports.mixinButtonTertiaryBorderStateHover = exports.mixinButtonTertiaryBorderStateDisabled = exports.mixinButtonTertiaryBorderStateActive = exports.mixinButtonTertiaryBgStateNormal = exports.mixinButtonTertiaryBgStateHover = exports.mixinButtonTertiaryBgStateDisabled = exports.mixinButtonTertiaryBgStateActive = exports.mixinButtonTertiaryAltStateNormal = exports.mixinButtonTertiaryAltStateHover = exports.mixinButtonTertiaryAltStateDisabled = exports.mixinButtonTertiaryAltStateActive = exports.mixinButtonTertiaryAltColorStateNormal = exports.mixinButtonTertiaryAltColorStateHover = exports.mixinButtonTertiaryAltColorStateDisabled = exports.mixinButtonTertiaryAltColorStateActive = exports.mixinButtonTertiaryAltBorderStateNormal = exports.mixinButtonTertiaryAltBorderStateHover = exports.mixinButtonTertiaryAltBorderStateDisabled = exports.mixinButtonTertiaryAltBorderStateActive = exports.mixinButtonTertiaryAltBgStateNormal = exports.mixinButtonTertiaryAltBgStateHover = exports.mixinButtonTertiaryAltBgStateDisabled = exports.mixinButtonTertiaryAltBgStateActive = exports.mixinButtonTertiaryAlt = exports.mixinButtonTertiary = exports.mixinButtonSizeXs = exports.mixinButtonSizeXl = exports.mixinButtonSizeS = exports.mixinButtonSizeM = exports.mixinButtonSizeL = exports.mixinButtonShadow = exports.mixinButtonSecondaryStateNormal = exports.mixinButtonSecondaryStateHover = exports.mixinButtonSecondaryStateDisabled = exports.mixinButtonSecondaryStateActive = exports.mixinButtonSecondaryColorStateNormal = exports.mixinButtonSecondaryColorStateHover = exports.mixinButtonSecondaryColorStateDisabled = exports.mixinButtonSecondaryColorStateActive = exports.mixinButtonSecondaryBorderStateNormal = exports.mixinButtonSecondaryBorderStateHover = exports.mixinButtonSecondaryBorderStateDisabled = exports.mixinButtonSecondaryBorderStateActive = exports.mixinButtonSecondaryBgStateNormal = exports.mixinButtonSecondaryBgStateHover = exports.mixinButtonSecondaryBgStateDisabled = exports.mixinButtonSecondaryBgStateActive = exports.mixinButtonSecondaryAltStateNormal = exports.mixinButtonSecondaryAltStateHover = exports.mixinButtonSecondaryAltStateDisabled = exports.mixinButtonSecondaryAltStateActive = exports.mixinButtonSecondaryAltColorStateNormal = exports.mixinButtonSecondaryAltColorStateHover = exports.mixinButtonSecondaryAltColorStateDisabled = exports.mixinButtonSecondaryAltColorStateActive = exports.mixinButtonSecondaryAltBorderStateNormal = exports.mixinButtonSecondaryAltBorderStateHover = exports.mixinButtonSecondaryAltBorderStateDisabled = exports.mixinButtonSecondaryAltBorderStateActive = exports.mixinButtonSecondaryAltBgStateNormal = exports.mixinButtonSecondaryAltBgStateHover = exports.mixinButtonSecondaryAltBgStateDisabled = exports.mixinButtonSecondaryAltBgStateActive = exports.mixinButtonSecondaryAlt = exports.mixinButtonSecondary = exports.mixinButtonReset = exports.mixinButtonPrimaryStateNormal = exports.mixinButtonPrimaryStateHover = exports.mixinButtonPrimaryStateDisabled = exports.mixinButtonPrimaryStateActive = exports.mixinButtonPrimaryColorStateNormal = exports.mixinButtonPrimaryColorStateHover = exports.mixinButtonPrimaryColorStateDisabled = exports.mixinButtonPrimaryColorStateActive = exports.mixinButtonPrimaryBorderStateNormal = exports.mixinButtonPrimaryBorderStateHover = exports.mixinButtonPrimaryBorderStateDisabled = exports.mixinButtonPrimaryBorderStateActive = exports.mixinButtonPrimaryBgStateNormal = exports.mixinButtonPrimaryBgStateHover = exports.mixinButtonPrimaryBgStateDisabled = exports.mixinButtonPrimaryBgStateActive = exports.mixinButtonPrimary = exports.mixinButtonMenuStateNormal = exports.mixinButtonMenuStateHover = exports.mixinButtonMenuStateDisabled = exports.mixinButtonMenuStateActive = exports.mixinButtonMenuColorStateNormal = exports.mixinButtonMenuColorStateHover = exports.mixinButtonMenuColorStateDisabled = exports.mixinButtonMenuColorStateActive = exports.mixinButtonMenuBorderStateNormal = exports.mixinButtonMenuBorderStateHover = exports.mixinButtonMenuBorderStateDisabled = exports.mixinButtonMenuBorderStateActive = exports.mixinButtonMenuBgStateNormal = exports.mixinButtonMenuBgStateHover = exports.mixinButtonMenuBgStateDisabled = exports.mixinButtonMenuBgStateActive = exports.mixinButtonMenu = exports.mixinButtonDangerStateNormal = exports.mixinButtonDangerStateHover = exports.mixinButtonDangerStateDisabled = exports.mixinButtonDangerStateActive = exports.mixinButtonDangerColorStateNormal = exports.mixinButtonDangerColorStateHover = exports.mixinButtonDangerColorStateDisabled = exports.mixinButtonDangerColorStateActive = exports.mixinButtonDangerBorderStateNormal = exports.mixinButtonDangerBorderStateHover = exports.mixinButtonDangerBorderStateDisabled = exports.mixinButtonDangerBorderStateActive = exports.mixinButtonDangerBgStateNormal = exports.mixinButtonDangerBgStateHover = exports.mixinButtonDangerBgStateDisabled = exports.mixinButtonDangerBgStateActive = exports.mixinButtonDanger = exports.mixinButtonBrandTertiaryStateNormal = exports.mixinButtonBrandTertiaryStateHover = exports.mixinButtonBrandTertiaryStateDisabled = exports.mixinButtonBrandTertiaryStateActive = exports.mixinButtonBrandTertiaryColorStateNormal = exports.mixinButtonBrandTertiaryColorStateHover = exports.mixinButtonBrandTertiaryColorStateDisabled = exports.mixinButtonBrandTertiaryColorStateActive = exports.mixinButtonBrandTertiaryBorderStateNormal = exports.mixinButtonBrandTertiaryBorderStateHover = exports.mixinButtonBrandTertiaryBorderStateDisabled = exports.mixinButtonBrandTertiaryBorderStateActive = exports.mixinButtonBrandTertiaryBgStateNormal = exports.mixinButtonBrandTertiaryBgStateHover = exports.mixinButtonBrandTertiaryBgStateDisabled = exports.mixinButtonBrandTertiaryBgStateActive = exports.mixinButtonBrandTertiary = exports.mixinButtonBrandSecondaryStateNormal = exports.mixinButtonBrandSecondaryStateHover = exports.mixinButtonBrandSecondaryStateDisabled = exports.mixinButtonBrandSecondaryStateActive = exports.mixinButtonBrandSecondaryColorStateNormal = exports.mixinButtonBrandSecondaryColorStateHover = exports.mixinButtonBrandSecondaryColorStateDisabled = exports.mixinButtonBrandSecondaryColorStateActive = exports.mixinButtonBrandSecondaryBorderStateNormal = exports.mixinButtonBrandSecondaryBorderStateHover = exports.mixinButtonBrandSecondaryBorderStateDisabled = exports.mixinButtonBrandSecondaryBorderStateActive = exports.mixinButtonBrandSecondaryBgStateNormal = exports.mixinButtonBrandSecondaryBgStateHover = exports.mixinButtonBrandSecondaryBgStateDisabled = exports.mixinButtonBrandSecondaryBgStateActive = exports.mixinButtonBrandSecondaryAltStateNormal = exports.mixinButtonBrandSecondaryAltStateHover = exports.mixinButtonBrandSecondaryAltStateDisabled = exports.mixinButtonBrandSecondaryAltStateActive = exports.mixinButtonBrandSecondaryAltColorStateNormal = exports.mixinButtonBrandSecondaryAltColorStateHover = exports.mixinButtonBrandSecondaryAltColorStateDisabled = exports.mixinButtonBrandSecondaryAltColorStateActive = exports.mixinButtonBrandSecondaryAltBorderStateNormal = exports.mixinButtonBrandSecondaryAltBorderStateHover = exports.mixinButtonBrandSecondaryAltBorderStateDisabled = exports.mixinButtonBrandSecondaryAltBorderStateActive = exports.mixinButtonBrandSecondaryAltBgStateNormal = exports.mixinButtonBrandSecondaryAltBgStateHover = exports.mixinButtonBrandSecondaryAltBgStateDisabled = exports.mixinButtonBrandSecondaryAltBgStateActive = exports.mixinButtonBrandSecondaryAlt = exports.mixinButtonBrandSecondary = exports.mixinButtonBrandPrimaryStateNormal = exports.mixinButtonBrandPrimaryStateHover = exports.mixinButtonBrandPrimaryStateDisabled = exports.mixinButtonBrandPrimaryStateActive = exports.mixinButtonBrandPrimaryColorStateNormal = exports.mixinButtonBrandPrimaryColorStateHover = exports.mixinButtonBrandPrimaryColorStateDisabled = exports.mixinButtonBrandPrimaryColorStateActive = exports.mixinButtonBrandPrimaryBorderStateNormal = exports.mixinButtonBrandPrimaryBorderStateHover = exports.mixinButtonBrandPrimaryBorderStateDisabled = exports.mixinButtonBrandPrimaryBorderStateActive = exports.mixinButtonBrandPrimaryBgStateNormal = exports.mixinButtonBrandPrimaryBgStateHover = exports.mixinButtonBrandPrimaryBgStateDisabled = exports.mixinButtonBrandPrimaryBgStateActive = exports.mixinButtonBrandPrimary = void 0;
7
+ exports.mixinButtonTextBrandPrimaryBorderStateDisabled = exports.mixinButtonTextBrandPrimaryBorderStateActive = exports.mixinButtonTextBrandPrimaryBgStateNormal = exports.mixinButtonTextBrandPrimaryBgStateHover = exports.mixinButtonTextBrandPrimaryBgStateDisabled = exports.mixinButtonTextBrandPrimaryBgStateActive = exports.mixinButtonTextBrandPrimary = exports.mixinButtonTertiaryStateNormal = exports.mixinButtonTertiaryStateHover = exports.mixinButtonTertiaryStateDisabled = exports.mixinButtonTertiaryStateActive = exports.mixinButtonTertiaryColorStateNormal = exports.mixinButtonTertiaryColorStateHover = exports.mixinButtonTertiaryColorStateDisabled = exports.mixinButtonTertiaryColorStateActive = exports.mixinButtonTertiaryBorderStateNormal = exports.mixinButtonTertiaryBorderStateHover = exports.mixinButtonTertiaryBorderStateDisabled = exports.mixinButtonTertiaryBorderStateActive = exports.mixinButtonTertiaryBgStateNormal = exports.mixinButtonTertiaryBgStateHover = exports.mixinButtonTertiaryBgStateDisabled = exports.mixinButtonTertiaryBgStateActive = exports.mixinButtonTertiaryAltStateNormal = exports.mixinButtonTertiaryAltStateHover = exports.mixinButtonTertiaryAltStateDisabled = exports.mixinButtonTertiaryAltStateActive = exports.mixinButtonTertiaryAltColorStateNormal = exports.mixinButtonTertiaryAltColorStateHover = exports.mixinButtonTertiaryAltColorStateDisabled = exports.mixinButtonTertiaryAltColorStateActive = exports.mixinButtonTertiaryAltBorderStateNormal = exports.mixinButtonTertiaryAltBorderStateHover = exports.mixinButtonTertiaryAltBorderStateDisabled = exports.mixinButtonTertiaryAltBorderStateActive = exports.mixinButtonTertiaryAltBgStateNormal = exports.mixinButtonTertiaryAltBgStateHover = exports.mixinButtonTertiaryAltBgStateDisabled = exports.mixinButtonTertiaryAltBgStateActive = exports.mixinButtonTertiaryAlt = exports.mixinButtonTertiary = exports.mixinButtonSizeXs = exports.mixinButtonSizeXl = exports.mixinButtonSizeS = exports.mixinButtonSizeM = exports.mixinButtonSizeL = exports.mixinButtonShadow = exports.mixinButtonSecondaryStateNormal = exports.mixinButtonSecondaryStateHover = exports.mixinButtonSecondaryStateDisabled = exports.mixinButtonSecondaryStateActive = exports.mixinButtonSecondaryColorStateNormal = exports.mixinButtonSecondaryColorStateHover = exports.mixinButtonSecondaryColorStateDisabled = exports.mixinButtonSecondaryColorStateActive = exports.mixinButtonSecondaryBorderStateNormal = exports.mixinButtonSecondaryBorderStateHover = exports.mixinButtonSecondaryBorderStateDisabled = exports.mixinButtonSecondaryBorderStateActive = exports.mixinButtonSecondaryBgStateNormal = exports.mixinButtonSecondaryBgStateHover = exports.mixinButtonSecondaryBgStateDisabled = exports.mixinButtonSecondaryBgStateActive = exports.mixinButtonSecondaryAltStateNormal = exports.mixinButtonSecondaryAltStateHover = exports.mixinButtonSecondaryAltStateDisabled = exports.mixinButtonSecondaryAltStateActive = exports.mixinButtonSecondaryAltColorStateNormal = exports.mixinButtonSecondaryAltColorStateHover = exports.mixinButtonSecondaryAltColorStateDisabled = exports.mixinButtonSecondaryAltColorStateActive = exports.mixinButtonSecondaryAltBorderStateNormal = exports.mixinButtonSecondaryAltBorderStateHover = exports.mixinButtonSecondaryAltBorderStateDisabled = exports.mixinButtonSecondaryAltBorderStateActive = exports.mixinButtonSecondaryAltBgStateNormal = exports.mixinButtonSecondaryAltBgStateHover = exports.mixinButtonSecondaryAltBgStateDisabled = exports.mixinButtonSecondaryAltBgStateActive = exports.mixinButtonSecondaryAlt = exports.mixinButtonSecondary = exports.mixinButtonPrimaryStateNormal = exports.mixinButtonPrimaryStateHover = exports.mixinButtonPrimaryStateDisabled = exports.mixinButtonPrimaryStateActive = exports.mixinButtonPrimaryColorStateNormal = exports.mixinButtonPrimaryColorStateHover = exports.mixinButtonPrimaryColorStateDisabled = exports.mixinButtonPrimaryColorStateActive = exports.mixinButtonPrimaryBorderStateNormal = exports.mixinButtonPrimaryBorderStateHover = exports.mixinButtonPrimaryBorderStateDisabled = exports.mixinButtonPrimaryBorderStateActive = exports.mixinButtonPrimaryBgStateNormal = exports.mixinButtonPrimaryBgStateHover = exports.mixinButtonPrimaryBgStateDisabled = exports.mixinButtonPrimaryBgStateActive = exports.mixinButtonPrimary = exports.mixinButtonMenuStateNormal = exports.mixinButtonMenuStateHover = void 0;
8
+ exports.mixinButtonTextTertiaryStateNormal = exports.mixinButtonTextTertiaryStateHover = exports.mixinButtonTextTertiaryStateDisabled = exports.mixinButtonTextTertiaryStateActive = exports.mixinButtonTextTertiaryColorStateNormal = exports.mixinButtonTextTertiaryColorStateHover = exports.mixinButtonTextTertiaryColorStateDisabled = exports.mixinButtonTextTertiaryColorStateActive = exports.mixinButtonTextTertiaryBorderStateNormal = exports.mixinButtonTextTertiaryBorderStateHover = exports.mixinButtonTextTertiaryBorderStateDisabled = exports.mixinButtonTextTertiaryBorderStateActive = exports.mixinButtonTextTertiaryBgStateNormal = exports.mixinButtonTextTertiaryBgStateHover = exports.mixinButtonTextTertiaryBgStateDisabled = exports.mixinButtonTextTertiaryBgStateActive = exports.mixinButtonTextTertiary = exports.mixinButtonTextSecondaryStateNormal = exports.mixinButtonTextSecondaryStateHover = exports.mixinButtonTextSecondaryStateDisabled = exports.mixinButtonTextSecondaryStateActive = exports.mixinButtonTextSecondaryColorStateNormal = exports.mixinButtonTextSecondaryColorStateHover = exports.mixinButtonTextSecondaryColorStateDisabled = exports.mixinButtonTextSecondaryColorStateActive = exports.mixinButtonTextSecondaryBorderStateNormal = exports.mixinButtonTextSecondaryBorderStateHover = exports.mixinButtonTextSecondaryBorderStateDisabled = exports.mixinButtonTextSecondaryBorderStateActive = exports.mixinButtonTextSecondaryBgStateNormal = exports.mixinButtonTextSecondaryBgStateHover = exports.mixinButtonTextSecondaryBgStateDisabled = exports.mixinButtonTextSecondaryBgStateActive = exports.mixinButtonTextSecondary = exports.mixinButtonTextPrimaryStateNormal = exports.mixinButtonTextPrimaryStateHover = exports.mixinButtonTextPrimaryStateDisabled = exports.mixinButtonTextPrimaryStateActive = exports.mixinButtonTextPrimaryColorStateNormal = exports.mixinButtonTextPrimaryColorStateHover = exports.mixinButtonTextPrimaryColorStateDisabled = exports.mixinButtonTextPrimaryColorStateActive = exports.mixinButtonTextPrimaryBorderStateNormal = exports.mixinButtonTextPrimaryBorderStateHover = exports.mixinButtonTextPrimaryBorderStateDisabled = exports.mixinButtonTextPrimaryBorderStateActive = exports.mixinButtonTextPrimaryBgStateNormal = exports.mixinButtonTextPrimaryBgStateHover = exports.mixinButtonTextPrimaryBgStateDisabled = exports.mixinButtonTextPrimaryBgStateActive = exports.mixinButtonTextPrimary = exports.mixinButtonTextBrandSecondaryStateNormal = exports.mixinButtonTextBrandSecondaryStateHover = exports.mixinButtonTextBrandSecondaryStateDisabled = exports.mixinButtonTextBrandSecondaryStateActive = exports.mixinButtonTextBrandSecondaryColorStateNormal = exports.mixinButtonTextBrandSecondaryColorStateHover = exports.mixinButtonTextBrandSecondaryColorStateDisabled = exports.mixinButtonTextBrandSecondaryColorStateActive = exports.mixinButtonTextBrandSecondaryBorderStateNormal = exports.mixinButtonTextBrandSecondaryBorderStateHover = exports.mixinButtonTextBrandSecondaryBorderStateDisabled = exports.mixinButtonTextBrandSecondaryBorderStateActive = exports.mixinButtonTextBrandSecondaryBgStateNormal = exports.mixinButtonTextBrandSecondaryBgStateHover = exports.mixinButtonTextBrandSecondaryBgStateDisabled = exports.mixinButtonTextBrandSecondaryBgStateActive = exports.mixinButtonTextBrandSecondary = exports.mixinButtonTextBrandPrimaryStateNormal = exports.mixinButtonTextBrandPrimaryStateHover = exports.mixinButtonTextBrandPrimaryStateDisabled = exports.mixinButtonTextBrandPrimaryStateActive = exports.mixinButtonTextBrandPrimaryColorStateNormal = exports.mixinButtonTextBrandPrimaryColorStateHover = exports.mixinButtonTextBrandPrimaryColorStateDisabled = exports.mixinButtonTextBrandPrimaryColorStateActive = exports.mixinButtonTextBrandPrimaryBorderStateNormal = exports.mixinButtonTextBrandPrimaryBorderStateHover = void 0;
9
9
 
10
10
  var _styledComponents = require("styled-components");
11
11
 
@@ -13,18 +13,8 @@ var _var = require("../var");
13
13
 
14
14
  var _shadow = require("./shadow");
15
15
 
16
- // generated by generator-code-mixin-button.ts
17
-
18
- /**
19
- * 对按钮样式进行重置:
20
- * 1. 去掉 padding、background、border,定义 outline 以防止丑陋的 Chrome focus outline 样式
21
- * 2. 设置字体(family、颜色、大小、行间距等)继承
22
- * 3. 避免 link hover 的样式干扰
23
- * 4. 定义 disabled 的基础样式
24
- */
25
- var mixinButtonReset = (0, _styledComponents.css)(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
26
- exports.mixinButtonReset = mixinButtonReset;
27
- var mixinButtonShadow = (0, _styledComponents.css)(["&:hover,&:focus{", "}&:active,&:disabled{box-shadow:none;}"], _shadow.mixinShadowLDown); // size mixins
16
+ // generated by generate-code-mixin-button.ts
17
+ var mixinButtonShadow = (0, _styledComponents.css)(["&:hover{", "}&:active,&:disabled{box-shadow:none;}"], _shadow.mixinShadowLDown); // size mixins
28
18
 
29
19
  exports.mixinButtonShadow = mixinButtonShadow;
30
20
  var mixinButtonSizeXs = (0, _styledComponents.css)(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], _var.SIZE.PADDING_X_FORM_CONTROL_XS, _var.SIZE.HEIGHT_FORM_CONTROL_XS, _var.SIZE.HEIGHT_FORM_CONTROL_XS - 2, _var.SIZE.FONT_SIZE_FORM_CONTROL_XS);
@@ -70,7 +60,7 @@ var mixinButtonDangerBorderStateDisabled = (0, _styledComponents.css)(["border-c
70
60
  exports.mixinButtonDangerBorderStateDisabled = mixinButtonDangerBorderStateDisabled;
71
61
  var mixinButtonDangerStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonDangerColorStateDisabled, mixinButtonDangerBgStateDisabled, mixinButtonDangerBorderStateDisabled);
72
62
  exports.mixinButtonDangerStateDisabled = mixinButtonDangerStateDisabled;
73
- var mixinButtonDanger = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonDangerStateNormal, mixinButtonDangerColorStateNormal, mixinButtonDangerStateHover, mixinButtonDangerStateActive, mixinButtonDangerStateDisabled);
63
+ var mixinButtonDanger = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonDangerStateNormal, mixinButtonDangerColorStateNormal, mixinButtonDangerStateHover, mixinButtonDangerStateActive, mixinButtonDangerStateDisabled);
74
64
  exports.mixinButtonDanger = mixinButtonDanger;
75
65
  var mixinButtonMenuColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-menu-text,", ");"], _var.COLOR.BUTTON_MENU_TEXT, _var.COLOR.BUTTON_MENU_TEXT);
76
66
  exports.mixinButtonMenuColorStateNormal = mixinButtonMenuColorStateNormal;
@@ -104,7 +94,7 @@ var mixinButtonMenuBorderStateDisabled = (0, _styledComponents.css)(["border-col
104
94
  exports.mixinButtonMenuBorderStateDisabled = mixinButtonMenuBorderStateDisabled;
105
95
  var mixinButtonMenuStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonMenuColorStateDisabled, mixinButtonMenuBgStateDisabled, mixinButtonMenuBorderStateDisabled);
106
96
  exports.mixinButtonMenuStateDisabled = mixinButtonMenuStateDisabled;
107
- var mixinButtonMenu = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonMenuStateNormal, mixinButtonMenuColorStateNormal, mixinButtonMenuStateHover, mixinButtonMenuStateActive, mixinButtonMenuStateDisabled);
97
+ var mixinButtonMenu = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonMenuStateNormal, mixinButtonMenuColorStateNormal, mixinButtonMenuStateHover, mixinButtonMenuStateActive, mixinButtonMenuStateDisabled);
108
98
  exports.mixinButtonMenu = mixinButtonMenu;
109
99
  var mixinButtonPrimaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-primary-text,", ");"], _var.COLOR.BUTTON_PRIMARY_TEXT, _var.COLOR.BUTTON_PRIMARY_TEXT);
110
100
  exports.mixinButtonPrimaryColorStateNormal = mixinButtonPrimaryColorStateNormal;
@@ -138,7 +128,7 @@ var mixinButtonPrimaryBorderStateDisabled = (0, _styledComponents.css)(["border-
138
128
  exports.mixinButtonPrimaryBorderStateDisabled = mixinButtonPrimaryBorderStateDisabled;
139
129
  var mixinButtonPrimaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonPrimaryColorStateDisabled, mixinButtonPrimaryBgStateDisabled, mixinButtonPrimaryBorderStateDisabled);
140
130
  exports.mixinButtonPrimaryStateDisabled = mixinButtonPrimaryStateDisabled;
141
- var mixinButtonPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonPrimaryStateNormal, mixinButtonPrimaryColorStateNormal, mixinButtonPrimaryStateHover, mixinButtonPrimaryStateActive, mixinButtonPrimaryStateDisabled);
131
+ var mixinButtonPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonPrimaryStateNormal, mixinButtonPrimaryColorStateNormal, mixinButtonPrimaryStateHover, mixinButtonPrimaryStateActive, mixinButtonPrimaryStateDisabled);
142
132
  exports.mixinButtonPrimary = mixinButtonPrimary;
143
133
  var mixinButtonSecondaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-secondary-text,", ");"], _var.COLOR.BUTTON_SECONDARY_TEXT, _var.COLOR.BUTTON_SECONDARY_TEXT);
144
134
  exports.mixinButtonSecondaryColorStateNormal = mixinButtonSecondaryColorStateNormal;
@@ -172,7 +162,7 @@ var mixinButtonSecondaryBorderStateDisabled = (0, _styledComponents.css)(["borde
172
162
  exports.mixinButtonSecondaryBorderStateDisabled = mixinButtonSecondaryBorderStateDisabled;
173
163
  var mixinButtonSecondaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonSecondaryColorStateDisabled, mixinButtonSecondaryBgStateDisabled, mixinButtonSecondaryBorderStateDisabled);
174
164
  exports.mixinButtonSecondaryStateDisabled = mixinButtonSecondaryStateDisabled;
175
- var mixinButtonSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryStateNormal, mixinButtonSecondaryColorStateNormal, mixinButtonSecondaryStateHover, mixinButtonSecondaryStateActive, mixinButtonSecondaryStateDisabled);
165
+ var mixinButtonSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryStateNormal, mixinButtonSecondaryColorStateNormal, mixinButtonSecondaryStateHover, mixinButtonSecondaryStateActive, mixinButtonSecondaryStateDisabled);
176
166
  exports.mixinButtonSecondary = mixinButtonSecondary;
177
167
  var mixinButtonSecondaryAltColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-secondary-alt-text,", ");"], _var.COLOR.BUTTON_SECONDARY_ALT_TEXT, _var.COLOR.BUTTON_SECONDARY_ALT_TEXT);
178
168
  exports.mixinButtonSecondaryAltColorStateNormal = mixinButtonSecondaryAltColorStateNormal;
@@ -206,7 +196,7 @@ var mixinButtonSecondaryAltBorderStateDisabled = (0, _styledComponents.css)(["bo
206
196
  exports.mixinButtonSecondaryAltBorderStateDisabled = mixinButtonSecondaryAltBorderStateDisabled;
207
197
  var mixinButtonSecondaryAltStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonSecondaryAltColorStateDisabled, mixinButtonSecondaryAltBgStateDisabled, mixinButtonSecondaryAltBorderStateDisabled);
208
198
  exports.mixinButtonSecondaryAltStateDisabled = mixinButtonSecondaryAltStateDisabled;
209
- var mixinButtonSecondaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryAltStateNormal, mixinButtonSecondaryAltColorStateNormal, mixinButtonSecondaryAltStateHover, mixinButtonSecondaryAltStateActive, mixinButtonSecondaryAltStateDisabled);
199
+ var mixinButtonSecondaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryAltStateNormal, mixinButtonSecondaryAltColorStateNormal, mixinButtonSecondaryAltStateHover, mixinButtonSecondaryAltStateActive, mixinButtonSecondaryAltStateDisabled);
210
200
  exports.mixinButtonSecondaryAlt = mixinButtonSecondaryAlt;
211
201
  var mixinButtonTertiaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-tertiary-text,", ");"], _var.COLOR.BUTTON_TERTIARY_TEXT, _var.COLOR.BUTTON_TERTIARY_TEXT);
212
202
  exports.mixinButtonTertiaryColorStateNormal = mixinButtonTertiaryColorStateNormal;
@@ -240,7 +230,7 @@ var mixinButtonTertiaryBorderStateDisabled = (0, _styledComponents.css)(["border
240
230
  exports.mixinButtonTertiaryBorderStateDisabled = mixinButtonTertiaryBorderStateDisabled;
241
231
  var mixinButtonTertiaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTertiaryColorStateDisabled, mixinButtonTertiaryBgStateDisabled, mixinButtonTertiaryBorderStateDisabled);
242
232
  exports.mixinButtonTertiaryStateDisabled = mixinButtonTertiaryStateDisabled;
243
- var mixinButtonTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryStateNormal, mixinButtonTertiaryColorStateNormal, mixinButtonTertiaryStateHover, mixinButtonTertiaryStateActive, mixinButtonTertiaryStateDisabled);
233
+ var mixinButtonTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryStateNormal, mixinButtonTertiaryColorStateNormal, mixinButtonTertiaryStateHover, mixinButtonTertiaryStateActive, mixinButtonTertiaryStateDisabled);
244
234
  exports.mixinButtonTertiary = mixinButtonTertiary;
245
235
  var mixinButtonTertiaryAltColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-tertiary-alt-text,", ");"], _var.COLOR.BUTTON_TERTIARY_ALT_TEXT, _var.COLOR.BUTTON_TERTIARY_ALT_TEXT);
246
236
  exports.mixinButtonTertiaryAltColorStateNormal = mixinButtonTertiaryAltColorStateNormal;
@@ -274,7 +264,7 @@ var mixinButtonTertiaryAltBorderStateDisabled = (0, _styledComponents.css)(["bor
274
264
  exports.mixinButtonTertiaryAltBorderStateDisabled = mixinButtonTertiaryAltBorderStateDisabled;
275
265
  var mixinButtonTertiaryAltStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTertiaryAltColorStateDisabled, mixinButtonTertiaryAltBgStateDisabled, mixinButtonTertiaryAltBorderStateDisabled);
276
266
  exports.mixinButtonTertiaryAltStateDisabled = mixinButtonTertiaryAltStateDisabled;
277
- var mixinButtonTertiaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryAltStateNormal, mixinButtonTertiaryAltColorStateNormal, mixinButtonTertiaryAltStateHover, mixinButtonTertiaryAltStateActive, mixinButtonTertiaryAltStateDisabled);
267
+ var mixinButtonTertiaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryAltStateNormal, mixinButtonTertiaryAltColorStateNormal, mixinButtonTertiaryAltStateHover, mixinButtonTertiaryAltStateActive, mixinButtonTertiaryAltStateDisabled);
278
268
  exports.mixinButtonTertiaryAlt = mixinButtonTertiaryAlt;
279
269
  var mixinButtonBrandPrimaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-brand-primary-text,", ");"], _var.COLOR.BUTTON_BRAND_PRIMARY_TEXT, _var.COLOR.BUTTON_BRAND_PRIMARY_TEXT);
280
270
  exports.mixinButtonBrandPrimaryColorStateNormal = mixinButtonBrandPrimaryColorStateNormal;
@@ -308,7 +298,7 @@ var mixinButtonBrandPrimaryBorderStateDisabled = (0, _styledComponents.css)(["bo
308
298
  exports.mixinButtonBrandPrimaryBorderStateDisabled = mixinButtonBrandPrimaryBorderStateDisabled;
309
299
  var mixinButtonBrandPrimaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonBrandPrimaryColorStateDisabled, mixinButtonBrandPrimaryBgStateDisabled, mixinButtonBrandPrimaryBorderStateDisabled);
310
300
  exports.mixinButtonBrandPrimaryStateDisabled = mixinButtonBrandPrimaryStateDisabled;
311
- var mixinButtonBrandPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandPrimaryStateNormal, mixinButtonBrandPrimaryColorStateNormal, mixinButtonBrandPrimaryStateHover, mixinButtonBrandPrimaryStateActive, mixinButtonBrandPrimaryStateDisabled);
301
+ var mixinButtonBrandPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandPrimaryStateNormal, mixinButtonBrandPrimaryColorStateNormal, mixinButtonBrandPrimaryStateHover, mixinButtonBrandPrimaryStateActive, mixinButtonBrandPrimaryStateDisabled);
312
302
  exports.mixinButtonBrandPrimary = mixinButtonBrandPrimary;
313
303
  var mixinButtonBrandSecondaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-brand-secondary-text,", ");"], _var.COLOR.BUTTON_BRAND_SECONDARY_TEXT, _var.COLOR.BUTTON_BRAND_SECONDARY_TEXT);
314
304
  exports.mixinButtonBrandSecondaryColorStateNormal = mixinButtonBrandSecondaryColorStateNormal;
@@ -342,7 +332,7 @@ var mixinButtonBrandSecondaryBorderStateDisabled = (0, _styledComponents.css)(["
342
332
  exports.mixinButtonBrandSecondaryBorderStateDisabled = mixinButtonBrandSecondaryBorderStateDisabled;
343
333
  var mixinButtonBrandSecondaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonBrandSecondaryColorStateDisabled, mixinButtonBrandSecondaryBgStateDisabled, mixinButtonBrandSecondaryBorderStateDisabled);
344
334
  exports.mixinButtonBrandSecondaryStateDisabled = mixinButtonBrandSecondaryStateDisabled;
345
- var mixinButtonBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryStateNormal, mixinButtonBrandSecondaryColorStateNormal, mixinButtonBrandSecondaryStateHover, mixinButtonBrandSecondaryStateActive, mixinButtonBrandSecondaryStateDisabled);
335
+ var mixinButtonBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryStateNormal, mixinButtonBrandSecondaryColorStateNormal, mixinButtonBrandSecondaryStateHover, mixinButtonBrandSecondaryStateActive, mixinButtonBrandSecondaryStateDisabled);
346
336
  exports.mixinButtonBrandSecondary = mixinButtonBrandSecondary;
347
337
  var mixinButtonBrandSecondaryAltColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-brand-secondary-alt-text,", ");"], _var.COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, _var.COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT);
348
338
  exports.mixinButtonBrandSecondaryAltColorStateNormal = mixinButtonBrandSecondaryAltColorStateNormal;
@@ -376,7 +366,7 @@ var mixinButtonBrandSecondaryAltBorderStateDisabled = (0, _styledComponents.css)
376
366
  exports.mixinButtonBrandSecondaryAltBorderStateDisabled = mixinButtonBrandSecondaryAltBorderStateDisabled;
377
367
  var mixinButtonBrandSecondaryAltStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonBrandSecondaryAltColorStateDisabled, mixinButtonBrandSecondaryAltBgStateDisabled, mixinButtonBrandSecondaryAltBorderStateDisabled);
378
368
  exports.mixinButtonBrandSecondaryAltStateDisabled = mixinButtonBrandSecondaryAltStateDisabled;
379
- var mixinButtonBrandSecondaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryAltStateNormal, mixinButtonBrandSecondaryAltColorStateNormal, mixinButtonBrandSecondaryAltStateHover, mixinButtonBrandSecondaryAltStateActive, mixinButtonBrandSecondaryAltStateDisabled);
369
+ var mixinButtonBrandSecondaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryAltStateNormal, mixinButtonBrandSecondaryAltColorStateNormal, mixinButtonBrandSecondaryAltStateHover, mixinButtonBrandSecondaryAltStateActive, mixinButtonBrandSecondaryAltStateDisabled);
380
370
  exports.mixinButtonBrandSecondaryAlt = mixinButtonBrandSecondaryAlt;
381
371
  var mixinButtonBrandTertiaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-brand-tertiary-text,", ");"], _var.COLOR.BUTTON_BRAND_TERTIARY_TEXT, _var.COLOR.BUTTON_BRAND_TERTIARY_TEXT);
382
372
  exports.mixinButtonBrandTertiaryColorStateNormal = mixinButtonBrandTertiaryColorStateNormal;
@@ -410,7 +400,7 @@ var mixinButtonBrandTertiaryBorderStateDisabled = (0, _styledComponents.css)(["b
410
400
  exports.mixinButtonBrandTertiaryBorderStateDisabled = mixinButtonBrandTertiaryBorderStateDisabled;
411
401
  var mixinButtonBrandTertiaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonBrandTertiaryColorStateDisabled, mixinButtonBrandTertiaryBgStateDisabled, mixinButtonBrandTertiaryBorderStateDisabled);
412
402
  exports.mixinButtonBrandTertiaryStateDisabled = mixinButtonBrandTertiaryStateDisabled;
413
- var mixinButtonBrandTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandTertiaryStateNormal, mixinButtonBrandTertiaryColorStateNormal, mixinButtonBrandTertiaryStateHover, mixinButtonBrandTertiaryStateActive, mixinButtonBrandTertiaryStateDisabled);
403
+ var mixinButtonBrandTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandTertiaryStateNormal, mixinButtonBrandTertiaryColorStateNormal, mixinButtonBrandTertiaryStateHover, mixinButtonBrandTertiaryStateActive, mixinButtonBrandTertiaryStateDisabled);
414
404
  exports.mixinButtonBrandTertiary = mixinButtonBrandTertiary;
415
405
  var mixinButtonTextPrimaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-text-primary-text,", ");"], _var.COLOR.BUTTON_TEXT_PRIMARY_TEXT, _var.COLOR.BUTTON_TEXT_PRIMARY_TEXT);
416
406
  exports.mixinButtonTextPrimaryColorStateNormal = mixinButtonTextPrimaryColorStateNormal;
@@ -444,7 +434,7 @@ var mixinButtonTextPrimaryBorderStateDisabled = (0, _styledComponents.css)(["bor
444
434
  exports.mixinButtonTextPrimaryBorderStateDisabled = mixinButtonTextPrimaryBorderStateDisabled;
445
435
  var mixinButtonTextPrimaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextPrimaryColorStateDisabled, mixinButtonTextPrimaryBgStateDisabled, mixinButtonTextPrimaryBorderStateDisabled);
446
436
  exports.mixinButtonTextPrimaryStateDisabled = mixinButtonTextPrimaryStateDisabled;
447
- var mixinButtonTextPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextPrimaryStateNormal, mixinButtonTextPrimaryColorStateNormal, mixinButtonTextPrimaryStateHover, mixinButtonTextPrimaryStateActive, mixinButtonTextPrimaryStateDisabled);
437
+ var mixinButtonTextPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextPrimaryStateNormal, mixinButtonTextPrimaryColorStateNormal, mixinButtonTextPrimaryStateHover, mixinButtonTextPrimaryStateActive, mixinButtonTextPrimaryStateDisabled);
448
438
  exports.mixinButtonTextPrimary = mixinButtonTextPrimary;
449
439
  var mixinButtonTextSecondaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-text-secondary-text,", ");"], _var.COLOR.BUTTON_TEXT_SECONDARY_TEXT, _var.COLOR.BUTTON_TEXT_SECONDARY_TEXT);
450
440
  exports.mixinButtonTextSecondaryColorStateNormal = mixinButtonTextSecondaryColorStateNormal;
@@ -478,7 +468,7 @@ var mixinButtonTextSecondaryBorderStateDisabled = (0, _styledComponents.css)(["b
478
468
  exports.mixinButtonTextSecondaryBorderStateDisabled = mixinButtonTextSecondaryBorderStateDisabled;
479
469
  var mixinButtonTextSecondaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextSecondaryColorStateDisabled, mixinButtonTextSecondaryBgStateDisabled, mixinButtonTextSecondaryBorderStateDisabled);
480
470
  exports.mixinButtonTextSecondaryStateDisabled = mixinButtonTextSecondaryStateDisabled;
481
- var mixinButtonTextSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextSecondaryStateNormal, mixinButtonTextSecondaryColorStateNormal, mixinButtonTextSecondaryStateHover, mixinButtonTextSecondaryStateActive, mixinButtonTextSecondaryStateDisabled);
471
+ var mixinButtonTextSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextSecondaryStateNormal, mixinButtonTextSecondaryColorStateNormal, mixinButtonTextSecondaryStateHover, mixinButtonTextSecondaryStateActive, mixinButtonTextSecondaryStateDisabled);
482
472
  exports.mixinButtonTextSecondary = mixinButtonTextSecondary;
483
473
  var mixinButtonTextTertiaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-text-tertiary-text,", ");"], _var.COLOR.BUTTON_TEXT_TERTIARY_TEXT, _var.COLOR.BUTTON_TEXT_TERTIARY_TEXT);
484
474
  exports.mixinButtonTextTertiaryColorStateNormal = mixinButtonTextTertiaryColorStateNormal;
@@ -512,7 +502,7 @@ var mixinButtonTextTertiaryBorderStateDisabled = (0, _styledComponents.css)(["bo
512
502
  exports.mixinButtonTextTertiaryBorderStateDisabled = mixinButtonTextTertiaryBorderStateDisabled;
513
503
  var mixinButtonTextTertiaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextTertiaryColorStateDisabled, mixinButtonTextTertiaryBgStateDisabled, mixinButtonTextTertiaryBorderStateDisabled);
514
504
  exports.mixinButtonTextTertiaryStateDisabled = mixinButtonTextTertiaryStateDisabled;
515
- var mixinButtonTextTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextTertiaryStateNormal, mixinButtonTextTertiaryColorStateNormal, mixinButtonTextTertiaryStateHover, mixinButtonTextTertiaryStateActive, mixinButtonTextTertiaryStateDisabled);
505
+ var mixinButtonTextTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextTertiaryStateNormal, mixinButtonTextTertiaryColorStateNormal, mixinButtonTextTertiaryStateHover, mixinButtonTextTertiaryStateActive, mixinButtonTextTertiaryStateDisabled);
516
506
  exports.mixinButtonTextTertiary = mixinButtonTextTertiary;
517
507
  var mixinButtonTextBrandPrimaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-text-brand-primary-text,", ");"], _var.COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, _var.COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT);
518
508
  exports.mixinButtonTextBrandPrimaryColorStateNormal = mixinButtonTextBrandPrimaryColorStateNormal;
@@ -546,7 +536,7 @@ var mixinButtonTextBrandPrimaryBorderStateDisabled = (0, _styledComponents.css)(
546
536
  exports.mixinButtonTextBrandPrimaryBorderStateDisabled = mixinButtonTextBrandPrimaryBorderStateDisabled;
547
537
  var mixinButtonTextBrandPrimaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextBrandPrimaryColorStateDisabled, mixinButtonTextBrandPrimaryBgStateDisabled, mixinButtonTextBrandPrimaryBorderStateDisabled);
548
538
  exports.mixinButtonTextBrandPrimaryStateDisabled = mixinButtonTextBrandPrimaryStateDisabled;
549
- var mixinButtonTextBrandPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandPrimaryStateNormal, mixinButtonTextBrandPrimaryColorStateNormal, mixinButtonTextBrandPrimaryStateHover, mixinButtonTextBrandPrimaryStateActive, mixinButtonTextBrandPrimaryStateDisabled);
539
+ var mixinButtonTextBrandPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandPrimaryStateNormal, mixinButtonTextBrandPrimaryColorStateNormal, mixinButtonTextBrandPrimaryStateHover, mixinButtonTextBrandPrimaryStateActive, mixinButtonTextBrandPrimaryStateDisabled);
550
540
  exports.mixinButtonTextBrandPrimary = mixinButtonTextBrandPrimary;
551
541
  var mixinButtonTextBrandSecondaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-text-brand-secondary-text,", ");"], _var.COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, _var.COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT);
552
542
  exports.mixinButtonTextBrandSecondaryColorStateNormal = mixinButtonTextBrandSecondaryColorStateNormal;
@@ -580,5 +570,5 @@ var mixinButtonTextBrandSecondaryBorderStateDisabled = (0, _styledComponents.css
580
570
  exports.mixinButtonTextBrandSecondaryBorderStateDisabled = mixinButtonTextBrandSecondaryBorderStateDisabled;
581
571
  var mixinButtonTextBrandSecondaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextBrandSecondaryColorStateDisabled, mixinButtonTextBrandSecondaryBgStateDisabled, mixinButtonTextBrandSecondaryBorderStateDisabled);
582
572
  exports.mixinButtonTextBrandSecondaryStateDisabled = mixinButtonTextBrandSecondaryStateDisabled;
583
- var mixinButtonTextBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandSecondaryStateNormal, mixinButtonTextBrandSecondaryColorStateNormal, mixinButtonTextBrandSecondaryStateHover, mixinButtonTextBrandSecondaryStateActive, mixinButtonTextBrandSecondaryStateDisabled);
573
+ var mixinButtonTextBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandSecondaryStateNormal, mixinButtonTextBrandSecondaryColorStateNormal, mixinButtonTextBrandSecondaryStateHover, mixinButtonTextBrandSecondaryStateActive, mixinButtonTextBrandSecondaryStateDisabled);
584
574
  exports.mixinButtonTextBrandSecondary = mixinButtonTextBrandSecondary;
@@ -4,6 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
+ var _reset = require("./reset");
8
+
9
+ Object.keys(_reset).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _reset[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _reset[key];
16
+ }
17
+ });
18
+ });
19
+
7
20
  var _text = require("./text");
8
21
 
9
22
  Object.keys(_text).forEach(function (key) {
@@ -3,15 +3,13 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.mixinInputTextHover = exports.mixinInputTextFocus = exports.mixinInputTextDisabled = exports.mixinInputText = exports.mixinInputReset = exports.mixinInputBorderHover = exports.mixinInputBorderFocusBrand = exports.mixinInputBorderFocus = exports.mixinInputBorderDisabled = exports.mixinInputBorder = exports.mixinInputBgHover = exports.mixinInputBgFocus = exports.mixinInputBgDisabled = exports.mixinInputBg = void 0;
6
+ exports.mixinInputTextHover = exports.mixinInputTextFocus = exports.mixinInputTextDisabled = exports.mixinInputText = exports.mixinInputBorderHover = exports.mixinInputBorderFocusBrand = exports.mixinInputBorderFocus = exports.mixinInputBorderDisabled = exports.mixinInputBorder = exports.mixinInputBgHover = exports.mixinInputBgFocus = exports.mixinInputBgDisabled = exports.mixinInputBg = void 0;
7
7
 
8
8
  var _styledComponents = require("styled-components");
9
9
 
10
10
  var _var = require("../var");
11
11
 
12
- // generated by generator-code-mixin-input.ts
13
- var mixinInputReset = (0, _styledComponents.css)(["border:1px solid transparent;box-sizing:border-box;outline:none;background-color:transparent;transition:all ease-in-out 0.3s;&::placeholder{color:", ";color:var(--cb-color-input-placeholder,", ");}&::-ms-clear{display:none;}"], _var.COLOR.INPUT_PLACEHOLDER, _var.COLOR.INPUT_PLACEHOLDER);
14
- exports.mixinInputReset = mixinInputReset;
12
+ // generated by generate-code-mixin-input.ts
15
13
  var mixinInputText = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-input-text,", ");"], _var.COLOR.INPUT_TEXT, _var.COLOR.INPUT_TEXT);
16
14
  exports.mixinInputText = mixinInputText;
17
15
  var mixinInputBg = (0, _styledComponents.css)(["background-color:", ";background-color:var(--cb-color-input-bg,", ");"], _var.COLOR.INPUT_BG, _var.COLOR.INPUT_BG);
@@ -9,7 +9,7 @@ var _styledComponents = require("styled-components");
9
9
 
10
10
  var _var = require("../var");
11
11
 
12
- // generated by generator-code-mixin-link.ts
12
+ // generated by generate-code-mixin-link.ts
13
13
  var linkCommon = (0, _styledComponents.css)(["transition:all ease-in-out 0.3s;&:link{text-decoration:none;}&:hover{text-decoration:underline;}"]);
14
14
  var mixinLinkDisabled = (0, _styledComponents.css)(["&,&:link,&:visited,&:hover,&:focus,&:active{cursor:default;text-decoration:none;color:", ";color:var(--cb-color-link-disabled,", ");}"], _var.COLOR.LINK_DISABLED, _var.COLOR.LINK_DISABLED);
15
15
  exports.mixinLinkDisabled = mixinLinkDisabled;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.mixinInputReset = exports.mixinButtonReset = void 0;
7
+
8
+ var _styledComponents = require("styled-components");
9
+
10
+ var _var = require("../var");
11
+
12
+ // generated by generate-code-mixin-reset.ts
13
+ var mixinInputReset = (0, _styledComponents.css)(["border:1px solid transparent;box-sizing:border-box;outline:none;background-color:transparent;transition:all ease-in-out 0.3s;&::placeholder{color:", ";color:var(--cb-color-input-placeholder,", ");}&::-ms-clear{display:none;}"], _var.COLOR.INPUT_PLACEHOLDER, _var.COLOR.INPUT_PLACEHOLDER);
14
+ /**
15
+ * 对按钮样式进行重置:
16
+ *
17
+ * 1. 去掉 padding、background、border,定义 outline 以防止丑陋的 Chrome focus outline 样式
18
+ * 2. 设置字体(family、颜色、大小、行间距等)继承
19
+ * 3. 避免 link hover 的样式干扰
20
+ * 4. 定义 disabled 的基础样式
21
+ */
22
+
23
+ exports.mixinInputReset = mixinInputReset;
24
+ var mixinButtonReset = (0, _styledComponents.css)(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
25
+ exports.mixinButtonReset = mixinButtonReset;
@@ -9,7 +9,7 @@ var _styledComponents = require("styled-components");
9
9
 
10
10
  var _var = require("../var");
11
11
 
12
- // generated by generator-code-mixin-shadow.ts
12
+ // generated by generate-code-mixin-shadow.ts
13
13
  var mixinShadowS = (0, _styledComponents.css)(["box-shadow:0 0 2px 0 ", ";box-shadow:0 0 2px 0 var(--cb-color-shadow,", ");"], _var.COLOR.SHADOW, _var.COLOR.SHADOW);
14
14
  exports.mixinShadowS = mixinShadowS;
15
15
  var mixinShadowSUp = (0, _styledComponents.css)(["box-shadow:0 -1px 2px 0 ", ";box-shadow:0 -1px 2px 0 var(--cb-color-shadow,", ");"], _var.COLOR.SHADOW, _var.COLOR.SHADOW);
@@ -9,7 +9,7 @@ var _styledComponents = require("styled-components");
9
9
 
10
10
  var _var = require("../var");
11
11
 
12
- // generated by generator-code-mixin-text.ts
12
+ // generated by generate-code-mixin-text.ts
13
13
  var mixinTextTransparent = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-text-transparent,", ");"], _var.COLOR.TEXT_TRANSPARENT, _var.COLOR.TEXT_TRANSPARENT);
14
14
  exports.mixinTextTransparent = mixinTextTransparent;
15
15
  var mixinTextWhite = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-text-white,", ");"], _var.COLOR.TEXT_WHITE, _var.COLOR.TEXT_WHITE);
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.mixinTypoStrong = exports.mixinTypoSmall = exports.mixinTypoNoWrap = exports.mixinTypoLineWrap = exports.mixinTypoKbd = exports.mixinTypoFontFamilyMono = exports.mixinTypoFontFamilyBase = exports.mixinTypoFontBase = exports.mixinTypoEm = exports.mixinTypoEllipsisLines = exports.mixinTypoEllipsis = exports.mixinTypoCode = exports.mixinTypoBlockquote = void 0;
6
+ exports.mixinTypoStrong = exports.mixinTypoSmall = exports.mixinTypoNoWrap = exports.mixinTypoLineWrap = exports.mixinTypoKbd = exports.mixinTypoFontFamilyMono = exports.mixinTypoFontFamilyBaseJa = exports.mixinTypoFontFamilyBase = exports.mixinTypoFontBase = exports.mixinTypoEm = exports.mixinTypoEllipsisLines = exports.mixinTypoEllipsis = exports.mixinTypoCode = exports.mixinTypoBlockquote = void 0;
7
7
 
8
8
  var _styledComponents = require("styled-components");
9
9
 
@@ -15,8 +15,11 @@ var _bg = require("./bg");
15
15
 
16
16
  var _border = require("./border");
17
17
 
18
- var mixinTypoFontFamilyBase = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");"], _var.TYPO.FONT_FAMILY_BASE, _var.TYPO.FONT_FAMILY_BASE);
18
+ var mixinTypoFontFamilyBase = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");"], _var.TYPO.FONT_FAMILY_BASE, _var.TYPO.FONT_FAMILY_BASE); // 日文专属
19
+
19
20
  exports.mixinTypoFontFamilyBase = mixinTypoFontFamilyBase;
21
+ var mixinTypoFontFamilyBaseJa = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], _var.TYPO.FONT_FAMILY_BASE_JA, _var.TYPO.FONT_FAMILY_BASE_JA);
22
+ exports.mixinTypoFontFamilyBaseJa = mixinTypoFontFamilyBaseJa;
20
23
  var mixinTypoFontFamilyMono = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-monospace,", ");"], _var.TYPO.FONT_FAMILY_MONOSPACE, _var.TYPO.FONT_FAMILY_MONOSPACE);
21
24
  exports.mixinTypoFontFamilyMono = mixinTypoFontFamilyMono;
22
25
  var mixinTypoFontBase = (0, _styledComponents.css)(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", ""], mixinTypoFontFamilyBase);
@@ -7,7 +7,7 @@ exports.default = createThemeGlobalStyle;
7
7
 
8
8
  var _styledComponents = require("styled-components");
9
9
 
10
- // generated by generator-code-global-style.ts
10
+ // generated by generate-code-global-style.ts
11
11
  function createThemeGlobalStyle(_ref) {
12
12
  var COLOR = _ref.COLOR,
13
13
  TYPO = _ref.TYPO,
@@ -10,6 +10,7 @@ exports.default = void 0;
10
10
  */
11
11
  var _default = {
12
12
  FONT_FAMILY_BASE: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif',
13
+ FONT_FAMILY_BASE_JA: '"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "MS Pゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif',
13
14
  FONT_FAMILY_MONOSPACE: 'Operator Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace'
14
15
  };
15
16
  exports.default = _default;
@@ -11,6 +11,11 @@ var _default = {
11
11
  // 全局工具
12
12
  MICRO_BROWSER: 1200,
13
13
  // 微浏览器
14
+ // 浮层(dropdown、tooltip 等)
15
+ POPUP: 10,
16
+ // inline 的时候
17
+ POPUP_GLOBAL: 1001,
18
+ // 全局(在 body 下)的时候
14
19
  // dialog 主体
15
20
  DIALOG_SLIDE: 200,
16
21
  // 侧拉抽屉
@@ -1,4 +1,4 @@
1
- // generated by generator-code-mixin-bg.ts
1
+ // generated by generate-code-mixin-bg.ts
2
2
  import { css } from 'styled-components';
3
3
  import { COLOR } from '../var';
4
4
  export var mixinBgTransparent = css(["background-color:", ";background-color:var(--cb-color-bg-transparent,", ");"], COLOR.BG_TRANSPARENT, COLOR.BG_TRANSPARENT);
@@ -1,4 +1,4 @@
1
- // generated by generator-code-mixin-border-radius.ts
1
+ // generated by generate-code-mixin-border-radius.ts
2
2
  import { css } from 'styled-components';
3
3
  import { SIZE } from '../var';
4
4
  export var mixinBorderRadiusXs = css(["border-radius:", "px;border-radius:var(--cb-size-border-radius-xs,", "px);"], SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_XS);
@@ -1,4 +1,4 @@
1
- // generated by generator-code-mixin-border.ts
1
+ // generated by generate-code-mixin-border.ts
2
2
  import { css } from 'styled-components';
3
3
  import { COLOR } from '../var';
4
4
  export var mixinBorderTransparentColor = css(["border-color:", ";border-color:var(--cb-color-border-transparent,", ");"], COLOR.BORDER_TRANSPARENT, COLOR.BORDER_TRANSPARENT);
@@ -1,17 +1,8 @@
1
- // generated by generator-code-mixin-button.ts
1
+ // generated by generate-code-mixin-button.ts
2
2
  import { css } from 'styled-components';
3
3
  import { COLOR, SIZE } from '../var';
4
4
  import { mixinShadowLDown } from './shadow';
5
- /**
6
- * 对按钮样式进行重置:
7
- * 1. 去掉 padding、background、border,定义 outline 以防止丑陋的 Chrome focus outline 样式
8
- * 2. 设置字体(family、颜色、大小、行间距等)继承
9
- * 3. 避免 link hover 的样式干扰
10
- * 4. 定义 disabled 的基础样式
11
- */
12
-
13
- export var mixinButtonReset = css(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
14
- export var mixinButtonShadow = css(["&:hover,&:focus{", "}&:active,&:disabled{box-shadow:none;}"], mixinShadowLDown); // size mixins
5
+ export var mixinButtonShadow = css(["&:hover{", "}&:active,&:disabled{box-shadow:none;}"], mixinShadowLDown); // size mixins
15
6
 
16
7
  export var mixinButtonSizeXs = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_XS, SIZE.HEIGHT_FORM_CONTROL_XS, SIZE.HEIGHT_FORM_CONTROL_XS - 2, SIZE.FONT_SIZE_FORM_CONTROL_XS);
17
8
  export var mixinButtonSizeS = css(["padding:0 ", "px;height:", "px;line-height:", "px;font-size:", "px;"], SIZE.PADDING_X_FORM_CONTROL_S, SIZE.HEIGHT_FORM_CONTROL_S, SIZE.HEIGHT_FORM_CONTROL_S - 2, SIZE.FONT_SIZE_FORM_CONTROL_S);
@@ -35,7 +26,7 @@ export var mixinButtonDangerColorStateDisabled = css(["color:", ";color:var(--cb
35
26
  export var mixinButtonDangerBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-danger-bg-disabled,", ");"], COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED);
36
27
  export var mixinButtonDangerBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-danger-border-disabled,", ");"], COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED);
37
28
  export var mixinButtonDangerStateDisabled = css(["", " ", " ", ""], mixinButtonDangerColorStateDisabled, mixinButtonDangerBgStateDisabled, mixinButtonDangerBorderStateDisabled);
38
- export var mixinButtonDanger = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonDangerStateNormal, mixinButtonDangerColorStateNormal, mixinButtonDangerStateHover, mixinButtonDangerStateActive, mixinButtonDangerStateDisabled);
29
+ export var mixinButtonDanger = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonDangerStateNormal, mixinButtonDangerColorStateNormal, mixinButtonDangerStateHover, mixinButtonDangerStateActive, mixinButtonDangerStateDisabled);
39
30
  export var mixinButtonMenuColorStateNormal = css(["color:", ";color:var(--cb-color-button-menu-text,", ");"], COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_TEXT);
40
31
  export var mixinButtonMenuBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-menu-bg,", ");"], COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BG);
41
32
  export var mixinButtonMenuBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-menu-border,", ");"], COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_BORDER);
@@ -52,7 +43,7 @@ export var mixinButtonMenuColorStateDisabled = css(["color:", ";color:var(--cb-c
52
43
  export var mixinButtonMenuBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-menu-bg-disabled,", ");"], COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED);
53
44
  export var mixinButtonMenuBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-menu-border-disabled,", ");"], COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED);
54
45
  export var mixinButtonMenuStateDisabled = css(["", " ", " ", ""], mixinButtonMenuColorStateDisabled, mixinButtonMenuBgStateDisabled, mixinButtonMenuBorderStateDisabled);
55
- export var mixinButtonMenu = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonMenuStateNormal, mixinButtonMenuColorStateNormal, mixinButtonMenuStateHover, mixinButtonMenuStateActive, mixinButtonMenuStateDisabled);
46
+ export var mixinButtonMenu = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonMenuStateNormal, mixinButtonMenuColorStateNormal, mixinButtonMenuStateHover, mixinButtonMenuStateActive, mixinButtonMenuStateDisabled);
56
47
  export var mixinButtonPrimaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-primary-text,", ");"], COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_TEXT);
57
48
  export var mixinButtonPrimaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-primary-bg,", ");"], COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BG);
58
49
  export var mixinButtonPrimaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-primary-border,", ");"], COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_BORDER);
@@ -69,7 +60,7 @@ export var mixinButtonPrimaryColorStateDisabled = css(["color:", ";color:var(--c
69
60
  export var mixinButtonPrimaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-primary-bg-disabled,", ");"], COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED);
70
61
  export var mixinButtonPrimaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-primary-border-disabled,", ");"], COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED);
71
62
  export var mixinButtonPrimaryStateDisabled = css(["", " ", " ", ""], mixinButtonPrimaryColorStateDisabled, mixinButtonPrimaryBgStateDisabled, mixinButtonPrimaryBorderStateDisabled);
72
- export var mixinButtonPrimary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonPrimaryStateNormal, mixinButtonPrimaryColorStateNormal, mixinButtonPrimaryStateHover, mixinButtonPrimaryStateActive, mixinButtonPrimaryStateDisabled);
63
+ export var mixinButtonPrimary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonPrimaryStateNormal, mixinButtonPrimaryColorStateNormal, mixinButtonPrimaryStateHover, mixinButtonPrimaryStateActive, mixinButtonPrimaryStateDisabled);
73
64
  export var mixinButtonSecondaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-secondary-text,", ");"], COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_TEXT);
74
65
  export var mixinButtonSecondaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-secondary-bg,", ");"], COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BG);
75
66
  export var mixinButtonSecondaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-secondary-border,", ");"], COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_BORDER);
@@ -86,7 +77,7 @@ export var mixinButtonSecondaryColorStateDisabled = css(["color:", ";color:var(-
86
77
  export var mixinButtonSecondaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-secondary-bg-disabled,", ");"], COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED);
87
78
  export var mixinButtonSecondaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-secondary-border-disabled,", ");"], COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED);
88
79
  export var mixinButtonSecondaryStateDisabled = css(["", " ", " ", ""], mixinButtonSecondaryColorStateDisabled, mixinButtonSecondaryBgStateDisabled, mixinButtonSecondaryBorderStateDisabled);
89
- export var mixinButtonSecondary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryStateNormal, mixinButtonSecondaryColorStateNormal, mixinButtonSecondaryStateHover, mixinButtonSecondaryStateActive, mixinButtonSecondaryStateDisabled);
80
+ export var mixinButtonSecondary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryStateNormal, mixinButtonSecondaryColorStateNormal, mixinButtonSecondaryStateHover, mixinButtonSecondaryStateActive, mixinButtonSecondaryStateDisabled);
90
81
  export var mixinButtonSecondaryAltColorStateNormal = css(["color:", ";color:var(--cb-color-button-secondary-alt-text,", ");"], COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_TEXT);
91
82
  export var mixinButtonSecondaryAltBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-secondary-alt-bg,", ");"], COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BG);
92
83
  export var mixinButtonSecondaryAltBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-secondary-alt-border,", ");"], COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_BORDER);
@@ -103,7 +94,7 @@ export var mixinButtonSecondaryAltColorStateDisabled = css(["color:", ";color:va
103
94
  export var mixinButtonSecondaryAltBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-secondary-alt-bg-disabled,", ");"], COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED);
104
95
  export var mixinButtonSecondaryAltBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-secondary-alt-border-disabled,", ");"], COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED);
105
96
  export var mixinButtonSecondaryAltStateDisabled = css(["", " ", " ", ""], mixinButtonSecondaryAltColorStateDisabled, mixinButtonSecondaryAltBgStateDisabled, mixinButtonSecondaryAltBorderStateDisabled);
106
- export var mixinButtonSecondaryAlt = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryAltStateNormal, mixinButtonSecondaryAltColorStateNormal, mixinButtonSecondaryAltStateHover, mixinButtonSecondaryAltStateActive, mixinButtonSecondaryAltStateDisabled);
97
+ export var mixinButtonSecondaryAlt = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryAltStateNormal, mixinButtonSecondaryAltColorStateNormal, mixinButtonSecondaryAltStateHover, mixinButtonSecondaryAltStateActive, mixinButtonSecondaryAltStateDisabled);
107
98
  export var mixinButtonTertiaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-tertiary-text,", ");"], COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_TEXT);
108
99
  export var mixinButtonTertiaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-tertiary-bg,", ");"], COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BG);
109
100
  export var mixinButtonTertiaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-tertiary-border,", ");"], COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_BORDER);
@@ -120,7 +111,7 @@ export var mixinButtonTertiaryColorStateDisabled = css(["color:", ";color:var(--
120
111
  export var mixinButtonTertiaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-tertiary-bg-disabled,", ");"], COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED);
121
112
  export var mixinButtonTertiaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-tertiary-border-disabled,", ");"], COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED);
122
113
  export var mixinButtonTertiaryStateDisabled = css(["", " ", " ", ""], mixinButtonTertiaryColorStateDisabled, mixinButtonTertiaryBgStateDisabled, mixinButtonTertiaryBorderStateDisabled);
123
- export var mixinButtonTertiary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryStateNormal, mixinButtonTertiaryColorStateNormal, mixinButtonTertiaryStateHover, mixinButtonTertiaryStateActive, mixinButtonTertiaryStateDisabled);
114
+ export var mixinButtonTertiary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryStateNormal, mixinButtonTertiaryColorStateNormal, mixinButtonTertiaryStateHover, mixinButtonTertiaryStateActive, mixinButtonTertiaryStateDisabled);
124
115
  export var mixinButtonTertiaryAltColorStateNormal = css(["color:", ";color:var(--cb-color-button-tertiary-alt-text,", ");"], COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_TEXT);
125
116
  export var mixinButtonTertiaryAltBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-tertiary-alt-bg,", ");"], COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BG);
126
117
  export var mixinButtonTertiaryAltBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-tertiary-alt-border,", ");"], COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_BORDER);
@@ -137,7 +128,7 @@ export var mixinButtonTertiaryAltColorStateDisabled = css(["color:", ";color:var
137
128
  export var mixinButtonTertiaryAltBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-tertiary-alt-bg-disabled,", ");"], COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED);
138
129
  export var mixinButtonTertiaryAltBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-tertiary-alt-border-disabled,", ");"], COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED);
139
130
  export var mixinButtonTertiaryAltStateDisabled = css(["", " ", " ", ""], mixinButtonTertiaryAltColorStateDisabled, mixinButtonTertiaryAltBgStateDisabled, mixinButtonTertiaryAltBorderStateDisabled);
140
- export var mixinButtonTertiaryAlt = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryAltStateNormal, mixinButtonTertiaryAltColorStateNormal, mixinButtonTertiaryAltStateHover, mixinButtonTertiaryAltStateActive, mixinButtonTertiaryAltStateDisabled);
131
+ export var mixinButtonTertiaryAlt = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryAltStateNormal, mixinButtonTertiaryAltColorStateNormal, mixinButtonTertiaryAltStateHover, mixinButtonTertiaryAltStateActive, mixinButtonTertiaryAltStateDisabled);
141
132
  export var mixinButtonBrandPrimaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-brand-primary-text,", ");"], COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_TEXT);
142
133
  export var mixinButtonBrandPrimaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-brand-primary-bg,", ");"], COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BG);
143
134
  export var mixinButtonBrandPrimaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-brand-primary-border,", ");"], COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_BORDER);
@@ -154,7 +145,7 @@ export var mixinButtonBrandPrimaryColorStateDisabled = css(["color:", ";color:va
154
145
  export var mixinButtonBrandPrimaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-brand-primary-bg-disabled,", ");"], COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED);
155
146
  export var mixinButtonBrandPrimaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-brand-primary-border-disabled,", ");"], COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED);
156
147
  export var mixinButtonBrandPrimaryStateDisabled = css(["", " ", " ", ""], mixinButtonBrandPrimaryColorStateDisabled, mixinButtonBrandPrimaryBgStateDisabled, mixinButtonBrandPrimaryBorderStateDisabled);
157
- export var mixinButtonBrandPrimary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandPrimaryStateNormal, mixinButtonBrandPrimaryColorStateNormal, mixinButtonBrandPrimaryStateHover, mixinButtonBrandPrimaryStateActive, mixinButtonBrandPrimaryStateDisabled);
148
+ export var mixinButtonBrandPrimary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandPrimaryStateNormal, mixinButtonBrandPrimaryColorStateNormal, mixinButtonBrandPrimaryStateHover, mixinButtonBrandPrimaryStateActive, mixinButtonBrandPrimaryStateDisabled);
158
149
  export var mixinButtonBrandSecondaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-brand-secondary-text,", ");"], COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_TEXT);
159
150
  export var mixinButtonBrandSecondaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-brand-secondary-bg,", ");"], COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BG);
160
151
  export var mixinButtonBrandSecondaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-brand-secondary-border,", ");"], COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_BORDER);
@@ -171,7 +162,7 @@ export var mixinButtonBrandSecondaryColorStateDisabled = css(["color:", ";color:
171
162
  export var mixinButtonBrandSecondaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-brand-secondary-bg-disabled,", ");"], COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED);
172
163
  export var mixinButtonBrandSecondaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-brand-secondary-border-disabled,", ");"], COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED);
173
164
  export var mixinButtonBrandSecondaryStateDisabled = css(["", " ", " ", ""], mixinButtonBrandSecondaryColorStateDisabled, mixinButtonBrandSecondaryBgStateDisabled, mixinButtonBrandSecondaryBorderStateDisabled);
174
- export var mixinButtonBrandSecondary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryStateNormal, mixinButtonBrandSecondaryColorStateNormal, mixinButtonBrandSecondaryStateHover, mixinButtonBrandSecondaryStateActive, mixinButtonBrandSecondaryStateDisabled);
165
+ export var mixinButtonBrandSecondary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryStateNormal, mixinButtonBrandSecondaryColorStateNormal, mixinButtonBrandSecondaryStateHover, mixinButtonBrandSecondaryStateActive, mixinButtonBrandSecondaryStateDisabled);
175
166
  export var mixinButtonBrandSecondaryAltColorStateNormal = css(["color:", ";color:var(--cb-color-button-brand-secondary-alt-text,", ");"], COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT);
176
167
  export var mixinButtonBrandSecondaryAltBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-brand-secondary-alt-bg,", ");"], COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG);
177
168
  export var mixinButtonBrandSecondaryAltBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-brand-secondary-alt-border,", ");"], COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER);
@@ -188,7 +179,7 @@ export var mixinButtonBrandSecondaryAltColorStateDisabled = css(["color:", ";col
188
179
  export var mixinButtonBrandSecondaryAltBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-brand-secondary-alt-bg-disabled,", ");"], COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED);
189
180
  export var mixinButtonBrandSecondaryAltBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-brand-secondary-alt-border-disabled,", ");"], COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED);
190
181
  export var mixinButtonBrandSecondaryAltStateDisabled = css(["", " ", " ", ""], mixinButtonBrandSecondaryAltColorStateDisabled, mixinButtonBrandSecondaryAltBgStateDisabled, mixinButtonBrandSecondaryAltBorderStateDisabled);
191
- export var mixinButtonBrandSecondaryAlt = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryAltStateNormal, mixinButtonBrandSecondaryAltColorStateNormal, mixinButtonBrandSecondaryAltStateHover, mixinButtonBrandSecondaryAltStateActive, mixinButtonBrandSecondaryAltStateDisabled);
182
+ export var mixinButtonBrandSecondaryAlt = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryAltStateNormal, mixinButtonBrandSecondaryAltColorStateNormal, mixinButtonBrandSecondaryAltStateHover, mixinButtonBrandSecondaryAltStateActive, mixinButtonBrandSecondaryAltStateDisabled);
192
183
  export var mixinButtonBrandTertiaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-brand-tertiary-text,", ");"], COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_TEXT);
193
184
  export var mixinButtonBrandTertiaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-brand-tertiary-bg,", ");"], COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BG);
194
185
  export var mixinButtonBrandTertiaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-brand-tertiary-border,", ");"], COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_BORDER);
@@ -205,7 +196,7 @@ export var mixinButtonBrandTertiaryColorStateDisabled = css(["color:", ";color:v
205
196
  export var mixinButtonBrandTertiaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-brand-tertiary-bg-disabled,", ");"], COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED);
206
197
  export var mixinButtonBrandTertiaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-brand-tertiary-border-disabled,", ");"], COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED);
207
198
  export var mixinButtonBrandTertiaryStateDisabled = css(["", " ", " ", ""], mixinButtonBrandTertiaryColorStateDisabled, mixinButtonBrandTertiaryBgStateDisabled, mixinButtonBrandTertiaryBorderStateDisabled);
208
- export var mixinButtonBrandTertiary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandTertiaryStateNormal, mixinButtonBrandTertiaryColorStateNormal, mixinButtonBrandTertiaryStateHover, mixinButtonBrandTertiaryStateActive, mixinButtonBrandTertiaryStateDisabled);
199
+ export var mixinButtonBrandTertiary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandTertiaryStateNormal, mixinButtonBrandTertiaryColorStateNormal, mixinButtonBrandTertiaryStateHover, mixinButtonBrandTertiaryStateActive, mixinButtonBrandTertiaryStateDisabled);
209
200
  export var mixinButtonTextPrimaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-text-primary-text,", ");"], COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_TEXT);
210
201
  export var mixinButtonTextPrimaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-text-primary-bg,", ");"], COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BG);
211
202
  export var mixinButtonTextPrimaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-text-primary-border,", ");"], COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_BORDER);
@@ -222,7 +213,7 @@ export var mixinButtonTextPrimaryColorStateDisabled = css(["color:", ";color:var
222
213
  export var mixinButtonTextPrimaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-text-primary-bg-disabled,", ");"], COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED);
223
214
  export var mixinButtonTextPrimaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-text-primary-border-disabled,", ");"], COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED);
224
215
  export var mixinButtonTextPrimaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextPrimaryColorStateDisabled, mixinButtonTextPrimaryBgStateDisabled, mixinButtonTextPrimaryBorderStateDisabled);
225
- export var mixinButtonTextPrimary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextPrimaryStateNormal, mixinButtonTextPrimaryColorStateNormal, mixinButtonTextPrimaryStateHover, mixinButtonTextPrimaryStateActive, mixinButtonTextPrimaryStateDisabled);
216
+ export var mixinButtonTextPrimary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextPrimaryStateNormal, mixinButtonTextPrimaryColorStateNormal, mixinButtonTextPrimaryStateHover, mixinButtonTextPrimaryStateActive, mixinButtonTextPrimaryStateDisabled);
226
217
  export var mixinButtonTextSecondaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-text-secondary-text,", ");"], COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_TEXT);
227
218
  export var mixinButtonTextSecondaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-text-secondary-bg,", ");"], COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BG);
228
219
  export var mixinButtonTextSecondaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-text-secondary-border,", ");"], COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_BORDER);
@@ -239,7 +230,7 @@ export var mixinButtonTextSecondaryColorStateDisabled = css(["color:", ";color:v
239
230
  export var mixinButtonTextSecondaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-text-secondary-bg-disabled,", ");"], COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED);
240
231
  export var mixinButtonTextSecondaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-text-secondary-border-disabled,", ");"], COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED);
241
232
  export var mixinButtonTextSecondaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextSecondaryColorStateDisabled, mixinButtonTextSecondaryBgStateDisabled, mixinButtonTextSecondaryBorderStateDisabled);
242
- export var mixinButtonTextSecondary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextSecondaryStateNormal, mixinButtonTextSecondaryColorStateNormal, mixinButtonTextSecondaryStateHover, mixinButtonTextSecondaryStateActive, mixinButtonTextSecondaryStateDisabled);
233
+ export var mixinButtonTextSecondary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextSecondaryStateNormal, mixinButtonTextSecondaryColorStateNormal, mixinButtonTextSecondaryStateHover, mixinButtonTextSecondaryStateActive, mixinButtonTextSecondaryStateDisabled);
243
234
  export var mixinButtonTextTertiaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-text-tertiary-text,", ");"], COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_TEXT);
244
235
  export var mixinButtonTextTertiaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-text-tertiary-bg,", ");"], COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BG);
245
236
  export var mixinButtonTextTertiaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-text-tertiary-border,", ");"], COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_BORDER);
@@ -256,7 +247,7 @@ export var mixinButtonTextTertiaryColorStateDisabled = css(["color:", ";color:va
256
247
  export var mixinButtonTextTertiaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-text-tertiary-bg-disabled,", ");"], COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED);
257
248
  export var mixinButtonTextTertiaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-text-tertiary-border-disabled,", ");"], COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED);
258
249
  export var mixinButtonTextTertiaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextTertiaryColorStateDisabled, mixinButtonTextTertiaryBgStateDisabled, mixinButtonTextTertiaryBorderStateDisabled);
259
- export var mixinButtonTextTertiary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextTertiaryStateNormal, mixinButtonTextTertiaryColorStateNormal, mixinButtonTextTertiaryStateHover, mixinButtonTextTertiaryStateActive, mixinButtonTextTertiaryStateDisabled);
250
+ export var mixinButtonTextTertiary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextTertiaryStateNormal, mixinButtonTextTertiaryColorStateNormal, mixinButtonTextTertiaryStateHover, mixinButtonTextTertiaryStateActive, mixinButtonTextTertiaryStateDisabled);
260
251
  export var mixinButtonTextBrandPrimaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-text-brand-primary-text,", ");"], COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT);
261
252
  export var mixinButtonTextBrandPrimaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-text-brand-primary-bg,", ");"], COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG);
262
253
  export var mixinButtonTextBrandPrimaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-text-brand-primary-border,", ");"], COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER);
@@ -273,7 +264,7 @@ export var mixinButtonTextBrandPrimaryColorStateDisabled = css(["color:", ";colo
273
264
  export var mixinButtonTextBrandPrimaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-text-brand-primary-bg-disabled,", ");"], COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED);
274
265
  export var mixinButtonTextBrandPrimaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-text-brand-primary-border-disabled,", ");"], COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED);
275
266
  export var mixinButtonTextBrandPrimaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextBrandPrimaryColorStateDisabled, mixinButtonTextBrandPrimaryBgStateDisabled, mixinButtonTextBrandPrimaryBorderStateDisabled);
276
- export var mixinButtonTextBrandPrimary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandPrimaryStateNormal, mixinButtonTextBrandPrimaryColorStateNormal, mixinButtonTextBrandPrimaryStateHover, mixinButtonTextBrandPrimaryStateActive, mixinButtonTextBrandPrimaryStateDisabled);
267
+ export var mixinButtonTextBrandPrimary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandPrimaryStateNormal, mixinButtonTextBrandPrimaryColorStateNormal, mixinButtonTextBrandPrimaryStateHover, mixinButtonTextBrandPrimaryStateActive, mixinButtonTextBrandPrimaryStateDisabled);
277
268
  export var mixinButtonTextBrandSecondaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-text-brand-secondary-text,", ");"], COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT);
278
269
  export var mixinButtonTextBrandSecondaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-text-brand-secondary-bg,", ");"], COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG);
279
270
  export var mixinButtonTextBrandSecondaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-text-brand-secondary-border,", ");"], COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER);
@@ -290,4 +281,4 @@ export var mixinButtonTextBrandSecondaryColorStateDisabled = css(["color:", ";co
290
281
  export var mixinButtonTextBrandSecondaryBgStateDisabled = css(["background-color:", ";background-color:var(--cb-color-button-text-brand-secondary-bg-disabled,", ");"], COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED);
291
282
  export var mixinButtonTextBrandSecondaryBorderStateDisabled = css(["border-color:", ";border-color:var(--cb-color-button-text-brand-secondary-border-disabled,", ");"], COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED);
292
283
  export var mixinButtonTextBrandSecondaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextBrandSecondaryColorStateDisabled, mixinButtonTextBrandSecondaryBgStateDisabled, mixinButtonTextBrandSecondaryBorderStateDisabled);
293
- export var mixinButtonTextBrandSecondary = css(["", " &:link,&:visited{", "}&:hover,&:focus{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandSecondaryStateNormal, mixinButtonTextBrandSecondaryColorStateNormal, mixinButtonTextBrandSecondaryStateHover, mixinButtonTextBrandSecondaryStateActive, mixinButtonTextBrandSecondaryStateDisabled);
284
+ export var mixinButtonTextBrandSecondary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandSecondaryStateNormal, mixinButtonTextBrandSecondaryColorStateNormal, mixinButtonTextBrandSecondaryStateHover, mixinButtonTextBrandSecondaryStateActive, mixinButtonTextBrandSecondaryStateDisabled);
@@ -1,7 +1,8 @@
1
1
  /**
2
- * 每个文件(除了 typo)的代码是通过 demo-default 自动生成拷贝过来的,
2
+ * 除了 typo 外,每个文件的代码是通过 demo-default 自动生成拷贝过来的,
3
3
  * 其每个输出变量的命名格式为 `mixinXx...` 其中 Xx 是文件名
4
4
  */
5
+ export * from './reset';
5
6
  export * from './text';
6
7
  export * from './bg';
7
8
  export * from './border';
@@ -1,7 +1,6 @@
1
- // generated by generator-code-mixin-input.ts
1
+ // generated by generate-code-mixin-input.ts
2
2
  import { css } from 'styled-components';
3
3
  import { COLOR } from '../var';
4
- export var mixinInputReset = css(["border:1px solid transparent;box-sizing:border-box;outline:none;background-color:transparent;transition:all ease-in-out 0.3s;&::placeholder{color:", ";color:var(--cb-color-input-placeholder,", ");}&::-ms-clear{display:none;}"], COLOR.INPUT_PLACEHOLDER, COLOR.INPUT_PLACEHOLDER);
5
4
  export var mixinInputText = css(["color:", ";color:var(--cb-color-input-text,", ");"], COLOR.INPUT_TEXT, COLOR.INPUT_TEXT);
6
5
  export var mixinInputBg = css(["background-color:", ";background-color:var(--cb-color-input-bg,", ");"], COLOR.INPUT_BG, COLOR.INPUT_BG);
7
6
  export var mixinInputBorder = css(["border-color:", ";border-color:var(--cb-color-input-border,", ");"], COLOR.INPUT_BORDER, COLOR.INPUT_BORDER);
@@ -1,4 +1,4 @@
1
- // generated by generator-code-mixin-link.ts
1
+ // generated by generate-code-mixin-link.ts
2
2
  import { css } from 'styled-components';
3
3
  import { COLOR } from '../var';
4
4
  var linkCommon = css(["transition:all ease-in-out 0.3s;&:link{text-decoration:none;}&:hover{text-decoration:underline;}"]);
@@ -0,0 +1,14 @@
1
+ // generated by generate-code-mixin-reset.ts
2
+ import { css } from 'styled-components';
3
+ import { COLOR } from '../var';
4
+ export var mixinInputReset = css(["border:1px solid transparent;box-sizing:border-box;outline:none;background-color:transparent;transition:all ease-in-out 0.3s;&::placeholder{color:", ";color:var(--cb-color-input-placeholder,", ");}&::-ms-clear{display:none;}"], COLOR.INPUT_PLACEHOLDER, COLOR.INPUT_PLACEHOLDER);
5
+ /**
6
+ * 对按钮样式进行重置:
7
+ *
8
+ * 1. 去掉 padding、background、border,定义 outline 以防止丑陋的 Chrome focus outline 样式
9
+ * 2. 设置字体(family、颜色、大小、行间距等)继承
10
+ * 3. 避免 link hover 的样式干扰
11
+ * 4. 定义 disabled 的基础样式
12
+ */
13
+
14
+ export var mixinButtonReset = css(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&[disabled]{cursor:not-allowed;}"]);
@@ -1,4 +1,4 @@
1
- // generated by generator-code-mixin-shadow.ts
1
+ // generated by generate-code-mixin-shadow.ts
2
2
  import { css } from 'styled-components';
3
3
  import { COLOR } from '../var';
4
4
  export var mixinShadowS = css(["box-shadow:0 0 2px 0 ", ";box-shadow:0 0 2px 0 var(--cb-color-shadow,", ");"], COLOR.SHADOW, COLOR.SHADOW);
@@ -1,4 +1,4 @@
1
- // generated by generator-code-mixin-text.ts
1
+ // generated by generate-code-mixin-text.ts
2
2
  import { css } from 'styled-components';
3
3
  import { COLOR } from '../var';
4
4
  export var mixinTextTransparent = css(["color:", ";color:var(--cb-color-text-transparent,", ");"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_TRANSPARENT);
@@ -3,7 +3,9 @@ import { TYPO, COLOR } from '../var';
3
3
  import { mixinTextPrimary, mixinTextEmphasis, mixinTextCode, mixinTextSecondary, mixinTextTertiary } from './text';
4
4
  import { mixinBgSecondary, mixinBgSecondaryFade } from './bg';
5
5
  import { mixinBorderTertiary, mixinBorderTertiaryColor } from './border';
6
- export var mixinTypoFontFamilyBase = css(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");"], TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE);
6
+ export var mixinTypoFontFamilyBase = css(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");"], TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE); // 日文专属
7
+
8
+ export var mixinTypoFontFamilyBaseJa = css(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_BASE_JA);
7
9
  export var mixinTypoFontFamilyMono = css(["font-family:", ";font-family:var(--cb-typo-font-family-monospace,", ");"], TYPO.FONT_FAMILY_MONOSPACE, TYPO.FONT_FAMILY_MONOSPACE);
8
10
  export var mixinTypoFontBase = css(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", ""], mixinTypoFontFamilyBase);
9
11
  export var mixinTypoStrong = css(["font-weight:600;", ""], mixinTextPrimary);
@@ -1,4 +1,4 @@
1
- // generated by generator-code-global-style.ts
1
+ // generated by generate-code-global-style.ts
2
2
  import { createGlobalStyle } from 'styled-components';
3
3
  export default function createThemeGlobalStyle(_ref) {
4
4
  var COLOR = _ref.COLOR,
@@ -3,5 +3,6 @@
3
3
  */
4
4
  export default {
5
5
  FONT_FAMILY_BASE: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif',
6
+ FONT_FAMILY_BASE_JA: '"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "MS Pゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif',
6
7
  FONT_FAMILY_MONOSPACE: 'Operator Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace'
7
8
  };
@@ -5,6 +5,11 @@ export default {
5
5
  // 全局工具
6
6
  MICRO_BROWSER: 1200,
7
7
  // 微浏览器
8
+ // 浮层(dropdown、tooltip 等)
9
+ POPUP: 10,
10
+ // inline 的时候
11
+ POPUP_GLOBAL: 1001,
12
+ // 全局(在 body 下)的时候
8
13
  // dialog 主体
9
14
  DIALOG_SLIDE: 200,
10
15
  // 侧拉抽屉
@@ -1,11 +1,3 @@
1
- /**
2
- * 对按钮样式进行重置:
3
- * 1. 去掉 padding、background、border,定义 outline 以防止丑陋的 Chrome focus outline 样式
4
- * 2. 设置字体(family、颜色、大小、行间距等)继承
5
- * 3. 避免 link hover 的样式干扰
6
- * 4. 定义 disabled 的基础样式
7
- */
8
- export declare const mixinButtonReset: import("styled-components").FlattenSimpleInterpolation;
9
1
  export declare const mixinButtonShadow: import("styled-components").FlattenSimpleInterpolation;
10
2
  export declare const mixinButtonSizeXs: import("styled-components").FlattenSimpleInterpolation;
11
3
  export declare const mixinButtonSizeS: import("styled-components").FlattenSimpleInterpolation;
@@ -1,7 +1,8 @@
1
1
  /**
2
- * 每个文件(除了 typo)的代码是通过 demo-default 自动生成拷贝过来的,
2
+ * 除了 typo 外,每个文件的代码是通过 demo-default 自动生成拷贝过来的,
3
3
  * 其每个输出变量的命名格式为 `mixinXx...` 其中 Xx 是文件名
4
4
  */
5
+ export * from './reset';
5
6
  export * from './text';
6
7
  export * from './bg';
7
8
  export * from './border';
@@ -1,4 +1,3 @@
1
- export declare const mixinInputReset: import("styled-components").FlattenSimpleInterpolation;
2
1
  export declare const mixinInputText: import("styled-components").FlattenSimpleInterpolation;
3
2
  export declare const mixinInputBg: import("styled-components").FlattenSimpleInterpolation;
4
3
  export declare const mixinInputBorder: import("styled-components").FlattenSimpleInterpolation;
@@ -0,0 +1,10 @@
1
+ export declare const mixinInputReset: import("styled-components").FlattenSimpleInterpolation;
2
+ /**
3
+ * 对按钮样式进行重置:
4
+ *
5
+ * 1. 去掉 padding、background、border,定义 outline 以防止丑陋的 Chrome focus outline 样式
6
+ * 2. 设置字体(family、颜色、大小、行间距等)继承
7
+ * 3. 避免 link hover 的样式干扰
8
+ * 4. 定义 disabled 的基础样式
9
+ */
10
+ export declare const mixinButtonReset: import("styled-components").FlattenSimpleInterpolation;
@@ -1,5 +1,6 @@
1
1
  import { IPropsEllipsisLines } from '../types';
2
2
  export declare const mixinTypoFontFamilyBase: import("styled-components").FlattenSimpleInterpolation;
3
+ export declare const mixinTypoFontFamilyBaseJa: import("styled-components").FlattenSimpleInterpolation;
3
4
  export declare const mixinTypoFontFamilyMono: import("styled-components").FlattenSimpleInterpolation;
4
5
  export declare const mixinTypoFontBase: import("styled-components").FlattenSimpleInterpolation;
5
6
  export declare const mixinTypoStrong: import("styled-components").FlattenSimpleInterpolation;
@@ -9,6 +9,7 @@ declare const _default: {
9
9
  COLOR: ThemeColors;
10
10
  TYPO: {
11
11
  FONT_FAMILY_BASE: string;
12
+ FONT_FAMILY_BASE_JA: string;
12
13
  FONT_FAMILY_MONOSPACE: string;
13
14
  };
14
15
  SIZE: {
@@ -65,6 +66,8 @@ declare const _default: {
65
66
  TOP_NAV: number;
66
67
  TOOLKIT: number;
67
68
  MICRO_BROWSER: number;
69
+ POPUP: number;
70
+ POPUP_GLOBAL: number;
68
71
  DIALOG_SLIDE: number;
69
72
  DIALOG_NORMAL: number;
70
73
  DIALOG_SYS: number;
@@ -1,5 +1,6 @@
1
1
  declare const _default: {
2
2
  FONT_FAMILY_BASE: string;
3
+ FONT_FAMILY_BASE_JA: string;
3
4
  FONT_FAMILY_MONOSPACE: string;
4
5
  };
5
6
  /**
@@ -2,6 +2,8 @@ declare const _default: {
2
2
  TOP_NAV: number;
3
3
  TOOLKIT: number;
4
4
  MICRO_BROWSER: number;
5
+ POPUP: number;
6
+ POPUP_GLOBAL: number;
5
7
  DIALOG_SLIDE: number;
6
8
  DIALOG_NORMAL: number;
7
9
  DIALOG_SYS: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alicloud/console-base-theme",
3
- "version": "1.4.2",
3
+ "version": "1.4.5",
4
4
  "description": "控制台主题 - 基于 css variable 和 styled-components",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,
@@ -25,22 +25,22 @@
25
25
  ],
26
26
  "devDependencies": {
27
27
  "@alicloud/console-toolkit-cli": "^1.2.30",
28
- "@alicloud/console-toolkit-preset-component": "^1.2.53",
29
- "@alicloud/demo-rc-elements": "^1.5.2",
30
- "@types/lodash": "^4.14.178",
31
- "@types/react": "^17.0.39",
32
- "@types/styled-components": "^5.1.23",
28
+ "@alicloud/console-toolkit-preset-component": "^1.2.56",
29
+ "@alicloud/demo-rc-elements": "^1.5.4",
30
+ "@types/lodash": "^4.14.182",
31
+ "@types/react": "^17.0.43",
32
+ "@types/styled-components": "^5.1.25",
33
33
  "lodash": "^4.17.21",
34
34
  "react": "^17.0.2",
35
- "styled-components": "^5.3.3",
36
- "typescript": "^4.5.5"
35
+ "styled-components": "^5.3.5",
36
+ "typescript": "^4.6.3"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "styled-components": ">=5"
40
40
  },
41
41
  "dependencies": {
42
42
  "@alicloud/console-base-theme-color": "^1.1.84",
43
- "@alicloud/mere-dom": "^1.3.0"
43
+ "@alicloud/mere-dom": "^1.3.1"
44
44
  },
45
45
  "scripts": {
46
46
  "start": "breezr start-storybook",