@taiga-ui/design-tokens 0.196.0 → 0.197.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 (9) hide show
  1. package/angular/desktop.less +20 -2
  2. package/angular/mobile.less +12 -2
  3. package/icons/flags/ag.svg +7 -10
  4. package/icons/flags/lk.svg +9 -11
  5. package/package.json +1 -1
  6. package/palette/dark.css +10 -1
  7. package/palette/light.css +10 -1
  8. package/palette/mobile/dark.css +6 -1
  9. package/palette/mobile/light.css +6 -1
package/angular/desktop.less CHANGED
@@ -91,6 +91,9 @@
91
91
  --tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
92
92
  --tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); // Фон для тултипов
93
93
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
94
+ --tui-background-overlay-glass: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей
95
+ --tui-background-overlay-glass-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении
96
+ --tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии
94
97
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
95
98
  --tui-background-overlay-glass-on-dark-hover: var(--tui-const-white-alpha-40); // Оверлей стеклянных поверхностей при наведении на темных фонах, не меняется при смене темы.
96
99
  --tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы.
@@ -112,7 +115,9 @@
112
115
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); // Обводка выделенных элементов
113
116
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
114
117
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); // Обводка, отделяющая цветные элементы от светлого фонов
115
- --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
118
+ --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); // Обводка, отделяющая цветные элементы на светлых фонах
119
+ --tui-border-on-dark: var(--tui-const-white-alpha-15); // Обводка, отделяющая цветные элементы на темных фонах
120
+ --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); // Обводка, отделяющая цветные элементы на темных фонах при наведении
116
121
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
117
122
  --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
118
123
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
@@ -252,6 +257,8 @@
252
257
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
253
258
  --tui-const-red-lighter-70: #FF6666; // hsL=70
254
259
  --tui-const-red: #F52222; // N10
260
+ --tui-const-red-darker-53: #DC3233; // hsL=53
261
+ --tui-const-red-darker-50: #DA2526; // hsL=50
255
262
  --tui-const-red-darker-47: #CD2324; // hsL=47
256
263
  --tui-const-red-darker-32: #9C0707; // hsL=32
257
264
  --tui-const-red-darker-29: #731F20; // hsL=29
@@ -483,6 +490,8 @@
483
490
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
484
491
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
485
492
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
493
+ --tui-status-negative-hover: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при наведении
494
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
486
495
  --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
487
496
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
488
497
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
@@ -646,6 +655,9 @@
646
655
  --tui-background-progress-bar: var(--tui-const-white-alpha-15); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
647
656
  --tui-background-tooltip: var(--tui-const-white); // Фон для тултипов
648
657
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
658
+ --tui-background-overlay-glass: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей
659
+ --tui-background-overlay-glass-hover: var(--tui-const-white-alpha-40); // Оверлей стеклянных поверхностей при наведении
660
+ --tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии
649
661
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
650
662
  --tui-background-overlay-glass-on-dark-hover: var(--tui-const-white-alpha-40); // Оверлей стеклянных поверхностей при наведении на темных фонах, не меняется при смене темы.
651
663
  --tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы.
@@ -667,7 +679,9 @@
667
679
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); // Обводка выделенных элементов
668
680
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме
669
681
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); // Обводка, отделяющая цветные элементы от светлого фонов
670
- --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
682
+ --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); // Обводка, отделяющая цветные элементы на светлых фонах
683
+ --tui-border-on-dark: var(--tui-const-white-alpha-15); // Обводка, отделяющая цветные элементы на темных фонах
684
+ --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); // Обводка, отделяющая цветные элементы на темных фонах при наведении
671
685
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
672
686
  --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
673
687
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
@@ -807,6 +821,8 @@
807
821
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
808
822
  --tui-const-red-lighter-70: #FF6666; // hsL=70
809
823
  --tui-const-red: #F52222; // N10
824
+ --tui-const-red-darker-53: #DC3233; // hsL=53
825
+ --tui-const-red-darker-50: #DA2526; // hsL=50
810
826
  --tui-const-red-darker-47: #CD2324; // hsL=47
811
827
  --tui-const-red-darker-32: #9C0707; // hsL=32
812
828
  --tui-const-red-darker-29: #731F20; // hsL=29
@@ -1038,6 +1054,8 @@
1038
1054
  --tui-status-positive: var(--tui-const-green-darker-28); // Акцентный цвет для позитивных блоков
1039
1055
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
1040
1056
  --tui-status-negative: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков
1057
+ --tui-status-negative-hover: var(--tui-const-red-darker-50); // Акцентный цвет для негативных блоков при наведении
1058
+ --tui-status-negative-pressed: var(--tui-const-red-darker-53); // Акцентный цвет для негативных блоков при нажатии
1041
1059
  --tui-status-info: var(--tui-const-blue-darker-46); // Акцентный цвет для информационных блоков
1042
1060
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
1043
1061
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
package/angular/mobile.less CHANGED
@@ -83,6 +83,8 @@
83
83
  --tui-background-progress-bar: var(--tui-const-white-alpha-15); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
84
84
  --tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); // Фон для тултипов
85
85
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
86
+ --tui-background-overlay-glass: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей
87
+ --tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии
86
88
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
87
89
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы
88
90
  --tui-background-overlay-glass-matte: var(--tui-const-black-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы.
@@ -96,7 +98,7 @@
96
98
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); // Обводка выделенных элементов
97
99
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме
98
100
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
99
- --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
101
+ --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы на темных фонах
100
102
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
101
103
  --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
102
104
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
@@ -235,6 +237,8 @@
235
237
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
236
238
  --tui-const-red-lighter-70: #FF6666; // hsL=70
237
239
  --tui-const-red: #F52222; // N10
240
+ --tui-const-red-darker-53: #DC3233; // hsL=53
241
+ --tui-const-red-darker-50: #DA2526; // hsL=50
238
242
  --tui-const-red-darker-47: #CD2324; // hsL=47
239
243
  --tui-const-red-darker-32: #9C0707; // hsL=32
240
244
  --tui-const-red-darker-29: #731F20; // hsL=29
@@ -457,6 +461,7 @@
457
461
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
458
462
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
459
463
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
464
+ --tui-status-negative-pressed: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при нажатии
460
465
  --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
461
466
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
462
467
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
@@ -601,6 +606,8 @@
601
606
  --tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
602
607
  --tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); // Фон для тултипов
603
608
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
609
+ --tui-background-overlay-glass: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей
610
+ --tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии
604
611
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
605
612
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы
606
613
  --tui-background-overlay-glass-matte: var(--tui-const-white-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы.
@@ -614,7 +621,7 @@
614
621
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); // Обводка выделенных элементов
615
622
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
616
623
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
617
- --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
624
+ --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы на темных фонах
618
625
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
619
626
  --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
620
627
  --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
@@ -753,6 +760,8 @@
753
760
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
754
761
  --tui-const-red-lighter-70: #FF6666; // hsL=70
755
762
  --tui-const-red: #F52222; // N10
763
+ --tui-const-red-darker-53: #DC3233; // hsL=53
764
+ --tui-const-red-darker-50: #DA2526; // hsL=50
756
765
  --tui-const-red-darker-47: #CD2324; // hsL=47
757
766
  --tui-const-red-darker-32: #9C0707; // hsL=32
758
767
  --tui-const-red-darker-29: #731F20; // hsL=29
@@ -975,6 +984,7 @@
975
984
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
976
985
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
977
986
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
987
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
978
988
  --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
979
989
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
980
990
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
package/icons/flags/ag.svg CHANGED
@@ -1,17 +1,14 @@
1
- <svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path
3
- d="M0.00286863 19.9999C0.00286863 21.3699 0.140646 22.7076 0.402866 23.9999L20.0027 25.2176L39.6026 23.9999C39.8694 22.6833 40.0034 21.3432 40.0026 19.9999C40.0026 18.6299 39.8648 17.2921 39.6026 15.9999L20.0027 14.7821L0.402866 15.9999C0.140646 17.2921 0.00286863 18.6299 0.00286863 19.9999Z"
3
+ d="M40 20.0123C40 21.3515 39.866 22.6874 39.6 24L20 25.2178L0.4 24C0.137778 22.7078 0 21.37 0 20C0 18.63 0.137778 17.2922 0.4 16L20 14.7822L39.6 16C39.8622 17.2922 40 18.63 40 20C40 20.0041 40 20.0082 40 20.0123Z"
4
4
  fill="#0052B4"
5
5
  />
6
+ <path d="M20 40C29.6756 40 37.7467 33.1289 39.6 24H0.400024C2.25336 33.1289 10.3245 40 20 40Z" fill="#F0F0F0" />
7
+ <path d="M0 0V16H40V0H0Z" fill="#3D3D3D" />
6
8
  <path
7
- d="M39.6026 23.9999H0.402891C2.25621 33.1287 10.3273 39.9998 20.0028 39.9998C29.6783 39.9998 37.7493 33.1287 39.6026 23.9999Z"
8
- fill="#F0F0F0"
9
- />
10
- <path d="M0.00286863 15.9999H40.0027V0H0.00286863V15.9999Z" fill="#3D3D3D" />
11
- <path
12
- d="M28.6982 15.9999H11.3072L14.8606 14.3288L12.9695 10.8888L16.8272 11.6266L17.3161 7.72885L20.0027 10.5944L22.6916 7.72774L23.1805 11.6255L27.036 10.8888L25.1438 14.3299L28.6982 15.9999Z"
9
+ d="M14.8578 14.3289L11.3044 16H28.6956L25.1411 14.33L27.0333 10.8889L23.1778 11.6256L22.6889 7.72778L20 10.5944L17.3133 7.72889L16.8244 11.6267L12.9667 10.8889L14.8578 14.3289Z"
13
10
  fill="#FFDA44"
14
11
  />
15
- <path d="M0.00286831 40H20.0027L0.0028495 0C0.0028495 0 -0.0035744 35.6716 0.00286831 40Z" fill="#A2001D" />
16
- <path d="M20.0027 40H40.0026V0L20.0027 40Z" fill="#A2001D" />
12
+ <path d="M0 40H19.9999L0 0V40Z" fill="#A2001D" />
13
+ <path d="M20.0001 40H40V0L20.0001 40Z" fill="#A2001D" />
17
14
  </svg>
package/icons/flags/lk.svg CHANGED
@@ -1,14 +1,12 @@
1
- <svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="17.7778" y="3.33337" width="22.2222" height="33.3333" fill="#8D153A" />
3
- <rect y="3.33337" width="7.22222" height="33.3333" fill="#6DA544" />
4
- <rect x="14.4445" y="3.33337" width="3.33333" height="33.3333" fill="#FFDA44" />
5
- <rect x="7.22223" y="3.33337" width="7.22222" height="33.3333" fill="#FF9811" />
6
- <rect width="40" height="3.33333" fill="#FFDA44" />
7
- <rect y="36.6666" width="40" height="3.33333" fill="#FFDA44" />
8
- <path d="M32.2018 12.1687V12.6681L32.2282 12.6709L32.2018 12.1687Z" fill="#FFDA44" />
9
- <rect x="20" y="6.66663" width="20" height="26.6667" fill="#FFDA44" />
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M17.7778 3.33337H40V36.6667H17.7778V3.33337Z" fill="#8D153A" />
3
+ <path d="M0 3.33337V36.6667H7.22222V3.33337H0Z" fill="#6DA544" />
4
+ <path d="M17.7778 3.33337H14.4445V36.6667H17.7778V3.33337Z" fill="#FFDA44" />
5
+ <path d="M14.4445 3.33337H7.22223V36.6667H14.4445V3.33337Z" fill="#FF9811" />
6
+ <path d="M40 3.33333L40 0H0V3.33333H40Z" fill="#FFDA44" />
7
+ <path d="M0 36.6666V40H40V36.6666H0Z" fill="#FFDA44" />
10
8
  <path
11
- d="M38.409 25.1681H34.6481L33.0571 26.9039V30.3754H29.5856V28.6397H31.3213V25.1681H23.5105V27.3378H21.7747V23.2028C21.2422 22.7261 20.9069 22.0336 20.9069 21.2627V9.98047C20.9069 8.54257 22.0726 7.37688 23.5105 7.37688V23.4325H26.982L28.1731 22.4398C27.9651 21.9443 27.8498 21.4001 27.8498 20.8289V18.2253H25.2462V13.0181H30.4534C30.4534 12.1503 31.7552 11.2824 31.7552 11.2824C31.7552 11.2824 33.0571 12.1502 33.0571 13.0181V14.32V18.2254C34.0226 18.2368 35.5566 18.2118 37.2139 18.2254C38.409 18.2253 39.0955 18.3384 39.4444 17.7781C39.4444 17.7781 39.5031 16.5087 40.5555 15.5559L40 6.66699H18.3333V34.4448H35.5555H40V30.3754H37.7778V28.6397H39.0955V25.9172L38.409 25.1681Z"
12
- fill="#8D153A"
9
+ d="M40 31V6.66663L40 16.2066C39.4803 17.0011 39.4445 17.7781 39.4445 17.7781C39.1491 18.2525 38.6117 18.2442 37.7286 18.2305C37.5686 18.228 37.3973 18.2254 37.214 18.2254C36.3266 18.2181 35.4745 18.2219 34.7261 18.2253C34.077 18.2282 33.5056 18.2307 33.0571 18.2254V13.0181C33.0571 12.1502 31.7553 11.2824 31.7553 11.2824C31.7553 11.2824 30.4534 12.1503 30.4534 13.0181H25.2463V18.2253H27.8498V20.8289C27.8498 21.4001 27.9651 21.9443 28.1731 22.4398L26.982 23.4325H23.5105V7.37688C22.0726 7.37688 20.9069 8.54257 20.9069 9.98047V21.2627C20.9069 22.0336 21.2422 22.7261 21.7748 23.2028V27.3378H23.5105V25.1681H31.3213V28.6397H29.5856V30.3754H33.0571V26.9039L34.6481 25.1681H38.409L39.0955 25.9172V28.6397H37.7778V30.3754H40L40 31Z"
10
+ fill="#FFDA44"
13
11
  />
14
12
  </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.196.0",
3
+ "version": "0.197.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -90,6 +90,9 @@
90
90
  --tui-background-progress-bar: var(--tui-const-white-alpha-15); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
91
91
  --tui-background-tooltip: var(--tui-const-white); /* Фон для тултипов */
92
92
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
93
+ --tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
94
+ --tui-background-overlay-glass-hover: var(--tui-const-white-alpha-40); /* Оверлей стеклянных поверхностей при наведении */
95
+ --tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); /* Оверлей стеклянных поверхностей при нажатии */
93
96
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
94
97
  --tui-background-overlay-glass-on-dark-hover: var(--tui-const-white-alpha-40); /* Оверлей стеклянных поверхностей при наведении на темных фонах, не меняется при смене темы. */
95
98
  --tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50); /* Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы. */
@@ -111,7 +114,9 @@
111
114
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); /* Обводка выделенных элементов */
112
115
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от фона в темной теме */
113
116
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); /* Обводка, отделяющая цветные элементы от светлого фонов */
114
- --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
117
+ --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); /* Обводка, отделяющая цветные элементы на светлых фонах */
118
+ --tui-border-on-dark: var(--tui-const-white-alpha-15); /* Обводка, отделяющая цветные элементы на темных фонах */
119
+ --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); /* Обводка, отделяющая цветные элементы на темных фонах при наведении */
115
120
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
116
121
  --tui-brand-pro: #AFF218; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
117
122
  --tui-brand-pro-alt-1: #9AF526; /* Дополнительный цвет подписки Pro. */
@@ -251,6 +256,8 @@
251
256
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
252
257
  --tui-const-red-lighter-70: #FF6666; /* hsL=70 */
253
258
  --tui-const-red: #F52222; /* N10 */
259
+ --tui-const-red-darker-53: #DC3233; /* hsL=53 */
260
+ --tui-const-red-darker-50: #DA2526; /* hsL=50 */
254
261
  --tui-const-red-darker-47: #CD2324; /* hsL=47 */
255
262
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
256
263
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
@@ -482,6 +489,8 @@
482
489
  --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
483
490
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
484
491
  --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
492
+ --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
493
+ --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
485
494
  --tui-status-info: var(--tui-const-blue-darker-46); /* Акцентный цвет для информационных блоков */
486
495
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
487
496
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
package/palette/light.css CHANGED
@@ -90,6 +90,9 @@
90
90
  --tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
91
91
  --tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* Фон для тултипов */
92
92
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
93
+ --tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
94
+ --tui-background-overlay-glass-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении */
95
+ --tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии */
93
96
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
94
97
  --tui-background-overlay-glass-on-dark-hover: var(--tui-const-white-alpha-40); /* Оверлей стеклянных поверхностей при наведении на темных фонах, не меняется при смене темы. */
95
98
  --tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50); /* Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы. */
@@ -111,7 +114,9 @@
111
114
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); /* Обводка выделенных элементов */
112
115
  --tui-border-darkmode-only: var(--tui-const-clear); /* Обводка, отделяющая цветные элементы от фона в темной теме */
113
116
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); /* Обводка, отделяющая цветные элементы от светлого фонов */
114
- --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
117
+ --tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22); /* Обводка, отделяющая цветные элементы на светлых фонах */
118
+ --tui-border-on-dark: var(--tui-const-white-alpha-15); /* Обводка, отделяющая цветные элементы на темных фонах */
119
+ --tui-border-on-dark-hover: var(--tui-const-white-alpha-20); /* Обводка, отделяющая цветные элементы на темных фонах при наведении */
115
120
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
116
121
  --tui-brand-pro: #AFF218; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
117
122
  --tui-brand-pro-alt-1: #9AF526; /* Дополнительный цвет подписки Pro. */
@@ -251,6 +256,8 @@
251
256
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
252
257
  --tui-const-red-lighter-70: #FF6666; /* hsL=70 */
253
258
  --tui-const-red: #F52222; /* N10 */
259
+ --tui-const-red-darker-53: #DC3233; /* hsL=53 */
260
+ --tui-const-red-darker-50: #DA2526; /* hsL=50 */
254
261
  --tui-const-red-darker-47: #CD2324; /* hsL=47 */
255
262
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
256
263
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
@@ -482,6 +489,8 @@
482
489
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
483
490
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
484
491
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
492
+ --tui-status-negative-hover: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при наведении */
493
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
485
494
  --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
486
495
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
487
496
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
package/palette/mobile/dark.css CHANGED
@@ -77,6 +77,8 @@
77
77
  --tui-background-progress-bar: var(--tui-const-white-alpha-15); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
78
78
  --tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); /* Фон для тултипов */
79
79
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
80
+ --tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
81
+ --tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); /* Оверлей стеклянных поверхностей при нажатии */
80
82
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
81
83
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы */
82
84
  --tui-background-overlay-glass-matte: var(--tui-const-black-alpha-80); /* Оверлей матовых стеклянных поверхностей, не меняется при смене темы. */
@@ -90,7 +92,7 @@
90
92
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); /* Обводка выделенных элементов */
91
93
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от фона в темной теме */
92
94
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
93
- --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
95
+ --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы на темных фонах */
94
96
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
95
97
  --tui-brand-pro: #AFF218; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
96
98
  --tui-brand-pro-alt-1: #9AF526; /* Дополнительный цвет подписки Pro. */
@@ -229,6 +231,8 @@
229
231
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
230
232
  --tui-const-red-lighter-70: #FF6666; /* hsL=70 */
231
233
  --tui-const-red: #F52222; /* N10 */
234
+ --tui-const-red-darker-53: #DC3233; /* hsL=53 */
235
+ --tui-const-red-darker-50: #DA2526; /* hsL=50 */
232
236
  --tui-const-red-darker-47: #CD2324; /* hsL=47 */
233
237
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
234
238
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
@@ -451,6 +455,7 @@
451
455
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
452
456
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
453
457
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
458
+ --tui-status-negative-pressed: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при нажатии */
454
459
  --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
455
460
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
456
461
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
package/palette/mobile/light.css CHANGED
@@ -77,6 +77,8 @@
77
77
  --tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
78
78
  --tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* Фон для тултипов */
79
79
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
80
+ --tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
81
+ --tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии */
80
82
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
81
83
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы */
82
84
  --tui-background-overlay-glass-matte: var(--tui-const-white-alpha-80); /* Оверлей матовых стеклянных поверхностей, не меняется при смене темы. */
@@ -90,7 +92,7 @@
90
92
  --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); /* Обводка выделенных элементов */
91
93
  --tui-border-darkmode-only: var(--tui-const-clear); /* Обводка, отделяющая цветные элементы от фона в темной теме */
92
94
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
93
- --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
95
+ --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы на темных фонах */
94
96
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
95
97
  --tui-brand-pro: #AFF218; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
96
98
  --tui-brand-pro-alt-1: #9AF526; /* Дополнительный цвет подписки Pro. */
@@ -229,6 +231,8 @@
229
231
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
230
232
  --tui-const-red-lighter-70: #FF6666; /* hsL=70 */
231
233
  --tui-const-red: #F52222; /* N10 */
234
+ --tui-const-red-darker-53: #DC3233; /* hsL=53 */
235
+ --tui-const-red-darker-50: #DA2526; /* hsL=50 */
232
236
  --tui-const-red-darker-47: #CD2324; /* hsL=47 */
233
237
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
234
238
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
@@ -451,6 +455,7 @@
451
455
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
452
456
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
453
457
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
458
+ --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
454
459
  --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
455
460
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
456
461
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */