@taiga-ui/design-tokens 0.163.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 (11) hide show
  1. package/angular/desktop.less +8 -4
  2. package/angular/mobile.less +9 -5
  3. package/esm2022/icons.mjs +8 -1
  4. package/fesm2022/taiga-ui-design-tokens.mjs +7 -0
  5. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  6. package/icons.d.ts +1 -1
  7. package/package.json +1 -1
  8. package/palette/dark.css +5 -3
  9. package/palette/light.css +3 -1
  10. package/palette/mobile/dark.css +5 -3
  11. 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