@salutejs/sdds-themes 0.44.0-dev.0 → 0.45.0-canary.2065.16938589016.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2185 @@
1
+ // Generated by robots, do not change this manually!
2
+ /** Основной цвет текста */
3
+ export var textPrimaryHover = 'var(--text-primary-hover, #F2F5F893)';
4
+ /** Основной цвет текста */
5
+ export var textPrimaryActive = 'var(--text-primary-active, #F2F5F8C4)';
6
+ /** Вторичный цвет текста */
7
+ export var textSecondaryHover = 'var(--text-secondary-hover, #D6DFE6FF)';
8
+ /** Вторичный цвет текста */
9
+ export var textSecondaryActive = 'var(--text-secondary-active, #D6DFE6BE)';
10
+ /** Третичный цвет текста */
11
+ export var textTertiaryHover = 'var(--text-tertiary-hover, #D6DFE6FF)';
12
+ /** Третичный цвет текста */
13
+ export var textTertiaryActive = 'var(--text-tertiary-active, #D6DFE65C)';
14
+ /** Сплошной наборный текст */
15
+ export var textParagraphHover = 'var(--text-paragraph-hover, #F2F5F87A)';
16
+ /** Сплошной наборный текст */
17
+ export var textParagraphActive = 'var(--text-paragraph-active, #F2F5F8A3)';
18
+ /** Акцентный цвет */
19
+ export var textAccentHover = 'var(--text-accent-hover, #66BCF5FF)';
20
+ /** Акцентный цвет */
21
+ export var textAccentActive = 'var(--text-accent-active, #0E8ADDFF)';
22
+ /** Акцентный минорный цвет */
23
+ export var textAccentMinorHover = 'var(--text-accent-minor-hover, #1277BAFF)';
24
+ /** Акцентный минорный цвет */
25
+ export var textAccentMinorActive = 'var(--text-accent-minor-active, #10659EFF)';
26
+ /** Цвет успеха */
27
+ export var textPositiveHover = 'var(--text-positive-hover, #2ACB47FF)';
28
+ /** Цвет успеха */
29
+ export var textPositiveActive = 'var(--text-positive-active, #1F9835FF)';
30
+ /** Цвет предупреждения */
31
+ export var textWarningHover = 'var(--text-warning-hover, #FF8442FF)';
32
+ /** Цвет предупреждения */
33
+ export var textWarningActive = 'var(--text-warning-active, #FF5D05FF)';
34
+ /** Цвет ошибки */
35
+ export var textNegativeHover = 'var(--text-negative-hover, #FF5C6CFF)';
36
+ /** Цвет ошибки */
37
+ export var textNegativeActive = 'var(--text-negative-active, #FF1F35FF)';
38
+ /** Цвет информации */
39
+ export var textInfoHover = 'var(--text-info-hover, #66BCF5FF)';
40
+ /** Цвет информации */
41
+ export var textInfoActive = 'var(--text-info-active, #0E8ADDFF)';
42
+ /** Минорный цвет успеха */
43
+ export var textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)';
44
+ /** Минорный цвет успеха */
45
+ export var textPositiveMinorActive = 'var(--text-positive-minor-active, #0C7920FF)';
46
+ /** Минорный цвет предупреждения */
47
+ export var textWarningMinorHover = 'var(--text-warning-minor-hover, #BB4F11FF)';
48
+ /** Минорный цвет предупреждения */
49
+ export var textWarningMinorActive = 'var(--text-warning-minor-active, #9F440FFF)';
50
+ /** Минорный цвет ошибки */
51
+ export var textNegativeMinorHover = 'var(--text-negative-minor-hover, #B91828FF)';
52
+ /** Минорный цвет ошибки */
53
+ export var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)';
54
+ /** Минорный цвет информации */
55
+ export var textInfoMinorHover = 'var(--text-info-minor-hover, #1277BAFF)';
56
+ /** Минорный цвет информации */
57
+ export var textInfoMinorActive = 'var(--text-info-minor-active, #10659EFF)';
58
+ /** Основной цвет текста */
59
+ export var textPrimary = 'var(--text-primary, #F2F5F8F5)';
60
+ /** Основной цвет текста */
61
+ export var textPrimaryBrightness = 'var(--text-primary-brightness, #F3F6F8FF)';
62
+ /** Сплошной наборный текст */
63
+ export var textParagraph = 'var(--text-paragraph, #F2F5F8CC)';
64
+ /** Акцентный цвет */
65
+ export var textAccent = 'var(--text-accent, #199AF0)';
66
+ /** Акцентный минорный цвет */
67
+ export var textAccentMinor = 'var(--text-accent-minor, #0D5382)';
68
+ /** Цвет успеха */
69
+ export var textPositive = 'var(--text-positive, #24B23E)';
70
+ /** Цвет предупреждения */
71
+ export var textWarning = 'var(--text-warning, #FF7024)';
72
+ /** Цвет ошибки */
73
+ export var textNegative = 'var(--text-negative, #FF3D51)';
74
+ /** Цвет информации */
75
+ export var textInfo = 'var(--text-info, #199AF0)';
76
+ /** Минорный цвет успеха */
77
+ export var textPositiveMinor = 'var(--text-positive-minor, #095C18)';
78
+ /** Минорный цвет предупреждения */
79
+ export var textWarningMinor = 'var(--text-warning-minor, #85380C)';
80
+ /** Минорный цвет ошибки */
81
+ export var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
82
+ /** Минорный цвет информации */
83
+ export var textInfoMinor = 'var(--text-info-minor, #0D5382)';
84
+ /** Вторичный цвет текста */
85
+ export var textSecondary = 'var(--text-secondary, #D5DFE69E)';
86
+ /** Третичный цвет текста */
87
+ export var textTertiary = 'var(--text-tertiary, #D5DFE64D)';
88
+ /** Основной цвет текста на темном фоне */
89
+ export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F2F5F893)';
90
+ /** Основной цвет текста на темном фоне */
91
+ export var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F2F5F8C4)';
92
+ /** Вторичный цвет текста на темном фоне */
93
+ export var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #D6DFE6FF)';
94
+ /** Вторичный цвет текста на темном фоне */
95
+ export var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #D6DFE6BE)';
96
+ /** Третичный цвет текста на темном фоне */
97
+ export var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #D6DFE6FF)';
98
+ /** Третичный цвет текста на темном фоне */
99
+ export var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #D6DFE65C)';
100
+ /** Сплошной наборный текст на темном фоне */
101
+ export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F2F5F87A)';
102
+ /** Сплошной наборный текст на темном фоне */
103
+ export var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F2F5F8A3)';
104
+ /** Акцентный цвет на темном фоне */
105
+ export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #66BCF5FF)';
106
+ /** Акцентный цвет на темном фоне */
107
+ export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #0E8ADDFF)';
108
+ /** Акцентный минорный цвет на темном фоне */
109
+ export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #1277BAFF)';
110
+ /** Акцентный минорный цвет на темном фоне */
111
+ export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #10659EFF)';
112
+ /** Цвет успеха на темном фоне */
113
+ export var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #2ACB47FF)';
114
+ /** Цвет успеха на темном фоне */
115
+ export var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #1F9835FF)';
116
+ /** Цвет предупреждения на темном фоне */
117
+ export var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FF8442FF)';
118
+ /** Цвет предупреждения на темном фоне */
119
+ export var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #FF5D05FF)';
120
+ /** Цвет ошибки на темном фоне */
121
+ export var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5C6CFF)';
122
+ /** Цвет ошибки на темном фоне */
123
+ export var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF1F35FF)';
124
+ /** Цвет информации на темном фоне */
125
+ export var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #66BCF5FF)';
126
+ /** Цвет информации на темном фоне */
127
+ export var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0E8ADDFF)';
128
+ /** Минорный цвет успеха на темном фоне */
129
+ export var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)';
130
+ /** Минорный цвет успеха на темном фоне */
131
+ export var onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)';
132
+ /** Минорный цвет предупреждения на темном фоне */
133
+ export var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
134
+ /** Минорный цвет предупреждения на темном фоне */
135
+ export var onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)';
136
+ /** Минорный цвет ошибки на темном фоне */
137
+ export var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
138
+ /** Минорный цвет ошибки на темном фоне */
139
+ export var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
140
+ /** Минорный цвет информации на темном фоне */
141
+ export var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #1277BAFF)';
142
+ /** Минорный цвет информации на темном фоне */
143
+ export var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #10659EFF)';
144
+ /** Основной цвет текста на темном фоне */
145
+ export var onDarkTextPrimary = 'var(--on-dark-text-primary, #F2F5F8F5)';
146
+ /** Основной цвет текста на темном фоне */
147
+ export var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #F3F6F8FF)';
148
+ /** Сплошной наборный текст на темном фоне */
149
+ export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F2F5F8CC)';
150
+ /** Акцентный цвет на темном фоне */
151
+ export var onDarkTextAccent = 'var(--on-dark-text-accent, #199AF0)';
152
+ /** Акцентный минорный цвет на темном фоне */
153
+ export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #0D5382)';
154
+ /** Цвет успеха на темном фоне */
155
+ export var onDarkTextPositive = 'var(--on-dark-text-positive, #24B23E)';
156
+ /** Цвет предупреждения на темном фоне */
157
+ export var onDarkTextWarning = 'var(--on-dark-text-warning, #FF7024)';
158
+ /** Цвет ошибки на темном фоне */
159
+ export var onDarkTextNegative = 'var(--on-dark-text-negative, #FF3D51)';
160
+ /** Цвет информации на темном фоне */
161
+ export var onDarkTextInfo = 'var(--on-dark-text-info, #199AF0)';
162
+ /** Минорный цвет успеха на темном фоне */
163
+ export var onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #095C18)';
164
+ /** Минорный цвет предупреждения на темном фоне */
165
+ export var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)';
166
+ /** Минорный цвет ошибки на темном фоне */
167
+ export var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
168
+ /** Минорный цвет информации на темном фоне */
169
+ export var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #0D5382)';
170
+ /** Вторичный цвет текста на темном фоне */
171
+ export var onDarkTextSecondary = 'var(--on-dark-text-secondary, #D5DFE69E)';
172
+ /** Третичный цвет текста на темном фоне */
173
+ export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #D5DFE64D)';
174
+ /** Основной цвет текста на светлом фоне */
175
+ export var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #13181B93)';
176
+ /** Основной цвет текста на светлом фоне */
177
+ export var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #13181BC4)';
178
+ /** Вторичный цвет текста на светлом фоне */
179
+ export var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #485056FF)';
180
+ /** Вторичный цвет текста на светлом фоне */
181
+ export var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #485056D3)';
182
+ /** Третичный цвет текста на светлом фоне */
183
+ export var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #717C84FF)';
184
+ /** Третичный цвет текста на светлом фоне */
185
+ export var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #717C8493)';
186
+ /** Сплошной наборный текст на светлом фоне */
187
+ export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #13181B7A)';
188
+ /** Сплошной наборный текст на светлом фоне */
189
+ export var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #13181BA3)';
190
+ /** Акцентный цвет на светлом фоне */
191
+ export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #34A7F4FF)';
192
+ /** Акцентный цвет на светлом фоне */
193
+ export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #096CAEFF)';
194
+ /** Акцентный минорный цвет на светлом фоне */
195
+ export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #A3DAFFFF)';
196
+ /** Акцентный минорный цвет на светлом фоне */
197
+ export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #33ADFFFF)';
198
+ /** Цвет успеха на светлом фоне */
199
+ export var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #13AA2CFF)';
200
+ /** Цвет успеха на светлом фоне */
201
+ export var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0D731EFF)';
202
+ /** Цвет предупреждения на светлом фоне */
203
+ export var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FB7223FF)';
204
+ /** Цвет предупреждения на светлом фоне */
205
+ export var onLightTextWarningActive = 'var(--on-light-text-warning-active, #DC5304FF)';
206
+ /** Цвет ошибки на светлом фоне */
207
+ export var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #ED263AFF)';
208
+ /** Цвет ошибки на светлом фоне */
209
+ export var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #C61022FF)';
210
+ /** Цвет информации на светлом фоне */
211
+ export var onLightTextInfoHover = 'var(--on-light-text-info-hover, #34A7F4FF)';
212
+ /** Цвет информации на светлом фоне */
213
+ export var onLightTextInfoActive = 'var(--on-light-text-info-active, #096CAEFF)';
214
+ /** Минорный цвет успеха на светлом фоне */
215
+ export var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #3EDA5BFF)';
216
+ /** Минорный цвет успеха на светлом фоне */
217
+ export var onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #23B83EFF)';
218
+ /** Минорный цвет предупреждения на светлом фоне */
219
+ export var onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB086FF)';
220
+ /** Минорный цвет предупреждения на светлом фоне */
221
+ export var onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #FC884AFF)';
222
+ /** Минорный цвет ошибки на светлом фоне */
223
+ export var onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #FFADB6FF)';
224
+ /** Минорный цвет ошибки на светлом фоне */
225
+ export var onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #FF707EFF)';
226
+ /** Минорный цвет информации на светлом фоне */
227
+ export var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #A3DAFFFF)';
228
+ /** Минорный цвет информации на светлом фоне */
229
+ export var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #33ADFFFF)';
230
+ /** Основной цвет текста на светлом фоне */
231
+ export var onLightTextPrimary = 'var(--on-light-text-primary, #13181BF5)';
232
+ /** Основной цвет текста на светлом фоне */
233
+ export var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #212629FF)';
234
+ /** Сплошной наборный текст на светлом фоне */
235
+ export var onLightTextParagraph = 'var(--on-light-text-paragraph, #13181BCC)';
236
+ /** Акцентный цвет на светлом фоне */
237
+ export var onLightTextAccent = 'var(--on-light-text-accent, #0B7ECB)';
238
+ /** Акцентный минорный цвет на светлом фоне */
239
+ export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #52BAFF)';
240
+ /** Цвет успеха на светлом фоне */
241
+ export var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
242
+ /** Цвет информации на светлом фоне */
243
+ export var onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)';
244
+ /** Минорный цвет успеха на светлом фоне */
245
+ export var onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #28D247)';
246
+ /** Минорный цвет предупреждения на светлом фоне */
247
+ export var onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68)';
248
+ /** Минорный цвет ошибки на светлом фоне */
249
+ export var onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)';
250
+ /** Минорный цвет информации на светлом фоне */
251
+ export var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #52BAFF)';
252
+ /** Вторичный цвет текста на светлом фоне */
253
+ export var onLightTextSecondary = 'var(--on-light-text-secondary, #485056B0)';
254
+ /** Третичный цвет текста на светлом фоне */
255
+ export var onLightTextTertiary = 'var(--on-light-text-tertiary, #707C847A)';
256
+ /** Цвет предупреждения на светлом фоне */
257
+ export var onLightTextWarning = 'var(--on-light-text-warning, #FA5F05)';
258
+ /** Цвет ошибки на светлом фоне */
259
+ export var onLightTextNegative = 'var(--on-light-text-negative, #E31227)';
260
+ /** Инвертированный основной цвет текста */
261
+ export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #13181B93)';
262
+ /** Инвертированный основной цвет текста */
263
+ export var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #13181BC4)';
264
+ /** Инвертированный вторичный цвет текста */
265
+ export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #485056FF)';
266
+ /** Инвертированный вторичный цвет текста */
267
+ export var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #485056D3)';
268
+ /** Инвертированный третичный цвет текста */
269
+ export var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #717C84FF)';
270
+ /** Инвертированный третичный цвет текста */
271
+ export var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #717C8493)';
272
+ /** Инвертированный сплошной наборный текст */
273
+ export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #13181B7A)';
274
+ /** Инвертированный сплошной наборный текст */
275
+ export var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #13181BA3)';
276
+ /** Инвертированный акцентный цвет */
277
+ export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #34A7F4FF)';
278
+ /** Инвертированный акцентный цвет */
279
+ export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #096CAEFF)';
280
+ /** Инвертированный минорный акцентный цвет */
281
+ export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #A3DAFFFF)';
282
+ /** Инвертированный минорный акцентный цвет */
283
+ export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #33ADFFFF)';
284
+ /** Инвертированный цвет успеха */
285
+ export var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #13AA2CFF)';
286
+ /** Инвертированный цвет успеха */
287
+ export var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #0D731EFF)';
288
+ /** Инвертированный цвет предупреждения */
289
+ export var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB7223FF)';
290
+ /** Инвертированный цвет предупреждения */
291
+ export var inverseTextWarningActive = 'var(--inverse-text-warning-active, #DC5304FF)';
292
+ /** Инвертированный цвет ошибки */
293
+ export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #ED263AFF)';
294
+ /** Инвертированный цвет ошибки */
295
+ export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #C61022FF)';
296
+ /** Инвертированный цвет информации */
297
+ export var inverseTextInfoHover = 'var(--inverse-text-info-hover, #34A7F4FF)';
298
+ /** Инвертированный цвет информации */
299
+ export var inverseTextInfoActive = 'var(--inverse-text-info-active, #096CAEFF)';
300
+ /** Инвертированный минорный цвет успеха */
301
+ export var inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #3EDA5BFF)';
302
+ /** Инвертированный минорный цвет успеха */
303
+ export var inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #23B83EFF)';
304
+ /** Инвертированный минорный цвет предупреждения */
305
+ export var inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FDB086FF)';
306
+ /** Инвертированный минорный цвет предупреждения */
307
+ export var inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FC884AFF)';
308
+ /** Инвертированный минорный цвет ошибки */
309
+ export var inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFADB6FF)';
310
+ /** Инвертированный минорный цвет ошибки */
311
+ export var inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FF707EFF)';
312
+ /** Инвертированный минорный цвет информации */
313
+ export var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #A3DAFFFF)';
314
+ /** Инвертированный минорный цвет информации */
315
+ export var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #33ADFFFF)';
316
+ /** Инвертированный основной цвет текста */
317
+ export var inverseTextPrimary = 'var(--inverse-text-primary, #13181BF5)';
318
+ /** Инвертированный основной цвет текста */
319
+ export var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #212629FF)';
320
+ /** Инвертированный сплошной наборный текст */
321
+ export var inverseTextParagraph = 'var(--inverse-text-paragraph, #13181BCC)';
322
+ /** Инвертированный акцентный цвет */
323
+ export var inverseTextAccent = 'var(--inverse-text-accent, #0B7ECB)';
324
+ /** Инвертированный минорный акцентный цвет */
325
+ export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52BAFF)';
326
+ /** Инвертированный цвет успеха */
327
+ export var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
328
+ /** Инвертированный цвет информации */
329
+ export var inverseTextInfo = 'var(--inverse-text-info, #0B7ECB)';
330
+ /** Инвертированный минорный цвет успеха */
331
+ export var inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #28D247)';
332
+ /** Инвертированный минорный цвет предупреждения */
333
+ export var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)';
334
+ /** Инвертированный минорный цвет ошибки */
335
+ export var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
336
+ /** Инвертированный минорный цвет информации */
337
+ export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #52BAFF)';
338
+ /** Инвертированный вторичный цвет текста */
339
+ export var inverseTextSecondary = 'var(--inverse-text-secondary, #485056B0)';
340
+ /** Инвертированный третичный цвет текста */
341
+ export var inverseTextTertiary = 'var(--inverse-text-tertiary, #707C847A)';
342
+ /** Инвертированный цвет предупреждения */
343
+ export var inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)';
344
+ /** Инвертированный цвет ошибки */
345
+ export var inverseTextNegative = 'var(--inverse-text-negative, #E31227)';
346
+ /** Основной непрозрачный фон поверхности/контрола */
347
+ export var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #171D21FF)';
348
+ /** Основной непрозрачный фон поверхности/контрола */
349
+ export var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #0F1315FF)';
350
+ /** Вторичный непрозрачный фон поверхности/контрола */
351
+ export var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #2C343AFF)';
352
+ /** Вторичный непрозрачный фон поверхности/контрола */
353
+ export var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #1F2528FF)';
354
+ /** Третичный непрозрачный фон поверхности/контрола */
355
+ export var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #394147FF)';
356
+ /** Третичный непрозрачный фон поверхности/контрола */
357
+ export var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #2B3136FF)';
358
+ /** Основной фон для карточек */
359
+ export var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #0A1114FF)';
360
+ /** Основной фон для карточек */
361
+ export var surfaceSolidCardActive = 'var(--surface-solid-card-active, #030607FF)';
362
+ /** Непрозрачный фон поверхности/контрола по умолчанию */
363
+ export var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
364
+ /** Непрозрачный фон поверхности/контрола по умолчанию */
365
+ export var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F1F5F8FF)';
366
+ /** Основной прозрачный фон поверхности/контрола */
367
+ export var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)';
368
+ /** Основной прозрачный фон поверхности/контрола */
369
+ export var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
370
+ /** Вторичный прозрачный фон поверхности/контрола */
371
+ export var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #D6DFE642)';
372
+ /** Вторичный прозрачный фон поверхности/контрола */
373
+ export var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #D6DFE614)';
374
+ /** Третичный прозрачный фон поверхности/контрола */
375
+ export var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #D6DFE65C)';
376
+ /** Третичный прозрачный фон поверхности/контрола */
377
+ export var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #D6DFE62E)';
378
+ /** Глубокий прозрачный фон поверхности/контрола */
379
+ export var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #D6DFE6DB)';
380
+ /** Глубокий прозрачный фон поверхности/контрола */
381
+ export var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #D6DFE6AD)';
382
+ /** Прозрачный фон для карточек */
383
+ export var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF1F)';
384
+ /** Прозрачный фон для карточек */
385
+ export var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0A)';
386
+ /** Фон поверхности/контрола без заливки */
387
+ export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
388
+ /** Фон поверхности/контрола без заливки */
389
+ export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
390
+ /** Акцентный фон поверхности/контрола */
391
+ export var surfaceAccentHover = 'var(--surface-accent-hover, #1798EEFF)';
392
+ /** Акцентный фон поверхности/контрола */
393
+ export var surfaceAccentActive = 'var(--surface-accent-active, #1086D5FF)';
394
+ /** Акцентный минорный непрозрачный фон поверхности/контрола */
395
+ export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #10344CFF)';
396
+ /** Акцентный минорный непрозрачный фон поверхности/контрола */
397
+ export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #0A2333FF)';
398
+ /** Прозрачный акцентный фон поверхности/контрола */
399
+ export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #118CDF52)';
400
+ /** Прозрачный акцентный фон поверхности/контрола */
401
+ export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #118CDF24)';
402
+ /** Цвет фона поверхности/контрола успех */
403
+ export var surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)';
404
+ /** Цвет фона поверхности/контрола успех */
405
+ export var surfacePositiveActive = 'var(--surface-positive-active, #18952FFF)';
406
+ /** Цвет фона поверхности/контрола предупреждение */
407
+ export var surfaceWarningHover = 'var(--surface-warning-hover, #FB7223FF)';
408
+ /** Цвет фона поверхности/контрола предупреждение */
409
+ export var surfaceWarningActive = 'var(--surface-warning-active, #F05B05FF)';
410
+ /** Цвет фона поверхности/контрола ошибка */
411
+ export var surfaceNegativeHover = 'var(--surface-negative-hover, #FF475AFF)';
412
+ /** Цвет фона поверхности/контрола ошибка */
413
+ export var surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)';
414
+ /** Цвет фона поверхности/контрола информация */
415
+ export var surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)';
416
+ /** Цвет фона поверхности/контрола информация */
417
+ export var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
418
+ /** Минорный цвет фона поверхности/контрола успех */
419
+ export var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
420
+ /** Минорный цвет фона поверхности/контрола успех */
421
+ export var surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)';
422
+ /** Минорный цвет фона поверхности/контрола предупреждение */
423
+ export var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
424
+ /** Минорный цвет фона поверхности/контрола предупреждение */
425
+ export var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
426
+ /** Минорный цвет фона поверхности/контрола ошибка */
427
+ export var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
428
+ /** Минорный цвет фона поверхности/контрола ошибка */
429
+ export var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
430
+ /** Минорный цвет фона поверхности/контрола информация */
431
+ export var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)';
432
+ /** Минорный цвет фона поверхности/контрола информация */
433
+ export var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
434
+ /** Прозрачный цвет фона поверхности/контрола успех */
435
+ export var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3252)';
436
+ /** Прозрачный цвет фона поверхности/контрола успех */
437
+ export var surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3224)';
438
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
439
+ export var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0552)';
440
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
441
+ export var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0524)';
442
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
443
+ export var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E52)';
444
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
445
+ export var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E24)';
446
+ /** Прозрачный цвет фона поверхности/контрола информация */
447
+ export var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF52)';
448
+ /** Прозрачный цвет фона поверхности/контрола информация */
449
+ export var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF24)';
450
+ /** Основной фон для карточек */
451
+ export var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #111C22FF)';
452
+ /** Основной непрозрачный фон поверхности/контрола */
453
+ export var surfaceSolidPrimary = 'var(--surface-solid-primary, #13181B)';
454
+ /** Основной непрозрачный фон поверхности/контрола */
455
+ export var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #212629FF)';
456
+ /** Вторичный непрозрачный фон поверхности/контрола */
457
+ export var surfaceSolidSecondary = 'var(--surface-solid-secondary, #23292D)';
458
+ /** Третичный непрозрачный фон поверхности/контрола */
459
+ export var surfaceSolidTertiary = 'var(--surface-solid-tertiary, #30373C)';
460
+ /** Непрозрачный фон поверхности/контрола по умолчанию */
461
+ export var surfaceSolidDefault = 'var(--surface-solid-default, #F7F9FB)';
462
+ /** Прозрачный фон для карточек */
463
+ export var surfaceTransparentCard = 'var(--surface-transparent-card, #FFFFFF0F)';
464
+ /** Прозрачный фон для карточек */
465
+ export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FFFFFFFF)';
466
+ /** Основной прозрачный фон поверхности/контрола */
467
+ export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0F)';
468
+ /** Фон поверхности/контрола без заливки */
469
+ export var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
470
+ /** Акцентный фон поверхности/контрола */
471
+ export var surfaceAccent = 'var(--surface-accent, #118CDF)';
472
+ /** Акцентный минорный непрозрачный фон поверхности/контрола */
473
+ export var surfaceAccentMinor = 'var(--surface-accent-minor, #0C283B)';
474
+ /** Прозрачный акцентный фон поверхности/контрола */
475
+ export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #118CDF33)';
476
+ /** Цвет фона поверхности/контрола успех */
477
+ export var surfacePositive = 'var(--surface-positive, #1A9E32)';
478
+ /** Цвет фона поверхности/контрола предупреждение */
479
+ export var surfaceWarning = 'var(--surface-warning, #FA5F05)';
480
+ /** Цвет фона поверхности/контрола ошибка */
481
+ export var surfaceNegative = 'var(--surface-negative, #FF293E)';
482
+ /** Цвет фона поверхности/контрола информация */
483
+ export var surfaceInfo = 'var(--surface-info, #118CDF)';
484
+ /** Минорный цвет фона поверхности/контрола успех */
485
+ export var surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)';
486
+ /** Минорный цвет фона поверхности/контрола предупреждение */
487
+ export var surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)';
488
+ /** Минорный цвет фона поверхности/контрола ошибка */
489
+ export var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
490
+ /** Минорный цвет фона поверхности/контрола информация */
491
+ export var surfaceInfoMinor = 'var(--surface-info-minor, #0C283B)';
492
+ /** Прозрачный цвет фона поверхности/контрола успех */
493
+ export var surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E3233)';
494
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
495
+ export var surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F0533)';
496
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
497
+ export var surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E33)';
498
+ /** Прозрачный цвет фона поверхности/контрола информация */
499
+ export var surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF33)';
500
+ /** Основной фон для карточек */
501
+ export var surfaceSolidCard = 'var(--surface-solid-card, #060A0C)';
502
+ /** Вторичный прозрачный фон поверхности/контрола */
503
+ export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #D5DFE624)';
504
+ /** Третичный прозрачный фон поверхности/контрола */
505
+ export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #D5DFE63D)';
506
+ /** Глубокий прозрачный фон поверхности/контрола */
507
+ export var surfaceTransparentDeep = 'var(--surface-transparent-deep, #D5DFE6BD)';
508
+ /** Основной непрозрачный фон поверхности/контрола на темном фоне */
509
+ export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #171D21FF)';
510
+ /** Основной непрозрачный фон поверхности/контрола на темном фоне */
511
+ export var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #0F1315FF)';
512
+ /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
513
+ export var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #2C343AFF)';
514
+ /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
515
+ export var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #1F2528FF)';
516
+ /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
517
+ export var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #394147FF)';
518
+ /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
519
+ export var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2B3136FF)';
520
+ /** Основной фон для карточек на темном фоне */
521
+ export var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #0A1114FF)';
522
+ /** Основной фон для карточек на темном фоне */
523
+ export var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #030607FF)';
524
+ /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
525
+ export var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)';
526
+ /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
527
+ export var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F1F5F8FF)';
528
+ /** Основной прозрачный фон поверхности/контрола на темном фоне */
529
+ export var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)';
530
+ /** Основной прозрачный фон поверхности/контрола на темном фоне */
531
+ export var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)';
532
+ /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
533
+ export var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #D6DFE642)';
534
+ /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
535
+ export var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #D6DFE614)';
536
+ /** Третичный прозрачный фон поверхности/контрола на темном фоне */
537
+ export var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #D6DFE65C)';
538
+ /** Третичный прозрачный фон поверхности/контрола на темном фоне */
539
+ export var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #D6DFE62E)';
540
+ /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
541
+ export var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #D6DFE6DB)';
542
+ /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
543
+ export var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #D6DFE6AD)';
544
+ /** Прозрачный фон для карточек на темном фоне */
545
+ export var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)';
546
+ /** Прозрачный фон для карточек на темном фоне */
547
+ export var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)';
548
+ /** Фон поверхности/контрола без заливки на темном фоне */
549
+ export var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)';
550
+ /** Фон поверхности/контрола без заливки на темном фоне */
551
+ export var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)';
552
+ /** Акцентный фон поверхности/контрола на темном фоне */
553
+ export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1798EEFF)';
554
+ /** Акцентный фон поверхности/контрола на темном фоне */
555
+ export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #1086D5FF)';
556
+ /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
557
+ export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0C283B)';
558
+ /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
559
+ export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #10344CFF)';
560
+ /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
561
+ export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #0A2333FF)';
562
+ /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
563
+ export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #199AF047)';
564
+ /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
565
+ export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #199AF066)';
566
+ /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
567
+ export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #199AF038)';
568
+ /** Цвет фона поверхности/контрола успех на темном фоне */
569
+ export var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)';
570
+ /** Цвет фона поверхности/контрола успех на темном фоне */
571
+ export var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)';
572
+ /** Цвет фона поверхности/контрола успех на темном фоне */
573
+ export var onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #18952FFF)';
574
+ /** Цвет фона поверхности/контрола предупреждение на темном фоне */
575
+ export var onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)';
576
+ /** Цвет фона поверхности/контрола предупреждение на темном фоне */
577
+ export var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB7223FF)';
578
+ /** Цвет фона поверхности/контрола предупреждение на темном фоне */
579
+ export var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #F05B05FF)';
580
+ /** Цвет фона поверхности/контрола ошибка на темном фоне */
581
+ export var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)';
582
+ /** Цвет фона поверхности/контрола ошибка на темном фоне */
583
+ export var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF475AFF)';
584
+ /** Цвет фона поверхности/контрола ошибка на темном фоне */
585
+ export var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF1F35FF)';
586
+ /** Цвет фона поверхности/контрола информация на темном фоне */
587
+ export var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #118CDF)';
588
+ /** Цвет фона поверхности/контрола информация на темном фоне */
589
+ export var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)';
590
+ /** Цвет фона поверхности/контрола информация на темном фоне */
591
+ export var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #1086D5FF)';
592
+ /** Минорный цвет фона поверхности/контрола успех на темном фоне */
593
+ export var onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)';
594
+ /** Минорный цвет фона поверхности/контрола успех на темном фоне */
595
+ export var onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)';
596
+ /** Минорный цвет фона поверхности/контрола успех на темном фоне */
597
+ export var onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)';
598
+ /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
599
+ export var onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)';
600
+ /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
601
+ export var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)';
602
+ /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
603
+ export var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
604
+ /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
605
+ export var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)';
606
+ /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
607
+ export var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
608
+ /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
609
+ export var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
610
+ /** Минорный цвет фона поверхности/контрола информация на темном фоне */
611
+ export var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)';
612
+ /** Минорный цвет фона поверхности/контрола информация на темном фоне */
613
+ export var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)';
614
+ /** Минорный цвет фона поверхности/контрола информация на темном фоне */
615
+ export var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)';
616
+ /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
617
+ export var onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #1A9E3247)';
618
+ /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
619
+ export var onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3266)';
620
+ /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
621
+ export var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3238)';
622
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
623
+ export var onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #FA5F0547)';
624
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
625
+ export var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0566)';
626
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
627
+ export var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0538)';
628
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
629
+ export var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E47)';
630
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
631
+ export var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E66)';
632
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
633
+ export var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E38)';
634
+ /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
635
+ export var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #118CDF47)';
636
+ /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
637
+ export var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF66)';
638
+ /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
639
+ export var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF38)';
640
+ /** Основной непрозрачный фон поверхности/контрола на темном фоне */
641
+ export var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #13181B)';
642
+ /** Основной непрозрачный фон поверхности/контрола на темном фоне */
643
+ export var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #212629FF)';
644
+ /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
645
+ export var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #23292D)';
646
+ /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
647
+ export var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #30373C)';
648
+ /** Основной фон для карточек на темном фоне */
649
+ export var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #111C22FF)';
650
+ /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
651
+ export var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F7F9FB)';
652
+ /** Основной прозрачный фон поверхности/контрола на темном фоне */
653
+ export var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)';
654
+ /** Прозрачный фон для карточек на темном фоне */
655
+ export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF0F)';
656
+ /** Прозрачный фон для карточек на темном фоне */
657
+ export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFFFFFF)';
658
+ /** Акцентный фон поверхности/контрола на темном фоне */
659
+ export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #118CDF)';
660
+ /** Фон поверхности/контрола без заливки на темном фоне */
661
+ export var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
662
+ /** Основной фон для карточек на темном фоне */
663
+ export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #060A0C)';
664
+ /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
665
+ export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #D5DFE624)';
666
+ /** Третичный прозрачный фон поверхности/контрола на темном фоне */
667
+ export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #D5DFE63D)';
668
+ /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
669
+ export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #D5DFE6BD)';
670
+ /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
671
+ export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F8FAFBFF)';
672
+ /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
673
+ export var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #EBF0F4FF)';
674
+ /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
675
+ export var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F5F8F9FF)';
676
+ /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
677
+ export var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E2E9EEFF)';
678
+ /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
679
+ export var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #E2E9EEFF)';
680
+ /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
681
+ export var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #CFDAE2FF)';
682
+ /** Основной фон для карточек на светлом фоне */
683
+ export var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
684
+ /** Основной фон для карточек на светлом фоне */
685
+ export var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
686
+ /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
687
+ export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0A1114FF)';
688
+ /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
689
+ export var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030607FF)';
690
+ /** Основной прозрачный фон поверхности/контрола на светлом фоне */
691
+ export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #D6DFE661)';
692
+ /** Основной прозрачный фон поверхности/контрола на светлом фоне */
693
+ export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #D6DFE633)';
694
+ /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
695
+ export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #ADB9C257)';
696
+ /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
697
+ export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #ADB9C229)';
698
+ /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
699
+ export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #8A969E66)';
700
+ /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
701
+ export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #8A969E38)';
702
+ /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
703
+ export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #30373BE6)';
704
+ /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
705
+ export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #30373BB8)';
706
+ /** Прозрачный фон для карточек на светлом фоне */
707
+ export var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
708
+ /** Прозрачный фон для карточек на светлом фоне */
709
+ export var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)';
710
+ /** Фон поверхности/контрола без заливки на светлом фоне */
711
+ export var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
712
+ /** Фон поверхности/контрола без заливки на светлом фоне */
713
+ export var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)';
714
+ /** Фон поверхности/контрола без заливки на светлом фоне */
715
+ export var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)';
716
+ /** Акцентный фон поверхности/контрола на светлом фоне */
717
+ export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #1798EEFF)';
718
+ /** Акцентный фон поверхности/контрола на светлом фоне */
719
+ export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #1086D5FF)';
720
+ /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
721
+ export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #DBF1FFFF)';
722
+ /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
723
+ export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #C7E9FFFF)';
724
+ /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
725
+ export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #118CDF3D)';
726
+ /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
727
+ export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #118CDF0F)';
728
+ /** Цвет фона поверхности/контрола успех на светлом фоне */
729
+ export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)';
730
+ /** Цвет фона поверхности/контрола успех на светлом фоне */
731
+ export var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)';
732
+ /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
733
+ export var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)';
734
+ /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
735
+ export var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)';
736
+ /** Цвет фона поверхности/контрола ошибка на светлом фоне */
737
+ export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF475AFF)';
738
+ /** Цвет фона поверхности/контрола ошибка на светлом фоне */
739
+ export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF1F35FF)';
740
+ /** Цвет фона поверхности/контрола информация на светлом фоне */
741
+ export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)';
742
+ /** Цвет фона поверхности/контрола информация на светлом фоне */
743
+ export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #1086D5FF)';
744
+ /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
745
+ export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)';
746
+ /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
747
+ export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #94F9A7FF)';
748
+ /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
749
+ export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEE9DCFF)';
750
+ /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
751
+ export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED8C3FF)';
752
+ /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
753
+ export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFEBEDFF)';
754
+ /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
755
+ export var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD6DAFF)';
756
+ /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
757
+ export var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #DBF1FFFF)';
758
+ /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
759
+ export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C7E9FFFF)';
760
+ /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
761
+ export var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E323D)';
762
+ /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
763
+ export var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E320F)';
764
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
765
+ export var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F053D)';
766
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
767
+ export var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F050F)';
768
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
769
+ export var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E3D)';
770
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
771
+ export var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E0F)';
772
+ /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
773
+ export var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF3D)';
774
+ /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
775
+ export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF0F)';
776
+ /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
777
+ export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F2F5F8)';
778
+ /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
779
+ export var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #F3F6F8FF)';
780
+ /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
781
+ export var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #E8EEF2)';
782
+ /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
783
+ export var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #D5DFE6)';
784
+ /** Основной фон для карточек на светлом фоне */
785
+ export var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)';
786
+ /** Основной фон для карточек на светлом фоне */
787
+ export var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
788
+ /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
789
+ export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #060A0C)';
790
+ /** Прозрачный фон для карточек на светлом фоне */
791
+ export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFFF)';
792
+ /** Прозрачный фон для карточек на светлом фоне */
793
+ export var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
794
+ /** Акцентный фон поверхности/контрола на светлом фоне */
795
+ export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #118CDF)';
796
+ /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
797
+ export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #CFECFF)';
798
+ /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
799
+ export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #118CDF1F)';
800
+ /** Цвет фона поверхности/контрола успех на светлом фоне */
801
+ export var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
802
+ /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
803
+ export var onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)';
804
+ /** Цвет фона поверхности/контрола ошибка на светлом фоне */
805
+ export var onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)';
806
+ /** Цвет фона поверхности/контрола информация на светлом фоне */
807
+ export var onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)';
808
+ /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
809
+ export var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
810
+ /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
811
+ export var onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FEE2D2)';
812
+ /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
813
+ export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)';
814
+ /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
815
+ export var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #CFECFF)';
816
+ /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
817
+ export var onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E321F)';
818
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
819
+ export var onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F051F)';
820
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
821
+ export var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E1F)';
822
+ /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
823
+ export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF1F)';
824
+ /** Основной прозрачный фон поверхности/контрола на светлом фоне */
825
+ export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #D5DFE642)';
826
+ /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
827
+ export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #ADB9C238)';
828
+ /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
829
+ export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #8A959D47)';
830
+ /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
831
+ export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #30373CC7)';
832
+ /** Инвертированный основной непрозрачный фон поверхности/контрола */
833
+ export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F8FAFBFF)';
834
+ /** Инвертированный основной непрозрачный фон поверхности/контрола */
835
+ export var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #EBF0F4FF)';
836
+ /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
837
+ export var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #F5F8F9FF)';
838
+ /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
839
+ export var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #E2E9EEFF)';
840
+ /** Инвертированный третичный непрозрачный фон поверхности/контрола */
841
+ export var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #E2E9EEFF)';
842
+ /** Инвертированный третичный непрозрачный фон поверхности/контрола */
843
+ export var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #CFDAE2FF)';
844
+ /** Инвертированный основной фон для карточек */
845
+ export var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
846
+ /** Инвертированный основной фон для карточек */
847
+ export var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
848
+ /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
849
+ export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0A1114FF)';
850
+ /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
851
+ export var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030607FF)';
852
+ /** Инвертированный основной прозрачный фон поверхности/контрола */
853
+ export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #D6DFE661)';
854
+ /** Инвертированный основной прозрачный фон поверхности/контрола */
855
+ export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #D6DFE633)';
856
+ /** Инвертированный вторичный прозрачный фон поверхности/контрола */
857
+ export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #ADB9C257)';
858
+ /** Инвертированный вторичный прозрачный фон поверхности/контрола */
859
+ export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #ADB9C229)';
860
+ /** Инвертированный третичный прозрачный фон поверхности/контрола */
861
+ export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #8A969E66)';
862
+ /** Инвертированный третичный прозрачный фон поверхности/контрола */
863
+ export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #8A969E38)';
864
+ /** Инвертированный глубокий прозрачный фон поверхности/контрола */
865
+ export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #30373BE6)';
866
+ /** Инвертированный глубокий прозрачный фон поверхности/контрола */
867
+ export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #30373BB8)';
868
+ /** Инвертированный прозрачный фон для карточек */
869
+ export var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
870
+ /** Инвертированный прозрачный фон для карточек */
871
+ export var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)';
872
+ /** Инвертированный фон поверхности/контрола без заливки */
873
+ export var inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)';
874
+ /** Инвертированный фон поверхности/контрола без заливки */
875
+ export var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)';
876
+ /** Инвертированный фон поверхности/контрола без заливки */
877
+ export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
878
+ /** Инвертированный акцентный фон поверхности/контрола */
879
+ export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1798EEFF)';
880
+ /** Инвертированный акцентный фон поверхности/контрола */
881
+ export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #1086D5FF)';
882
+ /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
883
+ export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #DBF1FFFF)';
884
+ /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
885
+ export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #C7E9FFFF)';
886
+ /** Прозрачный инвертированный акцентный фон поверхности/контрола */
887
+ export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #118CDF3D)';
888
+ /** Прозрачный инвертированный акцентный фон поверхности/контрола */
889
+ export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #118CDF0F)';
890
+ /** Инвертированный цвет фона поверхности/контрола успех */
891
+ export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)';
892
+ /** Инвертированный цвет фона поверхности/контрола успех */
893
+ export var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)';
894
+ /** Инвертированный цвет фона поверхности/контрола предупреждение */
895
+ export var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)';
896
+ /** Инвертированный цвет фона поверхности/контрола предупреждение */
897
+ export var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)';
898
+ /** Инвертированный цвет фона поверхности/контрола ошибка */
899
+ export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF475AFF)';
900
+ /** Инвертированный цвет фона поверхности/контрола ошибка */
901
+ export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF1F35FF)';
902
+ /** Инвертированный цвет фона поверхности/контрола информация */
903
+ export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)';
904
+ /** Инвертированный цвет фона поверхности/контрола информация */
905
+ export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #1086D5FF)';
906
+ /** Инвертированный минорный цвет фона поверхности/контрола успех */
907
+ export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)';
908
+ /** Инвертированный минорный цвет фона поверхности/контрола успех */
909
+ export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #94F9A7FF)';
910
+ /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
911
+ export var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEE9DCFF)';
912
+ /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
913
+ export var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FEDCC8FF)';
914
+ /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
915
+ export var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFEBEDFF)';
916
+ /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
917
+ export var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD6DAFF)';
918
+ /** Инвертированный минорный цвет фона поверхности/контрола информация */
919
+ export var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #DBF1FFFF)';
920
+ /** Инвертированный минорный цвет фона поверхности/контрола информация */
921
+ export var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C7E9FFFF)';
922
+ /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
923
+ export var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E323D)';
924
+ /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
925
+ export var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E320F)';
926
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
927
+ export var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F053D)';
928
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
929
+ export var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F050F)';
930
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
931
+ export var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E3D)';
932
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
933
+ export var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E0F)';
934
+ /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
935
+ export var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF3D)';
936
+ /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
937
+ export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF0F)';
938
+ /** Инвертированный основной непрозрачный фон поверхности/контрола */
939
+ export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F2F5F8)';
940
+ /** Инвертированный основной непрозрачный фон поверхности/контрола */
941
+ export var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #F3F6F8FF)';
942
+ /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
943
+ export var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #E8EEF2)';
944
+ /** Инвертированный третичный непрозрачный фон поверхности/контрола */
945
+ export var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #D5DFE6)';
946
+ /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
947
+ export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #060A0C)';
948
+ /** Инвертированный основной фон для карточек */
949
+ export var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFFFF)';
950
+ /** Инвертированный основной фон для карточек */
951
+ export var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
952
+ /** Инвертированный прозрачный фон для карточек */
953
+ export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFFFF)';
954
+ /** Инвертированный прозрачный фон для карточек */
955
+ export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
956
+ /** Инвертированный акцентный фон поверхности/контрола */
957
+ export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #118CDF)';
958
+ /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
959
+ export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #CFECFF)';
960
+ /** Прозрачный инвертированный акцентный фон поверхности/контрола */
961
+ export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #118CDF1F)';
962
+ /** Инвертированный цвет фона поверхности/контрола успех */
963
+ export var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
964
+ /** Инвертированный цвет фона поверхности/контрола предупреждение */
965
+ export var inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)';
966
+ /** Инвертированный цвет фона поверхности/контрола ошибка */
967
+ export var inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)';
968
+ /** Инвертированный цвет фона поверхности/контрола информация */
969
+ export var inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)';
970
+ /** Инвертированный минорный цвет фона поверхности/контрола успех */
971
+ export var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
972
+ /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
973
+ export var inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)';
974
+ /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
975
+ export var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #FFE0E3)';
976
+ /** Инвертированный минорный цвет фона поверхности/контрола информация */
977
+ export var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #CFECFF)';
978
+ /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
979
+ export var inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E321F)';
980
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
981
+ export var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F051F)';
982
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
983
+ export var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E1F)';
984
+ /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
985
+ export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF1F)';
986
+ /** Инвертированный основной прозрачный фон поверхности/контрола */
987
+ export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #D5DFE642)';
988
+ /** Инвертированный вторичный прозрачный фон поверхности/контрола */
989
+ export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #ADB9C238)';
990
+ /** Инвертированный третичный прозрачный фон поверхности/контрола */
991
+ export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #8A959D47)';
992
+ /** Инвертированный глубокий прозрачный фон поверхности/контрола */
993
+ export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #30373CC7)';
994
+ /** Основной фон */
995
+ export var backgroundPrimary = 'var(--background-primary, #060A0C)';
996
+ /** Основной фон */
997
+ export var backgroundPrimaryBrightness = 'var(--background-primary-brightness, #15191BFF)';
998
+ /** Основной фон на темном фоне */
999
+ export var darkBackgroundPrimary = 'var(--dark-background-primary, #060A0C)';
1000
+ /** Основной фон на светлом фоне */
1001
+ export var lightBackgroundPrimary = 'var(--light-background-primary, #F7F9FB)';
1002
+ /** Инвертированный основной фон */
1003
+ export var inverseBackgroundPrimary = 'var(--inverse-background-primary, #F7F9FB)';
1004
+ /** Инвертированный основной фон */
1005
+ export var inverseBackgroundPrimaryBrightness = 'var(--inverse-background-primary-brightness, #F7F9FBFF)';
1006
+ /** Цвет фона паранжи темный */
1007
+ export var overlayHard = 'var(--overlay-hard, #060A0CF5)';
1008
+ /** Цвет фона паранжи светлый */
1009
+ export var overlaySoft = 'var(--overlay-soft, #060A0C8F)';
1010
+ /** Цвет фона паранжи размытый */
1011
+ export var overlayBlur = 'var(--overlay-blur, #060A0C47)';
1012
+ /** Цвет фона паранжи темный на темном фоне */
1013
+ export var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #060A0CF5)';
1014
+ /** Цвет фона паранжи светлый на темном фоне */
1015
+ export var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #060A0C8F)';
1016
+ /** Цвет фона паранжи размытый на темном фоне */
1017
+ export var onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #060A0C47)';
1018
+ /** Цвет фона паранжи темный на светлом фоне */
1019
+ export var onLightOverlayHard = 'var(--on-light-overlay-hard, #F7F9FBF5)';
1020
+ /** Цвет фона паранжи светлый на светлом фоне */
1021
+ export var onLightOverlaySoft = 'var(--on-light-overlay-soft, #F7F9FB8F)';
1022
+ /** Цвет фона паранжи размытый на светлом фоне */
1023
+ export var onLightOverlayBlur = 'var(--on-light-overlay-blur, #F7F9FB47)';
1024
+ /** Инвертированный цвет фона паранжи темный */
1025
+ export var inverseOverlayHard = 'var(--inverse-overlay-hard, #F7F9FBF5)';
1026
+ /** Инвертированный цвет фона паранжи светлый */
1027
+ export var inverseOverlaySoft = 'var(--inverse-overlay-soft, #F7F9FB8F)';
1028
+ /** Инвертированный цвет фона паранжи размытый */
1029
+ export var inverseOverlayBlur = 'var(--inverse-overlay-blur, #F7F9FB47)';
1030
+ /** Основной непрозрачный цвет обводки */
1031
+ export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
1032
+ /** Основной непрозрачный цвет обводки */
1033
+ export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #A0ADB6FF)';
1034
+ /** Вторичный непрозрачный цвет обводки */
1035
+ export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
1036
+ /** Вторичный непрозрачный цвет обводки */
1037
+ export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #96A2ABFF)';
1038
+ /** Третичный непрозрачный цвет обводки */
1039
+ export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
1040
+ /** Третичный непрозрачный цвет обводки */
1041
+ export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #68757DFF)';
1042
+ /** Акцентный цвет обводки */
1043
+ export var outlineAccentHover = 'var(--outline-accent-hover, #66BCF5FF)';
1044
+ /** Акцентный цвет обводки */
1045
+ export var outlineAccentActive = 'var(--outline-accent-active, #0E8ADDFF)';
1046
+ /** Акцентный минорный непрозрачный цвет обводки */
1047
+ export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #1277BAFF)';
1048
+ /** Акцентный минорный непрозрачный цвет обводки */
1049
+ export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #10659EFF)';
1050
+ /** Прозрачный акцентный цвет обводки */
1051
+ export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #199AF0FF)';
1052
+ /** Прозрачный акцентный цвет обводки */
1053
+ export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #199AF056)';
1054
+ /** Цвет обводки успех */
1055
+ export var outlinePositiveHover = 'var(--outline-positive-hover, #2ACB47FF)';
1056
+ /** Цвет обводки успех */
1057
+ export var outlinePositiveActive = 'var(--outline-positive-active, #1F9835FF)';
1058
+ /** Цвет обводки предупреждение */
1059
+ export var outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)';
1060
+ /** Цвет обводки предупреждение */
1061
+ export var outlineWarningActive = 'var(--outline-warning-active, #FF5D05FF)';
1062
+ /** Цвет обводки ошибка */
1063
+ export var outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)';
1064
+ /** Цвет обводки ошибка */
1065
+ export var outlineNegativeActive = 'var(--outline-negative-active, #FF1F35FF)';
1066
+ /** Цвет обводки информация */
1067
+ export var outlineInfoHover = 'var(--outline-info-hover, #66BCF5FF)';
1068
+ /** Цвет обводки информация */
1069
+ export var outlineInfoActive = 'var(--outline-info-active, #0E8ADDFF)';
1070
+ /** Минорный цвет обводки успех */
1071
+ export var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
1072
+ /** Минорный цвет обводки успех */
1073
+ export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0C7920FF)';
1074
+ /** Минорный цвет обводки предупреждение */
1075
+ export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
1076
+ /** Минорный цвет обводки предупреждение */
1077
+ export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #9F440FFF)';
1078
+ /** Минорный цвет обводки ошибка */
1079
+ export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B91828FF)';
1080
+ /** Минорный цвет обводки ошибка */
1081
+ export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #83111CFF)';
1082
+ /** Минорный цвет обводки информация */
1083
+ export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
1084
+ /** Минорный цвет обводки информация */
1085
+ export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #10659EFF)';
1086
+ /** Прозрачный цвет обводки успех */
1087
+ export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #24B23EFF)';
1088
+ /** Прозрачный цвет обводки успех */
1089
+ export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #24B23E56)';
1090
+ /** Прозрачный цвет обводки предупреждение */
1091
+ export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF7024FF)';
1092
+ /** Прозрачный цвет обводки предупреждение */
1093
+ export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FF702456)';
1094
+ /** Прозрачный цвет обводки предупреждение */
1095
+ export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF3D51FF)';
1096
+ /** Прозрачный цвет обводки предупреждение */
1097
+ export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF3D5156)';
1098
+ /** Прозрачный цвет обводки информация */
1099
+ export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0FF)';
1100
+ /** Прозрачный цвет обводки информация */
1101
+ export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF056)';
1102
+ /** Основной непрозрачный цвет обводки */
1103
+ export var outlineSolidPrimary = 'var(--outline-solid-primary, #23292D)';
1104
+ /** Вторичный непрозрачный цвет обводки */
1105
+ export var outlineSolidSecondary = 'var(--outline-solid-secondary, #30373C)';
1106
+ /** Третичный непрозрачный цвет обводки */
1107
+ export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #657179)';
1108
+ /** Акцентный цвет обводки */
1109
+ export var outlineAccent = 'var(--outline-accent, #199AF0)';
1110
+ /** Акцентный минорный непрозрачный цвет обводки */
1111
+ export var outlineAccentMinor = 'var(--outline-accent-minor, #0D5382)';
1112
+ /** Прозрачный акцентный цвет обводки */
1113
+ export var outlineTransparentAccent = 'var(--outline-transparent-accent, #199AF047)';
1114
+ /** Цвет обводки успех */
1115
+ export var outlinePositive = 'var(--outline-positive, #24B23E)';
1116
+ /** Цвет обводки предупреждение */
1117
+ export var outlineWarning = 'var(--outline-warning, #FF7024)';
1118
+ /** Цвет обводки ошибка */
1119
+ export var outlineNegative = 'var(--outline-negative, #FF3D51)';
1120
+ /** Цвет обводки информация */
1121
+ export var outlineInfo = 'var(--outline-info, #199AF0)';
1122
+ /** Минорный цвет обводки успех */
1123
+ export var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
1124
+ /** Минорный цвет обводки предупреждение */
1125
+ export var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
1126
+ /** Минорный цвет обводки ошибка */
1127
+ export var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
1128
+ /** Минорный цвет обводки информация */
1129
+ export var outlineInfoMinor = 'var(--outline-info-minor, #0D5382)';
1130
+ /** Прозрачный цвет обводки успех */
1131
+ export var outlineTransparentPositive = 'var(--outline-transparent-positive, #24B23E47)';
1132
+ /** Прозрачный цвет обводки предупреждение */
1133
+ export var outlineTransparentWarning = 'var(--outline-transparent-warning, #FF702447)';
1134
+ /** Прозрачный цвет обводки предупреждение */
1135
+ export var outlineTransparentNegative = 'var(--outline-transparent-negative, #FF3D5147)';
1136
+ /** Прозрачный цвет обводки информация */
1137
+ export var outlineTransparentInfo = 'var(--outline-transparent-info, #199AF047)';
1138
+ /** dark outline default outlineSolidDefaultHover */
1139
+ export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #D0DBE7FF)';
1140
+ /** dark outline default outlineSolidDefaultActive */
1141
+ export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E4EBF1FF)';
1142
+ /** dark outline default outlineSolidDefault */
1143
+ export var outlineSolidDefault = 'var(--outline-solid-default, #F7F9FB)';
1144
+ /** Основной непрозрачный цвет обводки на темном фоне */
1145
+ export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
1146
+ /** Основной непрозрачный цвет обводки на темном фоне */
1147
+ export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #A0ADB6FF)';
1148
+ /** Вторичный непрозрачный цвет обводки на темном фоне */
1149
+ export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
1150
+ /** Вторичный непрозрачный цвет обводки на темном фоне */
1151
+ export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #96A2ABFF)';
1152
+ /** Третичный непрозрачный цвет обводки на темном фоне */
1153
+ export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
1154
+ /** Третичный непрозрачный цвет обводки на темном фоне */
1155
+ export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #68757DFF)';
1156
+ /** Акцентный цвет обводки на темном фоне */
1157
+ export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #66BCF5FF)';
1158
+ /** Акцентный цвет обводки на темном фоне */
1159
+ export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0E8ADDFF)';
1160
+ /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
1161
+ export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #1277BAFF)';
1162
+ /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
1163
+ export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #10659EFF)';
1164
+ /** Прозрачный акцентный цвет обводки на темном фоне */
1165
+ export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #199AF0FF)';
1166
+ /** Прозрачный акцентный цвет обводки на темном фоне */
1167
+ export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #199AF056)';
1168
+ /** Цвет обводки успех на темном фоне */
1169
+ export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #2ACB47FF)';
1170
+ /** Цвет обводки успех на темном фоне */
1171
+ export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #1F9835FF)';
1172
+ /** Цвет обводки предупреждение на темном фоне */
1173
+ export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)';
1174
+ /** Цвет обводки предупреждение на темном фоне */
1175
+ export var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF5D05FF)';
1176
+ /** Цвет обводки ошибка на темном фоне */
1177
+ export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)';
1178
+ /** Цвет обводки ошибка на темном фоне */
1179
+ export var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF1F35FF)';
1180
+ /** Цвет обводки информация на темном фоне */
1181
+ export var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #66BCF5FF)';
1182
+ /** Цвет обводки информация на темном фоне */
1183
+ export var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #0E8ADDFF)';
1184
+ /** Минорный цвет обводки успех на темном фоне */
1185
+ export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
1186
+ /** Минорный цвет обводки успех на темном фоне */
1187
+ export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #0C7920FF)';
1188
+ /** Минорный цвет обводки предупреждение на темном фоне */
1189
+ export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
1190
+ /** Минорный цвет обводки предупреждение на темном фоне */
1191
+ export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #9F440FFF)';
1192
+ /** Минорный цвет обводки ошибка на темном фоне */
1193
+ export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B91828FF)';
1194
+ /** Минорный цвет обводки ошибка на темном фоне */
1195
+ export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #83111CFF)';
1196
+ /** Минорный цвет обводки информация на темном фоне */
1197
+ export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
1198
+ /** Минорный цвет обводки информация на темном фоне */
1199
+ export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #10659EFF)';
1200
+ /** Прозрачный цвет обводки успех на темном фоне */
1201
+ export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #24B23EFF)';
1202
+ /** Прозрачный цвет обводки успех на темном фоне */
1203
+ export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #24B23E56)';
1204
+ /** Прозрачный цвет обводки предупреждение на темном фоне */
1205
+ export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF7024FF)';
1206
+ /** Прозрачный цвет обводки предупреждение на темном фоне */
1207
+ export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FF702456)';
1208
+ /** Прозрачный цвет обводки предупреждение на темном фоне */
1209
+ export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF3D51FF)';
1210
+ /** Прозрачный цвет обводки предупреждение на темном фоне */
1211
+ export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF3D5156)';
1212
+ /** Прозрачный цвет обводки информация на темном фоне */
1213
+ export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0FF)';
1214
+ /** Прозрачный цвет обводки информация на темном фоне */
1215
+ export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF056)';
1216
+ /** Основной непрозрачный цвет обводки на темном фоне */
1217
+ export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #23292D)';
1218
+ /** Вторичный непрозрачный цвет обводки на темном фоне */
1219
+ export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #30373C)';
1220
+ /** Третичный непрозрачный цвет обводки на темном фоне */
1221
+ export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #657179)';
1222
+ /** Акцентный цвет обводки на темном фоне */
1223
+ export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #199AF0)';
1224
+ /** Прозрачный акцентный цвет обводки на темном фоне */
1225
+ export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #199AF047)';
1226
+ /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
1227
+ export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #0D5382)';
1228
+ /** Цвет обводки успех на темном фоне */
1229
+ export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
1230
+ /** Цвет обводки предупреждение на темном фоне */
1231
+ export var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
1232
+ /** Цвет обводки ошибка на темном фоне */
1233
+ export var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
1234
+ /** Цвет обводки информация на темном фоне */
1235
+ export var onDarkOutlineInfo = 'var(--on-dark-outline-info, #199AF0)';
1236
+ /** Минорный цвет обводки успех на темном фоне */
1237
+ export var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
1238
+ /** Минорный цвет обводки предупреждение на темном фоне */
1239
+ export var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
1240
+ /** Минорный цвет обводки ошибка на темном фоне */
1241
+ export var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
1242
+ /** Минорный цвет обводки информация на темном фоне */
1243
+ export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #0D5382)';
1244
+ /** Прозрачный цвет обводки успех на темном фоне */
1245
+ export var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, #24B23E47)';
1246
+ /** Прозрачный цвет обводки предупреждение на темном фоне */
1247
+ export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, #FF702447)';
1248
+ /** Прозрачный цвет обводки предупреждение на темном фоне */
1249
+ export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF3D5147)';
1250
+ /** Прозрачный цвет обводки информация на темном фоне */
1251
+ export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #199AF047)';
1252
+ /** dark outline onDark outlineSolidDefault */
1253
+ export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F7F9FB)';
1254
+ /** dark outline onDark outlineSolidDefaultHover */
1255
+ export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #D0DBE7FF)';
1256
+ /** dark outline onDark outlineSolidDefaultActive */
1257
+ export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E4EBF1FF)';
1258
+ /** Основной непрозрачный цвет обводки на светлом фоне */
1259
+ export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #AFC2CFFF)';
1260
+ /** Основной непрозрачный цвет обводки на светлом фоне */
1261
+ export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C2D1DBFF)';
1262
+ /** Вторичный непрозрачный цвет обводки на светлом фоне */
1263
+ export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)';
1264
+ /** Вторичный непрозрачный цвет обводки на светлом фоне */
1265
+ export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #4F585FFF)';
1266
+ /** Третичный непрозрачный цвет обводки на светлом фоне */
1267
+ export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
1268
+ /** Третичный непрозрачный цвет обводки на светлом фоне */
1269
+ export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #68757DFF)';
1270
+ /** Акцентный цвет обводки на светлом фоне */
1271
+ export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #34A7F4FF)';
1272
+ /** Акцентный цвет обводки на светлом фоне */
1273
+ export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #096CAEFF)';
1274
+ /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
1275
+ export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #A3DAFFFF)';
1276
+ /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
1277
+ export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #33ADFFFF)';
1278
+ /** Прозрачный акцентный цвет обводки на светлом фоне */
1279
+ export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #0B7ECBFF)';
1280
+ /** Прозрачный акцентный цвет обводки на светлом фоне */
1281
+ export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #0B7ECB3D)';
1282
+ /** Цвет обводки успех на светлом фоне */
1283
+ export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #13AA2CFF)';
1284
+ /** Цвет обводки успех на светлом фоне */
1285
+ export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0D731EFF)';
1286
+ /** Цвет обводки предупреждение на светлом фоне */
1287
+ export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)';
1288
+ /** Цвет обводки предупреждение на светлом фоне */
1289
+ export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #DC5304FF)';
1290
+ /** Цвет обводки ошибка на светлом фоне */
1291
+ export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #ED263AFF)';
1292
+ /** Цвет обводки ошибка на светлом фоне */
1293
+ export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #C61022FF)';
1294
+ /** Цвет обводки информация на светлом фоне */
1295
+ export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #34A7F4FF)';
1296
+ /** Цвет обводки информация на светлом фоне */
1297
+ export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #096CAEFF)';
1298
+ /** Минорный цвет обводки успех на светлом фоне */
1299
+ export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #3EDA5BFF)';
1300
+ /** Минорный цвет обводки успех на светлом фоне */
1301
+ export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
1302
+ /** Минорный цвет обводки предупреждение на светлом фоне */
1303
+ export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB086FF)';
1304
+ /** Минорный цвет обводки предупреждение на светлом фоне */
1305
+ export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC884AFF)';
1306
+ /** Минорный цвет обводки ошибка на светлом фоне */
1307
+ export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFADB6FF)';
1308
+ /** Минорный цвет обводки ошибка на светлом фоне */
1309
+ export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF707EFF)';
1310
+ /** Минорный цвет обводки информация на светлом фоне */
1311
+ export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
1312
+ /** Минорный цвет обводки информация на светлом фоне */
1313
+ export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #33ADFFFF)';
1314
+ /** Прозрачный цвет обводки успех на светлом фоне */
1315
+ export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #108E25FF)';
1316
+ /** Прозрачный цвет обводки успех на светлом фоне */
1317
+ export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #108E253D)';
1318
+ /** Прозрачный цвет обводки предупреждение на светлом фоне */
1319
+ export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E85702FF)';
1320
+ /** Прозрачный цвет обводки предупреждение на светлом фоне */
1321
+ export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E857023D)';
1322
+ /** Прозрачный цвет обводки предупреждение на светлом фоне */
1323
+ export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #F31B31FF)';
1324
+ /** Прозрачный цвет обводки предупреждение на светлом фоне */
1325
+ export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #F31B313D)';
1326
+ /** Прозрачный цвет обводки информация на светлом фоне */
1327
+ export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECBFF)';
1328
+ /** Прозрачный цвет обводки информация на светлом фоне */
1329
+ export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB3D)';
1330
+ /** Основной непрозрачный цвет обводки на светлом фоне */
1331
+ export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #D5DFE6)';
1332
+ /** Вторичный непрозрачный цвет обводки на светлом фоне */
1333
+ export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #8A959D)';
1334
+ /** Третичный непрозрачный цвет обводки на светлом фоне */
1335
+ export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #657179)';
1336
+ /** Акцентный цвет обводки на светлом фоне */
1337
+ export var onLightOutlineAccent = 'var(--on-light-outline-accent, #0B7ECB)';
1338
+ /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
1339
+ export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #52BAFF)';
1340
+ /** Прозрачный акцентный цвет обводки на светлом фоне */
1341
+ export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #0B7ECB33)';
1342
+ /** Цвет обводки успех на светлом фоне */
1343
+ export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
1344
+ /** Цвет обводки информация на светлом фоне */
1345
+ export var onLightOutlineInfo = 'var(--on-light-outline-info, #0B7ECB)';
1346
+ /** Минорный цвет обводки успех на светлом фоне */
1347
+ export var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
1348
+ /** Минорный цвет обводки предупреждение на светлом фоне */
1349
+ export var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
1350
+ /** Минорный цвет обводки ошибка на светлом фоне */
1351
+ export var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
1352
+ /** Минорный цвет обводки информация на светлом фоне */
1353
+ export var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #52BAFF)';
1354
+ /** Прозрачный цвет обводки успех на светлом фоне */
1355
+ export var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, #108E2633)';
1356
+ /** Прозрачный цвет обводки предупреждение на светлом фоне */
1357
+ export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, #E8570233)';
1358
+ /** Прозрачный цвет обводки предупреждение на светлом фоне */
1359
+ export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, #F31B3133)';
1360
+ /** Прозрачный цвет обводки информация на светлом фоне */
1361
+ export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, #0B7ECB33)';
1362
+ /** dark outline onLight outlineSolidDefault */
1363
+ export var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #060A0C)';
1364
+ /** dark outline onLight outlineSolidDefaultHover */
1365
+ export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #1B2D36FF)';
1366
+ /** dark outline onLight outlineSolidDefaultActive */
1367
+ export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #111C22FF)';
1368
+ /** Цвет обводки предупреждение на светлом фоне */
1369
+ export var onLightOutlineWarning = 'var(--on-light-outline-warning, #FA5F05)';
1370
+ /** Цвет обводки ошибка на светлом фоне */
1371
+ export var onLightOutlineNegative = 'var(--on-light-outline-negative, #E31227)';
1372
+ /** Инвертированный основной непрозрачный цвет обводки */
1373
+ export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #AFC2CFFF)';
1374
+ /** Инвертированный основной непрозрачный цвет обводки */
1375
+ export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C2D1DBFF)';
1376
+ /** Инвертированный вторичный непрозрачный цвет обводки */
1377
+ export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)';
1378
+ /** Инвертированный вторичный непрозрачный цвет обводки */
1379
+ export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #4F585FFF)';
1380
+ /** Инвертированный третичный непрозрачный цвет обводки */
1381
+ export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
1382
+ /** Инвертированный третичный непрозрачный цвет обводки */
1383
+ export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #68757DFF)';
1384
+ /** Инвертированный акцентный цвет обводки */
1385
+ export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #34A7F4FF)';
1386
+ /** Инвертированный акцентный цвет обводки */
1387
+ export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #096CAEFF)';
1388
+ /** Инвертированный акцентный минорный непрозрачный цвет обводки */
1389
+ export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #A3DAFFFF)';
1390
+ /** Инвертированный акцентный минорный непрозрачный цвет обводки */
1391
+ export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #33ADFFFF)';
1392
+ /** Прозрачный инвертированный акцентный цвет обводки */
1393
+ export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #0B7ECBFF)';
1394
+ /** Прозрачный инвертированный акцентный цвет обводки */
1395
+ export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #0B7ECB3D)';
1396
+ /** Инвертированный цвет обводки успех */
1397
+ export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #13AA2CFF)';
1398
+ /** Инвертированный цвет обводки успех */
1399
+ export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0D731EFF)';
1400
+ /** Инвертированный цвет обводки предупреждение */
1401
+ export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)';
1402
+ /** Инвертированный цвет обводки предупреждение */
1403
+ export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)';
1404
+ /** Инвертированный цвет обводки ошибка */
1405
+ export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #ED263AFF)';
1406
+ /** Инвертированный цвет обводки ошибка */
1407
+ export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #C61022FF)';
1408
+ /** Инвертированный цвет обводки информация */
1409
+ export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #34A7F4FF)';
1410
+ /** Инвертированный цвет обводки информация */
1411
+ export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #096CAEFF)';
1412
+ /** Инвертированный минорный цвет обводки успех */
1413
+ export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)';
1414
+ /** Инвертированный минорный цвет обводки успех */
1415
+ export var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
1416
+ /** Инвертированный минорный цвет обводки предупреждение */
1417
+ export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)';
1418
+ /** Инвертированный минорный цвет обводки предупреждение */
1419
+ export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)';
1420
+ /** Инвертированный минорный цвет обводки ошибка */
1421
+ export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)';
1422
+ /** Инвертированный минорный цвет обводки ошибка */
1423
+ export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)';
1424
+ /** Инвертированный минорный цвет обводки информация */
1425
+ export var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
1426
+ /** Инвертированный минорный цвет обводки информация */
1427
+ export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #33ADFFFF)';
1428
+ /** Прозрачный инвертированный цвет обводки успех */
1429
+ export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #108E25FF)';
1430
+ /** Прозрачный инвертированный цвет обводки успех */
1431
+ export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #108E253D)';
1432
+ /** Прозрачный инвертированный цвет обводки предупреждение */
1433
+ export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #E85702FF)';
1434
+ /** Прозрачный инвертированный цвет обводки предупреждение */
1435
+ export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #E857023D)';
1436
+ /** Прозрачный инвертированный цвет обводки предупреждение */
1437
+ export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B31FF)';
1438
+ /** Прозрачный инвертированный цвет обводки предупреждение */
1439
+ export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B313D)';
1440
+ /** Прозрачный инвертированный цвет обводки информация */
1441
+ export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECBFF)';
1442
+ /** Прозрачный инвертированный цвет обводки информация */
1443
+ export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB3D)';
1444
+ /** Инвертированный основной непрозрачный цвет обводки */
1445
+ export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #D5DFE6)';
1446
+ /** Инвертированный вторичный непрозрачный цвет обводки */
1447
+ export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #8A959D)';
1448
+ /** Инвертированный акцентный цвет обводки */
1449
+ export var inverseOutlineAccent = 'var(--inverse-outline-accent, #0B7ECB)';
1450
+ /** Инвертированный акцентный минорный непрозрачный цвет обводки */
1451
+ export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #52BAFF)';
1452
+ /** Прозрачный инвертированный акцентный цвет обводки */
1453
+ export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #0B7ECB33)';
1454
+ /** Инвертированный цвет обводки успех */
1455
+ export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
1456
+ /** Инвертированный цвет обводки информация */
1457
+ export var inverseOutlineInfo = 'var(--inverse-outline-info, #0B7ECB)';
1458
+ /** Инвертированный минорный цвет обводки успех */
1459
+ export var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
1460
+ /** Инвертированный минорный цвет обводки предупреждение */
1461
+ export var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
1462
+ /** Инвертированный минорный цвет обводки ошибка */
1463
+ export var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
1464
+ /** Инвертированный минорный цвет обводки информация */
1465
+ export var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #52BAFF)';
1466
+ /** Прозрачный инвертированный цвет обводки успех */
1467
+ export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, #108E2633)';
1468
+ /** Прозрачный инвертированный цвет обводки предупреждение */
1469
+ export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, #E8570233)';
1470
+ /** Прозрачный инвертированный цвет обводки предупреждение */
1471
+ export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, #F31B3133)';
1472
+ /** Прозрачный инвертированный цвет обводки информация */
1473
+ export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, #0B7ECB33)';
1474
+ /** dark outline inverse outlineSolidDefault */
1475
+ export var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #060A0C)';
1476
+ /** dark outline inverse outlineSolidDefaultHover */
1477
+ export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #1B2D36FF)';
1478
+ /** dark outline inverse outlineSolidDefaultActive */
1479
+ export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #111C22FF)';
1480
+ /** Инвертированный цвет обводки предупреждение */
1481
+ export var inverseOutlineWarning = 'var(--inverse-outline-warning, #FA5F05)';
1482
+ /** Инвертированный цвет обводки ошибка */
1483
+ export var inverseOutlineNegative = 'var(--inverse-outline-negative, #E31227)';
1484
+ /** Инвертированный третичный непрозрачный цвет обводки */
1485
+ export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #657179)';
1486
+ /** Желтый цвет для данных */
1487
+ export var dataYellow = 'var(--data-yellow, #F3A912)';
1488
+ /** Желтый цвет для данных */
1489
+ export var dataYellowHover = 'var(--data-yellow-hover, #F4B22FFF)';
1490
+ /** Желтый цвет для данных */
1491
+ export var dataYellowActive = 'var(--data-yellow-active, #EDA20CFF)';
1492
+ /** Минорный желтый цвет для данных */
1493
+ export var dataYellowMinor = 'var(--data-yellow-minor, #A16B00)';
1494
+ /** Минорный желтый цвет для данных */
1495
+ export var dataYellowMinorHover = 'var(--data-yellow-minor-hover, #B87A00FF)';
1496
+ /** Минорный желтый цвет для данных */
1497
+ export var dataYellowMinorActive = 'var(--data-yellow-minor-active, #996600FF)';
1498
+ /** Прозрачный желтый цвет для данных */
1499
+ export var dataYellowTransparent = 'var(--data-yellow-transparent, #F3A9128F)';
1500
+ /** Прозрачный желтый цвет для данных */
1501
+ export var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F3A812AD)';
1502
+ /** Прозрачный желтый цвет для данных */
1503
+ export var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #F3A81280)';
1504
+ /** Светлый желтый цвет для данных */
1505
+ export var dataYellowLight = 'var(--data-yellow-light, #332200)';
1506
+ /** Светлый желтый цвет для данных */
1507
+ export var dataYellowLightHover = 'var(--data-yellow-light-hover, #FFF4E0FF)';
1508
+ /** Светлый желтый цвет для данных */
1509
+ export var dataYellowLightActive = 'var(--data-yellow-light-active, #FFF3DBFF)';
1510
+ /** Светлый голубой цвет для данных */
1511
+ export var dataSkyBlueLight = 'var(--data-sky-blue-light, #0C283B)';
1512
+ /** Светлый голубой цвет для данных */
1513
+ export var dataSkyBlueLightHover = 'var(--data-sky-blue-light-hover, #E0F8FFFF)';
1514
+ /** Светлый голубой цвет для данных */
1515
+ export var dataSkyBlueLightActive = 'var(--data-sky-blue-light-active, #DBF7FFFF)';
1516
+ /** Желтый цвет для данных на темном фоне */
1517
+ export var onDarkDataYellow = 'var(--on-dark-data-yellow, #F3A912)';
1518
+ /** Желтый цвет для данных на темном фоне */
1519
+ export var onDarkDataYellowHover = 'var(--on-dark-data-yellow-hover, #F4B22FFF)';
1520
+ /** Желтый цвет для данных на темном фоне */
1521
+ export var onDarkDataYellowActive = 'var(--on-dark-data-yellow-active, #EDA20CFF)';
1522
+ /** Минорный желтый цвет для данных на темном фоне */
1523
+ export var onDarkDataYellowMinor = 'var(--on-dark-data-yellow-minor, #A16B00)';
1524
+ /** Минорный желтый цвет для данных на темном фоне */
1525
+ export var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
1526
+ /** Минорный желтый цвет для данных на темном фоне */
1527
+ export var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #996600FF)';
1528
+ /** Прозрачный желтый цвет для данных на темном фоне */
1529
+ export var onDarkDataYellowTransparent = 'var(--on-dark-data-yellow-transparent, #F3A9128F)';
1530
+ /** Прозрачный желтый цвет для данных на темном фоне */
1531
+ export var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
1532
+ /** Прозрачный желтый цвет для данных на темном фоне */
1533
+ export var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
1534
+ /** Светлый желтый цвет для данных на темном фоне */
1535
+ export var onDarkDataYellowLight = 'var(--on-dark-data-yellow-light, #332200)';
1536
+ /** Светлый желтый цвет для данных на темном фоне */
1537
+ export var onDarkDataYellowLightHover = 'var(--on-dark-data-yellow-light-hover, #FFF4E0FF)';
1538
+ /** Светлый желтый цвет для данных на темном фоне */
1539
+ export var onDarkDataYellowLightActive = 'var(--on-dark-data-yellow-light-active, #FFF3DBFF)';
1540
+ /** Светлый голубой цвет для данных на темном фоне */
1541
+ export var onDarkDataSkyBlueLight = 'var(--on-dark-data-sky-blue-light, #0C283B)';
1542
+ /** Cветлый голубой цвет для данных на темном фоне */
1543
+ export var onDarkDataSkyBlueLightHover = 'var(--on-dark-data-sky-blue-light-hover, #E0F8FFFF)';
1544
+ /** Cветлый голубой цвет для данных на темном фоне */
1545
+ export var onDarkDataSkyBlueLightActive = 'var(--on-dark-data-sky-blue-light-active, #DBF7FFFF)';
1546
+ /** Желтый цвет для данных на светлом фоне */
1547
+ export var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
1548
+ /** Желтый цвет для данных на светлом фоне */
1549
+ export var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F4B22FFF)';
1550
+ /** Желтый цвет для данных на светлом фоне */
1551
+ export var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #EDA20CFF)';
1552
+ /** Минорный желтый цвет для данных на светлом фоне */
1553
+ export var onLightDataYellowMinor = 'var(--on-light-data-yellow-minor, #FFD37A)';
1554
+ /** Минорный желтый цвет для данных на светлом фоне */
1555
+ export var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFDA8FFF)';
1556
+ /** Минорный желтый цвет для данных на светлом фоне */
1557
+ export var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCF70FF)';
1558
+ /** Прозрачный желтый цвет для данных на светлом фоне */
1559
+ export var onLightDataYellowTransparent = 'var(--on-light-data-yellow-transparent, #F3A9128F)';
1560
+ /** Прозрачный желтый цвет для данных на светлом фоне */
1561
+ export var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A812AD)';
1562
+ /** Прозрачный желтый цвет для данных на светлом фоне */
1563
+ export var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A81280)';
1564
+ /** Светлый желтый цвет для данных на светлом фоне */
1565
+ export var onLightDataYellowLight = 'var(--on-light-data-yellow-light, #FFF6E5)';
1566
+ /** Светлый желтый цвет для данных на светлом фоне */
1567
+ export var onLightDataYellowLightHover = 'var(--on-light-data-yellow-light-hover, #FFF4E0FF)';
1568
+ /** Светлый желтый цвет для данных на светлом фоне */
1569
+ export var onLightDataYellowLightActive = 'var(--on-light-data-yellow-light-active, #FFF3DBFF)';
1570
+ /** Светлый голубой цвет для данных на светлом фоне */
1571
+ export var onLightDataSkyBlueLight = 'var(--on-light-data-sky-blue-light, #E8FAFF)';
1572
+ /** Светлый голубой цвет для данных на светлом фоне */
1573
+ export var onLightDataSkyBlueLightHover = 'var(--on-light-data-sky-blue-light-hover, #E0F8FFFF)';
1574
+ /** Светлый голубой цвет для данных на светлом фоне */
1575
+ export var onLightDataSkyBlueLightActive = 'var(--on-light-data-sky-blue-light-active, #DBF7FFFF)';
1576
+ /** Инвертированный желтый цвет для данных */
1577
+ export var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
1578
+ /** Инвертированный желтый цвет для данных */
1579
+ export var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F4B22FFF)';
1580
+ /** Инвертированный желтый цвет для данных */
1581
+ export var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #EDA20CFF)';
1582
+ /** Инвертированный минорный желтый цвет для данных */
1583
+ export var inverseDataYellowMinor = 'var(--inverse-data-yellow-minor, #FFD37A)';
1584
+ /** Инвертированный минорный желтый цвет для данных */
1585
+ export var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFDA8FFF)';
1586
+ /** Инвертированный минорный желтый цвет для данных */
1587
+ export var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCF70FF)';
1588
+ /** Инвертированный прозрачный желтый цвет для данных */
1589
+ export var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent, #F3A9128F)';
1590
+ /** Инвертированный прозрачный желтый цвет для данных */
1591
+ export var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A812AD)';
1592
+ /** Инвертированный прозрачный желтый цвет для данных */
1593
+ export var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A81280)';
1594
+ /** Инвертированный светлый желтый цвет для данных */
1595
+ export var inverseDataYellowLight = 'var(--inverse-data-yellow-light, #FFF6E5)';
1596
+ /** Инвертированный светлый желтый цвет для данных */
1597
+ export var inverseDataYellowLightHover = 'var(--inverse-data-yellow-light-hover, #FFF4E0FF)';
1598
+ /** Инвертированный светлый желтый цвет для данных */
1599
+ export var inverseDataYellowLightActive = 'var(--inverse-data-yellow-light-active, #FFF3DBFF)';
1600
+ /** Инвертированный светлый голубой цвет для данных */
1601
+ export var inverseDataSkyBlueLight = 'var(--inverse-data-sky-blue-light, #E8FAFF)';
1602
+ /** Инвертированный светлый голубой цвет для данных */
1603
+ export var inverseDataSkyBlueLightHover = 'var(--inverse-data-sky-blue-light-hover, #E0F8FFFF)';
1604
+ /** Инвертированный светлый голубой цвет для данных */
1605
+ export var inverseDataSkyBlueLightActive = 'var(--inverse-data-sky-blue-light-active, #DBF7FFFF)';
1606
+ /** Фон для скелетона */
1607
+ export var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
1608
+ /** Фон для скелетона */
1609
+ export var surfaceSkeletonGradientHover = 'var(--surface-skeleton-gradient-hover, #FFFFFFFF)';
1610
+ /** Фон для скелетона */
1611
+ export var surfaceSkeletonGradientActive = 'var(--surface-skeleton-gradient-active, #FFFFFFFF)';
1612
+ /** Яркий фон для скелетона */
1613
+ export var surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))';
1614
+ /** Яркий фон для скелетона */
1615
+ export var surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
1616
+ /** Яркий фон для скелетона */
1617
+ export var surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)';
1618
+ /** Фон для скелетона */
1619
+ export var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
1620
+ /** Фон для скелетона */
1621
+ export var onDarkSurfaceSkeletonGradientHover = 'var(--on-dark-surface-skeleton-gradient-hover, #FFFFFFFF)';
1622
+ /** Фон для скелетона */
1623
+ export var onDarkSurfaceSkeletonGradientActive = 'var(--on-dark-surface-skeleton-gradient-active, #FFFFFFFF)';
1624
+ /** Яркий фон для скелетона */
1625
+ export var onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-deep-gradient, linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%))';
1626
+ /** Яркий фон для скелетона */
1627
+ export var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
1628
+ /** Яркий фон для скелетона */
1629
+ export var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
1630
+ /** Фон для скелетона */
1631
+ export var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
1632
+ /** Фон для скелетона */
1633
+ export var onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)';
1634
+ /** Фон для скелетона */
1635
+ export var onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)';
1636
+ /** Яркий фон для скелетона */
1637
+ export var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
1638
+ /** Яркий фон для скелетона */
1639
+ export var onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
1640
+ /** Яркий фон для скелетона */
1641
+ export var onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
1642
+ /** Фон для скелетона */
1643
+ export var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
1644
+ /** Фон для скелетона */
1645
+ export var inverseSurfaceSkeletonGradientHover = 'var(--inverse-surface-skeleton-gradient-hover, #FFFFFFFF)';
1646
+ /** Фон для скелетона */
1647
+ export var inverseSurfaceSkeletonGradientActive = 'var(--inverse-surface-skeleton-gradient-active, #FFFFFFFF)';
1648
+ /** Яркий фон для скелетона */
1649
+ export var inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
1650
+ /** Яркий фон для скелетона */
1651
+ export var inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
1652
+ /** Яркий фон для скелетона */
1653
+ export var inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
1654
+ /** shadow down soft s */
1655
+ export var shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)';
1656
+ /** shadow down soft m */
1657
+ export var shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px #00000014)';
1658
+ /** shadow down soft l */
1659
+ export var shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px #00000014)';
1660
+ /** shadow down hard s */
1661
+ export var shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px #08080829,0px 1px 4px -2px #00000014)';
1662
+ /** shadow down hard m */
1663
+ export var shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px #0000003D)';
1664
+ /** shadow down hard l */
1665
+ export var shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px #00000066)';
1666
+ /** shadow up soft s */
1667
+ export var shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px #08080814,0px -1px 4px -1px #00000008)';
1668
+ /** shadow up soft m */
1669
+ export var shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px #00000014)';
1670
+ /** shadow up soft l */
1671
+ export var shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px #00000014)';
1672
+ /** shadow up hard s */
1673
+ export var shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px #08080833,0px -1px 4px -1px #00000008)';
1674
+ /** shadow up hard m */
1675
+ export var shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px #0000003D)';
1676
+ /** shadow up hard l */
1677
+ export var shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #00000066)';
1678
+ /** borderRadius xxs */
1679
+ export var borderRadiusXxs = 'var(--border-radius-xxs, 4px)';
1680
+ /** borderRadius xs */
1681
+ export var borderRadiusXs = 'var(--border-radius-xs, 8px)';
1682
+ /** borderRadius s */
1683
+ export var borderRadiusS = 'var(--border-radius-s, 12px)';
1684
+ /** borderRadius m */
1685
+ export var borderRadiusM = 'var(--border-radius-m, 16px)';
1686
+ /** borderRadius l */
1687
+ export var borderRadiusL = 'var(--border-radius-l, 20px)';
1688
+ /** borderRadius xl */
1689
+ export var borderRadiusXl = 'var(--border-radius-xl, 24px)';
1690
+ /** borderRadius xxl */
1691
+ export var borderRadiusXxl = 'var(--border-radius-xxl, 32px)';
1692
+ /** spacing 0x */
1693
+ export var spacing0x = 'var(--spacing-0x, 0px)';
1694
+ /** spacing 1x */
1695
+ export var spacing1x = 'var(--spacing-1x, 2px)';
1696
+ /** spacing 2x */
1697
+ export var spacing2x = 'var(--spacing-2x, 4px)';
1698
+ /** spacing 3x */
1699
+ export var spacing3x = 'var(--spacing-3x, 6px)';
1700
+ /** spacing 4x */
1701
+ export var spacing4x = 'var(--spacing-4x, 8px)';
1702
+ /** spacing 6x */
1703
+ export var spacing6x = 'var(--spacing-6x, 12px)';
1704
+ /** spacing 8x */
1705
+ export var spacing8x = 'var(--spacing-8x, 16px)';
1706
+ /** spacing 10x */
1707
+ export var spacing10x = 'var(--spacing-10x, 20px)';
1708
+ /** spacing 12x */
1709
+ export var spacing12x = 'var(--spacing-12x, 24px)';
1710
+ /** spacing 16x */
1711
+ export var spacing16x = 'var(--spacing-16x, 32px)';
1712
+ /** spacing 20x */
1713
+ export var spacing20x = 'var(--spacing-20x, 40px)';
1714
+ /** spacing 24x */
1715
+ export var spacing24x = 'var(--spacing-24x, 48px)';
1716
+ /** spacing 32x */
1717
+ export var spacing32x = 'var(--spacing-32x, 64px)';
1718
+ /** spacing 40x */
1719
+ export var spacing40x = 'var(--spacing-40x, 80px)';
1720
+ /** spacing 60x */
1721
+ export var spacing60x = 'var(--spacing-60x, 120px)';
1722
+ /** typography s display-l */
1723
+ export var dsplL = {
1724
+ fontFamily: 'var(--plasma-typo-dspl-l-font-family)',
1725
+ fontSize: 'var(--plasma-typo-dspl-l-font-size)',
1726
+ fontStyle: 'var(--plasma-typo-dspl-l-font-style)',
1727
+ fontWeight: 'var(--plasma-typo-dspl-l-font-weight)',
1728
+ letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)',
1729
+ lineHeight: 'var(--plasma-typo-dspl-l-line-height)',
1730
+ };
1731
+ /** typography s display-l-bold */
1732
+ export var dsplLBold = {
1733
+ fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)',
1734
+ fontSize: 'var(--plasma-typo-dspl-l-bold-font-size)',
1735
+ fontStyle: 'var(--plasma-typo-dspl-l-bold-font-style)',
1736
+ fontWeight: 'var(--plasma-typo-dspl-l-bold-font-weight)',
1737
+ letterSpacing: 'var(--plasma-typo-dspl-l-bold-letter-spacing)',
1738
+ lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)',
1739
+ };
1740
+ /** typography s display-m */
1741
+ export var dsplM = {
1742
+ fontFamily: 'var(--plasma-typo-dspl-m-font-family)',
1743
+ fontSize: 'var(--plasma-typo-dspl-m-font-size)',
1744
+ fontStyle: 'var(--plasma-typo-dspl-m-font-style)',
1745
+ fontWeight: 'var(--plasma-typo-dspl-m-font-weight)',
1746
+ letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)',
1747
+ lineHeight: 'var(--plasma-typo-dspl-m-line-height)',
1748
+ };
1749
+ /** typography s display-m-bold */
1750
+ export var dsplMBold = {
1751
+ fontFamily: 'var(--plasma-typo-dspl-m-bold-font-family)',
1752
+ fontSize: 'var(--plasma-typo-dspl-m-bold-font-size)',
1753
+ fontStyle: 'var(--plasma-typo-dspl-m-bold-font-style)',
1754
+ fontWeight: 'var(--plasma-typo-dspl-m-bold-font-weight)',
1755
+ letterSpacing: 'var(--plasma-typo-dspl-m-bold-letter-spacing)',
1756
+ lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)',
1757
+ };
1758
+ /** typography s display-s */
1759
+ export var dsplS = {
1760
+ fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
1761
+ fontSize: 'var(--plasma-typo-dspl-s-font-size)',
1762
+ fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
1763
+ fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
1764
+ letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
1765
+ lineHeight: 'var(--plasma-typo-dspl-s-line-height)',
1766
+ };
1767
+ /** typography s display-s-bold */
1768
+ export var dsplSBold = {
1769
+ fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)',
1770
+ fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)',
1771
+ fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)',
1772
+ fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)',
1773
+ letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)',
1774
+ lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)',
1775
+ };
1776
+ /** typography s header-h1 */
1777
+ export var h1 = {
1778
+ fontFamily: 'var(--plasma-typo-h1-font-family)',
1779
+ fontSize: 'var(--plasma-typo-h1-font-size)',
1780
+ fontStyle: 'var(--plasma-typo-h1-font-style)',
1781
+ fontWeight: 'var(--plasma-typo-h1-font-weight)',
1782
+ letterSpacing: 'var(--plasma-typo-h1-letter-spacing)',
1783
+ lineHeight: 'var(--plasma-typo-h1-line-height)',
1784
+ };
1785
+ /** typography s header-h1-bold */
1786
+ export var h1Bold = {
1787
+ fontFamily: 'var(--plasma-typo-h1-bold-font-family)',
1788
+ fontSize: 'var(--plasma-typo-h1-bold-font-size)',
1789
+ fontStyle: 'var(--plasma-typo-h1-bold-font-style)',
1790
+ fontWeight: 'var(--plasma-typo-h1-bold-font-weight)',
1791
+ letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)',
1792
+ lineHeight: 'var(--plasma-typo-h1-bold-line-height)',
1793
+ };
1794
+ /** typography s header-h2 */
1795
+ export var h2 = {
1796
+ fontFamily: 'var(--plasma-typo-h2-font-family)',
1797
+ fontSize: 'var(--plasma-typo-h2-font-size)',
1798
+ fontStyle: 'var(--plasma-typo-h2-font-style)',
1799
+ fontWeight: 'var(--plasma-typo-h2-font-weight)',
1800
+ letterSpacing: 'var(--plasma-typo-h2-letter-spacing)',
1801
+ lineHeight: 'var(--plasma-typo-h2-line-height)',
1802
+ };
1803
+ /** typography s header-h2-bold */
1804
+ export var h2Bold = {
1805
+ fontFamily: 'var(--plasma-typo-h2-bold-font-family)',
1806
+ fontSize: 'var(--plasma-typo-h2-bold-font-size)',
1807
+ fontStyle: 'var(--plasma-typo-h2-bold-font-style)',
1808
+ fontWeight: 'var(--plasma-typo-h2-bold-font-weight)',
1809
+ letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)',
1810
+ lineHeight: 'var(--plasma-typo-h2-bold-line-height)',
1811
+ };
1812
+ /** typography s header-h3 */
1813
+ export var h3 = {
1814
+ fontFamily: 'var(--plasma-typo-h3-font-family)',
1815
+ fontSize: 'var(--plasma-typo-h3-font-size)',
1816
+ fontStyle: 'var(--plasma-typo-h3-font-style)',
1817
+ fontWeight: 'var(--plasma-typo-h3-font-weight)',
1818
+ letterSpacing: 'var(--plasma-typo-h3-letter-spacing)',
1819
+ lineHeight: 'var(--plasma-typo-h3-line-height)',
1820
+ };
1821
+ /** typography s header-h3-bold */
1822
+ export var h3Bold = {
1823
+ fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
1824
+ fontSize: 'var(--plasma-typo-h3-bold-font-size)',
1825
+ fontStyle: 'var(--plasma-typo-h3-bold-font-style)',
1826
+ fontWeight: 'var(--plasma-typo-h3-bold-font-weight)',
1827
+ letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)',
1828
+ lineHeight: 'var(--plasma-typo-h3-bold-line-height)',
1829
+ };
1830
+ /** typography s header-h4 */
1831
+ export var h4 = {
1832
+ fontFamily: 'var(--plasma-typo-h4-font-family)',
1833
+ fontSize: 'var(--plasma-typo-h4-font-size)',
1834
+ fontStyle: 'var(--plasma-typo-h4-font-style)',
1835
+ fontWeight: 'var(--plasma-typo-h4-font-weight)',
1836
+ letterSpacing: 'var(--plasma-typo-h4-letter-spacing)',
1837
+ lineHeight: 'var(--plasma-typo-h4-line-height)',
1838
+ };
1839
+ /** typography s header-h4-bold */
1840
+ export var h4Bold = {
1841
+ fontFamily: 'var(--plasma-typo-h4-bold-font-family)',
1842
+ fontSize: 'var(--plasma-typo-h4-bold-font-size)',
1843
+ fontStyle: 'var(--plasma-typo-h4-bold-font-style)',
1844
+ fontWeight: 'var(--plasma-typo-h4-bold-font-weight)',
1845
+ letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)',
1846
+ lineHeight: 'var(--plasma-typo-h4-bold-line-height)',
1847
+ };
1848
+ /** typography s header-h5 */
1849
+ export var h5 = {
1850
+ fontFamily: 'var(--plasma-typo-h5-font-family)',
1851
+ fontSize: 'var(--plasma-typo-h5-font-size)',
1852
+ fontStyle: 'var(--plasma-typo-h5-font-style)',
1853
+ fontWeight: 'var(--plasma-typo-h5-font-weight)',
1854
+ letterSpacing: 'var(--plasma-typo-h5-letter-spacing)',
1855
+ lineHeight: 'var(--plasma-typo-h5-line-height)',
1856
+ };
1857
+ /** typography s header-h5-bold */
1858
+ export var h5Bold = {
1859
+ fontFamily: 'var(--plasma-typo-h5-bold-font-family)',
1860
+ fontSize: 'var(--plasma-typo-h5-bold-font-size)',
1861
+ fontStyle: 'var(--plasma-typo-h5-bold-font-style)',
1862
+ fontWeight: 'var(--plasma-typo-h5-bold-font-weight)',
1863
+ letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)',
1864
+ lineHeight: 'var(--plasma-typo-h5-bold-line-height)',
1865
+ };
1866
+ /** typography s body-l */
1867
+ export var bodyL = {
1868
+ fontFamily: 'var(--plasma-typo-body-l-font-family)',
1869
+ fontSize: 'var(--plasma-typo-body-l-font-size)',
1870
+ fontStyle: 'var(--plasma-typo-body-l-font-style)',
1871
+ fontWeight: 'var(--plasma-typo-body-l-font-weight)',
1872
+ letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)',
1873
+ lineHeight: 'var(--plasma-typo-body-l-line-height)',
1874
+ };
1875
+ /** typography s body-l-bold */
1876
+ export var bodyLBold = {
1877
+ fontFamily: 'var(--plasma-typo-body-l-bold-font-family)',
1878
+ fontSize: 'var(--plasma-typo-body-l-bold-font-size)',
1879
+ fontStyle: 'var(--plasma-typo-body-l-bold-font-style)',
1880
+ fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)',
1881
+ letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)',
1882
+ lineHeight: 'var(--plasma-typo-body-l-bold-line-height)',
1883
+ };
1884
+ /** typography s body-m */
1885
+ export var bodyM = {
1886
+ fontFamily: 'var(--plasma-typo-body-m-font-family)',
1887
+ fontSize: 'var(--plasma-typo-body-m-font-size)',
1888
+ fontStyle: 'var(--plasma-typo-body-m-font-style)',
1889
+ fontWeight: 'var(--plasma-typo-body-m-font-weight)',
1890
+ letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)',
1891
+ lineHeight: 'var(--plasma-typo-body-m-line-height)',
1892
+ };
1893
+ /** typography s body-m-bold */
1894
+ export var bodyMBold = {
1895
+ fontFamily: 'var(--plasma-typo-body-m-bold-font-family)',
1896
+ fontSize: 'var(--plasma-typo-body-m-bold-font-size)',
1897
+ fontStyle: 'var(--plasma-typo-body-m-bold-font-style)',
1898
+ fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)',
1899
+ letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)',
1900
+ lineHeight: 'var(--plasma-typo-body-m-bold-line-height)',
1901
+ };
1902
+ /** typography s body-s */
1903
+ export var bodyS = {
1904
+ fontFamily: 'var(--plasma-typo-body-s-font-family)',
1905
+ fontSize: 'var(--plasma-typo-body-s-font-size)',
1906
+ fontStyle: 'var(--plasma-typo-body-s-font-style)',
1907
+ fontWeight: 'var(--plasma-typo-body-s-font-weight)',
1908
+ letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
1909
+ lineHeight: 'var(--plasma-typo-body-s-line-height)',
1910
+ };
1911
+ /** typography s body-s-bold */
1912
+ export var bodySBold = {
1913
+ fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
1914
+ fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
1915
+ fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
1916
+ fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
1917
+ letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
1918
+ lineHeight: 'var(--plasma-typo-body-s-bold-line-height)',
1919
+ };
1920
+ /** typography s body-xs */
1921
+ export var bodyXS = {
1922
+ fontFamily: 'var(--plasma-typo-body-xs-font-family)',
1923
+ fontSize: 'var(--plasma-typo-body-xs-font-size)',
1924
+ fontStyle: 'var(--plasma-typo-body-xs-font-style)',
1925
+ fontWeight: 'var(--plasma-typo-body-xs-font-weight)',
1926
+ letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)',
1927
+ lineHeight: 'var(--plasma-typo-body-xs-line-height)',
1928
+ };
1929
+ /** typography s body-xs-bold */
1930
+ export var bodyXSBold = {
1931
+ fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)',
1932
+ fontSize: 'var(--plasma-typo-body-xs-bold-font-size)',
1933
+ fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)',
1934
+ fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)',
1935
+ letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)',
1936
+ lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)',
1937
+ };
1938
+ /** typography s body-xxs */
1939
+ export var bodyXXS = {
1940
+ fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
1941
+ fontSize: 'var(--plasma-typo-body-xxs-font-size)',
1942
+ fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
1943
+ fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
1944
+ letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
1945
+ lineHeight: 'var(--plasma-typo-body-xxs-line-height)',
1946
+ };
1947
+ /** typography s body-xxs-bold */
1948
+ export var bodyXXSBold = {
1949
+ fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
1950
+ fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)',
1951
+ fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)',
1952
+ fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)',
1953
+ letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)',
1954
+ lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)',
1955
+ };
1956
+ /** typography s text-l */
1957
+ export var textL = {
1958
+ fontFamily: 'var(--plasma-typo-text-l-font-family)',
1959
+ fontSize: 'var(--plasma-typo-text-l-font-size)',
1960
+ fontStyle: 'var(--plasma-typo-text-l-font-style)',
1961
+ fontWeight: 'var(--plasma-typo-text-l-font-weight)',
1962
+ letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
1963
+ lineHeight: 'var(--plasma-typo-text-l-line-height)',
1964
+ };
1965
+ /** typography s text-l-bold */
1966
+ export var textLBold = {
1967
+ fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
1968
+ fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
1969
+ fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
1970
+ fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
1971
+ letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
1972
+ lineHeight: 'var(--plasma-typo-text-l-bold-line-height)',
1973
+ };
1974
+ /** typography s text-m */
1975
+ export var textM = {
1976
+ fontFamily: 'var(--plasma-typo-text-m-font-family)',
1977
+ fontSize: 'var(--plasma-typo-text-m-font-size)',
1978
+ fontStyle: 'var(--plasma-typo-text-m-font-style)',
1979
+ fontWeight: 'var(--plasma-typo-text-m-font-weight)',
1980
+ letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
1981
+ lineHeight: 'var(--plasma-typo-text-m-line-height)',
1982
+ };
1983
+ /** typography s text-m-bold */
1984
+ export var textMBold = {
1985
+ fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
1986
+ fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
1987
+ fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
1988
+ fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
1989
+ letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
1990
+ lineHeight: 'var(--plasma-typo-text-m-bold-line-height)',
1991
+ };
1992
+ /** typography s text-s */
1993
+ export var textS = {
1994
+ fontFamily: 'var(--plasma-typo-text-s-font-family)',
1995
+ fontSize: 'var(--plasma-typo-text-s-font-size)',
1996
+ fontStyle: 'var(--plasma-typo-text-s-font-style)',
1997
+ fontWeight: 'var(--plasma-typo-text-s-font-weight)',
1998
+ letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
1999
+ lineHeight: 'var(--plasma-typo-text-s-line-height)',
2000
+ };
2001
+ /** typography s text-s-bold */
2002
+ export var textSBold = {
2003
+ fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
2004
+ fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
2005
+ fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
2006
+ fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
2007
+ letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
2008
+ lineHeight: 'var(--plasma-typo-text-s-bold-line-height)',
2009
+ };
2010
+ /** typography s text-xs */
2011
+ export var textXS = {
2012
+ fontFamily: 'var(--plasma-typo-text-xs-font-family)',
2013
+ fontSize: 'var(--plasma-typo-text-xs-font-size)',
2014
+ fontStyle: 'var(--plasma-typo-text-xs-font-style)',
2015
+ fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
2016
+ letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
2017
+ lineHeight: 'var(--plasma-typo-text-xs-line-height)',
2018
+ };
2019
+ /** typography s text-xs-bold */
2020
+ export var textXSBold = {
2021
+ fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
2022
+ fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
2023
+ fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
2024
+ fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
2025
+ letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
2026
+ lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)',
2027
+ };
2028
+ /** typography s display-l-medium */
2029
+ export var dsplLMedium = {
2030
+ fontFamily: 'var(--plasma-typo-dspl-l-medium-font-family)',
2031
+ fontSize: 'var(--plasma-typo-dspl-l-medium-font-size)',
2032
+ fontStyle: 'var(--plasma-typo-dspl-l-medium-font-style)',
2033
+ fontWeight: 'var(--plasma-typo-dspl-l-medium-font-weight)',
2034
+ letterSpacing: 'var(--plasma-typo-dspl-l-medium-letter-spacing)',
2035
+ lineHeight: 'var(--plasma-typo-dspl-l-medium-line-height)',
2036
+ };
2037
+ /** typography s display-m-medium */
2038
+ export var dsplMMedium = {
2039
+ fontFamily: 'var(--plasma-typo-dspl-m-medium-font-family)',
2040
+ fontSize: 'var(--plasma-typo-dspl-m-medium-font-size)',
2041
+ fontStyle: 'var(--plasma-typo-dspl-m-medium-font-style)',
2042
+ fontWeight: 'var(--plasma-typo-dspl-m-medium-font-weight)',
2043
+ letterSpacing: 'var(--plasma-typo-dspl-m-medium-letter-spacing)',
2044
+ lineHeight: 'var(--plasma-typo-dspl-m-medium-line-height)',
2045
+ };
2046
+ /** typography s display-s-medium */
2047
+ export var dsplSMedium = {
2048
+ fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
2049
+ fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)',
2050
+ fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)',
2051
+ fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)',
2052
+ letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)',
2053
+ lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)',
2054
+ };
2055
+ /** typography s header-h1-medium */
2056
+ export var h1Medium = {
2057
+ fontFamily: 'var(--plasma-typo-h1-medium-font-family)',
2058
+ fontSize: 'var(--plasma-typo-h1-medium-font-size)',
2059
+ fontStyle: 'var(--plasma-typo-h1-medium-font-style)',
2060
+ fontWeight: 'var(--plasma-typo-h1-medium-font-weight)',
2061
+ letterSpacing: 'var(--plasma-typo-h1-medium-letter-spacing)',
2062
+ lineHeight: 'var(--plasma-typo-h1-medium-line-height)',
2063
+ };
2064
+ /** typography s header-h2-medium */
2065
+ export var h2Medium = {
2066
+ fontFamily: 'var(--plasma-typo-h2-medium-font-family)',
2067
+ fontSize: 'var(--plasma-typo-h2-medium-font-size)',
2068
+ fontStyle: 'var(--plasma-typo-h2-medium-font-style)',
2069
+ fontWeight: 'var(--plasma-typo-h2-medium-font-weight)',
2070
+ letterSpacing: 'var(--plasma-typo-h2-medium-letter-spacing)',
2071
+ lineHeight: 'var(--plasma-typo-h2-medium-line-height)',
2072
+ };
2073
+ /** typography s header-h3-medium */
2074
+ export var h3Medium = {
2075
+ fontFamily: 'var(--plasma-typo-h3-medium-font-family)',
2076
+ fontSize: 'var(--plasma-typo-h3-medium-font-size)',
2077
+ fontStyle: 'var(--plasma-typo-h3-medium-font-style)',
2078
+ fontWeight: 'var(--plasma-typo-h3-medium-font-weight)',
2079
+ letterSpacing: 'var(--plasma-typo-h3-medium-letter-spacing)',
2080
+ lineHeight: 'var(--plasma-typo-h3-medium-line-height)',
2081
+ };
2082
+ /** typography s header-h4-medium */
2083
+ export var h4Medium = {
2084
+ fontFamily: 'var(--plasma-typo-h4-medium-font-family)',
2085
+ fontSize: 'var(--plasma-typo-h4-medium-font-size)',
2086
+ fontStyle: 'var(--plasma-typo-h4-medium-font-style)',
2087
+ fontWeight: 'var(--plasma-typo-h4-medium-font-weight)',
2088
+ letterSpacing: 'var(--plasma-typo-h4-medium-letter-spacing)',
2089
+ lineHeight: 'var(--plasma-typo-h4-medium-line-height)',
2090
+ };
2091
+ /** typography s header-h5-medium */
2092
+ export var h5Medium = {
2093
+ fontFamily: 'var(--plasma-typo-h5-medium-font-family)',
2094
+ fontSize: 'var(--plasma-typo-h5-medium-font-size)',
2095
+ fontStyle: 'var(--plasma-typo-h5-medium-font-style)',
2096
+ fontWeight: 'var(--plasma-typo-h5-medium-font-weight)',
2097
+ letterSpacing: 'var(--plasma-typo-h5-medium-letter-spacing)',
2098
+ lineHeight: 'var(--plasma-typo-h5-medium-line-height)',
2099
+ };
2100
+ /** typography s body-l-medium */
2101
+ export var bodyLMedium = {
2102
+ fontFamily: 'var(--plasma-typo-body-l-medium-font-family)',
2103
+ fontSize: 'var(--plasma-typo-body-l-medium-font-size)',
2104
+ fontStyle: 'var(--plasma-typo-body-l-medium-font-style)',
2105
+ fontWeight: 'var(--plasma-typo-body-l-medium-font-weight)',
2106
+ letterSpacing: 'var(--plasma-typo-body-l-medium-letter-spacing)',
2107
+ lineHeight: 'var(--plasma-typo-body-l-medium-line-height)',
2108
+ };
2109
+ /** typography s body-m-medium */
2110
+ export var bodyMMedium = {
2111
+ fontFamily: 'var(--plasma-typo-body-m-medium-font-family)',
2112
+ fontSize: 'var(--plasma-typo-body-m-medium-font-size)',
2113
+ fontStyle: 'var(--plasma-typo-body-m-medium-font-style)',
2114
+ fontWeight: 'var(--plasma-typo-body-m-medium-font-weight)',
2115
+ letterSpacing: 'var(--plasma-typo-body-m-medium-letter-spacing)',
2116
+ lineHeight: 'var(--plasma-typo-body-m-medium-line-height)',
2117
+ };
2118
+ /** typography s body-s-medium */
2119
+ export var bodySMedium = {
2120
+ fontFamily: 'var(--plasma-typo-body-s-medium-font-family)',
2121
+ fontSize: 'var(--plasma-typo-body-s-medium-font-size)',
2122
+ fontStyle: 'var(--plasma-typo-body-s-medium-font-style)',
2123
+ fontWeight: 'var(--plasma-typo-body-s-medium-font-weight)',
2124
+ letterSpacing: 'var(--plasma-typo-body-s-medium-letter-spacing)',
2125
+ lineHeight: 'var(--plasma-typo-body-s-medium-line-height)',
2126
+ };
2127
+ /** typography s body-xs-medium */
2128
+ export var bodyXSMedium = {
2129
+ fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
2130
+ fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
2131
+ fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
2132
+ fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
2133
+ letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
2134
+ lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)',
2135
+ };
2136
+ /** typography s body-xxs-medium */
2137
+ export var bodyXXSMedium = {
2138
+ fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
2139
+ fontSize: 'var(--plasma-typo-body-xxs-medium-font-size)',
2140
+ fontStyle: 'var(--plasma-typo-body-xxs-medium-font-style)',
2141
+ fontWeight: 'var(--plasma-typo-body-xxs-medium-font-weight)',
2142
+ letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
2143
+ lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)',
2144
+ };
2145
+ /** typography s text-l-medium */
2146
+ export var textLMedium = {
2147
+ fontFamily: 'var(--plasma-typo-text-l-medium-font-family)',
2148
+ fontSize: 'var(--plasma-typo-text-l-medium-font-size)',
2149
+ fontStyle: 'var(--plasma-typo-text-l-medium-font-style)',
2150
+ fontWeight: 'var(--plasma-typo-text-l-medium-font-weight)',
2151
+ letterSpacing: 'var(--plasma-typo-text-l-medium-letter-spacing)',
2152
+ lineHeight: 'var(--plasma-typo-text-l-medium-line-height)',
2153
+ };
2154
+ /** typography s text-m-medium */
2155
+ export var textMMedium = {
2156
+ fontFamily: 'var(--plasma-typo-text-m-medium-font-family)',
2157
+ fontSize: 'var(--plasma-typo-text-m-medium-font-size)',
2158
+ fontStyle: 'var(--plasma-typo-text-m-medium-font-style)',
2159
+ fontWeight: 'var(--plasma-typo-text-m-medium-font-weight)',
2160
+ letterSpacing: 'var(--plasma-typo-text-m-medium-letter-spacing)',
2161
+ lineHeight: 'var(--plasma-typo-text-m-medium-line-height)',
2162
+ };
2163
+ /** typography s text-s-medium */
2164
+ export var textSMedium = {
2165
+ fontFamily: 'var(--plasma-typo-text-s-medium-font-family)',
2166
+ fontSize: 'var(--plasma-typo-text-s-medium-font-size)',
2167
+ fontStyle: 'var(--plasma-typo-text-s-medium-font-style)',
2168
+ fontWeight: 'var(--plasma-typo-text-s-medium-font-weight)',
2169
+ letterSpacing: 'var(--plasma-typo-text-s-medium-letter-spacing)',
2170
+ lineHeight: 'var(--plasma-typo-text-s-medium-line-height)',
2171
+ };
2172
+ /** typography s text-xs-medium */
2173
+ export var textXSMedium = {
2174
+ fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)',
2175
+ fontSize: 'var(--plasma-typo-text-xs-medium-font-size)',
2176
+ fontStyle: 'var(--plasma-typo-text-xs-medium-font-style)',
2177
+ fontWeight: 'var(--plasma-typo-text-xs-medium-font-weight)',
2178
+ letterSpacing: 'var(--plasma-typo-text-xs-medium-letter-spacing)',
2179
+ lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
2180
+ };
2181
+ export var viewContainer = {
2182
+ dark: "\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-info: var(--on-dark-text-info);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-info: var(--on-dark-outline-info);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-light: var(--on-dark-data-yellow-light);\n --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --inverse-data-sky-blue-light: var(--on-light-data-sky-blue-light);\n --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
2183
+ light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent: var(--on-light-text-accent);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-positive: var(--on-light-text-positive);\n --text-info: var(--on-light-text-info);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear: var(--on-light-surface-clear);\n --surface-accent: var(--on-light-surface-accent);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\n --surface-info: var(--on-light-surface-info);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --background-primary: var(--light-background-primary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-accent: var(--on-light-outline-accent);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-positive: var(--on-light-outline-positive);\n --outline-info: var(--on-light-outline-info);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-warning: var(--on-light-outline-warning);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-light: var(--on-light-data-yellow-light);\n --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --data-sky-blue-light: var(--on-light-data-sky-blue-light);\n --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --inverse-data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
2184
+ };
2185
+ //# sourceMappingURL=index.js.map