@taiga-ui/design-tokens 0.313.0 → 0.315.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 +14 -8
  2. package/angular/mixins/desktop.less +14 -8
  3. package/angular/mixins/gradient.less +1 -0
  4. package/angular/mixins/mobile.less +14 -8
  5. package/angular/mobile.less +14 -8
  6. package/package.json +1 -1
  7. package/palette/dark.css +7 -4
  8. package/palette/gradient.css +1 -0
  9. package/palette/light.css +7 -4
  10. package/palette/mobile/dark.css +7 -4
  11. package/palette/mobile/light.css +7 -4
  12. package/palette/scss/dark.scss +7 -4
  13. package/palette/scss/light.scss +7 -4
  14. package/palette/scss/mobile/dark.scss +7 -4
  15. package/palette/scss/mobile/light.scss +7 -4
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
@@ -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
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
@@ -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
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
@@ -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
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
@@ -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
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.315.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 */
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 */
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 */
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 */
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 */
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 */
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 */
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 */