@taiga-ui/design-tokens 0.313.0 → 0.314.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 (15) hide show
  1. package/angular/desktop.less +16 -10
  2. package/angular/mixins/desktop.less +16 -10
  3. package/angular/mixins/gradient.less +1 -0
  4. package/angular/mixins/mobile.less +16 -10
  5. package/angular/mobile.less +16 -10
  6. package/package.json +1 -1
  7. package/palette/dark.css +8 -5
  8. package/palette/gradient.css +1 -0
  9. package/palette/light.css +8 -5
  10. package/palette/mobile/dark.css +8 -5
  11. package/palette/mobile/light.css +8 -5
  12. package/palette/scss/dark.scss +8 -5
  13. package/palette/scss/light.scss +8 -5
  14. package/palette/scss/mobile/dark.scss +8 -5
  15. package/palette/scss/mobile/light.scss +8 -5
package/angular/desktop.less CHANGED
@@ -132,15 +132,18 @@
132
132
  --tui-brand-element-t-invest-pale: #6A6A7C1A; // Цвет Т-Инвестции для фонов и поверхностей
133
133
  --tui-brand-element-pro: #68CF08; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
134
134
  --tui-brand-element-pro-pale: #68CF081A; // Цвет Pro для фонов и поверхностей
135
- --tui-brand-element-premium: #4972CF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
136
- --tui-brand-element-premium-pale: #4972CF1A; // Цвет Premium для фонов и поверхностей
135
+ --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
136
+ --tui-brand-element-ts-premium-pale: #E6AC5A1A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
137
+ --tui-brand-element-premium: #4972CF; // @Deprecated: Заменён на TS-Premium
138
+ --tui-brand-element-premium-pale: #4972CF1A; // @Deprecated: Заменён на TS-Premium pale
137
139
  --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
138
140
  --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей
141
+ --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium
139
142
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
140
143
  --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
141
144
  --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro.
142
- --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
143
- --tui-brand-premium-pressed: #3460CA; // нажатое состояние цвета подписки Premium.
145
+ --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium
146
+ --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние
144
147
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
145
148
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
146
149
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
@@ -178,7 +181,7 @@
178
181
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
179
182
  --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
180
183
  --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
181
- --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
184
+ --tui-brand-t-premium: {color.brand.premium}; // @Deprecated: Заменён на premium
182
185
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
183
186
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
184
187
  --tui-chart-state-positive-accent: var(--tui-const-green); // Основной цвет графиков с позитивным контекстом
@@ -783,15 +786,18 @@
783
786
  --tui-brand-element-t-invest-pale: #D4D1D84D; // Цвет Т-Инвестции для фонов и поверхностей
784
787
  --tui-brand-element-pro: #85E808; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
785
788
  --tui-brand-element-pro-pale: #85E8084D; // Цвет Pro для фонов и поверхностей
786
- --tui-brand-element-premium: #7DA4FF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
787
- --tui-brand-element-premium-pale: #7DA4FF4D; // Цвет Premium для фонов и поверхностей
789
+ --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
790
+ --tui-brand-element-ts-premium-pale: #E6AC5A4D; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
791
+ --tui-brand-element-premium: #7DA4FF; // @Deprecated: Заменён на TS-Premium
792
+ --tui-brand-element-premium-pale: #7DA4FF4D; // @Deprecated: Заменён на TS-Premium pale
788
793
  --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
789
794
  --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей
795
+ --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium
790
796
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
791
797
  --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
792
798
  --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro.
793
- --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
794
- --tui-brand-premium-pressed: #3460CA; // нажатое состояние цвета подписки Premium.
799
+ --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium
800
+ --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние
795
801
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
796
802
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
797
803
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
@@ -829,7 +835,7 @@
829
835
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
830
836
  --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
831
837
  --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
832
- --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
838
+ --tui-brand-t-premium: {color.brand.premium}; // @Deprecated: Заменён на premium
833
839
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
834
840
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
835
841
  --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); // Основной цвет графиков с позитивным контекстом
package/angular/mixins/desktop.less CHANGED
@@ -130,15 +130,18 @@
130
130
  --tui-brand-element-t-invest-pale: #6A6A7C1A; // Цвет Т-Инвестции для фонов и поверхностей
131
131
  --tui-brand-element-pro: #68CF08; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
132
132
  --tui-brand-element-pro-pale: #68CF081A; // Цвет Pro для фонов и поверхностей
133
- --tui-brand-element-premium: #4972CF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
134
- --tui-brand-element-premium-pale: #4972CF1A; // Цвет Premium для фонов и поверхностей
133
+ --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
134
+ --tui-brand-element-ts-premium-pale: #E6AC5A1A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
135
+ --tui-brand-element-premium: #4972CF; // @Deprecated: Заменён на TS-Premium
136
+ --tui-brand-element-premium-pale: #4972CF1A; // @Deprecated: Заменён на TS-Premium pale
135
137
  --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
136
138
  --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей
139
+ --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium
137
140
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
138
141
  --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
139
142
  --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro.
140
- --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
141
- --tui-brand-premium-pressed: #3460CA; // нажатое состояние цвета подписки Premium.
143
+ --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium
144
+ --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние
142
145
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
143
146
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
144
147
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
@@ -176,7 +179,7 @@
176
179
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
177
180
  --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
178
181
  --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
179
- --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
182
+ --tui-brand-t-premium: {color.brand.premium}; // @Deprecated: Заменён на premium
180
183
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
181
184
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
182
185
  --tui-chart-state-positive-accent: var(--tui-const-green); // Основной цвет графиков с позитивным контекстом
@@ -781,15 +784,18 @@
781
784
  --tui-brand-element-t-invest-pale: #D4D1D84D; // Цвет Т-Инвестции для фонов и поверхностей
782
785
  --tui-brand-element-pro: #85E808; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
783
786
  --tui-brand-element-pro-pale: #85E8084D; // Цвет Pro для фонов и поверхностей
784
- --tui-brand-element-premium: #7DA4FF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
785
- --tui-brand-element-premium-pale: #7DA4FF4D; // Цвет Premium для фонов и поверхностей
787
+ --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
788
+ --tui-brand-element-ts-premium-pale: #E6AC5A4D; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
789
+ --tui-brand-element-premium: #7DA4FF; // @Deprecated: Заменён на TS-Premium
790
+ --tui-brand-element-premium-pale: #7DA4FF4D; // @Deprecated: Заменён на TS-Premium pale
786
791
  --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
787
792
  --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей
793
+ --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium
788
794
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
789
795
  --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
790
796
  --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro.
791
- --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
792
- --tui-brand-premium-pressed: #3460CA; // нажатое состояние цвета подписки Premium.
797
+ --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium
798
+ --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние
793
799
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
794
800
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
795
801
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
@@ -827,7 +833,7 @@
827
833
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
828
834
  --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
829
835
  --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
830
- --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
836
+ --tui-brand-t-premium: {color.brand.premium}; // @Deprecated: Заменён на premium
831
837
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
832
838
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
833
839
  --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); // Основной цвет графиков с позитивным контекстом
package/angular/mixins/gradient.less CHANGED
@@ -1,4 +1,5 @@
1
1
  .tui-gradient() {
2
+ --tui-gradient-brand-ts-premium: linear-gradient(90deg, rgb(248, 230, 175) 0%, rgb(255, 181, 102) 100%);
2
3
  --tui-gradient-brand-all-airlines: linear-gradient(90deg, rgb(0, 158, 220) 0%, rgb(87, 208, 255) 100%);
3
4
  --tui-gradient-brand-all-airlines-debit: linear-gradient(241deg, rgb(81, 127, 195) 0%, rgb(50, 89, 145) 100%);
4
5
  --tui-gradient-brand-all-games-credit: linear-gradient(90deg, rgb(54, 33, 52) 0%, rgb(104, 64, 101) 100%);
package/angular/mixins/mobile.less CHANGED
@@ -107,15 +107,18 @@
107
107
  --tui-brand-element-t-invest-pale: #6A6A7C1A; // Цвет Т-Инвестции для фонов и поверхностей
108
108
  --tui-brand-element-pro: #68CF08; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
109
109
  --tui-brand-element-pro-pale: #68CF081A; // Цвет Pro для фонов и поверхностей
110
- --tui-brand-element-premium: #4972CF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
111
- --tui-brand-element-premium-pale: #4972CF1A; // Цвет Premium для фонов и поверхностей
110
+ --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
111
+ --tui-brand-element-ts-premium-pale: #E6AC5A1A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
112
+ --tui-brand-element-premium: #4972CF; // @Deprecated: Заменён на TS-Premium
113
+ --tui-brand-element-premium-pale: #4972CF1A; // @Deprecated: Заменён на TS-Premium pale
112
114
  --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
113
115
  --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей
116
+ --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium
114
117
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
115
118
  --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
116
119
  --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro.
117
- --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
118
- --tui-brand-premium-pressed: #3460CA; // нажатое состояние цвета подписки Premium.
120
+ --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium
121
+ --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние
119
122
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
120
123
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
121
124
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
@@ -153,7 +156,7 @@
153
156
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
154
157
  --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
155
158
  --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
156
- --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
159
+ --tui-brand-t-premium: {color.brand.premium}; // @Deprecated: Заменён на premium
157
160
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
158
161
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
159
162
  --tui-chart-state-positive-accent: var(--tui-const-green); // Основной цвет графиков с позитивным контекстом
@@ -709,15 +712,18 @@
709
712
  --tui-brand-element-t-invest-pale: #D4D1D84D; // Цвет Т-Инвестции для фонов и поверхностей
710
713
  --tui-brand-element-pro: #85E808; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
711
714
  --tui-brand-element-pro-pale: #85E8084D; // Цвет Pro для фонов и поверхностей
712
- --tui-brand-element-premium: #7DA4FF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
713
- --tui-brand-element-premium-pale: #7DA4FF4D; // Цвет Premium для фонов и поверхностей
715
+ --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
716
+ --tui-brand-element-ts-premium-pale: #E6AC5A4D; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
717
+ --tui-brand-element-premium: #7DA4FF; // @Deprecated: Заменён на TS-Premium
718
+ --tui-brand-element-premium-pale: #7DA4FF4D; // @Deprecated: Заменён на TS-Premium pale
714
719
  --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
715
720
  --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей
721
+ --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium
716
722
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
717
723
  --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
718
724
  --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro.
719
- --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
720
- --tui-brand-premium-pressed: #3460CA; // нажатое состояние цвета подписки Premium.
725
+ --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium
726
+ --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние
721
727
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
722
728
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
723
729
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
@@ -755,7 +761,7 @@
755
761
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
756
762
  --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
757
763
  --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
758
- --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
764
+ --tui-brand-t-premium: {color.brand.premium}; // @Deprecated: Заменён на premium
759
765
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
760
766
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
761
767
  --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); // Основной цвет графиков с позитивным контекстом
package/angular/mobile.less CHANGED
@@ -113,15 +113,18 @@
113
113
  --tui-brand-element-t-invest-pale: #D4D1D84D; // Цвет Т-Инвестции для фонов и поверхностей
114
114
  --tui-brand-element-pro: #85E808; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
115
115
  --tui-brand-element-pro-pale: #85E8084D; // Цвет Pro для фонов и поверхностей
116
- --tui-brand-element-premium: #7DA4FF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
117
- --tui-brand-element-premium-pale: #7DA4FF4D; // Цвет Premium для фонов и поверхностей
116
+ --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
117
+ --tui-brand-element-ts-premium-pale: #E6AC5A4D; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
118
+ --tui-brand-element-premium: #7DA4FF; // @Deprecated: Заменён на TS-Premium
119
+ --tui-brand-element-premium-pale: #7DA4FF4D; // @Deprecated: Заменён на TS-Premium pale
118
120
  --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
119
121
  --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей
122
+ --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium
120
123
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
121
124
  --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
122
125
  --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro.
123
- --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
124
- --tui-brand-premium-pressed: #3460CA; // нажатое состояние цвета подписки Premium.
126
+ --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium
127
+ --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние
125
128
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
126
129
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
127
130
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
@@ -159,7 +162,7 @@
159
162
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
160
163
  --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
161
164
  --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
162
- --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
165
+ --tui-brand-t-premium: {color.brand.premium}; // @Deprecated: Заменён на premium
163
166
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
164
167
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
165
168
  --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); // Основной цвет графиков с позитивным контекстом
@@ -723,15 +726,18 @@
723
726
  --tui-brand-element-t-invest-pale: #6A6A7C1A; // Цвет Т-Инвестции для фонов и поверхностей
724
727
  --tui-brand-element-pro: #68CF08; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры
725
728
  --tui-brand-element-pro-pale: #68CF081A; // Цвет Pro для фонов и поверхностей
726
- --tui-brand-element-premium: #4972CF; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
727
- --tui-brand-element-premium-pale: #4972CF1A; // Цвет Premium для фонов и поверхностей
729
+ --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
730
+ --tui-brand-element-ts-premium-pale: #E6AC5A1A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры
731
+ --tui-brand-element-premium: #4972CF; // @Deprecated: Заменён на TS-Premium
732
+ --tui-brand-element-premium-pale: #4972CF1A; // @Deprecated: Заменён на TS-Premium pale
728
733
  --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры
729
734
  --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей
735
+ --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium
730
736
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
731
737
  --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
732
738
  --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro.
733
- --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
734
- --tui-brand-premium-pressed: #3460CA; // нажатое состояние цвета подписки Premium.
739
+ --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium
740
+ --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние
735
741
  --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
736
742
  --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
737
743
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
@@ -769,7 +775,7 @@
769
775
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
770
776
  --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
771
777
  --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
772
- --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
778
+ --tui-brand-t-premium: {color.brand.premium}; // @Deprecated: Заменён на premium
773
779
  --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
774
780
  --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
775
781
  --tui-chart-state-positive-accent: var(--tui-const-green); // Основной цвет графиков с позитивным контекстом
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.313.0",
3
+ "version": "0.314.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -130,15 +130,18 @@
130
130
  --tui-brand-element-t-invest-pale: #D4D1D84D; /* Цвет Т-Инвестции для фонов и поверхностей */
131
131
  --tui-brand-element-pro: #85E808; /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
132
132
  --tui-brand-element-pro-pale: #85E8084D; /* Цвет Pro для фонов и поверхностей */
133
- --tui-brand-element-premium: #7DA4FF; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
134
- --tui-brand-element-premium-pale: #7DA4FF4D; /* Цвет Premium для фонов и поверхностей */
133
+ --tui-brand-element-ts-premium: #E6AC5A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
134
+ --tui-brand-element-ts-premium-pale: #E6AC5A4D; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
135
+ --tui-brand-element-premium: #7DA4FF; /* @Deprecated: Заменён на TS-Premium */
136
+ --tui-brand-element-premium-pale: #7DA4FF4D; /* @Deprecated: Заменён на TS-Premium pale */
135
137
  --tui-brand-element-private: #F5F5F7; /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
136
138
  --tui-brand-element-private-pale: #F5F5F74D; /* Цвет Private для фонов и поверхностей */
139
+ --tui-brand-ts-premium: #E6AC5A; /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
137
140
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
138
141
  --tui-brand-pro: #85E808; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
139
142
  --tui-brand-pro-alt-1: #333333; /* Дополнительный цвет подписки Pro. */
140
- --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
141
- --tui-brand-premium-pressed: #3460CA; /* нажатое состояние цвета подписки Premium. */
143
+ --tui-brand-premium: #4972CF; /* @Deprecated: Заменён на градиент TS-Premium */
144
+ --tui-brand-premium-pressed: #3460CA; /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
142
145
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
143
146
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
144
147
  --tui-brand-t-mobile: #5848C3; /* Фирменный цвет Tinkoff Mobile */
@@ -176,7 +179,7 @@
176
179
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); /* @Deprecated: Заменён на all-airlines-alt-1 */
177
180
  --tui-brand-t-black: var(--tui-brand-black); /* @Deprecated: Заменён на black */
178
181
  --tui-brand-t-platinum: var(--tui-brand-platinum); /* @Deprecated: Заменён на platinum */
179
- --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
182
+ --tui-brand-t-premium: {color.brand.premium}; /* @Deprecated: Заменён на premium */
180
183
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
181
184
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
182
185
  --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); /* Основной цвет графиков с позитивным контекстом */
package/palette/gradient.css CHANGED
@@ -1,5 +1,6 @@
1
1
  :root,
2
2
  :host {
3
+ --tui-gradient-brand-ts-premium: linear-gradient(90deg, rgb(248, 230, 175) 0%, rgb(255, 181, 102) 100%);
3
4
  --tui-gradient-brand-all-airlines: linear-gradient(90deg, rgb(0, 158, 220) 0%, rgb(87, 208, 255) 100%);
4
5
  --tui-gradient-brand-all-airlines-debit: linear-gradient(241deg, rgb(81, 127, 195) 0%, rgb(50, 89, 145) 100%);
5
6
  --tui-gradient-brand-all-games-credit: linear-gradient(90deg, rgb(54, 33, 52) 0%, rgb(104, 64, 101) 100%);
package/palette/light.css CHANGED
@@ -130,15 +130,18 @@
130
130
  --tui-brand-element-t-invest-pale: #6A6A7C1A; /* Цвет Т-Инвестции для фонов и поверхностей */
131
131
  --tui-brand-element-pro: #68CF08; /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
132
132
  --tui-brand-element-pro-pale: #68CF081A; /* Цвет Pro для фонов и поверхностей */
133
- --tui-brand-element-premium: #4972CF; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
134
- --tui-brand-element-premium-pale: #4972CF1A; /* Цвет Premium для фонов и поверхностей */
133
+ --tui-brand-element-ts-premium: #E6AC5A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
134
+ --tui-brand-element-ts-premium-pale: #E6AC5A1A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
135
+ --tui-brand-element-premium: #4972CF; /* @Deprecated: Заменён на TS-Premium */
136
+ --tui-brand-element-premium-pale: #4972CF1A; /* @Deprecated: Заменён на TS-Premium pale */
135
137
  --tui-brand-element-private: #41414D; /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
136
138
  --tui-brand-element-private-pale: #41414D1A; /* Цвет Private для фонов и поверхностей */
139
+ --tui-brand-ts-premium: #E6AC5A; /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
137
140
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
138
141
  --tui-brand-pro: #85E808; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
139
142
  --tui-brand-pro-alt-1: #333333; /* Дополнительный цвет подписки Pro. */
140
- --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
141
- --tui-brand-premium-pressed: #3460CA; /* нажатое состояние цвета подписки Premium. */
143
+ --tui-brand-premium: #4972CF; /* @Deprecated: Заменён на градиент TS-Premium */
144
+ --tui-brand-premium-pressed: #3460CA; /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
142
145
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
143
146
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
144
147
  --tui-brand-t-mobile: #5848C3; /* Фирменный цвет Tinkoff Mobile */
@@ -176,7 +179,7 @@
176
179
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); /* @Deprecated: Заменён на all-airlines-alt-1 */
177
180
  --tui-brand-t-black: var(--tui-brand-black); /* @Deprecated: Заменён на black */
178
181
  --tui-brand-t-platinum: var(--tui-brand-platinum); /* @Deprecated: Заменён на platinum */
179
- --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
182
+ --tui-brand-t-premium: {color.brand.premium}; /* @Deprecated: Заменён на premium */
180
183
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
181
184
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
182
185
  --tui-chart-state-positive-accent: var(--tui-const-green); /* Основной цвет графиков с позитивным контекстом */
package/palette/mobile/dark.css CHANGED
@@ -108,15 +108,18 @@
108
108
  --tui-brand-element-t-invest-pale: #D4D1D84D; /* Цвет Т-Инвестции для фонов и поверхностей */
109
109
  --tui-brand-element-pro: #85E808; /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
110
110
  --tui-brand-element-pro-pale: #85E8084D; /* Цвет Pro для фонов и поверхностей */
111
- --tui-brand-element-premium: #7DA4FF; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
112
- --tui-brand-element-premium-pale: #7DA4FF4D; /* Цвет Premium для фонов и поверхностей */
111
+ --tui-brand-element-ts-premium: #E6AC5A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
112
+ --tui-brand-element-ts-premium-pale: #E6AC5A4D; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
113
+ --tui-brand-element-premium: #7DA4FF; /* @Deprecated: Заменён на TS-Premium */
114
+ --tui-brand-element-premium-pale: #7DA4FF4D; /* @Deprecated: Заменён на TS-Premium pale */
113
115
  --tui-brand-element-private: #F5F5F7; /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
114
116
  --tui-brand-element-private-pale: #F5F5F74D; /* Цвет Private для фонов и поверхностей */
117
+ --tui-brand-ts-premium: #E6AC5A; /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
115
118
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
116
119
  --tui-brand-pro: #85E808; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
117
120
  --tui-brand-pro-alt-1: #333333; /* Дополнительный цвет подписки Pro. */
118
- --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
119
- --tui-brand-premium-pressed: #3460CA; /* нажатое состояние цвета подписки Premium. */
121
+ --tui-brand-premium: #4972CF; /* @Deprecated: Заменён на градиент TS-Premium */
122
+ --tui-brand-premium-pressed: #3460CA; /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
120
123
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
121
124
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
122
125
  --tui-brand-t-mobile: #5848C3; /* Фирменный цвет Tinkoff Mobile */
@@ -154,7 +157,7 @@
154
157
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); /* @Deprecated: Заменён на all-airlines-alt-1 */
155
158
  --tui-brand-t-black: var(--tui-brand-black); /* @Deprecated: Заменён на black */
156
159
  --tui-brand-t-platinum: var(--tui-brand-platinum); /* @Deprecated: Заменён на platinum */
157
- --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
160
+ --tui-brand-t-premium: {color.brand.premium}; /* @Deprecated: Заменён на premium */
158
161
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
159
162
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
160
163
  --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); /* Основной цвет графиков с позитивным контекстом */
package/palette/mobile/light.css CHANGED
@@ -108,15 +108,18 @@
108
108
  --tui-brand-element-t-invest-pale: #6A6A7C1A; /* Цвет Т-Инвестции для фонов и поверхностей */
109
109
  --tui-brand-element-pro: #68CF08; /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
110
110
  --tui-brand-element-pro-pale: #68CF081A; /* Цвет Pro для фонов и поверхностей */
111
- --tui-brand-element-premium: #4972CF; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
112
- --tui-brand-element-premium-pale: #4972CF1A; /* Цвет Premium для фонов и поверхностей */
111
+ --tui-brand-element-ts-premium: #E6AC5A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
112
+ --tui-brand-element-ts-premium-pale: #E6AC5A1A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
113
+ --tui-brand-element-premium: #4972CF; /* @Deprecated: Заменён на TS-Premium */
114
+ --tui-brand-element-premium-pale: #4972CF1A; /* @Deprecated: Заменён на TS-Premium pale */
113
115
  --tui-brand-element-private: #41414D; /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
114
116
  --tui-brand-element-private-pale: #41414D1A; /* Цвет Private для фонов и поверхностей */
117
+ --tui-brand-ts-premium: #E6AC5A; /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
115
118
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
116
119
  --tui-brand-pro: #85E808; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
117
120
  --tui-brand-pro-alt-1: #333333; /* Дополнительный цвет подписки Pro. */
118
- --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
119
- --tui-brand-premium-pressed: #3460CA; /* нажатое состояние цвета подписки Premium. */
121
+ --tui-brand-premium: #4972CF; /* @Deprecated: Заменён на градиент TS-Premium */
122
+ --tui-brand-premium-pressed: #3460CA; /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
120
123
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
121
124
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
122
125
  --tui-brand-t-mobile: #5848C3; /* Фирменный цвет Tinkoff Mobile */
@@ -154,7 +157,7 @@
154
157
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); /* @Deprecated: Заменён на all-airlines-alt-1 */
155
158
  --tui-brand-t-black: var(--tui-brand-black); /* @Deprecated: Заменён на black */
156
159
  --tui-brand-t-platinum: var(--tui-brand-platinum); /* @Deprecated: Заменён на platinum */
157
- --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
160
+ --tui-brand-t-premium: {color.brand.premium}; /* @Deprecated: Заменён на premium */
158
161
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
159
162
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
160
163
  --tui-chart-state-positive-accent: var(--tui-const-green); /* Основной цвет графиков с позитивным контекстом */
package/palette/scss/dark.scss CHANGED
@@ -129,15 +129,18 @@
129
129
  --tui-brand-element-t-invest-pale: #D4D1D84D; /* Цвет Т-Инвестции для фонов и поверхностей */
130
130
  --tui-brand-element-pro: #85E808; /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
131
131
  --tui-brand-element-pro-pale: #85E8084D; /* Цвет Pro для фонов и поверхностей */
132
- --tui-brand-element-premium: #7DA4FF; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
133
- --tui-brand-element-premium-pale: #7DA4FF4D; /* Цвет Premium для фонов и поверхностей */
132
+ --tui-brand-element-ts-premium: #E6AC5A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
133
+ --tui-brand-element-ts-premium-pale: #E6AC5A4D; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
134
+ --tui-brand-element-premium: #7DA4FF; /* @Deprecated: Заменён на TS-Premium */
135
+ --tui-brand-element-premium-pale: #7DA4FF4D; /* @Deprecated: Заменён на TS-Premium pale */
134
136
  --tui-brand-element-private: #F5F5F7; /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
135
137
  --tui-brand-element-private-pale: #F5F5F74D; /* Цвет Private для фонов и поверхностей */
138
+ --tui-brand-ts-premium: #E6AC5A; /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
136
139
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
137
140
  --tui-brand-pro: #85E808; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
138
141
  --tui-brand-pro-alt-1: #333333; /* Дополнительный цвет подписки Pro. */
139
- --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
140
- --tui-brand-premium-pressed: #3460CA; /* нажатое состояние цвета подписки Premium. */
142
+ --tui-brand-premium: #4972CF; /* @Deprecated: Заменён на градиент TS-Premium */
143
+ --tui-brand-premium-pressed: #3460CA; /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
141
144
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
142
145
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
143
146
  --tui-brand-t-mobile: #5848C3; /* Фирменный цвет Tinkoff Mobile */
@@ -175,7 +178,7 @@
175
178
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); /* @Deprecated: Заменён на all-airlines-alt-1 */
176
179
  --tui-brand-t-black: var(--tui-brand-black); /* @Deprecated: Заменён на black */
177
180
  --tui-brand-t-platinum: var(--tui-brand-platinum); /* @Deprecated: Заменён на platinum */
178
- --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
181
+ --tui-brand-t-premium: {color.brand.premium}; /* @Deprecated: Заменён на premium */
179
182
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
180
183
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
181
184
  --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); /* Основной цвет графиков с позитивным контекстом */
package/palette/scss/light.scss CHANGED
@@ -129,15 +129,18 @@
129
129
  --tui-brand-element-t-invest-pale: #6A6A7C1A; /* Цвет Т-Инвестции для фонов и поверхностей */
130
130
  --tui-brand-element-pro: #68CF08; /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
131
131
  --tui-brand-element-pro-pale: #68CF081A; /* Цвет Pro для фонов и поверхностей */
132
- --tui-brand-element-premium: #4972CF; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
133
- --tui-brand-element-premium-pale: #4972CF1A; /* Цвет Premium для фонов и поверхностей */
132
+ --tui-brand-element-ts-premium: #E6AC5A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
133
+ --tui-brand-element-ts-premium-pale: #E6AC5A1A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
134
+ --tui-brand-element-premium: #4972CF; /* @Deprecated: Заменён на TS-Premium */
135
+ --tui-brand-element-premium-pale: #4972CF1A; /* @Deprecated: Заменён на TS-Premium pale */
134
136
  --tui-brand-element-private: #41414D; /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
135
137
  --tui-brand-element-private-pale: #41414D1A; /* Цвет Private для фонов и поверхностей */
138
+ --tui-brand-ts-premium: #E6AC5A; /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
136
139
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
137
140
  --tui-brand-pro: #85E808; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
138
141
  --tui-brand-pro-alt-1: #333333; /* Дополнительный цвет подписки Pro. */
139
- --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
140
- --tui-brand-premium-pressed: #3460CA; /* нажатое состояние цвета подписки Premium. */
142
+ --tui-brand-premium: #4972CF; /* @Deprecated: Заменён на градиент TS-Premium */
143
+ --tui-brand-premium-pressed: #3460CA; /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
141
144
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
142
145
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
143
146
  --tui-brand-t-mobile: #5848C3; /* Фирменный цвет Tinkoff Mobile */
@@ -175,7 +178,7 @@
175
178
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); /* @Deprecated: Заменён на all-airlines-alt-1 */
176
179
  --tui-brand-t-black: var(--tui-brand-black); /* @Deprecated: Заменён на black */
177
180
  --tui-brand-t-platinum: var(--tui-brand-platinum); /* @Deprecated: Заменён на platinum */
178
- --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
181
+ --tui-brand-t-premium: {color.brand.premium}; /* @Deprecated: Заменён на premium */
179
182
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
180
183
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
181
184
  --tui-chart-state-positive-accent: var(--tui-const-green); /* Основной цвет графиков с позитивным контекстом */
package/palette/scss/mobile/dark.scss CHANGED
@@ -107,15 +107,18 @@
107
107
  --tui-brand-element-t-invest-pale: #D4D1D84D; /* Цвет Т-Инвестции для фонов и поверхностей */
108
108
  --tui-brand-element-pro: #85E808; /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
109
109
  --tui-brand-element-pro-pale: #85E8084D; /* Цвет Pro для фонов и поверхностей */
110
- --tui-brand-element-premium: #7DA4FF; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
111
- --tui-brand-element-premium-pale: #7DA4FF4D; /* Цвет Premium для фонов и поверхностей */
110
+ --tui-brand-element-ts-premium: #E6AC5A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
111
+ --tui-brand-element-ts-premium-pale: #E6AC5A4D; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
112
+ --tui-brand-element-premium: #7DA4FF; /* @Deprecated: Заменён на TS-Premium */
113
+ --tui-brand-element-premium-pale: #7DA4FF4D; /* @Deprecated: Заменён на TS-Premium pale */
112
114
  --tui-brand-element-private: #F5F5F7; /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
113
115
  --tui-brand-element-private-pale: #F5F5F74D; /* Цвет Private для фонов и поверхностей */
116
+ --tui-brand-ts-premium: #E6AC5A; /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
114
117
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
115
118
  --tui-brand-pro: #85E808; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
116
119
  --tui-brand-pro-alt-1: #333333; /* Дополнительный цвет подписки Pro. */
117
- --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
118
- --tui-brand-premium-pressed: #3460CA; /* нажатое состояние цвета подписки Premium. */
120
+ --tui-brand-premium: #4972CF; /* @Deprecated: Заменён на градиент TS-Premium */
121
+ --tui-brand-premium-pressed: #3460CA; /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
119
122
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
120
123
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
121
124
  --tui-brand-t-mobile: #5848C3; /* Фирменный цвет Tinkoff Mobile */
@@ -153,7 +156,7 @@
153
156
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); /* @Deprecated: Заменён на all-airlines-alt-1 */
154
157
  --tui-brand-t-black: var(--tui-brand-black); /* @Deprecated: Заменён на black */
155
158
  --tui-brand-t-platinum: var(--tui-brand-platinum); /* @Deprecated: Заменён на platinum */
156
- --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
159
+ --tui-brand-t-premium: {color.brand.premium}; /* @Deprecated: Заменён на premium */
157
160
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
158
161
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
159
162
  --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); /* Основной цвет графиков с позитивным контекстом */
package/palette/scss/mobile/light.scss CHANGED
@@ -107,15 +107,18 @@
107
107
  --tui-brand-element-t-invest-pale: #6A6A7C1A; /* Цвет Т-Инвестции для фонов и поверхностей */
108
108
  --tui-brand-element-pro: #68CF08; /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
109
109
  --tui-brand-element-pro-pale: #68CF081A; /* Цвет Pro для фонов и поверхностей */
110
- --tui-brand-element-premium: #4972CF; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
111
- --tui-brand-element-premium-pale: #4972CF1A; /* Цвет Premium для фонов и поверхностей */
110
+ --tui-brand-element-ts-premium: #E6AC5A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
111
+ --tui-brand-element-ts-premium-pale: #E6AC5A1A; /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
112
+ --tui-brand-element-premium: #4972CF; /* @Deprecated: Заменён на TS-Premium */
113
+ --tui-brand-element-premium-pale: #4972CF1A; /* @Deprecated: Заменён на TS-Premium pale */
112
114
  --tui-brand-element-private: #41414D; /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
113
115
  --tui-brand-element-private-pale: #41414D1A; /* Цвет Private для фонов и поверхностей */
116
+ --tui-brand-ts-premium: #E6AC5A; /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
114
117
  --tui-brand-t-bank: #FFDD2D; /* Фирменный цвет. Используется, например, в бейдже подписки Team */
115
118
  --tui-brand-pro: #85E808; /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
116
119
  --tui-brand-pro-alt-1: #333333; /* Дополнительный цвет подписки Pro. */
117
- --tui-brand-premium: #4972CF; /* Цвет подписки Premium, для фонов кнопок, бейджей и т.д. */
118
- --tui-brand-premium-pressed: #3460CA; /* нажатое состояние цвета подписки Premium. */
120
+ --tui-brand-premium: #4972CF; /* @Deprecated: Заменён на градиент TS-Premium */
121
+ --tui-brand-premium-pressed: #3460CA; /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
119
122
  --tui-brand-black: #333333; /* Фирменный цвет T-Bank Black */
120
123
  --tui-brand-platinum: #747B8F; /* Фирменный цвет T-Bank Platinum */
121
124
  --tui-brand-t-mobile: #5848C3; /* Фирменный цвет Tinkoff Mobile */
@@ -153,7 +156,7 @@
153
156
  --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); /* @Deprecated: Заменён на all-airlines-alt-1 */
154
157
  --tui-brand-t-black: var(--tui-brand-black); /* @Deprecated: Заменён на black */
155
158
  --tui-brand-t-platinum: var(--tui-brand-platinum); /* @Deprecated: Заменён на platinum */
156
- --tui-brand-t-premium: var(--tui-brand-premium); /* @Deprecated: Заменён на premium */
159
+ --tui-brand-t-premium: {color.brand.premium}; /* @Deprecated: Заменён на premium */
157
160
  --tui-brand-t-pro: var(--tui-brand-pro); /* @Deprecated: Заменён на pro */
158
161
  --tui-brand-t-private: var(--tui-brand-private); /* @Deprecated: Заменён на private */
159
162
  --tui-chart-state-positive-accent: var(--tui-const-green); /* Основной цвет графиков с позитивным контекстом */