@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.
- package/build/cjs/mixin/bg.js +1 -1
- package/build/cjs/mixin/border-radius.js +1 -1
- package/build/cjs/mixin/border.js +2 -2
- package/build/cjs/mixin/button.js +20 -30
- package/build/cjs/mixin/index.js +13 -0
- package/build/cjs/mixin/input.js +2 -4
- package/build/cjs/mixin/link.js +1 -1
- package/build/cjs/mixin/reset.js +25 -0
- package/build/cjs/mixin/shadow.js +1 -1
- package/build/cjs/mixin/text.js +1 -1
- package/build/cjs/mixin/typo.js +5 -2
- package/build/cjs/util/create-theme-global-style.js +1 -1
- package/build/cjs/var/typo.js +1 -0
- package/build/cjs/var/z-index.js +5 -0
- package/build/es/mixin/bg.js +1 -1
- package/build/es/mixin/border-radius.js +1 -1
- package/build/es/mixin/border.js +1 -1
- package/build/es/mixin/button.js +18 -27
- package/build/es/mixin/index.js +2 -1
- package/build/es/mixin/input.js +1 -2
- package/build/es/mixin/link.js +1 -1
- package/build/es/mixin/reset.js +14 -0
- package/build/es/mixin/shadow.js +1 -1
- package/build/es/mixin/text.js +1 -1
- package/build/es/mixin/typo.js +3 -1
- package/build/es/util/create-theme-global-style.js +1 -1
- package/build/es/var/typo.js +1 -0
- package/build/es/var/z-index.js +5 -0
- package/build/types/mixin/button.d.ts +0 -8
- package/build/types/mixin/index.d.ts +2 -1
- package/build/types/mixin/input.d.ts +0 -1
- package/build/types/mixin/reset.d.ts +10 -0
- package/build/types/mixin/typo.d.ts +1 -0
- package/build/types/var/index.d.ts +3 -0
- package/build/types/var/typo.d.ts +1 -0
- package/build/types/var/z-index.d.ts +2 -0
- package/package.json +9 -9
package/build/cjs/mixin/bg.js
CHANGED
|
@@ -9,7 +9,7 @@ var _styledComponents = require("styled-components");
|
|
|
9
9
|
|
|
10
10
|
var _var = require("../var");
|
|
11
11
|
|
|
12
|
-
// generated by
|
|
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
|
|
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 =
|
|
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
|
|
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.
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
573
|
+
var mixinButtonTextBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandSecondaryStateNormal, mixinButtonTextBrandSecondaryColorStateNormal, mixinButtonTextBrandSecondaryStateHover, mixinButtonTextBrandSecondaryStateActive, mixinButtonTextBrandSecondaryStateDisabled);
|
|
584
574
|
exports.mixinButtonTextBrandSecondary = mixinButtonTextBrandSecondary;
|
package/build/cjs/mixin/index.js
CHANGED
|
@@ -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) {
|
package/build/cjs/mixin/input.js
CHANGED
|
@@ -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.
|
|
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
|
|
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);
|
package/build/cjs/mixin/link.js
CHANGED
|
@@ -9,7 +9,7 @@ var _styledComponents = require("styled-components");
|
|
|
9
9
|
|
|
10
10
|
var _var = require("../var");
|
|
11
11
|
|
|
12
|
-
// generated by
|
|
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
|
|
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);
|
package/build/cjs/mixin/text.js
CHANGED
|
@@ -9,7 +9,7 @@ var _styledComponents = require("styled-components");
|
|
|
9
9
|
|
|
10
10
|
var _var = require("../var");
|
|
11
11
|
|
|
12
|
-
// generated by
|
|
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);
|
package/build/cjs/mixin/typo.js
CHANGED
|
@@ -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
|
|
10
|
+
// generated by generate-code-global-style.ts
|
|
11
11
|
function createThemeGlobalStyle(_ref) {
|
|
12
12
|
var COLOR = _ref.COLOR,
|
|
13
13
|
TYPO = _ref.TYPO,
|
package/build/cjs/var/typo.js
CHANGED
|
@@ -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;
|
package/build/cjs/var/z-index.js
CHANGED
package/build/es/mixin/bg.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// generated by
|
|
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
|
|
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);
|
package/build/es/mixin/border.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// generated by
|
|
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);
|
package/build/es/mixin/button.js
CHANGED
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
// generated by
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
284
|
+
export var mixinButtonTextBrandSecondary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandSecondaryStateNormal, mixinButtonTextBrandSecondaryColorStateNormal, mixinButtonTextBrandSecondaryStateHover, mixinButtonTextBrandSecondaryStateActive, mixinButtonTextBrandSecondaryStateDisabled);
|
package/build/es/mixin/index.js
CHANGED
package/build/es/mixin/input.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
// generated by
|
|
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);
|
package/build/es/mixin/link.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// generated by
|
|
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;}"]);
|
package/build/es/mixin/shadow.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// generated by
|
|
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);
|
package/build/es/mixin/text.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// generated by
|
|
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);
|
package/build/es/mixin/typo.js
CHANGED
|
@@ -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);
|
package/build/es/var/typo.js
CHANGED
|
@@ -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
|
};
|
package/build/es/var/z-index.js
CHANGED
|
@@ -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,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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alicloud/console-base-theme",
|
|
3
|
-
"version": "1.4.
|
|
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.
|
|
29
|
-
"@alicloud/demo-rc-elements": "^1.5.
|
|
30
|
-
"@types/lodash": "^4.14.
|
|
31
|
-
"@types/react": "^17.0.
|
|
32
|
-
"@types/styled-components": "^5.1.
|
|
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.
|
|
36
|
-
"typescript": "^4.
|
|
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.
|
|
43
|
+
"@alicloud/mere-dom": "^1.3.1"
|
|
44
44
|
},
|
|
45
45
|
"scripts": {
|
|
46
46
|
"start": "breezr start-storybook",
|