@taiga-ui/design-tokens 0.248.0 → 0.250.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 +49 -29
  2. package/angular/mobile.less +43 -23
  3. package/package.json +1 -1
  4. package/palette/dark.css +29 -19
  5. package/palette/light.css +20 -10
  6. package/palette/mobile/dark.css +24 -14
  7. package/palette/mobile/light.css +19 -9
  8. package/palette/scss/dark.scss +29 -19
  9. package/palette/scss/light.scss +20 -10
  10. package/palette/scss/mobile/dark.scss +24 -14
  11. package/palette/scss/mobile/light.scss +19 -9
package/angular/desktop.less CHANGED
@@ -119,6 +119,8 @@
119
119
  --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); // Обводка, отделяющая цветные элементы на светлых фонах
120
120
  --tui-border-on-dark: var(--tui-const-white-alpha-15); // Обводка, отделяющая цветные элементы на темных фонах
121
121
  --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); // Обводка, отделяющая цветные элементы на темных фонах при наведении
122
+ --tui-brand-element-t-ai-assistant: #9A6BFF; // Цвет Ai Assistant для текста и иконок
123
+ --tui-brand-element-t-ai-assistant-pale: #9A6BFF1A; // Цвет Ai Assistant для фонов и поверхностей
122
124
  --tui-brand-element-t-insurance: #27AFA5; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры
123
125
  --tui-brand-element-t-insurance-pale: #27AFA51A; // Цвет Т-Страхования для фонов и поверхностей
124
126
  --tui-brand-element-t-mobile: #5848C3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры
@@ -144,7 +146,7 @@
144
146
  --tui-brand-t-mobile-alt-2: #EDE8F6; // Альтеранитивный фирменный цвет T-Mobile
145
147
  --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines
146
148
  --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines
147
- --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Tinkoff Ai Assistant
149
+ --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Ai Assistant
148
150
  --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования
149
151
  --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса
150
152
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
@@ -225,6 +227,8 @@
225
227
  --tui-const-yellow-darker-32: #806925; // hsL=32
226
228
  --tui-const-yellow-darker-26: #614F23; // hsL=26
227
229
  --tui-const-yellow-darker-20: #503C18; // hsL=20
230
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
231
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
228
232
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
229
233
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
230
234
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -247,6 +251,8 @@
247
251
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
248
252
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
249
253
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
254
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
255
+ --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
250
256
  --tui-const-blue: #428BF9; // N8
251
257
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
252
258
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -261,6 +267,8 @@
261
267
  --tui-const-blue-darker-32: #2B4976; // hsL=32
262
268
  --tui-const-blue-darker-28: #2A4165; // hsL=28
263
269
  --tui-const-blue-darker-25: #263B5C; // hsL=25
270
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
271
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
264
272
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
265
273
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
266
274
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -293,6 +301,8 @@
293
301
  --tui-const-red-darker-29: #731F20; // hsL=29
294
302
  --tui-const-red-darker-23: #591E20; // hsL=23
295
303
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
304
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
305
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
296
306
  --tui-const-white: #FFFFFF; // N14
297
307
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
298
308
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -493,24 +503,30 @@
493
503
  --tui-service-link-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок, открывшихся в прошлом
494
504
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
495
505
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
506
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
496
507
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков
497
508
  --tui-status-warning-pale-hover: var(--tui-const-yellow-alpha-40); // Только для веба. Контейнеры предупреждающих блоков при наведении
498
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
509
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); // Нажатое состояние контейнера предупреждающих блоков
499
510
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
500
511
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
501
512
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах
513
+ --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
502
514
  --tui-status-positive-pale: var(--tui-const-green-alpha-16); // Контейнеры позитивных блоков
503
515
  --tui-status-positive-pale-hover: var(--tui-const-green-alpha-24); // Только для веба. Контейнеры позитивных блоков при наведении
504
- --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive в iOS
516
+ --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive-pale
505
517
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
506
518
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); // Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении
507
519
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
520
+ --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
521
+ --tui-status-negative-hover: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при наведении
522
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
508
523
  --tui-status-negative-pale: var(--tui-const-red-alpha-14); // Контейнеры негативных блоков
509
524
  --tui-status-negative-pale-hover: var(--tui-const-red-alpha-24); // Только для веба. Контейнеры негативных блоков при наведении
510
- --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative в iOS
525
+ --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative-pale
511
526
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
512
527
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); // Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении
513
528
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark
529
+ --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
514
530
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); // Контейнеры информационных блоков
515
531
  --tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); // Только для веба. Контейнеры информационных блоков при наведении
516
532
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
@@ -521,12 +537,6 @@
521
537
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
522
538
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков при наведении
523
539
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
524
- --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
525
- --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
526
- --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
527
- --tui-status-negative-hover: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при наведении
528
- --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
529
- --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
530
540
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
531
541
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
532
542
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета
@@ -716,6 +726,8 @@
716
726
  --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); // Обводка, отделяющая цветные элементы на светлых фонах
717
727
  --tui-border-on-dark: var(--tui-const-white-alpha-15); // Обводка, отделяющая цветные элементы на темных фонах
718
728
  --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); // Обводка, отделяющая цветные элементы на темных фонах при наведении
729
+ --tui-brand-element-t-ai-assistant: #BD9EFF; // Цвет Ai Assistant для текста и иконок
730
+ --tui-brand-element-t-ai-assistant-pale: #BD9EFF4D; // Цвет Ai Assistant для фонов и поверхностей
719
731
  --tui-brand-element-t-insurance: #90E5DF; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры
720
732
  --tui-brand-element-t-insurance-pale: #90E5DF4D; // Цвет Т-Страхования для фонов и поверхностей
721
733
  --tui-brand-element-t-mobile: #8D80E3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры
@@ -741,7 +753,7 @@
741
753
  --tui-brand-t-mobile-alt-2: #EDE8F6; // Альтеранитивный фирменный цвет T-Mobile
742
754
  --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines
743
755
  --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines
744
- --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Tinkoff Ai Assistant
756
+ --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Ai Assistant
745
757
  --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования
746
758
  --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса
747
759
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
@@ -822,6 +834,8 @@
822
834
  --tui-const-yellow-darker-32: #806925; // hsL=32
823
835
  --tui-const-yellow-darker-26: #614F23; // hsL=26
824
836
  --tui-const-yellow-darker-20: #503C18; // hsL=20
837
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
838
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
825
839
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
826
840
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
827
841
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -844,6 +858,8 @@
844
858
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
845
859
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
846
860
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
861
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
862
+ --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
847
863
  --tui-const-blue: #428BF9; // N8
848
864
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
849
865
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -858,6 +874,8 @@
858
874
  --tui-const-blue-darker-32: #2B4976; // hsL=32
859
875
  --tui-const-blue-darker-28: #2A4165; // hsL=28
860
876
  --tui-const-blue-darker-25: #263B5C; // hsL=25
877
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
878
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
861
879
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
862
880
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
863
881
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -890,6 +908,8 @@
890
908
  --tui-const-red-darker-29: #731F20; // hsL=29
891
909
  --tui-const-red-darker-23: #591E20; // hsL=23
892
910
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
911
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
912
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
893
913
  --tui-const-white: #FFFFFF; // N14
894
914
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
895
915
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -1090,27 +1110,33 @@
1090
1110
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
1091
1111
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
1092
1112
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
1093
- --tui-status-warning-pale: var(--tui-const-yellow-darker-20); // Контейнеры предупреждающих блоков
1094
- --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); // Только для веба. Контейнеры предупреждающих блоков при наведении
1095
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
1113
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1114
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); // Контейнеры предупреждающих блоков
1115
+ --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-54-alpha-40); // Только для веба. Контейнеры предупреждающих блоков при наведении
1116
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); // Нажатое состояние контейнера предупреждающих блоков
1096
1117
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
1097
1118
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
1098
1119
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах
1099
- --tui-status-positive-pale: var(--tui-const-green-darker-18); // Контейнеры позитивных блоков
1100
- --tui-status-positive-pale-hover: var(--tui-const-green-darker-21); // Только для веба. Контейнеры позитивных блоков при наведении
1101
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); // Нажатое состояние positive в iOS
1120
+ --tui-status-positive: var(--tui-const-green-darker-28); // Акцентный цвет для позитивных блоков
1121
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); // Контейнеры позитивных блоков
1122
+ --tui-status-positive-pale-hover: var(--tui-const-green-lighter-42-alpha-40); // Только для веба. Контейнеры позитивных блоков при наведении
1123
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); // Нажатое состояние positive-pale
1102
1124
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
1103
1125
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); // Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении
1104
1126
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
1105
- --tui-status-negative-pale: var(--tui-const-red-dim-27); // Контейнеры негативных блоков
1106
- --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); // Только для веба. Контейнеры негативных блоков при наведении
1107
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); // Нажатое состояние negative в iOS
1127
+ --tui-status-negative: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков
1128
+ --tui-status-negative-hover: var(--tui-const-red-darker-50); // Акцентный цвет для негативных блоков при наведении
1129
+ --tui-status-negative-pressed: var(--tui-const-red-darker-53); // Акцентный цвет для негативных блоков при нажатии
1130
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); // Контейнеры негативных блоков
1131
+ --tui-status-negative-pale-hover: var(--tui-const-red-lighter-65-alpha-40); // Только для веба. Контейнеры негативных блоков при наведении
1132
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); // Нажатое состояние negative-pale
1108
1133
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
1109
1134
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); // Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении
1110
1135
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark
1111
- --tui-status-info-pale: var(--tui-const-blue-darker-25); // Контейнеры информационных блоков
1112
- --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); // Только для веба. Контейнеры информационных блоков при наведении
1113
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
1136
+ --tui-status-info: var(--tui-const-blue-darker-46); // Акцентный цвет для информационных блоков
1137
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); // Контейнеры информационных блоков
1138
+ --tui-status-info-pale-hover: var(--tui-const-blue-darker-70-alpha-40); // Только для веба. Контейнеры информационных блоков при наведении
1139
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); // Контейнеры информационных блоков при нажатии
1114
1140
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
1115
1141
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах
1116
1142
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах
@@ -1118,12 +1144,6 @@
1118
1144
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
1119
1145
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); // Фоновый контейнер нейтральных статусных блоков при наведении
1120
1146
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
1121
- --tui-status-positive: var(--tui-const-green-darker-28); // Акцентный цвет для позитивных блоков
1122
- --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1123
- --tui-status-negative: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков
1124
- --tui-status-negative-hover: var(--tui-const-red-darker-50); // Акцентный цвет для негативных блоков при наведении
1125
- --tui-status-negative-pressed: var(--tui-const-red-darker-53); // Акцентный цвет для негативных блоков при нажатии
1126
- --tui-status-info: var(--tui-const-blue-darker-46); // Акцентный цвет для информационных блоков
1127
1147
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
1128
1148
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
1129
1149
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета
package/angular/mobile.less CHANGED
@@ -101,6 +101,8 @@
101
101
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме
102
102
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
103
103
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы на темных фонах
104
+ --tui-brand-element-t-ai-assistant: #BD9EFF; // Цвет Ai Assistant для текста и иконок
105
+ --tui-brand-element-t-ai-assistant-pale: #BD9EFF4D; // Цвет Ai Assistant для фонов и поверхностей
104
106
  --tui-brand-element-t-insurance: #90E5DF; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры
105
107
  --tui-brand-element-t-insurance-pale: #90E5DF4D; // Цвет Т-Страхования для фонов и поверхностей
106
108
  --tui-brand-element-t-mobile: #8D80E3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры
@@ -126,7 +128,7 @@
126
128
  --tui-brand-t-mobile-alt-2: #EDE8F6; // Альтеранитивный фирменный цвет T-Mobile
127
129
  --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines
128
130
  --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines
129
- --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Tinkoff Ai Assistant
131
+ --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Ai Assistant
130
132
  --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования
131
133
  --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса
132
134
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
@@ -205,6 +207,8 @@
205
207
  --tui-const-yellow-darker-32: #806925; // hsL=32
206
208
  --tui-const-yellow-darker-26: #614F23; // hsL=26
207
209
  --tui-const-yellow-darker-20: #503C18; // hsL=20
210
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
211
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
208
212
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
209
213
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
210
214
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -227,6 +231,8 @@
227
231
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
228
232
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
229
233
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
234
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
235
+ --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
230
236
  --tui-const-blue: #428BF9; // N8
231
237
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
232
238
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -241,6 +247,8 @@
241
247
  --tui-const-blue-darker-32: #2B4976; // hsL=32
242
248
  --tui-const-blue-darker-28: #2A4165; // hsL=28
243
249
  --tui-const-blue-darker-25: #263B5C; // hsL=25
250
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
251
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
244
252
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
245
253
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
246
254
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -273,6 +281,8 @@
273
281
  --tui-const-red-darker-29: #731F20; // hsL=29
274
282
  --tui-const-red-darker-23: #591E20; // hsL=23
275
283
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
284
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
285
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
276
286
  --tui-const-white: #FFFFFF; // N14
277
287
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
278
288
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -471,32 +481,32 @@
471
481
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
472
482
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
473
483
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
474
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
475
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
484
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
485
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); // Контейнеры предупреждающих блоков
486
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); // Нажатое состояние контейнера предупреждающих блоков
476
487
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
477
488
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
478
489
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах
479
- --tui-status-positive-pale: var(--tui-const-green-darker-18); // Контейнеры позитивных блоков
480
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); // Нажатое состояние positive в iOS
490
+ --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
491
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); // Контейнеры позитивных блоков
492
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); // Нажатое состояние positive-pale
481
493
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
482
494
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
483
- --tui-status-negative-pale: var(--tui-const-red-darker-23); // Контейнеры негативных блоков
484
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); // Нажатое состояние negative в iOS
495
+ --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
496
+ --tui-status-negative-pressed: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при нажатии
497
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); // Контейнеры негативных блоков
498
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); // Нажатое состояние negative-pale
485
499
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
486
500
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark
487
- --tui-status-info-pale: var(--tui-const-blue-darker-25); // Контейнеры информационных блоков
488
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
501
+ --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
502
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); // Контейнеры информационных блоков
503
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); // Контейнеры информационных блоков при нажатии
489
504
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
490
505
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах
491
506
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах
492
507
  --tui-status-neutral: var(--tui-const-black-lighter-55); // Акцентный цвет для нейтральных фонах
493
508
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
494
509
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
495
- --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
496
- --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
497
- --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
498
- --tui-status-negative-pressed: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при нажатии
499
- --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
500
510
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
501
511
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
502
512
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета
@@ -658,6 +668,8 @@
658
668
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
659
669
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
660
670
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы на темных фонах
671
+ --tui-brand-element-t-ai-assistant: #9A6BFF; // Цвет Ai Assistant для текста и иконок
672
+ --tui-brand-element-t-ai-assistant-pale: #9A6BFF1A; // Цвет Ai Assistant для фонов и поверхностей
661
673
  --tui-brand-element-t-insurance: #27AFA5; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры
662
674
  --tui-brand-element-t-insurance-pale: #27AFA51A; // Цвет Т-Страхования для фонов и поверхностей
663
675
  --tui-brand-element-t-mobile: #5848C3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры
@@ -683,7 +695,7 @@
683
695
  --tui-brand-t-mobile-alt-2: #EDE8F6; // Альтеранитивный фирменный цвет T-Mobile
684
696
  --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines
685
697
  --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines
686
- --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Tinkoff Ai Assistant
698
+ --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Ai Assistant
687
699
  --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования
688
700
  --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса
689
701
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
@@ -762,6 +774,8 @@
762
774
  --tui-const-yellow-darker-32: #806925; // hsL=32
763
775
  --tui-const-yellow-darker-26: #614F23; // hsL=26
764
776
  --tui-const-yellow-darker-20: #503C18; // hsL=20
777
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity
778
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity
765
779
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
766
780
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
767
781
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -784,6 +798,8 @@
784
798
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
785
799
  --tui-const-green-alpha-38: #00B92D61; // 38% opacity
786
800
  --tui-const-green-alpha-44: #00B92D70; // 44% opacity
801
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity
802
+ --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity
787
803
  --tui-const-blue: #428BF9; // N8
788
804
  --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
789
805
  --tui-const-blue-darker-79: #97BFFC; // hsL=79
@@ -798,6 +814,8 @@
798
814
  --tui-const-blue-darker-32: #2B4976; // hsL=32
799
815
  --tui-const-blue-darker-28: #2A4165; // hsL=28
800
816
  --tui-const-blue-darker-25: #263B5C; // hsL=25
817
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity
818
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity
801
819
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
802
820
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
803
821
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -830,6 +848,8 @@
830
848
  --tui-const-red-darker-29: #731F20; // hsL=29
831
849
  --tui-const-red-darker-23: #591E20; // hsL=23
832
850
  --tui-const-red-dim-27: #5D2C2D; // hsL=27
851
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity
852
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity
833
853
  --tui-const-white: #FFFFFF; // N14
834
854
  --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96
835
855
  --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90
@@ -1028,19 +1048,24 @@
1028
1048
  --tui-service-link-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок, открывшихся в прошлом
1029
1049
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
1030
1050
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
1051
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1031
1052
  --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); // Контейнеры предупреждающих блоков
1032
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-48); // Нажатое состояние контейнера предупреждающих блоков
1053
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); // Нажатое состояние контейнера предупреждающих блоков
1033
1054
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
1034
1055
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
1035
1056
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах
1057
+ --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
1036
1058
  --tui-status-positive-pale: var(--tui-const-green-alpha-16); // Контейнеры позитивных блоков
1037
- --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive в iOS
1059
+ --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive-pale
1038
1060
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы
1039
1061
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark
1062
+ --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
1063
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
1040
1064
  --tui-status-negative-pale: var(--tui-const-red-alpha-14); // Контейнеры негативных блоков
1041
- --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative в iOS
1065
+ --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative-pale
1042
1066
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах
1043
1067
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark
1068
+ --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
1044
1069
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); // Контейнеры информационных блоков
1045
1070
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
1046
1071
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
@@ -1049,11 +1074,6 @@
1049
1074
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); // Акцентный цвет для нейтральных фонах
1050
1075
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
1051
1076
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
1052
- --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
1053
- --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1054
- --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
1055
- --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
1056
- --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
1057
1077
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
1058
1078
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
1059
1079
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.248.0",
3
+ "version": "0.250.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -118,6 +118,8 @@
118
118
  --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); /* Обводка, отделяющая цветные элементы на светлых фонах */
119
119
  --tui-border-on-dark: var(--tui-const-white-alpha-15); /* Обводка, отделяющая цветные элементы на темных фонах */
120
120
  --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); /* Обводка, отделяющая цветные элементы на темных фонах при наведении */
121
+ --tui-brand-element-t-ai-assistant: #BD9EFF; /* Цвет Ai Assistant для текста и иконок */
122
+ --tui-brand-element-t-ai-assistant-pale: #BD9EFF4D; /* Цвет Ai Assistant для фонов и поверхностей */
121
123
  --tui-brand-element-t-insurance: #90E5DF; /* Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры */
122
124
  --tui-brand-element-t-insurance-pale: #90E5DF4D; /* Цвет Т-Страхования для фонов и поверхностей */
123
125
  --tui-brand-element-t-mobile: #8D80E3; /* Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры */
@@ -143,7 +145,7 @@
143
145
  --tui-brand-t-mobile-alt-2: #EDE8F6; /* Альтеранитивный фирменный цвет T-Mobile */
144
146
  --tui-brand-all-airlines: #27BEFF; /* Фирменный цвет All Airlines */
145
147
  --tui-brand-all-airlines-alt-1: #CBEFFF; /* Бледный оттенок фирменного цвета All Airlines */
146
- --tui-brand-t-ai-assistant: #9A6BFF; /* Фирменный цвет Tinkoff Ai Assistant */
148
+ --tui-brand-t-ai-assistant: #9A6BFF; /* Фирменный цвет Ai Assistant */
147
149
  --tui-brand-t-insurance: #27AFA5; /* Фирменный цвет Страхования */
148
150
  --tui-brand-t-business: #B58B60; /* Фирменный цвет Бизнеса */
149
151
  --tui-brand-t-business-alt-1: #E4D7C1; /* Фирменный цвет Бизнеса */
@@ -224,6 +226,8 @@
224
226
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
225
227
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
226
228
  --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
229
+ --tui-const-yellow-darker-54-alpha-30: #FAB6194D; /* hsL=54, 30% opacity */
230
+ --tui-const-yellow-darker-54-alpha-40: #FAB61966; /* hsL=54, 40% opacity */
227
231
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
228
232
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
229
233
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -246,6 +250,8 @@
246
250
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
247
251
  --tui-const-green-alpha-38: #00B92D61; /* 38% opacity */
248
252
  --tui-const-green-alpha-44: #00B92D70; /* 44% opacity */
253
+ --tui-const-green-lighter-42-alpha-30: #00D6354D; /* hsL=42, 30% opacity */
254
+ --tui-const-green-lighter-42-alpha-40: #00D63566; /* hsL=42, 40% opacity */
249
255
  --tui-const-blue: #428BF9; /* N8 */
250
256
  --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
251
257
  --tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
@@ -260,6 +266,8 @@
260
266
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
261
267
  --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
262
268
  --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
269
+ --tui-const-blue-darker-70-alpha-30: #66A3FF4D; /* hsL=70, 30% opacity */
270
+ --tui-const-blue-darker-70-alpha-40: #66A3FF66; /* hsL=70, 40% opacity */
263
271
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
264
272
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
265
273
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -292,6 +300,8 @@
292
300
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
293
301
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
294
302
  --tui-const-red-dim-27: #5D2C2D; /* hsL=27 */
303
+ --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; /* hsL=65, 30% opacity */
304
+ --tui-const-red-lighter-65-alpha-40: #FF4D4D66; /* hsL=65, 40% opacity */
295
305
  --tui-const-white: #FFFFFF; /* N14 */
296
306
  --tui-const-white-96: #FFFFFFF2; /* @Deprecated: Заменён на цвет white-alpha-96 */
297
307
  --tui-const-white-90: #FFFFFFE6; /* @Deprecated: Заменён на цвет white-alpha-90 */
@@ -492,27 +502,33 @@
492
502
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
493
503
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
494
504
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
495
- --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
496
- --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
497
- --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
505
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
506
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); /* Контейнеры предупреждающих блоков */
507
+ --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-54-alpha-40); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
508
+ --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); /* Нажатое состояние контейнера предупреждающих блоков */
498
509
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
499
510
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
500
511
  --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); /* Контейнеры предупреждающих блоков на тёмных фонах */
501
- --tui-status-positive-pale: var(--tui-const-green-darker-18); /* Контейнеры позитивных блоков */
502
- --tui-status-positive-pale-hover: var(--tui-const-green-darker-21); /* Только для веба. Контейнеры позитивных блоков при наведении */
503
- --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); /* Нажатое состояние positive в iOS */
512
+ --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
513
+ --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); /* Контейнеры позитивных блоков */
514
+ --tui-status-positive-pale-hover: var(--tui-const-green-lighter-42-alpha-40); /* Только для веба. Контейнеры позитивных блоков при наведении */
515
+ --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); /* Нажатое состояние positive-pale */
504
516
  --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
505
517
  --tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38); /* Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении */
506
518
  --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); /* Нажатое состояние positive-on-dark */
507
- --tui-status-negative-pale: var(--tui-const-red-dim-27); /* Контейнеры негативных блоков */
508
- --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); /* Только для веба. Контейнеры негативных блоков при наведении */
509
- --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
519
+ --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
520
+ --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
521
+ --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
522
+ --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); /* Контейнеры негативных блоков */
523
+ --tui-status-negative-pale-hover: var(--tui-const-red-lighter-65-alpha-40); /* Только для веба. Контейнеры негативных блоков при наведении */
524
+ --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); /* Нажатое состояние negative-pale */
510
525
  --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); /* Контейнеры негативных блоков на тёмных фонах */
511
526
  --tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38); /* Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении */
512
527
  --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); /* Нажатое состояние negative-pale-on-dark */
513
- --tui-status-info-pale: var(--tui-const-blue-darker-25); /* Контейнеры информационных блоков */
514
- --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); /* Только для веба. Контейнеры информационных блоков при наведении */
515
- --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
528
+ --tui-status-info: var(--tui-const-blue-darker-46); /* Акцентный цвет для информационных блоков */
529
+ --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); /* Контейнеры информационных блоков */
530
+ --tui-status-info-pale-hover: var(--tui-const-blue-darker-70-alpha-40); /* Только для веба. Контейнеры информационных блоков при наведении */
531
+ --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); /* Контейнеры информационных блоков при нажатии */
516
532
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
517
533
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
518
534
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
@@ -520,12 +536,6 @@
520
536
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
521
537
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); /* Фоновый контейнер нейтральных статусных блоков при наведении */
522
538
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
523
- --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
524
- --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
525
- --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
526
- --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
527
- --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
528
- --tui-status-info: var(--tui-const-blue-darker-46); /* Акцентный цвет для информационных блоков */
529
539
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
530
540
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
531
541
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */