@skbkontur/colors 1.1.2-752d6.0 → 1.1.2-b2742.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.
Files changed (73) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/constants/abney-correction.d.ts +2 -0
  3. package/dist/cjs/constants/abney-correction.js +1105 -0
  4. package/dist/cjs/constants/chroma-settings.d.ts +2 -0
  5. package/dist/cjs/constants/chroma-settings.js +105 -0
  6. package/dist/cjs/constants/default-swatch.d.ts +109 -0
  7. package/dist/cjs/constants/default-swatch.js +112 -0
  8. package/dist/cjs/constants/interaction-settings.d.ts +8 -0
  9. package/dist/cjs/constants/interaction-settings.js +11 -0
  10. package/dist/cjs/constants/logo-lightness.d.ts +1 -0
  11. package/dist/cjs/constants/logo-lightness.js +4 -0
  12. package/dist/cjs/constants/promo-hue-shift.d.ts +3 -0
  13. package/dist/cjs/constants/promo-hue-shift.js +14 -0
  14. package/dist/cjs/constants/warning-hue-patch.d.ts +3 -0
  15. package/dist/cjs/constants/warning-hue-patch.js +25 -0
  16. package/dist/cjs/get-base-tokens.d.ts +17 -0
  17. package/dist/cjs/get-base-tokens.js +201 -0
  18. package/dist/cjs/get-colors.d.ts +17 -0
  19. package/dist/cjs/get-colors.js +16 -0
  20. package/dist/cjs/get-default-tokens.d.ts +607 -0
  21. package/dist/cjs/get-default-tokens.js +613 -0
  22. package/dist/cjs/helpers/get-interactions.d.ts +7 -0
  23. package/dist/cjs/helpers/get-interactions.js +40 -0
  24. package/dist/cjs/helpers/get-logo.d.ts +6 -0
  25. package/dist/cjs/helpers/get-logo.js +29 -0
  26. package/dist/cjs/helpers/get-palette.d.ts +51 -0
  27. package/dist/cjs/helpers/get-palette.js +242 -0
  28. package/dist/cjs/helpers/get-promo.d.ts +6 -0
  29. package/dist/cjs/helpers/get-promo.js +58 -0
  30. package/dist/cjs/types/base-tokens.d.ts +54 -0
  31. package/dist/cjs/types/base-tokens.js +2 -0
  32. package/dist/cjs/types/generator-tokens.d.ts +43 -0
  33. package/dist/cjs/types/generator-tokens.js +2 -0
  34. package/dist/esm/constants/abney-correction.d.ts +2 -0
  35. package/dist/esm/constants/abney-correction.js +1102 -0
  36. package/dist/esm/constants/chroma-settings.d.ts +2 -0
  37. package/dist/esm/constants/chroma-settings.js +102 -0
  38. package/dist/esm/constants/default-swatch.d.ts +109 -0
  39. package/dist/esm/constants/default-swatch.js +109 -0
  40. package/dist/esm/constants/interaction-settings.d.ts +8 -0
  41. package/dist/esm/constants/interaction-settings.js +8 -0
  42. package/dist/esm/constants/logo-lightness.d.ts +1 -0
  43. package/dist/esm/constants/logo-lightness.js +1 -0
  44. package/dist/esm/constants/promo-hue-shift.d.ts +3 -0
  45. package/dist/esm/constants/promo-hue-shift.js +11 -0
  46. package/dist/esm/constants/warning-hue-patch.d.ts +3 -0
  47. package/dist/esm/constants/warning-hue-patch.js +22 -0
  48. package/dist/esm/get-base-tokens.d.ts +17 -0
  49. package/dist/esm/get-base-tokens.js +167 -0
  50. package/dist/esm/get-colors.d.ts +17 -0
  51. package/dist/esm/get-colors.js +12 -0
  52. package/dist/esm/get-default-tokens.d.ts +607 -0
  53. package/dist/esm/get-default-tokens.js +609 -0
  54. package/dist/esm/helpers/get-interactions.d.ts +7 -0
  55. package/dist/esm/helpers/get-interactions.js +35 -0
  56. package/dist/esm/helpers/get-logo.d.ts +6 -0
  57. package/dist/esm/helpers/get-logo.js +25 -0
  58. package/dist/esm/helpers/get-palette.d.ts +51 -0
  59. package/dist/esm/helpers/get-palette.js +210 -0
  60. package/dist/esm/helpers/get-promo.d.ts +6 -0
  61. package/dist/esm/helpers/get-promo.js +53 -0
  62. package/dist/esm/types/base-tokens.d.ts +54 -0
  63. package/dist/esm/types/base-tokens.js +1 -0
  64. package/dist/esm/types/generator-tokens.d.ts +43 -0
  65. package/dist/esm/types/generator-tokens.js +1 -0
  66. package/package.json +14 -8
  67. package/colors.css +0 -160
  68. package/colors.less +0 -158
  69. package/colors.scss +0 -158
  70. package/dist/cjs/colors.d.ts +0 -161
  71. package/dist/cjs/colors.js +0 -163
  72. package/dist/esm/colors.d.ts +0 -161
  73. package/dist/esm/colors.js +0 -163
@@ -0,0 +1,609 @@
1
+ export var getDefaultTokens = function (base) {
2
+ 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;
3
+ return ({
4
+ light: {
5
+ textAccentPrimary: ((_a = base.accent.palette) === null || _a === void 0 ? void 0 : _a.vivid[52]) || base.blackAlpha[88],
6
+ textAccentPrimaryHover: ((_b = base.accent.palette) === null || _b === void 0 ? void 0 : _b.vivid[60]) || base.blackAlpha[96],
7
+ textAccentPrimaryPressed: ((_c = base.accent.palette) === null || _c === void 0 ? void 0 : _c.dim[48]) || base.blackAlpha[96],
8
+ textDisabled: base.blackAlpha[32],
9
+ textErrorPrimary: base.customizable.red.vivid[52],
10
+ textErrorPrimaryHover: base.customizable.red.vivid[60],
11
+ textErrorPrimaryPressed: base.customizable.red.dim[48],
12
+ textInvertedAccentPrimary: ((_d = base.accent.palette) === null || _d === void 0 ? void 0 : _d.vivid[72]) || base.whiteAlpha[96],
13
+ textInvertedAccentPrimaryHover: ((_e = base.accent.palette) === null || _e === void 0 ? void 0 : _e.vivid[80]) || base.gray[100],
14
+ textInvertedAccentPrimaryPressed: ((_f = base.accent.palette) === null || _f === void 0 ? void 0 : _f.dim[64]) || base.gray[100],
15
+ textInvertedDisabled: base.whiteAlpha[40],
16
+ textInvertedErrorPrimary: base.customizable.red.vivid[68],
17
+ textInvertedErrorPrimaryHover: base.customizable.red.vivid[72],
18
+ textInvertedErrorPrimaryPressed: base.customizable.red.dim[64],
19
+ textInvertedNeutralPrimary: base.whiteAlpha[96],
20
+ textInvertedNeutralSecondary: base.whiteAlpha[64],
21
+ textInvertedSuccessPrimary: base.customizable.green.vivid[72],
22
+ textInvertedSuccessPrimaryHover: base.customizable.green.vivid[80],
23
+ textInvertedSuccessPrimaryPressed: base.customizable.green.dim[64],
24
+ textInvertedWarningPrimary: base.warning.vivid[80],
25
+ textInvertedWarningPrimaryHover: base.warning.vivid[84],
26
+ textInvertedWarningPrimaryPressed: base.warning.dim[72],
27
+ textLogo: base.brand.logo.light,
28
+ textNeutralPrimary: base.blackAlpha[88],
29
+ textNeutralSecondary: base.blackAlpha[56],
30
+ textOnaccentboldDisabled: base.onBrand[40] || base.whiteAlpha[40],
31
+ textOnaccentboldPrimary: base.onBrand[96] || base.whiteAlpha[96],
32
+ textOnaccentboldSecondary: base.onBrand[64] || base.whiteAlpha[64],
33
+ textOnbrandoriginalDisabled: base.onBrand[40],
34
+ textOnbrandoriginalPrimary: base.onBrand[96],
35
+ textOnbrandoriginalSecondary: base.onBrand[64],
36
+ textSuccessPrimary: base.customizable.green.vivid[52],
37
+ textSuccessPrimaryHover: base.customizable.green.vivid[60],
38
+ textSuccessPrimaryPressed: base.customizable.green.dim[48],
39
+ textWarningPrimary: base.warning.vivid[64],
40
+ textWarningPrimaryHover: base.warning.vivid[72],
41
+ textWarningPrimaryPressed: base.warning.dim[60],
42
+ textConstDisabledBlack: base.blackAlpha[32],
43
+ textConstDisabledWhite: base.whiteAlpha[40],
44
+ textConstPrimaryBlack: base.blackAlpha[88],
45
+ textConstPrimaryWhite: base.whiteAlpha[96],
46
+ textConstSecondaryBlack: base.blackAlpha[56],
47
+ textConstSecondaryWhite: base.whiteAlpha[64],
48
+ shapeBoldAccent: base.accent.original.light || base.accent.original.light,
49
+ shapeBoldAccentHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
50
+ shapeBoldAccentPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
51
+ shapeBoldBrandOriginal: base.accent.original.light,
52
+ shapeBoldBrandOriginalHover: base.accent.interactions.hover.light,
53
+ shapeBoldBrandOriginalPressed: base.accent.interactions.pressed.light,
54
+ shapeBoldError: base.customizable.red.vivid[64],
55
+ shapeBoldErrorHover: base.customizable.red.vivid[60],
56
+ shapeBoldErrorPressed: base.customizable.red.normal[56],
57
+ shapeBoldNeutral: base.gray[44],
58
+ shapeBoldNeutralHover: base.gray[36],
59
+ shapeBoldNeutralPressed: base.blackAlpha[56],
60
+ shapeBoldSuccess: base.customizable.green.vivid[64],
61
+ shapeBoldSuccessHover: base.customizable.green.vivid[60],
62
+ shapeBoldSuccessPressed: base.customizable.green.normal[56],
63
+ shapeBoldWarning: base.warning.vivid[84],
64
+ shapeBoldWarningHover: base.warning.vivid[80],
65
+ shapeBoldWarningPressed: base.warning.normal[76],
66
+ shapeFaintAccent: ((_g = base.accent.palette) === null || _g === void 0 ? void 0 : _g.normal[96]) || base.blackAlpha[12],
67
+ shapeFaintAccentHover: ((_h = base.accent.palette) === null || _h === void 0 ? void 0 : _h.normal[92]) || base.blackAlpha[16],
68
+ shapeFaintAccentPressed: ((_j = base.accent.palette) === null || _j === void 0 ? void 0 : _j.dim[88]) || base.blackAlpha[24],
69
+ shapeFaintBrand: base.brand.palette.vivid[96],
70
+ shapeFaintBrandHover: base.brand.palette.normal[92],
71
+ shapeFaintBrandPressed: base.brand.palette.dim[92],
72
+ shapeFaintError: base.customizable.red.vivid[96],
73
+ shapeFaintErrorHover: base.customizable.red.normal[92],
74
+ shapeFaintErrorPressed: base.customizable.red.dim[92],
75
+ shapeFaintNeutralAlpha: base.blackAlpha[6],
76
+ shapeFaintNeutralAlphaHover: base.blackAlpha[8],
77
+ shapeFaintNeutralAlphaPressed: base.blackAlpha[12],
78
+ shapeFaintSuccess: base.customizable.green.normal[96],
79
+ shapeFaintSuccessHover: base.customizable.green.normal[92],
80
+ shapeFaintSuccessPressed: base.customizable.green.dim[92],
81
+ shapeFaintWarning: base.warning.vivid[96],
82
+ shapeFaintWarningHover: base.warning.normal[92],
83
+ shapeFaintWarningPressed: base.warning.dim[92],
84
+ shapeHeavyError: base.customizable.red.normal[36],
85
+ shapeHeavyNeutral: base.gray[28],
86
+ shapeHeavySuccess: base.customizable.green.normal[36],
87
+ shapeHeavyWarning: base.warning.vivid[36],
88
+ shapeOtherAccentBoldDisabled: base.blackAlpha[32],
89
+ shapeOtherBacklessHover: base.blackAlpha[8],
90
+ shapeOtherBacklessPressed: base.blackAlpha[12],
91
+ shapeOtherBase: base.gray[100],
92
+ shapeOtherBaseHover: base.whiteAlpha[80],
93
+ shapeOtherBasePressed: base.whiteAlpha[48],
94
+ shapeOtherDisabled: base.blackAlpha[6],
95
+ shapeOtherField: base.gray[100],
96
+ shapeOtherLow: base.blackAlpha[6],
97
+ shapeOtherLowHover: base.blackAlpha[8],
98
+ shapeOtherLowPressed: base.blackAlpha[12],
99
+ shapeOtherNeutralFaintSolid: base.gray[96],
100
+ shapeOtherNeutralFaintSolidHover: base.gray[92],
101
+ shapeOtherNeutralFaintSolidPressed: base.gray[88],
102
+ shapeOtherNeutralPaleSolid: base.gray[92],
103
+ shapeOtherNeutralPaleSolidHover: base.gray[88],
104
+ shapeOtherNeutralPaleSolidPressed: base.gray[84],
105
+ shapeOtherNeutralSoftSolid: base.gray[84],
106
+ shapeOtherNeutralSoftSolidHover: base.gray[80],
107
+ shapeOtherNeutralSoftSolidPressed: base.gray[76],
108
+ shapePaleAccent: ((_k = base.accent.palette) === null || _k === void 0 ? void 0 : _k.vivid[92]) || base.blackAlpha[16],
109
+ shapePaleAccentHover: ((_l = base.accent.palette) === null || _l === void 0 ? void 0 : _l.normal[88]) || base.blackAlpha[24],
110
+ shapePaleAccentPressed: ((_m = base.accent.palette) === null || _m === void 0 ? void 0 : _m.dim[84]) || base.blackAlpha[32],
111
+ shapePaleBrand: base.brand.palette.vivid[92],
112
+ shapePaleBrandHover: base.brand.palette.normal[88],
113
+ shapePaleBrandPressed: base.brand.palette.dim[88],
114
+ shapePaleError: base.customizable.red.vivid[92],
115
+ shapePaleErrorHover: base.customizable.red.normal[88],
116
+ shapePaleErrorPressed: base.customizable.red.dim[88],
117
+ shapePaleNeutralAlpha: base.blackAlpha[8],
118
+ shapePaleNeutralAlphaHover: base.blackAlpha[12],
119
+ shapePaleNeutralAlphaPressed: base.blackAlpha[16],
120
+ shapePaleSuccess: base.customizable.green.normal[92],
121
+ shapePaleSuccessHover: base.customizable.green.normal[88],
122
+ shapePaleSuccessPressed: base.customizable.green.dim[88],
123
+ shapePaleWarning: base.warning.vivid[92],
124
+ shapePaleWarningHover: base.warning.normal[88],
125
+ shapePaleWarningPressed: base.warning.dim[88],
126
+ shapeSoftAccent: ((_o = base.accent.palette) === null || _o === void 0 ? void 0 : _o.normal[80]) || base.blackAlpha[32],
127
+ shapeSoftAccentHover: ((_p = base.accent.palette) === null || _p === void 0 ? void 0 : _p.normal[76]) || base.blackAlpha[40],
128
+ shapeSoftAccentPressed: ((_q = base.accent.palette) === null || _q === void 0 ? void 0 : _q.dim[72]) || base.blackAlpha[48],
129
+ shapeSoftBrand: base.brand.palette.normal[80],
130
+ shapeSoftBrandHover: base.brand.palette.normal[76],
131
+ shapeSoftBrandPressed: base.brand.palette.dim[72],
132
+ shapeSoftError: base.customizable.red.normal[80],
133
+ shapeSoftErrorHover: base.customizable.red.normal[76],
134
+ shapeSoftErrorPressed: base.customizable.red.dim[72],
135
+ shapeSoftNeutralAlpha: base.blackAlpha[16],
136
+ shapeSoftNeutralAlphaHover: base.blackAlpha[24],
137
+ shapeSoftNeutralAlphaPressed: base.blackAlpha[32],
138
+ shapeSoftSuccess: base.customizable.green.normal[80],
139
+ shapeSoftSuccessHover: base.customizable.green.normal[76],
140
+ shapeSoftSuccessPressed: base.customizable.green.dim[72],
141
+ shapeSoftWarning: base.warning.vivid[88],
142
+ shapeSoftWarningHover: base.warning.normal[84],
143
+ shapeSoftWarningPressed: base.warning.dim[80],
144
+ shapeInvertedBacklessHover: base.whiteAlpha[8],
145
+ shapeInvertedBacklessPressed: base.whiteAlpha[4],
146
+ shapeInvertedDisabled: base.whiteAlpha[6],
147
+ shapeInvertedNeutralHeavy: base.gray[100],
148
+ shapeInvertedNeutralHeavyHover: base.whiteAlpha[88],
149
+ shapeInvertedNeutralHeavyPressed: base.whiteAlpha[72],
150
+ shapeInvertedNeutralPaleAlpha: base.whiteAlpha[12],
151
+ shapeInvertedNeutralPaleAlphaHover: base.whiteAlpha[12],
152
+ shapeInvertedNeutralPaleAlphaPressed: base.whiteAlpha[6],
153
+ shapeInvertedNeutralSoftAlpha: base.whiteAlpha[32],
154
+ shapeInvertedNeutralSoftAlphaHover: base.whiteAlpha[32],
155
+ shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[16],
156
+ shapeConstBacklessBlackHover: base.blackAlpha[16],
157
+ shapeConstBacklessBlackPressed: base.blackAlpha[8],
158
+ shapeConstBacklessWhiteHover: base.whiteAlpha[16],
159
+ shapeConstBacklessWhitePressed: base.whiteAlpha[8],
160
+ shapeConstDisabledBlack: base.blackAlpha[6],
161
+ shapeConstDisabledWhite: base.whiteAlpha[6],
162
+ shapeConstHeavyBlack: base.blackAlpha[80],
163
+ shapeConstHeavyBlackHover: base.blackAlpha[88],
164
+ shapeConstHeavyBlackPressed: base.blackAlpha[64],
165
+ shapeConstHeavyWhite: base.whiteAlpha[96],
166
+ shapeConstHeavyWhiteHover: base.gray[100],
167
+ shapeConstHeavyWhitePressed: base.whiteAlpha[64],
168
+ shapeConstPaleBlack: base.blackAlpha[16],
169
+ shapeConstPaleBlackHover: base.blackAlpha[24],
170
+ shapeConstPaleBlackPressed: base.blackAlpha[12],
171
+ shapeConstPaleWhite: base.whiteAlpha[16],
172
+ shapeConstPaleWhiteHover: base.whiteAlpha[24],
173
+ shapeConstPaleWhitePressed: base.whiteAlpha[12],
174
+ shapeConstPromo: base.brand.promo,
175
+ shapeConstSoftBlack: base.blackAlpha[40],
176
+ shapeConstSoftBlackHover: base.blackAlpha[48],
177
+ shapeConstSoftBlackPressed: base.blackAlpha[24],
178
+ shapeConstSoftWhite: base.whiteAlpha[48],
179
+ shapeConstSoftWhiteHover: base.whiteAlpha[56],
180
+ shapeConstSoftWhitePressed: base.whiteAlpha[32],
181
+ lineAccentBold: base.accent.original.light || base.accent.original.light,
182
+ lineAccentBoldHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
183
+ lineAccentBoldPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
184
+ lineAccentPale: ((_r = base.accent.palette) === null || _r === void 0 ? void 0 : _r.normal[88]) || base.blackAlpha[24],
185
+ lineAccentPaleHover: ((_s = base.accent.palette) === null || _s === void 0 ? void 0 : _s.normal[84]) || base.blackAlpha[32],
186
+ lineAccentPalePressed: ((_t = base.accent.palette) === null || _t === void 0 ? void 0 : _t.dim[80]) || base.blackAlpha[40],
187
+ lineAccentSoft: ((_u = base.accent.palette) === null || _u === void 0 ? void 0 : _u.dim[76]) || base.blackAlpha[48],
188
+ lineAccentSoftHover: ((_v = base.accent.palette) === null || _v === void 0 ? void 0 : _v.vivid[60]) || base.blackAlpha[96],
189
+ lineAccentSoftPressed: ((_w = base.accent.palette) === null || _w === void 0 ? void 0 : _w.dim[48]) || base.blackAlpha[96],
190
+ lineBrandOriginal: base.brand.original,
191
+ lineErrorBold: base.customizable.red.vivid[56],
192
+ lineErrorBoldHover: base.customizable.red.vivid[64],
193
+ lineErrorBoldPressed: base.customizable.red.dim[52],
194
+ lineNeutralFaint: base.blackAlpha[8],
195
+ lineNeutralPale: base.blackAlpha[16],
196
+ lineNeutralPaleHover: base.blackAlpha[24],
197
+ lineNeutralPalePressed: base.blackAlpha[40],
198
+ lineOnaccentboldFaint: base.onBrand[16] || base.whiteAlpha[12],
199
+ lineOnaccentboldPale: base.onBrand[24] || base.whiteAlpha[24],
200
+ lineOnbrandoriginalFaint: base.onBrand[16],
201
+ lineOnbrandoriginalPale: base.onBrand[24],
202
+ lineSuccessBold: base.customizable.green.vivid[56],
203
+ lineSuccessBoldHover: base.customizable.green.vivid[68],
204
+ lineSuccessBoldPressed: base.customizable.green.dim[56],
205
+ lineWarningBold: base.warning.vivid[80],
206
+ lineWarningBoldHover: base.warning.vivid[72],
207
+ lineWarningBoldPressed: base.warning.dim[68],
208
+ lineInvertedAccentBold: base.accent.original.dark || base.accent.original.dark,
209
+ lineInvertedAccentBoldHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
210
+ lineInvertedAccentBoldPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
211
+ lineInvertedAccentPale: ((_x = base.accent.palette) === null || _x === void 0 ? void 0 : _x.dim[44]) || base.whiteAlpha[24],
212
+ lineInvertedAccentPaleHover: ((_y = base.accent.palette) === null || _y === void 0 ? void 0 : _y.dim[48]) || base.whiteAlpha[32],
213
+ lineInvertedAccentPalePressed: ((_z = base.accent.palette) === null || _z === void 0 ? void 0 : _z.dim[40]) || base.whiteAlpha[16],
214
+ lineInvertedAccentSoft: ((_0 = base.accent.palette) === null || _0 === void 0 ? void 0 : _0.dim[48]) || base.whiteAlpha[48],
215
+ lineInvertedAccentSoftHover: ((_1 = base.accent.palette) === null || _1 === void 0 ? void 0 : _1.vivid[80]) || base.gray[100],
216
+ lineInvertedAccentSoftPressed: ((_2 = base.accent.palette) === null || _2 === void 0 ? void 0 : _2.normal[64]) || base.gray[100],
217
+ lineInvertedErrorBold: base.customizable.red.vivid[60],
218
+ lineInvertedErrorBoldHover: base.customizable.red.vivid[68],
219
+ lineInvertedErrorBoldPressed: base.customizable.red.dim[56],
220
+ lineInvertedNeutralFaint: base.whiteAlpha[8],
221
+ lineInvertedNeutralPale: base.whiteAlpha[16],
222
+ lineInvertedNeutralPaleHover: base.whiteAlpha[24],
223
+ lineInvertedNeutralPalePressed: base.whiteAlpha[12],
224
+ lineInvertedSuccessBold: base.customizable.green.vivid[60],
225
+ lineInvertedSuccessBoldHover: base.customizable.green.vivid[68],
226
+ lineInvertedSuccessBoldPressed: base.customizable.green.dim[56],
227
+ lineInvertedWarningBold: base.warning.vivid[80],
228
+ lineInvertedWarningBoldHover: base.warning.vivid[84],
229
+ lineInvertedWarningBoldPressed: base.warning.dim[72],
230
+ lineConstFaintBlack: base.blackAlpha[16],
231
+ lineConstFaintWhite: base.whiteAlpha[16],
232
+ lineConstPaleBlack: base.blackAlpha[24],
233
+ lineConstPaleBlackHover: base.blackAlpha[32],
234
+ lineConstPaleBlackPressed: base.blackAlpha[16],
235
+ lineConstPaleWhite: base.whiteAlpha[24],
236
+ lineConstPaleWhiteHover: base.whiteAlpha[32],
237
+ lineConstPaleWhitePressed: base.whiteAlpha[16],
238
+ surfaceBase: base.gray[100],
239
+ surfaceHigh: base.gray[100],
240
+ surfaceLow: base.gray[96],
241
+ surfaceModalBackdrop: base.blackAlpha[24],
242
+ illustrationBlack: base.gray[16],
243
+ illustrationBrand: base.brand.original,
244
+ illustrationComplement: base.brand.promo,
245
+ illustrationOnBrand: base.onBrand[100],
246
+ illustrationOncomplement: base.gray[100],
247
+ illustrationPromo: base.brand.promo,
248
+ illustrationSymbol: base.brand.palette.normal[80],
249
+ illustrationWhite: base.gray[100],
250
+ customizableBoldBlack: base.gray[52],
251
+ customizableBoldBlue: base.customizable.blue.vivid[68],
252
+ customizableBoldBlueDeep: base.customizable.blueDeep.vivid[68],
253
+ customizableBoldGray: base.gray[72],
254
+ customizableBoldGreen: base.customizable.green.vivid[68],
255
+ customizableBoldMint: base.customizable.mint.vivid[68],
256
+ customizableBoldOrange: base.customizable.orange.vivid[68],
257
+ customizableBoldPurple: base.customizable.purple.vivid[68],
258
+ customizableBoldRed: base.customizable.red.vivid[68],
259
+ customizableBoldViolet: base.customizable.violet.vivid[68],
260
+ customizableBoldYellow: base.customizable.yellow.vivid[76],
261
+ customizableFaintBlack: base.gray[92],
262
+ customizableFaintBlue: base.customizable.blue.vivid[96],
263
+ customizableFaintBlueDeep: base.customizable.blueDeep.vivid[96],
264
+ customizableFaintGray: base.gray[96],
265
+ customizableFaintGreen: base.customizable.green.vivid[96],
266
+ customizableFaintMint: base.customizable.mint.vivid[96],
267
+ customizableFaintOrange: base.customizable.orange.vivid[96],
268
+ customizableFaintPurple: base.customizable.purple.vivid[96],
269
+ customizableFaintRed: base.customizable.red.vivid[96],
270
+ customizableFaintViolet: base.customizable.violet.vivid[96],
271
+ customizableFaintYellow: base.customizable.yellow.vivid[96],
272
+ customizableHeavyBlack: base.gray[36],
273
+ customizableHeavyBlue: base.customizable.blue.vivid[48],
274
+ customizableHeavyBlueDeep: base.customizable.blueDeep.vivid[48],
275
+ customizableHeavyGray: base.gray[56],
276
+ customizableHeavyGreen: base.customizable.green.vivid[48],
277
+ customizableHeavyMint: base.customizable.mint.vivid[52],
278
+ customizableHeavyOrange: base.customizable.orange.vivid[48],
279
+ customizableHeavyPurple: base.customizable.purple.vivid[48],
280
+ customizableHeavyRed: base.customizable.red.vivid[52],
281
+ customizableHeavyViolet: base.customizable.violet.vivid[48],
282
+ customizableHeavyYellow: base.customizable.yellow.vivid[56],
283
+ customizablePaleBlack: base.gray[88],
284
+ customizablePaleBlue: base.customizable.blue.vivid[92],
285
+ customizablePaleBlueDeep: base.customizable.blueDeep.vivid[92],
286
+ customizablePaleGray: base.gray[92],
287
+ customizablePaleGreen: base.customizable.green.vivid[92],
288
+ customizablePaleMint: base.customizable.mint.vivid[92],
289
+ customizablePaleOrange: base.customizable.orange.vivid[92],
290
+ customizablePalePurple: base.customizable.purple.vivid[92],
291
+ customizablePaleRed: base.customizable.red.vivid[92],
292
+ customizablePaleViolet: base.customizable.violet.vivid[92],
293
+ customizablePaleYellow: base.customizable.yellow.vivid[92],
294
+ customizableSoftBlack: base.gray[76],
295
+ customizableSoftBlue: base.customizable.blue.vivid[80],
296
+ customizableSoftBlueDeep: base.customizable.blueDeep.vivid[80],
297
+ customizableSoftGray: base.gray[88],
298
+ customizableSoftGreen: base.customizable.green.normal[80],
299
+ customizableSoftMint: base.customizable.mint.normal[84],
300
+ customizableSoftOrange: base.customizable.orange.vivid[80],
301
+ customizableSoftPurple: base.customizable.purple.vivid[80],
302
+ customizableSoftRed: base.customizable.red.vivid[80],
303
+ customizableSoftViolet: base.customizable.violet.vivid[80],
304
+ customizableSoftYellow: base.customizable.yellow.vivid[88],
305
+ },
306
+ dark: {
307
+ textAccentPrimary: ((_3 = base.accent.palette) === null || _3 === void 0 ? void 0 : _3.vivid[72]) || base.whiteAlpha[96],
308
+ textAccentPrimaryHover: ((_4 = base.accent.palette) === null || _4 === void 0 ? void 0 : _4.vivid[80]) || base.gray[100],
309
+ textAccentPrimaryPressed: ((_5 = base.accent.palette) === null || _5 === void 0 ? void 0 : _5.dim[64]) || base.gray[100],
310
+ textDisabled: base.whiteAlpha[40],
311
+ textErrorPrimary: base.customizable.red.vivid[68],
312
+ textErrorPrimaryHover: base.customizable.red.vivid[72],
313
+ textErrorPrimaryPressed: base.customizable.red.dim[64],
314
+ textInvertedAccentPrimary: ((_6 = base.accent.palette) === null || _6 === void 0 ? void 0 : _6.vivid[52]) || base.blackAlpha[88],
315
+ textInvertedAccentPrimaryHover: ((_7 = base.accent.palette) === null || _7 === void 0 ? void 0 : _7.vivid[60]) || base.blackAlpha[96],
316
+ textInvertedAccentPrimaryPressed: ((_8 = base.accent.palette) === null || _8 === void 0 ? void 0 : _8.dim[48]) || base.blackAlpha[96],
317
+ textInvertedDisabled: base.blackAlpha[32],
318
+ textInvertedErrorPrimary: base.customizable.red.vivid[52],
319
+ textInvertedErrorPrimaryHover: base.customizable.red.vivid[60],
320
+ textInvertedErrorPrimaryPressed: base.customizable.red.dim[48],
321
+ textInvertedNeutralPrimary: base.blackAlpha[88],
322
+ textInvertedNeutralSecondary: base.blackAlpha[56],
323
+ textInvertedSuccessPrimary: base.customizable.green.vivid[52],
324
+ textInvertedSuccessPrimaryHover: base.customizable.green.vivid[60],
325
+ textInvertedSuccessPrimaryPressed: base.customizable.green.dim[48],
326
+ textInvertedWarningPrimary: base.warning.vivid[64],
327
+ textInvertedWarningPrimaryHover: base.warning.vivid[72],
328
+ textInvertedWarningPrimaryPressed: base.warning.dim[56],
329
+ textLogo: base.brand.logo.dark,
330
+ textNeutralPrimary: base.whiteAlpha[96],
331
+ textNeutralSecondary: base.whiteAlpha[64],
332
+ textOnaccentboldDisabled: base.onBrand[32] || base.blackAlpha[32],
333
+ textOnaccentboldPrimary: base.onBrand[96] || base.blackAlpha[88],
334
+ textOnaccentboldSecondary: base.onBrand[56] || base.blackAlpha[56],
335
+ textOnbrandoriginalDisabled: base.onBrand[40],
336
+ textOnbrandoriginalPrimary: base.onBrand[96],
337
+ textOnbrandoriginalSecondary: base.onBrand[64],
338
+ textSuccessPrimary: base.customizable.green.vivid[72],
339
+ textSuccessPrimaryHover: base.customizable.green.vivid[80],
340
+ textSuccessPrimaryPressed: base.customizable.green.dim[64],
341
+ textWarningPrimary: base.warning.vivid[80],
342
+ textWarningPrimaryHover: base.warning.vivid[84],
343
+ textWarningPrimaryPressed: base.warning.dim[72],
344
+ textConstDisabledBlack: base.blackAlpha[32],
345
+ textConstDisabledWhite: base.whiteAlpha[40],
346
+ textConstPrimaryBlack: base.blackAlpha[88],
347
+ textConstPrimaryWhite: base.whiteAlpha[96],
348
+ textConstSecondaryBlack: base.blackAlpha[56],
349
+ textConstSecondaryWhite: base.whiteAlpha[64],
350
+ shapeBoldAccent: base.accent.original.dark || base.accent.original.dark,
351
+ shapeBoldAccentHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
352
+ shapeBoldAccentPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
353
+ shapeBoldBrandOriginal: base.accent.original.dark,
354
+ shapeBoldBrandOriginalHover: base.accent.interactions.hover.dark,
355
+ shapeBoldBrandOriginalPressed: base.accent.interactions.pressed.light,
356
+ shapeBoldError: base.customizable.red.normal[60],
357
+ shapeBoldErrorHover: base.customizable.red.normal[64],
358
+ shapeBoldErrorPressed: base.customizable.red.dim[52],
359
+ shapeBoldNeutral: base.gray[80],
360
+ shapeBoldNeutralHover: base.gray[88],
361
+ shapeBoldNeutralPressed: base.whiteAlpha[56],
362
+ shapeBoldSuccess: base.customizable.green.normal[60],
363
+ shapeBoldSuccessHover: base.customizable.green.normal[64],
364
+ shapeBoldSuccessPressed: base.customizable.green.dim[52],
365
+ shapeBoldWarning: base.warning.normal[80],
366
+ shapeBoldWarningHover: base.warning.normal[84],
367
+ shapeBoldWarningPressed: base.warning.dim[72],
368
+ shapeFaintAccent: ((_9 = base.accent.palette) === null || _9 === void 0 ? void 0 : _9.dim[32]) || base.whiteAlpha[12],
369
+ shapeFaintAccentHover: ((_10 = base.accent.palette) === null || _10 === void 0 ? void 0 : _10.dim[36]) || base.whiteAlpha[16],
370
+ shapeFaintAccentPressed: ((_11 = base.accent.palette) === null || _11 === void 0 ? void 0 : _11.dim[28]) || base.whiteAlpha[8],
371
+ shapeFaintBrand: base.brand.palette.dim[32],
372
+ shapeFaintBrandHover: base.brand.palette.dim[36],
373
+ shapeFaintBrandPressed: base.brand.palette.dim[28],
374
+ shapeFaintError: base.customizable.red.dim[32],
375
+ shapeFaintErrorHover: base.customizable.red.dim[36],
376
+ shapeFaintErrorPressed: base.customizable.red.dim[28],
377
+ shapeFaintNeutralAlpha: base.whiteAlpha[6],
378
+ shapeFaintNeutralAlphaHover: base.whiteAlpha[8],
379
+ shapeFaintNeutralAlphaPressed: base.whiteAlpha[4],
380
+ shapeFaintSuccess: base.customizable.green.dim[32],
381
+ shapeFaintSuccessHover: base.customizable.green.dim[36],
382
+ shapeFaintSuccessPressed: base.customizable.green.dim[28],
383
+ shapeFaintWarning: base.warning.dim[32],
384
+ shapeFaintWarningHover: base.warning.dim[36],
385
+ shapeFaintWarningPressed: base.warning.dim[28],
386
+ shapeHeavyError: base.customizable.red.vivid[92],
387
+ shapeHeavyNeutral: base.gray[96],
388
+ shapeHeavySuccess: base.customizable.green.normal[92],
389
+ shapeHeavyWarning: base.warning.vivid[92],
390
+ shapeOtherAccentBoldDisabled: base.whiteAlpha[32],
391
+ shapeOtherBacklessHover: base.whiteAlpha[8],
392
+ shapeOtherBacklessPressed: base.whiteAlpha[4],
393
+ shapeOtherBase: base.whiteAlpha[6],
394
+ shapeOtherBaseHover: base.whiteAlpha[12],
395
+ shapeOtherBasePressed: base.whiteAlpha[4],
396
+ shapeOtherDisabled: base.whiteAlpha[6],
397
+ shapeOtherField: base.blackAlpha[12],
398
+ shapeOtherLow: base.blackAlpha[24],
399
+ shapeOtherLowHover: base.blackAlpha[16],
400
+ shapeOtherLowPressed: base.blackAlpha[32],
401
+ shapeOtherNeutralFaintSolid: base.gray[32],
402
+ shapeOtherNeutralFaintSolidHover: base.gray[36],
403
+ shapeOtherNeutralFaintSolidPressed: base.gray[28],
404
+ shapeOtherNeutralPaleSolid: base.gray[36],
405
+ shapeOtherNeutralPaleSolidHover: base.gray[40],
406
+ shapeOtherNeutralPaleSolidPressed: base.gray[32],
407
+ shapeOtherNeutralSoftSolid: base.gray[44],
408
+ shapeOtherNeutralSoftSolidHover: base.gray[48],
409
+ shapeOtherNeutralSoftSolidPressed: base.gray[40],
410
+ shapePaleAccent: ((_12 = base.accent.palette) === null || _12 === void 0 ? void 0 : _12.dim[36]) || base.whiteAlpha[16],
411
+ shapePaleAccentHover: ((_13 = base.accent.palette) === null || _13 === void 0 ? void 0 : _13.dim[40]) || base.whiteAlpha[24],
412
+ shapePaleAccentPressed: ((_14 = base.accent.palette) === null || _14 === void 0 ? void 0 : _14.dim[32]) || base.whiteAlpha[12],
413
+ shapePaleBrand: base.brand.palette.dim[36],
414
+ shapePaleBrandHover: base.brand.palette.dim[40],
415
+ shapePaleBrandPressed: base.brand.palette.dim[32],
416
+ shapePaleError: base.customizable.red.dim[36],
417
+ shapePaleErrorHover: base.customizable.red.dim[40],
418
+ shapePaleErrorPressed: base.customizable.red.dim[32],
419
+ shapePaleNeutralAlpha: base.whiteAlpha[8],
420
+ shapePaleNeutralAlphaHover: base.whiteAlpha[12],
421
+ shapePaleNeutralAlphaPressed: base.whiteAlpha[6],
422
+ shapePaleSuccess: base.customizable.green.dim[36],
423
+ shapePaleSuccessHover: base.customizable.green.dim[40],
424
+ shapePaleSuccessPressed: base.customizable.green.dim[32],
425
+ shapePaleWarning: base.warning.dim[36],
426
+ shapePaleWarningHover: base.warning.dim[40],
427
+ shapePaleWarningPressed: base.warning.dim[32],
428
+ shapeSoftAccent: ((_15 = base.accent.palette) === null || _15 === void 0 ? void 0 : _15.dim[48]) || base.whiteAlpha[32],
429
+ shapeSoftAccentHover: ((_16 = base.accent.palette) === null || _16 === void 0 ? void 0 : _16.dim[52]) || base.whiteAlpha[40],
430
+ shapeSoftAccentPressed: ((_17 = base.accent.palette) === null || _17 === void 0 ? void 0 : _17.dim[44]) || base.whiteAlpha[24],
431
+ shapeSoftBrand: base.brand.palette.dim[48],
432
+ shapeSoftBrandHover: base.brand.palette.dim[52],
433
+ shapeSoftBrandPressed: base.brand.palette.dim[44],
434
+ shapeSoftError: base.customizable.red.dim[48],
435
+ shapeSoftErrorHover: base.customizable.red.dim[52],
436
+ shapeSoftErrorPressed: base.customizable.red.dim[44],
437
+ shapeSoftNeutralAlpha: base.whiteAlpha[16],
438
+ shapeSoftNeutralAlphaHover: base.whiteAlpha[24],
439
+ shapeSoftNeutralAlphaPressed: base.whiteAlpha[12],
440
+ shapeSoftSuccess: base.customizable.green.dim[48],
441
+ shapeSoftSuccessHover: base.customizable.green.dim[52],
442
+ shapeSoftSuccessPressed: base.customizable.green.dim[44],
443
+ shapeSoftWarning: base.warning.dim[52],
444
+ shapeSoftWarningHover: base.warning.dim[56],
445
+ shapeSoftWarningPressed: base.warning.dim[48],
446
+ shapeInvertedBacklessHover: base.blackAlpha[8],
447
+ shapeInvertedBacklessPressed: base.blackAlpha[12],
448
+ shapeInvertedDisabled: base.blackAlpha[6],
449
+ shapeInvertedNeutralHeavy: base.blackAlpha[80],
450
+ shapeInvertedNeutralHeavyHover: base.blackAlpha[88],
451
+ shapeInvertedNeutralHeavyPressed: base.blackAlpha[72],
452
+ shapeInvertedNeutralPaleAlpha: base.blackAlpha[12],
453
+ shapeInvertedNeutralPaleAlphaHover: base.blackAlpha[12],
454
+ shapeInvertedNeutralPaleAlphaPressed: base.blackAlpha[16],
455
+ shapeInvertedNeutralSoftAlpha: base.blackAlpha[32],
456
+ shapeInvertedNeutralSoftAlphaHover: base.blackAlpha[32],
457
+ shapeInvertedNeutralSoftAlphaPressed: base.blackAlpha[40],
458
+ shapeConstBacklessBlackHover: base.blackAlpha[16],
459
+ shapeConstBacklessBlackPressed: base.blackAlpha[8],
460
+ shapeConstBacklessWhiteHover: base.whiteAlpha[16],
461
+ shapeConstBacklessWhitePressed: base.whiteAlpha[8],
462
+ shapeConstDisabledBlack: base.blackAlpha[6],
463
+ shapeConstDisabledWhite: base.whiteAlpha[6],
464
+ shapeConstHeavyBlack: base.blackAlpha[80],
465
+ shapeConstHeavyBlackHover: base.blackAlpha[88],
466
+ shapeConstHeavyBlackPressed: base.blackAlpha[64],
467
+ shapeConstHeavyWhite: base.whiteAlpha[96],
468
+ shapeConstHeavyWhiteHover: base.gray[100],
469
+ shapeConstHeavyWhitePressed: base.whiteAlpha[64],
470
+ shapeConstPaleBlack: base.blackAlpha[16],
471
+ shapeConstPaleBlackHover: base.blackAlpha[24],
472
+ shapeConstPaleBlackPressed: base.blackAlpha[12],
473
+ shapeConstPaleWhite: base.whiteAlpha[16],
474
+ shapeConstPaleWhiteHover: base.whiteAlpha[24],
475
+ shapeConstPaleWhitePressed: base.whiteAlpha[12],
476
+ shapeConstPromo: base.brand.promo,
477
+ shapeConstSoftBlack: base.blackAlpha[40],
478
+ shapeConstSoftBlackHover: base.blackAlpha[48],
479
+ shapeConstSoftBlackPressed: base.blackAlpha[24],
480
+ shapeConstSoftWhite: base.whiteAlpha[48],
481
+ shapeConstSoftWhiteHover: base.whiteAlpha[56],
482
+ shapeConstSoftWhitePressed: base.whiteAlpha[32],
483
+ lineAccentBold: base.accent.original.dark || base.accent.original.dark,
484
+ lineAccentBoldHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
485
+ lineAccentBoldPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
486
+ lineAccentPale: ((_18 = base.accent.palette) === null || _18 === void 0 ? void 0 : _18.dim[40]) || base.whiteAlpha[24],
487
+ lineAccentPaleHover: ((_19 = base.accent.palette) === null || _19 === void 0 ? void 0 : _19.dim[44]) || base.whiteAlpha[32],
488
+ lineAccentPalePressed: ((_20 = base.accent.palette) === null || _20 === void 0 ? void 0 : _20.dim[36]) || base.whiteAlpha[16],
489
+ lineAccentSoft: ((_21 = base.accent.palette) === null || _21 === void 0 ? void 0 : _21.dim[48]) || base.whiteAlpha[48],
490
+ lineAccentSoftHover: ((_22 = base.accent.palette) === null || _22 === void 0 ? void 0 : _22.vivid[80]) || base.gray[100],
491
+ lineAccentSoftPressed: ((_23 = base.accent.palette) === null || _23 === void 0 ? void 0 : _23.dim[64]) || base.gray[100],
492
+ lineBrandOriginal: base.brand.original,
493
+ lineErrorBold: base.customizable.red.vivid[60],
494
+ lineErrorBoldHover: base.customizable.red.vivid[68],
495
+ lineErrorBoldPressed: base.customizable.red.dim[56],
496
+ lineNeutralFaint: base.whiteAlpha[8],
497
+ lineNeutralPale: base.whiteAlpha[16],
498
+ lineNeutralPaleHover: base.whiteAlpha[24],
499
+ lineNeutralPalePressed: base.whiteAlpha[12],
500
+ lineOnaccentboldFaint: base.onBrand[16] || base.blackAlpha[12],
501
+ lineOnaccentboldPale: base.onBrand[24] || base.blackAlpha[24],
502
+ lineOnbrandoriginalFaint: base.onBrand[16],
503
+ lineOnbrandoriginalPale: base.onBrand[24],
504
+ lineSuccessBold: base.customizable.green.vivid[60],
505
+ lineSuccessBoldHover: base.customizable.green.vivid[68],
506
+ lineSuccessBoldPressed: base.customizable.green.dim[56],
507
+ lineWarningBold: base.warning.vivid[80],
508
+ lineWarningBoldHover: base.warning.vivid[84],
509
+ lineWarningBoldPressed: base.warning.dim[72],
510
+ lineInvertedAccentBold: base.accent.original.light || base.accent.original.light,
511
+ lineInvertedAccentBoldHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
512
+ lineInvertedAccentBoldPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
513
+ lineInvertedAccentPale: ((_24 = base.accent.palette) === null || _24 === void 0 ? void 0 : _24.normal[84]) || base.blackAlpha[24],
514
+ lineInvertedAccentPaleHover: ((_25 = base.accent.palette) === null || _25 === void 0 ? void 0 : _25.normal[80]) || base.blackAlpha[32],
515
+ lineInvertedAccentPalePressed: ((_26 = base.accent.palette) === null || _26 === void 0 ? void 0 : _26.dim[76]) || base.blackAlpha[40],
516
+ lineInvertedAccentSoft: ((_27 = base.accent.palette) === null || _27 === void 0 ? void 0 : _27.dim[76]) || base.blackAlpha[48],
517
+ lineInvertedAccentSoftHover: ((_28 = base.accent.palette) === null || _28 === void 0 ? void 0 : _28.vivid[60]) || base.blackAlpha[96],
518
+ lineInvertedAccentSoftPressed: ((_29 = base.accent.palette) === null || _29 === void 0 ? void 0 : _29.dim[48]) || base.blackAlpha[96],
519
+ lineInvertedErrorBold: base.customizable.red.vivid[56],
520
+ lineInvertedErrorBoldHover: base.customizable.red.vivid[64],
521
+ lineInvertedErrorBoldPressed: base.customizable.red.dim[52],
522
+ lineInvertedNeutralFaint: base.blackAlpha[8],
523
+ lineInvertedNeutralPale: base.blackAlpha[16],
524
+ lineInvertedNeutralPaleHover: base.blackAlpha[24],
525
+ lineInvertedNeutralPalePressed: base.blackAlpha[32],
526
+ lineInvertedSuccessBold: base.customizable.green.vivid[56],
527
+ lineInvertedSuccessBoldHover: base.customizable.green.vivid[68],
528
+ lineInvertedSuccessBoldPressed: base.customizable.green.dim[56],
529
+ lineInvertedWarningBold: base.warning.vivid[80],
530
+ lineInvertedWarningBoldHover: base.warning.vivid[72],
531
+ lineInvertedWarningBoldPressed: base.warning.dim[68],
532
+ lineConstFaintBlack: base.blackAlpha[16],
533
+ lineConstFaintWhite: base.whiteAlpha[16],
534
+ lineConstPaleBlack: base.blackAlpha[24],
535
+ lineConstPaleBlackHover: base.blackAlpha[32],
536
+ lineConstPaleBlackPressed: base.blackAlpha[16],
537
+ lineConstPaleWhite: base.whiteAlpha[24],
538
+ lineConstPaleWhiteHover: base.whiteAlpha[32],
539
+ lineConstPaleWhitePressed: base.whiteAlpha[16],
540
+ surfaceBase: base.gray[28],
541
+ surfaceHigh: base.gray[32],
542
+ surfaceLow: base.gray[24],
543
+ surfaceModalBackdrop: base.blackAlpha[40],
544
+ illustrationBlack: base.gray[16],
545
+ illustrationBrand: base.brand.original,
546
+ illustrationComplement: base.gray[100],
547
+ illustrationOnBrand: base.onBrand[100],
548
+ illustrationOncomplement: base.brand.promo,
549
+ illustrationPromo: base.brand.promo,
550
+ illustrationSymbol: base.brand.palette.normal[80],
551
+ illustrationWhite: base.gray[100],
552
+ customizableBoldBlack: base.gray[76],
553
+ customizableBoldBlue: base.customizable.blue.normal[64],
554
+ customizableBoldBlueDeep: base.customizable.blueDeep.vivid[64],
555
+ customizableBoldGray: base.gray[52],
556
+ customizableBoldGreen: base.customizable.green.normal[64],
557
+ customizableBoldMint: base.customizable.mint.normal[64],
558
+ customizableBoldOrange: base.customizable.orange.normal[64],
559
+ customizableBoldPurple: base.customizable.purple.normal[64],
560
+ customizableBoldRed: base.customizable.red.normal[64],
561
+ customizableBoldViolet: base.customizable.violet.normal[64],
562
+ customizableBoldYellow: base.customizable.yellow.vivid[72],
563
+ customizableFaintBlack: base.gray[40],
564
+ customizableFaintBlue: base.customizable.blue.dim[32],
565
+ customizableFaintBlueDeep: base.customizable.blueDeep.dim[32],
566
+ customizableFaintGray: base.gray[32],
567
+ customizableFaintGreen: base.customizable.green.dim[32],
568
+ customizableFaintMint: base.customizable.mint.dim[32],
569
+ customizableFaintOrange: base.customizable.orange.dim[32],
570
+ customizableFaintPurple: base.customizable.purple.dim[32],
571
+ customizableFaintRed: base.customizable.red.dim[32],
572
+ customizableFaintViolet: base.customizable.violet.dim[32],
573
+ customizableFaintYellow: base.customizable.yellow.dim[32],
574
+ customizableHeavyBlack: base.gray[96],
575
+ customizableHeavyBlue: base.customizable.blue.vivid[80],
576
+ customizableHeavyBlueDeep: base.customizable.blueDeep.vivid[76],
577
+ customizableHeavyGray: base.gray[60],
578
+ customizableHeavyGreen: base.customizable.green.vivid[84],
579
+ customizableHeavyMint: base.customizable.mint.vivid[88],
580
+ customizableHeavyOrange: base.customizable.orange.vivid[76],
581
+ customizableHeavyPurple: base.customizable.purple.vivid[80],
582
+ customizableHeavyRed: base.customizable.red.vivid[76],
583
+ customizableHeavyViolet: base.customizable.violet.vivid[76],
584
+ customizableHeavyYellow: base.customizable.yellow.vivid[84],
585
+ customizablePaleBlack: base.gray[44],
586
+ customizablePaleBlue: base.customizable.blue.dim[36],
587
+ customizablePaleBlueDeep: base.customizable.blueDeep.dim[36],
588
+ customizablePaleGray: base.gray[36],
589
+ customizablePaleGreen: base.customizable.green.dim[36],
590
+ customizablePaleMint: base.customizable.mint.dim[36],
591
+ customizablePaleOrange: base.customizable.orange.dim[36],
592
+ customizablePalePurple: base.customizable.purple.dim[36],
593
+ customizablePaleRed: base.customizable.red.dim[36],
594
+ customizablePaleViolet: base.customizable.violet.dim[36],
595
+ customizablePaleYellow: base.customizable.yellow.dim[36],
596
+ customizableSoftBlack: base.gray[56],
597
+ customizableSoftBlue: base.customizable.blue.dim[48],
598
+ customizableSoftBlueDeep: base.customizable.blueDeep.dim[48],
599
+ customizableSoftGray: base.gray[44],
600
+ customizableSoftGreen: base.customizable.green.dim[48],
601
+ customizableSoftMint: base.customizable.mint.dim[48],
602
+ customizableSoftOrange: base.customizable.orange.dim[48],
603
+ customizableSoftPurple: base.customizable.purple.dim[48],
604
+ customizableSoftRed: base.customizable.red.dim[48],
605
+ customizableSoftViolet: base.customizable.violet.dim[48],
606
+ customizableSoftYellow: base.customizable.yellow.dim[52],
607
+ },
608
+ });
609
+ };
@@ -0,0 +1,7 @@
1
+ interface InteractionColors {
2
+ light: string;
3
+ dark: string;
4
+ }
5
+ export declare function getHover(hex: string): InteractionColors;
6
+ export declare function getPressed(hex: string): InteractionColors;
7
+ export {};
@@ -0,0 +1,35 @@
1
+ import { converter } from 'culori';
2
+ import { HOVER_LIGHT_L, HOVER_LIGHT_C, HOVER_DARK_L, HOVER_DARK_C, PRESSED_LIGHT_L, PRESSED_LIGHT_C, PRESSED_DARK_L, PRESSED_DARK_C, } from '../constants/interaction-settings';
3
+ function applyOklchDelta(oklchColor, dL, dC) {
4
+ var _a = oklchColor.l, l = _a === void 0 ? 0 : _a, _b = oklchColor.c, c = _b === void 0 ? 0 : _b, _c = oklchColor.h, h = _c === void 0 ? 0 : _c;
5
+ var safeH = h === undefined || isNaN(h) ? 0 : h;
6
+ var newL = Math.max(0, Math.min(1, l + dL / 100));
7
+ var newC = Math.max(0, c + dC);
8
+ return "oklch(".concat(newL.toFixed(3), " ").concat(newC.toFixed(3), " ").concat(safeH.toFixed(0), ")");
9
+ }
10
+ export function getHover(hex) {
11
+ var toOklch = converter('oklch');
12
+ var oklchColor = toOklch(hex);
13
+ if (!oklchColor) {
14
+ return { light: hex, dark: hex };
15
+ }
16
+ var lightHoverColor = applyOklchDelta(oklchColor, HOVER_LIGHT_L, HOVER_LIGHT_C);
17
+ var darkHoverColor = applyOklchDelta(oklchColor, HOVER_DARK_L, HOVER_DARK_C);
18
+ return {
19
+ light: lightHoverColor,
20
+ dark: darkHoverColor,
21
+ };
22
+ }
23
+ export function getPressed(hex) {
24
+ var toOklch = converter('oklch');
25
+ var oklchColor = toOklch(hex);
26
+ if (!oklchColor) {
27
+ return { light: hex, dark: hex };
28
+ }
29
+ var lightPressedColor = applyOklchDelta(oklchColor, PRESSED_LIGHT_L, PRESSED_LIGHT_C);
30
+ var darkPressedColor = applyOklchDelta(oklchColor, PRESSED_DARK_L, PRESSED_DARK_C);
31
+ return {
32
+ light: lightPressedColor,
33
+ dark: darkPressedColor,
34
+ };
35
+ }