@taiga-ui/design-tokens 0.248.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 (11) hide show
  1. package/angular/desktop.less +43 -27
  2. package/angular/mobile.less +37 -21
  3. package/package.json +1 -1
  4. package/palette/dark.css +26 -18
  5. package/palette/light.css +17 -9
  6. package/palette/mobile/dark.css +21 -13
  7. package/palette/mobile/light.css +16 -8
  8. package/palette/scss/dark.scss +26 -18
  9. package/palette/scss/light.scss +17 -9
  10. package/palette/scss/mobile/dark.scss +21 -13
  11. 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: Замена на семантические цвета
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.248.0",
3
+ "version": "0.249.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -224,6 +224,8 @@
224
224
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
225
225
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
226
226
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
227
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
228
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
227
229
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
228
230
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
229
231
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -246,6 +248,8 @@
246
248
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
247
249
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
248
250
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
251
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
252
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
249
253
  --tui-const-blue: #428BF9; /* N8 */
250
254
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
251
255
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -260,6 +264,8 @@
260
264
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
261
265
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
262
266
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
267
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
268
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
263
269
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
264
270
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
265
271
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -292,6 +298,8 @@
292
298
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
293
299
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
294
300
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
301
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
302
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
295
303
  --tui-const-white: #FFFFFF; /* N14 */
296
304
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
297
305
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -492,27 +500,33 @@
492
500
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
493
501
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
494
502
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
495
- --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
496
- --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
497
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
503
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
504
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); /* Контейнеры предупреждающих блоков */
505
+ --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-54-alpha-40); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
506
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
498
507
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
499
508
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
500
509
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
501
- --tui-status-positive-pale: var(--tui-const-green-darker-18); /* Контейнеры позитивных блоков */
502
- --tui-status-positive-pale-hover: var(--tui-const-green-darker-21); /* Только для веба. Контейнеры позитивных блоков при наведении */
503
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); /* Нажатое состояние positive в iOS */
510
+ --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
511
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); /* Контейнеры позитивных блоков */
512
+ --tui-status-positive-pale-hover: var(--tui-const-green-lighter-42-alpha-40); /* Только для веба. Контейнеры позитивных блоков при наведении */
513
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); /* Нажатое состояние positive-pale */
504
514
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
505
515
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); /* Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении */
506
516
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
507
- --tui-status-negative-pale: var(--tui-const-red-dim-27); /* Контейнеры негативных блоков */
508
- --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); /* Только для веба. Контейнеры негативных блоков при наведении */
509
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
517
+ --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
518
+ --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
519
+ --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
520
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); /* Контейнеры негативных блоков */
521
+ --tui-status-negative-pale-hover: var(--tui-const-red-lighter-65-alpha-40); /* Только для веба. Контейнеры негативных блоков при наведении */
522
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); /* Нажатое состояние negative-pale */
510
523
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
511
524
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); /* Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении */
512
525
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
513
- --tui-status-info-pale: var(--tui-const-blue-darker-25); /* Контейнеры информационных блоков */
514
- --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); /* Только для веба. Контейнеры информационных блоков при наведении */
515
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
526
+ --tui-status-info: var(--tui-const-blue-darker-46); /* Акцентный цвет для информационных блоков */
527
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); /* Контейнеры информационных блоков */
528
+ --tui-status-info-pale-hover: var(--tui-const-blue-darker-70-alpha-40); /* Только для веба. Контейнеры информационных блоков при наведении */
529
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); /* Контейнеры информационных блоков при нажатии */
516
530
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
517
531
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
518
532
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
@@ -520,12 +534,6 @@
520
534
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
521
535
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); /* Фоновый контейнер нейтральных статусных блоков при наведении */
522
536
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
523
- --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
524
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
525
- --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
526
- --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
527
- --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
528
- --tui-status-info: var(--tui-const-blue-darker-46); /* Акцентный цвет для информационных блоков */
529
537
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
530
538
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
531
539
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */
package/palette/light.css CHANGED
@@ -224,6 +224,8 @@
224
224
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
225
225
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
226
226
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
227
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
228
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
227
229
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
228
230
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
229
231
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -246,6 +248,8 @@
246
248
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
247
249
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
248
250
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
251
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
252
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
249
253
  --tui-const-blue: #428BF9; /* N8 */
250
254
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
251
255
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -260,6 +264,8 @@
260
264
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
261
265
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
262
266
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
267
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
268
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
263
269
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
264
270
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
265
271
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -292,6 +298,8 @@
292
298
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
293
299
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
294
300
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
301
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
302
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
295
303
  --tui-const-white: #FFFFFF; /* N14 */
296
304
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
297
305
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -492,24 +500,30 @@
492
500
  --tui-service-link-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок, открывшихся в прошлом */
493
501
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
494
502
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
503
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
495
504
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков */
496
505
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
497
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
506
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
498
507
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
499
508
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
500
509
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
510
+ --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
501
511
  --tui-status-positive-pale: var(--tui-const-green-alpha-16); /* Контейнеры позитивных блоков */
502
512
  --tui-status-positive-pale-hover: var(--tui-const-green-alpha-24); /* Только для веба. Контейнеры позитивных блоков при наведении */
503
- --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); /* Нажатое состояние positive в iOS */
513
+ --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); /* Нажатое состояние positive-pale */
504
514
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
505
515
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); /* Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении */
506
516
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
517
+ --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
518
+ --tui-status-negative-hover: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при наведении */
519
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
507
520
  --tui-status-negative-pale: var(--tui-const-red-alpha-14); /* Контейнеры негативных блоков */
508
521
  --tui-status-negative-pale-hover: var(--tui-const-red-alpha-24); /* Только для веба. Контейнеры негативных блоков при наведении */
509
- --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); /* Нажатое состояние negative в iOS */
522
+ --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); /* Нажатое состояние negative-pale */
510
523
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
511
524
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); /* Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении */
512
525
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
526
+ --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
513
527
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); /* Контейнеры информационных блоков */
514
528
  --tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); /* Только для веба. Контейнеры информационных блоков при наведении */
515
529
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); /* Контейнеры информационных блоков при нажатии */
@@ -520,12 +534,6 @@
520
534
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
521
535
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков при наведении */
522
536
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
523
- --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
524
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
525
- --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
526
- --tui-status-negative-hover: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при наведении */
527
- --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
528
- --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
529
537
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
530
538
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
531
539
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */
package/palette/mobile/dark.css CHANGED
@@ -200,6 +200,8 @@
200
200
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
201
201
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
202
202
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
203
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
204
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
203
205
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
204
206
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
205
207
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -222,6 +224,8 @@
222
224
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
223
225
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
224
226
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
227
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
228
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
225
229
  --tui-const-blue: #428BF9; /* N8 */
226
230
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
227
231
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -236,6 +240,8 @@
236
240
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
237
241
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
238
242
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
243
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
244
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
239
245
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
240
246
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
241
247
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -268,6 +274,8 @@
268
274
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
269
275
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
270
276
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
277
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
278
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
271
279
  --tui-const-white: #FFFFFF; /* N14 */
272
280
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
273
281
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -466,32 +474,32 @@
466
474
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
467
475
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
468
476
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
469
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
470
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
477
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
478
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); /* Контейнеры предупреждающих блоков */
479
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
471
480
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
472
481
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
473
482
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
474
- --tui-status-positive-pale: var(--tui-const-green-darker-18); /* Контейнеры позитивных блоков */
475
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); /* Нажатое состояние positive в iOS */
483
+ --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
484
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); /* Контейнеры позитивных блоков */
485
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); /* Нажатое состояние positive-pale */
476
486
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
477
487
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
478
- --tui-status-negative-pale: var(--tui-const-red-darker-23); /* Контейнеры негативных блоков */
479
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
488
+ --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
489
+ --tui-status-negative-pressed: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при нажатии */
490
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); /* Контейнеры негативных блоков */
491
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); /* Нажатое состояние negative-pale */
480
492
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
481
493
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
482
- --tui-status-info-pale: var(--tui-const-blue-darker-25); /* Контейнеры информационных блоков */
483
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
494
+ --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
495
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); /* Контейнеры информационных блоков */
496
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); /* Контейнеры информационных блоков при нажатии */
484
497
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
485
498
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
486
499
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
487
500
  --tui-status-neutral: var(--tui-const-black-lighter-55); /* Акцентный цвет для нейтральных фонах */
488
501
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
489
502
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
490
- --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
491
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
492
- --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
493
- --tui-status-negative-pressed: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при нажатии */
494
- --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
495
503
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
496
504
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
497
505
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */
package/palette/mobile/light.css CHANGED
@@ -200,6 +200,8 @@
200
200
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
201
201
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
202
202
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
203
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
204
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
203
205
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
204
206
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
205
207
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -222,6 +224,8 @@
222
224
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
223
225
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
224
226
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
227
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
228
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
225
229
  --tui-const-blue: #428BF9; /* N8 */
226
230
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
227
231
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -236,6 +240,8 @@
236
240
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
237
241
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
238
242
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
243
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
244
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
239
245
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
240
246
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
241
247
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -268,6 +274,8 @@
268
274
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
269
275
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
270
276
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
277
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
278
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
271
279
  --tui-const-white: #FFFFFF; /* N14 */
272
280
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
273
281
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -466,19 +474,24 @@
466
474
  --tui-service-link-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок, открывшихся в прошлом */
467
475
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
468
476
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
477
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
469
478
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); /* Контейнеры предупреждающих блоков */
470
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
479
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
471
480
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
472
481
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
473
482
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
483
+ --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
474
484
  --tui-status-positive-pale: var(--tui-const-green-alpha-16); /* Контейнеры позитивных блоков */
475
- --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); /* Нажатое состояние positive в iOS */
485
+ --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); /* Нажатое состояние positive-pale */
476
486
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
477
487
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
488
+ --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
489
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
478
490
  --tui-status-negative-pale: var(--tui-const-red-alpha-14); /* Контейнеры негативных блоков */
479
- --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); /* Нажатое состояние negative в iOS */
491
+ --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); /* Нажатое состояние negative-pale */
480
492
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
481
493
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
494
+ --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
482
495
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); /* Контейнеры информационных блоков */
483
496
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); /* Контейнеры информационных блоков при нажатии */
484
497
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
@@ -487,11 +500,6 @@
487
500
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); /* Акцентный цвет для нейтральных фонах */
488
501
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
489
502
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
490
- --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
491
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
492
- --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
493
- --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
494
- --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
495
503
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
496
504
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
497
505
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */
package/palette/scss/dark.scss CHANGED
@@ -223,6 +223,8 @@
223
223
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
224
224
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
225
225
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
226
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
227
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
226
228
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
227
229
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
228
230
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -245,6 +247,8 @@
245
247
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
246
248
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
247
249
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
250
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
251
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
248
252
  --tui-const-blue: #428BF9; /* N8 */
249
253
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
250
254
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -259,6 +263,8 @@
259
263
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
260
264
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
261
265
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
266
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
267
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
262
268
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
263
269
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
264
270
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -291,6 +297,8 @@
291
297
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
292
298
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
293
299
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
300
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
301
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
294
302
  --tui-const-white: #FFFFFF; /* N14 */
295
303
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
296
304
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -491,27 +499,33 @@
491
499
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
492
500
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
493
501
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
494
- --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
495
- --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
496
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
502
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
503
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); /* Контейнеры предупреждающих блоков */
504
+ --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-54-alpha-40); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
505
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
497
506
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
498
507
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
499
508
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
500
- --tui-status-positive-pale: var(--tui-const-green-darker-18); /* Контейнеры позитивных блоков */
501
- --tui-status-positive-pale-hover: var(--tui-const-green-darker-21); /* Только для веба. Контейнеры позитивных блоков при наведении */
502
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); /* Нажатое состояние positive в iOS */
509
+ --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
510
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); /* Контейнеры позитивных блоков */
511
+ --tui-status-positive-pale-hover: var(--tui-const-green-lighter-42-alpha-40); /* Только для веба. Контейнеры позитивных блоков при наведении */
512
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); /* Нажатое состояние positive-pale */
503
513
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
504
514
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); /* Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении */
505
515
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
506
- --tui-status-negative-pale: var(--tui-const-red-dim-27); /* Контейнеры негативных блоков */
507
- --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); /* Только для веба. Контейнеры негативных блоков при наведении */
508
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
516
+ --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
517
+ --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
518
+ --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
519
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); /* Контейнеры негативных блоков */
520
+ --tui-status-negative-pale-hover: var(--tui-const-red-lighter-65-alpha-40); /* Только для веба. Контейнеры негативных блоков при наведении */
521
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); /* Нажатое состояние negative-pale */
509
522
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
510
523
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); /* Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении */
511
524
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
512
- --tui-status-info-pale: var(--tui-const-blue-darker-25); /* Контейнеры информационных блоков */
513
- --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); /* Только для веба. Контейнеры информационных блоков при наведении */
514
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
525
+ --tui-status-info: var(--tui-const-blue-darker-46); /* Акцентный цвет для информационных блоков */
526
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); /* Контейнеры информационных блоков */
527
+ --tui-status-info-pale-hover: var(--tui-const-blue-darker-70-alpha-40); /* Только для веба. Контейнеры информационных блоков при наведении */
528
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); /* Контейнеры информационных блоков при нажатии */
515
529
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
516
530
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
517
531
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
@@ -519,12 +533,6 @@
519
533
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
520
534
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); /* Фоновый контейнер нейтральных статусных блоков при наведении */
521
535
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
522
- --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
523
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
524
- --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
525
- --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
526
- --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
527
- --tui-status-info: var(--tui-const-blue-darker-46); /* Акцентный цвет для информационных блоков */
528
536
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
529
537
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
530
538
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */
package/palette/scss/light.scss CHANGED
@@ -223,6 +223,8 @@
223
223
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
224
224
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
225
225
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
226
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
227
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
226
228
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
227
229
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
228
230
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -245,6 +247,8 @@
245
247
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
246
248
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
247
249
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
250
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
251
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
248
252
  --tui-const-blue: #428BF9; /* N8 */
249
253
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
250
254
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -259,6 +263,8 @@
259
263
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
260
264
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
261
265
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
266
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
267
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
262
268
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
263
269
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
264
270
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -291,6 +297,8 @@
291
297
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
292
298
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
293
299
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
300
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
301
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
294
302
  --tui-const-white: #FFFFFF; /* N14 */
295
303
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
296
304
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -491,24 +499,30 @@
491
499
  --tui-service-link-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок, открывшихся в прошлом */
492
500
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
493
501
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
502
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
494
503
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков */
495
504
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
496
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
505
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
497
506
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
498
507
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
499
508
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
509
+ --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
500
510
  --tui-status-positive-pale: var(--tui-const-green-alpha-16); /* Контейнеры позитивных блоков */
501
511
  --tui-status-positive-pale-hover: var(--tui-const-green-alpha-24); /* Только для веба. Контейнеры позитивных блоков при наведении */
502
- --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); /* Нажатое состояние positive в iOS */
512
+ --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); /* Нажатое состояние positive-pale */
503
513
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
504
514
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); /* Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении */
505
515
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
516
+ --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
517
+ --tui-status-negative-hover: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при наведении */
518
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
506
519
  --tui-status-negative-pale: var(--tui-const-red-alpha-14); /* Контейнеры негативных блоков */
507
520
  --tui-status-negative-pale-hover: var(--tui-const-red-alpha-24); /* Только для веба. Контейнеры негативных блоков при наведении */
508
- --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); /* Нажатое состояние negative в iOS */
521
+ --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); /* Нажатое состояние negative-pale */
509
522
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
510
523
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); /* Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении */
511
524
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
525
+ --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
512
526
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); /* Контейнеры информационных блоков */
513
527
  --tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); /* Только для веба. Контейнеры информационных блоков при наведении */
514
528
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); /* Контейнеры информационных блоков при нажатии */
@@ -519,12 +533,6 @@
519
533
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
520
534
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков при наведении */
521
535
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
522
- --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
523
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
524
- --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
525
- --tui-status-negative-hover: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при наведении */
526
- --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
527
- --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
528
536
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
529
537
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
530
538
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */
package/palette/scss/mobile/dark.scss CHANGED
@@ -199,6 +199,8 @@
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
201
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
202
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
203
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
202
204
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
203
205
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
204
206
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -221,6 +223,8 @@
221
223
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
222
224
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
223
225
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
226
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
227
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
224
228
  --tui-const-blue: #428BF9; /* N8 */
225
229
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
226
230
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -235,6 +239,8 @@
235
239
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
236
240
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
237
241
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
242
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
243
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
238
244
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
239
245
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
240
246
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -267,6 +273,8 @@
267
273
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
268
274
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
269
275
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
276
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
277
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
270
278
  --tui-const-white: #FFFFFF; /* N14 */
271
279
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
272
280
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -465,32 +473,32 @@
465
473
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
466
474
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
467
475
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
468
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
469
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
476
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
477
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); /* Контейнеры предупреждающих блоков */
478
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
470
479
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
471
480
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
472
481
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
473
- --tui-status-positive-pale: var(--tui-const-green-darker-18); /* Контейнеры позитивных блоков */
474
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); /* Нажатое состояние positive в iOS */
482
+ --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
483
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); /* Контейнеры позитивных блоков */
484
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); /* Нажатое состояние positive-pale */
475
485
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
476
486
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
477
- --tui-status-negative-pale: var(--tui-const-red-darker-23); /* Контейнеры негативных блоков */
478
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
487
+ --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
488
+ --tui-status-negative-pressed: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при нажатии */
489
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); /* Контейнеры негативных блоков */
490
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); /* Нажатое состояние negative-pale */
479
491
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
480
492
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
481
- --tui-status-info-pale: var(--tui-const-blue-darker-25); /* Контейнеры информационных блоков */
482
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
493
+ --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
494
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); /* Контейнеры информационных блоков */
495
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); /* Контейнеры информационных блоков при нажатии */
483
496
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
484
497
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
485
498
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
486
499
  --tui-status-neutral: var(--tui-const-black-lighter-55); /* Акцентный цвет для нейтральных фонах */
487
500
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
488
501
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
489
- --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
490
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
491
- --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
492
- --tui-status-negative-pressed: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при нажатии */
493
- --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
494
502
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
495
503
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
496
504
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */
package/palette/scss/mobile/light.scss CHANGED
@@ -199,6 +199,8 @@
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
201
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
202
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
203
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
202
204
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
203
205
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
204
206
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -221,6 +223,8 @@
221
223
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
222
224
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
223
225
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
226
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
227
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
224
228
  --tui-const-blue: #428BF9; /* N8 */
225
229
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
226
230
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -235,6 +239,8 @@
235
239
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
236
240
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
237
241
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
242
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
243
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
238
244
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
239
245
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
240
246
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -267,6 +273,8 @@
267
273
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
268
274
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
269
275
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
276
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
277
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
270
278
  --tui-const-white: #FFFFFF; /* N14 */
271
279
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
272
280
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -465,19 +473,24 @@
465
473
  --tui-service-link-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок, открывшихся в прошлом */
466
474
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
467
475
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
476
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
468
477
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); /* Контейнеры предупреждающих блоков */
469
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
478
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
470
479
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
471
480
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
472
481
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
482
+ --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
473
483
  --tui-status-positive-pale: var(--tui-const-green-alpha-16); /* Контейнеры позитивных блоков */
474
- --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); /* Нажатое состояние positive в iOS */
484
+ --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); /* Нажатое состояние positive-pale */
475
485
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
476
486
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
487
+ --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
488
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
477
489
  --tui-status-negative-pale: var(--tui-const-red-alpha-14); /* Контейнеры негативных блоков */
478
- --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); /* Нажатое состояние negative в iOS */
490
+ --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); /* Нажатое состояние negative-pale */
479
491
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
480
492
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
493
+ --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
481
494
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); /* Контейнеры информационных блоков */
482
495
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); /* Контейнеры информационных блоков при нажатии */
483
496
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
@@ -486,11 +499,6 @@
486
499
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); /* Акцентный цвет для нейтральных фонах */
487
500
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
488
501
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
489
- --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
490
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
491
- --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
492
- --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
493
- --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
494
502
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
495
503
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
496
504
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */