@taiga-ui/design-tokens 0.294.0 → 0.296.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 (15) hide show
  1. package/angular/desktop.less +84 -0
  2. package/angular/mobile.less +84 -0
  3. package/esm2022/icons.mjs +10 -1
  4. package/fesm2022/taiga-ui-design-tokens.mjs +9 -0
  5. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  6. package/icons.d.ts +1 -1
  7. package/package.json +1 -1
  8. package/palette/dark.css +42 -0
  9. package/palette/light.css +42 -0
  10. package/palette/mobile/dark.css +42 -0
  11. package/palette/mobile/light.css +42 -0
  12. package/palette/scss/dark.scss +42 -0
  13. package/palette/scss/light.scss +42 -0
  14. package/palette/scss/mobile/dark.scss +42 -0
  15. package/palette/scss/mobile/light.scss +42 -0
package/angular/desktop.less CHANGED
@@ -180,6 +180,28 @@
180
180
  --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
181
181
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
182
182
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
183
+ --tui-chart-state-positive-accent: var(--tui-const-green); // Основной цвет графиков с позитивным контекстом
184
+ --tui-chart-state-positive-pale: var(--tui-const-green-alpha-25); // Цвет графиков с позитивным контекстом когда данных недостаточно
185
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-alpha-50); // Цвет графиков с позитивным контекстом для прогноза
186
+ --tui-chart-state-negative-accent: var(--tui-const-red); // Основной цвет графиков с негативным контекстом
187
+ --tui-chart-state-negative-pale: var(--tui-const-red-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно
188
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-alpha-50); // Цвет графиков с негативным контекстом для прогноза
189
+ --tui-chart-state-warning-accent: var(--tui-const-orange-darker-48); // Основной цвет графиков с негативным контекстом
190
+ --tui-chart-state-warning-pale: var(--tui-const-orange-darker-48-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно
191
+ --tui-chart-state-warning-prognosis: var(--tui-const-orange-darker-48-alpha-50); // Цвет графиков с негативным контекстом для прогноза
192
+ --tui-chart-series-primary-accent: var(--tui-const-blue); // Основной акцентный цвет для графиков без контекста
193
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-alpha-25); // Основной акцентный цвет для графиков без контекста когда данных недостаточно
194
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-alpha-50); // Основной акцентный цвет для графиков без контекста для прогноза
195
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-36); // Первый дополнительный акцентный цвет для графиков без контекста
196
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-36-alpha-25); // Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно
197
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-36-alpha-50); // Первый дополнительный акцентный цвет для графиков без контекста для прогноза
198
+ --tui-chart-series-additional2-accent: #986DD4; // Второй дополнительный акцентный цвет для графиков без контекста
199
+ --tui-chart-series-additional2-accent-pale: #986DD440; // Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно
200
+ --tui-chart-series-additional2-accent-prognosis: #986DD480; // Второй дополнительный акцентный цвет для графиков без контекста для прогноза
201
+ --tui-chart-gray-primary: var(--tui-const-black-lighter-20); // Основной серый цвет для графиков без контекста
202
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); // Cерый цвет для графиков без контекста когда нет данных
203
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-85); // Cерый цвет для графиков без контекста для прогноза
204
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-93); // Cерый цвет для графиков без контекста для прогноза
183
205
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
184
206
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
185
207
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -230,6 +252,8 @@
230
252
  --tui-const-yellow-darker-20: #503C18; // hsL=20
231
253
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
232
254
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
255
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; // hsL=54, 25% opacity
256
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; // hsL=54, 50% opacity
233
257
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
234
258
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
235
259
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -249,11 +273,15 @@
249
273
  --tui-const-green-darker-18: #144823;
250
274
  --tui-const-green-alpha-16: #00B92D29; // 16% opacity
251
275
  --tui-const-green-alpha-24: #00B92D3D; // 24% opacity
276
+ --tui-const-green-alpha-25: #00B92D40; // 25% opacity
252
277
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
253
278
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
254
279
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
280
+ --tui-const-green-alpha-50: #00B92D80; // 50% opacity
281
+ --tui-const-green-lighter-42-alpha-25: #00D63540; // hsL=42, 25% opacity
255
282
  --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
256
283
  --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
284
+ --tui-const-green-lighter-42-alpha-50: #00D63580; // hsL=42, 50% opacity
257
285
  --tui-const-blue: #428BF9; // N8
258
286
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
259
287
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -270,14 +298,18 @@
270
298
  --tui-const-blue-darker-25: #263B5C; // hsL=25
271
299
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
272
300
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
301
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; // hsL=70, 25% opacity
302
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; // hsL=70, 50% opacity
273
303
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
274
304
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
275
305
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
276
306
  --tui-const-blue-alpha-20: #428BF933; // 16% opacity
277
307
  --tui-const-blue-alpha-24: #428BF93D; // 24% opacity
308
+ --tui-const-blue-alpha-25: #428BF940; // 25% opacity
278
309
  --tui-const-blue-alpha-32: #428BF952; // 32% opacity
279
310
  --tui-const-blue-alpha-38: #428BF961; // 38% opacity
280
311
  --tui-const-blue-alpha-44: #428BF970; // 44% opacity
312
+ --tui-const-blue-alpha-50: #428BF980; // 50% opacity
281
313
  --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity
282
314
  --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity
283
315
  --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity
@@ -287,9 +319,11 @@
287
319
  --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity
288
320
  --tui-const-red-alpha-14: #F5222224; // 12% opacity
289
321
  --tui-const-red-alpha-24: #F522223D; // 24% opacity
322
+ --tui-const-red-alpha-25: #F5222240; // 25% opacity
290
323
  --tui-const-red-alpha-32: #F5222252; // 32% opacity
291
324
  --tui-const-red-alpha-38: #F5222261; // 38% opacity
292
325
  --tui-const-red-alpha-44: #F5222270; // 44% opacity
326
+ --tui-const-red-alpha-50: #F5222280; // 50% opacity
293
327
  --tui-const-red-lighter-62: #F74646; // hsL=62
294
328
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
295
329
  --tui-const-red-lighter-68: #FF5C5C; // hsL=68
@@ -304,6 +338,8 @@
304
338
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
305
339
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
306
340
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
341
+ --tui-const-red-lighter-65-alpha-25: #F5222240; // hsL=65, 25% opacity
342
+ --tui-const-red-lighter-65-alpha-50: #F5222280; // hsL=65, 50% opacity
307
343
  --tui-const-white: #FFFFFF; // N14
308
344
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
309
345
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -447,6 +483,8 @@
447
483
  --tui-const-orange: #FFB74C;
448
484
  --tui-const-orange-darker-56: #FFA51F; // hsL=56
449
485
  --tui-const-orange-darker-48: #F59200; // hsL=48
486
+ --tui-const-orange-darker-48-alpha-25: #F5920040; // hsL=48, 25% opacity
487
+ --tui-const-orange-darker-48-alpha-50: #F5920080; // hsL=48, 50% opacity
450
488
  --tui-const-coral: #FF6347;
451
489
  --tui-const-coral-darker-60: #F5593D; // hsL=60
452
490
  --tui-const-coral-darker-52: #E74023; // hsL=52
@@ -457,7 +495,11 @@
457
495
  --tui-const-sea-blue-lighter-66: #5ACAF6;
458
496
  --tui-const-turquoise: #0BD5C1;
459
497
  --tui-const-turquoise-darker-40: #0AC2AF; // hsL=40
498
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; // hsL=40, 25% opacity
499
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; // hsL=40, 50% opacity
460
500
  --tui-const-turquoise-darker-36: #09AE9E; // hsL=36
501
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; // hsL=36, 25% opacity
502
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; // hsL=36, 50% opacity
461
503
  --tui-feed-category-neutral: #90ADBF; // Для ленты операций в МБ
462
504
  --tui-feed-category-neutral-pale: #E5ECF4; // Для ленты операций в МБ
463
505
  --tui-foreground-neutral-accent: var(--tui-const-cool-gray-alpha-44); // @Deprecated: Перенесен в группу status
@@ -788,6 +830,28 @@
788
830
  --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
789
831
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
790
832
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
833
+ --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); // Основной цвет графиков с позитивным контекстом
834
+ --tui-chart-state-positive-pale: var(--tui-const-green-lighter-42-alpha-25); // Цвет графиков с позитивным контекстом когда данных недостаточно
835
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-lighter-42-alpha-50); // Цвет графиков с позитивным контекстом для прогноза
836
+ --tui-chart-state-negative-accent: var(--tui-const-red-lighter-65); // Основной цвет графиков с негативным контекстом
837
+ --tui-chart-state-negative-pale: var(--tui-const-red-lighter-65-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно
838
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-lighter-65-alpha-50); // Цвет графиков с негативным контекстом для прогноза
839
+ --tui-chart-state-warning-accent: var(--tui-const-yellow-darker-54); // Основной цвет графиков с негативным контекстом
840
+ --tui-chart-state-warning-pale: var(--tui-const-yellow-darker-54-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно
841
+ --tui-chart-state-warning-prognosis: var(--tui-const-yellow-darker-54-alpha-50); // Цвет графиков с негативным контекстом для прогноза
842
+ --tui-chart-series-primary-accent: var(--tui-const-blue-darker-70); // Основной акцентный цвет для графиков без контекста
843
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-darker-70-alpha-25); // Основной акцентный цвет для графиков без контекста когда данных недостаточно
844
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-darker-70-alpha-50); // Основной акцентный цвет для графиков без контекста для прогноза
845
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-40); // Первый дополнительный акцентный цвет для графиков без контекста
846
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-40-alpha-25); // Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно
847
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-40-alpha-50); // Первый дополнительный акцентный цвет для графиков без контекста для прогноза
848
+ --tui-chart-series-additional2-accent: #B078FF; // Второй дополнительный акцентный цвет для графиков без контекста
849
+ --tui-chart-series-additional2-accent-pale: #B078FF40; // Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно
850
+ --tui-chart-series-additional2-accent-prognosis: #B078FF80; // Второй дополнительный акцентный цвет для графиков без контекста для прогноза
851
+ --tui-chart-gray-primary: var(--tui-const-cool-gray-lighter-97); // Основной серый цвет для графиков без контекста
852
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); // Cерый цвет для графиков без контекста когда нет данных
853
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-36); // Cерый цвет для графиков без контекста для прогноза
854
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-18); // Cерый цвет для графиков без контекста для прогноза
791
855
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
792
856
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
793
857
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -838,6 +902,8 @@
838
902
  --tui-const-yellow-darker-20: #503C18; // hsL=20
839
903
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
840
904
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
905
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; // hsL=54, 25% opacity
906
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; // hsL=54, 50% opacity
841
907
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
842
908
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
843
909
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -857,11 +923,15 @@
857
923
  --tui-const-green-darker-18: #144823;
858
924
  --tui-const-green-alpha-16: #00B92D29; // 16% opacity
859
925
  --tui-const-green-alpha-24: #00B92D3D; // 24% opacity
926
+ --tui-const-green-alpha-25: #00B92D40; // 25% opacity
860
927
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
861
928
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
862
929
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
930
+ --tui-const-green-alpha-50: #00B92D80; // 50% opacity
931
+ --tui-const-green-lighter-42-alpha-25: #00D63540; // hsL=42, 25% opacity
863
932
  --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
864
933
  --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
934
+ --tui-const-green-lighter-42-alpha-50: #00D63580; // hsL=42, 50% opacity
865
935
  --tui-const-blue: #428BF9; // N8
866
936
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
867
937
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -878,14 +948,18 @@
878
948
  --tui-const-blue-darker-25: #263B5C; // hsL=25
879
949
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
880
950
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
951
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; // hsL=70, 25% opacity
952
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; // hsL=70, 50% opacity
881
953
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
882
954
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
883
955
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
884
956
  --tui-const-blue-alpha-20: #428BF933; // 16% opacity
885
957
  --tui-const-blue-alpha-24: #428BF93D; // 24% opacity
958
+ --tui-const-blue-alpha-25: #428BF940; // 25% opacity
886
959
  --tui-const-blue-alpha-32: #428BF952; // 32% opacity
887
960
  --tui-const-blue-alpha-38: #428BF961; // 38% opacity
888
961
  --tui-const-blue-alpha-44: #428BF970; // 44% opacity
962
+ --tui-const-blue-alpha-50: #428BF980; // 50% opacity
889
963
  --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity
890
964
  --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity
891
965
  --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity
@@ -895,9 +969,11 @@
895
969
  --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity
896
970
  --tui-const-red-alpha-14: #F5222224; // 12% opacity
897
971
  --tui-const-red-alpha-24: #F522223D; // 24% opacity
972
+ --tui-const-red-alpha-25: #F5222240; // 25% opacity
898
973
  --tui-const-red-alpha-32: #F5222252; // 32% opacity
899
974
  --tui-const-red-alpha-38: #F5222261; // 38% opacity
900
975
  --tui-const-red-alpha-44: #F5222270; // 44% opacity
976
+ --tui-const-red-alpha-50: #F5222280; // 50% opacity
901
977
  --tui-const-red-lighter-62: #F74646; // hsL=62
902
978
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
903
979
  --tui-const-red-lighter-68: #FF5C5C; // hsL=68
@@ -912,6 +988,8 @@
912
988
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
913
989
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
914
990
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
991
+ --tui-const-red-lighter-65-alpha-25: #F5222240; // hsL=65, 25% opacity
992
+ --tui-const-red-lighter-65-alpha-50: #F5222280; // hsL=65, 50% opacity
915
993
  --tui-const-white: #FFFFFF; // N14
916
994
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
917
995
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -1055,6 +1133,8 @@
1055
1133
  --tui-const-orange: #FFB74C;
1056
1134
  --tui-const-orange-darker-56: #FFA51F; // hsL=56
1057
1135
  --tui-const-orange-darker-48: #F59200; // hsL=48
1136
+ --tui-const-orange-darker-48-alpha-25: #F5920040; // hsL=48, 25% opacity
1137
+ --tui-const-orange-darker-48-alpha-50: #F5920080; // hsL=48, 50% opacity
1058
1138
  --tui-const-coral: #FF6347;
1059
1139
  --tui-const-coral-darker-60: #F5593D; // hsL=60
1060
1140
  --tui-const-coral-darker-52: #E74023; // hsL=52
@@ -1065,7 +1145,11 @@
1065
1145
  --tui-const-sea-blue-lighter-66: #5ACAF6;
1066
1146
  --tui-const-turquoise: #0BD5C1;
1067
1147
  --tui-const-turquoise-darker-40: #0AC2AF; // hsL=40
1148
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; // hsL=40, 25% opacity
1149
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; // hsL=40, 50% opacity
1068
1150
  --tui-const-turquoise-darker-36: #09AE9E; // hsL=36
1151
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; // hsL=36, 25% opacity
1152
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; // hsL=36, 50% opacity
1069
1153
  --tui-feed-category-neutral: #90ADBF; // Для ленты операций в МБ
1070
1154
  --tui-feed-category-neutral-pale: #2E3036; // Для ленты операций в МБ
1071
1155
  --tui-foreground-neutral-accent: var(--tui-const-white-alpha-50); // @Deprecated: Перенесен в группу status
package/angular/mobile.less CHANGED
@@ -162,6 +162,28 @@
162
162
  --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
163
163
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
164
164
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
165
+ --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); // Основной цвет графиков с позитивным контекстом
166
+ --tui-chart-state-positive-pale: var(--tui-const-green-lighter-42-alpha-25); // Цвет графиков с позитивным контекстом когда данных недостаточно
167
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-lighter-42-alpha-50); // Цвет графиков с позитивным контекстом для прогноза
168
+ --tui-chart-state-negative-accent: var(--tui-const-red-lighter-65); // Основной цвет графиков с негативным контекстом
169
+ --tui-chart-state-negative-pale: var(--tui-const-red-lighter-65-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно
170
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-lighter-65-alpha-50); // Цвет графиков с негативным контекстом для прогноза
171
+ --tui-chart-state-warning-accent: var(--tui-const-yellow-darker-54); // Основной цвет графиков с негативным контекстом
172
+ --tui-chart-state-warning-pale: var(--tui-const-yellow-darker-54-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно
173
+ --tui-chart-state-warning-prognosis: var(--tui-const-yellow-darker-54-alpha-50); // Цвет графиков с негативным контекстом для прогноза
174
+ --tui-chart-series-primary-accent: var(--tui-const-blue-darker-70); // Основной акцентный цвет для графиков без контекста
175
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-darker-70-alpha-25); // Основной акцентный цвет для графиков без контекста когда данных недостаточно
176
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-darker-70-alpha-50); // Основной акцентный цвет для графиков без контекста для прогноза
177
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-40); // Первый дополнительный акцентный цвет для графиков без контекста
178
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-40-alpha-25); // Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно
179
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-40-alpha-50); // Первый дополнительный акцентный цвет для графиков без контекста для прогноза
180
+ --tui-chart-series-additional2-accent: #B078FF; // Второй дополнительный акцентный цвет для графиков без контекста
181
+ --tui-chart-series-additional2-accent-pale: #B078FF40; // Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно
182
+ --tui-chart-series-additional2-accent-prognosis: #B078FF80; // Второй дополнительный акцентный цвет для графиков без контекста для прогноза
183
+ --tui-chart-gray-primary: var(--tui-const-cool-gray-lighter-97); // Основной серый цвет для графиков без контекста
184
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); // Cерый цвет для графиков без контекста когда нет данных
185
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-36); // Cерый цвет для графиков без контекста для прогноза
186
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-18); // Cерый цвет для графиков без контекста для прогноза
165
187
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
166
188
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
167
189
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -210,6 +232,8 @@
210
232
  --tui-const-yellow-darker-20: #503C18; // hsL=20
211
233
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
212
234
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
235
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; // hsL=54, 25% opacity
236
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; // hsL=54, 50% opacity
213
237
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
214
238
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
215
239
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -229,11 +253,15 @@
229
253
  --tui-const-green-darker-18: #144823;
230
254
  --tui-const-green-alpha-16: #00B92D29; // 16% opacity
231
255
  --tui-const-green-alpha-24: #00B92D3D; // 24% opacity
256
+ --tui-const-green-alpha-25: #00B92D40; // 25% opacity
232
257
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
233
258
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
234
259
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
260
+ --tui-const-green-alpha-50: #00B92D80; // 50% opacity
261
+ --tui-const-green-lighter-42-alpha-25: #00D63540; // hsL=42, 25% opacity
235
262
  --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
236
263
  --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
264
+ --tui-const-green-lighter-42-alpha-50: #00D63580; // hsL=42, 50% opacity
237
265
  --tui-const-blue: #428BF9; // N8
238
266
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
239
267
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -250,14 +278,18 @@
250
278
  --tui-const-blue-darker-25: #263B5C; // hsL=25
251
279
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
252
280
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
281
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; // hsL=70, 25% opacity
282
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; // hsL=70, 50% opacity
253
283
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
254
284
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
255
285
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
256
286
  --tui-const-blue-alpha-20: #428BF933; // 16% opacity
257
287
  --tui-const-blue-alpha-24: #428BF93D; // 24% opacity
288
+ --tui-const-blue-alpha-25: #428BF940; // 25% opacity
258
289
  --tui-const-blue-alpha-32: #428BF952; // 32% opacity
259
290
  --tui-const-blue-alpha-38: #428BF961; // 38% opacity
260
291
  --tui-const-blue-alpha-44: #428BF970; // 44% opacity
292
+ --tui-const-blue-alpha-50: #428BF980; // 50% opacity
261
293
  --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity
262
294
  --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity
263
295
  --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity
@@ -267,9 +299,11 @@
267
299
  --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity
268
300
  --tui-const-red-alpha-14: #F5222224; // 12% opacity
269
301
  --tui-const-red-alpha-24: #F522223D; // 24% opacity
302
+ --tui-const-red-alpha-25: #F5222240; // 25% opacity
270
303
  --tui-const-red-alpha-32: #F5222252; // 32% opacity
271
304
  --tui-const-red-alpha-38: #F5222261; // 38% opacity
272
305
  --tui-const-red-alpha-44: #F5222270; // 44% opacity
306
+ --tui-const-red-alpha-50: #F5222280; // 50% opacity
273
307
  --tui-const-red-lighter-62: #F74646; // hsL=62
274
308
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
275
309
  --tui-const-red-lighter-68: #FF5C5C; // hsL=68
@@ -284,6 +318,8 @@
284
318
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
285
319
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
286
320
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
321
+ --tui-const-red-lighter-65-alpha-25: #F5222240; // hsL=65, 25% opacity
322
+ --tui-const-red-lighter-65-alpha-50: #F5222280; // hsL=65, 50% opacity
287
323
  --tui-const-white: #FFFFFF; // N14
288
324
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
289
325
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -427,6 +463,8 @@
427
463
  --tui-const-orange: #FFB74C;
428
464
  --tui-const-orange-darker-56: #FFA51F; // hsL=56
429
465
  --tui-const-orange-darker-48: #F59200; // hsL=48
466
+ --tui-const-orange-darker-48-alpha-25: #F5920040; // hsL=48, 25% opacity
467
+ --tui-const-orange-darker-48-alpha-50: #F5920080; // hsL=48, 50% opacity
430
468
  --tui-const-coral: #FF6347;
431
469
  --tui-const-coral-darker-60: #F5593D; // hsL=60
432
470
  --tui-const-coral-darker-52: #E74023; // hsL=52
@@ -437,7 +475,11 @@
437
475
  --tui-const-sea-blue-lighter-66: #5ACAF6;
438
476
  --tui-const-turquoise: #0BD5C1;
439
477
  --tui-const-turquoise-darker-40: #0AC2AF; // hsL=40
478
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; // hsL=40, 25% opacity
479
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; // hsL=40, 50% opacity
440
480
  --tui-const-turquoise-darker-36: #09AE9E; // hsL=36
481
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; // hsL=36, 25% opacity
482
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; // hsL=36, 50% opacity
441
483
  --tui-feed-category-neutral: #90ADBF; // Для ленты операций в МБ
442
484
  --tui-feed-category-neutral-pale: #2E3036; // Для ленты операций в МБ
443
485
  --tui-foreground-neutral-accent: var(--tui-const-white-alpha-50); // @Deprecated: Перенесен в группу status
@@ -730,6 +772,28 @@
730
772
  --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
731
773
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
732
774
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
775
+ --tui-chart-state-positive-accent: var(--tui-const-green); // Основной цвет графиков с позитивным контекстом
776
+ --tui-chart-state-positive-pale: var(--tui-const-green-alpha-25); // Цвет графиков с позитивным контекстом когда данных недостаточно
777
+ --tui-chart-state-positive-prognosis: var(--tui-const-green-alpha-50); // Цвет графиков с позитивным контекстом для прогноза
778
+ --tui-chart-state-negative-accent: var(--tui-const-red); // Основной цвет графиков с негативным контекстом
779
+ --tui-chart-state-negative-pale: var(--tui-const-red-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно
780
+ --tui-chart-state-negative-prognosis: var(--tui-const-red-alpha-50); // Цвет графиков с негативным контекстом для прогноза
781
+ --tui-chart-state-warning-accent: var(--tui-const-orange-darker-48); // Основной цвет графиков с негативным контекстом
782
+ --tui-chart-state-warning-pale: var(--tui-const-orange-darker-48-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно
783
+ --tui-chart-state-warning-prognosis: var(--tui-const-orange-darker-48-alpha-50); // Цвет графиков с негативным контекстом для прогноза
784
+ --tui-chart-series-primary-accent: var(--tui-const-blue); // Основной акцентный цвет для графиков без контекста
785
+ --tui-chart-series-primary-accent-pale: var(--tui-const-blue-alpha-25); // Основной акцентный цвет для графиков без контекста когда данных недостаточно
786
+ --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-alpha-50); // Основной акцентный цвет для графиков без контекста для прогноза
787
+ --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-36); // Первый дополнительный акцентный цвет для графиков без контекста
788
+ --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-36-alpha-25); // Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно
789
+ --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-36-alpha-50); // Первый дополнительный акцентный цвет для графиков без контекста для прогноза
790
+ --tui-chart-series-additional2-accent: #986DD4; // Второй дополнительный акцентный цвет для графиков без контекста
791
+ --tui-chart-series-additional2-accent-pale: #986DD440; // Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно
792
+ --tui-chart-series-additional2-accent-prognosis: #986DD480; // Второй дополнительный акцентный цвет для графиков без контекста для прогноза
793
+ --tui-chart-gray-primary: var(--tui-const-black-lighter-20); // Основной серый цвет для графиков без контекста
794
+ --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); // Cерый цвет для графиков без контекста когда нет данных
795
+ --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-85); // Cерый цвет для графиков без контекста для прогноза
796
+ --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-93); // Cерый цвет для графиков без контекста для прогноза
733
797
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
734
798
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
735
799
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -778,6 +842,8 @@
778
842
  --tui-const-yellow-darker-20: #503C18; // hsL=20
779
843
  --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
780
844
  --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
845
+ --tui-const-yellow-darker-54-alpha-25: #F5970040; // hsL=54, 25% opacity
846
+ --tui-const-yellow-darker-54-alpha-50: #F5970080; // hsL=54, 50% opacity
781
847
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
782
848
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
783
849
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -797,11 +863,15 @@
797
863
  --tui-const-green-darker-18: #144823;
798
864
  --tui-const-green-alpha-16: #00B92D29; // 16% opacity
799
865
  --tui-const-green-alpha-24: #00B92D3D; // 24% opacity
866
+ --tui-const-green-alpha-25: #00B92D40; // 25% opacity
800
867
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
801
868
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
802
869
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
870
+ --tui-const-green-alpha-50: #00B92D80; // 50% opacity
871
+ --tui-const-green-lighter-42-alpha-25: #00D63540; // hsL=42, 25% opacity
803
872
  --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
804
873
  --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
874
+ --tui-const-green-lighter-42-alpha-50: #00D63580; // hsL=42, 50% opacity
805
875
  --tui-const-blue: #428BF9; // N8
806
876
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
807
877
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -818,14 +888,18 @@
818
888
  --tui-const-blue-darker-25: #263B5C; // hsL=25
819
889
  --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
820
890
  --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
891
+ --tui-const-blue-darker-70-alpha-25: #66A3FF40; // hsL=70, 25% opacity
892
+ --tui-const-blue-darker-70-alpha-50: #66A3FF80; // hsL=70, 50% opacity
821
893
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
822
894
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
823
895
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
824
896
  --tui-const-blue-alpha-20: #428BF933; // 16% opacity
825
897
  --tui-const-blue-alpha-24: #428BF93D; // 24% opacity
898
+ --tui-const-blue-alpha-25: #428BF940; // 25% opacity
826
899
  --tui-const-blue-alpha-32: #428BF952; // 32% opacity
827
900
  --tui-const-blue-alpha-38: #428BF961; // 38% opacity
828
901
  --tui-const-blue-alpha-44: #428BF970; // 44% opacity
902
+ --tui-const-blue-alpha-50: #428BF980; // 50% opacity
829
903
  --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity
830
904
  --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity
831
905
  --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity
@@ -835,9 +909,11 @@
835
909
  --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity
836
910
  --tui-const-red-alpha-14: #F5222224; // 12% opacity
837
911
  --tui-const-red-alpha-24: #F522223D; // 24% opacity
912
+ --tui-const-red-alpha-25: #F5222240; // 25% opacity
838
913
  --tui-const-red-alpha-32: #F5222252; // 32% opacity
839
914
  --tui-const-red-alpha-38: #F5222261; // 38% opacity
840
915
  --tui-const-red-alpha-44: #F5222270; // 44% opacity
916
+ --tui-const-red-alpha-50: #F5222280; // 50% opacity
841
917
  --tui-const-red-lighter-62: #F74646; // hsL=62
842
918
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
843
919
  --tui-const-red-lighter-68: #FF5C5C; // hsL=68
@@ -852,6 +928,8 @@
852
928
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
853
929
  --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
854
930
  --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
931
+ --tui-const-red-lighter-65-alpha-25: #F5222240; // hsL=65, 25% opacity
932
+ --tui-const-red-lighter-65-alpha-50: #F5222280; // hsL=65, 50% opacity
855
933
  --tui-const-white: #FFFFFF; // N14
856
934
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
857
935
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -995,6 +1073,8 @@
995
1073
  --tui-const-orange: #FFB74C;
996
1074
  --tui-const-orange-darker-56: #FFA51F; // hsL=56
997
1075
  --tui-const-orange-darker-48: #F59200; // hsL=48
1076
+ --tui-const-orange-darker-48-alpha-25: #F5920040; // hsL=48, 25% opacity
1077
+ --tui-const-orange-darker-48-alpha-50: #F5920080; // hsL=48, 50% opacity
998
1078
  --tui-const-coral: #FF6347;
999
1079
  --tui-const-coral-darker-60: #F5593D; // hsL=60
1000
1080
  --tui-const-coral-darker-52: #E74023; // hsL=52
@@ -1005,7 +1085,11 @@
1005
1085
  --tui-const-sea-blue-lighter-66: #5ACAF6;
1006
1086
  --tui-const-turquoise: #0BD5C1;
1007
1087
  --tui-const-turquoise-darker-40: #0AC2AF; // hsL=40
1088
+ --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; // hsL=40, 25% opacity
1089
+ --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; // hsL=40, 50% opacity
1008
1090
  --tui-const-turquoise-darker-36: #09AE9E; // hsL=36
1091
+ --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; // hsL=36, 25% opacity
1092
+ --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; // hsL=36, 50% opacity
1009
1093
  --tui-feed-category-neutral: #90ADBF; // Для ленты операций в МБ
1010
1094
  --tui-feed-category-neutral-pale: #E5ECF4; // Для ленты операций в МБ
1011
1095
  --tui-foreground-neutral-accent: var(--tui-const-cool-gray-alpha-44); // @Deprecated: Перенесен в группу status