@taiga-ui/design-tokens 0.105.0 → 0.107.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 (8) hide show
  1. package/angular/desktop.less +14 -4
  2. package/angular/mobile.less +18 -8
  3. package/icons/flags/tj.svg +3 -3
  4. package/package.json +1 -1
  5. package/palette/dark.css +7 -2
  6. package/palette/light.css +7 -2
  7. package/palette/mobile/dark.css +9 -4
  8. package/palette/mobile/light.css +9 -4
package/angular/desktop.less CHANGED
@@ -97,11 +97,11 @@
97
97
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на cветлых фонах, не меняется при смене темы.
98
98
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении на cветлых фонах, не меняется при смене темы.
99
99
  --tui-border-normal: var(--tui-const-white-alpha-15); // Бордеры и сепараторы на основных фонах
100
- --tui-border-normal-pale: var(--tui-const-white-alpha-11); // Бледные бордеры и сепараторы на основных фонах
100
+ --tui-border-normal-pale: var(--tui-const-white-alpha-9); // Бледные бордеры и сепараторы на основных фонах
101
101
  --tui-border-hover: var(--tui-const-white-alpha-20); // Только для веба. Бордеры при наведении
102
102
  --tui-border-normal-opaque: var(--tui-const-black-lighter-25); // Бордеры и сепараторы на основных фонах без прозрачности
103
103
  --tui-border-normal-opaque-hover: var(--tui-const-black-lighter-30); // Бордеры и сепараторы на основных фонах без прозрачности
104
- --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-22); // Бледные непрозрачные бордеры и сепараторы на основных фонах
104
+ --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-20); // Бледные непрозрачные бордеры и сепараторы на основных фонах
105
105
  --tui-border-focus: var(--tui-const-white); // Только для веба. Бордеры при фокусировании с клавиатуры
106
106
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); // Только для веба. Бордеры при фокусировании с клавиатуры темных элементов
107
107
  --tui-border-selected: var(--tui-const-yellow); // Обводка выделенных элементов
@@ -297,11 +297,13 @@
297
297
  --tui-const-white-alpha-30: #FFFFFF4D; // 30% opacity
298
298
  --tui-const-white-alpha-25: #FFFFFF40; // 25% opacity
299
299
  --tui-const-white-alpha-20: #FFFFFF33; // 20% opacity
300
+ --tui-const-white-alpha-19: #FFFFFF30; // 19% opacity
300
301
  --tui-const-white-alpha-16: #FFFFFF29; // 16% opacity
301
302
  --tui-const-white-alpha-15: #FFFFFF26; // 15% opacity
302
303
  --tui-const-white-alpha-13: #ffffff21; // 13% opacity
303
304
  --tui-const-white-alpha-11: #FFFFFF1C; // 11% opacity
304
305
  --tui-const-white-alpha-10: #FFFFFF1A; // 10% opacity
306
+ --tui-const-white-alpha-9: #FFFFFF17; // 9% opacity
305
307
  --tui-const-white-alpha-6: #ffffff0F; // 6% opacity
306
308
  --tui-const-black-lighter-7: #121212; // N17
307
309
  --tui-const-black-lighter-13: #202020;
@@ -311,6 +313,7 @@
311
313
  --tui-const-cool-gray-lighter-51: #79818C;
312
314
  --tui-const-cool-gray-lighter-61: #959BA4;
313
315
  --tui-const-black-lighter-16: #292929;
316
+ --tui-const-black-lighter-19: #303030;
314
317
  --tui-const-black-lighter-20: #333333; // N1
315
318
  --tui-const-black-lighter-22: #383838;
316
319
  --tui-const-black-lighter-25: #414141;
@@ -324,12 +327,14 @@
324
327
  --tui-const-cool-gray-lighter-87: #DDDFE0; // N5
325
328
  --tui-const-cool-gray-lighter-90: #E1E3E4;
326
329
  --tui-const-cool-gray-lighter-93: #EAECEE; // N6
330
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
327
331
  --tui-const-cool-gray-lighter-96: #F2F4F7; // N7
328
332
  --tui-const-cool-gray-lighter-97: #F6F7F8; // N7
329
333
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
330
334
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
331
335
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
332
336
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
337
+ --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
333
338
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
334
339
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
335
340
  --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity
@@ -556,11 +561,11 @@
556
561
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на cветлых фонах, не меняется при смене темы.
557
562
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении на cветлых фонах, не меняется при смене темы.
558
563
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах
559
- --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-5); // Бледные бордеры и сепараторы на основных фонах
564
+ --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
560
565
  --tui-border-hover: var(--tui-const-cool-gray-alpha-22); // Только для веба. Бордеры при наведении
561
566
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности
562
567
  --tui-border-normal-opaque-hover: var(--tui-const-cool-gray-lighter-85); // Бордеры и сепараторы на основных фонах без прозрачности
563
- --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-96); // Бледные непрозрачные бордеры и сепараторы на основных фонах
568
+ --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); // Бледные непрозрачные бордеры и сепараторы на основных фонах
564
569
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); // Только для веба. Бордеры при фокусировании с клавиатуры
565
570
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); // Только для веба. Бордеры при фокусировании с клавиатуры темных элементов
566
571
  --tui-border-selected: var(--tui-const-yellow); // Обводка выделенных элементов
@@ -756,11 +761,13 @@
756
761
  --tui-const-white-alpha-30: #FFFFFF4D; // 30% opacity
757
762
  --tui-const-white-alpha-25: #FFFFFF40; // 25% opacity
758
763
  --tui-const-white-alpha-20: #FFFFFF33; // 20% opacity
764
+ --tui-const-white-alpha-19: #FFFFFF30; // 19% opacity
759
765
  --tui-const-white-alpha-16: #FFFFFF29; // 16% opacity
760
766
  --tui-const-white-alpha-15: #FFFFFF26; // 15% opacity
761
767
  --tui-const-white-alpha-13: #ffffff21; // 13% opacity
762
768
  --tui-const-white-alpha-11: #FFFFFF1C; // 11% opacity
763
769
  --tui-const-white-alpha-10: #FFFFFF1A; // 10% opacity
770
+ --tui-const-white-alpha-9: #FFFFFF17; // 9% opacity
764
771
  --tui-const-white-alpha-6: #ffffff0F; // 6% opacity
765
772
  --tui-const-black-lighter-7: #121212; // N17
766
773
  --tui-const-black-lighter-13: #202020;
@@ -770,6 +777,7 @@
770
777
  --tui-const-cool-gray-lighter-51: #79818C;
771
778
  --tui-const-cool-gray-lighter-61: #959BA4;
772
779
  --tui-const-black-lighter-16: #292929;
780
+ --tui-const-black-lighter-19: #303030;
773
781
  --tui-const-black-lighter-20: #333333; // N1
774
782
  --tui-const-black-lighter-22: #383838;
775
783
  --tui-const-black-lighter-25: #414141;
@@ -783,12 +791,14 @@
783
791
  --tui-const-cool-gray-lighter-87: #DDDFE0; // N5
784
792
  --tui-const-cool-gray-lighter-90: #E1E3E4;
785
793
  --tui-const-cool-gray-lighter-93: #EAECEE; // N6
794
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
786
795
  --tui-const-cool-gray-lighter-96: #F2F4F7; // N7
787
796
  --tui-const-cool-gray-lighter-97: #F6F7F8; // N7
788
797
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
789
798
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
790
799
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
791
800
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
801
+ --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
792
802
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
793
803
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
794
804
  --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity
package/angular/mobile.less CHANGED
@@ -88,10 +88,10 @@
88
88
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
89
89
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
90
90
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы
91
- --tui-border-normal: var(--tui-const-white-alpha-20); // Бордеры и сепараторы на основных фонах
92
- --tui-border-normal-pale: var(--tui-const-white-alpha-16); // Бледные бордеры и сепараторы на основных фонах
93
- --tui-border-normal-opaque: var(--tui-const-black-lighter-20); // Бордеры и сепараторы на основных фонах без прозрачности
94
- --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-16); // Бледные непрозрачные бордеры и сепараторы на основных фонах
91
+ --tui-border-normal: var(--tui-const-white-alpha-19); // Бордеры и сепараторы на основных фонах
92
+ --tui-border-normal-pale: var(--tui-const-white-alpha-13); // Бледные бордеры и сепараторы на основных фонах
93
+ --tui-border-normal-opaque: var(--tui-const-black-lighter-19); // Бордеры и сепараторы на основных фонах без прозрачности
94
+ --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-13); // Бледные непрозрачные бордеры и сепараторы на основных фонах
95
95
  --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов
96
96
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме
97
97
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
@@ -284,11 +284,13 @@
284
284
  --tui-const-white-alpha-30: #FFFFFF4D; // 30% opacity
285
285
  --tui-const-white-alpha-25: #FFFFFF40; // 25% opacity
286
286
  --tui-const-white-alpha-20: #FFFFFF33; // 20% opacity
287
+ --tui-const-white-alpha-19: #FFFFFF30; // 19% opacity
287
288
  --tui-const-white-alpha-16: #FFFFFF29; // 16% opacity
288
289
  --tui-const-white-alpha-15: #FFFFFF26; // 15% opacity
289
290
  --tui-const-white-alpha-13: #ffffff21; // 13% opacity
290
291
  --tui-const-white-alpha-11: #FFFFFF1C; // 11% opacity
291
292
  --tui-const-white-alpha-10: #FFFFFF1A; // 10% opacity
293
+ --tui-const-white-alpha-9: #FFFFFF17; // 9% opacity
292
294
  --tui-const-white-alpha-6: #ffffff0F; // 6% opacity
293
295
  --tui-const-black-lighter-7: #121212; // N17
294
296
  --tui-const-black-lighter-13: #202020;
@@ -298,6 +300,7 @@
298
300
  --tui-const-cool-gray-lighter-51: #79818C;
299
301
  --tui-const-cool-gray-lighter-61: #959BA4;
300
302
  --tui-const-black-lighter-16: #292929;
303
+ --tui-const-black-lighter-19: #303030;
301
304
  --tui-const-black-lighter-20: #333333; // N1
302
305
  --tui-const-black-lighter-22: #383838;
303
306
  --tui-const-black-lighter-25: #414141;
@@ -311,12 +314,14 @@
311
314
  --tui-const-cool-gray-lighter-87: #DDDFE0; // N5
312
315
  --tui-const-cool-gray-lighter-90: #E1E3E4;
313
316
  --tui-const-cool-gray-lighter-93: #EAECEE; // N6
317
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
314
318
  --tui-const-cool-gray-lighter-96: #F2F4F7; // N7
315
319
  --tui-const-cool-gray-lighter-97: #F6F7F8; // N7
316
320
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
317
321
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
318
322
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
319
323
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
324
+ --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
320
325
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
321
326
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
322
327
  --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity
@@ -521,10 +526,10 @@
521
526
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
522
527
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
523
528
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы
524
- --tui-border-normal: var(--tui-const-black-alpha-21); // Бордеры и сепараторы на основных фонах
525
- --tui-border-normal-pale: var(--tui-const-black-alpha-7); // Бледные бордеры и сепараторы на основных фонах
526
- --tui-border-normal-opaque: var(--tui-const-black-lighter-79); // Бордеры и сепараторы на основных фонах без прозрачности
527
- --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-92); // Бледные непрозрачные бордеры и сепараторы на основных фонах
529
+ --tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах
530
+ --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
531
+ --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности
532
+ --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); // Бледные непрозрачные бордеры и сепараторы на основных фонах
528
533
  --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов
529
534
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
530
535
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
@@ -717,11 +722,13 @@
717
722
  --tui-const-white-alpha-30: #FFFFFF4D; // 30% opacity
718
723
  --tui-const-white-alpha-25: #FFFFFF40; // 25% opacity
719
724
  --tui-const-white-alpha-20: #FFFFFF33; // 20% opacity
725
+ --tui-const-white-alpha-19: #FFFFFF30; // 19% opacity
720
726
  --tui-const-white-alpha-16: #FFFFFF29; // 16% opacity
721
727
  --tui-const-white-alpha-15: #FFFFFF26; // 15% opacity
722
728
  --tui-const-white-alpha-13: #ffffff21; // 13% opacity
723
729
  --tui-const-white-alpha-11: #FFFFFF1C; // 11% opacity
724
730
  --tui-const-white-alpha-10: #FFFFFF1A; // 10% opacity
731
+ --tui-const-white-alpha-9: #FFFFFF17; // 9% opacity
725
732
  --tui-const-white-alpha-6: #ffffff0F; // 6% opacity
726
733
  --tui-const-black-lighter-7: #121212; // N17
727
734
  --tui-const-black-lighter-13: #202020;
@@ -731,6 +738,7 @@
731
738
  --tui-const-cool-gray-lighter-51: #79818C;
732
739
  --tui-const-cool-gray-lighter-61: #959BA4;
733
740
  --tui-const-black-lighter-16: #292929;
741
+ --tui-const-black-lighter-19: #303030;
734
742
  --tui-const-black-lighter-20: #333333; // N1
735
743
  --tui-const-black-lighter-22: #383838;
736
744
  --tui-const-black-lighter-25: #414141;
@@ -744,12 +752,14 @@
744
752
  --tui-const-cool-gray-lighter-87: #DDDFE0; // N5
745
753
  --tui-const-cool-gray-lighter-90: #E1E3E4;
746
754
  --tui-const-cool-gray-lighter-93: #EAECEE; // N6
755
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
747
756
  --tui-const-cool-gray-lighter-96: #F2F4F7; // N7
748
757
  --tui-const-cool-gray-lighter-97: #F6F7F8; // N7
749
758
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
750
759
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
751
760
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
752
761
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
762
+ --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
753
763
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
754
764
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
755
765
  --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity
package/icons/flags/tj.svg CHANGED
@@ -3,7 +3,7 @@
3
3
  <rect y="29" width="40" height="11" fill="#6DA544" />
4
4
  <rect y="11" width="40" height="18" fill="#F0F0F0" />
5
5
  <path
6
- d="M16.5217 25.2174H23.4783V22.2608L22.0869 22.9565L20 20.8695L17.913 22.9565L16.5217 22.2608V25.2174Z"
6
+ d="M16.5217 25.2174H23.4783V22.2608L22.087 22.9565L20 20.8695L17.9131 22.9565L16.5217 22.2608V25.2174Z"
7
7
  fill="#FFDA44"
8
8
  />
9
9
  <path
@@ -15,7 +15,7 @@
15
15
  fill="#FFDA44"
16
16
  />
17
17
  <path
18
- d="M16.4151 15.6522L16.7389 16.6486H17.7865L16.939 17.2645L17.2627 18.2609L16.4151 17.6451L15.5675 18.2609L15.8913 17.2645L15.0436 16.6486H16.0913L16.4151 15.6522Z"
18
+ d="M16.4151 15.6522L16.7389 16.6486H17.7865L16.939 17.2645L17.2626 18.2609L16.4151 17.6451L15.5675 18.2609L15.8912 17.2645L15.0436 16.6486H16.0913L16.4151 15.6522Z"
19
19
  fill="#FFDA44"
20
20
  />
21
21
  <path
@@ -27,7 +27,7 @@
27
27
  fill="#FFDA44"
28
28
  />
29
29
  <path
30
- d="M23.5849 15.6522L23.2611 16.6486H22.2135L23.061 17.2645L22.7373 18.2609L23.5849 17.6451L24.4325 18.2609L24.1088 17.2645L24.9563 16.6486H23.9087L23.5849 15.6522Z"
30
+ d="M23.5849 15.6522L23.2611 16.6486H22.2135L23.061 17.2645L22.7373 18.2609L23.5849 17.6451L24.4325 18.2609L24.1087 17.2645L24.9563 16.6486H23.9087L23.5849 15.6522Z"
31
31
  fill="#FFDA44"
32
32
  />
33
33
  <path
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.105.0",
3
+ "version": "0.107.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -97,11 +97,11 @@
97
97
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии на cветлых фонах, не меняется при смене темы. */
98
98
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении на cветлых фонах, не меняется при смене темы. */
99
99
  --tui-border-normal: var(--tui-const-white-alpha-15); /* Бордеры и сепараторы на основных фонах */
100
- --tui-border-normal-pale: var(--tui-const-white-alpha-11); /* Бледные бордеры и сепараторы на основных фонах */
100
+ --tui-border-normal-pale: var(--tui-const-white-alpha-9); /* Бледные бордеры и сепараторы на основных фонах */
101
101
  --tui-border-hover: var(--tui-const-white-alpha-20); /* Только для веба. Бордеры при наведении */
102
102
  --tui-border-normal-opaque: var(--tui-const-black-lighter-25); /* Бордеры и сепараторы на основных фонах без прозрачности */
103
103
  --tui-border-normal-opaque-hover: var(--tui-const-black-lighter-30); /* Бордеры и сепараторы на основных фонах без прозрачности */
104
- --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-22); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
104
+ --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-20); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
105
105
  --tui-border-focus: var(--tui-const-white); /* Только для веба. Бордеры при фокусировании с клавиатуры */
106
106
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
107
107
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
@@ -297,11 +297,13 @@
297
297
  --tui-const-white-alpha-30: #FFFFFF4D; /* 30% opacity */
298
298
  --tui-const-white-alpha-25: #FFFFFF40; /* 25% opacity */
299
299
  --tui-const-white-alpha-20: #FFFFFF33; /* 20% opacity */
300
+ --tui-const-white-alpha-19: #FFFFFF30; /* 19% opacity */
300
301
  --tui-const-white-alpha-16: #FFFFFF29; /* 16% opacity */
301
302
  --tui-const-white-alpha-15: #FFFFFF26; /* 15% opacity */
302
303
  --tui-const-white-alpha-13: #ffffff21; /* 13% opacity */
303
304
  --tui-const-white-alpha-11: #FFFFFF1C; /* 11% opacity */
304
305
  --tui-const-white-alpha-10: #FFFFFF1A; /* 10% opacity */
306
+ --tui-const-white-alpha-9: #FFFFFF17; /* 9% opacity */
305
307
  --tui-const-white-alpha-6: #ffffff0F; /* 6% opacity */
306
308
  --tui-const-black-lighter-7: #121212; /* N17 */
307
309
  --tui-const-black-lighter-13: #202020;
@@ -311,6 +313,7 @@
311
313
  --tui-const-cool-gray-lighter-51: #79818C;
312
314
  --tui-const-cool-gray-lighter-61: #959BA4;
313
315
  --tui-const-black-lighter-16: #292929;
316
+ --tui-const-black-lighter-19: #303030;
314
317
  --tui-const-black-lighter-20: #333333; /* N1 */
315
318
  --tui-const-black-lighter-22: #383838;
316
319
  --tui-const-black-lighter-25: #414141;
@@ -324,12 +327,14 @@
324
327
  --tui-const-cool-gray-lighter-87: #DDDFE0; /* N5 */
325
328
  --tui-const-cool-gray-lighter-90: #E1E3E4;
326
329
  --tui-const-cool-gray-lighter-93: #EAECEE; /* N6 */
330
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
327
331
  --tui-const-cool-gray-lighter-96: #F2F4F7; /* N7 */
328
332
  --tui-const-cool-gray-lighter-97: #F6F7F8; /* N7 */
329
333
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
330
334
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
331
335
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
332
336
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
337
+ --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
333
338
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
334
339
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
335
340
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
package/palette/light.css CHANGED
@@ -97,11 +97,11 @@
97
97
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии на cветлых фонах, не меняется при смене темы. */
98
98
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении на cветлых фонах, не меняется при смене темы. */
99
99
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); /* Бордеры и сепараторы на основных фонах */
100
- --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-5); /* Бледные бордеры и сепараторы на основных фонах */
100
+ --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); /* Бледные бордеры и сепараторы на основных фонах */
101
101
  --tui-border-hover: var(--tui-const-cool-gray-alpha-22); /* Только для веба. Бордеры при наведении */
102
102
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); /* Бордеры и сепараторы на основных фонах без прозрачности */
103
103
  --tui-border-normal-opaque-hover: var(--tui-const-cool-gray-lighter-85); /* Бордеры и сепараторы на основных фонах без прозрачности */
104
- --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-96); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
104
+ --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
105
105
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); /* Только для веба. Бордеры при фокусировании с клавиатуры */
106
106
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
107
107
  --tui-border-selected: var(--tui-const-yellow); /* Обводка выделенных элементов */
@@ -297,11 +297,13 @@
297
297
  --tui-const-white-alpha-30: #FFFFFF4D; /* 30% opacity */
298
298
  --tui-const-white-alpha-25: #FFFFFF40; /* 25% opacity */
299
299
  --tui-const-white-alpha-20: #FFFFFF33; /* 20% opacity */
300
+ --tui-const-white-alpha-19: #FFFFFF30; /* 19% opacity */
300
301
  --tui-const-white-alpha-16: #FFFFFF29; /* 16% opacity */
301
302
  --tui-const-white-alpha-15: #FFFFFF26; /* 15% opacity */
302
303
  --tui-const-white-alpha-13: #ffffff21; /* 13% opacity */
303
304
  --tui-const-white-alpha-11: #FFFFFF1C; /* 11% opacity */
304
305
  --tui-const-white-alpha-10: #FFFFFF1A; /* 10% opacity */
306
+ --tui-const-white-alpha-9: #FFFFFF17; /* 9% opacity */
305
307
  --tui-const-white-alpha-6: #ffffff0F; /* 6% opacity */
306
308
  --tui-const-black-lighter-7: #121212; /* N17 */
307
309
  --tui-const-black-lighter-13: #202020;
@@ -311,6 +313,7 @@
311
313
  --tui-const-cool-gray-lighter-51: #79818C;
312
314
  --tui-const-cool-gray-lighter-61: #959BA4;
313
315
  --tui-const-black-lighter-16: #292929;
316
+ --tui-const-black-lighter-19: #303030;
314
317
  --tui-const-black-lighter-20: #333333; /* N1 */
315
318
  --tui-const-black-lighter-22: #383838;
316
319
  --tui-const-black-lighter-25: #414141;
@@ -324,12 +327,14 @@
324
327
  --tui-const-cool-gray-lighter-87: #DDDFE0; /* N5 */
325
328
  --tui-const-cool-gray-lighter-90: #E1E3E4;
326
329
  --tui-const-cool-gray-lighter-93: #EAECEE; /* N6 */
330
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
327
331
  --tui-const-cool-gray-lighter-96: #F2F4F7; /* N7 */
328
332
  --tui-const-cool-gray-lighter-97: #F6F7F8; /* N7 */
329
333
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
330
334
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
331
335
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
332
336
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
337
+ --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
333
338
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
334
339
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
335
340
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
package/palette/mobile/dark.css CHANGED
@@ -82,10 +82,10 @@
82
82
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
83
83
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
84
84
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы */
85
- --tui-border-normal: var(--tui-const-white-alpha-20); /* Бордеры и сепараторы на основных фонах */
86
- --tui-border-normal-pale: var(--tui-const-white-alpha-16); /* Бледные бордеры и сепараторы на основных фонах */
87
- --tui-border-normal-opaque: var(--tui-const-black-lighter-20); /* Бордеры и сепараторы на основных фонах без прозрачности */
88
- --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-16); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
85
+ --tui-border-normal: var(--tui-const-white-alpha-19); /* Бордеры и сепараторы на основных фонах */
86
+ --tui-border-normal-pale: var(--tui-const-white-alpha-13); /* Бледные бордеры и сепараторы на основных фонах */
87
+ --tui-border-normal-opaque: var(--tui-const-black-lighter-19); /* Бордеры и сепараторы на основных фонах без прозрачности */
88
+ --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-13); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
89
89
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
90
90
  --tui-border-darkmode-only: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от фона в темной теме */
91
91
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
@@ -278,11 +278,13 @@
278
278
  --tui-const-white-alpha-30: #FFFFFF4D; /* 30% opacity */
279
279
  --tui-const-white-alpha-25: #FFFFFF40; /* 25% opacity */
280
280
  --tui-const-white-alpha-20: #FFFFFF33; /* 20% opacity */
281
+ --tui-const-white-alpha-19: #FFFFFF30; /* 19% opacity */
281
282
  --tui-const-white-alpha-16: #FFFFFF29; /* 16% opacity */
282
283
  --tui-const-white-alpha-15: #FFFFFF26; /* 15% opacity */
283
284
  --tui-const-white-alpha-13: #ffffff21; /* 13% opacity */
284
285
  --tui-const-white-alpha-11: #FFFFFF1C; /* 11% opacity */
285
286
  --tui-const-white-alpha-10: #FFFFFF1A; /* 10% opacity */
287
+ --tui-const-white-alpha-9: #FFFFFF17; /* 9% opacity */
286
288
  --tui-const-white-alpha-6: #ffffff0F; /* 6% opacity */
287
289
  --tui-const-black-lighter-7: #121212; /* N17 */
288
290
  --tui-const-black-lighter-13: #202020;
@@ -292,6 +294,7 @@
292
294
  --tui-const-cool-gray-lighter-51: #79818C;
293
295
  --tui-const-cool-gray-lighter-61: #959BA4;
294
296
  --tui-const-black-lighter-16: #292929;
297
+ --tui-const-black-lighter-19: #303030;
295
298
  --tui-const-black-lighter-20: #333333; /* N1 */
296
299
  --tui-const-black-lighter-22: #383838;
297
300
  --tui-const-black-lighter-25: #414141;
@@ -305,12 +308,14 @@
305
308
  --tui-const-cool-gray-lighter-87: #DDDFE0; /* N5 */
306
309
  --tui-const-cool-gray-lighter-90: #E1E3E4;
307
310
  --tui-const-cool-gray-lighter-93: #EAECEE; /* N6 */
311
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
308
312
  --tui-const-cool-gray-lighter-96: #F2F4F7; /* N7 */
309
313
  --tui-const-cool-gray-lighter-97: #F6F7F8; /* N7 */
310
314
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
311
315
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
312
316
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
313
317
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
318
+ --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
314
319
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
315
320
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
316
321
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
package/palette/mobile/light.css CHANGED
@@ -82,10 +82,10 @@
82
82
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
83
83
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
84
84
  --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы */
85
- --tui-border-normal: var(--tui-const-black-alpha-21); /* Бордеры и сепараторы на основных фонах */
86
- --tui-border-normal-pale: var(--tui-const-black-alpha-7); /* Бледные бордеры и сепараторы на основных фонах */
87
- --tui-border-normal-opaque: var(--tui-const-black-lighter-79); /* Бордеры и сепараторы на основных фонах без прозрачности */
88
- --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-92); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
85
+ --tui-border-normal: var(--tui-const-cool-gray-alpha-12); /* Бордеры и сепараторы на основных фонах */
86
+ --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); /* Бледные бордеры и сепараторы на основных фонах */
87
+ --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); /* Бордеры и сепараторы на основных фонах без прозрачности */
88
+ --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
89
89
  --tui-border-selected: var(--tui-const-blue); /* Обводка выделенных элементов */
90
90
  --tui-border-darkmode-only: var(--tui-const-clear); /* Обводка, отделяющая цветные элементы от фона в темной теме */
91
91
  --tui-border-on-light: var(--tui-const-black-alpha-3); /* Обводка, отделяющая цветные элементы от светлого фонов */
@@ -278,11 +278,13 @@
278
278
  --tui-const-white-alpha-30: #FFFFFF4D; /* 30% opacity */
279
279
  --tui-const-white-alpha-25: #FFFFFF40; /* 25% opacity */
280
280
  --tui-const-white-alpha-20: #FFFFFF33; /* 20% opacity */
281
+ --tui-const-white-alpha-19: #FFFFFF30; /* 19% opacity */
281
282
  --tui-const-white-alpha-16: #FFFFFF29; /* 16% opacity */
282
283
  --tui-const-white-alpha-15: #FFFFFF26; /* 15% opacity */
283
284
  --tui-const-white-alpha-13: #ffffff21; /* 13% opacity */
284
285
  --tui-const-white-alpha-11: #FFFFFF1C; /* 11% opacity */
285
286
  --tui-const-white-alpha-10: #FFFFFF1A; /* 10% opacity */
287
+ --tui-const-white-alpha-9: #FFFFFF17; /* 9% opacity */
286
288
  --tui-const-white-alpha-6: #ffffff0F; /* 6% opacity */
287
289
  --tui-const-black-lighter-7: #121212; /* N17 */
288
290
  --tui-const-black-lighter-13: #202020;
@@ -292,6 +294,7 @@
292
294
  --tui-const-cool-gray-lighter-51: #79818C;
293
295
  --tui-const-cool-gray-lighter-61: #959BA4;
294
296
  --tui-const-black-lighter-16: #292929;
297
+ --tui-const-black-lighter-19: #303030;
295
298
  --tui-const-black-lighter-20: #333333; /* N1 */
296
299
  --tui-const-black-lighter-22: #383838;
297
300
  --tui-const-black-lighter-25: #414141;
@@ -305,12 +308,14 @@
305
308
  --tui-const-cool-gray-lighter-87: #DDDFE0; /* N5 */
306
309
  --tui-const-cool-gray-lighter-90: #E1E3E4;
307
310
  --tui-const-cool-gray-lighter-93: #EAECEE; /* N6 */
311
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
308
312
  --tui-const-cool-gray-lighter-96: #F2F4F7; /* N7 */
309
313
  --tui-const-cool-gray-lighter-97: #F6F7F8; /* N7 */
310
314
  --tui-const-cool-gray-alpha-56: #0010248F; /* 56% opacity */
311
315
  --tui-const-cool-gray-alpha-44: #00102470; /* 44% opacity */
312
316
  --tui-const-cool-gray-alpha-22: #00102438; /* 22% opacity */
313
317
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
318
+ --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
314
319
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
315
320
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
316
321
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */