@skbkontur/colors 2.0.0-alpha.1 → 2.0.0-alpha.2

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/colors.scss CHANGED
@@ -1,319 +1,319 @@
1
- $textAccentHeavy: var(--k-text-accent-heavy);
2
- $textAccentHeavyHover: var(--k-text-accent-heavy-hover);
3
- $textAccentHeavyPressed: var(--k-text-accent-heavy-pressed);
4
- $textErrorHeavy: var(--k-text-error-heavy);
5
- $textErrorHeavyHover: var(--k-text-error-heavy-hover);
6
- $textErrorHeavyPressed: var(--k-text-error-heavy-pressed);
7
- $textInvertedAccentHeavy: var(--k-text-inverted-accent-heavy);
8
- $textInvertedAccentHeavyHover: var(--k-text-inverted-accent-heavy-hover);
9
- $textInvertedAccentHeavyPressed: var(--k-text-inverted-accent-heavy-pressed);
10
- $textInvertedErrorHeavy: var(--k-text-inverted-error-heavy);
11
- $textInvertedErrorHeavyHover: var(--k-text-inverted-error-heavy-hover);
12
- $textInvertedErrorHeavyPressed: var(--k-text-inverted-error-heavy-pressed);
13
- $textInvertedNeutralFaint: var(--k-text-inverted-neutral-faint);
14
- $textInvertedNeutralHeavy: var(--k-text-inverted-neutral-heavy);
15
- $textInvertedNeutralPale: var(--k-text-inverted-neutral-pale);
16
- $textInvertedNeutralSoft: var(--k-text-inverted-neutral-soft);
17
- $textInvertedSuccessHeavy: var(--k-text-inverted-success-heavy);
18
- $textInvertedSuccessHeavyHover: var(--k-text-inverted-success-heavy-hover);
19
- $textInvertedSuccessHeavyPressed: var(--k-text-inverted-success-heavy-pressed);
20
- $textInvertedWarningHeavy: var(--k-text-inverted-warning-heavy);
21
- $textInvertedWarningHeavyHover: var(--k-text-inverted-warning-heavy-hover);
22
- $textInvertedWarningHeavyPressed: var(--k-text-inverted-warning-heavy-pressed);
23
- $textLogo: var(--k-text-logo);
24
- $textNeutralFaint: var(--k-text-neutral-faint);
25
- $textNeutralHeavy: var(--k-text-neutral-heavy);
26
- $textNeutralPale: var(--k-text-neutral-pale);
27
- $textNeutralSoft: var(--k-text-neutral-soft);
28
- $textSuccessHeavy: var(--k-text-success-heavy);
29
- $textSuccessHeavyHover: var(--k-text-success-heavy-hover);
30
- $textSuccessHeavyPressed: var(--k-text-success-heavy-pressed);
31
- $textWarningHeavy: var(--k-text-warning-heavy);
32
- $textWarningHeavyHover: var(--k-text-warning-heavy-hover);
33
- $textWarningHeavyPressed: var(--k-text-warning-heavy-pressed);
34
- $textConstFaintBlack: var(--k-text-const-faint-black);
35
- $textConstFaintWhite: var(--k-text-const-faint-white);
36
- $textConstHeavyBlack: var(--k-text-const-heavy-black);
37
- $textConstHeavyWhite: var(--k-text-const-heavy-white);
38
- $textConstPaleBlack: var(--k-text-const-pale-black);
39
- $textConstPaleWhite: var(--k-text-const-pale-white);
40
- $textConstSoftBlack: var(--k-text-const-soft-black);
41
- $textConstSoftWhite: var(--k-text-const-soft-white);
42
- $textOnAccentBoldFaint: var(--k-text-on-accent-bold-faint);
43
- $textOnAccentBoldHeavy: var(--k-text-on-accent-bold-heavy);
44
- $textOnAccentBoldPale: var(--k-text-on-accent-bold-pale);
45
- $textOnAccentBoldSoft: var(--k-text-on-accent-bold-soft);
46
- $textOnBrandOriginalFaint: var(--k-text-on-brand-original-faint);
47
- $textOnBrandOriginalHeavy: var(--k-text-on-brand-original-heavy);
48
- $textOnBrandOriginalPale: var(--k-text-on-brand-original-pale);
49
- $textOnBrandOriginalSoft: var(--k-text-on-brand-original-soft);
50
- $shapeBoldAccent: var(--k-shape-bold-accent);
51
- $shapeBoldAccentHover: var(--k-shape-bold-accent-hover);
52
- $shapeBoldAccentPressed: var(--k-shape-bold-accent-pressed);
53
- $shapeBoldBrandOriginal: var(--k-shape-bold-brand-original);
54
- $shapeBoldBrandOriginalHover: var(--k-shape-bold-brand-original-hover);
55
- $shapeBoldBrandOriginalPressed: var(--k-shape-bold-brand-original-pressed);
56
- $shapeBoldError: var(--k-shape-bold-error);
57
- $shapeBoldErrorHover: var(--k-shape-bold-error-hover);
58
- $shapeBoldErrorPressed: var(--k-shape-bold-error-pressed);
59
- $shapeBoldNeutral: var(--k-shape-bold-neutral);
60
- $shapeBoldNeutralHover: var(--k-shape-bold-neutral-hover);
61
- $shapeBoldNeutralPressed: var(--k-shape-bold-neutral-pressed);
62
- $shapeBoldSuccess: var(--k-shape-bold-success);
63
- $shapeBoldSuccessHover: var(--k-shape-bold-success-hover);
64
- $shapeBoldSuccessPressed: var(--k-shape-bold-success-pressed);
65
- $shapeBoldWarning: var(--k-shape-bold-warning);
66
- $shapeBoldWarningHover: var(--k-shape-bold-warning-hover);
67
- $shapeBoldWarningPressed: var(--k-shape-bold-warning-pressed);
68
- $shapeFaintAccent: var(--k-shape-faint-accent);
69
- $shapeFaintAccentHover: var(--k-shape-faint-accent-hover);
70
- $shapeFaintAccentPressed: var(--k-shape-faint-accent-pressed);
71
- $shapeFaintBrand: var(--k-shape-faint-brand);
72
- $shapeFaintBrandHover: var(--k-shape-faint-brand-hover);
73
- $shapeFaintBrandPressed: var(--k-shape-faint-brand-pressed);
74
- $shapeFaintError: var(--k-shape-faint-error);
75
- $shapeFaintErrorHover: var(--k-shape-faint-error-hover);
76
- $shapeFaintErrorPressed: var(--k-shape-faint-error-pressed);
77
- $shapeFaintNeutralAlpha: var(--k-shape-faint-neutral-alpha);
78
- $shapeFaintNeutralAlphaHover: var(--k-shape-faint-neutral-alpha-hover);
79
- $shapeFaintNeutralAlphaPressed: var(--k-shape-faint-neutral-alpha-pressed);
80
- $shapeFaintSuccess: var(--k-shape-faint-success);
81
- $shapeFaintSuccessHover: var(--k-shape-faint-success-hover);
82
- $shapeFaintSuccessPressed: var(--k-shape-faint-success-pressed);
83
- $shapeFaintWarning: var(--k-shape-faint-warning);
84
- $shapeFaintWarningHover: var(--k-shape-faint-warning-hover);
85
- $shapeFaintWarningPressed: var(--k-shape-faint-warning-pressed);
86
- $shapeHeavyError: var(--k-shape-heavy-error);
87
- $shapeHeavyNeutral: var(--k-shape-heavy-neutral);
88
- $shapeHeavySuccess: var(--k-shape-heavy-success);
89
- $shapeHeavyWarning: var(--k-shape-heavy-warning);
90
- $shapeOtherAccentBoldDisabled: var(--k-shape-other-accent-bold-disabled);
91
- $shapeOtherBacklessHover: var(--k-shape-other-backless-hover);
92
- $shapeOtherBacklessPressed: var(--k-shape-other-backless-pressed);
93
- $shapeOtherBase: var(--k-shape-other-base);
94
- $shapeOtherBaseHover: var(--k-shape-other-base-hover);
95
- $shapeOtherBasePressed: var(--k-shape-other-base-pressed);
96
- $shapeOtherDisabled: var(--k-shape-other-disabled);
97
- $shapeOtherField: var(--k-shape-other-field);
98
- $shapeOtherFieldHover: var(--k-shape-other-field-hover);
99
- $shapeOtherFieldPressed: var(--k-shape-other-field-pressed);
100
- $shapeOtherLow: var(--k-shape-other-low);
101
- $shapeOtherLowHover: var(--k-shape-other-low-hover);
102
- $shapeOtherLowPressed: var(--k-shape-other-low-pressed);
103
- $shapeOtherNeutralFaintSolid: var(--k-shape-other-neutral-faint-solid);
104
- $shapeOtherNeutralFaintSolidHover: var(--k-shape-other-neutral-faint-solid-hover);
105
- $shapeOtherNeutralFaintSolidPressed: var(--k-shape-other-neutral-faint-solid-pressed);
106
- $shapeOtherNeutralPaleSolid: var(--k-shape-other-neutral-pale-solid);
107
- $shapeOtherNeutralPaleSolidHover: var(--k-shape-other-neutral-pale-solid-hover);
108
- $shapeOtherNeutralPaleSolidPressed: var(--k-shape-other-neutral-pale-solid-pressed);
109
- $shapeOtherNeutralSoftSolid: var(--k-shape-other-neutral-soft-solid);
110
- $shapeOtherNeutralSoftSolidHover: var(--k-shape-other-neutral-soft-solid-hover);
111
- $shapeOtherNeutralSoftSolidPressed: var(--k-shape-other-neutral-soft-solid-pressed);
112
- $shapePaleAccent: var(--k-shape-pale-accent);
113
- $shapePaleAccentHover: var(--k-shape-pale-accent-hover);
114
- $shapePaleAccentPressed: var(--k-shape-pale-accent-pressed);
115
- $shapePaleBrand: var(--k-shape-pale-brand);
116
- $shapePaleBrandHover: var(--k-shape-pale-brand-hover);
117
- $shapePaleBrandPressed: var(--k-shape-pale-brand-pressed);
118
- $shapePaleError: var(--k-shape-pale-error);
119
- $shapePaleErrorHover: var(--k-shape-pale-error-hover);
120
- $shapePaleErrorPressed: var(--k-shape-pale-error-pressed);
121
- $shapePaleNeutralAlpha: var(--k-shape-pale-neutral-alpha);
122
- $shapePaleNeutralAlphaHover: var(--k-shape-pale-neutral-alpha-hover);
123
- $shapePaleNeutralAlphaPressed: var(--k-shape-pale-neutral-alpha-pressed);
124
- $shapePaleSuccess: var(--k-shape-pale-success);
125
- $shapePaleSuccessHover: var(--k-shape-pale-success-hover);
126
- $shapePaleSuccessPressed: var(--k-shape-pale-success-pressed);
127
- $shapePaleWarning: var(--k-shape-pale-warning);
128
- $shapePaleWarningHover: var(--k-shape-pale-warning-hover);
129
- $shapePaleWarningPressed: var(--k-shape-pale-warning-pressed);
130
- $shapeSoftAccent: var(--k-shape-soft-accent);
131
- $shapeSoftAccentHover: var(--k-shape-soft-accent-hover);
132
- $shapeSoftAccentPressed: var(--k-shape-soft-accent-pressed);
133
- $shapeSoftBrand: var(--k-shape-soft-brand);
134
- $shapeSoftBrandHover: var(--k-shape-soft-brand-hover);
135
- $shapeSoftBrandPressed: var(--k-shape-soft-brand-pressed);
136
- $shapeSoftError: var(--k-shape-soft-error);
137
- $shapeSoftErrorHover: var(--k-shape-soft-error-hover);
138
- $shapeSoftErrorPressed: var(--k-shape-soft-error-pressed);
139
- $shapeSoftNeutralAlpha: var(--k-shape-soft-neutral-alpha);
140
- $shapeSoftNeutralAlphaHover: var(--k-shape-soft-neutral-alpha-hover);
141
- $shapeSoftNeutralAlphaPressed: var(--k-shape-soft-neutral-alpha-pressed);
142
- $shapeSoftSuccess: var(--k-shape-soft-success);
143
- $shapeSoftSuccessHover: var(--k-shape-soft-success-hover);
144
- $shapeSoftSuccessPressed: var(--k-shape-soft-success-pressed);
145
- $shapeSoftWarning: var(--k-shape-soft-warning);
146
- $shapeSoftWarningHover: var(--k-shape-soft-warning-hover);
147
- $shapeSoftWarningPressed: var(--k-shape-soft-warning-pressed);
148
- $shapeInvertedBacklessHover: var(--k-shape-inverted-backless-hover);
149
- $shapeInvertedBacklessPressed: var(--k-shape-inverted-backless-pressed);
150
- $shapeInvertedDisabled: var(--k-shape-inverted-disabled);
151
- $shapeInvertedNeutralFaintAlpha: var(--k-shape-inverted-neutral-faint-alpha);
152
- $shapeInvertedNeutralFaintAlphaHover: var(--k-shape-inverted-neutral-faint-alpha-hover);
153
- $shapeInvertedNeutralFaintAlphaPressed: var(--k-shape-inverted-neutral-faint-alpha-pressed);
154
- $shapeInvertedNeutralHeavy: var(--k-shape-inverted-neutral-heavy);
155
- $shapeInvertedNeutralHeavyHover: var(--k-shape-inverted-neutral-heavy-hover);
156
- $shapeInvertedNeutralHeavyPressed: var(--k-shape-inverted-neutral-heavy-pressed);
157
- $shapeInvertedNeutralPaleAlpha: var(--k-shape-inverted-neutral-pale-alpha);
158
- $shapeInvertedNeutralPaleAlphaHover: var(--k-shape-inverted-neutral-pale-alpha-hover);
159
- $shapeInvertedNeutralPaleAlphaPressed: var(--k-shape-inverted-neutral-pale-alpha-pressed);
160
- $shapeInvertedNeutralSoftAlpha: var(--k-shape-inverted-neutral-soft-alpha);
161
- $shapeInvertedNeutralSoftAlphaHover: var(--k-shape-inverted-neutral-soft-alpha-hover);
162
- $shapeInvertedNeutralSoftAlphaPressed: var(--k-shape-inverted-neutral-soft-alpha-pressed);
163
- $shapeConstBacklessBlackHover: var(--k-shape-const-backless-black-hover);
164
- $shapeConstBacklessBlackPressed: var(--k-shape-const-backless-black-pressed);
165
- $shapeConstBacklessWhiteHover: var(--k-shape-const-backless-white-hover);
166
- $shapeConstBacklessWhitePressed: var(--k-shape-const-backless-white-pressed);
167
- $shapeConstDisabledBlack: var(--k-shape-const-disabled-black);
168
- $shapeConstDisabledWhite: var(--k-shape-const-disabled-white);
169
- $shapeConstFaintBlack: var(--k-shape-const-faint-black);
170
- $shapeConstFaintBlackHover: var(--k-shape-const-faint-black-hover);
171
- $shapeConstFaintBlackPressed: var(--k-shape-const-faint-black-pressed);
172
- $shapeConstFaintWhite: var(--k-shape-const-faint-white);
173
- $shapeConstFaintWhiteHover: var(--k-shape-const-faint-white-hover);
174
- $shapeConstFaintWhitePressed: var(--k-shape-const-faint-white-pressed);
175
- $shapeConstHeavyBlack: var(--k-shape-const-heavy-black);
176
- $shapeConstHeavyBlackHover: var(--k-shape-const-heavy-black-hover);
177
- $shapeConstHeavyBlackPressed: var(--k-shape-const-heavy-black-pressed);
178
- $shapeConstHeavyWhite: var(--k-shape-const-heavy-white);
179
- $shapeConstHeavyWhiteHover: var(--k-shape-const-heavy-white-hover);
180
- $shapeConstHeavyWhitePressed: var(--k-shape-const-heavy-white-pressed);
181
- $shapeConstPaleBlack: var(--k-shape-const-pale-black);
182
- $shapeConstPaleBlackHover: var(--k-shape-const-pale-black-hover);
183
- $shapeConstPaleBlackPressed: var(--k-shape-const-pale-black-pressed);
184
- $shapeConstPaleWhite: var(--k-shape-const-pale-white);
185
- $shapeConstPaleWhiteHover: var(--k-shape-const-pale-white-hover);
186
- $shapeConstPaleWhitePressed: var(--k-shape-const-pale-white-pressed);
187
- $shapeConstPromo: var(--k-shape-const-promo);
188
- $shapeConstSoftBlack: var(--k-shape-const-soft-black);
189
- $shapeConstSoftBlackHover: var(--k-shape-const-soft-black-hover);
190
- $shapeConstSoftBlackPressed: var(--k-shape-const-soft-black-pressed);
191
- $shapeConstSoftWhite: var(--k-shape-const-soft-white);
192
- $shapeConstSoftWhiteHover: var(--k-shape-const-soft-white-hover);
193
- $shapeConstSoftWhitePressed: var(--k-shape-const-soft-white-pressed);
194
- $lineAccentBold: var(--k-line-accent-bold);
195
- $lineAccentBoldHover: var(--k-line-accent-bold-hover);
196
- $lineAccentBoldPressed: var(--k-line-accent-bold-pressed);
197
- $lineAccentPale: var(--k-line-accent-pale);
198
- $lineAccentPaleHover: var(--k-line-accent-pale-hover);
199
- $lineAccentPalePressed: var(--k-line-accent-pale-pressed);
200
- $lineAccentSoft: var(--k-line-accent-soft);
201
- $lineAccentSoftHover: var(--k-line-accent-soft-hover);
202
- $lineAccentSoftPressed: var(--k-line-accent-soft-pressed);
203
- $lineBrandOriginal: var(--k-line-brand-original);
204
- $lineErrorBold: var(--k-line-error-bold);
205
- $lineErrorBoldHover: var(--k-line-error-bold-hover);
206
- $lineErrorBoldPressed: var(--k-line-error-bold-pressed);
207
- $lineNeutralFaint: var(--k-line-neutral-faint);
208
- $lineNeutralPale: var(--k-line-neutral-pale);
209
- $lineNeutralPaleHover: var(--k-line-neutral-pale-hover);
210
- $lineNeutralPalePressed: var(--k-line-neutral-pale-pressed);
211
- $lineOnAccentBoldFaint: var(--k-line-on-accent-bold-faint);
212
- $lineOnAccentBoldPale: var(--k-line-on-accent-bold-pale);
213
- $lineOnBrandOriginalFaint: var(--k-line-on-brand-original-faint);
214
- $lineOnBrandOriginalPale: var(--k-line-on-brand-original-pale);
215
- $lineSuccessBold: var(--k-line-success-bold);
216
- $lineSuccessBoldHover: var(--k-line-success-bold-hover);
217
- $lineSuccessBoldPressed: var(--k-line-success-bold-pressed);
218
- $lineWarningBold: var(--k-line-warning-bold);
219
- $lineWarningBoldHover: var(--k-line-warning-bold-hover);
220
- $lineWarningBoldPressed: var(--k-line-warning-bold-pressed);
221
- $lineInvertedAccentBold: var(--k-line-inverted-accent-bold);
222
- $lineInvertedAccentBoldHover: var(--k-line-inverted-accent-bold-hover);
223
- $lineInvertedAccentBoldPressed: var(--k-line-inverted-accent-bold-pressed);
224
- $lineInvertedAccentPale: var(--k-line-inverted-accent-pale);
225
- $lineInvertedAccentPaleHover: var(--k-line-inverted-accent-pale-hover);
226
- $lineInvertedAccentPalePressed: var(--k-line-inverted-accent-pale-pressed);
227
- $lineInvertedAccentSoft: var(--k-line-inverted-accent-soft);
228
- $lineInvertedAccentSoftHover: var(--k-line-inverted-accent-soft-hover);
229
- $lineInvertedAccentSoftPressed: var(--k-line-inverted-accent-soft-pressed);
230
- $lineInvertedErrorBold: var(--k-line-inverted-error-bold);
231
- $lineInvertedErrorBoldHover: var(--k-line-inverted-error-bold-hover);
232
- $lineInvertedErrorBoldPressed: var(--k-line-inverted-error-bold-pressed);
233
- $lineInvertedNeutralFaint: var(--k-line-inverted-neutral-faint);
234
- $lineInvertedNeutralPale: var(--k-line-inverted-neutral-pale);
235
- $lineInvertedNeutralPaleHover: var(--k-line-inverted-neutral-pale-hover);
236
- $lineInvertedNeutralPalePressed: var(--k-line-inverted-neutral-pale-pressed);
237
- $lineInvertedSuccessBold: var(--k-line-inverted-success-bold);
238
- $lineInvertedSuccessBoldHover: var(--k-line-inverted-success-bold-hover);
239
- $lineInvertedSuccessBoldPressed: var(--k-line-inverted-success-bold-pressed);
240
- $lineInvertedWarningBold: var(--k-line-inverted-warning-bold);
241
- $lineInvertedWarningBoldHover: var(--k-line-inverted-warning-bold-hover);
242
- $lineInvertedWarningBoldPressed: var(--k-line-inverted-warning-bold-pressed);
243
- $lineConstFaintBlack: var(--k-line-const-faint-black);
244
- $lineConstFaintWhite: var(--k-line-const-faint-white);
245
- $lineConstPaleBlack: var(--k-line-const-pale-black);
246
- $lineConstPaleBlackHover: var(--k-line-const-pale-black-hover);
247
- $lineConstPaleBlackPressed: var(--k-line-const-pale-black-pressed);
248
- $lineConstPaleWhite: var(--k-line-const-pale-white);
249
- $lineConstPaleWhiteHover: var(--k-line-const-pale-white-hover);
250
- $lineConstPaleWhitePressed: var(--k-line-const-pale-white-pressed);
251
- $surfaceBase: var(--k-surface-base);
252
- $surfaceHigh: var(--k-surface-high);
253
- $surfaceLow: var(--k-surface-low);
254
- $surfaceModalBackdrop: var(--k-surface-modal-backdrop);
255
- $illustrationBlack: var(--k-illustration-black);
256
- $illustrationBrand: var(--k-illustration-brand);
257
- $illustrationComplement: var(--k-illustration-complement);
258
- $illustrationInvertedNeutral: var(--k-illustration-inverted-neutral);
259
- $illustrationNeutral: var(--k-illustration-neutral);
260
- $illustrationOnBrand: var(--k-illustration-on-brand);
261
- $illustrationOnComplement: var(--k-illustration-on-complement);
262
- $illustrationPromo: var(--k-illustration-promo);
263
- $illustrationSymbol: var(--k-illustration-symbol);
264
- $illustrationWhite: var(--k-illustration-white);
265
- $customizableBoldBlack: var(--k-customizable-bold-black);
266
- $customizableBoldBlue: var(--k-customizable-bold-blue);
267
- $customizableBoldBlueDeep: var(--k-customizable-bold-blue-deep);
268
- $customizableBoldGray: var(--k-customizable-bold-gray);
269
- $customizableBoldGreen: var(--k-customizable-bold-green);
270
- $customizableBoldMint: var(--k-customizable-bold-mint);
271
- $customizableBoldOrange: var(--k-customizable-bold-orange);
272
- $customizableBoldPurple: var(--k-customizable-bold-purple);
273
- $customizableBoldRed: var(--k-customizable-bold-red);
274
- $customizableBoldViolet: var(--k-customizable-bold-violet);
275
- $customizableBoldYellow: var(--k-customizable-bold-yellow);
276
- $customizableFaintBlack: var(--k-customizable-faint-black);
277
- $customizableFaintBlue: var(--k-customizable-faint-blue);
278
- $customizableFaintBlueDeep: var(--k-customizable-faint-blue-deep);
279
- $customizableFaintGray: var(--k-customizable-faint-gray);
280
- $customizableFaintGreen: var(--k-customizable-faint-green);
281
- $customizableFaintMint: var(--k-customizable-faint-mint);
282
- $customizableFaintOrange: var(--k-customizable-faint-orange);
283
- $customizableFaintPurple: var(--k-customizable-faint-purple);
284
- $customizableFaintRed: var(--k-customizable-faint-red);
285
- $customizableFaintViolet: var(--k-customizable-faint-violet);
286
- $customizableFaintYellow: var(--k-customizable-faint-yellow);
287
- $customizableHeavyBlack: var(--k-customizable-heavy-black);
288
- $customizableHeavyBlue: var(--k-customizable-heavy-blue);
289
- $customizableHeavyBlueDeep: var(--k-customizable-heavy-blue-deep);
290
- $customizableHeavyGray: var(--k-customizable-heavy-gray);
291
- $customizableHeavyGreen: var(--k-customizable-heavy-green);
292
- $customizableHeavyMint: var(--k-customizable-heavy-mint);
293
- $customizableHeavyOrange: var(--k-customizable-heavy-orange);
294
- $customizableHeavyPurple: var(--k-customizable-heavy-purple);
295
- $customizableHeavyRed: var(--k-customizable-heavy-red);
296
- $customizableHeavyViolet: var(--k-customizable-heavy-violet);
297
- $customizableHeavyYellow: var(--k-customizable-heavy-yellow);
298
- $customizablePaleBlack: var(--k-customizable-pale-black);
299
- $customizablePaleBlue: var(--k-customizable-pale-blue);
300
- $customizablePaleBlueDeep: var(--k-customizable-pale-blue-deep);
301
- $customizablePaleGray: var(--k-customizable-pale-gray);
302
- $customizablePaleGreen: var(--k-customizable-pale-green);
303
- $customizablePaleMint: var(--k-customizable-pale-mint);
304
- $customizablePaleOrange: var(--k-customizable-pale-orange);
305
- $customizablePalePurple: var(--k-customizable-pale-purple);
306
- $customizablePaleRed: var(--k-customizable-pale-red);
307
- $customizablePaleViolet: var(--k-customizable-pale-violet);
308
- $customizablePaleYellow: var(--k-customizable-pale-yellow);
309
- $customizableSoftBlack: var(--k-customizable-soft-black);
310
- $customizableSoftBlue: var(--k-customizable-soft-blue);
311
- $customizableSoftBlueDeep: var(--k-customizable-soft-blue-deep);
312
- $customizableSoftGray: var(--k-customizable-soft-gray);
313
- $customizableSoftGreen: var(--k-customizable-soft-green);
314
- $customizableSoftMint: var(--k-customizable-soft-mint);
315
- $customizableSoftOrange: var(--k-customizable-soft-orange);
316
- $customizableSoftPurple: var(--k-customizable-soft-purple);
317
- $customizableSoftRed: var(--k-customizable-soft-red);
318
- $customizableSoftViolet: var(--k-customizable-soft-violet);
319
- $customizableSoftYellow: var(--k-customizable-soft-yellow);
1
+ $text-accent-heavy: var(--k-color-text-accent-heavy);
2
+ $text-accent-heavy-hover: var(--k-color-text-accent-heavy-hover);
3
+ $text-accent-heavy-pressed: var(--k-color-text-accent-heavy-pressed);
4
+ $text-error-heavy: var(--k-color-text-error-heavy);
5
+ $text-error-heavy-hover: var(--k-color-text-error-heavy-hover);
6
+ $text-error-heavy-pressed: var(--k-color-text-error-heavy-pressed);
7
+ $text-inverted-accent-heavy: var(--k-color-text-inverted-accent-heavy);
8
+ $text-inverted-accent-heavy-hover: var(--k-color-text-inverted-accent-heavy-hover);
9
+ $text-inverted-accent-heavy-pressed: var(--k-color-text-inverted-accent-heavy-pressed);
10
+ $text-inverted-error-heavy: var(--k-color-text-inverted-error-heavy);
11
+ $text-inverted-error-heavy-hover: var(--k-color-text-inverted-error-heavy-hover);
12
+ $text-inverted-error-heavy-pressed: var(--k-color-text-inverted-error-heavy-pressed);
13
+ $text-inverted-neutral-faint: var(--k-color-text-inverted-neutral-faint);
14
+ $text-inverted-neutral-heavy: var(--k-color-text-inverted-neutral-heavy);
15
+ $text-inverted-neutral-pale: var(--k-color-text-inverted-neutral-pale);
16
+ $text-inverted-neutral-soft: var(--k-color-text-inverted-neutral-soft);
17
+ $text-inverted-success-heavy: var(--k-color-text-inverted-success-heavy);
18
+ $text-inverted-success-heavy-hover: var(--k-color-text-inverted-success-heavy-hover);
19
+ $text-inverted-success-heavy-pressed: var(--k-color-text-inverted-success-heavy-pressed);
20
+ $text-inverted-warning-heavy: var(--k-color-text-inverted-warning-heavy);
21
+ $text-inverted-warning-heavy-hover: var(--k-color-text-inverted-warning-heavy-hover);
22
+ $text-inverted-warning-heavy-pressed: var(--k-color-text-inverted-warning-heavy-pressed);
23
+ $text-logo: var(--k-color-text-logo);
24
+ $text-neutral-faint: var(--k-color-text-neutral-faint);
25
+ $text-neutral-heavy: var(--k-color-text-neutral-heavy);
26
+ $text-neutral-pale: var(--k-color-text-neutral-pale);
27
+ $text-neutral-soft: var(--k-color-text-neutral-soft);
28
+ $text-success-heavy: var(--k-color-text-success-heavy);
29
+ $text-success-heavy-hover: var(--k-color-text-success-heavy-hover);
30
+ $text-success-heavy-pressed: var(--k-color-text-success-heavy-pressed);
31
+ $text-warning-heavy: var(--k-color-text-warning-heavy);
32
+ $text-warning-heavy-hover: var(--k-color-text-warning-heavy-hover);
33
+ $text-warning-heavy-pressed: var(--k-color-text-warning-heavy-pressed);
34
+ $text-const-faint-black: var(--k-color-text-const-faint-black);
35
+ $text-const-faint-white: var(--k-color-text-const-faint-white);
36
+ $text-const-heavy-black: var(--k-color-text-const-heavy-black);
37
+ $text-const-heavy-white: var(--k-color-text-const-heavy-white);
38
+ $text-const-pale-black: var(--k-color-text-const-pale-black);
39
+ $text-const-pale-white: var(--k-color-text-const-pale-white);
40
+ $text-const-soft-black: var(--k-color-text-const-soft-black);
41
+ $text-const-soft-white: var(--k-color-text-const-soft-white);
42
+ $text-on-accent-bold-faint: var(--k-color-text-on-accent-bold-faint);
43
+ $text-on-accent-bold-heavy: var(--k-color-text-on-accent-bold-heavy);
44
+ $text-on-accent-bold-pale: var(--k-color-text-on-accent-bold-pale);
45
+ $text-on-accent-bold-soft: var(--k-color-text-on-accent-bold-soft);
46
+ $text-on-brand-original-faint: var(--k-color-text-on-brand-original-faint);
47
+ $text-on-brand-original-heavy: var(--k-color-text-on-brand-original-heavy);
48
+ $text-on-brand-original-pale: var(--k-color-text-on-brand-original-pale);
49
+ $text-on-brand-original-soft: var(--k-color-text-on-brand-original-soft);
50
+ $shape-bold-accent: var(--k-color-shape-bold-accent);
51
+ $shape-bold-accent-hover: var(--k-color-shape-bold-accent-hover);
52
+ $shape-bold-accent-pressed: var(--k-color-shape-bold-accent-pressed);
53
+ $shape-bold-brand-original: var(--k-color-shape-bold-brand-original);
54
+ $shape-bold-brand-original-hover: var(--k-color-shape-bold-brand-original-hover);
55
+ $shape-bold-brand-original-pressed: var(--k-color-shape-bold-brand-original-pressed);
56
+ $shape-bold-error: var(--k-color-shape-bold-error);
57
+ $shape-bold-error-hover: var(--k-color-shape-bold-error-hover);
58
+ $shape-bold-error-pressed: var(--k-color-shape-bold-error-pressed);
59
+ $shape-bold-neutral: var(--k-color-shape-bold-neutral);
60
+ $shape-bold-neutral-hover: var(--k-color-shape-bold-neutral-hover);
61
+ $shape-bold-neutral-pressed: var(--k-color-shape-bold-neutral-pressed);
62
+ $shape-bold-success: var(--k-color-shape-bold-success);
63
+ $shape-bold-success-hover: var(--k-color-shape-bold-success-hover);
64
+ $shape-bold-success-pressed: var(--k-color-shape-bold-success-pressed);
65
+ $shape-bold-warning: var(--k-color-shape-bold-warning);
66
+ $shape-bold-warning-hover: var(--k-color-shape-bold-warning-hover);
67
+ $shape-bold-warning-pressed: var(--k-color-shape-bold-warning-pressed);
68
+ $shape-faint-accent: var(--k-color-shape-faint-accent);
69
+ $shape-faint-accent-hover: var(--k-color-shape-faint-accent-hover);
70
+ $shape-faint-accent-pressed: var(--k-color-shape-faint-accent-pressed);
71
+ $shape-faint-brand: var(--k-color-shape-faint-brand);
72
+ $shape-faint-brand-hover: var(--k-color-shape-faint-brand-hover);
73
+ $shape-faint-brand-pressed: var(--k-color-shape-faint-brand-pressed);
74
+ $shape-faint-error: var(--k-color-shape-faint-error);
75
+ $shape-faint-error-hover: var(--k-color-shape-faint-error-hover);
76
+ $shape-faint-error-pressed: var(--k-color-shape-faint-error-pressed);
77
+ $shape-faint-neutral-alpha: var(--k-color-shape-faint-neutral-alpha);
78
+ $shape-faint-neutral-alpha-hover: var(--k-color-shape-faint-neutral-alpha-hover);
79
+ $shape-faint-neutral-alpha-pressed: var(--k-color-shape-faint-neutral-alpha-pressed);
80
+ $shape-faint-success: var(--k-color-shape-faint-success);
81
+ $shape-faint-success-hover: var(--k-color-shape-faint-success-hover);
82
+ $shape-faint-success-pressed: var(--k-color-shape-faint-success-pressed);
83
+ $shape-faint-warning: var(--k-color-shape-faint-warning);
84
+ $shape-faint-warning-hover: var(--k-color-shape-faint-warning-hover);
85
+ $shape-faint-warning-pressed: var(--k-color-shape-faint-warning-pressed);
86
+ $shape-heavy-error: var(--k-color-shape-heavy-error);
87
+ $shape-heavy-neutral: var(--k-color-shape-heavy-neutral);
88
+ $shape-heavy-success: var(--k-color-shape-heavy-success);
89
+ $shape-heavy-warning: var(--k-color-shape-heavy-warning);
90
+ $shape-other-accent-bold-disabled: var(--k-color-shape-other-accent-bold-disabled);
91
+ $shape-other-backless-hover: var(--k-color-shape-other-backless-hover);
92
+ $shape-other-backless-pressed: var(--k-color-shape-other-backless-pressed);
93
+ $shape-other-base: var(--k-color-shape-other-base);
94
+ $shape-other-base-hover: var(--k-color-shape-other-base-hover);
95
+ $shape-other-base-pressed: var(--k-color-shape-other-base-pressed);
96
+ $shape-other-disabled: var(--k-color-shape-other-disabled);
97
+ $shape-other-field: var(--k-color-shape-other-field);
98
+ $shape-other-field-hover: var(--k-color-shape-other-field-hover);
99
+ $shape-other-field-pressed: var(--k-color-shape-other-field-pressed);
100
+ $shape-other-low: var(--k-color-shape-other-low);
101
+ $shape-other-low-hover: var(--k-color-shape-other-low-hover);
102
+ $shape-other-low-pressed: var(--k-color-shape-other-low-pressed);
103
+ $shape-other-neutral-faint-solid: var(--k-color-shape-other-neutral-faint-solid);
104
+ $shape-other-neutral-faint-solid-hover: var(--k-color-shape-other-neutral-faint-solid-hover);
105
+ $shape-other-neutral-faint-solid-pressed: var(--k-color-shape-other-neutral-faint-solid-pressed);
106
+ $shape-other-neutral-pale-solid: var(--k-color-shape-other-neutral-pale-solid);
107
+ $shape-other-neutral-pale-solid-hover: var(--k-color-shape-other-neutral-pale-solid-hover);
108
+ $shape-other-neutral-pale-solid-pressed: var(--k-color-shape-other-neutral-pale-solid-pressed);
109
+ $shape-other-neutral-soft-solid: var(--k-color-shape-other-neutral-soft-solid);
110
+ $shape-other-neutral-soft-solid-hover: var(--k-color-shape-other-neutral-soft-solid-hover);
111
+ $shape-other-neutral-soft-solid-pressed: var(--k-color-shape-other-neutral-soft-solid-pressed);
112
+ $shape-pale-accent: var(--k-color-shape-pale-accent);
113
+ $shape-pale-accent-hover: var(--k-color-shape-pale-accent-hover);
114
+ $shape-pale-accent-pressed: var(--k-color-shape-pale-accent-pressed);
115
+ $shape-pale-brand: var(--k-color-shape-pale-brand);
116
+ $shape-pale-brand-hover: var(--k-color-shape-pale-brand-hover);
117
+ $shape-pale-brand-pressed: var(--k-color-shape-pale-brand-pressed);
118
+ $shape-pale-error: var(--k-color-shape-pale-error);
119
+ $shape-pale-error-hover: var(--k-color-shape-pale-error-hover);
120
+ $shape-pale-error-pressed: var(--k-color-shape-pale-error-pressed);
121
+ $shape-pale-neutral-alpha: var(--k-color-shape-pale-neutral-alpha);
122
+ $shape-pale-neutral-alpha-hover: var(--k-color-shape-pale-neutral-alpha-hover);
123
+ $shape-pale-neutral-alpha-pressed: var(--k-color-shape-pale-neutral-alpha-pressed);
124
+ $shape-pale-success: var(--k-color-shape-pale-success);
125
+ $shape-pale-success-hover: var(--k-color-shape-pale-success-hover);
126
+ $shape-pale-success-pressed: var(--k-color-shape-pale-success-pressed);
127
+ $shape-pale-warning: var(--k-color-shape-pale-warning);
128
+ $shape-pale-warning-hover: var(--k-color-shape-pale-warning-hover);
129
+ $shape-pale-warning-pressed: var(--k-color-shape-pale-warning-pressed);
130
+ $shape-soft-accent: var(--k-color-shape-soft-accent);
131
+ $shape-soft-accent-hover: var(--k-color-shape-soft-accent-hover);
132
+ $shape-soft-accent-pressed: var(--k-color-shape-soft-accent-pressed);
133
+ $shape-soft-brand: var(--k-color-shape-soft-brand);
134
+ $shape-soft-brand-hover: var(--k-color-shape-soft-brand-hover);
135
+ $shape-soft-brand-pressed: var(--k-color-shape-soft-brand-pressed);
136
+ $shape-soft-error: var(--k-color-shape-soft-error);
137
+ $shape-soft-error-hover: var(--k-color-shape-soft-error-hover);
138
+ $shape-soft-error-pressed: var(--k-color-shape-soft-error-pressed);
139
+ $shape-soft-neutral-alpha: var(--k-color-shape-soft-neutral-alpha);
140
+ $shape-soft-neutral-alpha-hover: var(--k-color-shape-soft-neutral-alpha-hover);
141
+ $shape-soft-neutral-alpha-pressed: var(--k-color-shape-soft-neutral-alpha-pressed);
142
+ $shape-soft-success: var(--k-color-shape-soft-success);
143
+ $shape-soft-success-hover: var(--k-color-shape-soft-success-hover);
144
+ $shape-soft-success-pressed: var(--k-color-shape-soft-success-pressed);
145
+ $shape-soft-warning: var(--k-color-shape-soft-warning);
146
+ $shape-soft-warning-hover: var(--k-color-shape-soft-warning-hover);
147
+ $shape-soft-warning-pressed: var(--k-color-shape-soft-warning-pressed);
148
+ $shape-inverted-backless-hover: var(--k-color-shape-inverted-backless-hover);
149
+ $shape-inverted-backless-pressed: var(--k-color-shape-inverted-backless-pressed);
150
+ $shape-inverted-disabled: var(--k-color-shape-inverted-disabled);
151
+ $shape-inverted-neutral-faint-alpha: var(--k-color-shape-inverted-neutral-faint-alpha);
152
+ $shape-inverted-neutral-faint-alpha-hover: var(--k-color-shape-inverted-neutral-faint-alpha-hover);
153
+ $shape-inverted-neutral-faint-alpha-pressed: var(--k-color-shape-inverted-neutral-faint-alpha-pressed);
154
+ $shape-inverted-neutral-heavy: var(--k-color-shape-inverted-neutral-heavy);
155
+ $shape-inverted-neutral-heavy-hover: var(--k-color-shape-inverted-neutral-heavy-hover);
156
+ $shape-inverted-neutral-heavy-pressed: var(--k-color-shape-inverted-neutral-heavy-pressed);
157
+ $shape-inverted-neutral-pale-alpha: var(--k-color-shape-inverted-neutral-pale-alpha);
158
+ $shape-inverted-neutral-pale-alpha-hover: var(--k-color-shape-inverted-neutral-pale-alpha-hover);
159
+ $shape-inverted-neutral-pale-alpha-pressed: var(--k-color-shape-inverted-neutral-pale-alpha-pressed);
160
+ $shape-inverted-neutral-soft-alpha: var(--k-color-shape-inverted-neutral-soft-alpha);
161
+ $shape-inverted-neutral-soft-alpha-hover: var(--k-color-shape-inverted-neutral-soft-alpha-hover);
162
+ $shape-inverted-neutral-soft-alpha-pressed: var(--k-color-shape-inverted-neutral-soft-alpha-pressed);
163
+ $shape-const-backless-black-hover: var(--k-color-shape-const-backless-black-hover);
164
+ $shape-const-backless-black-pressed: var(--k-color-shape-const-backless-black-pressed);
165
+ $shape-const-backless-white-hover: var(--k-color-shape-const-backless-white-hover);
166
+ $shape-const-backless-white-pressed: var(--k-color-shape-const-backless-white-pressed);
167
+ $shape-const-disabled-black: var(--k-color-shape-const-disabled-black);
168
+ $shape-const-disabled-white: var(--k-color-shape-const-disabled-white);
169
+ $shape-const-faint-black: var(--k-color-shape-const-faint-black);
170
+ $shape-const-faint-black-hover: var(--k-color-shape-const-faint-black-hover);
171
+ $shape-const-faint-black-pressed: var(--k-color-shape-const-faint-black-pressed);
172
+ $shape-const-faint-white: var(--k-color-shape-const-faint-white);
173
+ $shape-const-faint-white-hover: var(--k-color-shape-const-faint-white-hover);
174
+ $shape-const-faint-white-pressed: var(--k-color-shape-const-faint-white-pressed);
175
+ $shape-const-heavy-black: var(--k-color-shape-const-heavy-black);
176
+ $shape-const-heavy-black-hover: var(--k-color-shape-const-heavy-black-hover);
177
+ $shape-const-heavy-black-pressed: var(--k-color-shape-const-heavy-black-pressed);
178
+ $shape-const-heavy-white: var(--k-color-shape-const-heavy-white);
179
+ $shape-const-heavy-white-hover: var(--k-color-shape-const-heavy-white-hover);
180
+ $shape-const-heavy-white-pressed: var(--k-color-shape-const-heavy-white-pressed);
181
+ $shape-const-pale-black: var(--k-color-shape-const-pale-black);
182
+ $shape-const-pale-black-hover: var(--k-color-shape-const-pale-black-hover);
183
+ $shape-const-pale-black-pressed: var(--k-color-shape-const-pale-black-pressed);
184
+ $shape-const-pale-white: var(--k-color-shape-const-pale-white);
185
+ $shape-const-pale-white-hover: var(--k-color-shape-const-pale-white-hover);
186
+ $shape-const-pale-white-pressed: var(--k-color-shape-const-pale-white-pressed);
187
+ $shape-const-promo: var(--k-color-shape-const-promo);
188
+ $shape-const-soft-black: var(--k-color-shape-const-soft-black);
189
+ $shape-const-soft-black-hover: var(--k-color-shape-const-soft-black-hover);
190
+ $shape-const-soft-black-pressed: var(--k-color-shape-const-soft-black-pressed);
191
+ $shape-const-soft-white: var(--k-color-shape-const-soft-white);
192
+ $shape-const-soft-white-hover: var(--k-color-shape-const-soft-white-hover);
193
+ $shape-const-soft-white-pressed: var(--k-color-shape-const-soft-white-pressed);
194
+ $line-accent-bold: var(--k-color-line-accent-bold);
195
+ $line-accent-bold-hover: var(--k-color-line-accent-bold-hover);
196
+ $line-accent-bold-pressed: var(--k-color-line-accent-bold-pressed);
197
+ $line-accent-pale: var(--k-color-line-accent-pale);
198
+ $line-accent-pale-hover: var(--k-color-line-accent-pale-hover);
199
+ $line-accent-pale-pressed: var(--k-color-line-accent-pale-pressed);
200
+ $line-accent-soft: var(--k-color-line-accent-soft);
201
+ $line-accent-soft-hover: var(--k-color-line-accent-soft-hover);
202
+ $line-accent-soft-pressed: var(--k-color-line-accent-soft-pressed);
203
+ $line-brand-original: var(--k-color-line-brand-original);
204
+ $line-error-bold: var(--k-color-line-error-bold);
205
+ $line-error-bold-hover: var(--k-color-line-error-bold-hover);
206
+ $line-error-bold-pressed: var(--k-color-line-error-bold-pressed);
207
+ $line-neutral-faint: var(--k-color-line-neutral-faint);
208
+ $line-neutral-pale: var(--k-color-line-neutral-pale);
209
+ $line-neutral-pale-hover: var(--k-color-line-neutral-pale-hover);
210
+ $line-neutral-pale-pressed: var(--k-color-line-neutral-pale-pressed);
211
+ $line-on-accent-bold-faint: var(--k-color-line-on-accent-bold-faint);
212
+ $line-on-accent-bold-pale: var(--k-color-line-on-accent-bold-pale);
213
+ $line-on-brand-original-faint: var(--k-color-line-on-brand-original-faint);
214
+ $line-on-brand-original-pale: var(--k-color-line-on-brand-original-pale);
215
+ $line-success-bold: var(--k-color-line-success-bold);
216
+ $line-success-bold-hover: var(--k-color-line-success-bold-hover);
217
+ $line-success-bold-pressed: var(--k-color-line-success-bold-pressed);
218
+ $line-warning-bold: var(--k-color-line-warning-bold);
219
+ $line-warning-bold-hover: var(--k-color-line-warning-bold-hover);
220
+ $line-warning-bold-pressed: var(--k-color-line-warning-bold-pressed);
221
+ $line-inverted-accent-bold: var(--k-color-line-inverted-accent-bold);
222
+ $line-inverted-accent-bold-hover: var(--k-color-line-inverted-accent-bold-hover);
223
+ $line-inverted-accent-bold-pressed: var(--k-color-line-inverted-accent-bold-pressed);
224
+ $line-inverted-accent-pale: var(--k-color-line-inverted-accent-pale);
225
+ $line-inverted-accent-pale-hover: var(--k-color-line-inverted-accent-pale-hover);
226
+ $line-inverted-accent-pale-pressed: var(--k-color-line-inverted-accent-pale-pressed);
227
+ $line-inverted-accent-soft: var(--k-color-line-inverted-accent-soft);
228
+ $line-inverted-accent-soft-hover: var(--k-color-line-inverted-accent-soft-hover);
229
+ $line-inverted-accent-soft-pressed: var(--k-color-line-inverted-accent-soft-pressed);
230
+ $line-inverted-error-bold: var(--k-color-line-inverted-error-bold);
231
+ $line-inverted-error-bold-hover: var(--k-color-line-inverted-error-bold-hover);
232
+ $line-inverted-error-bold-pressed: var(--k-color-line-inverted-error-bold-pressed);
233
+ $line-inverted-neutral-faint: var(--k-color-line-inverted-neutral-faint);
234
+ $line-inverted-neutral-pale: var(--k-color-line-inverted-neutral-pale);
235
+ $line-inverted-neutral-pale-hover: var(--k-color-line-inverted-neutral-pale-hover);
236
+ $line-inverted-neutral-pale-pressed: var(--k-color-line-inverted-neutral-pale-pressed);
237
+ $line-inverted-success-bold: var(--k-color-line-inverted-success-bold);
238
+ $line-inverted-success-bold-hover: var(--k-color-line-inverted-success-bold-hover);
239
+ $line-inverted-success-bold-pressed: var(--k-color-line-inverted-success-bold-pressed);
240
+ $line-inverted-warning-bold: var(--k-color-line-inverted-warning-bold);
241
+ $line-inverted-warning-bold-hover: var(--k-color-line-inverted-warning-bold-hover);
242
+ $line-inverted-warning-bold-pressed: var(--k-color-line-inverted-warning-bold-pressed);
243
+ $line-const-faint-black: var(--k-color-line-const-faint-black);
244
+ $line-const-faint-white: var(--k-color-line-const-faint-white);
245
+ $line-const-pale-black: var(--k-color-line-const-pale-black);
246
+ $line-const-pale-black-hover: var(--k-color-line-const-pale-black-hover);
247
+ $line-const-pale-black-pressed: var(--k-color-line-const-pale-black-pressed);
248
+ $line-const-pale-white: var(--k-color-line-const-pale-white);
249
+ $line-const-pale-white-hover: var(--k-color-line-const-pale-white-hover);
250
+ $line-const-pale-white-pressed: var(--k-color-line-const-pale-white-pressed);
251
+ $surface-base: var(--k-color-surface-base);
252
+ $surface-high: var(--k-color-surface-high);
253
+ $surface-low: var(--k-color-surface-low);
254
+ $surface-modal-backdrop: var(--k-color-surface-modal-backdrop);
255
+ $illustration-black: var(--k-color-illustration-black);
256
+ $illustration-brand: var(--k-color-illustration-brand);
257
+ $illustration-complement: var(--k-color-illustration-complement);
258
+ $illustration-inverted-neutral: var(--k-color-illustration-inverted-neutral);
259
+ $illustration-neutral: var(--k-color-illustration-neutral);
260
+ $illustration-on-brand: var(--k-color-illustration-on-brand);
261
+ $illustration-on-complement: var(--k-color-illustration-on-complement);
262
+ $illustration-promo: var(--k-color-illustration-promo);
263
+ $illustration-symbol: var(--k-color-illustration-symbol);
264
+ $illustration-white: var(--k-color-illustration-white);
265
+ $customizable-bold-black: var(--k-color-customizable-bold-black);
266
+ $customizable-bold-blue: var(--k-color-customizable-bold-blue);
267
+ $customizable-bold-blue-deep: var(--k-color-customizable-bold-blue-deep);
268
+ $customizable-bold-gray: var(--k-color-customizable-bold-gray);
269
+ $customizable-bold-green: var(--k-color-customizable-bold-green);
270
+ $customizable-bold-mint: var(--k-color-customizable-bold-mint);
271
+ $customizable-bold-orange: var(--k-color-customizable-bold-orange);
272
+ $customizable-bold-purple: var(--k-color-customizable-bold-purple);
273
+ $customizable-bold-red: var(--k-color-customizable-bold-red);
274
+ $customizable-bold-violet: var(--k-color-customizable-bold-violet);
275
+ $customizable-bold-yellow: var(--k-color-customizable-bold-yellow);
276
+ $customizable-faint-black: var(--k-color-customizable-faint-black);
277
+ $customizable-faint-blue: var(--k-color-customizable-faint-blue);
278
+ $customizable-faint-blue-deep: var(--k-color-customizable-faint-blue-deep);
279
+ $customizable-faint-gray: var(--k-color-customizable-faint-gray);
280
+ $customizable-faint-green: var(--k-color-customizable-faint-green);
281
+ $customizable-faint-mint: var(--k-color-customizable-faint-mint);
282
+ $customizable-faint-orange: var(--k-color-customizable-faint-orange);
283
+ $customizable-faint-purple: var(--k-color-customizable-faint-purple);
284
+ $customizable-faint-red: var(--k-color-customizable-faint-red);
285
+ $customizable-faint-violet: var(--k-color-customizable-faint-violet);
286
+ $customizable-faint-yellow: var(--k-color-customizable-faint-yellow);
287
+ $customizable-heavy-black: var(--k-color-customizable-heavy-black);
288
+ $customizable-heavy-blue: var(--k-color-customizable-heavy-blue);
289
+ $customizable-heavy-blue-deep: var(--k-color-customizable-heavy-blue-deep);
290
+ $customizable-heavy-gray: var(--k-color-customizable-heavy-gray);
291
+ $customizable-heavy-green: var(--k-color-customizable-heavy-green);
292
+ $customizable-heavy-mint: var(--k-color-customizable-heavy-mint);
293
+ $customizable-heavy-orange: var(--k-color-customizable-heavy-orange);
294
+ $customizable-heavy-purple: var(--k-color-customizable-heavy-purple);
295
+ $customizable-heavy-red: var(--k-color-customizable-heavy-red);
296
+ $customizable-heavy-violet: var(--k-color-customizable-heavy-violet);
297
+ $customizable-heavy-yellow: var(--k-color-customizable-heavy-yellow);
298
+ $customizable-pale-black: var(--k-color-customizable-pale-black);
299
+ $customizable-pale-blue: var(--k-color-customizable-pale-blue);
300
+ $customizable-pale-blue-deep: var(--k-color-customizable-pale-blue-deep);
301
+ $customizable-pale-gray: var(--k-color-customizable-pale-gray);
302
+ $customizable-pale-green: var(--k-color-customizable-pale-green);
303
+ $customizable-pale-mint: var(--k-color-customizable-pale-mint);
304
+ $customizable-pale-orange: var(--k-color-customizable-pale-orange);
305
+ $customizable-pale-purple: var(--k-color-customizable-pale-purple);
306
+ $customizable-pale-red: var(--k-color-customizable-pale-red);
307
+ $customizable-pale-violet: var(--k-color-customizable-pale-violet);
308
+ $customizable-pale-yellow: var(--k-color-customizable-pale-yellow);
309
+ $customizable-soft-black: var(--k-color-customizable-soft-black);
310
+ $customizable-soft-blue: var(--k-color-customizable-soft-blue);
311
+ $customizable-soft-blue-deep: var(--k-color-customizable-soft-blue-deep);
312
+ $customizable-soft-gray: var(--k-color-customizable-soft-gray);
313
+ $customizable-soft-green: var(--k-color-customizable-soft-green);
314
+ $customizable-soft-mint: var(--k-color-customizable-soft-mint);
315
+ $customizable-soft-orange: var(--k-color-customizable-soft-orange);
316
+ $customizable-soft-purple: var(--k-color-customizable-soft-purple);
317
+ $customizable-soft-red: var(--k-color-customizable-soft-red);
318
+ $customizable-soft-violet: var(--k-color-customizable-soft-violet);
319
+ $customizable-soft-yellow: var(--k-color-customizable-soft-yellow);