@taiga-ui/design-tokens 0.164.0 → 0.165.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 (7) hide show
  1. package/angular/desktop.less +8 -4
  2. package/angular/mobile.less +9 -5
  3. package/package.json +1 -1
  4. package/palette/dark.css +5 -3
  5. package/palette/light.css +3 -1
  6. package/palette/mobile/dark.css +5 -3
  7. package/palette/mobile/light.css +4 -2
package/angular/desktop.less CHANGED
@@ -216,6 +216,7 @@
216
216
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
217
217
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
218
218
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
219
+ --tui-const-blue-darker-66: #5798FA; // hsL=66
219
220
  --tui-const-blue-darker-52: #126DF7; // hsL=52
220
221
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
221
222
  --tui-const-blue-darker-40: #1455B8; // hsL=40
@@ -249,6 +250,7 @@
249
250
  --tui-const-red-darker-32: #9C0707; // hsL=32
250
251
  --tui-const-red-darker-29: #731F20; // hsL=29
251
252
  --tui-const-red-darker-23: #591E20; // hsL=23
253
+ --tui-const-red-dim-27: #5D2C2D; // hsL=27
252
254
  --tui-const-white: #FFFFFF; // N14
253
255
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
254
256
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -502,7 +504,7 @@
502
504
  --tui-text-action: var(--tui-const-blue-darker-52); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
503
505
  --tui-text-action-hover: var(--tui-const-blue-darker-46); // Только для веба. Состояние текста при наведении
504
506
  --tui-text-action-pressed: var(--tui-const-blue-darker-40); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
505
- --tui-text-action-on-dark: var(--tui-const-blue-darker-74); // Текст и иконки интерактивного текста на тёмных фонах
507
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-72); // Текст и иконки интерактивного текста на тёмных фонах
506
508
  --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
507
509
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
508
510
  --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent
@@ -741,6 +743,7 @@
741
743
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
742
744
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
743
745
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
746
+ --tui-const-blue-darker-66: #5798FA; // hsL=66
744
747
  --tui-const-blue-darker-52: #126DF7; // hsL=52
745
748
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
746
749
  --tui-const-blue-darker-40: #1455B8; // hsL=40
@@ -774,6 +777,7 @@
774
777
  --tui-const-red-darker-32: #9C0707; // hsL=32
775
778
  --tui-const-red-darker-29: #731F20; // hsL=29
776
779
  --tui-const-red-darker-23: #591E20; // hsL=23
780
+ --tui-const-red-dim-27: #5D2C2D; // hsL=27
777
781
  --tui-const-white: #FFFFFF; // N14
778
782
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
779
783
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -963,7 +967,7 @@
963
967
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
964
968
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); // Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении
965
969
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
966
- --tui-status-negative-pale: var(--tui-const-red-darker-23); // Контейнеры негативных блоков
970
+ --tui-status-negative-pale: var(--tui-const-red-dim-27); // Контейнеры негативных блоков
967
971
  --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); // Только для веба. Контейнеры негативных блоков при наведении
968
972
  --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); // Нажатое состояние negative в iOS
969
973
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
@@ -1024,10 +1028,10 @@
1024
1028
  --tui-text-tertiary-pressed: var(--tui-const-white-alpha-80); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии
1025
1029
  --tui-text-tertiary-on-light: var(--tui-const-black-alpha-40); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
1026
1030
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
1027
- --tui-text-action: var(--tui-const-blue); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
1031
+ --tui-text-action: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
1028
1032
  --tui-text-action-hover: var(--tui-const-blue-darker-52); // Только для веба. Состояние текста при наведении
1029
1033
  --tui-text-action-pressed: var(--tui-const-blue-darker-40); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
1030
- --tui-text-action-on-dark: var(--tui-const-blue-darker-74); // Текст и иконки интерактивного текста на тёмных фонах
1034
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-72); // Текст и иконки интерактивного текста на тёмных фонах
1031
1035
  --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
1032
1036
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
1033
1037
  --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent
package/angular/mobile.less CHANGED
@@ -199,6 +199,7 @@
199
199
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
200
200
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
201
201
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
202
+ --tui-const-blue-darker-66: #5798FA; // hsL=66
202
203
  --tui-const-blue-darker-52: #126DF7; // hsL=52
203
204
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
204
205
  --tui-const-blue-darker-40: #1455B8; // hsL=40
@@ -232,6 +233,7 @@
232
233
  --tui-const-red-darker-32: #9C0707; // hsL=32
233
234
  --tui-const-red-darker-29: #731F20; // hsL=29
234
235
  --tui-const-red-darker-23: #591E20; // hsL=23
236
+ --tui-const-red-dim-27: #5D2C2D; // hsL=27
235
237
  --tui-const-white: #FFFFFF; // N14
236
238
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
237
239
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -456,7 +458,7 @@
456
458
  --tui-support-support-22: #F14789; // @Deprecated: Замена на семантические цвета
457
459
  --tui-text-primary: var(--tui-const-cool-gray-lighter-97); // Основной текст и иконки фонах base, elevation, neutral
458
460
  --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-60); // Основной текст и иконки фонах base, elevation, neutral при нажатии
459
- --tui-text-primary-on-light: var(--tui-const-black-alpha-90); // Основной текст и иконки на светлых фонах, не меняется при смене темы
461
+ --tui-text-primary-on-light: var(--tui-const-black-lighter-20); // Основной текст и иконки на светлых фонах, не меняется при смене темы
460
462
  --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
461
463
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
462
464
  --tui-text-primary-on-opposite: var(--tui-const-black); // Текст и иконки фоне opposite
@@ -470,9 +472,9 @@
470
472
  --tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии
471
473
  --tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
472
474
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
473
- --tui-text-action: var(--tui-const-blue); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
475
+ --tui-text-action: var(--tui-const-blue-darker-66); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
474
476
  --tui-text-action-pressed: var(--tui-const-blue-darker-46); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
475
- --tui-text-action-on-dark: var(--tui-const-blue-darker-72); // Текст и иконки интерактивного текста на тёмных фонах
477
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах
476
478
  --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
477
479
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
478
480
  --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent
@@ -689,6 +691,7 @@
689
691
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
690
692
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
691
693
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
694
+ --tui-const-blue-darker-66: #5798FA; // hsL=66
692
695
  --tui-const-blue-darker-52: #126DF7; // hsL=52
693
696
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
694
697
  --tui-const-blue-darker-40: #1455B8; // hsL=40
@@ -722,6 +725,7 @@
722
725
  --tui-const-red-darker-32: #9C0707; // hsL=32
723
726
  --tui-const-red-darker-29: #731F20; // hsL=29
724
727
  --tui-const-red-darker-23: #591E20; // hsL=23
728
+ --tui-const-red-dim-27: #5D2C2D; // hsL=27
725
729
  --tui-const-white: #FFFFFF; // N14
726
730
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
727
731
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -946,7 +950,7 @@
946
950
  --tui-support-support-22: #F14789; // @Deprecated: Замена на семантические цвета
947
951
  --tui-text-primary: var(--tui-const-black-lighter-20); // Основной текст и иконки фонах base, elevation, neutral
948
952
  --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-36); // Основной текст и иконки фонах base, elevation, neutral при нажатии
949
- --tui-text-primary-on-light: var(--tui-const-black-alpha-90); // Основной текст и иконки на светлых фонах, не меняется при смене темы
953
+ --tui-text-primary-on-light: var(--tui-const-black-lighter-20); // Основной текст и иконки на светлых фонах, не меняется при смене темы
950
954
  --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
951
955
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
952
956
  --tui-text-primary-on-opposite: var(--tui-const-white); // Текст и иконки фоне opposite
@@ -962,7 +966,7 @@
962
966
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
963
967
  --tui-text-action: var(--tui-const-blue); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
964
968
  --tui-text-action-pressed: var(--tui-const-blue-darker-46); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
965
- --tui-text-action-on-dark: var(--tui-const-blue-darker-72); // Текст и иконки интерактивного текста на тёмных фонах
969
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах
966
970
  --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
967
971
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
968
972
  --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.164.0",
3
+ "version": "0.165.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -215,6 +215,7 @@
215
215
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
216
216
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
217
217
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
218
+ --tui-const-blue-darker-66: #5798FA; /* hsL=66 */
218
219
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
219
220
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
220
221
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
@@ -248,6 +249,7 @@
248
249
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
249
250
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
250
251
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
252
+ --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
251
253
  --tui-const-white: #FFFFFF; /* N14 */
252
254
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
253
255
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -437,7 +439,7 @@
437
439
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
438
440
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); /* Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении */
439
441
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
440
- --tui-status-negative-pale: var(--tui-const-red-darker-23); /* Контейнеры негативных блоков */
442
+ --tui-status-negative-pale: var(--tui-const-red-dim-27); /* Контейнеры негативных блоков */
441
443
  --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); /* Только для веба. Контейнеры негативных блоков при наведении */
442
444
  --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
443
445
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
@@ -498,10 +500,10 @@
498
500
  --tui-text-tertiary-pressed: var(--tui-const-white-alpha-80); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии */
499
501
  --tui-text-tertiary-on-light: var(--tui-const-black-alpha-40); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
500
502
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
501
- --tui-text-action: var(--tui-const-blue); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
503
+ --tui-text-action: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
502
504
  --tui-text-action-hover: var(--tui-const-blue-darker-52); /* Только для веба. Состояние текста при наведении */
503
505
  --tui-text-action-pressed: var(--tui-const-blue-darker-40); /* Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed */
504
- --tui-text-action-on-dark: var(--tui-const-blue-darker-74); /* Текст и иконки интерактивного текста на тёмных фонах */
506
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-72); /* Текст и иконки интерактивного текста на тёмных фонах */
505
507
  --tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
506
508
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
507
509
  --tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */
package/palette/light.css CHANGED
@@ -215,6 +215,7 @@
215
215
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
216
216
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
217
217
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
218
+ --tui-const-blue-darker-66: #5798FA; /* hsL=66 */
218
219
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
219
220
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
220
221
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
@@ -248,6 +249,7 @@
248
249
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
249
250
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
250
251
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
252
+ --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
251
253
  --tui-const-white: #FFFFFF; /* N14 */
252
254
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
253
255
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -501,7 +503,7 @@
501
503
  --tui-text-action: var(--tui-const-blue-darker-52); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
502
504
  --tui-text-action-hover: var(--tui-const-blue-darker-46); /* Только для веба. Состояние текста при наведении */
503
505
  --tui-text-action-pressed: var(--tui-const-blue-darker-40); /* Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed */
504
- --tui-text-action-on-dark: var(--tui-const-blue-darker-74); /* Текст и иконки интерактивного текста на тёмных фонах */
506
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-72); /* Текст и иконки интерактивного текста на тёмных фонах */
505
507
  --tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
506
508
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
507
509
  --tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */
package/palette/mobile/dark.css CHANGED
@@ -193,6 +193,7 @@
193
193
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
194
194
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
195
195
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
196
+ --tui-const-blue-darker-66: #5798FA; /* hsL=66 */
196
197
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
197
198
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
198
199
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
@@ -226,6 +227,7 @@
226
227
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
227
228
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
228
229
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
230
+ --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
229
231
  --tui-const-white: #FFFFFF; /* N14 */
230
232
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
231
233
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -450,7 +452,7 @@
450
452
  --tui-support-support-22: #F14789; /* @Deprecated: Замена на семантические цвета */
451
453
  --tui-text-primary: var(--tui-const-cool-gray-lighter-97); /* Основной текст и иконки фонах base, elevation, neutral */
452
454
  --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-60); /* Основной текст и иконки фонах base, elevation, neutral при нажатии */
453
- --tui-text-primary-on-light: var(--tui-const-black-alpha-90); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
455
+ --tui-text-primary-on-light: var(--tui-const-black-lighter-20); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
454
456
  --tui-text-primary-on-dark: var(--tui-const-white); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
455
457
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); /* Текст и иконки на фонах t-bank */
456
458
  --tui-text-primary-on-opposite: var(--tui-const-black); /* Текст и иконки фоне opposite */
@@ -464,9 +466,9 @@
464
466
  --tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии */
465
467
  --tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
466
468
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
467
- --tui-text-action: var(--tui-const-blue); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
469
+ --tui-text-action: var(--tui-const-blue-darker-66); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
468
470
  --tui-text-action-pressed: var(--tui-const-blue-darker-46); /* Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed */
469
- --tui-text-action-on-dark: var(--tui-const-blue-darker-72); /* Текст и иконки интерактивного текста на тёмных фонах */
471
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на тёмных фонах */
470
472
  --tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
471
473
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
472
474
  --tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */
package/palette/mobile/light.css CHANGED
@@ -193,6 +193,7 @@
193
193
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
194
194
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
195
195
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
196
+ --tui-const-blue-darker-66: #5798FA; /* hsL=66 */
196
197
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
197
198
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
198
199
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
@@ -226,6 +227,7 @@
226
227
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
227
228
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
228
229
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
230
+ --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
229
231
  --tui-const-white: #FFFFFF; /* N14 */
230
232
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
231
233
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -450,7 +452,7 @@
450
452
  --tui-support-support-22: #F14789; /* @Deprecated: Замена на семантические цвета */
451
453
  --tui-text-primary: var(--tui-const-black-lighter-20); /* Основной текст и иконки фонах base, elevation, neutral */
452
454
  --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-36); /* Основной текст и иконки фонах base, elevation, neutral при нажатии */
453
- --tui-text-primary-on-light: var(--tui-const-black-alpha-90); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
455
+ --tui-text-primary-on-light: var(--tui-const-black-lighter-20); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
454
456
  --tui-text-primary-on-dark: var(--tui-const-white); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
455
457
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); /* Текст и иконки на фонах t-bank */
456
458
  --tui-text-primary-on-opposite: var(--tui-const-white); /* Текст и иконки фоне opposite */
@@ -466,7 +468,7 @@
466
468
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
467
469
  --tui-text-action: var(--tui-const-blue); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
468
470
  --tui-text-action-pressed: var(--tui-const-blue-darker-46); /* Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed */
469
- --tui-text-action-on-dark: var(--tui-const-blue-darker-72); /* Текст и иконки интерактивного текста на тёмных фонах */
471
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на тёмных фонах */
470
472
  --tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
471
473
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
472
474
  --tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */