@taiga-ui/design-tokens 0.294.0 → 0.295.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/angular/desktop.less +84 -0
  2. package/angular/mobile.less +84 -0
  3. package/package.json +1 -1
  4. package/palette/dark.css +42 -0
  5. package/palette/light.css +42 -0
  6. package/palette/mobile/dark.css +42 -0
  7. package/palette/mobile/light.css +42 -0
  8. package/palette/scss/dark.scss +42 -0
  9. package/palette/scss/light.scss +42 -0
  10. package/palette/scss/mobile/dark.scss +42 -0
  11. package/palette/scss/mobile/light.scss +42 -0
package/palette/light.css CHANGED
@@ -179,6 +179,28 @@
179
179
  --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
180
180
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
181
181
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
182
+ --tui-chart-state-positive-accent: var(--tui-const-green); /* Основной цвет графиков с позитивным контекстом */
183
+ --tui-chart-state-positive-pale: var(--tui-const-green-alpha-25); /* Цвет графиков с позитивным контекстом когда данных недостаточно */
184
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-alpha-50); /* Цвет графиков с позитивным контекстом для прогноза */
185
+ --tui-chart-state-negative-accent: var(--tui-const-red); /* Основной цвет графиков с негативным контекстом */
186
+ --tui-chart-state-negative-pale: var(--tui-const-red-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
187
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
188
+ --tui-chart-state-warning-accent: var(--tui-const-orange-darker-48); /* Основной цвет графиков с негативным контекстом */
189
+ --tui-chart-state-warning-pale: var(--tui-const-orange-darker-48-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
190
+ --tui-chart-state-warning-prognosis: var(--tui-const-orange-darker-48-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
191
+ --tui-chart-series-primary-accent: var(--tui-const-blue); /* Основной акцентный цвет для графиков без контекста */
192
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-alpha-25); /* Основной акцентный цвет для графиков без контекста когда данных недостаточно */
193
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-alpha-50); /* Основной акцентный цвет для графиков без контекста для прогноза */
194
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-36); /* Первый дополнительный акцентный цвет для графиков без контекста */
195
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-36-alpha-25); /* Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
196
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-36-alpha-50); /* Первый дополнительный акцентный цвет для графиков без контекста для прогноза */
197
+ --tui-chart-series-additional2-accent: #986DD4; /* Второй дополнительный акцентный цвет для графиков без контекста */
198
+ --tui-chart-series-additional2-accent-pale: #986DD440; /* Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
199
+ --tui-chart-series-additional2-accent-prognosis: #986DD480; /* Второй дополнительный акцентный цвет для графиков без контекста для прогноза */
200
+ --tui-chart-gray-primary: var(--tui-const-black-lighter-20); /* Основной серый цвет для графиков без контекста */
201
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); /* Cерый цвет для графиков без контекста когда нет данных */
202
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-85); /* Cерый цвет для графиков без контекста для прогноза */
203
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-93); /* Cерый цвет для графиков без контекста для прогноза */
182
204
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
183
205
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
184
206
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -229,6 +251,8 @@
229
251
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
230
252
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
231
253
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
254
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; /* hsL=54, 25% opacity */
255
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; /* hsL=54, 50% opacity */
232
256
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
233
257
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
234
258
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -248,11 +272,15 @@
248
272
  --tui-const-green-darker-18: #144823;
249
273
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
250
274
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
275
+ --tui-const-green-alpha-25: #00B92D40; /* 25% opacity */
251
276
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
252
277
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
253
278
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
279
+ --tui-const-green-alpha-50: #00B92D80; /* 50% opacity */
280
+ --tui-const-green-lighter-42-alpha-25: #00D63540; /* hsL=42, 25% opacity */
254
281
  --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
255
282
  --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
283
+ --tui-const-green-lighter-42-alpha-50: #00D63580; /* hsL=42, 50% opacity */
256
284
  --tui-const-blue: #428BF9; /* N8 */
257
285
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
258
286
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -269,14 +297,18 @@
269
297
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
270
298
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
271
299
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
300
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; /* hsL=70, 25% opacity */
301
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; /* hsL=70, 50% opacity */
272
302
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
273
303
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
274
304
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
275
305
  --tui-const-blue-alpha-20: #428BF933; /* 16% opacity */
276
306
  --tui-const-blue-alpha-24: #428BF93D; /* 24% opacity */
307
+ --tui-const-blue-alpha-25: #428BF940; /* 25% opacity */
277
308
  --tui-const-blue-alpha-32: #428BF952; /* 32% opacity */
278
309
  --tui-const-blue-alpha-38: #428BF961; /* 38% opacity */
279
310
  --tui-const-blue-alpha-44: #428BF970; /* 44% opacity */
311
+ --tui-const-blue-alpha-50: #428BF980; /* 50% opacity */
280
312
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
281
313
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
282
314
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
@@ -286,9 +318,11 @@
286
318
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
287
319
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
288
320
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */
321
+ --tui-const-red-alpha-25: #F5222240; /* 25% opacity */
289
322
  --tui-const-red-alpha-32: #F5222252; /* 32% opacity */
290
323
  --tui-const-red-alpha-38: #F5222261; /* 38% opacity */
291
324
  --tui-const-red-alpha-44: #F5222270; /* 44% opacity */
325
+ --tui-const-red-alpha-50: #F5222280; /* 50% opacity */
292
326
  --tui-const-red-lighter-62: #F74646; /* hsL=62 */
293
327
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
294
328
  --tui-const-red-lighter-68: #FF5C5C; /* hsL=68 */
@@ -303,6 +337,8 @@
303
337
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
304
338
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
305
339
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
340
+ --tui-const-red-lighter-65-alpha-25: #F5222240; /* hsL=65, 25% opacity */
341
+ --tui-const-red-lighter-65-alpha-50: #F5222280; /* hsL=65, 50% opacity */
306
342
  --tui-const-white: #FFFFFF; /* N14 */
307
343
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
308
344
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -446,6 +482,8 @@
446
482
  --tui-const-orange: #FFB74C;
447
483
  --tui-const-orange-darker-56: #FFA51F; /* hsL=56 */
448
484
  --tui-const-orange-darker-48: #F59200; /* hsL=48 */
485
+ --tui-const-orange-darker-48-alpha-25: #F5920040; /* hsL=48, 25% opacity */
486
+ --tui-const-orange-darker-48-alpha-50: #F5920080; /* hsL=48, 50% opacity */
449
487
  --tui-const-coral: #FF6347;
450
488
  --tui-const-coral-darker-60: #F5593D; /* hsL=60 */
451
489
  --tui-const-coral-darker-52: #E74023; /* hsL=52 */
@@ -456,7 +494,11 @@
456
494
  --tui-const-sea-blue-lighter-66: #5ACAF6;
457
495
  --tui-const-turquoise: #0BD5C1;
458
496
  --tui-const-turquoise-darker-40: #0AC2AF; /* hsL=40 */
497
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; /* hsL=40, 25% opacity */
498
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; /* hsL=40, 50% opacity */
459
499
  --tui-const-turquoise-darker-36: #09AE9E; /* hsL=36 */
500
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; /* hsL=36, 25% opacity */
501
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; /* hsL=36, 50% opacity */
460
502
  --tui-feed-category-neutral: #90ADBF; /* Для ленты операций в МБ */
461
503
  --tui-feed-category-neutral-pale: #E5ECF4; /* Для ленты операций в МБ */
462
504
  --tui-foreground-neutral-accent: var(--tui-const-cool-gray-alpha-44); /* @Deprecated: Перенесен в группу status */
package/palette/mobile/dark.css CHANGED
@@ -157,6 +157,28 @@
157
157
  --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
158
158
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
159
159
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
160
+ --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); /* Основной цвет графиков с позитивным контекстом */
161
+ --tui-chart-state-positive-pale: var(--tui-const-green-lighter-42-alpha-25); /* Цвет графиков с позитивным контекстом когда данных недостаточно */
162
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-lighter-42-alpha-50); /* Цвет графиков с позитивным контекстом для прогноза */
163
+ --tui-chart-state-negative-accent: var(--tui-const-red-lighter-65); /* Основной цвет графиков с негативным контекстом */
164
+ --tui-chart-state-negative-pale: var(--tui-const-red-lighter-65-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
165
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-lighter-65-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
166
+ --tui-chart-state-warning-accent: var(--tui-const-yellow-darker-54); /* Основной цвет графиков с негативным контекстом */
167
+ --tui-chart-state-warning-pale: var(--tui-const-yellow-darker-54-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
168
+ --tui-chart-state-warning-prognosis: var(--tui-const-yellow-darker-54-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
169
+ --tui-chart-series-primary-accent: var(--tui-const-blue-darker-70); /* Основной акцентный цвет для графиков без контекста */
170
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-darker-70-alpha-25); /* Основной акцентный цвет для графиков без контекста когда данных недостаточно */
171
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-darker-70-alpha-50); /* Основной акцентный цвет для графиков без контекста для прогноза */
172
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-40); /* Первый дополнительный акцентный цвет для графиков без контекста */
173
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-40-alpha-25); /* Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
174
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-40-alpha-50); /* Первый дополнительный акцентный цвет для графиков без контекста для прогноза */
175
+ --tui-chart-series-additional2-accent: #B078FF; /* Второй дополнительный акцентный цвет для графиков без контекста */
176
+ --tui-chart-series-additional2-accent-pale: #B078FF40; /* Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
177
+ --tui-chart-series-additional2-accent-prognosis: #B078FF80; /* Второй дополнительный акцентный цвет для графиков без контекста для прогноза */
178
+ --tui-chart-gray-primary: var(--tui-const-cool-gray-lighter-97); /* Основной серый цвет для графиков без контекста */
179
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); /* Cерый цвет для графиков без контекста когда нет данных */
180
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-36); /* Cерый цвет для графиков без контекста для прогноза */
181
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-18); /* Cерый цвет для графиков без контекста для прогноза */
160
182
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
161
183
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
162
184
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -205,6 +227,8 @@
205
227
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
206
228
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
207
229
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
230
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; /* hsL=54, 25% opacity */
231
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; /* hsL=54, 50% opacity */
208
232
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
209
233
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
210
234
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -224,11 +248,15 @@
224
248
  --tui-const-green-darker-18: #144823;
225
249
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
226
250
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
251
+ --tui-const-green-alpha-25: #00B92D40; /* 25% opacity */
227
252
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
228
253
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
229
254
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
255
+ --tui-const-green-alpha-50: #00B92D80; /* 50% opacity */
256
+ --tui-const-green-lighter-42-alpha-25: #00D63540; /* hsL=42, 25% opacity */
230
257
  --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
231
258
  --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
259
+ --tui-const-green-lighter-42-alpha-50: #00D63580; /* hsL=42, 50% opacity */
232
260
  --tui-const-blue: #428BF9; /* N8 */
233
261
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
234
262
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -245,14 +273,18 @@
245
273
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
246
274
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
247
275
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
276
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; /* hsL=70, 25% opacity */
277
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; /* hsL=70, 50% opacity */
248
278
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
249
279
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
250
280
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
251
281
  --tui-const-blue-alpha-20: #428BF933; /* 16% opacity */
252
282
  --tui-const-blue-alpha-24: #428BF93D; /* 24% opacity */
283
+ --tui-const-blue-alpha-25: #428BF940; /* 25% opacity */
253
284
  --tui-const-blue-alpha-32: #428BF952; /* 32% opacity */
254
285
  --tui-const-blue-alpha-38: #428BF961; /* 38% opacity */
255
286
  --tui-const-blue-alpha-44: #428BF970; /* 44% opacity */
287
+ --tui-const-blue-alpha-50: #428BF980; /* 50% opacity */
256
288
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
257
289
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
258
290
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
@@ -262,9 +294,11 @@
262
294
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
263
295
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
264
296
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */
297
+ --tui-const-red-alpha-25: #F5222240; /* 25% opacity */
265
298
  --tui-const-red-alpha-32: #F5222252; /* 32% opacity */
266
299
  --tui-const-red-alpha-38: #F5222261; /* 38% opacity */
267
300
  --tui-const-red-alpha-44: #F5222270; /* 44% opacity */
301
+ --tui-const-red-alpha-50: #F5222280; /* 50% opacity */
268
302
  --tui-const-red-lighter-62: #F74646; /* hsL=62 */
269
303
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
270
304
  --tui-const-red-lighter-68: #FF5C5C; /* hsL=68 */
@@ -279,6 +313,8 @@
279
313
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
280
314
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
281
315
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
316
+ --tui-const-red-lighter-65-alpha-25: #F5222240; /* hsL=65, 25% opacity */
317
+ --tui-const-red-lighter-65-alpha-50: #F5222280; /* hsL=65, 50% opacity */
282
318
  --tui-const-white: #FFFFFF; /* N14 */
283
319
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
284
320
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -422,6 +458,8 @@
422
458
  --tui-const-orange: #FFB74C;
423
459
  --tui-const-orange-darker-56: #FFA51F; /* hsL=56 */
424
460
  --tui-const-orange-darker-48: #F59200; /* hsL=48 */
461
+ --tui-const-orange-darker-48-alpha-25: #F5920040; /* hsL=48, 25% opacity */
462
+ --tui-const-orange-darker-48-alpha-50: #F5920080; /* hsL=48, 50% opacity */
425
463
  --tui-const-coral: #FF6347;
426
464
  --tui-const-coral-darker-60: #F5593D; /* hsL=60 */
427
465
  --tui-const-coral-darker-52: #E74023; /* hsL=52 */
@@ -432,7 +470,11 @@
432
470
  --tui-const-sea-blue-lighter-66: #5ACAF6;
433
471
  --tui-const-turquoise: #0BD5C1;
434
472
  --tui-const-turquoise-darker-40: #0AC2AF; /* hsL=40 */
473
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; /* hsL=40, 25% opacity */
474
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; /* hsL=40, 50% opacity */
435
475
  --tui-const-turquoise-darker-36: #09AE9E; /* hsL=36 */
476
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; /* hsL=36, 25% opacity */
477
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; /* hsL=36, 50% opacity */
436
478
  --tui-feed-category-neutral: #90ADBF; /* Для ленты операций в МБ */
437
479
  --tui-feed-category-neutral-pale: #2E3036; /* Для ленты операций в МБ */
438
480
  --tui-foreground-neutral-accent: var(--tui-const-white-alpha-50); /* @Deprecated: Перенесен в группу status */
package/palette/mobile/light.css CHANGED
@@ -157,6 +157,28 @@
157
157
  --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
158
158
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
159
159
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
160
+ --tui-chart-state-positive-accent: var(--tui-const-green); /* Основной цвет графиков с позитивным контекстом */
161
+ --tui-chart-state-positive-pale: var(--tui-const-green-alpha-25); /* Цвет графиков с позитивным контекстом когда данных недостаточно */
162
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-alpha-50); /* Цвет графиков с позитивным контекстом для прогноза */
163
+ --tui-chart-state-negative-accent: var(--tui-const-red); /* Основной цвет графиков с негативным контекстом */
164
+ --tui-chart-state-negative-pale: var(--tui-const-red-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
165
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
166
+ --tui-chart-state-warning-accent: var(--tui-const-orange-darker-48); /* Основной цвет графиков с негативным контекстом */
167
+ --tui-chart-state-warning-pale: var(--tui-const-orange-darker-48-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
168
+ --tui-chart-state-warning-prognosis: var(--tui-const-orange-darker-48-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
169
+ --tui-chart-series-primary-accent: var(--tui-const-blue); /* Основной акцентный цвет для графиков без контекста */
170
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-alpha-25); /* Основной акцентный цвет для графиков без контекста когда данных недостаточно */
171
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-alpha-50); /* Основной акцентный цвет для графиков без контекста для прогноза */
172
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-36); /* Первый дополнительный акцентный цвет для графиков без контекста */
173
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-36-alpha-25); /* Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
174
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-36-alpha-50); /* Первый дополнительный акцентный цвет для графиков без контекста для прогноза */
175
+ --tui-chart-series-additional2-accent: #986DD4; /* Второй дополнительный акцентный цвет для графиков без контекста */
176
+ --tui-chart-series-additional2-accent-pale: #986DD440; /* Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
177
+ --tui-chart-series-additional2-accent-prognosis: #986DD480; /* Второй дополнительный акцентный цвет для графиков без контекста для прогноза */
178
+ --tui-chart-gray-primary: var(--tui-const-black-lighter-20); /* Основной серый цвет для графиков без контекста */
179
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); /* Cерый цвет для графиков без контекста когда нет данных */
180
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-85); /* Cерый цвет для графиков без контекста для прогноза */
181
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-93); /* Cерый цвет для графиков без контекста для прогноза */
160
182
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
161
183
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
162
184
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -205,6 +227,8 @@
205
227
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
206
228
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
207
229
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
230
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; /* hsL=54, 25% opacity */
231
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; /* hsL=54, 50% opacity */
208
232
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
209
233
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
210
234
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -224,11 +248,15 @@
224
248
  --tui-const-green-darker-18: #144823;
225
249
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
226
250
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
251
+ --tui-const-green-alpha-25: #00B92D40; /* 25% opacity */
227
252
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
228
253
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
229
254
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
255
+ --tui-const-green-alpha-50: #00B92D80; /* 50% opacity */
256
+ --tui-const-green-lighter-42-alpha-25: #00D63540; /* hsL=42, 25% opacity */
230
257
  --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
231
258
  --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
259
+ --tui-const-green-lighter-42-alpha-50: #00D63580; /* hsL=42, 50% opacity */
232
260
  --tui-const-blue: #428BF9; /* N8 */
233
261
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
234
262
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -245,14 +273,18 @@
245
273
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
246
274
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
247
275
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
276
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; /* hsL=70, 25% opacity */
277
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; /* hsL=70, 50% opacity */
248
278
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
249
279
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
250
280
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
251
281
  --tui-const-blue-alpha-20: #428BF933; /* 16% opacity */
252
282
  --tui-const-blue-alpha-24: #428BF93D; /* 24% opacity */
283
+ --tui-const-blue-alpha-25: #428BF940; /* 25% opacity */
253
284
  --tui-const-blue-alpha-32: #428BF952; /* 32% opacity */
254
285
  --tui-const-blue-alpha-38: #428BF961; /* 38% opacity */
255
286
  --tui-const-blue-alpha-44: #428BF970; /* 44% opacity */
287
+ --tui-const-blue-alpha-50: #428BF980; /* 50% opacity */
256
288
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
257
289
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
258
290
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
@@ -262,9 +294,11 @@
262
294
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
263
295
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
264
296
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */
297
+ --tui-const-red-alpha-25: #F5222240; /* 25% opacity */
265
298
  --tui-const-red-alpha-32: #F5222252; /* 32% opacity */
266
299
  --tui-const-red-alpha-38: #F5222261; /* 38% opacity */
267
300
  --tui-const-red-alpha-44: #F5222270; /* 44% opacity */
301
+ --tui-const-red-alpha-50: #F5222280; /* 50% opacity */
268
302
  --tui-const-red-lighter-62: #F74646; /* hsL=62 */
269
303
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
270
304
  --tui-const-red-lighter-68: #FF5C5C; /* hsL=68 */
@@ -279,6 +313,8 @@
279
313
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
280
314
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
281
315
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
316
+ --tui-const-red-lighter-65-alpha-25: #F5222240; /* hsL=65, 25% opacity */
317
+ --tui-const-red-lighter-65-alpha-50: #F5222280; /* hsL=65, 50% opacity */
282
318
  --tui-const-white: #FFFFFF; /* N14 */
283
319
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
284
320
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -422,6 +458,8 @@
422
458
  --tui-const-orange: #FFB74C;
423
459
  --tui-const-orange-darker-56: #FFA51F; /* hsL=56 */
424
460
  --tui-const-orange-darker-48: #F59200; /* hsL=48 */
461
+ --tui-const-orange-darker-48-alpha-25: #F5920040; /* hsL=48, 25% opacity */
462
+ --tui-const-orange-darker-48-alpha-50: #F5920080; /* hsL=48, 50% opacity */
425
463
  --tui-const-coral: #FF6347;
426
464
  --tui-const-coral-darker-60: #F5593D; /* hsL=60 */
427
465
  --tui-const-coral-darker-52: #E74023; /* hsL=52 */
@@ -432,7 +470,11 @@
432
470
  --tui-const-sea-blue-lighter-66: #5ACAF6;
433
471
  --tui-const-turquoise: #0BD5C1;
434
472
  --tui-const-turquoise-darker-40: #0AC2AF; /* hsL=40 */
473
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; /* hsL=40, 25% opacity */
474
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; /* hsL=40, 50% opacity */
435
475
  --tui-const-turquoise-darker-36: #09AE9E; /* hsL=36 */
476
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; /* hsL=36, 25% opacity */
477
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; /* hsL=36, 50% opacity */
436
478
  --tui-feed-category-neutral: #90ADBF; /* Для ленты операций в МБ */
437
479
  --tui-feed-category-neutral-pale: #E5ECF4; /* Для ленты операций в МБ */
438
480
  --tui-foreground-neutral-accent: var(--tui-const-cool-gray-alpha-44); /* @Deprecated: Перенесен в группу status */
package/palette/scss/dark.scss CHANGED
@@ -178,6 +178,28 @@
178
178
  --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
179
179
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
180
180
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
181
+ --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); /* Основной цвет графиков с позитивным контекстом */
182
+ --tui-chart-state-positive-pale: var(--tui-const-green-lighter-42-alpha-25); /* Цвет графиков с позитивным контекстом когда данных недостаточно */
183
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-lighter-42-alpha-50); /* Цвет графиков с позитивным контекстом для прогноза */
184
+ --tui-chart-state-negative-accent: var(--tui-const-red-lighter-65); /* Основной цвет графиков с негативным контекстом */
185
+ --tui-chart-state-negative-pale: var(--tui-const-red-lighter-65-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
186
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-lighter-65-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
187
+ --tui-chart-state-warning-accent: var(--tui-const-yellow-darker-54); /* Основной цвет графиков с негативным контекстом */
188
+ --tui-chart-state-warning-pale: var(--tui-const-yellow-darker-54-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
189
+ --tui-chart-state-warning-prognosis: var(--tui-const-yellow-darker-54-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
190
+ --tui-chart-series-primary-accent: var(--tui-const-blue-darker-70); /* Основной акцентный цвет для графиков без контекста */
191
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-darker-70-alpha-25); /* Основной акцентный цвет для графиков без контекста когда данных недостаточно */
192
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-darker-70-alpha-50); /* Основной акцентный цвет для графиков без контекста для прогноза */
193
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-40); /* Первый дополнительный акцентный цвет для графиков без контекста */
194
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-40-alpha-25); /* Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
195
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-40-alpha-50); /* Первый дополнительный акцентный цвет для графиков без контекста для прогноза */
196
+ --tui-chart-series-additional2-accent: #B078FF; /* Второй дополнительный акцентный цвет для графиков без контекста */
197
+ --tui-chart-series-additional2-accent-pale: #B078FF40; /* Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
198
+ --tui-chart-series-additional2-accent-prognosis: #B078FF80; /* Второй дополнительный акцентный цвет для графиков без контекста для прогноза */
199
+ --tui-chart-gray-primary: var(--tui-const-cool-gray-lighter-97); /* Основной серый цвет для графиков без контекста */
200
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); /* Cерый цвет для графиков без контекста когда нет данных */
201
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-36); /* Cерый цвет для графиков без контекста для прогноза */
202
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-18); /* Cерый цвет для графиков без контекста для прогноза */
181
203
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
182
204
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
183
205
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -228,6 +250,8 @@
228
250
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
229
251
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
230
252
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
253
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; /* hsL=54, 25% opacity */
254
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; /* hsL=54, 50% opacity */
231
255
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
232
256
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
233
257
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -247,11 +271,15 @@
247
271
  --tui-const-green-darker-18: #144823;
248
272
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
249
273
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
274
+ --tui-const-green-alpha-25: #00B92D40; /* 25% opacity */
250
275
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
251
276
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
252
277
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
278
+ --tui-const-green-alpha-50: #00B92D80; /* 50% opacity */
279
+ --tui-const-green-lighter-42-alpha-25: #00D63540; /* hsL=42, 25% opacity */
253
280
  --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
254
281
  --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
282
+ --tui-const-green-lighter-42-alpha-50: #00D63580; /* hsL=42, 50% opacity */
255
283
  --tui-const-blue: #428BF9; /* N8 */
256
284
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
257
285
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -268,14 +296,18 @@
268
296
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
269
297
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
270
298
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
299
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; /* hsL=70, 25% opacity */
300
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; /* hsL=70, 50% opacity */
271
301
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
272
302
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
273
303
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
274
304
  --tui-const-blue-alpha-20: #428BF933; /* 16% opacity */
275
305
  --tui-const-blue-alpha-24: #428BF93D; /* 24% opacity */
306
+ --tui-const-blue-alpha-25: #428BF940; /* 25% opacity */
276
307
  --tui-const-blue-alpha-32: #428BF952; /* 32% opacity */
277
308
  --tui-const-blue-alpha-38: #428BF961; /* 38% opacity */
278
309
  --tui-const-blue-alpha-44: #428BF970; /* 44% opacity */
310
+ --tui-const-blue-alpha-50: #428BF980; /* 50% opacity */
279
311
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
280
312
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
281
313
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
@@ -285,9 +317,11 @@
285
317
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
286
318
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
287
319
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */
320
+ --tui-const-red-alpha-25: #F5222240; /* 25% opacity */
288
321
  --tui-const-red-alpha-32: #F5222252; /* 32% opacity */
289
322
  --tui-const-red-alpha-38: #F5222261; /* 38% opacity */
290
323
  --tui-const-red-alpha-44: #F5222270; /* 44% opacity */
324
+ --tui-const-red-alpha-50: #F5222280; /* 50% opacity */
291
325
  --tui-const-red-lighter-62: #F74646; /* hsL=62 */
292
326
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
293
327
  --tui-const-red-lighter-68: #FF5C5C; /* hsL=68 */
@@ -302,6 +336,8 @@
302
336
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
303
337
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
304
338
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
339
+ --tui-const-red-lighter-65-alpha-25: #F5222240; /* hsL=65, 25% opacity */
340
+ --tui-const-red-lighter-65-alpha-50: #F5222280; /* hsL=65, 50% opacity */
305
341
  --tui-const-white: #FFFFFF; /* N14 */
306
342
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
307
343
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -445,6 +481,8 @@
445
481
  --tui-const-orange: #FFB74C;
446
482
  --tui-const-orange-darker-56: #FFA51F; /* hsL=56 */
447
483
  --tui-const-orange-darker-48: #F59200; /* hsL=48 */
484
+ --tui-const-orange-darker-48-alpha-25: #F5920040; /* hsL=48, 25% opacity */
485
+ --tui-const-orange-darker-48-alpha-50: #F5920080; /* hsL=48, 50% opacity */
448
486
  --tui-const-coral: #FF6347;
449
487
  --tui-const-coral-darker-60: #F5593D; /* hsL=60 */
450
488
  --tui-const-coral-darker-52: #E74023; /* hsL=52 */
@@ -455,7 +493,11 @@
455
493
  --tui-const-sea-blue-lighter-66: #5ACAF6;
456
494
  --tui-const-turquoise: #0BD5C1;
457
495
  --tui-const-turquoise-darker-40: #0AC2AF; /* hsL=40 */
496
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; /* hsL=40, 25% opacity */
497
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; /* hsL=40, 50% opacity */
458
498
  --tui-const-turquoise-darker-36: #09AE9E; /* hsL=36 */
499
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; /* hsL=36, 25% opacity */
500
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; /* hsL=36, 50% opacity */
459
501
  --tui-feed-category-neutral: #90ADBF; /* Для ленты операций в МБ */
460
502
  --tui-feed-category-neutral-pale: #2E3036; /* Для ленты операций в МБ */
461
503
  --tui-foreground-neutral-accent: var(--tui-const-white-alpha-50); /* @Deprecated: Перенесен в группу status */
package/palette/scss/light.scss CHANGED
@@ -178,6 +178,28 @@
178
178
  --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
179
179
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
180
180
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
181
+ --tui-chart-state-positive-accent: var(--tui-const-green); /* Основной цвет графиков с позитивным контекстом */
182
+ --tui-chart-state-positive-pale: var(--tui-const-green-alpha-25); /* Цвет графиков с позитивным контекстом когда данных недостаточно */
183
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-alpha-50); /* Цвет графиков с позитивным контекстом для прогноза */
184
+ --tui-chart-state-negative-accent: var(--tui-const-red); /* Основной цвет графиков с негативным контекстом */
185
+ --tui-chart-state-negative-pale: var(--tui-const-red-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
186
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
187
+ --tui-chart-state-warning-accent: var(--tui-const-orange-darker-48); /* Основной цвет графиков с негативным контекстом */
188
+ --tui-chart-state-warning-pale: var(--tui-const-orange-darker-48-alpha-25); /* Цвет графиков с негативным контекстом когда данных недостаточно */
189
+ --tui-chart-state-warning-prognosis: var(--tui-const-orange-darker-48-alpha-50); /* Цвет графиков с негативным контекстом для прогноза */
190
+ --tui-chart-series-primary-accent: var(--tui-const-blue); /* Основной акцентный цвет для графиков без контекста */
191
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-alpha-25); /* Основной акцентный цвет для графиков без контекста когда данных недостаточно */
192
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-alpha-50); /* Основной акцентный цвет для графиков без контекста для прогноза */
193
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-36); /* Первый дополнительный акцентный цвет для графиков без контекста */
194
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-36-alpha-25); /* Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
195
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-36-alpha-50); /* Первый дополнительный акцентный цвет для графиков без контекста для прогноза */
196
+ --tui-chart-series-additional2-accent: #986DD4; /* Второй дополнительный акцентный цвет для графиков без контекста */
197
+ --tui-chart-series-additional2-accent-pale: #986DD440; /* Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
198
+ --tui-chart-series-additional2-accent-prognosis: #986DD480; /* Второй дополнительный акцентный цвет для графиков без контекста для прогноза */
199
+ --tui-chart-gray-primary: var(--tui-const-black-lighter-20); /* Основной серый цвет для графиков без контекста */
200
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); /* Cерый цвет для графиков без контекста когда нет данных */
201
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-85); /* Cерый цвет для графиков без контекста для прогноза */
202
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-93); /* Cерый цвет для графиков без контекста для прогноза */
181
203
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
182
204
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
183
205
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -228,6 +250,8 @@
228
250
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
229
251
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
230
252
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
253
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; /* hsL=54, 25% opacity */
254
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; /* hsL=54, 50% opacity */
231
255
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
232
256
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
233
257
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -247,11 +271,15 @@
247
271
  --tui-const-green-darker-18: #144823;
248
272
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
249
273
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
274
+ --tui-const-green-alpha-25: #00B92D40; /* 25% opacity */
250
275
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
251
276
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
252
277
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
278
+ --tui-const-green-alpha-50: #00B92D80; /* 50% opacity */
279
+ --tui-const-green-lighter-42-alpha-25: #00D63540; /* hsL=42, 25% opacity */
253
280
  --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
254
281
  --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
282
+ --tui-const-green-lighter-42-alpha-50: #00D63580; /* hsL=42, 50% opacity */
255
283
  --tui-const-blue: #428BF9; /* N8 */
256
284
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
257
285
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -268,14 +296,18 @@
268
296
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
269
297
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
270
298
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
299
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; /* hsL=70, 25% opacity */
300
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; /* hsL=70, 50% opacity */
271
301
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
272
302
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
273
303
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
274
304
  --tui-const-blue-alpha-20: #428BF933; /* 16% opacity */
275
305
  --tui-const-blue-alpha-24: #428BF93D; /* 24% opacity */
306
+ --tui-const-blue-alpha-25: #428BF940; /* 25% opacity */
276
307
  --tui-const-blue-alpha-32: #428BF952; /* 32% opacity */
277
308
  --tui-const-blue-alpha-38: #428BF961; /* 38% opacity */
278
309
  --tui-const-blue-alpha-44: #428BF970; /* 44% opacity */
310
+ --tui-const-blue-alpha-50: #428BF980; /* 50% opacity */
279
311
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
280
312
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
281
313
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
@@ -285,9 +317,11 @@
285
317
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
286
318
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
287
319
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */
320
+ --tui-const-red-alpha-25: #F5222240; /* 25% opacity */
288
321
  --tui-const-red-alpha-32: #F5222252; /* 32% opacity */
289
322
  --tui-const-red-alpha-38: #F5222261; /* 38% opacity */
290
323
  --tui-const-red-alpha-44: #F5222270; /* 44% opacity */
324
+ --tui-const-red-alpha-50: #F5222280; /* 50% opacity */
291
325
  --tui-const-red-lighter-62: #F74646; /* hsL=62 */
292
326
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
293
327
  --tui-const-red-lighter-68: #FF5C5C; /* hsL=68 */
@@ -302,6 +336,8 @@
302
336
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
303
337
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
304
338
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
339
+ --tui-const-red-lighter-65-alpha-25: #F5222240; /* hsL=65, 25% opacity */
340
+ --tui-const-red-lighter-65-alpha-50: #F5222280; /* hsL=65, 50% opacity */
305
341
  --tui-const-white: #FFFFFF; /* N14 */
306
342
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
307
343
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -445,6 +481,8 @@
445
481
  --tui-const-orange: #FFB74C;
446
482
  --tui-const-orange-darker-56: #FFA51F; /* hsL=56 */
447
483
  --tui-const-orange-darker-48: #F59200; /* hsL=48 */
484
+ --tui-const-orange-darker-48-alpha-25: #F5920040; /* hsL=48, 25% opacity */
485
+ --tui-const-orange-darker-48-alpha-50: #F5920080; /* hsL=48, 50% opacity */
448
486
  --tui-const-coral: #FF6347;
449
487
  --tui-const-coral-darker-60: #F5593D; /* hsL=60 */
450
488
  --tui-const-coral-darker-52: #E74023; /* hsL=52 */
@@ -455,7 +493,11 @@
455
493
  --tui-const-sea-blue-lighter-66: #5ACAF6;
456
494
  --tui-const-turquoise: #0BD5C1;
457
495
  --tui-const-turquoise-darker-40: #0AC2AF; /* hsL=40 */
496
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; /* hsL=40, 25% opacity */
497
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; /* hsL=40, 50% opacity */
458
498
  --tui-const-turquoise-darker-36: #09AE9E; /* hsL=36 */
499
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; /* hsL=36, 25% opacity */
500
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; /* hsL=36, 50% opacity */
459
501
  --tui-feed-category-neutral: #90ADBF; /* Для ленты операций в МБ */
460
502
  --tui-feed-category-neutral-pale: #E5ECF4; /* Для ленты операций в МБ */
461
503
  --tui-foreground-neutral-accent: var(--tui-const-cool-gray-alpha-44); /* @Deprecated: Перенесен в группу status */