@skbkontur/colors 2.0.0-alpha.4 → 2.0.0-alpha.6

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