@alicloud/console-base-theme 1.4.4 → 1.4.7
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/button.js +17 -17
- package/build/cjs/mixin/typo.js +3 -2
- package/build/cjs/util/create-theme-global-style.js +1 -1
- package/build/cjs/var/size.js +6 -6
- package/build/es/mixin/button.js +17 -17
- package/build/es/mixin/typo.js +3 -2
- package/build/es/util/create-theme-global-style.js +1 -1
- package/build/es/var/size.js +6 -6
- package/package.json +8 -8
|
@@ -14,7 +14,7 @@ var _var = require("../var");
|
|
|
14
14
|
var _shadow = require("./shadow");
|
|
15
15
|
|
|
16
16
|
// generated by generate-code-mixin-button.ts
|
|
17
|
-
var mixinButtonShadow = (0, _styledComponents.css)(["&:hover
|
|
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/typo.js
CHANGED
|
@@ -20,9 +20,10 @@ var mixinTypoFontFamilyBase = (0, _styledComponents.css)(["font-family:", ";font
|
|
|
20
20
|
exports.mixinTypoFontFamilyBase = mixinTypoFontFamilyBase;
|
|
21
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
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);
|
|
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
|
+
|
|
24
25
|
exports.mixinTypoFontFamilyMono = mixinTypoFontFamilyMono;
|
|
25
|
-
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);
|
|
26
27
|
exports.mixinTypoFontBase = mixinTypoFontBase;
|
|
27
28
|
var mixinTypoStrong = (0, _styledComponents.css)(["font-weight:600;", ""], _text.mixinTextPrimary);
|
|
28
29
|
exports.mixinTypoStrong = mixinTypoStrong;
|
|
@@ -14,5 +14,5 @@ function createThemeGlobalStyle(_ref) {
|
|
|
14
14
|
SIZE = _ref.SIZE;
|
|
15
15
|
// eslint-disable-line @typescript-eslint/no-explicit-any
|
|
16
16
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
17
|
-
return (0, _styledComponents.createGlobalStyle)([":root{--cb-color-text-transparent:", ";--cb-color-text-white:", ";--cb-color-text-black:", ";--cb-color-text-inverse:", ";--cb-color-text-brand:", ";--cb-color-text-brand-hover:", ";--cb-color-text-brand-active:", ";--cb-color-text-accent:", ";--cb-color-text-accent-hover:", ";--cb-color-text-accent-active:", ";--cb-color-text-primary:", ";--cb-color-text-secondary:", ";--cb-color-text-tertiary:", ";--cb-color-text-disabled:", ";--cb-color-text-help:", ";--cb-color-text-info:", ";--cb-color-text-success:", ";--cb-color-text-warning:", ";--cb-color-text-error:", ";--cb-color-text-danger:", ";--cb-color-text-emphasis:", ";--cb-color-text-code:", ";--cb-color-bg-transparent:", ";--cb-color-bg-white:", ";--cb-color-bg-black:", ";--cb-color-bg-inverse:", ";--cb-color-bg-brand:", ";--cb-color-bg-brand-hover:", ";--cb-color-bg-brand-active:", ";--cb-color-bg-accent:", ";--cb-color-bg-accent-hover:", ";--cb-color-bg-accent-active:", ";--cb-color-bg-primary:", ";--cb-color-bg-secondary:", ";--cb-color-bg-secondary-fade:", ";--cb-color-bg-tertiary:", ";--cb-color-bg-tertiary-fade:", ";--cb-color-bg-disabled:", ";--cb-color-bg-help:", ";--cb-color-bg-help-tint:", ";--cb-color-bg-help-tint-fade:", ";--cb-color-bg-info:", ";--cb-color-bg-info-tint:", ";--cb-color-bg-info-tint-fade:", ";--cb-color-bg-success:", ";--cb-color-bg-success-tint:", ";--cb-color-bg-success-tint-fade:", ";--cb-color-bg-warning:", ";--cb-color-bg-warning-tint:", ";--cb-color-bg-warning-tint-fade:", ";--cb-color-bg-error:", ";--cb-color-bg-error-tint:", ";--cb-color-bg-error-tint-fade:", ";--cb-color-bg-danger:", ";--cb-color-bg-backdrop:", ";--cb-color-border-transparent:", ";--cb-color-border-white:", ";--cb-color-border-brand:", ";--cb-color-border-brand-hover:", ";--cb-color-border-brand-active:", ";--cb-color-border-accent:", ";--cb-color-border-accent-hover:", ";--cb-color-border-accent-active:", ";--cb-color-border-primary:", ";--cb-color-border-secondary:", ";--cb-color-border-tertiary:", ";--cb-color-border-disabled:", ";--cb-color-border-help:", ";--cb-color-border-info:", ";--cb-color-border-success:", ";--cb-color-border-warning:", ";--cb-color-border-error:", ";--cb-color-border-danger:", ";--cb-color-shadow:", ";--cb-color-link-primary:", ";--cb-color-link-primary-visited:", ";--cb-color-link-primary-hover:", ";--cb-color-link-primary-active:", ";--cb-color-link-secondary:", ";--cb-color-link-secondary-visited:", ";--cb-color-link-secondary-hover:", ";--cb-color-link-secondary-active:", ";--cb-color-link-tertiary:", ";--cb-color-link-tertiary-visited:", ";--cb-color-link-tertiary-hover:", ";--cb-color-link-tertiary-active:", ";--cb-color-link-brand:", ";--cb-color-link-brand-visited:", ";--cb-color-link-brand-hover:", ";--cb-color-link-brand-active:", ";--cb-color-link-brand-secondary:", ";--cb-color-link-brand-secondary-visited:", ";--cb-color-link-brand-secondary-hover:", ";--cb-color-link-brand-secondary-active:", ";--cb-color-link-disabled:", ";--cb-color-input-text:", ";--cb-color-input-bg:", ";--cb-color-input-border:", ";--cb-color-input-text-hover:", ";--cb-color-input-bg-hover:", ";--cb-color-input-border-hover:", ";--cb-color-input-text-focus:", ";--cb-color-input-bg-focus:", ";--cb-color-input-border-focus:", ";--cb-color-input-border-focus-brand:", ";--cb-color-input-text-disabled:", ";--cb-color-input-bg-disabled:", ";--cb-color-input-border-disabled:", ";--cb-color-input-placeholder:", ";--cb-color-button-menu-text:", ";--cb-color-button-menu-bg:", ";--cb-color-button-menu-border:", ";--cb-color-button-menu-text-hover:", ";--cb-color-button-menu-bg-hover:", ";--cb-color-button-menu-border-hover:", ";--cb-color-button-menu-text-active:", ";--cb-color-button-menu-bg-active:", ";--cb-color-button-menu-border-active:", ";--cb-color-button-menu-text-disabled:", ";--cb-color-button-menu-bg-disabled:", ";--cb-color-button-menu-border-disabled:", ";--cb-color-button-danger-text:", ";--cb-color-button-danger-bg:", ";--cb-color-button-danger-border:", ";--cb-color-button-danger-text-hover:", ";--cb-color-button-danger-bg-hover:", ";--cb-color-button-danger-border-hover:", ";--cb-color-button-danger-text-active:", ";--cb-color-button-danger-bg-active:", ";--cb-color-button-danger-border-active:", ";--cb-color-button-danger-text-disabled:", ";--cb-color-button-danger-bg-disabled:", ";--cb-color-button-danger-border-disabled:", ";--cb-color-button-primary-text:", ";--cb-color-button-primary-bg:", ";--cb-color-button-primary-border:", ";--cb-color-button-primary-text-hover:", ";--cb-color-button-primary-bg-hover:", ";--cb-color-button-primary-border-hover:", ";--cb-color-button-primary-text-active:", ";--cb-color-button-primary-bg-active:", ";--cb-color-button-primary-border-active:", ";--cb-color-button-primary-text-disabled:", ";--cb-color-button-primary-bg-disabled:", ";--cb-color-button-primary-border-disabled:", ";--cb-color-button-secondary-text:", ";--cb-color-button-secondary-bg:", ";--cb-color-button-secondary-border:", ";--cb-color-button-secondary-text-hover:", ";--cb-color-button-secondary-bg-hover:", ";--cb-color-button-secondary-border-hover:", ";--cb-color-button-secondary-text-active:", ";--cb-color-button-secondary-bg-active:", ";--cb-color-button-secondary-border-active:", ";--cb-color-button-secondary-text-disabled:", ";--cb-color-button-secondary-bg-disabled:", ";--cb-color-button-secondary-border-disabled:", ";--cb-color-button-secondary-alt-text:", ";--cb-color-button-secondary-alt-bg:", ";--cb-color-button-secondary-alt-border:", ";--cb-color-button-secondary-alt-text-hover:", ";--cb-color-button-secondary-alt-bg-hover:", ";--cb-color-button-secondary-alt-border-hover:", ";--cb-color-button-secondary-alt-text-active:", ";--cb-color-button-secondary-alt-bg-active:", ";--cb-color-button-secondary-alt-border-active:", ";--cb-color-button-secondary-alt-text-disabled:", ";--cb-color-button-secondary-alt-bg-disabled:", ";--cb-color-button-secondary-alt-border-disabled:", ";--cb-color-button-tertiary-text:", ";--cb-color-button-tertiary-bg:", ";--cb-color-button-tertiary-border:", ";--cb-color-button-tertiary-text-hover:", ";--cb-color-button-tertiary-bg-hover:", ";--cb-color-button-tertiary-border-hover:", ";--cb-color-button-tertiary-text-active:", ";--cb-color-button-tertiary-bg-active:", ";--cb-color-button-tertiary-border-active:", ";--cb-color-button-tertiary-text-disabled:", ";--cb-color-button-tertiary-bg-disabled:", ";--cb-color-button-tertiary-border-disabled:", ";--cb-color-button-tertiary-alt-text:", ";--cb-color-button-tertiary-alt-bg:", ";--cb-color-button-tertiary-alt-border:", ";--cb-color-button-tertiary-alt-text-hover:", ";--cb-color-button-tertiary-alt-bg-hover:", ";--cb-color-button-tertiary-alt-border-hover:", ";--cb-color-button-tertiary-alt-text-active:", ";--cb-color-button-tertiary-alt-bg-active:", ";--cb-color-button-tertiary-alt-border-active:", ";--cb-color-button-tertiary-alt-text-disabled:", ";--cb-color-button-tertiary-alt-bg-disabled:", ";--cb-color-button-tertiary-alt-border-disabled:", ";--cb-color-button-brand-primary-text:", ";--cb-color-button-brand-primary-bg:", ";--cb-color-button-brand-primary-border:", ";--cb-color-button-brand-primary-text-hover:", ";--cb-color-button-brand-primary-bg-hover:", ";--cb-color-button-brand-primary-border-hover:", ";--cb-color-button-brand-primary-text-active:", ";--cb-color-button-brand-primary-bg-active:", ";--cb-color-button-brand-primary-border-active:", ";--cb-color-button-brand-primary-text-disabled:", ";--cb-color-button-brand-primary-bg-disabled:", ";--cb-color-button-brand-primary-border-disabled:", ";--cb-color-button-brand-secondary-text:", ";--cb-color-button-brand-secondary-bg:", ";--cb-color-button-brand-secondary-border:", ";--cb-color-button-brand-secondary-text-hover:", ";--cb-color-button-brand-secondary-bg-hover:", ";--cb-color-button-brand-secondary-border-hover:", ";--cb-color-button-brand-secondary-text-active:", ";--cb-color-button-brand-secondary-bg-active:", ";--cb-color-button-brand-secondary-border-active:", ";--cb-color-button-brand-secondary-text-disabled:", ";--cb-color-button-brand-secondary-bg-disabled:", ";--cb-color-button-brand-secondary-border-disabled:", ";--cb-color-button-brand-secondary-alt-text:", ";--cb-color-button-brand-secondary-alt-bg:", ";--cb-color-button-brand-secondary-alt-border:", ";--cb-color-button-brand-secondary-alt-text-hover:", ";--cb-color-button-brand-secondary-alt-bg-hover:", ";--cb-color-button-brand-secondary-alt-border-hover:", ";--cb-color-button-brand-secondary-alt-text-active:", ";--cb-color-button-brand-secondary-alt-bg-active:", ";--cb-color-button-brand-secondary-alt-border-active:", ";--cb-color-button-brand-secondary-alt-text-disabled:", ";--cb-color-button-brand-secondary-alt-bg-disabled:", ";--cb-color-button-brand-secondary-alt-border-disabled:", ";--cb-color-button-brand-tertiary-text:", ";--cb-color-button-brand-tertiary-bg:", ";--cb-color-button-brand-tertiary-border:", ";--cb-color-button-brand-tertiary-text-hover:", ";--cb-color-button-brand-tertiary-bg-hover:", ";--cb-color-button-brand-tertiary-border-hover:", ";--cb-color-button-brand-tertiary-text-active:", ";--cb-color-button-brand-tertiary-bg-active:", ";--cb-color-button-brand-tertiary-border-active:", ";--cb-color-button-brand-tertiary-text-disabled:", ";--cb-color-button-brand-tertiary-bg-disabled:", ";--cb-color-button-brand-tertiary-border-disabled:", ";--cb-color-button-text-primary-text:", ";--cb-color-button-text-primary-bg:", ";--cb-color-button-text-primary-border:", ";--cb-color-button-text-primary-text-hover:", ";--cb-color-button-text-primary-bg-hover:", ";--cb-color-button-text-primary-border-hover:", ";--cb-color-button-text-primary-text-active:", ";--cb-color-button-text-primary-bg-active:", ";--cb-color-button-text-primary-border-active:", ";--cb-color-button-text-primary-text-disabled:", ";--cb-color-button-text-primary-bg-disabled:", ";--cb-color-button-text-primary-border-disabled:", ";--cb-color-button-text-secondary-text:", ";--cb-color-button-text-secondary-bg:", ";--cb-color-button-text-secondary-border:", ";--cb-color-button-text-secondary-text-hover:", ";--cb-color-button-text-secondary-bg-hover:", ";--cb-color-button-text-secondary-border-hover:", ";--cb-color-button-text-secondary-text-active:", ";--cb-color-button-text-secondary-bg-active:", ";--cb-color-button-text-secondary-border-active:", ";--cb-color-button-text-secondary-text-disabled:", ";--cb-color-button-text-secondary-bg-disabled:", ";--cb-color-button-text-secondary-border-disabled:", ";--cb-color-button-text-tertiary-text:", ";--cb-color-button-text-tertiary-bg:", ";--cb-color-button-text-tertiary-border:", ";--cb-color-button-text-tertiary-text-hover:", ";--cb-color-button-text-tertiary-bg-hover:", ";--cb-color-button-text-tertiary-border-hover:", ";--cb-color-button-text-tertiary-text-active:", ";--cb-color-button-text-tertiary-bg-active:", ";--cb-color-button-text-tertiary-border-active:", ";--cb-color-button-text-tertiary-text-disabled:", ";--cb-color-button-text-tertiary-bg-disabled:", ";--cb-color-button-text-tertiary-border-disabled:", ";--cb-color-button-text-brand-primary-text:", ";--cb-color-button-text-brand-primary-bg:", ";--cb-color-button-text-brand-primary-border:", ";--cb-color-button-text-brand-primary-text-hover:", ";--cb-color-button-text-brand-primary-bg-hover:", ";--cb-color-button-text-brand-primary-border-hover:", ";--cb-color-button-text-brand-primary-text-active:", ";--cb-color-button-text-brand-primary-bg-active:", ";--cb-color-button-text-brand-primary-border-active:", ";--cb-color-button-text-brand-primary-text-disabled:", ";--cb-color-button-text-brand-primary-bg-disabled:", ";--cb-color-button-text-brand-primary-border-disabled:", ";--cb-color-button-text-brand-secondary-text:", ";--cb-color-button-text-brand-secondary-bg:", ";--cb-color-button-text-brand-secondary-border:", ";--cb-color-button-text-brand-secondary-text-hover:", ";--cb-color-button-text-brand-secondary-bg-hover:", ";--cb-color-button-text-brand-secondary-border-hover:", ";--cb-color-button-text-brand-secondary-text-active:", ";--cb-color-button-text-brand-secondary-bg-active:", ";--cb-color-button-text-brand-secondary-border-active:", ";--cb-color-button-text-brand-secondary-text-disabled:", ";--cb-color-button-text-brand-secondary-bg-disabled:", ";--cb-color-button-text-brand-secondary-border-disabled:", ";--cb-typo-font-family-base:", ";--cb-typo-font-family-monospace:", ";--cb-size-border-radius-xs:", "px;--cb-size-border-radius-s:", "px;--cb-size-border-radius-m:", "px;--cb-size-border-radius-l:", "px;--cb-size-border-radius-xl:", "px;}"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_WHITE, COLOR.TEXT_BLACK, COLOR.TEXT_INVERSE, COLOR.TEXT_BRAND, COLOR.TEXT_BRAND_HOVER, COLOR.TEXT_BRAND_ACTIVE, COLOR.TEXT_ACCENT, COLOR.TEXT_ACCENT_HOVER, COLOR.TEXT_ACCENT_ACTIVE, COLOR.TEXT_PRIMARY, COLOR.TEXT_SECONDARY, COLOR.TEXT_TERTIARY, COLOR.TEXT_DISABLED, COLOR.TEXT_HELP, COLOR.TEXT_INFO, COLOR.TEXT_SUCCESS, COLOR.TEXT_WARNING, COLOR.TEXT_ERROR, COLOR.TEXT_DANGER, COLOR.TEXT_EMPHASIS, COLOR.TEXT_CODE, COLOR.BG_TRANSPARENT, COLOR.BG_WHITE, COLOR.BG_BLACK, COLOR.BG_INVERSE, COLOR.BG_BRAND, COLOR.BG_BRAND_HOVER, COLOR.BG_BRAND_ACTIVE, COLOR.BG_ACCENT, COLOR.BG_ACCENT_HOVER, COLOR.BG_ACCENT_ACTIVE, COLOR.BG_PRIMARY, COLOR.BG_SECONDARY, COLOR.BG_SECONDARY_FADE, COLOR.BG_TERTIARY, COLOR.BG_TERTIARY_FADE, COLOR.BG_DISABLED, COLOR.BG_HELP, COLOR.BG_HELP_TINT, COLOR.BG_HELP_TINT_FADE, COLOR.BG_INFO, COLOR.BG_INFO_TINT, COLOR.BG_INFO_TINT_FADE, COLOR.BG_SUCCESS, COLOR.BG_SUCCESS_TINT, COLOR.BG_SUCCESS_TINT_FADE, COLOR.BG_WARNING, COLOR.BG_WARNING_TINT, COLOR.BG_WARNING_TINT_FADE, COLOR.BG_ERROR, COLOR.BG_ERROR_TINT, COLOR.BG_ERROR_TINT_FADE, COLOR.BG_DANGER, COLOR.BG_BACKDROP, COLOR.BORDER_TRANSPARENT, COLOR.BORDER_WHITE, COLOR.BORDER_BRAND, COLOR.BORDER_BRAND_HOVER, COLOR.BORDER_BRAND_ACTIVE, COLOR.BORDER_ACCENT, COLOR.BORDER_ACCENT_HOVER, COLOR.BORDER_ACCENT_ACTIVE, COLOR.BORDER_PRIMARY, COLOR.BORDER_SECONDARY, COLOR.BORDER_TERTIARY, COLOR.BORDER_DISABLED, COLOR.BORDER_HELP, COLOR.BORDER_INFO, COLOR.BORDER_SUCCESS, COLOR.BORDER_WARNING, COLOR.BORDER_ERROR, COLOR.BORDER_DANGER, COLOR.SHADOW, COLOR.LINK_PRIMARY, COLOR.LINK_PRIMARY_VISITED, COLOR.LINK_PRIMARY_HOVER, COLOR.LINK_PRIMARY_ACTIVE, COLOR.LINK_SECONDARY, COLOR.LINK_SECONDARY_VISITED, COLOR.LINK_SECONDARY_HOVER, COLOR.LINK_SECONDARY_ACTIVE, COLOR.LINK_TERTIARY, COLOR.LINK_TERTIARY_VISITED, COLOR.LINK_TERTIARY_HOVER, COLOR.LINK_TERTIARY_ACTIVE, COLOR.LINK_BRAND, COLOR.LINK_BRAND_VISITED, COLOR.LINK_BRAND_HOVER, COLOR.LINK_BRAND_ACTIVE, COLOR.LINK_BRAND_SECONDARY, COLOR.LINK_BRAND_SECONDARY_VISITED, COLOR.LINK_BRAND_SECONDARY_HOVER, COLOR.LINK_BRAND_SECONDARY_ACTIVE, COLOR.LINK_DISABLED, COLOR.INPUT_TEXT, COLOR.INPUT_BG, COLOR.INPUT_BORDER, COLOR.INPUT_TEXT_HOVER, COLOR.INPUT_BG_HOVER, COLOR.INPUT_BORDER_HOVER, COLOR.INPUT_TEXT_FOCUS, COLOR.INPUT_BG_FOCUS, COLOR.INPUT_BORDER_FOCUS, COLOR.INPUT_BORDER_FOCUS_BRAND, COLOR.INPUT_TEXT_DISABLED, COLOR.INPUT_BG_DISABLED, COLOR.INPUT_BORDER_DISABLED, COLOR.INPUT_PLACEHOLDER, COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_TEXT_HOVER, COLOR.BUTTON_MENU_BG_HOVER, COLOR.BUTTON_MENU_BORDER_HOVER, COLOR.BUTTON_MENU_TEXT_ACTIVE, COLOR.BUTTON_MENU_BG_ACTIVE, COLOR.BUTTON_MENU_BORDER_ACTIVE, COLOR.BUTTON_MENU_TEXT_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_TEXT_HOVER, COLOR.BUTTON_DANGER_BG_HOVER, COLOR.BUTTON_DANGER_BORDER_HOVER, COLOR.BUTTON_DANGER_TEXT_ACTIVE, COLOR.BUTTON_DANGER_BG_ACTIVE, COLOR.BUTTON_DANGER_BORDER_ACTIVE, COLOR.BUTTON_DANGER_TEXT_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_TEXT_HOVER, COLOR.BUTTON_PRIMARY_BG_HOVER, COLOR.BUTTON_PRIMARY_BORDER_HOVER, COLOR.BUTTON_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_PRIMARY_BG_ACTIVE, COLOR.BUTTON_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_TEXT_HOVER, COLOR.BUTTON_SECONDARY_BG_HOVER, COLOR.BUTTON_SECONDARY_BORDER_HOVER, COLOR.BUTTON_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_BG_ACTIVE, COLOR.BUTTON_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TERTIARY_BG_HOVER, COLOR.BUTTON_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_TEXT_HOVER, COLOR.BUTTON_TERTIARY_ALT_BG_HOVER, COLOR.BUTTON_TERTIARY_ALT_BORDER_HOVER, COLOR.BUTTON_TERTIARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BG_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BG_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BORDER_HOVER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BG_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BG_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_MONOSPACE, SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_S, SIZE.BORDER_RADIUS_M, SIZE.BORDER_RADIUS_L, SIZE.BORDER_RADIUS_XL);
|
|
17
|
+
return (0, _styledComponents.createGlobalStyle)([":root{--cb-color-text-transparent:", ";--cb-color-text-white:", ";--cb-color-text-black:", ";--cb-color-text-inverse:", ";--cb-color-text-brand:", ";--cb-color-text-brand-hover:", ";--cb-color-text-brand-active:", ";--cb-color-text-accent:", ";--cb-color-text-accent-hover:", ";--cb-color-text-accent-active:", ";--cb-color-text-primary:", ";--cb-color-text-secondary:", ";--cb-color-text-tertiary:", ";--cb-color-text-disabled:", ";--cb-color-text-help:", ";--cb-color-text-info:", ";--cb-color-text-success:", ";--cb-color-text-warning:", ";--cb-color-text-error:", ";--cb-color-text-danger:", ";--cb-color-text-emphasis:", ";--cb-color-text-code:", ";--cb-color-bg-transparent:", ";--cb-color-bg-white:", ";--cb-color-bg-black:", ";--cb-color-bg-inverse:", ";--cb-color-bg-brand:", ";--cb-color-bg-brand-hover:", ";--cb-color-bg-brand-active:", ";--cb-color-bg-accent:", ";--cb-color-bg-accent-hover:", ";--cb-color-bg-accent-active:", ";--cb-color-bg-primary:", ";--cb-color-bg-secondary:", ";--cb-color-bg-secondary-fade:", ";--cb-color-bg-tertiary:", ";--cb-color-bg-tertiary-fade:", ";--cb-color-bg-disabled:", ";--cb-color-bg-help:", ";--cb-color-bg-help-tint:", ";--cb-color-bg-help-tint-fade:", ";--cb-color-bg-info:", ";--cb-color-bg-info-tint:", ";--cb-color-bg-info-tint-fade:", ";--cb-color-bg-success:", ";--cb-color-bg-success-tint:", ";--cb-color-bg-success-tint-fade:", ";--cb-color-bg-warning:", ";--cb-color-bg-warning-tint:", ";--cb-color-bg-warning-tint-fade:", ";--cb-color-bg-error:", ";--cb-color-bg-error-tint:", ";--cb-color-bg-error-tint-fade:", ";--cb-color-bg-danger:", ";--cb-color-bg-backdrop:", ";--cb-color-border-transparent:", ";--cb-color-border-white:", ";--cb-color-border-brand:", ";--cb-color-border-brand-hover:", ";--cb-color-border-brand-active:", ";--cb-color-border-accent:", ";--cb-color-border-accent-hover:", ";--cb-color-border-accent-active:", ";--cb-color-border-primary:", ";--cb-color-border-secondary:", ";--cb-color-border-tertiary:", ";--cb-color-border-disabled:", ";--cb-color-border-help:", ";--cb-color-border-info:", ";--cb-color-border-success:", ";--cb-color-border-warning:", ";--cb-color-border-error:", ";--cb-color-border-danger:", ";--cb-color-shadow:", ";--cb-color-link-primary:", ";--cb-color-link-primary-visited:", ";--cb-color-link-primary-hover:", ";--cb-color-link-primary-active:", ";--cb-color-link-secondary:", ";--cb-color-link-secondary-visited:", ";--cb-color-link-secondary-hover:", ";--cb-color-link-secondary-active:", ";--cb-color-link-tertiary:", ";--cb-color-link-tertiary-visited:", ";--cb-color-link-tertiary-hover:", ";--cb-color-link-tertiary-active:", ";--cb-color-link-brand:", ";--cb-color-link-brand-visited:", ";--cb-color-link-brand-hover:", ";--cb-color-link-brand-active:", ";--cb-color-link-brand-secondary:", ";--cb-color-link-brand-secondary-visited:", ";--cb-color-link-brand-secondary-hover:", ";--cb-color-link-brand-secondary-active:", ";--cb-color-link-disabled:", ";--cb-color-input-text:", ";--cb-color-input-bg:", ";--cb-color-input-border:", ";--cb-color-input-text-hover:", ";--cb-color-input-bg-hover:", ";--cb-color-input-border-hover:", ";--cb-color-input-text-focus:", ";--cb-color-input-bg-focus:", ";--cb-color-input-border-focus:", ";--cb-color-input-border-focus-brand:", ";--cb-color-input-text-disabled:", ";--cb-color-input-bg-disabled:", ";--cb-color-input-border-disabled:", ";--cb-color-input-placeholder:", ";--cb-color-button-menu-text:", ";--cb-color-button-menu-bg:", ";--cb-color-button-menu-border:", ";--cb-color-button-menu-text-hover:", ";--cb-color-button-menu-bg-hover:", ";--cb-color-button-menu-border-hover:", ";--cb-color-button-menu-text-active:", ";--cb-color-button-menu-bg-active:", ";--cb-color-button-menu-border-active:", ";--cb-color-button-menu-text-disabled:", ";--cb-color-button-menu-bg-disabled:", ";--cb-color-button-menu-border-disabled:", ";--cb-color-button-danger-text:", ";--cb-color-button-danger-bg:", ";--cb-color-button-danger-border:", ";--cb-color-button-danger-text-hover:", ";--cb-color-button-danger-bg-hover:", ";--cb-color-button-danger-border-hover:", ";--cb-color-button-danger-text-active:", ";--cb-color-button-danger-bg-active:", ";--cb-color-button-danger-border-active:", ";--cb-color-button-danger-text-disabled:", ";--cb-color-button-danger-bg-disabled:", ";--cb-color-button-danger-border-disabled:", ";--cb-color-button-primary-text:", ";--cb-color-button-primary-bg:", ";--cb-color-button-primary-border:", ";--cb-color-button-primary-text-hover:", ";--cb-color-button-primary-bg-hover:", ";--cb-color-button-primary-border-hover:", ";--cb-color-button-primary-text-active:", ";--cb-color-button-primary-bg-active:", ";--cb-color-button-primary-border-active:", ";--cb-color-button-primary-text-disabled:", ";--cb-color-button-primary-bg-disabled:", ";--cb-color-button-primary-border-disabled:", ";--cb-color-button-secondary-text:", ";--cb-color-button-secondary-bg:", ";--cb-color-button-secondary-border:", ";--cb-color-button-secondary-text-hover:", ";--cb-color-button-secondary-bg-hover:", ";--cb-color-button-secondary-border-hover:", ";--cb-color-button-secondary-text-active:", ";--cb-color-button-secondary-bg-active:", ";--cb-color-button-secondary-border-active:", ";--cb-color-button-secondary-text-disabled:", ";--cb-color-button-secondary-bg-disabled:", ";--cb-color-button-secondary-border-disabled:", ";--cb-color-button-secondary-alt-text:", ";--cb-color-button-secondary-alt-bg:", ";--cb-color-button-secondary-alt-border:", ";--cb-color-button-secondary-alt-text-hover:", ";--cb-color-button-secondary-alt-bg-hover:", ";--cb-color-button-secondary-alt-border-hover:", ";--cb-color-button-secondary-alt-text-active:", ";--cb-color-button-secondary-alt-bg-active:", ";--cb-color-button-secondary-alt-border-active:", ";--cb-color-button-secondary-alt-text-disabled:", ";--cb-color-button-secondary-alt-bg-disabled:", ";--cb-color-button-secondary-alt-border-disabled:", ";--cb-color-button-tertiary-text:", ";--cb-color-button-tertiary-bg:", ";--cb-color-button-tertiary-border:", ";--cb-color-button-tertiary-text-hover:", ";--cb-color-button-tertiary-bg-hover:", ";--cb-color-button-tertiary-border-hover:", ";--cb-color-button-tertiary-text-active:", ";--cb-color-button-tertiary-bg-active:", ";--cb-color-button-tertiary-border-active:", ";--cb-color-button-tertiary-text-disabled:", ";--cb-color-button-tertiary-bg-disabled:", ";--cb-color-button-tertiary-border-disabled:", ";--cb-color-button-tertiary-alt-text:", ";--cb-color-button-tertiary-alt-bg:", ";--cb-color-button-tertiary-alt-border:", ";--cb-color-button-tertiary-alt-text-hover:", ";--cb-color-button-tertiary-alt-bg-hover:", ";--cb-color-button-tertiary-alt-border-hover:", ";--cb-color-button-tertiary-alt-text-active:", ";--cb-color-button-tertiary-alt-bg-active:", ";--cb-color-button-tertiary-alt-border-active:", ";--cb-color-button-tertiary-alt-text-disabled:", ";--cb-color-button-tertiary-alt-bg-disabled:", ";--cb-color-button-tertiary-alt-border-disabled:", ";--cb-color-button-brand-primary-text:", ";--cb-color-button-brand-primary-bg:", ";--cb-color-button-brand-primary-border:", ";--cb-color-button-brand-primary-text-hover:", ";--cb-color-button-brand-primary-bg-hover:", ";--cb-color-button-brand-primary-border-hover:", ";--cb-color-button-brand-primary-text-active:", ";--cb-color-button-brand-primary-bg-active:", ";--cb-color-button-brand-primary-border-active:", ";--cb-color-button-brand-primary-text-disabled:", ";--cb-color-button-brand-primary-bg-disabled:", ";--cb-color-button-brand-primary-border-disabled:", ";--cb-color-button-brand-secondary-text:", ";--cb-color-button-brand-secondary-bg:", ";--cb-color-button-brand-secondary-border:", ";--cb-color-button-brand-secondary-text-hover:", ";--cb-color-button-brand-secondary-bg-hover:", ";--cb-color-button-brand-secondary-border-hover:", ";--cb-color-button-brand-secondary-text-active:", ";--cb-color-button-brand-secondary-bg-active:", ";--cb-color-button-brand-secondary-border-active:", ";--cb-color-button-brand-secondary-text-disabled:", ";--cb-color-button-brand-secondary-bg-disabled:", ";--cb-color-button-brand-secondary-border-disabled:", ";--cb-color-button-brand-secondary-alt-text:", ";--cb-color-button-brand-secondary-alt-bg:", ";--cb-color-button-brand-secondary-alt-border:", ";--cb-color-button-brand-secondary-alt-text-hover:", ";--cb-color-button-brand-secondary-alt-bg-hover:", ";--cb-color-button-brand-secondary-alt-border-hover:", ";--cb-color-button-brand-secondary-alt-text-active:", ";--cb-color-button-brand-secondary-alt-bg-active:", ";--cb-color-button-brand-secondary-alt-border-active:", ";--cb-color-button-brand-secondary-alt-text-disabled:", ";--cb-color-button-brand-secondary-alt-bg-disabled:", ";--cb-color-button-brand-secondary-alt-border-disabled:", ";--cb-color-button-brand-tertiary-text:", ";--cb-color-button-brand-tertiary-bg:", ";--cb-color-button-brand-tertiary-border:", ";--cb-color-button-brand-tertiary-text-hover:", ";--cb-color-button-brand-tertiary-bg-hover:", ";--cb-color-button-brand-tertiary-border-hover:", ";--cb-color-button-brand-tertiary-text-active:", ";--cb-color-button-brand-tertiary-bg-active:", ";--cb-color-button-brand-tertiary-border-active:", ";--cb-color-button-brand-tertiary-text-disabled:", ";--cb-color-button-brand-tertiary-bg-disabled:", ";--cb-color-button-brand-tertiary-border-disabled:", ";--cb-color-button-text-primary-text:", ";--cb-color-button-text-primary-bg:", ";--cb-color-button-text-primary-border:", ";--cb-color-button-text-primary-text-hover:", ";--cb-color-button-text-primary-bg-hover:", ";--cb-color-button-text-primary-border-hover:", ";--cb-color-button-text-primary-text-active:", ";--cb-color-button-text-primary-bg-active:", ";--cb-color-button-text-primary-border-active:", ";--cb-color-button-text-primary-text-disabled:", ";--cb-color-button-text-primary-bg-disabled:", ";--cb-color-button-text-primary-border-disabled:", ";--cb-color-button-text-secondary-text:", ";--cb-color-button-text-secondary-bg:", ";--cb-color-button-text-secondary-border:", ";--cb-color-button-text-secondary-text-hover:", ";--cb-color-button-text-secondary-bg-hover:", ";--cb-color-button-text-secondary-border-hover:", ";--cb-color-button-text-secondary-text-active:", ";--cb-color-button-text-secondary-bg-active:", ";--cb-color-button-text-secondary-border-active:", ";--cb-color-button-text-secondary-text-disabled:", ";--cb-color-button-text-secondary-bg-disabled:", ";--cb-color-button-text-secondary-border-disabled:", ";--cb-color-button-text-tertiary-text:", ";--cb-color-button-text-tertiary-bg:", ";--cb-color-button-text-tertiary-border:", ";--cb-color-button-text-tertiary-text-hover:", ";--cb-color-button-text-tertiary-bg-hover:", ";--cb-color-button-text-tertiary-border-hover:", ";--cb-color-button-text-tertiary-text-active:", ";--cb-color-button-text-tertiary-bg-active:", ";--cb-color-button-text-tertiary-border-active:", ";--cb-color-button-text-tertiary-text-disabled:", ";--cb-color-button-text-tertiary-bg-disabled:", ";--cb-color-button-text-tertiary-border-disabled:", ";--cb-color-button-text-brand-primary-text:", ";--cb-color-button-text-brand-primary-bg:", ";--cb-color-button-text-brand-primary-border:", ";--cb-color-button-text-brand-primary-text-hover:", ";--cb-color-button-text-brand-primary-bg-hover:", ";--cb-color-button-text-brand-primary-border-hover:", ";--cb-color-button-text-brand-primary-text-active:", ";--cb-color-button-text-brand-primary-bg-active:", ";--cb-color-button-text-brand-primary-border-active:", ";--cb-color-button-text-brand-primary-text-disabled:", ";--cb-color-button-text-brand-primary-bg-disabled:", ";--cb-color-button-text-brand-primary-border-disabled:", ";--cb-color-button-text-brand-secondary-text:", ";--cb-color-button-text-brand-secondary-bg:", ";--cb-color-button-text-brand-secondary-border:", ";--cb-color-button-text-brand-secondary-text-hover:", ";--cb-color-button-text-brand-secondary-bg-hover:", ";--cb-color-button-text-brand-secondary-border-hover:", ";--cb-color-button-text-brand-secondary-text-active:", ";--cb-color-button-text-brand-secondary-bg-active:", ";--cb-color-button-text-brand-secondary-border-active:", ";--cb-color-button-text-brand-secondary-text-disabled:", ";--cb-color-button-text-brand-secondary-bg-disabled:", ";--cb-color-button-text-brand-secondary-border-disabled:", ";--cb-typo-font-family-base:", ";--cb-typo-font-family-base-ja:", ";--cb-typo-font-family-monospace:", ";--cb-size-border-radius-xs:", "px;--cb-size-border-radius-s:", "px;--cb-size-border-radius-m:", "px;--cb-size-border-radius-l:", "px;--cb-size-border-radius-xl:", "px;}"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_WHITE, COLOR.TEXT_BLACK, COLOR.TEXT_INVERSE, COLOR.TEXT_BRAND, COLOR.TEXT_BRAND_HOVER, COLOR.TEXT_BRAND_ACTIVE, COLOR.TEXT_ACCENT, COLOR.TEXT_ACCENT_HOVER, COLOR.TEXT_ACCENT_ACTIVE, COLOR.TEXT_PRIMARY, COLOR.TEXT_SECONDARY, COLOR.TEXT_TERTIARY, COLOR.TEXT_DISABLED, COLOR.TEXT_HELP, COLOR.TEXT_INFO, COLOR.TEXT_SUCCESS, COLOR.TEXT_WARNING, COLOR.TEXT_ERROR, COLOR.TEXT_DANGER, COLOR.TEXT_EMPHASIS, COLOR.TEXT_CODE, COLOR.BG_TRANSPARENT, COLOR.BG_WHITE, COLOR.BG_BLACK, COLOR.BG_INVERSE, COLOR.BG_BRAND, COLOR.BG_BRAND_HOVER, COLOR.BG_BRAND_ACTIVE, COLOR.BG_ACCENT, COLOR.BG_ACCENT_HOVER, COLOR.BG_ACCENT_ACTIVE, COLOR.BG_PRIMARY, COLOR.BG_SECONDARY, COLOR.BG_SECONDARY_FADE, COLOR.BG_TERTIARY, COLOR.BG_TERTIARY_FADE, COLOR.BG_DISABLED, COLOR.BG_HELP, COLOR.BG_HELP_TINT, COLOR.BG_HELP_TINT_FADE, COLOR.BG_INFO, COLOR.BG_INFO_TINT, COLOR.BG_INFO_TINT_FADE, COLOR.BG_SUCCESS, COLOR.BG_SUCCESS_TINT, COLOR.BG_SUCCESS_TINT_FADE, COLOR.BG_WARNING, COLOR.BG_WARNING_TINT, COLOR.BG_WARNING_TINT_FADE, COLOR.BG_ERROR, COLOR.BG_ERROR_TINT, COLOR.BG_ERROR_TINT_FADE, COLOR.BG_DANGER, COLOR.BG_BACKDROP, COLOR.BORDER_TRANSPARENT, COLOR.BORDER_WHITE, COLOR.BORDER_BRAND, COLOR.BORDER_BRAND_HOVER, COLOR.BORDER_BRAND_ACTIVE, COLOR.BORDER_ACCENT, COLOR.BORDER_ACCENT_HOVER, COLOR.BORDER_ACCENT_ACTIVE, COLOR.BORDER_PRIMARY, COLOR.BORDER_SECONDARY, COLOR.BORDER_TERTIARY, COLOR.BORDER_DISABLED, COLOR.BORDER_HELP, COLOR.BORDER_INFO, COLOR.BORDER_SUCCESS, COLOR.BORDER_WARNING, COLOR.BORDER_ERROR, COLOR.BORDER_DANGER, COLOR.SHADOW, COLOR.LINK_PRIMARY, COLOR.LINK_PRIMARY_VISITED, COLOR.LINK_PRIMARY_HOVER, COLOR.LINK_PRIMARY_ACTIVE, COLOR.LINK_SECONDARY, COLOR.LINK_SECONDARY_VISITED, COLOR.LINK_SECONDARY_HOVER, COLOR.LINK_SECONDARY_ACTIVE, COLOR.LINK_TERTIARY, COLOR.LINK_TERTIARY_VISITED, COLOR.LINK_TERTIARY_HOVER, COLOR.LINK_TERTIARY_ACTIVE, COLOR.LINK_BRAND, COLOR.LINK_BRAND_VISITED, COLOR.LINK_BRAND_HOVER, COLOR.LINK_BRAND_ACTIVE, COLOR.LINK_BRAND_SECONDARY, COLOR.LINK_BRAND_SECONDARY_VISITED, COLOR.LINK_BRAND_SECONDARY_HOVER, COLOR.LINK_BRAND_SECONDARY_ACTIVE, COLOR.LINK_DISABLED, COLOR.INPUT_TEXT, COLOR.INPUT_BG, COLOR.INPUT_BORDER, COLOR.INPUT_TEXT_HOVER, COLOR.INPUT_BG_HOVER, COLOR.INPUT_BORDER_HOVER, COLOR.INPUT_TEXT_FOCUS, COLOR.INPUT_BG_FOCUS, COLOR.INPUT_BORDER_FOCUS, COLOR.INPUT_BORDER_FOCUS_BRAND, COLOR.INPUT_TEXT_DISABLED, COLOR.INPUT_BG_DISABLED, COLOR.INPUT_BORDER_DISABLED, COLOR.INPUT_PLACEHOLDER, COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_TEXT_HOVER, COLOR.BUTTON_MENU_BG_HOVER, COLOR.BUTTON_MENU_BORDER_HOVER, COLOR.BUTTON_MENU_TEXT_ACTIVE, COLOR.BUTTON_MENU_BG_ACTIVE, COLOR.BUTTON_MENU_BORDER_ACTIVE, COLOR.BUTTON_MENU_TEXT_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_TEXT_HOVER, COLOR.BUTTON_DANGER_BG_HOVER, COLOR.BUTTON_DANGER_BORDER_HOVER, COLOR.BUTTON_DANGER_TEXT_ACTIVE, COLOR.BUTTON_DANGER_BG_ACTIVE, COLOR.BUTTON_DANGER_BORDER_ACTIVE, COLOR.BUTTON_DANGER_TEXT_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_TEXT_HOVER, COLOR.BUTTON_PRIMARY_BG_HOVER, COLOR.BUTTON_PRIMARY_BORDER_HOVER, COLOR.BUTTON_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_PRIMARY_BG_ACTIVE, COLOR.BUTTON_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_TEXT_HOVER, COLOR.BUTTON_SECONDARY_BG_HOVER, COLOR.BUTTON_SECONDARY_BORDER_HOVER, COLOR.BUTTON_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_BG_ACTIVE, COLOR.BUTTON_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TERTIARY_BG_HOVER, COLOR.BUTTON_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_TEXT_HOVER, COLOR.BUTTON_TERTIARY_ALT_BG_HOVER, COLOR.BUTTON_TERTIARY_ALT_BORDER_HOVER, COLOR.BUTTON_TERTIARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BG_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BG_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BORDER_HOVER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BG_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BG_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_MONOSPACE, SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_S, SIZE.BORDER_RADIUS_M, SIZE.BORDER_RADIUS_L, SIZE.BORDER_RADIUS_XL);
|
|
18
18
|
}
|
package/build/cjs/var/size.js
CHANGED
|
@@ -29,11 +29,11 @@ var _default = {
|
|
|
29
29
|
// 表单字体
|
|
30
30
|
FONT_SIZE_FORM_CONTROL_XS: 12,
|
|
31
31
|
FONT_SIZE_FORM_CONTROL_S: 12,
|
|
32
|
-
// 对标
|
|
32
|
+
// 对标 XConsole 的 small
|
|
33
33
|
FONT_SIZE_FORM_CONTROL_M: 12,
|
|
34
|
-
// 对标
|
|
34
|
+
// 对标 XConsole 的 medium
|
|
35
35
|
FONT_SIZE_FORM_CONTROL_L: 14,
|
|
36
|
-
// 对标
|
|
36
|
+
// 对标 XConsole 的 large
|
|
37
37
|
FONT_SIZE_FORM_CONTROL_XL: 16,
|
|
38
38
|
|
|
39
39
|
/* *************************
|
|
@@ -63,12 +63,12 @@ var _default = {
|
|
|
63
63
|
// 顶栏高度
|
|
64
64
|
// 表单控件（按钮、输入框）的高度梯度
|
|
65
65
|
HEIGHT_FORM_CONTROL_XS: 24,
|
|
66
|
-
// 对标
|
|
66
|
+
// 对标 XConsole 的 small
|
|
67
67
|
HEIGHT_FORM_CONTROL_S: 28,
|
|
68
68
|
HEIGHT_FORM_CONTROL_M: 32,
|
|
69
|
-
// 对标
|
|
69
|
+
// 对标 XConsole 的 medium
|
|
70
70
|
HEIGHT_FORM_CONTROL_L: 36,
|
|
71
|
-
// 对标
|
|
71
|
+
// 对标 XConsole 的 large
|
|
72
72
|
HEIGHT_FORM_CONTROL_XL: 40,
|
|
73
73
|
HEIGHT_DIALOG_SLIDE_HEADER: 60,
|
|
74
74
|
HEIGHT_DIALOG_SLIDE_FOOTER: 64,
|
package/build/es/mixin/button.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
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/typo.js
CHANGED
|
@@ -6,8 +6,9 @@ import { mixinBorderTertiary, mixinBorderTertiaryColor } from './border';
|
|
|
6
6
|
export var mixinTypoFontFamilyBase = css(["font-family:", ";font-family:var(--cb-typo-font-family-base,", ");"], TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE); // 日文专属
|
|
7
7
|
|
|
8
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);
|
|
10
|
-
|
|
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);
|
|
11
12
|
export var mixinTypoStrong = css(["font-weight:600;", ""], mixinTextPrimary);
|
|
12
13
|
export var mixinTypoEm = css(["font-style:normal;", ""], mixinTextEmphasis);
|
|
13
14
|
export var mixinTypoSmall = css(["font-size:inherit;", ""], mixinTextTertiary);
|
|
@@ -6,5 +6,5 @@ export default function createThemeGlobalStyle(_ref) {
|
|
|
6
6
|
SIZE = _ref.SIZE;
|
|
7
7
|
// eslint-disable-line @typescript-eslint/no-explicit-any
|
|
8
8
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
9
|
-
return createGlobalStyle([":root{--cb-color-text-transparent:", ";--cb-color-text-white:", ";--cb-color-text-black:", ";--cb-color-text-inverse:", ";--cb-color-text-brand:", ";--cb-color-text-brand-hover:", ";--cb-color-text-brand-active:", ";--cb-color-text-accent:", ";--cb-color-text-accent-hover:", ";--cb-color-text-accent-active:", ";--cb-color-text-primary:", ";--cb-color-text-secondary:", ";--cb-color-text-tertiary:", ";--cb-color-text-disabled:", ";--cb-color-text-help:", ";--cb-color-text-info:", ";--cb-color-text-success:", ";--cb-color-text-warning:", ";--cb-color-text-error:", ";--cb-color-text-danger:", ";--cb-color-text-emphasis:", ";--cb-color-text-code:", ";--cb-color-bg-transparent:", ";--cb-color-bg-white:", ";--cb-color-bg-black:", ";--cb-color-bg-inverse:", ";--cb-color-bg-brand:", ";--cb-color-bg-brand-hover:", ";--cb-color-bg-brand-active:", ";--cb-color-bg-accent:", ";--cb-color-bg-accent-hover:", ";--cb-color-bg-accent-active:", ";--cb-color-bg-primary:", ";--cb-color-bg-secondary:", ";--cb-color-bg-secondary-fade:", ";--cb-color-bg-tertiary:", ";--cb-color-bg-tertiary-fade:", ";--cb-color-bg-disabled:", ";--cb-color-bg-help:", ";--cb-color-bg-help-tint:", ";--cb-color-bg-help-tint-fade:", ";--cb-color-bg-info:", ";--cb-color-bg-info-tint:", ";--cb-color-bg-info-tint-fade:", ";--cb-color-bg-success:", ";--cb-color-bg-success-tint:", ";--cb-color-bg-success-tint-fade:", ";--cb-color-bg-warning:", ";--cb-color-bg-warning-tint:", ";--cb-color-bg-warning-tint-fade:", ";--cb-color-bg-error:", ";--cb-color-bg-error-tint:", ";--cb-color-bg-error-tint-fade:", ";--cb-color-bg-danger:", ";--cb-color-bg-backdrop:", ";--cb-color-border-transparent:", ";--cb-color-border-white:", ";--cb-color-border-brand:", ";--cb-color-border-brand-hover:", ";--cb-color-border-brand-active:", ";--cb-color-border-accent:", ";--cb-color-border-accent-hover:", ";--cb-color-border-accent-active:", ";--cb-color-border-primary:", ";--cb-color-border-secondary:", ";--cb-color-border-tertiary:", ";--cb-color-border-disabled:", ";--cb-color-border-help:", ";--cb-color-border-info:", ";--cb-color-border-success:", ";--cb-color-border-warning:", ";--cb-color-border-error:", ";--cb-color-border-danger:", ";--cb-color-shadow:", ";--cb-color-link-primary:", ";--cb-color-link-primary-visited:", ";--cb-color-link-primary-hover:", ";--cb-color-link-primary-active:", ";--cb-color-link-secondary:", ";--cb-color-link-secondary-visited:", ";--cb-color-link-secondary-hover:", ";--cb-color-link-secondary-active:", ";--cb-color-link-tertiary:", ";--cb-color-link-tertiary-visited:", ";--cb-color-link-tertiary-hover:", ";--cb-color-link-tertiary-active:", ";--cb-color-link-brand:", ";--cb-color-link-brand-visited:", ";--cb-color-link-brand-hover:", ";--cb-color-link-brand-active:", ";--cb-color-link-brand-secondary:", ";--cb-color-link-brand-secondary-visited:", ";--cb-color-link-brand-secondary-hover:", ";--cb-color-link-brand-secondary-active:", ";--cb-color-link-disabled:", ";--cb-color-input-text:", ";--cb-color-input-bg:", ";--cb-color-input-border:", ";--cb-color-input-text-hover:", ";--cb-color-input-bg-hover:", ";--cb-color-input-border-hover:", ";--cb-color-input-text-focus:", ";--cb-color-input-bg-focus:", ";--cb-color-input-border-focus:", ";--cb-color-input-border-focus-brand:", ";--cb-color-input-text-disabled:", ";--cb-color-input-bg-disabled:", ";--cb-color-input-border-disabled:", ";--cb-color-input-placeholder:", ";--cb-color-button-menu-text:", ";--cb-color-button-menu-bg:", ";--cb-color-button-menu-border:", ";--cb-color-button-menu-text-hover:", ";--cb-color-button-menu-bg-hover:", ";--cb-color-button-menu-border-hover:", ";--cb-color-button-menu-text-active:", ";--cb-color-button-menu-bg-active:", ";--cb-color-button-menu-border-active:", ";--cb-color-button-menu-text-disabled:", ";--cb-color-button-menu-bg-disabled:", ";--cb-color-button-menu-border-disabled:", ";--cb-color-button-danger-text:", ";--cb-color-button-danger-bg:", ";--cb-color-button-danger-border:", ";--cb-color-button-danger-text-hover:", ";--cb-color-button-danger-bg-hover:", ";--cb-color-button-danger-border-hover:", ";--cb-color-button-danger-text-active:", ";--cb-color-button-danger-bg-active:", ";--cb-color-button-danger-border-active:", ";--cb-color-button-danger-text-disabled:", ";--cb-color-button-danger-bg-disabled:", ";--cb-color-button-danger-border-disabled:", ";--cb-color-button-primary-text:", ";--cb-color-button-primary-bg:", ";--cb-color-button-primary-border:", ";--cb-color-button-primary-text-hover:", ";--cb-color-button-primary-bg-hover:", ";--cb-color-button-primary-border-hover:", ";--cb-color-button-primary-text-active:", ";--cb-color-button-primary-bg-active:", ";--cb-color-button-primary-border-active:", ";--cb-color-button-primary-text-disabled:", ";--cb-color-button-primary-bg-disabled:", ";--cb-color-button-primary-border-disabled:", ";--cb-color-button-secondary-text:", ";--cb-color-button-secondary-bg:", ";--cb-color-button-secondary-border:", ";--cb-color-button-secondary-text-hover:", ";--cb-color-button-secondary-bg-hover:", ";--cb-color-button-secondary-border-hover:", ";--cb-color-button-secondary-text-active:", ";--cb-color-button-secondary-bg-active:", ";--cb-color-button-secondary-border-active:", ";--cb-color-button-secondary-text-disabled:", ";--cb-color-button-secondary-bg-disabled:", ";--cb-color-button-secondary-border-disabled:", ";--cb-color-button-secondary-alt-text:", ";--cb-color-button-secondary-alt-bg:", ";--cb-color-button-secondary-alt-border:", ";--cb-color-button-secondary-alt-text-hover:", ";--cb-color-button-secondary-alt-bg-hover:", ";--cb-color-button-secondary-alt-border-hover:", ";--cb-color-button-secondary-alt-text-active:", ";--cb-color-button-secondary-alt-bg-active:", ";--cb-color-button-secondary-alt-border-active:", ";--cb-color-button-secondary-alt-text-disabled:", ";--cb-color-button-secondary-alt-bg-disabled:", ";--cb-color-button-secondary-alt-border-disabled:", ";--cb-color-button-tertiary-text:", ";--cb-color-button-tertiary-bg:", ";--cb-color-button-tertiary-border:", ";--cb-color-button-tertiary-text-hover:", ";--cb-color-button-tertiary-bg-hover:", ";--cb-color-button-tertiary-border-hover:", ";--cb-color-button-tertiary-text-active:", ";--cb-color-button-tertiary-bg-active:", ";--cb-color-button-tertiary-border-active:", ";--cb-color-button-tertiary-text-disabled:", ";--cb-color-button-tertiary-bg-disabled:", ";--cb-color-button-tertiary-border-disabled:", ";--cb-color-button-tertiary-alt-text:", ";--cb-color-button-tertiary-alt-bg:", ";--cb-color-button-tertiary-alt-border:", ";--cb-color-button-tertiary-alt-text-hover:", ";--cb-color-button-tertiary-alt-bg-hover:", ";--cb-color-button-tertiary-alt-border-hover:", ";--cb-color-button-tertiary-alt-text-active:", ";--cb-color-button-tertiary-alt-bg-active:", ";--cb-color-button-tertiary-alt-border-active:", ";--cb-color-button-tertiary-alt-text-disabled:", ";--cb-color-button-tertiary-alt-bg-disabled:", ";--cb-color-button-tertiary-alt-border-disabled:", ";--cb-color-button-brand-primary-text:", ";--cb-color-button-brand-primary-bg:", ";--cb-color-button-brand-primary-border:", ";--cb-color-button-brand-primary-text-hover:", ";--cb-color-button-brand-primary-bg-hover:", ";--cb-color-button-brand-primary-border-hover:", ";--cb-color-button-brand-primary-text-active:", ";--cb-color-button-brand-primary-bg-active:", ";--cb-color-button-brand-primary-border-active:", ";--cb-color-button-brand-primary-text-disabled:", ";--cb-color-button-brand-primary-bg-disabled:", ";--cb-color-button-brand-primary-border-disabled:", ";--cb-color-button-brand-secondary-text:", ";--cb-color-button-brand-secondary-bg:", ";--cb-color-button-brand-secondary-border:", ";--cb-color-button-brand-secondary-text-hover:", ";--cb-color-button-brand-secondary-bg-hover:", ";--cb-color-button-brand-secondary-border-hover:", ";--cb-color-button-brand-secondary-text-active:", ";--cb-color-button-brand-secondary-bg-active:", ";--cb-color-button-brand-secondary-border-active:", ";--cb-color-button-brand-secondary-text-disabled:", ";--cb-color-button-brand-secondary-bg-disabled:", ";--cb-color-button-brand-secondary-border-disabled:", ";--cb-color-button-brand-secondary-alt-text:", ";--cb-color-button-brand-secondary-alt-bg:", ";--cb-color-button-brand-secondary-alt-border:", ";--cb-color-button-brand-secondary-alt-text-hover:", ";--cb-color-button-brand-secondary-alt-bg-hover:", ";--cb-color-button-brand-secondary-alt-border-hover:", ";--cb-color-button-brand-secondary-alt-text-active:", ";--cb-color-button-brand-secondary-alt-bg-active:", ";--cb-color-button-brand-secondary-alt-border-active:", ";--cb-color-button-brand-secondary-alt-text-disabled:", ";--cb-color-button-brand-secondary-alt-bg-disabled:", ";--cb-color-button-brand-secondary-alt-border-disabled:", ";--cb-color-button-brand-tertiary-text:", ";--cb-color-button-brand-tertiary-bg:", ";--cb-color-button-brand-tertiary-border:", ";--cb-color-button-brand-tertiary-text-hover:", ";--cb-color-button-brand-tertiary-bg-hover:", ";--cb-color-button-brand-tertiary-border-hover:", ";--cb-color-button-brand-tertiary-text-active:", ";--cb-color-button-brand-tertiary-bg-active:", ";--cb-color-button-brand-tertiary-border-active:", ";--cb-color-button-brand-tertiary-text-disabled:", ";--cb-color-button-brand-tertiary-bg-disabled:", ";--cb-color-button-brand-tertiary-border-disabled:", ";--cb-color-button-text-primary-text:", ";--cb-color-button-text-primary-bg:", ";--cb-color-button-text-primary-border:", ";--cb-color-button-text-primary-text-hover:", ";--cb-color-button-text-primary-bg-hover:", ";--cb-color-button-text-primary-border-hover:", ";--cb-color-button-text-primary-text-active:", ";--cb-color-button-text-primary-bg-active:", ";--cb-color-button-text-primary-border-active:", ";--cb-color-button-text-primary-text-disabled:", ";--cb-color-button-text-primary-bg-disabled:", ";--cb-color-button-text-primary-border-disabled:", ";--cb-color-button-text-secondary-text:", ";--cb-color-button-text-secondary-bg:", ";--cb-color-button-text-secondary-border:", ";--cb-color-button-text-secondary-text-hover:", ";--cb-color-button-text-secondary-bg-hover:", ";--cb-color-button-text-secondary-border-hover:", ";--cb-color-button-text-secondary-text-active:", ";--cb-color-button-text-secondary-bg-active:", ";--cb-color-button-text-secondary-border-active:", ";--cb-color-button-text-secondary-text-disabled:", ";--cb-color-button-text-secondary-bg-disabled:", ";--cb-color-button-text-secondary-border-disabled:", ";--cb-color-button-text-tertiary-text:", ";--cb-color-button-text-tertiary-bg:", ";--cb-color-button-text-tertiary-border:", ";--cb-color-button-text-tertiary-text-hover:", ";--cb-color-button-text-tertiary-bg-hover:", ";--cb-color-button-text-tertiary-border-hover:", ";--cb-color-button-text-tertiary-text-active:", ";--cb-color-button-text-tertiary-bg-active:", ";--cb-color-button-text-tertiary-border-active:", ";--cb-color-button-text-tertiary-text-disabled:", ";--cb-color-button-text-tertiary-bg-disabled:", ";--cb-color-button-text-tertiary-border-disabled:", ";--cb-color-button-text-brand-primary-text:", ";--cb-color-button-text-brand-primary-bg:", ";--cb-color-button-text-brand-primary-border:", ";--cb-color-button-text-brand-primary-text-hover:", ";--cb-color-button-text-brand-primary-bg-hover:", ";--cb-color-button-text-brand-primary-border-hover:", ";--cb-color-button-text-brand-primary-text-active:", ";--cb-color-button-text-brand-primary-bg-active:", ";--cb-color-button-text-brand-primary-border-active:", ";--cb-color-button-text-brand-primary-text-disabled:", ";--cb-color-button-text-brand-primary-bg-disabled:", ";--cb-color-button-text-brand-primary-border-disabled:", ";--cb-color-button-text-brand-secondary-text:", ";--cb-color-button-text-brand-secondary-bg:", ";--cb-color-button-text-brand-secondary-border:", ";--cb-color-button-text-brand-secondary-text-hover:", ";--cb-color-button-text-brand-secondary-bg-hover:", ";--cb-color-button-text-brand-secondary-border-hover:", ";--cb-color-button-text-brand-secondary-text-active:", ";--cb-color-button-text-brand-secondary-bg-active:", ";--cb-color-button-text-brand-secondary-border-active:", ";--cb-color-button-text-brand-secondary-text-disabled:", ";--cb-color-button-text-brand-secondary-bg-disabled:", ";--cb-color-button-text-brand-secondary-border-disabled:", ";--cb-typo-font-family-base:", ";--cb-typo-font-family-monospace:", ";--cb-size-border-radius-xs:", "px;--cb-size-border-radius-s:", "px;--cb-size-border-radius-m:", "px;--cb-size-border-radius-l:", "px;--cb-size-border-radius-xl:", "px;}"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_WHITE, COLOR.TEXT_BLACK, COLOR.TEXT_INVERSE, COLOR.TEXT_BRAND, COLOR.TEXT_BRAND_HOVER, COLOR.TEXT_BRAND_ACTIVE, COLOR.TEXT_ACCENT, COLOR.TEXT_ACCENT_HOVER, COLOR.TEXT_ACCENT_ACTIVE, COLOR.TEXT_PRIMARY, COLOR.TEXT_SECONDARY, COLOR.TEXT_TERTIARY, COLOR.TEXT_DISABLED, COLOR.TEXT_HELP, COLOR.TEXT_INFO, COLOR.TEXT_SUCCESS, COLOR.TEXT_WARNING, COLOR.TEXT_ERROR, COLOR.TEXT_DANGER, COLOR.TEXT_EMPHASIS, COLOR.TEXT_CODE, COLOR.BG_TRANSPARENT, COLOR.BG_WHITE, COLOR.BG_BLACK, COLOR.BG_INVERSE, COLOR.BG_BRAND, COLOR.BG_BRAND_HOVER, COLOR.BG_BRAND_ACTIVE, COLOR.BG_ACCENT, COLOR.BG_ACCENT_HOVER, COLOR.BG_ACCENT_ACTIVE, COLOR.BG_PRIMARY, COLOR.BG_SECONDARY, COLOR.BG_SECONDARY_FADE, COLOR.BG_TERTIARY, COLOR.BG_TERTIARY_FADE, COLOR.BG_DISABLED, COLOR.BG_HELP, COLOR.BG_HELP_TINT, COLOR.BG_HELP_TINT_FADE, COLOR.BG_INFO, COLOR.BG_INFO_TINT, COLOR.BG_INFO_TINT_FADE, COLOR.BG_SUCCESS, COLOR.BG_SUCCESS_TINT, COLOR.BG_SUCCESS_TINT_FADE, COLOR.BG_WARNING, COLOR.BG_WARNING_TINT, COLOR.BG_WARNING_TINT_FADE, COLOR.BG_ERROR, COLOR.BG_ERROR_TINT, COLOR.BG_ERROR_TINT_FADE, COLOR.BG_DANGER, COLOR.BG_BACKDROP, COLOR.BORDER_TRANSPARENT, COLOR.BORDER_WHITE, COLOR.BORDER_BRAND, COLOR.BORDER_BRAND_HOVER, COLOR.BORDER_BRAND_ACTIVE, COLOR.BORDER_ACCENT, COLOR.BORDER_ACCENT_HOVER, COLOR.BORDER_ACCENT_ACTIVE, COLOR.BORDER_PRIMARY, COLOR.BORDER_SECONDARY, COLOR.BORDER_TERTIARY, COLOR.BORDER_DISABLED, COLOR.BORDER_HELP, COLOR.BORDER_INFO, COLOR.BORDER_SUCCESS, COLOR.BORDER_WARNING, COLOR.BORDER_ERROR, COLOR.BORDER_DANGER, COLOR.SHADOW, COLOR.LINK_PRIMARY, COLOR.LINK_PRIMARY_VISITED, COLOR.LINK_PRIMARY_HOVER, COLOR.LINK_PRIMARY_ACTIVE, COLOR.LINK_SECONDARY, COLOR.LINK_SECONDARY_VISITED, COLOR.LINK_SECONDARY_HOVER, COLOR.LINK_SECONDARY_ACTIVE, COLOR.LINK_TERTIARY, COLOR.LINK_TERTIARY_VISITED, COLOR.LINK_TERTIARY_HOVER, COLOR.LINK_TERTIARY_ACTIVE, COLOR.LINK_BRAND, COLOR.LINK_BRAND_VISITED, COLOR.LINK_BRAND_HOVER, COLOR.LINK_BRAND_ACTIVE, COLOR.LINK_BRAND_SECONDARY, COLOR.LINK_BRAND_SECONDARY_VISITED, COLOR.LINK_BRAND_SECONDARY_HOVER, COLOR.LINK_BRAND_SECONDARY_ACTIVE, COLOR.LINK_DISABLED, COLOR.INPUT_TEXT, COLOR.INPUT_BG, COLOR.INPUT_BORDER, COLOR.INPUT_TEXT_HOVER, COLOR.INPUT_BG_HOVER, COLOR.INPUT_BORDER_HOVER, COLOR.INPUT_TEXT_FOCUS, COLOR.INPUT_BG_FOCUS, COLOR.INPUT_BORDER_FOCUS, COLOR.INPUT_BORDER_FOCUS_BRAND, COLOR.INPUT_TEXT_DISABLED, COLOR.INPUT_BG_DISABLED, COLOR.INPUT_BORDER_DISABLED, COLOR.INPUT_PLACEHOLDER, COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_TEXT_HOVER, COLOR.BUTTON_MENU_BG_HOVER, COLOR.BUTTON_MENU_BORDER_HOVER, COLOR.BUTTON_MENU_TEXT_ACTIVE, COLOR.BUTTON_MENU_BG_ACTIVE, COLOR.BUTTON_MENU_BORDER_ACTIVE, COLOR.BUTTON_MENU_TEXT_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_TEXT_HOVER, COLOR.BUTTON_DANGER_BG_HOVER, COLOR.BUTTON_DANGER_BORDER_HOVER, COLOR.BUTTON_DANGER_TEXT_ACTIVE, COLOR.BUTTON_DANGER_BG_ACTIVE, COLOR.BUTTON_DANGER_BORDER_ACTIVE, COLOR.BUTTON_DANGER_TEXT_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_TEXT_HOVER, COLOR.BUTTON_PRIMARY_BG_HOVER, COLOR.BUTTON_PRIMARY_BORDER_HOVER, COLOR.BUTTON_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_PRIMARY_BG_ACTIVE, COLOR.BUTTON_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_TEXT_HOVER, COLOR.BUTTON_SECONDARY_BG_HOVER, COLOR.BUTTON_SECONDARY_BORDER_HOVER, COLOR.BUTTON_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_BG_ACTIVE, COLOR.BUTTON_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TERTIARY_BG_HOVER, COLOR.BUTTON_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_TEXT_HOVER, COLOR.BUTTON_TERTIARY_ALT_BG_HOVER, COLOR.BUTTON_TERTIARY_ALT_BORDER_HOVER, COLOR.BUTTON_TERTIARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BG_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BG_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BORDER_HOVER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BG_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BG_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_MONOSPACE, SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_S, SIZE.BORDER_RADIUS_M, SIZE.BORDER_RADIUS_L, SIZE.BORDER_RADIUS_XL);
|
|
9
|
+
return createGlobalStyle([":root{--cb-color-text-transparent:", ";--cb-color-text-white:", ";--cb-color-text-black:", ";--cb-color-text-inverse:", ";--cb-color-text-brand:", ";--cb-color-text-brand-hover:", ";--cb-color-text-brand-active:", ";--cb-color-text-accent:", ";--cb-color-text-accent-hover:", ";--cb-color-text-accent-active:", ";--cb-color-text-primary:", ";--cb-color-text-secondary:", ";--cb-color-text-tertiary:", ";--cb-color-text-disabled:", ";--cb-color-text-help:", ";--cb-color-text-info:", ";--cb-color-text-success:", ";--cb-color-text-warning:", ";--cb-color-text-error:", ";--cb-color-text-danger:", ";--cb-color-text-emphasis:", ";--cb-color-text-code:", ";--cb-color-bg-transparent:", ";--cb-color-bg-white:", ";--cb-color-bg-black:", ";--cb-color-bg-inverse:", ";--cb-color-bg-brand:", ";--cb-color-bg-brand-hover:", ";--cb-color-bg-brand-active:", ";--cb-color-bg-accent:", ";--cb-color-bg-accent-hover:", ";--cb-color-bg-accent-active:", ";--cb-color-bg-primary:", ";--cb-color-bg-secondary:", ";--cb-color-bg-secondary-fade:", ";--cb-color-bg-tertiary:", ";--cb-color-bg-tertiary-fade:", ";--cb-color-bg-disabled:", ";--cb-color-bg-help:", ";--cb-color-bg-help-tint:", ";--cb-color-bg-help-tint-fade:", ";--cb-color-bg-info:", ";--cb-color-bg-info-tint:", ";--cb-color-bg-info-tint-fade:", ";--cb-color-bg-success:", ";--cb-color-bg-success-tint:", ";--cb-color-bg-success-tint-fade:", ";--cb-color-bg-warning:", ";--cb-color-bg-warning-tint:", ";--cb-color-bg-warning-tint-fade:", ";--cb-color-bg-error:", ";--cb-color-bg-error-tint:", ";--cb-color-bg-error-tint-fade:", ";--cb-color-bg-danger:", ";--cb-color-bg-backdrop:", ";--cb-color-border-transparent:", ";--cb-color-border-white:", ";--cb-color-border-brand:", ";--cb-color-border-brand-hover:", ";--cb-color-border-brand-active:", ";--cb-color-border-accent:", ";--cb-color-border-accent-hover:", ";--cb-color-border-accent-active:", ";--cb-color-border-primary:", ";--cb-color-border-secondary:", ";--cb-color-border-tertiary:", ";--cb-color-border-disabled:", ";--cb-color-border-help:", ";--cb-color-border-info:", ";--cb-color-border-success:", ";--cb-color-border-warning:", ";--cb-color-border-error:", ";--cb-color-border-danger:", ";--cb-color-shadow:", ";--cb-color-link-primary:", ";--cb-color-link-primary-visited:", ";--cb-color-link-primary-hover:", ";--cb-color-link-primary-active:", ";--cb-color-link-secondary:", ";--cb-color-link-secondary-visited:", ";--cb-color-link-secondary-hover:", ";--cb-color-link-secondary-active:", ";--cb-color-link-tertiary:", ";--cb-color-link-tertiary-visited:", ";--cb-color-link-tertiary-hover:", ";--cb-color-link-tertiary-active:", ";--cb-color-link-brand:", ";--cb-color-link-brand-visited:", ";--cb-color-link-brand-hover:", ";--cb-color-link-brand-active:", ";--cb-color-link-brand-secondary:", ";--cb-color-link-brand-secondary-visited:", ";--cb-color-link-brand-secondary-hover:", ";--cb-color-link-brand-secondary-active:", ";--cb-color-link-disabled:", ";--cb-color-input-text:", ";--cb-color-input-bg:", ";--cb-color-input-border:", ";--cb-color-input-text-hover:", ";--cb-color-input-bg-hover:", ";--cb-color-input-border-hover:", ";--cb-color-input-text-focus:", ";--cb-color-input-bg-focus:", ";--cb-color-input-border-focus:", ";--cb-color-input-border-focus-brand:", ";--cb-color-input-text-disabled:", ";--cb-color-input-bg-disabled:", ";--cb-color-input-border-disabled:", ";--cb-color-input-placeholder:", ";--cb-color-button-menu-text:", ";--cb-color-button-menu-bg:", ";--cb-color-button-menu-border:", ";--cb-color-button-menu-text-hover:", ";--cb-color-button-menu-bg-hover:", ";--cb-color-button-menu-border-hover:", ";--cb-color-button-menu-text-active:", ";--cb-color-button-menu-bg-active:", ";--cb-color-button-menu-border-active:", ";--cb-color-button-menu-text-disabled:", ";--cb-color-button-menu-bg-disabled:", ";--cb-color-button-menu-border-disabled:", ";--cb-color-button-danger-text:", ";--cb-color-button-danger-bg:", ";--cb-color-button-danger-border:", ";--cb-color-button-danger-text-hover:", ";--cb-color-button-danger-bg-hover:", ";--cb-color-button-danger-border-hover:", ";--cb-color-button-danger-text-active:", ";--cb-color-button-danger-bg-active:", ";--cb-color-button-danger-border-active:", ";--cb-color-button-danger-text-disabled:", ";--cb-color-button-danger-bg-disabled:", ";--cb-color-button-danger-border-disabled:", ";--cb-color-button-primary-text:", ";--cb-color-button-primary-bg:", ";--cb-color-button-primary-border:", ";--cb-color-button-primary-text-hover:", ";--cb-color-button-primary-bg-hover:", ";--cb-color-button-primary-border-hover:", ";--cb-color-button-primary-text-active:", ";--cb-color-button-primary-bg-active:", ";--cb-color-button-primary-border-active:", ";--cb-color-button-primary-text-disabled:", ";--cb-color-button-primary-bg-disabled:", ";--cb-color-button-primary-border-disabled:", ";--cb-color-button-secondary-text:", ";--cb-color-button-secondary-bg:", ";--cb-color-button-secondary-border:", ";--cb-color-button-secondary-text-hover:", ";--cb-color-button-secondary-bg-hover:", ";--cb-color-button-secondary-border-hover:", ";--cb-color-button-secondary-text-active:", ";--cb-color-button-secondary-bg-active:", ";--cb-color-button-secondary-border-active:", ";--cb-color-button-secondary-text-disabled:", ";--cb-color-button-secondary-bg-disabled:", ";--cb-color-button-secondary-border-disabled:", ";--cb-color-button-secondary-alt-text:", ";--cb-color-button-secondary-alt-bg:", ";--cb-color-button-secondary-alt-border:", ";--cb-color-button-secondary-alt-text-hover:", ";--cb-color-button-secondary-alt-bg-hover:", ";--cb-color-button-secondary-alt-border-hover:", ";--cb-color-button-secondary-alt-text-active:", ";--cb-color-button-secondary-alt-bg-active:", ";--cb-color-button-secondary-alt-border-active:", ";--cb-color-button-secondary-alt-text-disabled:", ";--cb-color-button-secondary-alt-bg-disabled:", ";--cb-color-button-secondary-alt-border-disabled:", ";--cb-color-button-tertiary-text:", ";--cb-color-button-tertiary-bg:", ";--cb-color-button-tertiary-border:", ";--cb-color-button-tertiary-text-hover:", ";--cb-color-button-tertiary-bg-hover:", ";--cb-color-button-tertiary-border-hover:", ";--cb-color-button-tertiary-text-active:", ";--cb-color-button-tertiary-bg-active:", ";--cb-color-button-tertiary-border-active:", ";--cb-color-button-tertiary-text-disabled:", ";--cb-color-button-tertiary-bg-disabled:", ";--cb-color-button-tertiary-border-disabled:", ";--cb-color-button-tertiary-alt-text:", ";--cb-color-button-tertiary-alt-bg:", ";--cb-color-button-tertiary-alt-border:", ";--cb-color-button-tertiary-alt-text-hover:", ";--cb-color-button-tertiary-alt-bg-hover:", ";--cb-color-button-tertiary-alt-border-hover:", ";--cb-color-button-tertiary-alt-text-active:", ";--cb-color-button-tertiary-alt-bg-active:", ";--cb-color-button-tertiary-alt-border-active:", ";--cb-color-button-tertiary-alt-text-disabled:", ";--cb-color-button-tertiary-alt-bg-disabled:", ";--cb-color-button-tertiary-alt-border-disabled:", ";--cb-color-button-brand-primary-text:", ";--cb-color-button-brand-primary-bg:", ";--cb-color-button-brand-primary-border:", ";--cb-color-button-brand-primary-text-hover:", ";--cb-color-button-brand-primary-bg-hover:", ";--cb-color-button-brand-primary-border-hover:", ";--cb-color-button-brand-primary-text-active:", ";--cb-color-button-brand-primary-bg-active:", ";--cb-color-button-brand-primary-border-active:", ";--cb-color-button-brand-primary-text-disabled:", ";--cb-color-button-brand-primary-bg-disabled:", ";--cb-color-button-brand-primary-border-disabled:", ";--cb-color-button-brand-secondary-text:", ";--cb-color-button-brand-secondary-bg:", ";--cb-color-button-brand-secondary-border:", ";--cb-color-button-brand-secondary-text-hover:", ";--cb-color-button-brand-secondary-bg-hover:", ";--cb-color-button-brand-secondary-border-hover:", ";--cb-color-button-brand-secondary-text-active:", ";--cb-color-button-brand-secondary-bg-active:", ";--cb-color-button-brand-secondary-border-active:", ";--cb-color-button-brand-secondary-text-disabled:", ";--cb-color-button-brand-secondary-bg-disabled:", ";--cb-color-button-brand-secondary-border-disabled:", ";--cb-color-button-brand-secondary-alt-text:", ";--cb-color-button-brand-secondary-alt-bg:", ";--cb-color-button-brand-secondary-alt-border:", ";--cb-color-button-brand-secondary-alt-text-hover:", ";--cb-color-button-brand-secondary-alt-bg-hover:", ";--cb-color-button-brand-secondary-alt-border-hover:", ";--cb-color-button-brand-secondary-alt-text-active:", ";--cb-color-button-brand-secondary-alt-bg-active:", ";--cb-color-button-brand-secondary-alt-border-active:", ";--cb-color-button-brand-secondary-alt-text-disabled:", ";--cb-color-button-brand-secondary-alt-bg-disabled:", ";--cb-color-button-brand-secondary-alt-border-disabled:", ";--cb-color-button-brand-tertiary-text:", ";--cb-color-button-brand-tertiary-bg:", ";--cb-color-button-brand-tertiary-border:", ";--cb-color-button-brand-tertiary-text-hover:", ";--cb-color-button-brand-tertiary-bg-hover:", ";--cb-color-button-brand-tertiary-border-hover:", ";--cb-color-button-brand-tertiary-text-active:", ";--cb-color-button-brand-tertiary-bg-active:", ";--cb-color-button-brand-tertiary-border-active:", ";--cb-color-button-brand-tertiary-text-disabled:", ";--cb-color-button-brand-tertiary-bg-disabled:", ";--cb-color-button-brand-tertiary-border-disabled:", ";--cb-color-button-text-primary-text:", ";--cb-color-button-text-primary-bg:", ";--cb-color-button-text-primary-border:", ";--cb-color-button-text-primary-text-hover:", ";--cb-color-button-text-primary-bg-hover:", ";--cb-color-button-text-primary-border-hover:", ";--cb-color-button-text-primary-text-active:", ";--cb-color-button-text-primary-bg-active:", ";--cb-color-button-text-primary-border-active:", ";--cb-color-button-text-primary-text-disabled:", ";--cb-color-button-text-primary-bg-disabled:", ";--cb-color-button-text-primary-border-disabled:", ";--cb-color-button-text-secondary-text:", ";--cb-color-button-text-secondary-bg:", ";--cb-color-button-text-secondary-border:", ";--cb-color-button-text-secondary-text-hover:", ";--cb-color-button-text-secondary-bg-hover:", ";--cb-color-button-text-secondary-border-hover:", ";--cb-color-button-text-secondary-text-active:", ";--cb-color-button-text-secondary-bg-active:", ";--cb-color-button-text-secondary-border-active:", ";--cb-color-button-text-secondary-text-disabled:", ";--cb-color-button-text-secondary-bg-disabled:", ";--cb-color-button-text-secondary-border-disabled:", ";--cb-color-button-text-tertiary-text:", ";--cb-color-button-text-tertiary-bg:", ";--cb-color-button-text-tertiary-border:", ";--cb-color-button-text-tertiary-text-hover:", ";--cb-color-button-text-tertiary-bg-hover:", ";--cb-color-button-text-tertiary-border-hover:", ";--cb-color-button-text-tertiary-text-active:", ";--cb-color-button-text-tertiary-bg-active:", ";--cb-color-button-text-tertiary-border-active:", ";--cb-color-button-text-tertiary-text-disabled:", ";--cb-color-button-text-tertiary-bg-disabled:", ";--cb-color-button-text-tertiary-border-disabled:", ";--cb-color-button-text-brand-primary-text:", ";--cb-color-button-text-brand-primary-bg:", ";--cb-color-button-text-brand-primary-border:", ";--cb-color-button-text-brand-primary-text-hover:", ";--cb-color-button-text-brand-primary-bg-hover:", ";--cb-color-button-text-brand-primary-border-hover:", ";--cb-color-button-text-brand-primary-text-active:", ";--cb-color-button-text-brand-primary-bg-active:", ";--cb-color-button-text-brand-primary-border-active:", ";--cb-color-button-text-brand-primary-text-disabled:", ";--cb-color-button-text-brand-primary-bg-disabled:", ";--cb-color-button-text-brand-primary-border-disabled:", ";--cb-color-button-text-brand-secondary-text:", ";--cb-color-button-text-brand-secondary-bg:", ";--cb-color-button-text-brand-secondary-border:", ";--cb-color-button-text-brand-secondary-text-hover:", ";--cb-color-button-text-brand-secondary-bg-hover:", ";--cb-color-button-text-brand-secondary-border-hover:", ";--cb-color-button-text-brand-secondary-text-active:", ";--cb-color-button-text-brand-secondary-bg-active:", ";--cb-color-button-text-brand-secondary-border-active:", ";--cb-color-button-text-brand-secondary-text-disabled:", ";--cb-color-button-text-brand-secondary-bg-disabled:", ";--cb-color-button-text-brand-secondary-border-disabled:", ";--cb-typo-font-family-base:", ";--cb-typo-font-family-base-ja:", ";--cb-typo-font-family-monospace:", ";--cb-size-border-radius-xs:", "px;--cb-size-border-radius-s:", "px;--cb-size-border-radius-m:", "px;--cb-size-border-radius-l:", "px;--cb-size-border-radius-xl:", "px;}"], COLOR.TEXT_TRANSPARENT, COLOR.TEXT_WHITE, COLOR.TEXT_BLACK, COLOR.TEXT_INVERSE, COLOR.TEXT_BRAND, COLOR.TEXT_BRAND_HOVER, COLOR.TEXT_BRAND_ACTIVE, COLOR.TEXT_ACCENT, COLOR.TEXT_ACCENT_HOVER, COLOR.TEXT_ACCENT_ACTIVE, COLOR.TEXT_PRIMARY, COLOR.TEXT_SECONDARY, COLOR.TEXT_TERTIARY, COLOR.TEXT_DISABLED, COLOR.TEXT_HELP, COLOR.TEXT_INFO, COLOR.TEXT_SUCCESS, COLOR.TEXT_WARNING, COLOR.TEXT_ERROR, COLOR.TEXT_DANGER, COLOR.TEXT_EMPHASIS, COLOR.TEXT_CODE, COLOR.BG_TRANSPARENT, COLOR.BG_WHITE, COLOR.BG_BLACK, COLOR.BG_INVERSE, COLOR.BG_BRAND, COLOR.BG_BRAND_HOVER, COLOR.BG_BRAND_ACTIVE, COLOR.BG_ACCENT, COLOR.BG_ACCENT_HOVER, COLOR.BG_ACCENT_ACTIVE, COLOR.BG_PRIMARY, COLOR.BG_SECONDARY, COLOR.BG_SECONDARY_FADE, COLOR.BG_TERTIARY, COLOR.BG_TERTIARY_FADE, COLOR.BG_DISABLED, COLOR.BG_HELP, COLOR.BG_HELP_TINT, COLOR.BG_HELP_TINT_FADE, COLOR.BG_INFO, COLOR.BG_INFO_TINT, COLOR.BG_INFO_TINT_FADE, COLOR.BG_SUCCESS, COLOR.BG_SUCCESS_TINT, COLOR.BG_SUCCESS_TINT_FADE, COLOR.BG_WARNING, COLOR.BG_WARNING_TINT, COLOR.BG_WARNING_TINT_FADE, COLOR.BG_ERROR, COLOR.BG_ERROR_TINT, COLOR.BG_ERROR_TINT_FADE, COLOR.BG_DANGER, COLOR.BG_BACKDROP, COLOR.BORDER_TRANSPARENT, COLOR.BORDER_WHITE, COLOR.BORDER_BRAND, COLOR.BORDER_BRAND_HOVER, COLOR.BORDER_BRAND_ACTIVE, COLOR.BORDER_ACCENT, COLOR.BORDER_ACCENT_HOVER, COLOR.BORDER_ACCENT_ACTIVE, COLOR.BORDER_PRIMARY, COLOR.BORDER_SECONDARY, COLOR.BORDER_TERTIARY, COLOR.BORDER_DISABLED, COLOR.BORDER_HELP, COLOR.BORDER_INFO, COLOR.BORDER_SUCCESS, COLOR.BORDER_WARNING, COLOR.BORDER_ERROR, COLOR.BORDER_DANGER, COLOR.SHADOW, COLOR.LINK_PRIMARY, COLOR.LINK_PRIMARY_VISITED, COLOR.LINK_PRIMARY_HOVER, COLOR.LINK_PRIMARY_ACTIVE, COLOR.LINK_SECONDARY, COLOR.LINK_SECONDARY_VISITED, COLOR.LINK_SECONDARY_HOVER, COLOR.LINK_SECONDARY_ACTIVE, COLOR.LINK_TERTIARY, COLOR.LINK_TERTIARY_VISITED, COLOR.LINK_TERTIARY_HOVER, COLOR.LINK_TERTIARY_ACTIVE, COLOR.LINK_BRAND, COLOR.LINK_BRAND_VISITED, COLOR.LINK_BRAND_HOVER, COLOR.LINK_BRAND_ACTIVE, COLOR.LINK_BRAND_SECONDARY, COLOR.LINK_BRAND_SECONDARY_VISITED, COLOR.LINK_BRAND_SECONDARY_HOVER, COLOR.LINK_BRAND_SECONDARY_ACTIVE, COLOR.LINK_DISABLED, COLOR.INPUT_TEXT, COLOR.INPUT_BG, COLOR.INPUT_BORDER, COLOR.INPUT_TEXT_HOVER, COLOR.INPUT_BG_HOVER, COLOR.INPUT_BORDER_HOVER, COLOR.INPUT_TEXT_FOCUS, COLOR.INPUT_BG_FOCUS, COLOR.INPUT_BORDER_FOCUS, COLOR.INPUT_BORDER_FOCUS_BRAND, COLOR.INPUT_TEXT_DISABLED, COLOR.INPUT_BG_DISABLED, COLOR.INPUT_BORDER_DISABLED, COLOR.INPUT_PLACEHOLDER, COLOR.BUTTON_MENU_TEXT, COLOR.BUTTON_MENU_BG, COLOR.BUTTON_MENU_BORDER, COLOR.BUTTON_MENU_TEXT_HOVER, COLOR.BUTTON_MENU_BG_HOVER, COLOR.BUTTON_MENU_BORDER_HOVER, COLOR.BUTTON_MENU_TEXT_ACTIVE, COLOR.BUTTON_MENU_BG_ACTIVE, COLOR.BUTTON_MENU_BORDER_ACTIVE, COLOR.BUTTON_MENU_TEXT_DISABLED, COLOR.BUTTON_MENU_BG_DISABLED, COLOR.BUTTON_MENU_BORDER_DISABLED, COLOR.BUTTON_DANGER_TEXT, COLOR.BUTTON_DANGER_BG, COLOR.BUTTON_DANGER_BORDER, COLOR.BUTTON_DANGER_TEXT_HOVER, COLOR.BUTTON_DANGER_BG_HOVER, COLOR.BUTTON_DANGER_BORDER_HOVER, COLOR.BUTTON_DANGER_TEXT_ACTIVE, COLOR.BUTTON_DANGER_BG_ACTIVE, COLOR.BUTTON_DANGER_BORDER_ACTIVE, COLOR.BUTTON_DANGER_TEXT_DISABLED, COLOR.BUTTON_DANGER_BG_DISABLED, COLOR.BUTTON_DANGER_BORDER_DISABLED, COLOR.BUTTON_PRIMARY_TEXT, COLOR.BUTTON_PRIMARY_BG, COLOR.BUTTON_PRIMARY_BORDER, COLOR.BUTTON_PRIMARY_TEXT_HOVER, COLOR.BUTTON_PRIMARY_BG_HOVER, COLOR.BUTTON_PRIMARY_BORDER_HOVER, COLOR.BUTTON_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_PRIMARY_BG_ACTIVE, COLOR.BUTTON_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_PRIMARY_BG_DISABLED, COLOR.BUTTON_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_TEXT, COLOR.BUTTON_SECONDARY_BG, COLOR.BUTTON_SECONDARY_BORDER, COLOR.BUTTON_SECONDARY_TEXT_HOVER, COLOR.BUTTON_SECONDARY_BG_HOVER, COLOR.BUTTON_SECONDARY_BORDER_HOVER, COLOR.BUTTON_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_BG_ACTIVE, COLOR.BUTTON_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_BG_DISABLED, COLOR.BUTTON_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_SECONDARY_ALT_TEXT, COLOR.BUTTON_SECONDARY_ALT_BG, COLOR.BUTTON_SECONDARY_ALT_BORDER, COLOR.BUTTON_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_TEXT, COLOR.BUTTON_TERTIARY_BG, COLOR.BUTTON_TERTIARY_BORDER, COLOR.BUTTON_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TERTIARY_BG_HOVER, COLOR.BUTTON_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_BG_DISABLED, COLOR.BUTTON_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TERTIARY_ALT_TEXT, COLOR.BUTTON_TERTIARY_ALT_BG, COLOR.BUTTON_TERTIARY_ALT_BORDER, COLOR.BUTTON_TERTIARY_ALT_TEXT_HOVER, COLOR.BUTTON_TERTIARY_ALT_BG_HOVER, COLOR.BUTTON_TERTIARY_ALT_BORDER_HOVER, COLOR.BUTTON_TERTIARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BG_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_TERTIARY_ALT_TEXT_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BG_DISABLED, COLOR.BUTTON_TERTIARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_TEXT, COLOR.BUTTON_BRAND_PRIMARY_BG, COLOR.BUTTON_BRAND_PRIMARY_BORDER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_TEXT, COLOR.BUTTON_BRAND_SECONDARY_BG, COLOR.BUTTON_BRAND_SECONDARY_BORDER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_HOVER, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_ACTIVE, COLOR.BUTTON_BRAND_SECONDARY_ALT_TEXT_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BG_DISABLED, COLOR.BUTTON_BRAND_SECONDARY_ALT_BORDER_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_TEXT, COLOR.BUTTON_BRAND_TERTIARY_BG, COLOR.BUTTON_BRAND_TERTIARY_BORDER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BG_HOVER, COLOR.BUTTON_BRAND_TERTIARY_BORDER_HOVER, COLOR.BUTTON_BRAND_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BG_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_BRAND_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BG_DISABLED, COLOR.BUTTON_BRAND_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_TEXT, COLOR.BUTTON_TEXT_PRIMARY_BG, COLOR.BUTTON_TEXT_PRIMARY_BORDER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_TEXT, COLOR.BUTTON_TEXT_SECONDARY_BG, COLOR.BUTTON_TEXT_SECONDARY_BORDER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_SECONDARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_TEXT, COLOR.BUTTON_TEXT_TERTIARY_BG, COLOR.BUTTON_TEXT_TERTIARY_BORDER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BG_HOVER, COLOR.BUTTON_TEXT_TERTIARY_BORDER_HOVER, COLOR.BUTTON_TEXT_TERTIARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BG_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_TERTIARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BG_DISABLED, COLOR.BUTTON_TEXT_TERTIARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_PRIMARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_PRIMARY_BORDER_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_HOVER, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_ACTIVE, COLOR.BUTTON_TEXT_BRAND_SECONDARY_TEXT_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BG_DISABLED, COLOR.BUTTON_TEXT_BRAND_SECONDARY_BORDER_DISABLED, TYPO.FONT_FAMILY_BASE, TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_MONOSPACE, SIZE.BORDER_RADIUS_XS, SIZE.BORDER_RADIUS_S, SIZE.BORDER_RADIUS_M, SIZE.BORDER_RADIUS_L, SIZE.BORDER_RADIUS_XL);
|
|
10
10
|
}
|
package/build/es/var/size.js
CHANGED
|
@@ -22,11 +22,11 @@ export default {
|
|
|
22
22
|
// 表单字体
|
|
23
23
|
FONT_SIZE_FORM_CONTROL_XS: 12,
|
|
24
24
|
FONT_SIZE_FORM_CONTROL_S: 12,
|
|
25
|
-
// 对标
|
|
25
|
+
// 对标 XConsole 的 small
|
|
26
26
|
FONT_SIZE_FORM_CONTROL_M: 12,
|
|
27
|
-
// 对标
|
|
27
|
+
// 对标 XConsole 的 medium
|
|
28
28
|
FONT_SIZE_FORM_CONTROL_L: 14,
|
|
29
|
-
// 对标
|
|
29
|
+
// 对标 XConsole 的 large
|
|
30
30
|
FONT_SIZE_FORM_CONTROL_XL: 16,
|
|
31
31
|
|
|
32
32
|
/* *************************
|
|
@@ -56,12 +56,12 @@ export default {
|
|
|
56
56
|
// 顶栏高度
|
|
57
57
|
// 表单控件（按钮、输入框）的高度梯度
|
|
58
58
|
HEIGHT_FORM_CONTROL_XS: 24,
|
|
59
|
-
// 对标
|
|
59
|
+
// 对标 XConsole 的 small
|
|
60
60
|
HEIGHT_FORM_CONTROL_S: 28,
|
|
61
61
|
HEIGHT_FORM_CONTROL_M: 32,
|
|
62
|
-
// 对标
|
|
62
|
+
// 对标 XConsole 的 medium
|
|
63
63
|
HEIGHT_FORM_CONTROL_L: 36,
|
|
64
|
-
// 对标
|
|
64
|
+
// 对标 XConsole 的 large
|
|
65
65
|
HEIGHT_FORM_CONTROL_XL: 40,
|
|
66
66
|
HEIGHT_DIALOG_SLIDE_HEADER: 60,
|
|
67
67
|
HEIGHT_DIALOG_SLIDE_FOOTER: 64,
|
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.7",
|
|
4
4
|
"description": "控制台主题 - 基于 css variable 和 styled-components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -25,15 +25,15 @@
|
|
|
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"
|