@taiga-ui/design-tokens 0.196.0 → 0.198.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 (13) hide show
  1. package/angular/desktop.less +20 -2
  2. package/angular/mobile.less +12 -2
  3. package/esm2022/icons.mjs +13 -4
  4. package/fesm2022/taiga-ui-design-tokens.mjs +12 -3
  5. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  6. package/icons/flags/ag.svg +7 -10
  7. package/icons/flags/lk.svg +9 -11
  8. package/icons.d.ts +1 -1
  9. package/package.json +1 -1
  10. package/palette/dark.css +10 -1
  11. package/palette/light.css +10 -1
  12. package/palette/mobile/dark.css +6 -1
  13. 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: Замена на семантические цвета