@skbkontur/colors 1.1.2-b2742.0 → 1.1.2-bdb5e.0
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/dist/cjs/get-base-tokens.d.ts +9 -7
- package/dist/cjs/get-base-tokens.js +69 -101
- package/dist/cjs/get-default-tokens.d.ts +130 -92
- package/dist/cjs/get-default-tokens.js +257 -219
- package/dist/cjs/helpers/get-palette.js +59 -65
- package/dist/cjs/helpers/get-promo.js +21 -27
- package/dist/cjs/types/base-tokens.d.ts +5 -4
- package/dist/cjs/utils/format-variable.d.ts +2 -0
- package/dist/cjs/utils/format-variable.js +11 -0
- package/dist/esm/get-base-tokens.d.ts +9 -7
- package/dist/esm/get-base-tokens.js +67 -95
- package/dist/esm/get-default-tokens.d.ts +130 -92
- package/dist/esm/get-default-tokens.js +257 -219
- package/dist/esm/helpers/get-palette.js +59 -65
- package/dist/esm/helpers/get-promo.js +21 -27
- package/dist/esm/types/base-tokens.d.ts +5 -4
- package/dist/esm/utils/format-variable.d.ts +2 -0
- package/dist/esm/utils/format-variable.js +6 -0
- package/dist/tokens/base/css/brand-green_accent-brand.css +444 -0
- package/dist/tokens/base/css/brand-green_accent-gray.css +354 -0
- package/dist/tokens/base/css/brand-orange_accent-brand.css +444 -0
- package/dist/tokens/base/css/brand-orange_accent-gray.css +354 -0
- package/dist/tokens/base/css/brand-red_accent-brand.css +444 -0
- package/dist/tokens/base/css/brand-red_accent-gray.css +354 -0
- package/dist/tokens/base/js/brand-green_accent-brand.js +444 -0
- package/dist/tokens/base/js/brand-green_accent-gray.js +352 -0
- package/dist/tokens/base/js/brand-orange_accent-brand.js +444 -0
- package/dist/tokens/base/js/brand-orange_accent-gray.js +352 -0
- package/dist/tokens/base/js/brand-red_accent-brand.js +444 -0
- package/dist/tokens/base/js/brand-red_accent-gray.js +352 -0
- package/dist/tokens/base/js-tree/brand-green_accent-brand.tree.js +515 -0
- package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +403 -0
- package/dist/tokens/base/js-tree/brand-orange_accent-brand.tree.js +515 -0
- package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +403 -0
- package/dist/tokens/base/js-tree/brand-red_accent-brand.tree.js +515 -0
- package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +403 -0
- package/dist/tokens/base/json/brand-green_accent-brand.json +444 -0
- package/dist/tokens/base/json/brand-green_accent-gray.json +352 -0
- package/dist/tokens/base/json/brand-orange_accent-brand.json +444 -0
- package/dist/tokens/base/json/brand-orange_accent-gray.json +352 -0
- package/dist/tokens/base/json/brand-red_accent-brand.json +444 -0
- package/dist/tokens/base/json/brand-red_accent-gray.json +352 -0
- package/dist/tokens/base/json-tree/brand-green_accent-brand.tree.json +515 -0
- package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +403 -0
- package/dist/tokens/base/json-tree/brand-orange_accent-brand.tree.json +515 -0
- package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +403 -0
- package/dist/tokens/base/json-tree/brand-red_accent-brand.tree.json +515 -0
- package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +403 -0
- package/dist/tokens/base/less/brand-green_accent-brand.less +442 -0
- package/dist/tokens/base/less/brand-green_accent-gray.less +352 -0
- package/dist/tokens/base/less/brand-orange_accent-brand.less +442 -0
- package/dist/tokens/base/less/brand-orange_accent-gray.less +352 -0
- package/dist/tokens/base/less/brand-red_accent-brand.less +442 -0
- package/dist/tokens/base/less/brand-red_accent-gray.less +352 -0
- package/dist/tokens/base/scss/brand-green_accent-brand.scss +442 -0
- package/dist/tokens/base/scss/brand-green_accent-gray.scss +352 -0
- package/dist/tokens/base/scss/brand-orange_accent-brand.scss +442 -0
- package/dist/tokens/base/scss/brand-orange_accent-gray.scss +352 -0
- package/dist/tokens/base/scss/brand-red_accent-brand.scss +442 -0
- package/dist/tokens/base/scss/brand-red_accent-gray.scss +352 -0
- package/package.json +4 -4
|
@@ -2,58 +2,64 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getDefaultTokens = void 0;
|
|
4
4
|
var getDefaultTokens = function (base) {
|
|
5
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29;
|
|
5
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139;
|
|
6
6
|
return ({
|
|
7
7
|
light: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
textAccentHeavy: ((_b = (_a = base.accent) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.vivid[52]) || base.blackAlpha[88],
|
|
9
|
+
textAccentHeavyHover: ((_d = (_c = base.accent) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.vivid[60]) || base.blackAlpha[96],
|
|
10
|
+
textAccentHeavyPressed: ((_f = (_e = base.accent) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0 ? void 0 : _f.dim[48]) || base.blackAlpha[96],
|
|
11
11
|
textDisabled: base.blackAlpha[32],
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
textErrorHeavy: base.customizable.red.vivid[52],
|
|
13
|
+
textErrorHeavyHover: base.customizable.red.vivid[60],
|
|
14
|
+
textErrorHeavyPressed: base.customizable.red.dim[48],
|
|
15
|
+
textInvertedAccentHeavy: ((_h = (_g = base.accent) === null || _g === void 0 ? void 0 : _g.palette) === null || _h === void 0 ? void 0 : _h.vivid[72]) || base.whiteAlpha[96],
|
|
16
|
+
textInvertedAccentHeavyHover: ((_k = (_j = base.accent) === null || _j === void 0 ? void 0 : _j.palette) === null || _k === void 0 ? void 0 : _k.vivid[80]) || base.gray[100],
|
|
17
|
+
textInvertedAccentHeavyPressed: ((_m = (_l = base.accent) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0 ? void 0 : _m.dim[64]) || base.gray[100],
|
|
18
18
|
textInvertedDisabled: base.whiteAlpha[40],
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
textInvertedErrorHeavy: base.customizable.red.vivid[68],
|
|
20
|
+
textInvertedErrorHeavyHover: base.customizable.red.vivid[72],
|
|
21
|
+
textInvertedErrorHeavyPressed: base.customizable.red.dim[64],
|
|
22
|
+
textInvertedNeutralHeavy: base.whiteAlpha[96],
|
|
23
|
+
textInvertedNeutralPale: base.whiteAlpha[48],
|
|
24
|
+
textInvertedNeutralSoft: base.whiteAlpha[64],
|
|
25
|
+
textInvertedSuccessHeavy: base.customizable.green.vivid[72],
|
|
26
|
+
textInvertedSuccessHeavyHover: base.customizable.green.vivid[80],
|
|
27
|
+
textInvertedSuccessHeavyPressed: base.customizable.green.dim[64],
|
|
28
|
+
textInvertedWarningHeavy: base.warning.vivid[80],
|
|
29
|
+
textInvertedWarningHeavyHover: base.warning.vivid[84],
|
|
30
|
+
textInvertedWarningHeavyPressed: base.warning.dim[72],
|
|
30
31
|
textLogo: base.brand.logo.light,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
textSuccessPrimaryHover: base.customizable.green.vivid[60],
|
|
41
|
-
textSuccessPrimaryPressed: base.customizable.green.dim[48],
|
|
42
|
-
textWarningPrimary: base.warning.vivid[64],
|
|
43
|
-
textWarningPrimaryHover: base.warning.vivid[72],
|
|
44
|
-
textWarningPrimaryPressed: base.warning.dim[60],
|
|
32
|
+
textNeutralHeavy: base.blackAlpha[88],
|
|
33
|
+
textNeutralPale: base.blackAlpha[40],
|
|
34
|
+
textNeutralSoft: base.blackAlpha[56],
|
|
35
|
+
textSuccessHeavy: base.customizable.green.vivid[52],
|
|
36
|
+
textSuccessHeavyHover: base.customizable.green.vivid[60],
|
|
37
|
+
textSuccessHeavyPressed: base.customizable.green.dim[48],
|
|
38
|
+
textWarningHeavy: base.warning.vivid[64],
|
|
39
|
+
textWarningHeavyHover: base.warning.vivid[72],
|
|
40
|
+
textWarningHeavyPressed: base.warning.dim[60],
|
|
45
41
|
textConstDisabledBlack: base.blackAlpha[32],
|
|
46
42
|
textConstDisabledWhite: base.whiteAlpha[40],
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
43
|
+
textConstHeavyBlack: base.blackAlpha[88],
|
|
44
|
+
textConstHeavyWhite: base.whiteAlpha[96],
|
|
45
|
+
textConstPaleBlack: base.blackAlpha[40],
|
|
46
|
+
textConstPaleWhite: base.whiteAlpha[48],
|
|
47
|
+
textConstSoftBlack: base.blackAlpha[56],
|
|
48
|
+
textConstSoftWhite: base.whiteAlpha[64],
|
|
49
|
+
textOnAccentBoldDisabled: ((_o = base.onAccent) === null || _o === void 0 ? void 0 : _o[40]) || base.whiteAlpha[40],
|
|
50
|
+
textOnAccentBoldHeavy: ((_p = base.onAccent) === null || _p === void 0 ? void 0 : _p[96]) || base.whiteAlpha[96],
|
|
51
|
+
textOnAccentBoldPale: ((_q = base.onAccent) === null || _q === void 0 ? void 0 : _q[48]) || base.whiteAlpha[48],
|
|
52
|
+
textOnAccentBoldSoft: ((_r = base.onAccent) === null || _r === void 0 ? void 0 : _r[64]) || base.whiteAlpha[64],
|
|
53
|
+
textOnBrandOriginalDisabled: base.onBrand[40],
|
|
54
|
+
textOnBrandOriginalHeavy: base.onBrand[96],
|
|
55
|
+
textOnBrandOriginalPale: base.onBrand[48],
|
|
56
|
+
textOnBrandOriginalSoft: base.onBrand[64],
|
|
57
|
+
shapeBoldAccent: ((_s = base.accent) === null || _s === void 0 ? void 0 : _s.original.light) || base.gray[36],
|
|
58
|
+
shapeBoldAccentHover: ((_t = base.accent) === null || _t === void 0 ? void 0 : _t.interactions.hover.light) || base.gray[28],
|
|
59
|
+
shapeBoldAccentPressed: ((_u = base.accent) === null || _u === void 0 ? void 0 : _u.interactions.pressed.light) || base.gray[20],
|
|
60
|
+
shapeBoldBrandOriginal: (_v = base.accent) === null || _v === void 0 ? void 0 : _v.original.light,
|
|
61
|
+
shapeBoldBrandOriginalHover: (_w = base.accent) === null || _w === void 0 ? void 0 : _w.interactions.hover.light,
|
|
62
|
+
shapeBoldBrandOriginalPressed: (_x = base.accent) === null || _x === void 0 ? void 0 : _x.interactions.pressed.light,
|
|
57
63
|
shapeBoldError: base.customizable.red.vivid[64],
|
|
58
64
|
shapeBoldErrorHover: base.customizable.red.vivid[60],
|
|
59
65
|
shapeBoldErrorPressed: base.customizable.red.normal[56],
|
|
@@ -66,12 +72,12 @@ var getDefaultTokens = function (base) {
|
|
|
66
72
|
shapeBoldWarning: base.warning.vivid[84],
|
|
67
73
|
shapeBoldWarningHover: base.warning.vivid[80],
|
|
68
74
|
shapeBoldWarningPressed: base.warning.normal[76],
|
|
69
|
-
shapeFaintAccent: ((
|
|
70
|
-
shapeFaintAccentHover: ((
|
|
71
|
-
shapeFaintAccentPressed: ((
|
|
72
|
-
shapeFaintBrand: base.brand.palette.vivid[96],
|
|
73
|
-
shapeFaintBrandHover: base.brand.palette.normal[92],
|
|
74
|
-
shapeFaintBrandPressed: base.brand.palette.dim[92],
|
|
75
|
+
shapeFaintAccent: ((_z = (_y = base.accent) === null || _y === void 0 ? void 0 : _y.palette) === null || _z === void 0 ? void 0 : _z.normal[96]) || base.blackAlpha[12],
|
|
76
|
+
shapeFaintAccentHover: ((_1 = (_0 = base.accent) === null || _0 === void 0 ? void 0 : _0.palette) === null || _1 === void 0 ? void 0 : _1.normal[92]) || base.blackAlpha[16],
|
|
77
|
+
shapeFaintAccentPressed: ((_3 = (_2 = base.accent) === null || _2 === void 0 ? void 0 : _2.palette) === null || _3 === void 0 ? void 0 : _3.dim[88]) || base.blackAlpha[24],
|
|
78
|
+
shapeFaintBrand: (_4 = base.brand.palette) === null || _4 === void 0 ? void 0 : _4.vivid[96],
|
|
79
|
+
shapeFaintBrandHover: (_5 = base.brand.palette) === null || _5 === void 0 ? void 0 : _5.normal[92],
|
|
80
|
+
shapeFaintBrandPressed: (_6 = base.brand.palette) === null || _6 === void 0 ? void 0 : _6.dim[92],
|
|
75
81
|
shapeFaintError: base.customizable.red.vivid[96],
|
|
76
82
|
shapeFaintErrorHover: base.customizable.red.normal[92],
|
|
77
83
|
shapeFaintErrorPressed: base.customizable.red.dim[92],
|
|
@@ -89,13 +95,15 @@ var getDefaultTokens = function (base) {
|
|
|
89
95
|
shapeHeavySuccess: base.customizable.green.normal[36],
|
|
90
96
|
shapeHeavyWarning: base.warning.vivid[36],
|
|
91
97
|
shapeOtherAccentBoldDisabled: base.blackAlpha[32],
|
|
92
|
-
shapeOtherBacklessHover: base.blackAlpha[
|
|
93
|
-
shapeOtherBacklessPressed: base.blackAlpha[
|
|
98
|
+
shapeOtherBacklessHover: base.blackAlpha[6],
|
|
99
|
+
shapeOtherBacklessPressed: base.blackAlpha[8],
|
|
94
100
|
shapeOtherBase: base.gray[100],
|
|
95
|
-
shapeOtherBaseHover: base.
|
|
96
|
-
shapeOtherBasePressed: base.
|
|
101
|
+
shapeOtherBaseHover: base.gray[96],
|
|
102
|
+
shapeOtherBasePressed: base.gray[92],
|
|
97
103
|
shapeOtherDisabled: base.blackAlpha[6],
|
|
98
104
|
shapeOtherField: base.gray[100],
|
|
105
|
+
shapeOtherFieldHover: base.gray[96],
|
|
106
|
+
shapeOtherFieldPressed: base.gray[92],
|
|
99
107
|
shapeOtherLow: base.blackAlpha[6],
|
|
100
108
|
shapeOtherLowHover: base.blackAlpha[8],
|
|
101
109
|
shapeOtherLowPressed: base.blackAlpha[12],
|
|
@@ -108,12 +116,12 @@ var getDefaultTokens = function (base) {
|
|
|
108
116
|
shapeOtherNeutralSoftSolid: base.gray[84],
|
|
109
117
|
shapeOtherNeutralSoftSolidHover: base.gray[80],
|
|
110
118
|
shapeOtherNeutralSoftSolidPressed: base.gray[76],
|
|
111
|
-
shapePaleAccent: ((
|
|
112
|
-
shapePaleAccentHover: ((
|
|
113
|
-
shapePaleAccentPressed: ((
|
|
114
|
-
shapePaleBrand: base.brand.palette.vivid[92],
|
|
115
|
-
shapePaleBrandHover: base.brand.palette.normal[88],
|
|
116
|
-
shapePaleBrandPressed: base.brand.palette.dim[88],
|
|
119
|
+
shapePaleAccent: ((_8 = (_7 = base.accent) === null || _7 === void 0 ? void 0 : _7.palette) === null || _8 === void 0 ? void 0 : _8.vivid[92]) || base.blackAlpha[16],
|
|
120
|
+
shapePaleAccentHover: ((_10 = (_9 = base.accent) === null || _9 === void 0 ? void 0 : _9.palette) === null || _10 === void 0 ? void 0 : _10.normal[88]) || base.blackAlpha[24],
|
|
121
|
+
shapePaleAccentPressed: ((_12 = (_11 = base.accent) === null || _11 === void 0 ? void 0 : _11.palette) === null || _12 === void 0 ? void 0 : _12.dim[84]) || base.blackAlpha[32],
|
|
122
|
+
shapePaleBrand: (_13 = base.brand.palette) === null || _13 === void 0 ? void 0 : _13.vivid[92],
|
|
123
|
+
shapePaleBrandHover: (_14 = base.brand.palette) === null || _14 === void 0 ? void 0 : _14.normal[88],
|
|
124
|
+
shapePaleBrandPressed: (_15 = base.brand.palette) === null || _15 === void 0 ? void 0 : _15.dim[88],
|
|
117
125
|
shapePaleError: base.customizable.red.vivid[92],
|
|
118
126
|
shapePaleErrorHover: base.customizable.red.normal[88],
|
|
119
127
|
shapePaleErrorPressed: base.customizable.red.dim[88],
|
|
@@ -126,12 +134,12 @@ var getDefaultTokens = function (base) {
|
|
|
126
134
|
shapePaleWarning: base.warning.vivid[92],
|
|
127
135
|
shapePaleWarningHover: base.warning.normal[88],
|
|
128
136
|
shapePaleWarningPressed: base.warning.dim[88],
|
|
129
|
-
shapeSoftAccent: ((
|
|
130
|
-
shapeSoftAccentHover: ((
|
|
131
|
-
shapeSoftAccentPressed: ((
|
|
132
|
-
shapeSoftBrand: base.brand.palette.normal[80],
|
|
133
|
-
shapeSoftBrandHover: base.brand.palette.normal[76],
|
|
134
|
-
shapeSoftBrandPressed: base.brand.palette.dim[72],
|
|
137
|
+
shapeSoftAccent: ((_17 = (_16 = base.accent) === null || _16 === void 0 ? void 0 : _16.palette) === null || _17 === void 0 ? void 0 : _17.normal[80]) || base.blackAlpha[32],
|
|
138
|
+
shapeSoftAccentHover: ((_19 = (_18 = base.accent) === null || _18 === void 0 ? void 0 : _18.palette) === null || _19 === void 0 ? void 0 : _19.normal[76]) || base.blackAlpha[40],
|
|
139
|
+
shapeSoftAccentPressed: ((_21 = (_20 = base.accent) === null || _20 === void 0 ? void 0 : _20.palette) === null || _21 === void 0 ? void 0 : _21.dim[72]) || base.blackAlpha[48],
|
|
140
|
+
shapeSoftBrand: (_22 = base.brand.palette) === null || _22 === void 0 ? void 0 : _22.normal[80],
|
|
141
|
+
shapeSoftBrandHover: (_23 = base.brand.palette) === null || _23 === void 0 ? void 0 : _23.normal[76],
|
|
142
|
+
shapeSoftBrandPressed: (_24 = base.brand.palette) === null || _24 === void 0 ? void 0 : _24.dim[72],
|
|
135
143
|
shapeSoftError: base.customizable.red.normal[80],
|
|
136
144
|
shapeSoftErrorHover: base.customizable.red.normal[76],
|
|
137
145
|
shapeSoftErrorPressed: base.customizable.red.dim[72],
|
|
@@ -144,24 +152,33 @@ var getDefaultTokens = function (base) {
|
|
|
144
152
|
shapeSoftWarning: base.warning.vivid[88],
|
|
145
153
|
shapeSoftWarningHover: base.warning.normal[84],
|
|
146
154
|
shapeSoftWarningPressed: base.warning.dim[80],
|
|
147
|
-
shapeInvertedBacklessHover: base.whiteAlpha[
|
|
155
|
+
shapeInvertedBacklessHover: base.whiteAlpha[6],
|
|
148
156
|
shapeInvertedBacklessPressed: base.whiteAlpha[4],
|
|
149
157
|
shapeInvertedDisabled: base.whiteAlpha[6],
|
|
158
|
+
shapeInvertedNeutralFaintAlpha: base.whiteAlpha[6],
|
|
159
|
+
shapeInvertedNeutralFaintAlphaHover: base.whiteAlpha[8],
|
|
160
|
+
shapeInvertedNeutralFaintAlphaPressed: base.whiteAlpha[4],
|
|
150
161
|
shapeInvertedNeutralHeavy: base.gray[100],
|
|
151
162
|
shapeInvertedNeutralHeavyHover: base.whiteAlpha[88],
|
|
152
163
|
shapeInvertedNeutralHeavyPressed: base.whiteAlpha[72],
|
|
153
|
-
shapeInvertedNeutralPaleAlpha: base.whiteAlpha[
|
|
164
|
+
shapeInvertedNeutralPaleAlpha: base.whiteAlpha[8],
|
|
154
165
|
shapeInvertedNeutralPaleAlphaHover: base.whiteAlpha[12],
|
|
155
166
|
shapeInvertedNeutralPaleAlphaPressed: base.whiteAlpha[6],
|
|
156
|
-
shapeInvertedNeutralSoftAlpha: base.whiteAlpha[
|
|
157
|
-
shapeInvertedNeutralSoftAlphaHover: base.whiteAlpha[
|
|
158
|
-
shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[
|
|
159
|
-
shapeConstBacklessBlackHover: base.blackAlpha[
|
|
160
|
-
shapeConstBacklessBlackPressed: base.blackAlpha[
|
|
161
|
-
shapeConstBacklessWhiteHover: base.whiteAlpha[
|
|
162
|
-
shapeConstBacklessWhitePressed: base.whiteAlpha[
|
|
167
|
+
shapeInvertedNeutralSoftAlpha: base.whiteAlpha[16],
|
|
168
|
+
shapeInvertedNeutralSoftAlphaHover: base.whiteAlpha[24],
|
|
169
|
+
shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[12],
|
|
170
|
+
shapeConstBacklessBlackHover: base.blackAlpha[12],
|
|
171
|
+
shapeConstBacklessBlackPressed: base.blackAlpha[16],
|
|
172
|
+
shapeConstBacklessWhiteHover: base.whiteAlpha[12],
|
|
173
|
+
shapeConstBacklessWhitePressed: base.whiteAlpha[6],
|
|
163
174
|
shapeConstDisabledBlack: base.blackAlpha[6],
|
|
164
175
|
shapeConstDisabledWhite: base.whiteAlpha[6],
|
|
176
|
+
shapeConstFaintBlack: base.blackAlpha[12],
|
|
177
|
+
shapeConstFaintBlackHover: base.blackAlpha[16],
|
|
178
|
+
shapeConstFaintBlackPressed: base.blackAlpha[24],
|
|
179
|
+
shapeConstFaintWhite: base.whiteAlpha[12],
|
|
180
|
+
shapeConstFaintWhiteHover: base.whiteAlpha[16],
|
|
181
|
+
shapeConstFaintWhitePressed: base.whiteAlpha[8],
|
|
165
182
|
shapeConstHeavyBlack: base.blackAlpha[80],
|
|
166
183
|
shapeConstHeavyBlackHover: base.blackAlpha[88],
|
|
167
184
|
shapeConstHeavyBlackPressed: base.blackAlpha[64],
|
|
@@ -170,26 +187,26 @@ var getDefaultTokens = function (base) {
|
|
|
170
187
|
shapeConstHeavyWhitePressed: base.whiteAlpha[64],
|
|
171
188
|
shapeConstPaleBlack: base.blackAlpha[16],
|
|
172
189
|
shapeConstPaleBlackHover: base.blackAlpha[24],
|
|
173
|
-
shapeConstPaleBlackPressed: base.blackAlpha[
|
|
190
|
+
shapeConstPaleBlackPressed: base.blackAlpha[32],
|
|
174
191
|
shapeConstPaleWhite: base.whiteAlpha[16],
|
|
175
192
|
shapeConstPaleWhiteHover: base.whiteAlpha[24],
|
|
176
193
|
shapeConstPaleWhitePressed: base.whiteAlpha[12],
|
|
177
194
|
shapeConstPromo: base.brand.promo,
|
|
178
|
-
shapeConstSoftBlack: base.blackAlpha[
|
|
179
|
-
shapeConstSoftBlackHover: base.blackAlpha[
|
|
180
|
-
shapeConstSoftBlackPressed: base.blackAlpha[
|
|
181
|
-
shapeConstSoftWhite: base.whiteAlpha[
|
|
182
|
-
shapeConstSoftWhiteHover: base.whiteAlpha[
|
|
183
|
-
shapeConstSoftWhitePressed: base.whiteAlpha[
|
|
184
|
-
lineAccentBold: base.accent.original.light || base.
|
|
185
|
-
lineAccentBoldHover: base.accent.interactions.hover.light || base.
|
|
186
|
-
lineAccentBoldPressed: base.accent.interactions.pressed.light || base.
|
|
187
|
-
lineAccentPale: ((
|
|
188
|
-
lineAccentPaleHover: ((
|
|
189
|
-
lineAccentPalePressed: ((
|
|
190
|
-
lineAccentSoft: ((
|
|
191
|
-
lineAccentSoftHover: ((
|
|
192
|
-
lineAccentSoftPressed: ((
|
|
195
|
+
shapeConstSoftBlack: base.blackAlpha[24],
|
|
196
|
+
shapeConstSoftBlackHover: base.blackAlpha[32],
|
|
197
|
+
shapeConstSoftBlackPressed: base.blackAlpha[40],
|
|
198
|
+
shapeConstSoftWhite: base.whiteAlpha[24],
|
|
199
|
+
shapeConstSoftWhiteHover: base.whiteAlpha[32],
|
|
200
|
+
shapeConstSoftWhitePressed: base.whiteAlpha[24],
|
|
201
|
+
lineAccentBold: ((_25 = base.accent) === null || _25 === void 0 ? void 0 : _25.original.light) || base.gray[40],
|
|
202
|
+
lineAccentBoldHover: ((_26 = base.accent) === null || _26 === void 0 ? void 0 : _26.interactions.hover.light) || base.gray[20],
|
|
203
|
+
lineAccentBoldPressed: ((_27 = base.accent) === null || _27 === void 0 ? void 0 : _27.interactions.pressed.light) || base.blackAlpha[64],
|
|
204
|
+
lineAccentPale: ((_29 = (_28 = base.accent) === null || _28 === void 0 ? void 0 : _28.palette) === null || _29 === void 0 ? void 0 : _29.normal[88]) || base.blackAlpha[24],
|
|
205
|
+
lineAccentPaleHover: ((_31 = (_30 = base.accent) === null || _30 === void 0 ? void 0 : _30.palette) === null || _31 === void 0 ? void 0 : _31.normal[84]) || base.blackAlpha[32],
|
|
206
|
+
lineAccentPalePressed: ((_33 = (_32 = base.accent) === null || _32 === void 0 ? void 0 : _32.palette) === null || _33 === void 0 ? void 0 : _33.dim[80]) || base.blackAlpha[40],
|
|
207
|
+
lineAccentSoft: ((_35 = (_34 = base.accent) === null || _34 === void 0 ? void 0 : _34.palette) === null || _35 === void 0 ? void 0 : _35.dim[76]) || base.blackAlpha[48],
|
|
208
|
+
lineAccentSoftHover: ((_37 = (_36 = base.accent) === null || _36 === void 0 ? void 0 : _36.palette) === null || _37 === void 0 ? void 0 : _37.vivid[60]) || base.blackAlpha[96],
|
|
209
|
+
lineAccentSoftPressed: ((_39 = (_38 = base.accent) === null || _38 === void 0 ? void 0 : _38.palette) === null || _39 === void 0 ? void 0 : _39.dim[48]) || base.blackAlpha[96],
|
|
193
210
|
lineBrandOriginal: base.brand.original,
|
|
194
211
|
lineErrorBold: base.customizable.red.vivid[56],
|
|
195
212
|
lineErrorBoldHover: base.customizable.red.vivid[64],
|
|
@@ -198,25 +215,25 @@ var getDefaultTokens = function (base) {
|
|
|
198
215
|
lineNeutralPale: base.blackAlpha[16],
|
|
199
216
|
lineNeutralPaleHover: base.blackAlpha[24],
|
|
200
217
|
lineNeutralPalePressed: base.blackAlpha[40],
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
218
|
+
lineOnAccentBoldFaint: ((_40 = base.onAccent) === null || _40 === void 0 ? void 0 : _40[12]) || base.whiteAlpha[12],
|
|
219
|
+
lineOnAccentBoldPale: ((_41 = base.onAccent) === null || _41 === void 0 ? void 0 : _41[24]) || base.whiteAlpha[24],
|
|
220
|
+
lineOnBrandOriginalFaint: base.onBrand[12],
|
|
221
|
+
lineOnBrandOriginalPale: base.onBrand[24],
|
|
205
222
|
lineSuccessBold: base.customizable.green.vivid[56],
|
|
206
223
|
lineSuccessBoldHover: base.customizable.green.vivid[68],
|
|
207
224
|
lineSuccessBoldPressed: base.customizable.green.dim[56],
|
|
208
225
|
lineWarningBold: base.warning.vivid[80],
|
|
209
226
|
lineWarningBoldHover: base.warning.vivid[72],
|
|
210
227
|
lineWarningBoldPressed: base.warning.dim[68],
|
|
211
|
-
lineInvertedAccentBold: base.accent.original.dark || base.
|
|
212
|
-
lineInvertedAccentBoldHover: base.accent.interactions.hover.dark || base.
|
|
213
|
-
lineInvertedAccentBoldPressed: base.accent.interactions.pressed.dark || base.
|
|
214
|
-
lineInvertedAccentPale: ((
|
|
215
|
-
lineInvertedAccentPaleHover: ((
|
|
216
|
-
lineInvertedAccentPalePressed: ((
|
|
217
|
-
lineInvertedAccentSoft: ((
|
|
218
|
-
lineInvertedAccentSoftHover: ((
|
|
219
|
-
lineInvertedAccentSoftPressed: ((
|
|
228
|
+
lineInvertedAccentBold: ((_42 = base.accent) === null || _42 === void 0 ? void 0 : _42.original.dark) || base.gray[88],
|
|
229
|
+
lineInvertedAccentBoldHover: ((_43 = base.accent) === null || _43 === void 0 ? void 0 : _43.interactions.hover.dark) || base.gray[100],
|
|
230
|
+
lineInvertedAccentBoldPressed: ((_44 = base.accent) === null || _44 === void 0 ? void 0 : _44.interactions.pressed.dark) || base.whiteAlpha[64],
|
|
231
|
+
lineInvertedAccentPale: ((_46 = (_45 = base.accent) === null || _45 === void 0 ? void 0 : _45.palette) === null || _46 === void 0 ? void 0 : _46.dim[44]) || base.whiteAlpha[24],
|
|
232
|
+
lineInvertedAccentPaleHover: ((_48 = (_47 = base.accent) === null || _47 === void 0 ? void 0 : _47.palette) === null || _48 === void 0 ? void 0 : _48.dim[48]) || base.whiteAlpha[32],
|
|
233
|
+
lineInvertedAccentPalePressed: ((_50 = (_49 = base.accent) === null || _49 === void 0 ? void 0 : _49.palette) === null || _50 === void 0 ? void 0 : _50.dim[40]) || base.whiteAlpha[16],
|
|
234
|
+
lineInvertedAccentSoft: ((_52 = (_51 = base.accent) === null || _51 === void 0 ? void 0 : _51.palette) === null || _52 === void 0 ? void 0 : _52.dim[48]) || base.whiteAlpha[48],
|
|
235
|
+
lineInvertedAccentSoftHover: ((_54 = (_53 = base.accent) === null || _53 === void 0 ? void 0 : _53.palette) === null || _54 === void 0 ? void 0 : _54.vivid[80]) || base.gray[100],
|
|
236
|
+
lineInvertedAccentSoftPressed: ((_56 = (_55 = base.accent) === null || _55 === void 0 ? void 0 : _55.palette) === null || _56 === void 0 ? void 0 : _56.normal[64]) || base.gray[100],
|
|
220
237
|
lineInvertedErrorBold: base.customizable.red.vivid[60],
|
|
221
238
|
lineInvertedErrorBoldHover: base.customizable.red.vivid[68],
|
|
222
239
|
lineInvertedErrorBoldPressed: base.customizable.red.dim[56],
|
|
@@ -230,8 +247,8 @@ var getDefaultTokens = function (base) {
|
|
|
230
247
|
lineInvertedWarningBold: base.warning.vivid[80],
|
|
231
248
|
lineInvertedWarningBoldHover: base.warning.vivid[84],
|
|
232
249
|
lineInvertedWarningBoldPressed: base.warning.dim[72],
|
|
233
|
-
lineConstFaintBlack: base.blackAlpha[
|
|
234
|
-
lineConstFaintWhite: base.whiteAlpha[
|
|
250
|
+
lineConstFaintBlack: base.blackAlpha[12],
|
|
251
|
+
lineConstFaintWhite: base.whiteAlpha[12],
|
|
235
252
|
lineConstPaleBlack: base.blackAlpha[24],
|
|
236
253
|
lineConstPaleBlackHover: base.blackAlpha[32],
|
|
237
254
|
lineConstPaleBlackPressed: base.blackAlpha[16],
|
|
@@ -245,10 +262,12 @@ var getDefaultTokens = function (base) {
|
|
|
245
262
|
illustrationBlack: base.gray[16],
|
|
246
263
|
illustrationBrand: base.brand.original,
|
|
247
264
|
illustrationComplement: base.brand.promo,
|
|
265
|
+
illustrationInvertedNeutral: base.gray[100],
|
|
266
|
+
illustrationNeutral: base.gray[0],
|
|
248
267
|
illustrationOnBrand: base.onBrand[100],
|
|
249
|
-
|
|
268
|
+
illustrationOnComplement: base.gray[100],
|
|
250
269
|
illustrationPromo: base.brand.promo,
|
|
251
|
-
illustrationSymbol: base.brand.palette.normal[80],
|
|
270
|
+
illustrationSymbol: (_57 = base.brand.palette) === null || _57 === void 0 ? void 0 : _57.normal[80],
|
|
252
271
|
illustrationWhite: base.gray[100],
|
|
253
272
|
customizableBoldBlack: base.gray[52],
|
|
254
273
|
customizableBoldBlue: base.customizable.blue.vivid[68],
|
|
@@ -307,55 +326,61 @@ var getDefaultTokens = function (base) {
|
|
|
307
326
|
customizableSoftYellow: base.customizable.yellow.vivid[88],
|
|
308
327
|
},
|
|
309
328
|
dark: {
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
329
|
+
textAccentHeavy: ((_59 = (_58 = base.accent) === null || _58 === void 0 ? void 0 : _58.palette) === null || _59 === void 0 ? void 0 : _59.vivid[72]) || base.whiteAlpha[96],
|
|
330
|
+
textAccentHeavyHover: ((_61 = (_60 = base.accent) === null || _60 === void 0 ? void 0 : _60.palette) === null || _61 === void 0 ? void 0 : _61.vivid[80]) || base.gray[100],
|
|
331
|
+
textAccentHeavyPressed: ((_63 = (_62 = base.accent) === null || _62 === void 0 ? void 0 : _62.palette) === null || _63 === void 0 ? void 0 : _63.dim[64]) || base.gray[100],
|
|
313
332
|
textDisabled: base.whiteAlpha[40],
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
333
|
+
textErrorHeavy: base.customizable.red.vivid[68],
|
|
334
|
+
textErrorHeavyHover: base.customizable.red.vivid[72],
|
|
335
|
+
textErrorHeavyPressed: base.customizable.red.dim[64],
|
|
336
|
+
textInvertedAccentHeavy: ((_65 = (_64 = base.accent) === null || _64 === void 0 ? void 0 : _64.palette) === null || _65 === void 0 ? void 0 : _65.vivid[52]) || base.blackAlpha[88],
|
|
337
|
+
textInvertedAccentHeavyHover: ((_67 = (_66 = base.accent) === null || _66 === void 0 ? void 0 : _66.palette) === null || _67 === void 0 ? void 0 : _67.vivid[60]) || base.blackAlpha[96],
|
|
338
|
+
textInvertedAccentHeavyPressed: ((_69 = (_68 = base.accent) === null || _68 === void 0 ? void 0 : _68.palette) === null || _69 === void 0 ? void 0 : _69.dim[48]) || base.blackAlpha[96],
|
|
320
339
|
textInvertedDisabled: base.blackAlpha[32],
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
340
|
+
textInvertedErrorHeavy: base.customizable.red.vivid[52],
|
|
341
|
+
textInvertedErrorHeavyHover: base.customizable.red.vivid[60],
|
|
342
|
+
textInvertedErrorHeavyPressed: base.customizable.red.dim[48],
|
|
343
|
+
textInvertedNeutralHeavy: base.blackAlpha[88],
|
|
344
|
+
textInvertedNeutralPale: base.blackAlpha[40],
|
|
345
|
+
textInvertedNeutralSoft: base.blackAlpha[56],
|
|
346
|
+
textInvertedSuccessHeavy: base.customizable.green.vivid[52],
|
|
347
|
+
textInvertedSuccessHeavyHover: base.customizable.green.vivid[60],
|
|
348
|
+
textInvertedSuccessHeavyPressed: base.customizable.green.dim[48],
|
|
349
|
+
textInvertedWarningHeavy: base.warning.vivid[64],
|
|
350
|
+
textInvertedWarningHeavyHover: base.warning.vivid[72],
|
|
351
|
+
textInvertedWarningHeavyPressed: base.warning.dim[56],
|
|
332
352
|
textLogo: base.brand.logo.dark,
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
textSuccessPrimaryHover: base.customizable.green.vivid[80],
|
|
343
|
-
textSuccessPrimaryPressed: base.customizable.green.dim[64],
|
|
344
|
-
textWarningPrimary: base.warning.vivid[80],
|
|
345
|
-
textWarningPrimaryHover: base.warning.vivid[84],
|
|
346
|
-
textWarningPrimaryPressed: base.warning.dim[72],
|
|
353
|
+
textNeutralHeavy: base.whiteAlpha[96],
|
|
354
|
+
textNeutralPale: base.whiteAlpha[48],
|
|
355
|
+
textNeutralSoft: base.whiteAlpha[64],
|
|
356
|
+
textSuccessHeavy: base.customizable.green.vivid[72],
|
|
357
|
+
textSuccessHeavyHover: base.customizable.green.vivid[80],
|
|
358
|
+
textSuccessHeavyPressed: base.customizable.green.dim[64],
|
|
359
|
+
textWarningHeavy: base.warning.vivid[80],
|
|
360
|
+
textWarningHeavyHover: base.warning.vivid[84],
|
|
361
|
+
textWarningHeavyPressed: base.warning.dim[72],
|
|
347
362
|
textConstDisabledBlack: base.blackAlpha[32],
|
|
348
363
|
textConstDisabledWhite: base.whiteAlpha[40],
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
364
|
+
textConstHeavyBlack: base.blackAlpha[88],
|
|
365
|
+
textConstHeavyWhite: base.whiteAlpha[96],
|
|
366
|
+
textConstPaleBlack: base.blackAlpha[40],
|
|
367
|
+
textConstPaleWhite: base.whiteAlpha[48],
|
|
368
|
+
textConstSoftBlack: base.blackAlpha[56],
|
|
369
|
+
textConstSoftWhite: base.whiteAlpha[64],
|
|
370
|
+
textOnAccentBoldDisabled: ((_70 = base.onAccent) === null || _70 === void 0 ? void 0 : _70[32]) || base.blackAlpha[32],
|
|
371
|
+
textOnAccentBoldHeavy: ((_71 = base.onAccent) === null || _71 === void 0 ? void 0 : _71[96]) || base.blackAlpha[88],
|
|
372
|
+
textOnAccentBoldPale: ((_72 = base.onAccent) === null || _72 === void 0 ? void 0 : _72[40]) || base.blackAlpha[40],
|
|
373
|
+
textOnAccentBoldSoft: ((_73 = base.onAccent) === null || _73 === void 0 ? void 0 : _73[56]) || base.blackAlpha[56],
|
|
374
|
+
textOnBrandOriginalDisabled: base.onBrand[40],
|
|
375
|
+
textOnBrandOriginalHeavy: base.onBrand[96],
|
|
376
|
+
textOnBrandOriginalPale: base.onBrand[48],
|
|
377
|
+
textOnBrandOriginalSoft: base.onBrand[64],
|
|
378
|
+
shapeBoldAccent: ((_74 = base.accent) === null || _74 === void 0 ? void 0 : _74.original.dark) || base.gray[96],
|
|
379
|
+
shapeBoldAccentHover: ((_75 = base.accent) === null || _75 === void 0 ? void 0 : _75.interactions.hover.dark) || base.gray[100],
|
|
380
|
+
shapeBoldAccentPressed: ((_76 = base.accent) === null || _76 === void 0 ? void 0 : _76.interactions.pressed.dark) || base.gray[84],
|
|
381
|
+
shapeBoldBrandOriginal: (_77 = base.accent) === null || _77 === void 0 ? void 0 : _77.original.dark,
|
|
382
|
+
shapeBoldBrandOriginalHover: (_78 = base.accent) === null || _78 === void 0 ? void 0 : _78.interactions.hover.dark,
|
|
383
|
+
shapeBoldBrandOriginalPressed: (_79 = base.accent) === null || _79 === void 0 ? void 0 : _79.interactions.pressed.light,
|
|
359
384
|
shapeBoldError: base.customizable.red.normal[60],
|
|
360
385
|
shapeBoldErrorHover: base.customizable.red.normal[64],
|
|
361
386
|
shapeBoldErrorPressed: base.customizable.red.dim[52],
|
|
@@ -368,12 +393,12 @@ var getDefaultTokens = function (base) {
|
|
|
368
393
|
shapeBoldWarning: base.warning.normal[80],
|
|
369
394
|
shapeBoldWarningHover: base.warning.normal[84],
|
|
370
395
|
shapeBoldWarningPressed: base.warning.dim[72],
|
|
371
|
-
shapeFaintAccent: ((
|
|
372
|
-
shapeFaintAccentHover: ((
|
|
373
|
-
shapeFaintAccentPressed: ((
|
|
374
|
-
shapeFaintBrand: base.brand.palette.dim[32],
|
|
375
|
-
shapeFaintBrandHover: base.brand.palette.dim[36],
|
|
376
|
-
shapeFaintBrandPressed: base.brand.palette.dim[28],
|
|
396
|
+
shapeFaintAccent: ((_81 = (_80 = base.accent) === null || _80 === void 0 ? void 0 : _80.palette) === null || _81 === void 0 ? void 0 : _81.dim[32]) || base.whiteAlpha[12],
|
|
397
|
+
shapeFaintAccentHover: ((_83 = (_82 = base.accent) === null || _82 === void 0 ? void 0 : _82.palette) === null || _83 === void 0 ? void 0 : _83.dim[36]) || base.whiteAlpha[16],
|
|
398
|
+
shapeFaintAccentPressed: ((_85 = (_84 = base.accent) === null || _84 === void 0 ? void 0 : _84.palette) === null || _85 === void 0 ? void 0 : _85.dim[28]) || base.whiteAlpha[8],
|
|
399
|
+
shapeFaintBrand: (_86 = base.brand.palette) === null || _86 === void 0 ? void 0 : _86.dim[32],
|
|
400
|
+
shapeFaintBrandHover: (_87 = base.brand.palette) === null || _87 === void 0 ? void 0 : _87.dim[36],
|
|
401
|
+
shapeFaintBrandPressed: (_88 = base.brand.palette) === null || _88 === void 0 ? void 0 : _88.dim[28],
|
|
377
402
|
shapeFaintError: base.customizable.red.dim[32],
|
|
378
403
|
shapeFaintErrorHover: base.customizable.red.dim[36],
|
|
379
404
|
shapeFaintErrorPressed: base.customizable.red.dim[28],
|
|
@@ -391,13 +416,15 @@ var getDefaultTokens = function (base) {
|
|
|
391
416
|
shapeHeavySuccess: base.customizable.green.normal[92],
|
|
392
417
|
shapeHeavyWarning: base.warning.vivid[92],
|
|
393
418
|
shapeOtherAccentBoldDisabled: base.whiteAlpha[32],
|
|
394
|
-
shapeOtherBacklessHover: base.whiteAlpha[
|
|
419
|
+
shapeOtherBacklessHover: base.whiteAlpha[6],
|
|
395
420
|
shapeOtherBacklessPressed: base.whiteAlpha[4],
|
|
396
|
-
shapeOtherBase: base.
|
|
397
|
-
shapeOtherBaseHover: base.
|
|
398
|
-
shapeOtherBasePressed: base.
|
|
421
|
+
shapeOtherBase: base.gray[32],
|
|
422
|
+
shapeOtherBaseHover: base.gray[36],
|
|
423
|
+
shapeOtherBasePressed: base.gray[28],
|
|
399
424
|
shapeOtherDisabled: base.whiteAlpha[6],
|
|
400
|
-
shapeOtherField: base.blackAlpha[
|
|
425
|
+
shapeOtherField: base.blackAlpha[16],
|
|
426
|
+
shapeOtherFieldHover: base.blackAlpha[4],
|
|
427
|
+
shapeOtherFieldPressed: base.blackAlpha[12],
|
|
401
428
|
shapeOtherLow: base.blackAlpha[24],
|
|
402
429
|
shapeOtherLowHover: base.blackAlpha[16],
|
|
403
430
|
shapeOtherLowPressed: base.blackAlpha[32],
|
|
@@ -410,12 +437,12 @@ var getDefaultTokens = function (base) {
|
|
|
410
437
|
shapeOtherNeutralSoftSolid: base.gray[44],
|
|
411
438
|
shapeOtherNeutralSoftSolidHover: base.gray[48],
|
|
412
439
|
shapeOtherNeutralSoftSolidPressed: base.gray[40],
|
|
413
|
-
shapePaleAccent: ((
|
|
414
|
-
shapePaleAccentHover: ((
|
|
415
|
-
shapePaleAccentPressed: ((
|
|
416
|
-
shapePaleBrand: base.brand.palette.dim[36],
|
|
417
|
-
shapePaleBrandHover: base.brand.palette.dim[40],
|
|
418
|
-
shapePaleBrandPressed: base.brand.palette.dim[32],
|
|
440
|
+
shapePaleAccent: ((_90 = (_89 = base.accent) === null || _89 === void 0 ? void 0 : _89.palette) === null || _90 === void 0 ? void 0 : _90.dim[36]) || base.whiteAlpha[16],
|
|
441
|
+
shapePaleAccentHover: ((_92 = (_91 = base.accent) === null || _91 === void 0 ? void 0 : _91.palette) === null || _92 === void 0 ? void 0 : _92.dim[40]) || base.whiteAlpha[24],
|
|
442
|
+
shapePaleAccentPressed: ((_94 = (_93 = base.accent) === null || _93 === void 0 ? void 0 : _93.palette) === null || _94 === void 0 ? void 0 : _94.dim[32]) || base.whiteAlpha[12],
|
|
443
|
+
shapePaleBrand: (_95 = base.brand.palette) === null || _95 === void 0 ? void 0 : _95.dim[36],
|
|
444
|
+
shapePaleBrandHover: (_96 = base.brand.palette) === null || _96 === void 0 ? void 0 : _96.dim[40],
|
|
445
|
+
shapePaleBrandPressed: (_97 = base.brand.palette) === null || _97 === void 0 ? void 0 : _97.dim[32],
|
|
419
446
|
shapePaleError: base.customizable.red.dim[36],
|
|
420
447
|
shapePaleErrorHover: base.customizable.red.dim[40],
|
|
421
448
|
shapePaleErrorPressed: base.customizable.red.dim[32],
|
|
@@ -428,12 +455,12 @@ var getDefaultTokens = function (base) {
|
|
|
428
455
|
shapePaleWarning: base.warning.dim[36],
|
|
429
456
|
shapePaleWarningHover: base.warning.dim[40],
|
|
430
457
|
shapePaleWarningPressed: base.warning.dim[32],
|
|
431
|
-
shapeSoftAccent: ((
|
|
432
|
-
shapeSoftAccentHover: ((
|
|
433
|
-
shapeSoftAccentPressed: ((
|
|
434
|
-
shapeSoftBrand: base.brand.palette.dim[48],
|
|
435
|
-
shapeSoftBrandHover: base.brand.palette.dim[52],
|
|
436
|
-
shapeSoftBrandPressed: base.brand.palette.dim[44],
|
|
458
|
+
shapeSoftAccent: ((_99 = (_98 = base.accent) === null || _98 === void 0 ? void 0 : _98.palette) === null || _99 === void 0 ? void 0 : _99.dim[48]) || base.whiteAlpha[32],
|
|
459
|
+
shapeSoftAccentHover: ((_101 = (_100 = base.accent) === null || _100 === void 0 ? void 0 : _100.palette) === null || _101 === void 0 ? void 0 : _101.dim[52]) || base.whiteAlpha[40],
|
|
460
|
+
shapeSoftAccentPressed: ((_103 = (_102 = base.accent) === null || _102 === void 0 ? void 0 : _102.palette) === null || _103 === void 0 ? void 0 : _103.dim[44]) || base.whiteAlpha[24],
|
|
461
|
+
shapeSoftBrand: (_104 = base.brand.palette) === null || _104 === void 0 ? void 0 : _104.dim[48],
|
|
462
|
+
shapeSoftBrandHover: (_105 = base.brand.palette) === null || _105 === void 0 ? void 0 : _105.dim[52],
|
|
463
|
+
shapeSoftBrandPressed: (_106 = base.brand.palette) === null || _106 === void 0 ? void 0 : _106.dim[44],
|
|
437
464
|
shapeSoftError: base.customizable.red.dim[48],
|
|
438
465
|
shapeSoftErrorHover: base.customizable.red.dim[52],
|
|
439
466
|
shapeSoftErrorPressed: base.customizable.red.dim[44],
|
|
@@ -446,24 +473,33 @@ var getDefaultTokens = function (base) {
|
|
|
446
473
|
shapeSoftWarning: base.warning.dim[52],
|
|
447
474
|
shapeSoftWarningHover: base.warning.dim[56],
|
|
448
475
|
shapeSoftWarningPressed: base.warning.dim[48],
|
|
449
|
-
shapeInvertedBacklessHover: base.blackAlpha[
|
|
450
|
-
shapeInvertedBacklessPressed: base.blackAlpha[
|
|
476
|
+
shapeInvertedBacklessHover: base.blackAlpha[6],
|
|
477
|
+
shapeInvertedBacklessPressed: base.blackAlpha[8],
|
|
451
478
|
shapeInvertedDisabled: base.blackAlpha[6],
|
|
479
|
+
shapeInvertedNeutralFaintAlpha: base.blackAlpha[6],
|
|
480
|
+
shapeInvertedNeutralFaintAlphaHover: base.blackAlpha[8],
|
|
481
|
+
shapeInvertedNeutralFaintAlphaPressed: base.blackAlpha[12],
|
|
452
482
|
shapeInvertedNeutralHeavy: base.blackAlpha[80],
|
|
453
483
|
shapeInvertedNeutralHeavyHover: base.blackAlpha[88],
|
|
454
484
|
shapeInvertedNeutralHeavyPressed: base.blackAlpha[72],
|
|
455
|
-
shapeInvertedNeutralPaleAlpha: base.blackAlpha[
|
|
485
|
+
shapeInvertedNeutralPaleAlpha: base.blackAlpha[8],
|
|
456
486
|
shapeInvertedNeutralPaleAlphaHover: base.blackAlpha[12],
|
|
457
487
|
shapeInvertedNeutralPaleAlphaPressed: base.blackAlpha[16],
|
|
458
|
-
shapeInvertedNeutralSoftAlpha: base.blackAlpha[
|
|
459
|
-
shapeInvertedNeutralSoftAlphaHover: base.blackAlpha[
|
|
460
|
-
shapeInvertedNeutralSoftAlphaPressed: base.blackAlpha[
|
|
461
|
-
shapeConstBacklessBlackHover: base.blackAlpha[
|
|
462
|
-
shapeConstBacklessBlackPressed: base.blackAlpha[
|
|
463
|
-
shapeConstBacklessWhiteHover: base.whiteAlpha[
|
|
464
|
-
shapeConstBacklessWhitePressed: base.whiteAlpha[
|
|
488
|
+
shapeInvertedNeutralSoftAlpha: base.blackAlpha[16],
|
|
489
|
+
shapeInvertedNeutralSoftAlphaHover: base.blackAlpha[24],
|
|
490
|
+
shapeInvertedNeutralSoftAlphaPressed: base.blackAlpha[32],
|
|
491
|
+
shapeConstBacklessBlackHover: base.blackAlpha[12],
|
|
492
|
+
shapeConstBacklessBlackPressed: base.blackAlpha[16],
|
|
493
|
+
shapeConstBacklessWhiteHover: base.whiteAlpha[12],
|
|
494
|
+
shapeConstBacklessWhitePressed: base.whiteAlpha[6],
|
|
465
495
|
shapeConstDisabledBlack: base.blackAlpha[6],
|
|
466
496
|
shapeConstDisabledWhite: base.whiteAlpha[6],
|
|
497
|
+
shapeConstFaintBlack: base.blackAlpha[12],
|
|
498
|
+
shapeConstFaintBlackHover: base.blackAlpha[16],
|
|
499
|
+
shapeConstFaintBlackPressed: base.blackAlpha[24],
|
|
500
|
+
shapeConstFaintWhite: base.whiteAlpha[12],
|
|
501
|
+
shapeConstFaintWhiteHover: base.whiteAlpha[16],
|
|
502
|
+
shapeConstFaintWhitePressed: base.whiteAlpha[8],
|
|
467
503
|
shapeConstHeavyBlack: base.blackAlpha[80],
|
|
468
504
|
shapeConstHeavyBlackHover: base.blackAlpha[88],
|
|
469
505
|
shapeConstHeavyBlackPressed: base.blackAlpha[64],
|
|
@@ -472,26 +508,26 @@ var getDefaultTokens = function (base) {
|
|
|
472
508
|
shapeConstHeavyWhitePressed: base.whiteAlpha[64],
|
|
473
509
|
shapeConstPaleBlack: base.blackAlpha[16],
|
|
474
510
|
shapeConstPaleBlackHover: base.blackAlpha[24],
|
|
475
|
-
shapeConstPaleBlackPressed: base.blackAlpha[
|
|
511
|
+
shapeConstPaleBlackPressed: base.blackAlpha[32],
|
|
476
512
|
shapeConstPaleWhite: base.whiteAlpha[16],
|
|
477
513
|
shapeConstPaleWhiteHover: base.whiteAlpha[24],
|
|
478
514
|
shapeConstPaleWhitePressed: base.whiteAlpha[12],
|
|
479
515
|
shapeConstPromo: base.brand.promo,
|
|
480
|
-
shapeConstSoftBlack: base.blackAlpha[
|
|
481
|
-
shapeConstSoftBlackHover: base.blackAlpha[
|
|
482
|
-
shapeConstSoftBlackPressed: base.blackAlpha[
|
|
483
|
-
shapeConstSoftWhite: base.whiteAlpha[
|
|
484
|
-
shapeConstSoftWhiteHover: base.whiteAlpha[
|
|
485
|
-
shapeConstSoftWhitePressed: base.whiteAlpha[
|
|
486
|
-
lineAccentBold: base.accent.original.dark || base.
|
|
487
|
-
lineAccentBoldHover: base.accent.interactions.hover.dark || base.
|
|
488
|
-
lineAccentBoldPressed: base.accent.interactions.pressed.dark || base.
|
|
489
|
-
lineAccentPale: ((
|
|
490
|
-
lineAccentPaleHover: ((
|
|
491
|
-
lineAccentPalePressed: ((
|
|
492
|
-
lineAccentSoft: ((
|
|
493
|
-
lineAccentSoftHover: ((
|
|
494
|
-
lineAccentSoftPressed: ((
|
|
516
|
+
shapeConstSoftBlack: base.blackAlpha[24],
|
|
517
|
+
shapeConstSoftBlackHover: base.blackAlpha[32],
|
|
518
|
+
shapeConstSoftBlackPressed: base.blackAlpha[40],
|
|
519
|
+
shapeConstSoftWhite: base.whiteAlpha[24],
|
|
520
|
+
shapeConstSoftWhiteHover: base.whiteAlpha[32],
|
|
521
|
+
shapeConstSoftWhitePressed: base.whiteAlpha[24],
|
|
522
|
+
lineAccentBold: ((_107 = base.accent) === null || _107 === void 0 ? void 0 : _107.original.dark) || base.gray[88],
|
|
523
|
+
lineAccentBoldHover: ((_108 = base.accent) === null || _108 === void 0 ? void 0 : _108.interactions.hover.dark) || base.gray[100],
|
|
524
|
+
lineAccentBoldPressed: ((_109 = base.accent) === null || _109 === void 0 ? void 0 : _109.interactions.pressed.dark) || base.whiteAlpha[64],
|
|
525
|
+
lineAccentPale: ((_111 = (_110 = base.accent) === null || _110 === void 0 ? void 0 : _110.palette) === null || _111 === void 0 ? void 0 : _111.dim[40]) || base.whiteAlpha[24],
|
|
526
|
+
lineAccentPaleHover: ((_113 = (_112 = base.accent) === null || _112 === void 0 ? void 0 : _112.palette) === null || _113 === void 0 ? void 0 : _113.dim[44]) || base.whiteAlpha[32],
|
|
527
|
+
lineAccentPalePressed: ((_115 = (_114 = base.accent) === null || _114 === void 0 ? void 0 : _114.palette) === null || _115 === void 0 ? void 0 : _115.dim[36]) || base.whiteAlpha[16],
|
|
528
|
+
lineAccentSoft: ((_117 = (_116 = base.accent) === null || _116 === void 0 ? void 0 : _116.palette) === null || _117 === void 0 ? void 0 : _117.dim[48]) || base.whiteAlpha[48],
|
|
529
|
+
lineAccentSoftHover: ((_119 = (_118 = base.accent) === null || _118 === void 0 ? void 0 : _118.palette) === null || _119 === void 0 ? void 0 : _119.vivid[80]) || base.gray[100],
|
|
530
|
+
lineAccentSoftPressed: ((_121 = (_120 = base.accent) === null || _120 === void 0 ? void 0 : _120.palette) === null || _121 === void 0 ? void 0 : _121.dim[64]) || base.gray[100],
|
|
495
531
|
lineBrandOriginal: base.brand.original,
|
|
496
532
|
lineErrorBold: base.customizable.red.vivid[60],
|
|
497
533
|
lineErrorBoldHover: base.customizable.red.vivid[68],
|
|
@@ -500,25 +536,25 @@ var getDefaultTokens = function (base) {
|
|
|
500
536
|
lineNeutralPale: base.whiteAlpha[16],
|
|
501
537
|
lineNeutralPaleHover: base.whiteAlpha[24],
|
|
502
538
|
lineNeutralPalePressed: base.whiteAlpha[12],
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
539
|
+
lineOnAccentBoldFaint: ((_122 = base.onAccent) === null || _122 === void 0 ? void 0 : _122[12]) || base.blackAlpha[12],
|
|
540
|
+
lineOnAccentBoldPale: ((_123 = base.onAccent) === null || _123 === void 0 ? void 0 : _123[24]) || base.blackAlpha[24],
|
|
541
|
+
lineOnBrandOriginalFaint: base.onBrand[12],
|
|
542
|
+
lineOnBrandOriginalPale: base.onBrand[24],
|
|
507
543
|
lineSuccessBold: base.customizable.green.vivid[60],
|
|
508
544
|
lineSuccessBoldHover: base.customizable.green.vivid[68],
|
|
509
545
|
lineSuccessBoldPressed: base.customizable.green.dim[56],
|
|
510
546
|
lineWarningBold: base.warning.vivid[80],
|
|
511
547
|
lineWarningBoldHover: base.warning.vivid[84],
|
|
512
548
|
lineWarningBoldPressed: base.warning.dim[72],
|
|
513
|
-
lineInvertedAccentBold: base.accent.original.light || base.
|
|
514
|
-
lineInvertedAccentBoldHover: base.accent.interactions.hover.light || base.
|
|
515
|
-
lineInvertedAccentBoldPressed: base.accent.interactions.pressed.light || base.
|
|
516
|
-
lineInvertedAccentPale: ((
|
|
517
|
-
lineInvertedAccentPaleHover: ((
|
|
518
|
-
lineInvertedAccentPalePressed: ((
|
|
519
|
-
lineInvertedAccentSoft: ((
|
|
520
|
-
lineInvertedAccentSoftHover: ((
|
|
521
|
-
lineInvertedAccentSoftPressed: ((
|
|
549
|
+
lineInvertedAccentBold: ((_124 = base.accent) === null || _124 === void 0 ? void 0 : _124.original.light) || base.gray[44],
|
|
550
|
+
lineInvertedAccentBoldHover: ((_125 = base.accent) === null || _125 === void 0 ? void 0 : _125.interactions.hover.light) || base.gray[20],
|
|
551
|
+
lineInvertedAccentBoldPressed: ((_126 = base.accent) === null || _126 === void 0 ? void 0 : _126.interactions.pressed.light) || base.blackAlpha[64],
|
|
552
|
+
lineInvertedAccentPale: ((_128 = (_127 = base.accent) === null || _127 === void 0 ? void 0 : _127.palette) === null || _128 === void 0 ? void 0 : _128.normal[84]) || base.blackAlpha[24],
|
|
553
|
+
lineInvertedAccentPaleHover: ((_130 = (_129 = base.accent) === null || _129 === void 0 ? void 0 : _129.palette) === null || _130 === void 0 ? void 0 : _130.normal[80]) || base.blackAlpha[32],
|
|
554
|
+
lineInvertedAccentPalePressed: ((_132 = (_131 = base.accent) === null || _131 === void 0 ? void 0 : _131.palette) === null || _132 === void 0 ? void 0 : _132.dim[76]) || base.blackAlpha[40],
|
|
555
|
+
lineInvertedAccentSoft: ((_134 = (_133 = base.accent) === null || _133 === void 0 ? void 0 : _133.palette) === null || _134 === void 0 ? void 0 : _134.dim[76]) || base.blackAlpha[48],
|
|
556
|
+
lineInvertedAccentSoftHover: ((_136 = (_135 = base.accent) === null || _135 === void 0 ? void 0 : _135.palette) === null || _136 === void 0 ? void 0 : _136.vivid[60]) || base.blackAlpha[96],
|
|
557
|
+
lineInvertedAccentSoftPressed: ((_138 = (_137 = base.accent) === null || _137 === void 0 ? void 0 : _137.palette) === null || _138 === void 0 ? void 0 : _138.dim[48]) || base.blackAlpha[96],
|
|
522
558
|
lineInvertedErrorBold: base.customizable.red.vivid[56],
|
|
523
559
|
lineInvertedErrorBoldHover: base.customizable.red.vivid[64],
|
|
524
560
|
lineInvertedErrorBoldPressed: base.customizable.red.dim[52],
|
|
@@ -532,8 +568,8 @@ var getDefaultTokens = function (base) {
|
|
|
532
568
|
lineInvertedWarningBold: base.warning.vivid[80],
|
|
533
569
|
lineInvertedWarningBoldHover: base.warning.vivid[72],
|
|
534
570
|
lineInvertedWarningBoldPressed: base.warning.dim[68],
|
|
535
|
-
lineConstFaintBlack: base.blackAlpha[
|
|
536
|
-
lineConstFaintWhite: base.whiteAlpha[
|
|
571
|
+
lineConstFaintBlack: base.blackAlpha[12],
|
|
572
|
+
lineConstFaintWhite: base.whiteAlpha[12],
|
|
537
573
|
lineConstPaleBlack: base.blackAlpha[24],
|
|
538
574
|
lineConstPaleBlackHover: base.blackAlpha[32],
|
|
539
575
|
lineConstPaleBlackPressed: base.blackAlpha[16],
|
|
@@ -547,10 +583,12 @@ var getDefaultTokens = function (base) {
|
|
|
547
583
|
illustrationBlack: base.gray[16],
|
|
548
584
|
illustrationBrand: base.brand.original,
|
|
549
585
|
illustrationComplement: base.gray[100],
|
|
586
|
+
illustrationInvertedNeutral: base.gray[0],
|
|
587
|
+
illustrationNeutral: base.gray[100],
|
|
550
588
|
illustrationOnBrand: base.onBrand[100],
|
|
551
|
-
|
|
589
|
+
illustrationOnComplement: base.brand.promo,
|
|
552
590
|
illustrationPromo: base.brand.promo,
|
|
553
|
-
illustrationSymbol: base.brand.palette.normal[80],
|
|
591
|
+
illustrationSymbol: (_139 = base.brand.palette) === null || _139 === void 0 ? void 0 : _139.normal[80],
|
|
554
592
|
illustrationWhite: base.gray[100],
|
|
555
593
|
customizableBoldBlack: base.gray[76],
|
|
556
594
|
customizableBoldBlue: base.customizable.blue.normal[64],
|