@taiga-ui/design-tokens 0.106.0 → 0.108.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/angular/desktop.less +23 -9
  2. package/angular/mobile.less +26 -12
  3. package/package.json +1 -1
  4. package/palette/dark.css +12 -5
  5. package/palette/light.css +11 -4
  6. package/palette/mobile/dark.css +13 -6
  7. package/palette/mobile/light.css +13 -6
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,16 @@
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
336
+ --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
332
337
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
338
+ --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
339
+ --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
333
340
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
334
341
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
335
342
  --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity
@@ -399,9 +406,9 @@
399
406
  --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); // Только для веба. Контейнеры информационных блоков при наведении
400
407
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
401
408
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-61); // Акцентный цвет для нейтральных фонах
402
- --tui-status-neutral-pale: var(--tui-const-white-alpha-20); // Фоновый контейнер нейтральных статусных блоков
403
- --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при наведении
404
- --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-40); // Фоновый контейнер нейтральных статусных блоков при нажатии
409
+ --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
410
+ --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); // Фоновый контейнер нейтральных статусных блоков при наведении
411
+ --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
405
412
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
406
413
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
407
414
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
@@ -556,11 +563,11 @@
556
563
  --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на cветлых фонах, не меняется при смене темы.
557
564
  --tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении на cветлых фонах, не меняется при смене темы.
558
565
  --tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах
559
- --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-5); // Бледные бордеры и сепараторы на основных фонах
566
+ --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
560
567
  --tui-border-hover: var(--tui-const-cool-gray-alpha-22); // Только для веба. Бордеры при наведении
561
568
  --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности
562
569
  --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); // Бледные непрозрачные бордеры и сепараторы на основных фонах
570
+ --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); // Бледные непрозрачные бордеры и сепараторы на основных фонах
564
571
  --tui-border-focus: var(--tui-const-cool-gray-alpha-44); // Только для веба. Бордеры при фокусировании с клавиатуры
565
572
  --tui-border-focus-on-dark: var(--tui-const-white-alpha-30); // Только для веба. Бордеры при фокусировании с клавиатуры темных элементов
566
573
  --tui-border-selected: var(--tui-const-yellow); // Обводка выделенных элементов
@@ -756,11 +763,13 @@
756
763
  --tui-const-white-alpha-30: #FFFFFF4D; // 30% opacity
757
764
  --tui-const-white-alpha-25: #FFFFFF40; // 25% opacity
758
765
  --tui-const-white-alpha-20: #FFFFFF33; // 20% opacity
766
+ --tui-const-white-alpha-19: #FFFFFF30; // 19% opacity
759
767
  --tui-const-white-alpha-16: #FFFFFF29; // 16% opacity
760
768
  --tui-const-white-alpha-15: #FFFFFF26; // 15% opacity
761
769
  --tui-const-white-alpha-13: #ffffff21; // 13% opacity
762
770
  --tui-const-white-alpha-11: #FFFFFF1C; // 11% opacity
763
771
  --tui-const-white-alpha-10: #FFFFFF1A; // 10% opacity
772
+ --tui-const-white-alpha-9: #FFFFFF17; // 9% opacity
764
773
  --tui-const-white-alpha-6: #ffffff0F; // 6% opacity
765
774
  --tui-const-black-lighter-7: #121212; // N17
766
775
  --tui-const-black-lighter-13: #202020;
@@ -770,6 +779,7 @@
770
779
  --tui-const-cool-gray-lighter-51: #79818C;
771
780
  --tui-const-cool-gray-lighter-61: #959BA4;
772
781
  --tui-const-black-lighter-16: #292929;
782
+ --tui-const-black-lighter-19: #303030;
773
783
  --tui-const-black-lighter-20: #333333; // N1
774
784
  --tui-const-black-lighter-22: #383838;
775
785
  --tui-const-black-lighter-25: #414141;
@@ -783,12 +793,16 @@
783
793
  --tui-const-cool-gray-lighter-87: #DDDFE0; // N5
784
794
  --tui-const-cool-gray-lighter-90: #E1E3E4;
785
795
  --tui-const-cool-gray-lighter-93: #EAECEE; // N6
796
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
786
797
  --tui-const-cool-gray-lighter-96: #F2F4F7; // N7
787
798
  --tui-const-cool-gray-lighter-97: #F6F7F8; // N7
788
799
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
789
800
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
790
801
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
802
+ --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
791
803
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
804
+ --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
805
+ --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
792
806
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
793
807
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
794
808
  --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity
@@ -858,9 +872,9 @@
858
872
  --tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); // Только для веба. Контейнеры информационных блоков при наведении
859
873
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
860
874
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-51); // Акцентный цвет для нейтральных фонах
861
- --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков
875
+ --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
862
876
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков при наведении
863
- --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-22); // Фоновый контейнер нейтральных статусных блоков при нажатии
877
+ --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
864
878
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
865
879
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
866
880
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
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,16 @@
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
323
+ --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
319
324
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
325
+ --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
326
+ --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
320
327
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
321
328
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
322
329
  --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity
@@ -380,8 +387,8 @@
380
387
  --tui-status-info-pale: var(--tui-const-blue-darker-28); // Контейнеры информационных блоков
381
388
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
382
389
  --tui-status-neutral: var(--tui-const-white-alpha-50); // Акцентный цвет для нейтральных фонах
383
- --tui-status-neutral-pale: var(--tui-const-white-alpha-20); // Фоновый контейнер нейтральных статусных блоков
384
- --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-20); // Фоновый контейнер нейтральных статусных блоков при нажатии
390
+ --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
391
+ --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
385
392
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
386
393
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
387
394
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
@@ -521,10 +528,10 @@
521
528
  --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
522
529
  --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
523
530
  --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); // Бледные непрозрачные бордеры и сепараторы на основных фонах
531
+ --tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах
532
+ --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах
533
+ --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности
534
+ --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); // Бледные непрозрачные бордеры и сепараторы на основных фонах
528
535
  --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов
529
536
  --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме
530
537
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
@@ -717,11 +724,13 @@
717
724
  --tui-const-white-alpha-30: #FFFFFF4D; // 30% opacity
718
725
  --tui-const-white-alpha-25: #FFFFFF40; // 25% opacity
719
726
  --tui-const-white-alpha-20: #FFFFFF33; // 20% opacity
727
+ --tui-const-white-alpha-19: #FFFFFF30; // 19% opacity
720
728
  --tui-const-white-alpha-16: #FFFFFF29; // 16% opacity
721
729
  --tui-const-white-alpha-15: #FFFFFF26; // 15% opacity
722
730
  --tui-const-white-alpha-13: #ffffff21; // 13% opacity
723
731
  --tui-const-white-alpha-11: #FFFFFF1C; // 11% opacity
724
732
  --tui-const-white-alpha-10: #FFFFFF1A; // 10% opacity
733
+ --tui-const-white-alpha-9: #FFFFFF17; // 9% opacity
725
734
  --tui-const-white-alpha-6: #ffffff0F; // 6% opacity
726
735
  --tui-const-black-lighter-7: #121212; // N17
727
736
  --tui-const-black-lighter-13: #202020;
@@ -731,6 +740,7 @@
731
740
  --tui-const-cool-gray-lighter-51: #79818C;
732
741
  --tui-const-cool-gray-lighter-61: #959BA4;
733
742
  --tui-const-black-lighter-16: #292929;
743
+ --tui-const-black-lighter-19: #303030;
734
744
  --tui-const-black-lighter-20: #333333; // N1
735
745
  --tui-const-black-lighter-22: #383838;
736
746
  --tui-const-black-lighter-25: #414141;
@@ -744,12 +754,16 @@
744
754
  --tui-const-cool-gray-lighter-87: #DDDFE0; // N5
745
755
  --tui-const-cool-gray-lighter-90: #E1E3E4;
746
756
  --tui-const-cool-gray-lighter-93: #EAECEE; // N6
757
+ --tui-const-cool-gray-lighter-94: #EDEFF2;
747
758
  --tui-const-cool-gray-lighter-96: #F2F4F7; // N7
748
759
  --tui-const-cool-gray-lighter-97: #F6F7F8; // N7
749
760
  --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
750
761
  --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
751
762
  --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
763
+ --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
752
764
  --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
765
+ --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
766
+ --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
753
767
  --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
754
768
  --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
755
769
  --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity
@@ -813,8 +827,8 @@
813
827
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); // Контейнеры информационных блоков
814
828
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
815
829
  --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); // Акцентный цвет для нейтральных фонах
816
- --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков
817
- --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков при нажатии
830
+ --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
831
+ --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
818
832
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
819
833
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
820
834
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.106.0",
3
+ "version": "0.108.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,16 @@
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 */
336
+ --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
332
337
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
338
+ --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
339
+ --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
333
340
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
334
341
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
335
342
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
@@ -399,9 +406,9 @@
399
406
  --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); /* Только для веба. Контейнеры информационных блоков при наведении */
400
407
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
401
408
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-61); /* Акцентный цвет для нейтральных фонах */
402
- --tui-status-neutral-pale: var(--tui-const-white-alpha-20); /* Фоновый контейнер нейтральных статусных блоков */
403
- --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при наведении */
404
- --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-40); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
409
+ --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
410
+ --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); /* Фоновый контейнер нейтральных статусных блоков при наведении */
411
+ --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
405
412
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
406
413
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
407
414
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
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,16 @@
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 */
336
+ --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
332
337
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
338
+ --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
339
+ --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
333
340
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
334
341
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
335
342
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
@@ -399,9 +406,9 @@
399
406
  --tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); /* Только для веба. Контейнеры информационных блоков при наведении */
400
407
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); /* Контейнеры информационных блоков при нажатии */
401
408
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-51); /* Акцентный цвет для нейтральных фонах */
402
- --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков */
409
+ --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
403
410
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков при наведении */
404
- --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-22); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
411
+ --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
405
412
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
406
413
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
407
414
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
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,16 @@
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 */
317
+ --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
313
318
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
319
+ --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
320
+ --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
314
321
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
315
322
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
316
323
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
@@ -374,8 +381,8 @@
374
381
  --tui-status-info-pale: var(--tui-const-blue-darker-28); /* Контейнеры информационных блоков */
375
382
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
376
383
  --tui-status-neutral: var(--tui-const-white-alpha-50); /* Акцентный цвет для нейтральных фонах */
377
- --tui-status-neutral-pale: var(--tui-const-white-alpha-20); /* Фоновый контейнер нейтральных статусных блоков */
378
- --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-20); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
384
+ --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
385
+ --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
379
386
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
380
387
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
381
388
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
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,16 @@
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 */
317
+ --tui-const-cool-gray-alpha-18: #0010242E; /* 18% opacity */
313
318
  --tui-const-cool-gray-alpha-12: #0010241F; /* 12% opacity */
319
+ --tui-const-cool-gray-alpha-8: #00102414; /* 8% opacity */
320
+ --tui-const-cool-gray-alpha-7: #00102412; /* 7% opacity */
314
321
  --tui-const-cool-gray-alpha-6: #0010240F; /* 6% opacity */
315
322
  --tui-const-cool-gray-alpha-5: #0010240D; /* 5% opacity */
316
323
  --tui-const-cool-gray-alpha-3: #00102408; /* 3% opacity */
@@ -374,8 +381,8 @@
374
381
  --tui-status-info-pale: var(--tui-const-blue-alpha-16); /* Контейнеры информационных блоков */
375
382
  --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); /* Контейнеры информационных блоков при нажатии */
376
383
  --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); /* Акцентный цвет для нейтральных фонах */
377
- --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков */
378
- --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
384
+ --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
385
+ --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
379
386
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
380
387
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
381
388
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */