@taiga-ui/design-tokens 0.247.0 → 0.249.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 +43 -27
  2. package/angular/mobile.less +37 -21
  3. package/esm2022/icons.mjs +12 -2
  4. package/fesm2022/taiga-ui-design-tokens.mjs +11 -1
  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 +26 -18
  9. package/palette/light.css +17 -9
  10. package/palette/mobile/dark.css +21 -13
  11. package/palette/mobile/light.css +16 -8
  12. package/palette/scss/dark.scss +26 -18
  13. package/palette/scss/light.scss +17 -9
  14. package/palette/scss/mobile/dark.scss +21 -13
  15. package/palette/scss/mobile/light.scss +16 -8
package/angular/desktop.less CHANGED
@@ -225,6 +225,8 @@
225
225
  --tui-const-yellow-darker-32: #806925; // hsL=32
226
226
  --tui-const-yellow-darker-26: #614F23; // hsL=26
227
227
  --tui-const-yellow-darker-20: #503C18; // hsL=20
228
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
229
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
228
230
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
229
231
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
230
232
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -247,6 +249,8 @@
247
249
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
248
250
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
249
251
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
252
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
253
+ --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
250
254
  --tui-const-blue: #428BF9; // N8
251
255
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
252
256
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -261,6 +265,8 @@
261
265
  --tui-const-blue-darker-32: #2B4976; // hsL=32
262
266
  --tui-const-blue-darker-28: #2A4165; // hsL=28
263
267
  --tui-const-blue-darker-25: #263B5C; // hsL=25
268
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
269
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
264
270
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
265
271
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
266
272
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -293,6 +299,8 @@
293
299
  --tui-const-red-darker-29: #731F20; // hsL=29
294
300
  --tui-const-red-darker-23: #591E20; // hsL=23
295
301
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
302
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
303
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
296
304
  --tui-const-white: #FFFFFF; // N14
297
305
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
298
306
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -493,24 +501,30 @@
493
501
  --tui-service-link-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок, открывшихся в прошлом
494
502
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
495
503
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
504
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
496
505
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков
497
506
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); // Только для веба. Контейнеры предупреждающих блоков при наведении
498
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
507
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); // Нажатое состояние контейнера предупреждающих блоков
499
508
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
500
509
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
501
510
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах
511
+ --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
502
512
  --tui-status-positive-pale: var(--tui-const-green-alpha-16); // Контейнеры позитивных блоков
503
513
  --tui-status-positive-pale-hover: var(--tui-const-green-alpha-24); // Только для веба. Контейнеры позитивных блоков при наведении
504
- --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive в iOS
514
+ --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive-pale
505
515
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
506
516
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); // Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении
507
517
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
518
+ --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
519
+ --tui-status-negative-hover: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при наведении
520
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
508
521
  --tui-status-negative-pale: var(--tui-const-red-alpha-14); // Контейнеры негативных блоков
509
522
  --tui-status-negative-pale-hover: var(--tui-const-red-alpha-24); // Только для веба. Контейнеры негативных блоков при наведении
510
- --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative в iOS
523
+ --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative-pale
511
524
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
512
525
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); // Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении
513
526
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark
527
+ --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
514
528
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); // Контейнеры информационных блоков
515
529
  --tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); // Только для веба. Контейнеры информационных блоков при наведении
516
530
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
@@ -521,12 +535,6 @@
521
535
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
522
536
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков при наведении
523
537
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
524
- --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
525
- --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
526
- --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
527
- --tui-status-negative-hover: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при наведении
528
- --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
529
- --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
530
538
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
531
539
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
532
540
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета
@@ -822,6 +830,8 @@
822
830
  --tui-const-yellow-darker-32: #806925; // hsL=32
823
831
  --tui-const-yellow-darker-26: #614F23; // hsL=26
824
832
  --tui-const-yellow-darker-20: #503C18; // hsL=20
833
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
834
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
825
835
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
826
836
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
827
837
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -844,6 +854,8 @@
844
854
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
845
855
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
846
856
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
857
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
858
+ --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
847
859
  --tui-const-blue: #428BF9; // N8
848
860
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
849
861
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -858,6 +870,8 @@
858
870
  --tui-const-blue-darker-32: #2B4976; // hsL=32
859
871
  --tui-const-blue-darker-28: #2A4165; // hsL=28
860
872
  --tui-const-blue-darker-25: #263B5C; // hsL=25
873
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
874
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
861
875
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
862
876
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
863
877
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -890,6 +904,8 @@
890
904
  --tui-const-red-darker-29: #731F20; // hsL=29
891
905
  --tui-const-red-darker-23: #591E20; // hsL=23
892
906
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
907
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
908
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
893
909
  --tui-const-white: #FFFFFF; // N14
894
910
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
895
911
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -1090,27 +1106,33 @@
1090
1106
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
1091
1107
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
1092
1108
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
1093
- --tui-status-warning-pale: var(--tui-const-yellow-darker-20); // Контейнеры предупреждающих блоков
1094
- --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); // Только для веба. Контейнеры предупреждающих блоков при наведении
1095
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
1109
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1110
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); // Контейнеры предупреждающих блоков
1111
+ --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-54-alpha-40); // Только для веба. Контейнеры предупреждающих блоков при наведении
1112
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); // Нажатое состояние контейнера предупреждающих блоков
1096
1113
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
1097
1114
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
1098
1115
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах
1099
- --tui-status-positive-pale: var(--tui-const-green-darker-18); // Контейнеры позитивных блоков
1100
- --tui-status-positive-pale-hover: var(--tui-const-green-darker-21); // Только для веба. Контейнеры позитивных блоков при наведении
1101
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); // Нажатое состояние positive в iOS
1116
+ --tui-status-positive: var(--tui-const-green-darker-28); // Акцентный цвет для позитивных блоков
1117
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); // Контейнеры позитивных блоков
1118
+ --tui-status-positive-pale-hover: var(--tui-const-green-lighter-42-alpha-40); // Только для веба. Контейнеры позитивных блоков при наведении
1119
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); // Нажатое состояние positive-pale
1102
1120
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
1103
1121
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); // Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении
1104
1122
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
1105
- --tui-status-negative-pale: var(--tui-const-red-dim-27); // Контейнеры негативных блоков
1106
- --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); // Только для веба. Контейнеры негативных блоков при наведении
1107
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); // Нажатое состояние negative в iOS
1123
+ --tui-status-negative: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков
1124
+ --tui-status-negative-hover: var(--tui-const-red-darker-50); // Акцентный цвет для негативных блоков при наведении
1125
+ --tui-status-negative-pressed: var(--tui-const-red-darker-53); // Акцентный цвет для негативных блоков при нажатии
1126
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); // Контейнеры негативных блоков
1127
+ --tui-status-negative-pale-hover: var(--tui-const-red-lighter-65-alpha-40); // Только для веба. Контейнеры негативных блоков при наведении
1128
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); // Нажатое состояние negative-pale
1108
1129
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
1109
1130
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); // Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении
1110
1131
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark
1111
- --tui-status-info-pale: var(--tui-const-blue-darker-25); // Контейнеры информационных блоков
1112
- --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); // Только для веба. Контейнеры информационных блоков при наведении
1113
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
1132
+ --tui-status-info: var(--tui-const-blue-darker-46); // Акцентный цвет для информационных блоков
1133
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); // Контейнеры информационных блоков
1134
+ --tui-status-info-pale-hover: var(--tui-const-blue-darker-70-alpha-40); // Только для веба. Контейнеры информационных блоков при наведении
1135
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); // Контейнеры информационных блоков при нажатии
1114
1136
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
1115
1137
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах
1116
1138
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах
@@ -1118,12 +1140,6 @@
1118
1140
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
1119
1141
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); // Фоновый контейнер нейтральных статусных блоков при наведении
1120
1142
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
1121
- --tui-status-positive: var(--tui-const-green-darker-28); // Акцентный цвет для позитивных блоков
1122
- --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1123
- --tui-status-negative: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков
1124
- --tui-status-negative-hover: var(--tui-const-red-darker-50); // Акцентный цвет для негативных блоков при наведении
1125
- --tui-status-negative-pressed: var(--tui-const-red-darker-53); // Акцентный цвет для негативных блоков при нажатии
1126
- --tui-status-info: var(--tui-const-blue-darker-46); // Акцентный цвет для информационных блоков
1127
1143
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
1128
1144
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
1129
1145
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета
package/angular/mobile.less CHANGED
@@ -205,6 +205,8 @@
205
205
  --tui-const-yellow-darker-32: #806925; // hsL=32
206
206
  --tui-const-yellow-darker-26: #614F23; // hsL=26
207
207
  --tui-const-yellow-darker-20: #503C18; // hsL=20
208
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
209
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
208
210
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
209
211
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
210
212
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -227,6 +229,8 @@
227
229
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
228
230
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
229
231
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
232
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
233
+ --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
230
234
  --tui-const-blue: #428BF9; // N8
231
235
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
232
236
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -241,6 +245,8 @@
241
245
  --tui-const-blue-darker-32: #2B4976; // hsL=32
242
246
  --tui-const-blue-darker-28: #2A4165; // hsL=28
243
247
  --tui-const-blue-darker-25: #263B5C; // hsL=25
248
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
249
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
244
250
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
245
251
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
246
252
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -273,6 +279,8 @@
273
279
  --tui-const-red-darker-29: #731F20; // hsL=29
274
280
  --tui-const-red-darker-23: #591E20; // hsL=23
275
281
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
282
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
283
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
276
284
  --tui-const-white: #FFFFFF; // N14
277
285
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
278
286
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -471,32 +479,32 @@
471
479
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
472
480
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
473
481
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
474
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
475
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
482
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
483
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); // Контейнеры предупреждающих блоков
484
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); // Нажатое состояние контейнера предупреждающих блоков
476
485
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
477
486
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
478
487
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах
479
- --tui-status-positive-pale: var(--tui-const-green-darker-18); // Контейнеры позитивных блоков
480
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); // Нажатое состояние positive в iOS
488
+ --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
489
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); // Контейнеры позитивных блоков
490
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); // Нажатое состояние positive-pale
481
491
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
482
492
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
483
- --tui-status-negative-pale: var(--tui-const-red-darker-23); // Контейнеры негативных блоков
484
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); // Нажатое состояние negative в iOS
493
+ --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
494
+ --tui-status-negative-pressed: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при нажатии
495
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); // Контейнеры негативных блоков
496
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); // Нажатое состояние negative-pale
485
497
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
486
498
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark
487
- --tui-status-info-pale: var(--tui-const-blue-darker-25); // Контейнеры информационных блоков
488
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
499
+ --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
500
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); // Контейнеры информационных блоков
501
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); // Контейнеры информационных блоков при нажатии
489
502
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
490
503
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах
491
504
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах
492
505
  --tui-status-neutral: var(--tui-const-black-lighter-55); // Акцентный цвет для нейтральных фонах
493
506
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
494
507
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
495
- --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
496
- --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
497
- --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
498
- --tui-status-negative-pressed: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при нажатии
499
- --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
500
508
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
501
509
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
502
510
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета
@@ -762,6 +770,8 @@
762
770
  --tui-const-yellow-darker-32: #806925; // hsL=32
763
771
  --tui-const-yellow-darker-26: #614F23; // hsL=26
764
772
  --tui-const-yellow-darker-20: #503C18; // hsL=20
773
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
774
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
765
775
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
766
776
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
767
777
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -784,6 +794,8 @@
784
794
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
785
795
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
786
796
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
797
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
798
+ --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
787
799
  --tui-const-blue: #428BF9; // N8
788
800
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
789
801
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -798,6 +810,8 @@
798
810
  --tui-const-blue-darker-32: #2B4976; // hsL=32
799
811
  --tui-const-blue-darker-28: #2A4165; // hsL=28
800
812
  --tui-const-blue-darker-25: #263B5C; // hsL=25
813
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
814
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
801
815
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
802
816
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
803
817
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -830,6 +844,8 @@
830
844
  --tui-const-red-darker-29: #731F20; // hsL=29
831
845
  --tui-const-red-darker-23: #591E20; // hsL=23
832
846
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
847
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
848
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
833
849
  --tui-const-white: #FFFFFF; // N14
834
850
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
835
851
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -1028,19 +1044,24 @@
1028
1044
  --tui-service-link-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок, открывшихся в прошлом
1029
1045
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
1030
1046
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
1047
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1031
1048
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); // Контейнеры предупреждающих блоков
1032
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
1049
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); // Нажатое состояние контейнера предупреждающих блоков
1033
1050
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
1034
1051
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
1035
1052
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах
1053
+ --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
1036
1054
  --tui-status-positive-pale: var(--tui-const-green-alpha-16); // Контейнеры позитивных блоков
1037
- --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive в iOS
1055
+ --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive-pale
1038
1056
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
1039
1057
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
1058
+ --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
1059
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
1040
1060
  --tui-status-negative-pale: var(--tui-const-red-alpha-14); // Контейнеры негативных блоков
1041
- --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative в iOS
1061
+ --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative-pale
1042
1062
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
1043
1063
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark
1064
+ --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
1044
1065
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); // Контейнеры информационных блоков
1045
1066
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
1046
1067
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
@@ -1049,11 +1070,6 @@
1049
1070
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); // Акцентный цвет для нейтральных фонах
1050
1071
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
1051
1072
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
1052
- --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
1053
- --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1054
- --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
1055
- --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
1056
- --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
1057
1073
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
1058
1074
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
1059
1075
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета