@taiga-ui/design-tokens 0.164.0 → 0.166.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 +40 -10
  2. package/angular/mobile.less +41 -11
  3. package/package.json +1 -1
  4. package/palette/dark.css +21 -6
  5. package/palette/light.css +19 -4
  6. package/palette/mobile/dark.css +21 -6
  7. package/palette/mobile/light.css +20 -5
package/angular/desktop.less CHANGED
@@ -213,9 +213,11 @@
213
213
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
214
214
  --tui-const-blue: #428BF9; // N8
215
215
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
216
+ --tui-const-blue-darker-79: #97BFFC; // hsL=79
216
217
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
217
218
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
218
219
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
220
+ --tui-const-blue-darker-66: #5798FA; // hsL=66
219
221
  --tui-const-blue-darker-52: #126DF7; // hsL=52
220
222
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
221
223
  --tui-const-blue-darker-40: #1455B8; // hsL=40
@@ -249,6 +251,7 @@
249
251
  --tui-const-red-darker-32: #9C0707; // hsL=32
250
252
  --tui-const-red-darker-29: #731F20; // hsL=29
251
253
  --tui-const-red-darker-23: #591E20; // hsL=23
254
+ --tui-const-red-dim-27: #5D2C2D; // hsL=27
252
255
  --tui-const-white: #FFFFFF; // N14
253
256
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
254
257
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -309,6 +312,7 @@
309
312
  --tui-const-black-alpha-50: #00000080; // 50% opacity
310
313
  --tui-const-black-alpha-48: #0000007A; // 48% opacity
311
314
  --tui-const-black-alpha-40: #00000066; // 40% opacity
315
+ --tui-const-black-alpha-32: #00000052; // 32% opacity
312
316
  --tui-const-black-alpha-30: #0000004D; // 30% opacity
313
317
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
314
318
  --tui-const-black-alpha-21: #00000036; // 21% opacity
@@ -423,9 +427,20 @@
423
427
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
424
428
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
425
429
  --tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
426
- --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
427
- --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // Подчеркивание для монохромных ссылок
428
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы
430
+ --tui-service-underline: var(--tui-const-blue-darker-66); // Подчеркивание для ссылок
431
+ --tui-service-underline-hover: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
432
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
433
+ --tui-service-underline-grayscale: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок
434
+ --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок
435
+ --tui-service-underline-grayscale-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок
436
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
437
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
438
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
439
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
440
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
441
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
442
+ --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // @Deprecated: Заменён на цвет underline-grayscale
443
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
429
444
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-14); // Контейнеры предупреждающих блоков
430
445
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); // Только для веба. Контейнеры предупреждающих блоков при наведении
431
446
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
@@ -502,7 +517,7 @@
502
517
  --tui-text-action: var(--tui-const-blue-darker-52); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
503
518
  --tui-text-action-hover: var(--tui-const-blue-darker-46); // Только для веба. Состояние текста при наведении
504
519
  --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); // Текст и иконки интерактивного текста на тёмных фонах
520
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-72); // Текст и иконки интерактивного текста на тёмных фонах
506
521
  --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
507
522
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
508
523
  --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent
@@ -738,9 +753,11 @@
738
753
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
739
754
  --tui-const-blue: #428BF9; // N8
740
755
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
756
+ --tui-const-blue-darker-79: #97BFFC; // hsL=79
741
757
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
742
758
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
743
759
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
760
+ --tui-const-blue-darker-66: #5798FA; // hsL=66
744
761
  --tui-const-blue-darker-52: #126DF7; // hsL=52
745
762
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
746
763
  --tui-const-blue-darker-40: #1455B8; // hsL=40
@@ -774,6 +791,7 @@
774
791
  --tui-const-red-darker-32: #9C0707; // hsL=32
775
792
  --tui-const-red-darker-29: #731F20; // hsL=29
776
793
  --tui-const-red-darker-23: #591E20; // hsL=23
794
+ --tui-const-red-dim-27: #5D2C2D; // hsL=27
777
795
  --tui-const-white: #FFFFFF; // N14
778
796
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
779
797
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -834,6 +852,7 @@
834
852
  --tui-const-black-alpha-50: #00000080; // 50% opacity
835
853
  --tui-const-black-alpha-48: #0000007A; // 48% opacity
836
854
  --tui-const-black-alpha-40: #00000066; // 40% opacity
855
+ --tui-const-black-alpha-32: #00000052; // 32% opacity
837
856
  --tui-const-black-alpha-30: #0000004D; // 30% opacity
838
857
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
839
858
  --tui-const-black-alpha-21: #00000036; // 21% opacity
@@ -948,9 +967,20 @@
948
967
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
949
968
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
950
969
  --tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
951
- --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
952
- --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
953
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы
970
+ --tui-service-underline: var(--tui-const-blue-darker-66); // Подчеркивание для ссылок
971
+ --tui-service-underline-hover: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
972
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
973
+ --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
974
+ --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
975
+ --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
976
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
977
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
978
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
979
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
980
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
981
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
982
+ --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale
983
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
954
984
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
955
985
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); // Только для веба. Контейнеры предупреждающих блоков при наведении
956
986
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
@@ -963,7 +993,7 @@
963
993
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
964
994
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); // Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении
965
995
  --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); // Контейнеры негативных блоков
996
+ --tui-status-negative-pale: var(--tui-const-red-dim-27); // Контейнеры негативных блоков
967
997
  --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); // Только для веба. Контейнеры негативных блоков при наведении
968
998
  --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); // Нажатое состояние negative в iOS
969
999
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
@@ -1024,10 +1054,10 @@
1024
1054
  --tui-text-tertiary-pressed: var(--tui-const-white-alpha-80); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии
1025
1055
  --tui-text-tertiary-on-light: var(--tui-const-black-alpha-40); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
1026
1056
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
1027
- --tui-text-action: var(--tui-const-blue); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
1057
+ --tui-text-action: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
1028
1058
  --tui-text-action-hover: var(--tui-const-blue-darker-52); // Только для веба. Состояние текста при наведении
1029
1059
  --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); // Текст и иконки интерактивного текста на тёмных фонах
1060
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-72); // Текст и иконки интерактивного текста на тёмных фонах
1031
1061
  --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
1032
1062
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
1033
1063
  --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent
package/angular/mobile.less CHANGED
@@ -196,9 +196,11 @@
196
196
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
197
197
  --tui-const-blue: #428BF9; // N8
198
198
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
199
+ --tui-const-blue-darker-79: #97BFFC; // hsL=79
199
200
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
200
201
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
201
202
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
203
+ --tui-const-blue-darker-66: #5798FA; // hsL=66
202
204
  --tui-const-blue-darker-52: #126DF7; // hsL=52
203
205
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
204
206
  --tui-const-blue-darker-40: #1455B8; // hsL=40
@@ -232,6 +234,7 @@
232
234
  --tui-const-red-darker-32: #9C0707; // hsL=32
233
235
  --tui-const-red-darker-29: #731F20; // hsL=29
234
236
  --tui-const-red-darker-23: #591E20; // hsL=23
237
+ --tui-const-red-dim-27: #5D2C2D; // hsL=27
235
238
  --tui-const-white: #FFFFFF; // N14
236
239
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
237
240
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -292,6 +295,7 @@
292
295
  --tui-const-black-alpha-50: #00000080; // 50% opacity
293
296
  --tui-const-black-alpha-48: #0000007A; // 48% opacity
294
297
  --tui-const-black-alpha-40: #00000066; // 40% opacity
298
+ --tui-const-black-alpha-32: #00000052; // 32% opacity
295
299
  --tui-const-black-alpha-30: #0000004D; // 30% opacity
296
300
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
297
301
  --tui-const-black-alpha-21: #00000036; // 21% opacity
@@ -404,9 +408,20 @@
404
408
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
405
409
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
406
410
  --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
407
- --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
408
- --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
409
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы
411
+ --tui-service-underline: var(--tui-const-blue-darker-79); // Подчеркивание для ссылок
412
+ --tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
413
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
414
+ --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
415
+ --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
416
+ --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
417
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
418
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
419
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
420
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
421
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
422
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
423
+ --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale
424
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
410
425
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
411
426
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
412
427
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
@@ -456,7 +471,7 @@
456
471
  --tui-support-support-22: #F14789; // @Deprecated: Замена на семантические цвета
457
472
  --tui-text-primary: var(--tui-const-cool-gray-lighter-97); // Основной текст и иконки фонах base, elevation, neutral
458
473
  --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); // Основной текст и иконки на светлых фонах, не меняется при смене темы
474
+ --tui-text-primary-on-light: var(--tui-const-black-lighter-20); // Основной текст и иконки на светлых фонах, не меняется при смене темы
460
475
  --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
461
476
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
462
477
  --tui-text-primary-on-opposite: var(--tui-const-black); // Текст и иконки фоне opposite
@@ -470,9 +485,9 @@
470
485
  --tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии
471
486
  --tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
472
487
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
473
- --tui-text-action: var(--tui-const-blue); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
488
+ --tui-text-action: var(--tui-const-blue-darker-66); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
474
489
  --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); // Текст и иконки интерактивного текста на тёмных фонах
490
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах
476
491
  --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
477
492
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
478
493
  --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent
@@ -686,9 +701,11 @@
686
701
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
687
702
  --tui-const-blue: #428BF9; // N8
688
703
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
704
+ --tui-const-blue-darker-79: #97BFFC; // hsL=79
689
705
  --tui-const-blue-darker-74: #7FB0FB; // hsL=74
690
706
  --tui-const-blue-darker-72: #75AAFA; // hsL=72
691
707
  --tui-const-blue-darker-70: #6BA4FA; // hsL=70
708
+ --tui-const-blue-darker-66: #5798FA; // hsL=66
692
709
  --tui-const-blue-darker-52: #126DF7; // hsL=52
693
710
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
694
711
  --tui-const-blue-darker-40: #1455B8; // hsL=40
@@ -722,6 +739,7 @@
722
739
  --tui-const-red-darker-32: #9C0707; // hsL=32
723
740
  --tui-const-red-darker-29: #731F20; // hsL=29
724
741
  --tui-const-red-darker-23: #591E20; // hsL=23
742
+ --tui-const-red-dim-27: #5D2C2D; // hsL=27
725
743
  --tui-const-white: #FFFFFF; // N14
726
744
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
727
745
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -782,6 +800,7 @@
782
800
  --tui-const-black-alpha-50: #00000080; // 50% opacity
783
801
  --tui-const-black-alpha-48: #0000007A; // 48% opacity
784
802
  --tui-const-black-alpha-40: #00000066; // 40% opacity
803
+ --tui-const-black-alpha-32: #00000052; // 32% opacity
785
804
  --tui-const-black-alpha-30: #0000004D; // 30% opacity
786
805
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
787
806
  --tui-const-black-alpha-21: #00000036; // 21% opacity
@@ -894,9 +913,20 @@
894
913
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background
895
914
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
896
915
  --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
897
- --tui-service-underline: var(--tui-const-blue-alpha-64); // Подчеркивание для ссылок
898
- --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // Подчеркивание для монохромных ссылок
899
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы
916
+ --tui-service-underline: var(--tui-const-blue-darker-79); // Подчеркивание для ссылок
917
+ --tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
918
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
919
+ --tui-service-underline-grayscale: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок
920
+ --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок
921
+ --tui-service-underline-grayscale-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок
922
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
923
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
924
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы
925
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
926
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
927
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы
928
+ --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // @Deprecated: Заменён на цвет underline-grayscale
929
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark
900
930
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); // Контейнеры предупреждающих блоков
901
931
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
902
932
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
@@ -946,7 +976,7 @@
946
976
  --tui-support-support-22: #F14789; // @Deprecated: Замена на семантические цвета
947
977
  --tui-text-primary: var(--tui-const-black-lighter-20); // Основной текст и иконки фонах base, elevation, neutral
948
978
  --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); // Основной текст и иконки на светлых фонах, не меняется при смене темы
979
+ --tui-text-primary-on-light: var(--tui-const-black-lighter-20); // Основной текст и иконки на светлых фонах, не меняется при смене темы
950
980
  --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы
951
981
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank
952
982
  --tui-text-primary-on-opposite: var(--tui-const-white); // Текст и иконки фоне opposite
@@ -962,7 +992,7 @@
962
992
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы
963
993
  --tui-text-action: var(--tui-const-blue); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
964
994
  --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); // Текст и иконки интерактивного текста на тёмных фонах
995
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах
966
996
  --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
967
997
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
968
998
  --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.166.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -212,9 +212,11 @@
212
212
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
213
213
  --tui-const-blue: #428BF9; /* N8 */
214
214
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
215
+ --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
215
216
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
216
217
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
217
218
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
219
+ --tui-const-blue-darker-66: #5798FA; /* hsL=66 */
218
220
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
219
221
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
220
222
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
@@ -248,6 +250,7 @@
248
250
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
249
251
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
250
252
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
253
+ --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
251
254
  --tui-const-white: #FFFFFF; /* N14 */
252
255
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
253
256
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -308,6 +311,7 @@
308
311
  --tui-const-black-alpha-50: #00000080; /* 50% opacity */
309
312
  --tui-const-black-alpha-48: #0000007A; /* 48% opacity */
310
313
  --tui-const-black-alpha-40: #00000066; /* 40% opacity */
314
+ --tui-const-black-alpha-32: #00000052; /* 32% opacity */
311
315
  --tui-const-black-alpha-30: #0000004D; /* 30% opacity */
312
316
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
313
317
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
@@ -422,9 +426,20 @@
422
426
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
423
427
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
424
428
  --tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
425
- --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
426
- --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
427
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
429
+ --tui-service-underline: var(--tui-const-blue-darker-66); /* Подчеркивание для ссылок */
430
+ --tui-service-underline-hover: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
431
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
432
+ --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
433
+ --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
434
+ --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
435
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
436
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
437
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
438
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
439
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
440
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
441
+ --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale */
442
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
428
443
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
429
444
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
430
445
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
@@ -437,7 +452,7 @@
437
452
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
438
453
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); /* Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении */
439
454
  --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); /* Контейнеры негативных блоков */
455
+ --tui-status-negative-pale: var(--tui-const-red-dim-27); /* Контейнеры негативных блоков */
441
456
  --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); /* Только для веба. Контейнеры негативных блоков при наведении */
442
457
  --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
443
458
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
@@ -498,10 +513,10 @@
498
513
  --tui-text-tertiary-pressed: var(--tui-const-white-alpha-80); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии */
499
514
  --tui-text-tertiary-on-light: var(--tui-const-black-alpha-40); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
500
515
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
501
- --tui-text-action: var(--tui-const-blue); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
516
+ --tui-text-action: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
502
517
  --tui-text-action-hover: var(--tui-const-blue-darker-52); /* Только для веба. Состояние текста при наведении */
503
518
  --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); /* Текст и иконки интерактивного текста на тёмных фонах */
519
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-72); /* Текст и иконки интерактивного текста на тёмных фонах */
505
520
  --tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
506
521
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
507
522
  --tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */
package/palette/light.css CHANGED
@@ -212,9 +212,11 @@
212
212
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
213
213
  --tui-const-blue: #428BF9; /* N8 */
214
214
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
215
+ --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
215
216
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
216
217
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
217
218
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
219
+ --tui-const-blue-darker-66: #5798FA; /* hsL=66 */
218
220
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
219
221
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
220
222
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
@@ -248,6 +250,7 @@
248
250
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
249
251
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
250
252
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
253
+ --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
251
254
  --tui-const-white: #FFFFFF; /* N14 */
252
255
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
253
256
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -308,6 +311,7 @@
308
311
  --tui-const-black-alpha-50: #00000080; /* 50% opacity */
309
312
  --tui-const-black-alpha-48: #0000007A; /* 48% opacity */
310
313
  --tui-const-black-alpha-40: #00000066; /* 40% opacity */
314
+ --tui-const-black-alpha-32: #00000052; /* 32% opacity */
311
315
  --tui-const-black-alpha-30: #0000004D; /* 30% opacity */
312
316
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
313
317
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
@@ -422,9 +426,20 @@
422
426
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
423
427
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
424
428
  --tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
425
- --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
426
- --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* Подчеркивание для монохромных ссылок */
427
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
429
+ --tui-service-underline: var(--tui-const-blue-darker-66); /* Подчеркивание для ссылок */
430
+ --tui-service-underline-hover: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
431
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
432
+ --tui-service-underline-grayscale: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок */
433
+ --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок */
434
+ --tui-service-underline-grayscale-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок */
435
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
436
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
437
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
438
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
439
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
440
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
441
+ --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* @Deprecated: Заменён на цвет underline-grayscale */
442
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
428
443
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-14); /* Контейнеры предупреждающих блоков */
429
444
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
430
445
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
@@ -501,7 +516,7 @@
501
516
  --tui-text-action: var(--tui-const-blue-darker-52); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
502
517
  --tui-text-action-hover: var(--tui-const-blue-darker-46); /* Только для веба. Состояние текста при наведении */
503
518
  --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); /* Текст и иконки интерактивного текста на тёмных фонах */
519
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-72); /* Текст и иконки интерактивного текста на тёмных фонах */
505
520
  --tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
506
521
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
507
522
  --tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */
package/palette/mobile/dark.css CHANGED
@@ -190,9 +190,11 @@
190
190
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
191
191
  --tui-const-blue: #428BF9; /* N8 */
192
192
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
193
+ --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
193
194
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
194
195
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
195
196
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
197
+ --tui-const-blue-darker-66: #5798FA; /* hsL=66 */
196
198
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
197
199
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
198
200
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
@@ -226,6 +228,7 @@
226
228
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
227
229
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
228
230
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
231
+ --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
229
232
  --tui-const-white: #FFFFFF; /* N14 */
230
233
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
231
234
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -286,6 +289,7 @@
286
289
  --tui-const-black-alpha-50: #00000080; /* 50% opacity */
287
290
  --tui-const-black-alpha-48: #0000007A; /* 48% opacity */
288
291
  --tui-const-black-alpha-40: #00000066; /* 40% opacity */
292
+ --tui-const-black-alpha-32: #00000052; /* 32% opacity */
289
293
  --tui-const-black-alpha-30: #0000004D; /* 30% opacity */
290
294
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
291
295
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
@@ -398,9 +402,20 @@
398
402
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
399
403
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
400
404
  --tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
401
- --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
402
- --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
403
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
405
+ --tui-service-underline: var(--tui-const-blue-darker-79); /* Подчеркивание для ссылок */
406
+ --tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
407
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
408
+ --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
409
+ --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
410
+ --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
411
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
412
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
413
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
414
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
415
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
416
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
417
+ --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale */
418
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
404
419
  --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
405
420
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
406
421
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
@@ -450,7 +465,7 @@
450
465
  --tui-support-support-22: #F14789; /* @Deprecated: Замена на семантические цвета */
451
466
  --tui-text-primary: var(--tui-const-cool-gray-lighter-97); /* Основной текст и иконки фонах base, elevation, neutral */
452
467
  --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); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
468
+ --tui-text-primary-on-light: var(--tui-const-black-lighter-20); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
454
469
  --tui-text-primary-on-dark: var(--tui-const-white); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
455
470
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); /* Текст и иконки на фонах t-bank */
456
471
  --tui-text-primary-on-opposite: var(--tui-const-black); /* Текст и иконки фоне opposite */
@@ -464,9 +479,9 @@
464
479
  --tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии */
465
480
  --tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
466
481
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
467
- --tui-text-action: var(--tui-const-blue); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
482
+ --tui-text-action: var(--tui-const-blue-darker-66); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
468
483
  --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); /* Текст и иконки интерактивного текста на тёмных фонах */
484
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на тёмных фонах */
470
485
  --tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
471
486
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
472
487
  --tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */
package/palette/mobile/light.css CHANGED
@@ -190,9 +190,11 @@
190
190
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
191
191
  --tui-const-blue: #428BF9; /* N8 */
192
192
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
193
+ --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
193
194
  --tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
194
195
  --tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
195
196
  --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
197
+ --tui-const-blue-darker-66: #5798FA; /* hsL=66 */
196
198
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
197
199
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
198
200
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
@@ -226,6 +228,7 @@
226
228
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
227
229
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
228
230
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
231
+ --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
229
232
  --tui-const-white: #FFFFFF; /* N14 */
230
233
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
231
234
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -286,6 +289,7 @@
286
289
  --tui-const-black-alpha-50: #00000080; /* 50% opacity */
287
290
  --tui-const-black-alpha-48: #0000007A; /* 48% opacity */
288
291
  --tui-const-black-alpha-40: #00000066; /* 40% opacity */
292
+ --tui-const-black-alpha-32: #00000052; /* 32% opacity */
289
293
  --tui-const-black-alpha-30: #0000004D; /* 30% opacity */
290
294
  --tui-const-black-alpha-24: #0000003D; /* 24% opacity */
291
295
  --tui-const-black-alpha-21: #00000036; /* 21% opacity */
@@ -398,9 +402,20 @@
398
402
  --tui-service-selected-text: var(--tui-const-blue-alpha-24); /* @Deprecated: Заменён на service.selection-background */
399
403
  --tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
400
404
  --tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
401
- --tui-service-underline: var(--tui-const-blue-alpha-64); /* Подчеркивание для ссылок */
402
- --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* Подчеркивание для монохромных ссылок */
403
- --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
405
+ --tui-service-underline: var(--tui-const-blue-darker-79); /* Подчеркивание для ссылок */
406
+ --tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
407
+ --tui-service-underline-pressed: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
408
+ --tui-service-underline-grayscale: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок */
409
+ --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок */
410
+ --tui-service-underline-grayscale-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок */
411
+ --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
412
+ --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
413
+ --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
414
+ --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
415
+ --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
416
+ --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
417
+ --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); /* @Deprecated: Заменён на цвет underline-grayscale */
418
+ --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
404
419
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); /* Контейнеры предупреждающих блоков */
405
420
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); /* Нажатое состояние контейнера предупреждающих блоков */
406
421
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
@@ -450,7 +465,7 @@
450
465
  --tui-support-support-22: #F14789; /* @Deprecated: Замена на семантические цвета */
451
466
  --tui-text-primary: var(--tui-const-black-lighter-20); /* Основной текст и иконки фонах base, elevation, neutral */
452
467
  --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); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
468
+ --tui-text-primary-on-light: var(--tui-const-black-lighter-20); /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
454
469
  --tui-text-primary-on-dark: var(--tui-const-white); /* Основной текст и иконки темных фонах. Не меняется при смене темы */
455
470
  --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); /* Текст и иконки на фонах t-bank */
456
471
  --tui-text-primary-on-opposite: var(--tui-const-white); /* Текст и иконки фоне opposite */
@@ -466,7 +481,7 @@
466
481
  --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
467
482
  --tui-text-action: var(--tui-const-blue); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
468
483
  --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); /* Текст и иконки интерактивного текста на тёмных фонах */
484
+ --tui-text-action-on-dark: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на тёмных фонах */
470
485
  --tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
471
486
  --tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
472
487
  --tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */