@taiga-ui/design-tokens 0.174.0 → 0.176.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 +4 -2
  2. package/angular/mobile.less +2 -0
  3. package/package.json +1 -1
  4. package/palette/dark.css +1 -0
  5. package/palette/light.css +1 -0
  6. package/palette/mobile/dark.css +1 -0
  7. package/palette/mobile/light.css +1 -0
  8. package/palette/shadow.css +2 -2
package/angular/desktop.less CHANGED
@@ -113,6 +113,7 @@
113
113
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
114
114
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
115
115
  --tui-brand-pro: #7FE004; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
116
+ --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
116
117
  --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
117
118
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
118
119
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
@@ -541,10 +542,10 @@
541
542
  --tui-text-warning-on-dark: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки на тёмных фонах
542
543
  --tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20); // @Deprecated: Заменён на цвет primary-on-t-bank
543
544
  --tui-shadow-small: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); // Тень для мелких элементов интерфейса, например Chips
544
- --tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.14);
545
+ --tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.12);
545
546
  --tui-shadow-medium: 0px 6px 34px 0px rgba(0, 0, 0, 0.12); // Тень для карточек и других больших объектов, например тултипов
546
547
  --tui-shadow-medium-hover: 0px 18px 60px 0px rgba(0, 0, 0, 0.18);
547
- --tui-shadow-popup: 0px 20px 50px 0px rgba(0, 0, 0, 0.2); // Тень для карточек, всплывающих поверх контента: например попап-онбординг
548
+ --tui-shadow-popup: 0px 20px 50px 0px rgba(0, 0, 0, 0.21); // Тень для карточек, всплывающих поверх контента: например попап-онбординг
548
549
  }
549
550
 
550
551
  [tuiTheme='dark'] {
@@ -661,6 +662,7 @@
661
662
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
662
663
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
663
664
  --tui-brand-pro: #7FE004; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
665
+ --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
664
666
  --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
665
667
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
666
668
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
package/angular/mobile.less CHANGED
@@ -97,6 +97,7 @@
97
97
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
98
98
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
99
99
  --tui-brand-pro: #7FE004; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
100
+ --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
100
101
  --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
101
102
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
102
103
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
@@ -608,6 +609,7 @@
608
609
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
609
610
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
610
611
  --tui-brand-pro: #7FE004; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
612
+ --tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
611
613
  --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
612
614
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
613
615
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.174.0",
3
+ "version": "0.176.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -112,6 +112,7 @@
112
112
  --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
113
113
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
114
114
  --tui-brand-pro: #7FE004; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
115
+ --tui-brand-pro-alt-1: #9AF526; /* Дополнительный цвет подписки Pro. */
115
116
  --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
116
117
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
117
118
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
package/palette/light.css CHANGED
@@ -112,6 +112,7 @@
112
112
  --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
113
113
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
114
114
  --tui-brand-pro: #7FE004; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
115
+ --tui-brand-pro-alt-1: #9AF526; /* Дополнительный цвет подписки Pro. */
115
116
  --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
116
117
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
117
118
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
package/palette/mobile/dark.css CHANGED
@@ -91,6 +91,7 @@
91
91
  --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
92
92
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
93
93
  --tui-brand-pro: #7FE004; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
94
+ --tui-brand-pro-alt-1: #9AF526; /* Дополнительный цвет подписки Pro. */
94
95
  --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
95
96
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
96
97
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
package/palette/mobile/light.css CHANGED
@@ -91,6 +91,7 @@
91
91
  --tui-border-on-dark: var(--tui-const-white-alpha-10); /* Обводка, отделяющая цветные элементы от темных фонов */
92
92
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
93
93
  --tui-brand-pro: #7FE004; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
94
+ --tui-brand-pro-alt-1: #9AF526; /* Дополнительный цвет подписки Pro. */
94
95
  --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
95
96
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
96
97
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
package/palette/shadow.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --tui-shadow-small: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); /* Тень для мелких элементов интерфейса, например Chips */
3
- --tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.14);
3
+ --tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.12);
4
4
  --tui-shadow-medium: 0px 6px 34px 0px rgba(0, 0, 0, 0.12); /* Тень для карточек и других больших объектов, например тултипов */
5
5
  --tui-shadow-medium-hover: 0px 18px 60px 0px rgba(0, 0, 0, 0.18);
6
- --tui-shadow-popup: 0px 20px 50px 0px rgba(0, 0, 0, 0.2); /* Тень для карточек, всплывающих поверх контента: например попап-онбординг */
6
+ --tui-shadow-popup: 0px 20px 50px 0px rgba(0, 0, 0, 0.21); /* Тень для карточек, всплывающих поверх контента: например попап-онбординг */
7
7
  }