@alicloud/console-base-theme 1.4.3 → 1.4.6
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 -20
- package/build/cjs/mixin/input.js +1 -1
- package/build/cjs/mixin/link.js +1 -1
- package/build/cjs/mixin/reset.js +1 -1
- package/build/cjs/mixin/shadow.js +1 -1
- package/build/cjs/mixin/text.js +1 -1
- package/build/cjs/mixin/typo.js +8 -4
- package/build/cjs/util/create-theme-global-style.js +1 -1
- package/build/cjs/var/typo.js +1 -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 -18
- package/build/es/mixin/input.js +1 -1
- package/build/es/mixin/link.js +1 -1
- package/build/es/mixin/reset.js +1 -1
- package/build/es/mixin/shadow.js +1 -1
- package/build/es/mixin/text.js +1 -1
- package/build/es/mixin/typo.js +6 -3
- package/build/es/util/create-theme-global-style.js +1 -1
- package/build/es/var/typo.js +1 -0
- package/build/types/mixin/typo.d.ts +1 -0
- package/build/types/var/index.d.ts +1 -0
- package/build/types/var/typo.d.ts +1 -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.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 =
|
|
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.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,8 +13,8 @@ var _var = require("../var");
|
|
|
13
13
|
|
|
14
14
|
var _shadow = require("./shadow");
|
|
15
15
|
|
|
16
|
-
// generated by
|
|
17
|
-
var mixinButtonShadow = (0, _styledComponents.css)(["&:hover
|
|
16
|
+
// generated by generate-code-mixin-button.ts
|
|
17
|
+
var mixinButtonShadow = (0, _styledComponents.css)(["&:hover{", "}&:active,&:disabled{box-shadow:none;}"], _shadow.mixinShadowLDown); // size mixins
|
|
18
18
|
|
|
19
19
|
exports.mixinButtonShadow = mixinButtonShadow;
|
|
20
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);
|
|
@@ -60,7 +60,7 @@ var mixinButtonDangerBorderStateDisabled = (0, _styledComponents.css)(["border-c
|
|
|
60
60
|
exports.mixinButtonDangerBorderStateDisabled = mixinButtonDangerBorderStateDisabled;
|
|
61
61
|
var mixinButtonDangerStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonDangerColorStateDisabled, mixinButtonDangerBgStateDisabled, mixinButtonDangerBorderStateDisabled);
|
|
62
62
|
exports.mixinButtonDangerStateDisabled = mixinButtonDangerStateDisabled;
|
|
63
|
-
var mixinButtonDanger = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
63
|
+
var mixinButtonDanger = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonDangerStateNormal, mixinButtonDangerColorStateNormal, mixinButtonDangerStateHover, mixinButtonDangerStateActive, mixinButtonDangerStateDisabled);
|
|
64
64
|
exports.mixinButtonDanger = mixinButtonDanger;
|
|
65
65
|
var mixinButtonMenuColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-menu-text,", ");"], _var.COLOR.BUTTON_MENU_TEXT, _var.COLOR.BUTTON_MENU_TEXT);
|
|
66
66
|
exports.mixinButtonMenuColorStateNormal = mixinButtonMenuColorStateNormal;
|
|
@@ -94,7 +94,7 @@ var mixinButtonMenuBorderStateDisabled = (0, _styledComponents.css)(["border-col
|
|
|
94
94
|
exports.mixinButtonMenuBorderStateDisabled = mixinButtonMenuBorderStateDisabled;
|
|
95
95
|
var mixinButtonMenuStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonMenuColorStateDisabled, mixinButtonMenuBgStateDisabled, mixinButtonMenuBorderStateDisabled);
|
|
96
96
|
exports.mixinButtonMenuStateDisabled = mixinButtonMenuStateDisabled;
|
|
97
|
-
var mixinButtonMenu = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
97
|
+
var mixinButtonMenu = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonMenuStateNormal, mixinButtonMenuColorStateNormal, mixinButtonMenuStateHover, mixinButtonMenuStateActive, mixinButtonMenuStateDisabled);
|
|
98
98
|
exports.mixinButtonMenu = mixinButtonMenu;
|
|
99
99
|
var mixinButtonPrimaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-primary-text,", ");"], _var.COLOR.BUTTON_PRIMARY_TEXT, _var.COLOR.BUTTON_PRIMARY_TEXT);
|
|
100
100
|
exports.mixinButtonPrimaryColorStateNormal = mixinButtonPrimaryColorStateNormal;
|
|
@@ -128,7 +128,7 @@ var mixinButtonPrimaryBorderStateDisabled = (0, _styledComponents.css)(["border-
|
|
|
128
128
|
exports.mixinButtonPrimaryBorderStateDisabled = mixinButtonPrimaryBorderStateDisabled;
|
|
129
129
|
var mixinButtonPrimaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonPrimaryColorStateDisabled, mixinButtonPrimaryBgStateDisabled, mixinButtonPrimaryBorderStateDisabled);
|
|
130
130
|
exports.mixinButtonPrimaryStateDisabled = mixinButtonPrimaryStateDisabled;
|
|
131
|
-
var mixinButtonPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
131
|
+
var mixinButtonPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonPrimaryStateNormal, mixinButtonPrimaryColorStateNormal, mixinButtonPrimaryStateHover, mixinButtonPrimaryStateActive, mixinButtonPrimaryStateDisabled);
|
|
132
132
|
exports.mixinButtonPrimary = mixinButtonPrimary;
|
|
133
133
|
var mixinButtonSecondaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-secondary-text,", ");"], _var.COLOR.BUTTON_SECONDARY_TEXT, _var.COLOR.BUTTON_SECONDARY_TEXT);
|
|
134
134
|
exports.mixinButtonSecondaryColorStateNormal = mixinButtonSecondaryColorStateNormal;
|
|
@@ -162,7 +162,7 @@ var mixinButtonSecondaryBorderStateDisabled = (0, _styledComponents.css)(["borde
|
|
|
162
162
|
exports.mixinButtonSecondaryBorderStateDisabled = mixinButtonSecondaryBorderStateDisabled;
|
|
163
163
|
var mixinButtonSecondaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonSecondaryColorStateDisabled, mixinButtonSecondaryBgStateDisabled, mixinButtonSecondaryBorderStateDisabled);
|
|
164
164
|
exports.mixinButtonSecondaryStateDisabled = mixinButtonSecondaryStateDisabled;
|
|
165
|
-
var mixinButtonSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
165
|
+
var mixinButtonSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryStateNormal, mixinButtonSecondaryColorStateNormal, mixinButtonSecondaryStateHover, mixinButtonSecondaryStateActive, mixinButtonSecondaryStateDisabled);
|
|
166
166
|
exports.mixinButtonSecondary = mixinButtonSecondary;
|
|
167
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);
|
|
168
168
|
exports.mixinButtonSecondaryAltColorStateNormal = mixinButtonSecondaryAltColorStateNormal;
|
|
@@ -196,7 +196,7 @@ var mixinButtonSecondaryAltBorderStateDisabled = (0, _styledComponents.css)(["bo
|
|
|
196
196
|
exports.mixinButtonSecondaryAltBorderStateDisabled = mixinButtonSecondaryAltBorderStateDisabled;
|
|
197
197
|
var mixinButtonSecondaryAltStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonSecondaryAltColorStateDisabled, mixinButtonSecondaryAltBgStateDisabled, mixinButtonSecondaryAltBorderStateDisabled);
|
|
198
198
|
exports.mixinButtonSecondaryAltStateDisabled = mixinButtonSecondaryAltStateDisabled;
|
|
199
|
-
var mixinButtonSecondaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
199
|
+
var mixinButtonSecondaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryAltStateNormal, mixinButtonSecondaryAltColorStateNormal, mixinButtonSecondaryAltStateHover, mixinButtonSecondaryAltStateActive, mixinButtonSecondaryAltStateDisabled);
|
|
200
200
|
exports.mixinButtonSecondaryAlt = mixinButtonSecondaryAlt;
|
|
201
201
|
var mixinButtonTertiaryColorStateNormal = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-button-tertiary-text,", ");"], _var.COLOR.BUTTON_TERTIARY_TEXT, _var.COLOR.BUTTON_TERTIARY_TEXT);
|
|
202
202
|
exports.mixinButtonTertiaryColorStateNormal = mixinButtonTertiaryColorStateNormal;
|
|
@@ -230,7 +230,7 @@ var mixinButtonTertiaryBorderStateDisabled = (0, _styledComponents.css)(["border
|
|
|
230
230
|
exports.mixinButtonTertiaryBorderStateDisabled = mixinButtonTertiaryBorderStateDisabled;
|
|
231
231
|
var mixinButtonTertiaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTertiaryColorStateDisabled, mixinButtonTertiaryBgStateDisabled, mixinButtonTertiaryBorderStateDisabled);
|
|
232
232
|
exports.mixinButtonTertiaryStateDisabled = mixinButtonTertiaryStateDisabled;
|
|
233
|
-
var mixinButtonTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
233
|
+
var mixinButtonTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryStateNormal, mixinButtonTertiaryColorStateNormal, mixinButtonTertiaryStateHover, mixinButtonTertiaryStateActive, mixinButtonTertiaryStateDisabled);
|
|
234
234
|
exports.mixinButtonTertiary = mixinButtonTertiary;
|
|
235
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);
|
|
236
236
|
exports.mixinButtonTertiaryAltColorStateNormal = mixinButtonTertiaryAltColorStateNormal;
|
|
@@ -264,7 +264,7 @@ var mixinButtonTertiaryAltBorderStateDisabled = (0, _styledComponents.css)(["bor
|
|
|
264
264
|
exports.mixinButtonTertiaryAltBorderStateDisabled = mixinButtonTertiaryAltBorderStateDisabled;
|
|
265
265
|
var mixinButtonTertiaryAltStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTertiaryAltColorStateDisabled, mixinButtonTertiaryAltBgStateDisabled, mixinButtonTertiaryAltBorderStateDisabled);
|
|
266
266
|
exports.mixinButtonTertiaryAltStateDisabled = mixinButtonTertiaryAltStateDisabled;
|
|
267
|
-
var mixinButtonTertiaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
267
|
+
var mixinButtonTertiaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryAltStateNormal, mixinButtonTertiaryAltColorStateNormal, mixinButtonTertiaryAltStateHover, mixinButtonTertiaryAltStateActive, mixinButtonTertiaryAltStateDisabled);
|
|
268
268
|
exports.mixinButtonTertiaryAlt = mixinButtonTertiaryAlt;
|
|
269
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);
|
|
270
270
|
exports.mixinButtonBrandPrimaryColorStateNormal = mixinButtonBrandPrimaryColorStateNormal;
|
|
@@ -298,7 +298,7 @@ var mixinButtonBrandPrimaryBorderStateDisabled = (0, _styledComponents.css)(["bo
|
|
|
298
298
|
exports.mixinButtonBrandPrimaryBorderStateDisabled = mixinButtonBrandPrimaryBorderStateDisabled;
|
|
299
299
|
var mixinButtonBrandPrimaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonBrandPrimaryColorStateDisabled, mixinButtonBrandPrimaryBgStateDisabled, mixinButtonBrandPrimaryBorderStateDisabled);
|
|
300
300
|
exports.mixinButtonBrandPrimaryStateDisabled = mixinButtonBrandPrimaryStateDisabled;
|
|
301
|
-
var mixinButtonBrandPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
301
|
+
var mixinButtonBrandPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandPrimaryStateNormal, mixinButtonBrandPrimaryColorStateNormal, mixinButtonBrandPrimaryStateHover, mixinButtonBrandPrimaryStateActive, mixinButtonBrandPrimaryStateDisabled);
|
|
302
302
|
exports.mixinButtonBrandPrimary = mixinButtonBrandPrimary;
|
|
303
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);
|
|
304
304
|
exports.mixinButtonBrandSecondaryColorStateNormal = mixinButtonBrandSecondaryColorStateNormal;
|
|
@@ -332,7 +332,7 @@ var mixinButtonBrandSecondaryBorderStateDisabled = (0, _styledComponents.css)(["
|
|
|
332
332
|
exports.mixinButtonBrandSecondaryBorderStateDisabled = mixinButtonBrandSecondaryBorderStateDisabled;
|
|
333
333
|
var mixinButtonBrandSecondaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonBrandSecondaryColorStateDisabled, mixinButtonBrandSecondaryBgStateDisabled, mixinButtonBrandSecondaryBorderStateDisabled);
|
|
334
334
|
exports.mixinButtonBrandSecondaryStateDisabled = mixinButtonBrandSecondaryStateDisabled;
|
|
335
|
-
var mixinButtonBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
335
|
+
var mixinButtonBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryStateNormal, mixinButtonBrandSecondaryColorStateNormal, mixinButtonBrandSecondaryStateHover, mixinButtonBrandSecondaryStateActive, mixinButtonBrandSecondaryStateDisabled);
|
|
336
336
|
exports.mixinButtonBrandSecondary = mixinButtonBrandSecondary;
|
|
337
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);
|
|
338
338
|
exports.mixinButtonBrandSecondaryAltColorStateNormal = mixinButtonBrandSecondaryAltColorStateNormal;
|
|
@@ -366,7 +366,7 @@ var mixinButtonBrandSecondaryAltBorderStateDisabled = (0, _styledComponents.css)
|
|
|
366
366
|
exports.mixinButtonBrandSecondaryAltBorderStateDisabled = mixinButtonBrandSecondaryAltBorderStateDisabled;
|
|
367
367
|
var mixinButtonBrandSecondaryAltStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonBrandSecondaryAltColorStateDisabled, mixinButtonBrandSecondaryAltBgStateDisabled, mixinButtonBrandSecondaryAltBorderStateDisabled);
|
|
368
368
|
exports.mixinButtonBrandSecondaryAltStateDisabled = mixinButtonBrandSecondaryAltStateDisabled;
|
|
369
|
-
var mixinButtonBrandSecondaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
369
|
+
var mixinButtonBrandSecondaryAlt = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryAltStateNormal, mixinButtonBrandSecondaryAltColorStateNormal, mixinButtonBrandSecondaryAltStateHover, mixinButtonBrandSecondaryAltStateActive, mixinButtonBrandSecondaryAltStateDisabled);
|
|
370
370
|
exports.mixinButtonBrandSecondaryAlt = mixinButtonBrandSecondaryAlt;
|
|
371
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);
|
|
372
372
|
exports.mixinButtonBrandTertiaryColorStateNormal = mixinButtonBrandTertiaryColorStateNormal;
|
|
@@ -400,7 +400,7 @@ var mixinButtonBrandTertiaryBorderStateDisabled = (0, _styledComponents.css)(["b
|
|
|
400
400
|
exports.mixinButtonBrandTertiaryBorderStateDisabled = mixinButtonBrandTertiaryBorderStateDisabled;
|
|
401
401
|
var mixinButtonBrandTertiaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonBrandTertiaryColorStateDisabled, mixinButtonBrandTertiaryBgStateDisabled, mixinButtonBrandTertiaryBorderStateDisabled);
|
|
402
402
|
exports.mixinButtonBrandTertiaryStateDisabled = mixinButtonBrandTertiaryStateDisabled;
|
|
403
|
-
var mixinButtonBrandTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
403
|
+
var mixinButtonBrandTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandTertiaryStateNormal, mixinButtonBrandTertiaryColorStateNormal, mixinButtonBrandTertiaryStateHover, mixinButtonBrandTertiaryStateActive, mixinButtonBrandTertiaryStateDisabled);
|
|
404
404
|
exports.mixinButtonBrandTertiary = mixinButtonBrandTertiary;
|
|
405
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);
|
|
406
406
|
exports.mixinButtonTextPrimaryColorStateNormal = mixinButtonTextPrimaryColorStateNormal;
|
|
@@ -434,7 +434,7 @@ var mixinButtonTextPrimaryBorderStateDisabled = (0, _styledComponents.css)(["bor
|
|
|
434
434
|
exports.mixinButtonTextPrimaryBorderStateDisabled = mixinButtonTextPrimaryBorderStateDisabled;
|
|
435
435
|
var mixinButtonTextPrimaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextPrimaryColorStateDisabled, mixinButtonTextPrimaryBgStateDisabled, mixinButtonTextPrimaryBorderStateDisabled);
|
|
436
436
|
exports.mixinButtonTextPrimaryStateDisabled = mixinButtonTextPrimaryStateDisabled;
|
|
437
|
-
var mixinButtonTextPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
437
|
+
var mixinButtonTextPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextPrimaryStateNormal, mixinButtonTextPrimaryColorStateNormal, mixinButtonTextPrimaryStateHover, mixinButtonTextPrimaryStateActive, mixinButtonTextPrimaryStateDisabled);
|
|
438
438
|
exports.mixinButtonTextPrimary = mixinButtonTextPrimary;
|
|
439
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);
|
|
440
440
|
exports.mixinButtonTextSecondaryColorStateNormal = mixinButtonTextSecondaryColorStateNormal;
|
|
@@ -468,7 +468,7 @@ var mixinButtonTextSecondaryBorderStateDisabled = (0, _styledComponents.css)(["b
|
|
|
468
468
|
exports.mixinButtonTextSecondaryBorderStateDisabled = mixinButtonTextSecondaryBorderStateDisabled;
|
|
469
469
|
var mixinButtonTextSecondaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextSecondaryColorStateDisabled, mixinButtonTextSecondaryBgStateDisabled, mixinButtonTextSecondaryBorderStateDisabled);
|
|
470
470
|
exports.mixinButtonTextSecondaryStateDisabled = mixinButtonTextSecondaryStateDisabled;
|
|
471
|
-
var mixinButtonTextSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
471
|
+
var mixinButtonTextSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextSecondaryStateNormal, mixinButtonTextSecondaryColorStateNormal, mixinButtonTextSecondaryStateHover, mixinButtonTextSecondaryStateActive, mixinButtonTextSecondaryStateDisabled);
|
|
472
472
|
exports.mixinButtonTextSecondary = mixinButtonTextSecondary;
|
|
473
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);
|
|
474
474
|
exports.mixinButtonTextTertiaryColorStateNormal = mixinButtonTextTertiaryColorStateNormal;
|
|
@@ -502,7 +502,7 @@ var mixinButtonTextTertiaryBorderStateDisabled = (0, _styledComponents.css)(["bo
|
|
|
502
502
|
exports.mixinButtonTextTertiaryBorderStateDisabled = mixinButtonTextTertiaryBorderStateDisabled;
|
|
503
503
|
var mixinButtonTextTertiaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextTertiaryColorStateDisabled, mixinButtonTextTertiaryBgStateDisabled, mixinButtonTextTertiaryBorderStateDisabled);
|
|
504
504
|
exports.mixinButtonTextTertiaryStateDisabled = mixinButtonTextTertiaryStateDisabled;
|
|
505
|
-
var mixinButtonTextTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
505
|
+
var mixinButtonTextTertiary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextTertiaryStateNormal, mixinButtonTextTertiaryColorStateNormal, mixinButtonTextTertiaryStateHover, mixinButtonTextTertiaryStateActive, mixinButtonTextTertiaryStateDisabled);
|
|
506
506
|
exports.mixinButtonTextTertiary = mixinButtonTextTertiary;
|
|
507
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);
|
|
508
508
|
exports.mixinButtonTextBrandPrimaryColorStateNormal = mixinButtonTextBrandPrimaryColorStateNormal;
|
|
@@ -536,7 +536,7 @@ var mixinButtonTextBrandPrimaryBorderStateDisabled = (0, _styledComponents.css)(
|
|
|
536
536
|
exports.mixinButtonTextBrandPrimaryBorderStateDisabled = mixinButtonTextBrandPrimaryBorderStateDisabled;
|
|
537
537
|
var mixinButtonTextBrandPrimaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextBrandPrimaryColorStateDisabled, mixinButtonTextBrandPrimaryBgStateDisabled, mixinButtonTextBrandPrimaryBorderStateDisabled);
|
|
538
538
|
exports.mixinButtonTextBrandPrimaryStateDisabled = mixinButtonTextBrandPrimaryStateDisabled;
|
|
539
|
-
var mixinButtonTextBrandPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
539
|
+
var mixinButtonTextBrandPrimary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandPrimaryStateNormal, mixinButtonTextBrandPrimaryColorStateNormal, mixinButtonTextBrandPrimaryStateHover, mixinButtonTextBrandPrimaryStateActive, mixinButtonTextBrandPrimaryStateDisabled);
|
|
540
540
|
exports.mixinButtonTextBrandPrimary = mixinButtonTextBrandPrimary;
|
|
541
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);
|
|
542
542
|
exports.mixinButtonTextBrandSecondaryColorStateNormal = mixinButtonTextBrandSecondaryColorStateNormal;
|
|
@@ -570,5 +570,5 @@ var mixinButtonTextBrandSecondaryBorderStateDisabled = (0, _styledComponents.css
|
|
|
570
570
|
exports.mixinButtonTextBrandSecondaryBorderStateDisabled = mixinButtonTextBrandSecondaryBorderStateDisabled;
|
|
571
571
|
var mixinButtonTextBrandSecondaryStateDisabled = (0, _styledComponents.css)(["", " ", " ", ""], mixinButtonTextBrandSecondaryColorStateDisabled, mixinButtonTextBrandSecondaryBgStateDisabled, mixinButtonTextBrandSecondaryBorderStateDisabled);
|
|
572
572
|
exports.mixinButtonTextBrandSecondaryStateDisabled = mixinButtonTextBrandSecondaryStateDisabled;
|
|
573
|
-
var mixinButtonTextBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover
|
|
573
|
+
var mixinButtonTextBrandSecondary = (0, _styledComponents.css)(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandSecondaryStateNormal, mixinButtonTextBrandSecondaryColorStateNormal, mixinButtonTextBrandSecondaryStateHover, mixinButtonTextBrandSecondaryStateActive, mixinButtonTextBrandSecondaryStateDisabled);
|
|
574
574
|
exports.mixinButtonTextBrandSecondary = mixinButtonTextBrandSecondary;
|
package/build/cjs/mixin/input.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-input.ts
|
|
13
13
|
var mixinInputText = (0, _styledComponents.css)(["color:", ";color:var(--cb-color-input-text,", ");"], _var.COLOR.INPUT_TEXT, _var.COLOR.INPUT_TEXT);
|
|
14
14
|
exports.mixinInputText = mixinInputText;
|
|
15
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;
|
package/build/cjs/mixin/reset.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-reset.ts
|
|
13
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
14
|
/**
|
|
15
15
|
* 对按钮样式进行重置:
|
|
@@ -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,11 +15,15 @@ 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;
|
|
20
|
-
var
|
|
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;
|
|
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); // lang-ja 是 console-base 注入到 body 的 className,虽然有些耦合,但比较实用
|
|
24
|
+
|
|
21
25
|
exports.mixinTypoFontFamilyMono = mixinTypoFontFamilyMono;
|
|
22
|
-
var mixinTypoFontBase = (0, _styledComponents.css)(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", ""], mixinTypoFontFamilyBase);
|
|
26
|
+
var mixinTypoFontBase = (0, _styledComponents.css)(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", " body.lang-ja &{", "}"], mixinTypoFontFamilyBase, mixinTypoFontFamilyBaseJa);
|
|
23
27
|
exports.mixinTypoFontBase = mixinTypoFontBase;
|
|
24
28
|
var mixinTypoStrong = (0, _styledComponents.css)(["font-weight:600;", ""], _text.mixinTextPrimary);
|
|
25
29
|
exports.mixinTypoStrong = mixinTypoStrong;
|
|
@@ -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/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,8 +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
|
-
export var mixinButtonShadow = css(["&:hover
|
|
5
|
+
export var mixinButtonShadow = css(["&:hover{", "}&:active,&:disabled{box-shadow:none;}"], mixinShadowLDown); // size mixins
|
|
6
6
|
|
|
7
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);
|
|
8
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);
|
|
@@ -26,7 +26,7 @@ export var mixinButtonDangerColorStateDisabled = css(["color:", ";color:var(--cb
|
|
|
26
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);
|
|
27
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);
|
|
28
28
|
export var mixinButtonDangerStateDisabled = css(["", " ", " ", ""], mixinButtonDangerColorStateDisabled, mixinButtonDangerBgStateDisabled, mixinButtonDangerBorderStateDisabled);
|
|
29
|
-
export var mixinButtonDanger = css(["", " &:link,&:visited{", "}&:hover
|
|
29
|
+
export var mixinButtonDanger = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonDangerStateNormal, mixinButtonDangerColorStateNormal, mixinButtonDangerStateHover, mixinButtonDangerStateActive, mixinButtonDangerStateDisabled);
|
|
30
30
|
export var mixinButtonMenuColorStateNormal = css(["color:", ";color:var(--cb-color-button-menu-text,", ");"], COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_TEXT);
|
|
31
31
|
export var mixinButtonMenuBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-menu-bg,", ");"], COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BG);
|
|
32
32
|
export var mixinButtonMenuBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-menu-border,", ");"], COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_BORDER);
|
|
@@ -43,7 +43,7 @@ export var mixinButtonMenuColorStateDisabled = css(["color:", ";color:var(--cb-c
|
|
|
43
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);
|
|
44
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);
|
|
45
45
|
export var mixinButtonMenuStateDisabled = css(["", " ", " ", ""], mixinButtonMenuColorStateDisabled, mixinButtonMenuBgStateDisabled, mixinButtonMenuBorderStateDisabled);
|
|
46
|
-
export var mixinButtonMenu = css(["", " &:link,&:visited{", "}&:hover
|
|
46
|
+
export var mixinButtonMenu = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonMenuStateNormal, mixinButtonMenuColorStateNormal, mixinButtonMenuStateHover, mixinButtonMenuStateActive, mixinButtonMenuStateDisabled);
|
|
47
47
|
export var mixinButtonPrimaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-primary-text,", ");"], COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_TEXT);
|
|
48
48
|
export var mixinButtonPrimaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-primary-bg,", ");"], COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BG);
|
|
49
49
|
export var mixinButtonPrimaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-primary-border,", ");"], COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_BORDER);
|
|
@@ -60,7 +60,7 @@ export var mixinButtonPrimaryColorStateDisabled = css(["color:", ";color:var(--c
|
|
|
60
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);
|
|
61
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);
|
|
62
62
|
export var mixinButtonPrimaryStateDisabled = css(["", " ", " ", ""], mixinButtonPrimaryColorStateDisabled, mixinButtonPrimaryBgStateDisabled, mixinButtonPrimaryBorderStateDisabled);
|
|
63
|
-
export var mixinButtonPrimary = css(["", " &:link,&:visited{", "}&:hover
|
|
63
|
+
export var mixinButtonPrimary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonPrimaryStateNormal, mixinButtonPrimaryColorStateNormal, mixinButtonPrimaryStateHover, mixinButtonPrimaryStateActive, mixinButtonPrimaryStateDisabled);
|
|
64
64
|
export var mixinButtonSecondaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-secondary-text,", ");"], COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_TEXT);
|
|
65
65
|
export var mixinButtonSecondaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-secondary-bg,", ");"], COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BG);
|
|
66
66
|
export var mixinButtonSecondaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-secondary-border,", ");"], COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_BORDER);
|
|
@@ -77,7 +77,7 @@ export var mixinButtonSecondaryColorStateDisabled = css(["color:", ";color:var(-
|
|
|
77
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);
|
|
78
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);
|
|
79
79
|
export var mixinButtonSecondaryStateDisabled = css(["", " ", " ", ""], mixinButtonSecondaryColorStateDisabled, mixinButtonSecondaryBgStateDisabled, mixinButtonSecondaryBorderStateDisabled);
|
|
80
|
-
export var mixinButtonSecondary = css(["", " &:link,&:visited{", "}&:hover
|
|
80
|
+
export var mixinButtonSecondary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryStateNormal, mixinButtonSecondaryColorStateNormal, mixinButtonSecondaryStateHover, mixinButtonSecondaryStateActive, mixinButtonSecondaryStateDisabled);
|
|
81
81
|
export var mixinButtonSecondaryAltColorStateNormal = css(["color:", ";color:var(--cb-color-button-secondary-alt-text,", ");"], COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_TEXT);
|
|
82
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);
|
|
83
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);
|
|
@@ -94,7 +94,7 @@ export var mixinButtonSecondaryAltColorStateDisabled = css(["color:", ";color:va
|
|
|
94
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);
|
|
95
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);
|
|
96
96
|
export var mixinButtonSecondaryAltStateDisabled = css(["", " ", " ", ""], mixinButtonSecondaryAltColorStateDisabled, mixinButtonSecondaryAltBgStateDisabled, mixinButtonSecondaryAltBorderStateDisabled);
|
|
97
|
-
export var mixinButtonSecondaryAlt = css(["", " &:link,&:visited{", "}&:hover
|
|
97
|
+
export var mixinButtonSecondaryAlt = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonSecondaryAltStateNormal, mixinButtonSecondaryAltColorStateNormal, mixinButtonSecondaryAltStateHover, mixinButtonSecondaryAltStateActive, mixinButtonSecondaryAltStateDisabled);
|
|
98
98
|
export var mixinButtonTertiaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-tertiary-text,", ");"], COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_TEXT);
|
|
99
99
|
export var mixinButtonTertiaryBgStateNormal = css(["background-color:", ";background-color:var(--cb-color-button-tertiary-bg,", ");"], COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BG);
|
|
100
100
|
export var mixinButtonTertiaryBorderStateNormal = css(["border-color:", ";border-color:var(--cb-color-button-tertiary-border,", ");"], COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_BORDER);
|
|
@@ -111,7 +111,7 @@ export var mixinButtonTertiaryColorStateDisabled = css(["color:", ";color:var(--
|
|
|
111
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);
|
|
112
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);
|
|
113
113
|
export var mixinButtonTertiaryStateDisabled = css(["", " ", " ", ""], mixinButtonTertiaryColorStateDisabled, mixinButtonTertiaryBgStateDisabled, mixinButtonTertiaryBorderStateDisabled);
|
|
114
|
-
export var mixinButtonTertiary = css(["", " &:link,&:visited{", "}&:hover
|
|
114
|
+
export var mixinButtonTertiary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryStateNormal, mixinButtonTertiaryColorStateNormal, mixinButtonTertiaryStateHover, mixinButtonTertiaryStateActive, mixinButtonTertiaryStateDisabled);
|
|
115
115
|
export var mixinButtonTertiaryAltColorStateNormal = css(["color:", ";color:var(--cb-color-button-tertiary-alt-text,", ");"], COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_TEXT);
|
|
116
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);
|
|
117
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);
|
|
@@ -128,7 +128,7 @@ export var mixinButtonTertiaryAltColorStateDisabled = css(["color:", ";color:var
|
|
|
128
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);
|
|
129
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);
|
|
130
130
|
export var mixinButtonTertiaryAltStateDisabled = css(["", " ", " ", ""], mixinButtonTertiaryAltColorStateDisabled, mixinButtonTertiaryAltBgStateDisabled, mixinButtonTertiaryAltBorderStateDisabled);
|
|
131
|
-
export var mixinButtonTertiaryAlt = css(["", " &:link,&:visited{", "}&:hover
|
|
131
|
+
export var mixinButtonTertiaryAlt = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTertiaryAltStateNormal, mixinButtonTertiaryAltColorStateNormal, mixinButtonTertiaryAltStateHover, mixinButtonTertiaryAltStateActive, mixinButtonTertiaryAltStateDisabled);
|
|
132
132
|
export var mixinButtonBrandPrimaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-brand-primary-text,", ");"], COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_TEXT);
|
|
133
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);
|
|
134
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);
|
|
@@ -145,7 +145,7 @@ export var mixinButtonBrandPrimaryColorStateDisabled = css(["color:", ";color:va
|
|
|
145
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);
|
|
146
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);
|
|
147
147
|
export var mixinButtonBrandPrimaryStateDisabled = css(["", " ", " ", ""], mixinButtonBrandPrimaryColorStateDisabled, mixinButtonBrandPrimaryBgStateDisabled, mixinButtonBrandPrimaryBorderStateDisabled);
|
|
148
|
-
export var mixinButtonBrandPrimary = css(["", " &:link,&:visited{", "}&:hover
|
|
148
|
+
export var mixinButtonBrandPrimary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandPrimaryStateNormal, mixinButtonBrandPrimaryColorStateNormal, mixinButtonBrandPrimaryStateHover, mixinButtonBrandPrimaryStateActive, mixinButtonBrandPrimaryStateDisabled);
|
|
149
149
|
export var mixinButtonBrandSecondaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-brand-secondary-text,", ");"], COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_TEXT);
|
|
150
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);
|
|
151
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);
|
|
@@ -162,7 +162,7 @@ export var mixinButtonBrandSecondaryColorStateDisabled = css(["color:", ";color:
|
|
|
162
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);
|
|
163
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);
|
|
164
164
|
export var mixinButtonBrandSecondaryStateDisabled = css(["", " ", " ", ""], mixinButtonBrandSecondaryColorStateDisabled, mixinButtonBrandSecondaryBgStateDisabled, mixinButtonBrandSecondaryBorderStateDisabled);
|
|
165
|
-
export var mixinButtonBrandSecondary = css(["", " &:link,&:visited{", "}&:hover
|
|
165
|
+
export var mixinButtonBrandSecondary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryStateNormal, mixinButtonBrandSecondaryColorStateNormal, mixinButtonBrandSecondaryStateHover, mixinButtonBrandSecondaryStateActive, mixinButtonBrandSecondaryStateDisabled);
|
|
166
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);
|
|
167
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);
|
|
168
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);
|
|
@@ -179,7 +179,7 @@ export var mixinButtonBrandSecondaryAltColorStateDisabled = css(["color:", ";col
|
|
|
179
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);
|
|
180
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);
|
|
181
181
|
export var mixinButtonBrandSecondaryAltStateDisabled = css(["", " ", " ", ""], mixinButtonBrandSecondaryAltColorStateDisabled, mixinButtonBrandSecondaryAltBgStateDisabled, mixinButtonBrandSecondaryAltBorderStateDisabled);
|
|
182
|
-
export var mixinButtonBrandSecondaryAlt = css(["", " &:link,&:visited{", "}&:hover
|
|
182
|
+
export var mixinButtonBrandSecondaryAlt = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandSecondaryAltStateNormal, mixinButtonBrandSecondaryAltColorStateNormal, mixinButtonBrandSecondaryAltStateHover, mixinButtonBrandSecondaryAltStateActive, mixinButtonBrandSecondaryAltStateDisabled);
|
|
183
183
|
export var mixinButtonBrandTertiaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-brand-tertiary-text,", ");"], COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_TEXT);
|
|
184
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);
|
|
185
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);
|
|
@@ -196,7 +196,7 @@ export var mixinButtonBrandTertiaryColorStateDisabled = css(["color:", ";color:v
|
|
|
196
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);
|
|
197
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);
|
|
198
198
|
export var mixinButtonBrandTertiaryStateDisabled = css(["", " ", " ", ""], mixinButtonBrandTertiaryColorStateDisabled, mixinButtonBrandTertiaryBgStateDisabled, mixinButtonBrandTertiaryBorderStateDisabled);
|
|
199
|
-
export var mixinButtonBrandTertiary = css(["", " &:link,&:visited{", "}&:hover
|
|
199
|
+
export var mixinButtonBrandTertiary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonBrandTertiaryStateNormal, mixinButtonBrandTertiaryColorStateNormal, mixinButtonBrandTertiaryStateHover, mixinButtonBrandTertiaryStateActive, mixinButtonBrandTertiaryStateDisabled);
|
|
200
200
|
export var mixinButtonTextPrimaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-text-primary-text,", ");"], COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_TEXT);
|
|
201
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);
|
|
202
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);
|
|
@@ -213,7 +213,7 @@ export var mixinButtonTextPrimaryColorStateDisabled = css(["color:", ";color:var
|
|
|
213
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);
|
|
214
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);
|
|
215
215
|
export var mixinButtonTextPrimaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextPrimaryColorStateDisabled, mixinButtonTextPrimaryBgStateDisabled, mixinButtonTextPrimaryBorderStateDisabled);
|
|
216
|
-
export var mixinButtonTextPrimary = css(["", " &:link,&:visited{", "}&:hover
|
|
216
|
+
export var mixinButtonTextPrimary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextPrimaryStateNormal, mixinButtonTextPrimaryColorStateNormal, mixinButtonTextPrimaryStateHover, mixinButtonTextPrimaryStateActive, mixinButtonTextPrimaryStateDisabled);
|
|
217
217
|
export var mixinButtonTextSecondaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-text-secondary-text,", ");"], COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_TEXT);
|
|
218
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);
|
|
219
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);
|
|
@@ -230,7 +230,7 @@ export var mixinButtonTextSecondaryColorStateDisabled = css(["color:", ";color:v
|
|
|
230
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);
|
|
231
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);
|
|
232
232
|
export var mixinButtonTextSecondaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextSecondaryColorStateDisabled, mixinButtonTextSecondaryBgStateDisabled, mixinButtonTextSecondaryBorderStateDisabled);
|
|
233
|
-
export var mixinButtonTextSecondary = css(["", " &:link,&:visited{", "}&:hover
|
|
233
|
+
export var mixinButtonTextSecondary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextSecondaryStateNormal, mixinButtonTextSecondaryColorStateNormal, mixinButtonTextSecondaryStateHover, mixinButtonTextSecondaryStateActive, mixinButtonTextSecondaryStateDisabled);
|
|
234
234
|
export var mixinButtonTextTertiaryColorStateNormal = css(["color:", ";color:var(--cb-color-button-text-tertiary-text,", ");"], COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_TEXT);
|
|
235
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);
|
|
236
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);
|
|
@@ -247,7 +247,7 @@ export var mixinButtonTextTertiaryColorStateDisabled = css(["color:", ";color:va
|
|
|
247
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);
|
|
248
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);
|
|
249
249
|
export var mixinButtonTextTertiaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextTertiaryColorStateDisabled, mixinButtonTextTertiaryBgStateDisabled, mixinButtonTextTertiaryBorderStateDisabled);
|
|
250
|
-
export var mixinButtonTextTertiary = css(["", " &:link,&:visited{", "}&:hover
|
|
250
|
+
export var mixinButtonTextTertiary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextTertiaryStateNormal, mixinButtonTextTertiaryColorStateNormal, mixinButtonTextTertiaryStateHover, mixinButtonTextTertiaryStateActive, mixinButtonTextTertiaryStateDisabled);
|
|
251
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);
|
|
252
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);
|
|
253
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);
|
|
@@ -264,7 +264,7 @@ export var mixinButtonTextBrandPrimaryColorStateDisabled = css(["color:", ";colo
|
|
|
264
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);
|
|
265
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);
|
|
266
266
|
export var mixinButtonTextBrandPrimaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextBrandPrimaryColorStateDisabled, mixinButtonTextBrandPrimaryBgStateDisabled, mixinButtonTextBrandPrimaryBorderStateDisabled);
|
|
267
|
-
export var mixinButtonTextBrandPrimary = css(["", " &:link,&:visited{", "}&:hover
|
|
267
|
+
export var mixinButtonTextBrandPrimary = css(["", " &:link,&:visited{", "}&:hover{", "}&:active{", "}&:disabled{", "}"], mixinButtonTextBrandPrimaryStateNormal, mixinButtonTextBrandPrimaryColorStateNormal, mixinButtonTextBrandPrimaryStateHover, mixinButtonTextBrandPrimaryStateActive, mixinButtonTextBrandPrimaryStateDisabled);
|
|
268
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);
|
|
269
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);
|
|
270
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);
|
|
@@ -281,4 +281,4 @@ export var mixinButtonTextBrandSecondaryColorStateDisabled = css(["color:", ";co
|
|
|
281
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);
|
|
282
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);
|
|
283
283
|
export var mixinButtonTextBrandSecondaryStateDisabled = css(["", " ", " ", ""], mixinButtonTextBrandSecondaryColorStateDisabled, mixinButtonTextBrandSecondaryBgStateDisabled, mixinButtonTextBrandSecondaryBorderStateDisabled);
|
|
284
|
-
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/input.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
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
4
|
export var mixinInputText = css(["color:", ";color:var(--cb-color-input-text,", ");"], COLOR.INPUT_TEXT, COLOR.INPUT_TEXT);
|
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;}"]);
|
package/build/es/mixin/reset.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// generated by
|
|
1
|
+
// generated by generate-code-mixin-reset.ts
|
|
2
2
|
import { css } from 'styled-components';
|
|
3
3
|
import { COLOR } from '../var';
|
|
4
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);
|
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,9 +3,12 @@ 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);
|
|
7
|
-
|
|
8
|
-
export var
|
|
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);
|
|
9
|
+
export var mixinTypoFontFamilyMono = css(["font-family:", ";font-family:var(--cb-typo-font-family-monospace,", ");"], TYPO.FONT_FAMILY_MONOSPACE, TYPO.FONT_FAMILY_MONOSPACE); // lang-ja 是 console-base 注入到 body 的 className,虽然有些耦合,但比较实用
|
|
10
|
+
|
|
11
|
+
export var mixinTypoFontBase = css(["line-height:1.5;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;", " body.lang-ja &{", "}"], mixinTypoFontFamilyBase, mixinTypoFontFamilyBaseJa);
|
|
9
12
|
export var mixinTypoStrong = css(["font-weight:600;", ""], mixinTextPrimary);
|
|
10
13
|
export var mixinTypoEm = css(["font-style:normal;", ""], mixinTextEmphasis);
|
|
11
14
|
export var mixinTypoSmall = css(["font-size:inherit;", ""], mixinTextTertiary);
|
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
|
};
|
|
@@ -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;
|
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.6",
|
|
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.6.
|
|
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",
|