@salutejs/plasma-tokens 1.151.0 → 1.151.1-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/brands/plasma_giga/index.d.ts +126 -126
- package/brands/plasma_giga/index.js +135 -135
- package/brands/plasma_giga/index.js.map +1 -1
- package/brands/sdds_finai/index.d.ts +16 -16
- package/brands/sdds_finai/index.js +16 -16
- package/brands/sdds_finai/index.js.map +1 -1
- package/css/plasma_giga.module.css +220 -220
- package/css/plasma_giga__dark.css +108 -108
- package/css/plasma_giga__light.css +112 -112
- package/css/sdds_finai.module.css +32 -32
- package/css/sdds_finai__dark.css +16 -16
- package/css/sdds_finai__light.css +16 -16
- package/es/brands/plasma_giga/index.js +126 -126
- package/es/brands/plasma_giga/index.js.map +1 -1
- package/es/brands/sdds_finai/index.js +16 -16
- package/es/brands/sdds_finai/index.js.map +1 -1
- package/es/themes/plasma_giga__dark.js +108 -108
- package/es/themes/plasma_giga__dark.js.map +1 -1
- package/es/themes/plasma_giga__light.js +112 -112
- package/es/themes/plasma_giga__light.js.map +1 -1
- package/es/themes/sdds_finai__dark.js +16 -16
- package/es/themes/sdds_finai__dark.js.map +1 -1
- package/es/themes/sdds_finai__light.js +16 -16
- package/es/themes/sdds_finai__light.js.map +1 -1
- package/package.json +5 -5
- package/themes/plasma_giga__dark.d.ts +28 -28
- package/themes/plasma_giga__dark.js +108 -108
- package/themes/plasma_giga__dark.js.map +1 -1
- package/themes/plasma_giga__light.d.ts +32 -32
- package/themes/plasma_giga__light.js +112 -112
- package/themes/plasma_giga__light.js.map +1 -1
- package/themes/sdds_finai__dark.js +16 -16
- package/themes/sdds_finai__dark.js.map +1 -1
- package/themes/sdds_finai__light.js +16 -16
- package/themes/sdds_finai__light.js.map +1 -1
|
@@ -50,17 +50,17 @@ export var textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)';
|
|
|
50
50
|
/** Сплошной наборный текст */
|
|
51
51
|
export var textParagraphActive = 'var(--text-paragraph-active, #FFFFFFA3)';
|
|
52
52
|
/** Акцентный цвет */
|
|
53
|
-
export var textAccentHover = 'var(--text-accent-hover, #
|
|
53
|
+
export var textAccentHover = 'var(--text-accent-hover, #858585FF)';
|
|
54
54
|
/** Акцентный цвет */
|
|
55
|
-
export var textAccentActive = 'var(--text-accent-active, #
|
|
55
|
+
export var textAccentActive = 'var(--text-accent-active, #666666FF)';
|
|
56
56
|
/** Акцентный цвет с градиентом */
|
|
57
|
-
export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #
|
|
57
|
+
export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #858585FF)';
|
|
58
58
|
/** Акцентный цвет с градиентом */
|
|
59
|
-
export var textAccentGradientActive = 'var(--text-accent-gradient-active, #
|
|
59
|
+
export var textAccentGradientActive = 'var(--text-accent-gradient-active, #666666FF)';
|
|
60
60
|
/** Акцентный минорный цвет */
|
|
61
|
-
export var textAccentMinorHover = 'var(--text-accent-minor-hover, #
|
|
61
|
+
export var textAccentMinorHover = 'var(--text-accent-minor-hover, #878787FF)';
|
|
62
62
|
/** Акцентный минорный цвет */
|
|
63
|
-
export var textAccentMinorActive = 'var(--text-accent-minor-active, #
|
|
63
|
+
export var textAccentMinorActive = 'var(--text-accent-minor-active, #5E5E5EFF)';
|
|
64
64
|
/** Цвет успеха */
|
|
65
65
|
export var textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)';
|
|
66
66
|
/** Цвет успеха */
|
|
@@ -93,8 +93,6 @@ export var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CF
|
|
|
93
93
|
export var textInfoMinorHover = 'var(--text-info-minor-hover, #FFFFFFFF)';
|
|
94
94
|
/** Минорный цвет информации */
|
|
95
95
|
export var textInfoMinorActive = 'var(--text-info-minor-active, #1C62E3FF)';
|
|
96
|
-
/** Акцентный цвет с градиентом */
|
|
97
|
-
export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%))';
|
|
98
96
|
/** Цвет успеха */
|
|
99
97
|
export var textPositive = 'var(--text-positive, #1A9E32)';
|
|
100
98
|
/** Цвет предупреждения */
|
|
@@ -111,10 +109,12 @@ export var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
|
|
|
111
109
|
export var textInfoMinor = 'var(--text-info-minor, #1549AB)';
|
|
112
110
|
/** Цвет информации */
|
|
113
111
|
export var textInfo = 'var(--text-info, #3F81FD)';
|
|
112
|
+
/** Акцентный цвет с градиентом */
|
|
113
|
+
export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(90deg, #7D98CF 0%, #A9C6FF 100%))';
|
|
114
114
|
/** Акцентный цвет */
|
|
115
|
-
export var textAccent = 'var(--text-accent, #
|
|
115
|
+
export var textAccent = 'var(--text-accent, #FFFFFF)';
|
|
116
116
|
/** Акцентный минорный цвет */
|
|
117
|
-
export var textAccentMinor = 'var(--text-accent-minor, #
|
|
117
|
+
export var textAccentMinor = 'var(--text-accent-minor, #D8D8D8)';
|
|
118
118
|
/** Основной цвет текста на темном фоне */
|
|
119
119
|
export var onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))';
|
|
120
120
|
/** Основной цвет текста на темном фоне */
|
|
@@ -142,17 +142,17 @@ export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFF
|
|
|
142
142
|
/** Сплошной наборный текст на темном фоне */
|
|
143
143
|
export var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)';
|
|
144
144
|
/** Акцентный цвет на темном фоне */
|
|
145
|
-
export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #
|
|
145
|
+
export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #858585FF)';
|
|
146
146
|
/** Акцентный цвет на темном фоне */
|
|
147
|
-
export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #
|
|
147
|
+
export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #666666FF)';
|
|
148
148
|
/** Акцентный цвет с градиентом на темном фоне */
|
|
149
|
-
export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #
|
|
149
|
+
export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #858585FF)';
|
|
150
150
|
/** Акцентный цвет с градиентом на темном фоне */
|
|
151
|
-
export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #
|
|
151
|
+
export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #666666FF)';
|
|
152
152
|
/** Акцентный минорный цвет на темном фоне */
|
|
153
|
-
export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #
|
|
153
|
+
export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #878787FF)';
|
|
154
154
|
/** Акцентный минорный цвет на темном фоне */
|
|
155
|
-
export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #
|
|
155
|
+
export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #5E5E5EFF)';
|
|
156
156
|
/** Цвет успеха на темном фоне */
|
|
157
157
|
export var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1EB83AFF)';
|
|
158
158
|
/** Цвет успеха на темном фоне */
|
|
@@ -185,8 +185,6 @@ export var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-ac
|
|
|
185
185
|
export var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #FFFFFFFF)';
|
|
186
186
|
/** Минорный цвет информации на темном фоне */
|
|
187
187
|
export var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #1C62E3FF)';
|
|
188
|
-
/** Акцентный цвет с градиентом на темном фоне */
|
|
189
|
-
export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%))';
|
|
190
188
|
/** Цвет успеха на темном фоне */
|
|
191
189
|
export var onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)';
|
|
192
190
|
/** Цвет предупреждения на темном фоне */
|
|
@@ -203,10 +201,12 @@ export var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)'
|
|
|
203
201
|
export var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
|
|
204
202
|
/** Минорный цвет информации на темном фоне */
|
|
205
203
|
export var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #1549AB)';
|
|
204
|
+
/** Акцентный цвет с градиентом на темном фоне */
|
|
205
|
+
export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(90deg, #7D98CF 0%, #A9C6FF 100%))';
|
|
206
206
|
/** Акцентный цвет на темном фоне */
|
|
207
|
-
export var onDarkTextAccent = 'var(--on-dark-text-accent, #
|
|
207
|
+
export var onDarkTextAccent = 'var(--on-dark-text-accent, #ffffff)';
|
|
208
208
|
/** Акцентный минорный цвет на темном фоне */
|
|
209
|
-
export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #
|
|
209
|
+
export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #D8D8D8)';
|
|
210
210
|
/** Основной цвет текста на светлом фоне */
|
|
211
211
|
export var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)';
|
|
212
212
|
/** Основной цвет текста на светлом фоне */
|
|
@@ -226,17 +226,17 @@ export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #08
|
|
|
226
226
|
/** Сплошной наборный текст на светлом фоне */
|
|
227
227
|
export var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)';
|
|
228
228
|
/** Акцентный цвет на светлом фоне */
|
|
229
|
-
export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #
|
|
229
|
+
export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #244BA8FF)';
|
|
230
230
|
/** Акцентный цвет на светлом фоне */
|
|
231
|
-
export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #
|
|
231
|
+
export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #10224CFF)';
|
|
232
232
|
/** Акцентный цвет с градиентом на светлом фоне */
|
|
233
233
|
export var onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)';
|
|
234
234
|
/** Акцентный цвет с градиентом на светлом фоне */
|
|
235
235
|
export var onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)';
|
|
236
236
|
/** Акцентный минорный цвет на светлом фоне */
|
|
237
|
-
export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #
|
|
237
|
+
export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #4B5C95FF)';
|
|
238
238
|
/** Акцентный минорный цвет на светлом фоне */
|
|
239
|
-
export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #
|
|
239
|
+
export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #2C3758FF)';
|
|
240
240
|
/** Цвет успеха на светлом фоне */
|
|
241
241
|
export var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)';
|
|
242
242
|
/** Цвет успеха на светлом фоне */
|
|
@@ -269,8 +269,6 @@ export var onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-
|
|
|
269
269
|
export var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #DCE8FEFF)';
|
|
270
270
|
/** Минорный цвет информации на светлом фоне */
|
|
271
271
|
export var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #6FA0FBFF)';
|
|
272
|
-
/** Акцентный цвет с градиентом на светлом фоне */
|
|
273
|
-
export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
274
272
|
/** Цвет успеха на светлом фоне */
|
|
275
273
|
export var onLightTextPositive = 'var(--on-light-text-positive, #1A9E32)';
|
|
276
274
|
/** Цвет предупреждения на светлом фоне */
|
|
@@ -295,10 +293,12 @@ export var onLightTextSecondary = 'var(--on-light-text-secondary, rgba(8,8,8,0.5
|
|
|
295
293
|
export var onLightTextTertiary = 'var(--on-light-text-tertiary, rgba(8,8,8,0.28))';
|
|
296
294
|
/** Сплошной наборный текст на светлом фоне */
|
|
297
295
|
export var onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(8,8,8,0.80))';
|
|
296
|
+
/** Акцентный цвет с градиентом на светлом фоне */
|
|
297
|
+
export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(90deg, #122654 0%, #2D5FD2 100%))';
|
|
298
298
|
/** Акцентный цвет на светлом фоне */
|
|
299
|
-
export var onLightTextAccent = 'var(--on-light-text-accent, #
|
|
299
|
+
export var onLightTextAccent = 'var(--on-light-text-accent, #122654FF)';
|
|
300
300
|
/** Акцентный минорный цвет на светлом фоне */
|
|
301
|
-
export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #
|
|
301
|
+
export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #333F65)';
|
|
302
302
|
/** Инвертированный основной цвет текста */
|
|
303
303
|
export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080893)';
|
|
304
304
|
/** Инвертированный основной цвет текста */
|
|
@@ -318,17 +318,17 @@ export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #080
|
|
|
318
318
|
/** Инвертированный сплошной наборный текст */
|
|
319
319
|
export var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #080808A3)';
|
|
320
320
|
/** Инвертированный акцентный цвет */
|
|
321
|
-
export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #
|
|
321
|
+
export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #244BA8FF)';
|
|
322
322
|
/** Инвертированный акцентный цвет */
|
|
323
|
-
export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #
|
|
323
|
+
export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #10224CFF)';
|
|
324
324
|
/** Инвертированный акцентный цвет с градиентом */
|
|
325
325
|
export var inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)';
|
|
326
326
|
/** Инвертированный акцентный цвет с градиентом */
|
|
327
327
|
export var inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)';
|
|
328
328
|
/** Инвертированный минорный акцентный цвет */
|
|
329
|
-
export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #
|
|
329
|
+
export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #4B5C95FF)';
|
|
330
330
|
/** Инвертированный минорный акцентный цвет */
|
|
331
|
-
export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #
|
|
331
|
+
export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #2C3758FF)';
|
|
332
332
|
/** Инвертированный цвет успеха */
|
|
333
333
|
export var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1EB83AFF)';
|
|
334
334
|
/** Инвертированный цвет успеха */
|
|
@@ -369,8 +369,6 @@ export var inverseTextSecondary = 'var(--inverse-text-secondary, rgba(8,8,8,0.56
|
|
|
369
369
|
export var inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(8,8,8,0.28))';
|
|
370
370
|
/** Инвертированный сплошной наборный текст */
|
|
371
371
|
export var inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(8,8,8,0.80))';
|
|
372
|
-
/** Инвертированный акцентный цвет с градиентом */
|
|
373
|
-
export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
374
372
|
/** Инвертированный цвет успеха */
|
|
375
373
|
export var inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)';
|
|
376
374
|
/** Инвертированный цвет предупреждения */
|
|
@@ -387,10 +385,12 @@ export var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)
|
|
|
387
385
|
export var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
|
|
388
386
|
/** Инвертированный минорный цвет информации */
|
|
389
387
|
export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #8BB2FC)';
|
|
388
|
+
/** Инвертированный акцентный цвет с градиентом */
|
|
389
|
+
export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(90deg, #122654 0%, #2D5FD2 100%))';
|
|
390
390
|
/** Инвертированный акцентный цвет */
|
|
391
|
-
export var inverseTextAccent = 'var(--inverse-text-accent, #
|
|
391
|
+
export var inverseTextAccent = 'var(--inverse-text-accent, #122654FF)';
|
|
392
392
|
/** Инвертированный минорный акцентный цвет */
|
|
393
|
-
export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #
|
|
393
|
+
export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #333F65)';
|
|
394
394
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
395
395
|
export var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #121212FF)';
|
|
396
396
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
@@ -442,21 +442,21 @@ export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
|
|
|
442
442
|
/** Фон поверхности/контрола без заливки */
|
|
443
443
|
export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
|
|
444
444
|
/** Акцентный фон поверхности/контрола */
|
|
445
|
-
export var surfaceAccentHover = 'var(--surface-accent-hover, #
|
|
445
|
+
export var surfaceAccentHover = 'var(--surface-accent-hover, #FFFFFFFF)';
|
|
446
446
|
/** Акцентный фон поверхности/контрола */
|
|
447
|
-
export var surfaceAccentActive = 'var(--surface-accent-active, #
|
|
447
|
+
export var surfaceAccentActive = 'var(--surface-accent-active, #FFFFFFFF)';
|
|
448
448
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
449
449
|
export var surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)';
|
|
450
450
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
451
451
|
export var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)';
|
|
452
452
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
453
|
-
export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #
|
|
453
|
+
export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #E3E3E3FF)';
|
|
454
454
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
455
|
-
export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #
|
|
455
|
+
export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #D4D4D4FF)';
|
|
456
456
|
/** Прозрачный акцентный фон поверхности/контрола */
|
|
457
|
-
export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #
|
|
457
|
+
export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #FFFFFF52)';
|
|
458
458
|
/** Прозрачный акцентный фон поверхности/контрола */
|
|
459
|
-
export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #
|
|
459
|
+
export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #FFFFFF24)';
|
|
460
460
|
/** Цвет фона поверхности/контрола успех */
|
|
461
461
|
export var surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)';
|
|
462
462
|
/** Цвет фона поверхности/контрола успех */
|
|
@@ -529,8 +529,6 @@ export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgb
|
|
|
529
529
|
export var surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255,255,255,0.64))';
|
|
530
530
|
/** Фон поверхности/контрола без заливки */
|
|
531
531
|
export var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
|
|
532
|
-
/** Акцентный фон поверхности/контрола с градиентом */
|
|
533
|
-
export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(90deg, #3E79F0 0%, #27C6E5 100%))';
|
|
534
532
|
/** Цвет фона поверхности/контрола успех */
|
|
535
533
|
export var surfacePositive = 'var(--surface-positive, #1A9E32)';
|
|
536
534
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
@@ -549,16 +547,18 @@ export var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
|
|
|
549
547
|
export var surfaceInfoMinor = 'var(--surface-info-minor, #082254)';
|
|
550
548
|
/** Прозрачный цвет фона поверхности/контрола информация */
|
|
551
549
|
export var surfaceTransparentInfo = 'var(--surface-transparent-info, rgba(63,129,253,0.20))';
|
|
552
|
-
/** Акцентный фон поверхности/контрола */
|
|
553
|
-
export var surfaceAccent = 'var(--surface-accent, #52F2C5)';
|
|
554
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
555
|
-
export var surfaceAccentMinor = 'var(--surface-accent-minor, #0E5944)';
|
|
556
|
-
/** Прозрачный акцентный фон поверхности/контрола */
|
|
557
|
-
export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #52f2c533)';
|
|
558
550
|
/** Основной фон для карточек */
|
|
559
551
|
export var surfaceSolidCard = 'var(--surface-solid-card, #262626)';
|
|
560
552
|
/** Прозрачный фон для карточек */
|
|
561
553
|
export var surfaceTransparentCard = 'var(--surface-transparent-card, #edfffd0d)';
|
|
554
|
+
/** Акцентный фон поверхности/контрола с градиентом */
|
|
555
|
+
export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(90deg, #7D98CF 0%, #A9C6FF 100%))';
|
|
556
|
+
/** Акцентный фон поверхности/контрола */
|
|
557
|
+
export var surfaceAccent = 'var(--surface-accent, #FFFFFF)';
|
|
558
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
559
|
+
export var surfaceAccentMinor = 'var(--surface-accent-minor, #D8D8D8)';
|
|
560
|
+
/** Прозрачный акцентный фон поверхности/контрола */
|
|
561
|
+
export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #FFFFFF33)';
|
|
562
562
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
563
563
|
export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #121212FF)';
|
|
564
564
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
@@ -606,21 +606,21 @@ export var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transpare
|
|
|
606
606
|
/** Прозрачный фон для карточек на темном фоне */
|
|
607
607
|
export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #EBFFFD0D)';
|
|
608
608
|
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
609
|
-
export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #
|
|
609
|
+
export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #FFFFFFFF)';
|
|
610
610
|
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
611
|
-
export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #
|
|
611
|
+
export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #FFFFFFFF)';
|
|
612
612
|
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
613
613
|
export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
614
614
|
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
615
615
|
export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)';
|
|
616
616
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
617
|
-
export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #
|
|
617
|
+
export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #E3E3E3FF)';
|
|
618
618
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
619
|
-
export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #
|
|
619
|
+
export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #D4D4D4FF)';
|
|
620
620
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
621
|
-
export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #
|
|
621
|
+
export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #FFFFFF52)';
|
|
622
622
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
623
|
-
export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #
|
|
623
|
+
export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #FFFFFF24)';
|
|
624
624
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
625
625
|
export var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)';
|
|
626
626
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
@@ -691,8 +691,6 @@ export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparen
|
|
|
691
691
|
export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255,255,255,0.15))';
|
|
692
692
|
/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
|
|
693
693
|
export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255,255,255,0.64))';
|
|
694
|
-
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
695
|
-
export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
696
694
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
697
695
|
export var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)';
|
|
698
696
|
/** Цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
@@ -711,16 +709,18 @@ export var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #
|
|
|
711
709
|
export var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #082254)';
|
|
712
710
|
/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
|
|
713
711
|
export var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, rgba(63,129,253,0.20))';
|
|
714
|
-
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
715
|
-
export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #52F2C5)';
|
|
716
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
717
|
-
export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0E5944)';
|
|
718
|
-
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
719
|
-
export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #52f2ff33)';
|
|
720
712
|
/** Основной фон для карточек на темном фоне */
|
|
721
713
|
export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #262626)';
|
|
722
714
|
/** Прозрачный фон для карточек на темном фоне */
|
|
723
715
|
export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #edfffd0d)';
|
|
716
|
+
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
717
|
+
export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(90deg, #7D98CF 0%, #A9C6FF 100%))';
|
|
718
|
+
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
719
|
+
export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #ffffff)';
|
|
720
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
721
|
+
export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #D8D8D8)';
|
|
722
|
+
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
723
|
+
export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #FFFFFF33)';
|
|
724
724
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
725
725
|
export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F7F7F7FF)';
|
|
726
726
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
@@ -768,21 +768,21 @@ export var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transpa
|
|
|
768
768
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
769
769
|
export var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
|
|
770
770
|
/** Акцентный фон поверхности/контрола на светлом фоне */
|
|
771
|
-
export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #
|
|
771
|
+
export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #152D65FF)';
|
|
772
772
|
/** Акцентный фон поверхности/контрола на светлом фоне */
|
|
773
|
-
export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #
|
|
773
|
+
export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0E1E43FF)';
|
|
774
774
|
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
775
775
|
export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
776
776
|
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
777
777
|
export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)';
|
|
778
778
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
779
|
-
export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #
|
|
779
|
+
export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #3A4773FF)';
|
|
780
780
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
781
|
-
export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #
|
|
781
|
+
export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #2C3758FF)';
|
|
782
782
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
783
|
-
export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #
|
|
783
|
+
export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #1226542E)';
|
|
784
784
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
785
|
-
export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #
|
|
785
|
+
export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #12265433)';
|
|
786
786
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
787
787
|
export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)';
|
|
788
788
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
@@ -855,8 +855,6 @@ export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transpar
|
|
|
855
855
|
export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8,8,8,0.15))';
|
|
856
856
|
/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
|
|
857
857
|
export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, rgba(8,8,8,0.64))';
|
|
858
|
-
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
859
|
-
export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
860
858
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
861
859
|
export var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
|
|
862
860
|
/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
@@ -875,14 +873,16 @@ export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor,
|
|
|
875
873
|
export var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #DEE9FF)';
|
|
876
874
|
/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
|
|
877
875
|
export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, rgba(42,114,248,0.12))';
|
|
876
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
877
|
+
export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #122654)';
|
|
878
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
879
|
+
export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(90deg, #122654 0%, #2D5FD2 100%))';
|
|
878
880
|
/** Акцентный фон поверхности/контрола на светлом фоне */
|
|
879
|
-
export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #
|
|
881
|
+
export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #122654)';
|
|
880
882
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
881
|
-
export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #
|
|
883
|
+
export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #333F65)';
|
|
882
884
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
883
|
-
export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #
|
|
884
|
-
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
885
|
-
export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #122654)';
|
|
885
|
+
export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #1226541F)';
|
|
886
886
|
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
887
887
|
export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F7F7F7FF)';
|
|
888
888
|
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
@@ -930,21 +930,21 @@ export var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transpar
|
|
|
930
930
|
/** Инвертированный прозрачный фон для карточек */
|
|
931
931
|
export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
|
|
932
932
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
933
|
-
export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #
|
|
933
|
+
export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #152D65FF)';
|
|
934
934
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
935
|
-
export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #
|
|
935
|
+
export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #0E1E43FF)';
|
|
936
936
|
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
937
937
|
export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
938
938
|
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
939
939
|
export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)';
|
|
940
940
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
941
|
-
export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #
|
|
941
|
+
export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #3A4773FF)';
|
|
942
942
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
943
|
-
export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #
|
|
943
|
+
export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #2C3758FF)';
|
|
944
944
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
945
|
-
export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #
|
|
945
|
+
export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1226542E)';
|
|
946
946
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
947
|
-
export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #
|
|
947
|
+
export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #12265433)';
|
|
948
948
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
949
949
|
export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)';
|
|
950
950
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
@@ -1017,8 +1017,6 @@ export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transpare
|
|
|
1017
1017
|
export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, rgba(8,8,8,0.15))';
|
|
1018
1018
|
/** Инвертированный глубокий прозрачный фон поверхности/контрола */
|
|
1019
1019
|
export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, rgba(8,8,8,0.64))';
|
|
1020
|
-
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
1021
|
-
export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
1022
1020
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
1023
1021
|
export var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
|
|
1024
1022
|
/** Инвертированный цвет фона поверхности/контрола предупреждение */
|
|
@@ -1037,14 +1035,16 @@ export var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor,
|
|
|
1037
1035
|
export var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #DEE9FF)';
|
|
1038
1036
|
/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
|
|
1039
1037
|
export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, rgba(42,114,248,0.12))';
|
|
1038
|
+
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
1039
|
+
export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #122654)';
|
|
1040
|
+
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
1041
|
+
export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(90deg, #122654 0%, #2D5FD2 100%))';
|
|
1040
1042
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
1041
|
-
export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #
|
|
1043
|
+
export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #122654)';
|
|
1042
1044
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1043
|
-
export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #
|
|
1045
|
+
export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #333F65)';
|
|
1044
1046
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
1045
|
-
export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #
|
|
1046
|
-
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
1047
|
-
export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #122654)';
|
|
1047
|
+
export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1226541F)';
|
|
1048
1048
|
/** Основной фон */
|
|
1049
1049
|
export var backgroundPrimary = 'var(--background-primary, #171717)';
|
|
1050
1050
|
/** Основной фон на темном фоне */
|
|
@@ -1110,17 +1110,17 @@ export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFFFF)';
|
|
|
1110
1110
|
/** Бесцветная обводка */
|
|
1111
1111
|
export var outlineClearActive = 'var(--outline-clear-active, #FFFFFFFF)';
|
|
1112
1112
|
/** Акцентный цвет обводки */
|
|
1113
|
-
export var outlineAccentHover = 'var(--outline-accent-hover, #
|
|
1113
|
+
export var outlineAccentHover = 'var(--outline-accent-hover, #858585FF)';
|
|
1114
1114
|
/** Акцентный цвет обводки */
|
|
1115
|
-
export var outlineAccentActive = 'var(--outline-accent-active, #
|
|
1115
|
+
export var outlineAccentActive = 'var(--outline-accent-active, #666666FF)';
|
|
1116
1116
|
/** Акцентный минорный непрозрачный цвет обводки */
|
|
1117
|
-
export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #
|
|
1117
|
+
export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #878787FF)';
|
|
1118
1118
|
/** Акцентный минорный непрозрачный цвет обводки */
|
|
1119
|
-
export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #
|
|
1119
|
+
export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #5E5E5EFF)';
|
|
1120
1120
|
/** Прозрачный акцентный цвет обводки */
|
|
1121
|
-
export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #
|
|
1121
|
+
export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #FFFFFFB3)';
|
|
1122
1122
|
/** Прозрачный акцентный цвет обводки */
|
|
1123
|
-
export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #
|
|
1123
|
+
export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #FFFFFF2B)';
|
|
1124
1124
|
/** Цвет обводки успех */
|
|
1125
1125
|
export var outlinePositive = 'var(--outline-positive, #24B23E)';
|
|
1126
1126
|
/** Цвет обводки успех */
|
|
@@ -1210,11 +1210,11 @@ export var outlineInfoMinor = 'var(--outline-info-minor, #1549AB)';
|
|
|
1210
1210
|
/** Прозрачный цвет обводки информация */
|
|
1211
1211
|
export var outlineTransparentInfo = 'var(--outline-transparent-info, rgba(63,129,253,0.28))';
|
|
1212
1212
|
/** Акцентный цвет обводки */
|
|
1213
|
-
export var outlineAccent = 'var(--outline-accent, #
|
|
1213
|
+
export var outlineAccent = 'var(--outline-accent, #FFFFFF)';
|
|
1214
1214
|
/** Акцентный минорный непрозрачный цвет обводки */
|
|
1215
|
-
export var outlineAccentMinor = 'var(--outline-accent-minor, #
|
|
1215
|
+
export var outlineAccentMinor = 'var(--outline-accent-minor, #D8D8D8)';
|
|
1216
1216
|
/** Прозрачный акцентный цвет обводки */
|
|
1217
|
-
export var outlineTransparentAccent = 'var(--outline-transparent-accent,
|
|
1217
|
+
export var outlineTransparentAccent = 'var(--outline-transparent-accent, #FFFFFF47)';
|
|
1218
1218
|
/** Основной непрозрачный цвет обводки на темном фоне */
|
|
1219
1219
|
export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
|
|
1220
1220
|
/** Основной непрозрачный цвет обводки на темном фоне */
|
|
@@ -1244,17 +1244,17 @@ export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transp
|
|
|
1244
1244
|
/** Третичный прозрачный цвет обводки на темном фоне */
|
|
1245
1245
|
export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF7A)';
|
|
1246
1246
|
/** Акцентный цвет обводки на темном фоне */
|
|
1247
|
-
export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #
|
|
1247
|
+
export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #858585FF)';
|
|
1248
1248
|
/** Акцентный цвет обводки на темном фоне */
|
|
1249
|
-
export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #
|
|
1249
|
+
export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #666666FF)';
|
|
1250
1250
|
/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
|
|
1251
|
-
export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #
|
|
1251
|
+
export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #878787FF)';
|
|
1252
1252
|
/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
|
|
1253
|
-
export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #
|
|
1253
|
+
export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #5E5E5EFF)';
|
|
1254
1254
|
/** Прозрачный акцентный цвет обводки на темном фоне */
|
|
1255
|
-
export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #
|
|
1255
|
+
export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #FFFFFFB3)';
|
|
1256
1256
|
/** Прозрачный акцентный цвет обводки на темном фоне */
|
|
1257
|
-
export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #
|
|
1257
|
+
export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #FFFFFF2B)';
|
|
1258
1258
|
/** Цвет обводки успех на темном фоне */
|
|
1259
1259
|
export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
|
|
1260
1260
|
/** Цвет обводки успех на темном фоне */
|
|
@@ -1342,11 +1342,11 @@ export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #1549AB)'
|
|
|
1342
1342
|
/** Прозрачный цвет обводки информация на темном фоне */
|
|
1343
1343
|
export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, rgba(63,129,253,0.28))';
|
|
1344
1344
|
/** Акцентный цвет обводки на темном фоне */
|
|
1345
|
-
export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #
|
|
1345
|
+
export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #ffffff)';
|
|
1346
1346
|
/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
|
|
1347
|
-
export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #
|
|
1347
|
+
export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #d8d8d8)';
|
|
1348
1348
|
/** Прозрачный акцентный цвет обводки на темном фоне */
|
|
1349
|
-
export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent,
|
|
1349
|
+
export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #FFFFFF47)';
|
|
1350
1350
|
/** Основной непрозрачный цвет обводки на светлом фоне */
|
|
1351
1351
|
export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ADADADFF)';
|
|
1352
1352
|
/** Основной непрозрачный цвет обводки на светлом фоне */
|
|
@@ -1376,17 +1376,17 @@ export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-tran
|
|
|
1376
1376
|
/** Третичный прозрачный цвет обводки на светлом фоне */
|
|
1377
1377
|
export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808AB)';
|
|
1378
1378
|
/** Акцентный цвет обводки на светлом фоне */
|
|
1379
|
-
export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #
|
|
1379
|
+
export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #244BA8FF)';
|
|
1380
1380
|
/** Акцентный цвет обводки на светлом фоне */
|
|
1381
|
-
export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #
|
|
1381
|
+
export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #10224CFF)';
|
|
1382
1382
|
/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
|
|
1383
|
-
export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #
|
|
1383
|
+
export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #4B5C95FF)';
|
|
1384
1384
|
/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
|
|
1385
|
-
export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #
|
|
1385
|
+
export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #2C3758FF)';
|
|
1386
1386
|
/** Прозрачный акцентный цвет обводки на светлом фоне */
|
|
1387
|
-
export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #
|
|
1387
|
+
export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #1226541F)';
|
|
1388
1388
|
/** Прозрачный акцентный цвет обводки на светлом фоне */
|
|
1389
|
-
export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #
|
|
1389
|
+
export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #12265452)';
|
|
1390
1390
|
/** Цвет обводки успех на светлом фоне */
|
|
1391
1391
|
export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #1EB83AFF)';
|
|
1392
1392
|
/** Цвет обводки успех на светлом фоне */
|
|
@@ -1474,11 +1474,11 @@ export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparen
|
|
|
1474
1474
|
/** Прозрачный цвет обводки информация на светлом фоне */
|
|
1475
1475
|
export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, rgba(42,114,248,0.20))';
|
|
1476
1476
|
/** Акцентный цвет обводки на светлом фоне */
|
|
1477
|
-
export var onLightOutlineAccent = 'var(--on-light-outline-accent, #
|
|
1477
|
+
export var onLightOutlineAccent = 'var(--on-light-outline-accent, #122654)';
|
|
1478
1478
|
/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
|
|
1479
|
-
export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #
|
|
1479
|
+
export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #333F65)';
|
|
1480
1480
|
/** Прозрачный акцентный цвет обводки на светлом фоне */
|
|
1481
|
-
export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent,
|
|
1481
|
+
export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #12265433)';
|
|
1482
1482
|
/** Инвертированный основной непрозрачный цвет обводки */
|
|
1483
1483
|
export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ADADADFF)';
|
|
1484
1484
|
/** Инвертированный основной непрозрачный цвет обводки */
|
|
@@ -1508,17 +1508,17 @@ export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-trans
|
|
|
1508
1508
|
/** Инвертированный третичный прозрачный цвет обводки */
|
|
1509
1509
|
export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)';
|
|
1510
1510
|
/** Инвертированный акцентный цвет обводки */
|
|
1511
|
-
export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #
|
|
1511
|
+
export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #244BA8FF)';
|
|
1512
1512
|
/** Инвертированный акцентный цвет обводки */
|
|
1513
|
-
export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #
|
|
1513
|
+
export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #10224CFF)';
|
|
1514
1514
|
/** Инвертированный акцентный минорный непрозрачный цвет обводки */
|
|
1515
|
-
export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #
|
|
1515
|
+
export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #4B5C95FF)';
|
|
1516
1516
|
/** Инвертированный акцентный минорный непрозрачный цвет обводки */
|
|
1517
|
-
export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #
|
|
1517
|
+
export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #2C3758FF)';
|
|
1518
1518
|
/** Прозрачный инвертированный акцентный цвет обводки */
|
|
1519
|
-
export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #
|
|
1519
|
+
export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #1226541F)';
|
|
1520
1520
|
/** Прозрачный инвертированный акцентный цвет обводки */
|
|
1521
|
-
export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #
|
|
1521
|
+
export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #12265452)';
|
|
1522
1522
|
/** Инвертированный цвет обводки успех */
|
|
1523
1523
|
export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #1EB83AFF)';
|
|
1524
1524
|
/** Инвертированный цвет обводки успех */
|
|
@@ -1606,11 +1606,11 @@ export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent
|
|
|
1606
1606
|
/** Прозрачный инвертированный цвет обводки информация */
|
|
1607
1607
|
export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, rgba(42,114,248,0.20))';
|
|
1608
1608
|
/** Инвертированный акцентный цвет обводки */
|
|
1609
|
-
export var inverseOutlineAccent = 'var(--inverse-outline-accent, #
|
|
1609
|
+
export var inverseOutlineAccent = 'var(--inverse-outline-accent, #122654)';
|
|
1610
1610
|
/** Инвертированный акцентный минорный непрозрачный цвет обводки */
|
|
1611
|
-
export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #
|
|
1611
|
+
export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #333F65)';
|
|
1612
1612
|
/** Прозрачный инвертированный акцентный цвет обводки */
|
|
1613
|
-
export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent,
|
|
1613
|
+
export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #12265433)';
|
|
1614
1614
|
/** Желтый цвет для данных */
|
|
1615
1615
|
export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
|
|
1616
1616
|
/** Желтый цвет для данных */
|