@taiga-ui/design-tokens 0.108.0 → 0.110.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/angular/desktop.less +50 -24
  2. package/angular/mobile.less +40 -20
  3. package/esm2022/icons.mjs +17 -1
  4. package/fesm2022/taiga-ui-design-tokens.mjs +16 -0
  5. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  6. package/icons/flags/ai.svg +2 -2
  7. package/icons/flags/in.svg +3 -3
  8. package/icons.d.ts +1 -1
  9. package/package.json +1 -1
  10. package/palette/dark.css +25 -12
  11. package/palette/light.css +25 -12
  12. package/palette/mobile/dark.css +20 -10
  13. package/palette/mobile/light.css +20 -10
package/angular/desktop.less CHANGED
@@ -18,15 +18,21 @@
18
18
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-18); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
19
19
  --tui-background-neutral-1-hover: var(--tui-const-white-alpha-15); // Только для веба. Cостояние элементов c фоном neutral-1 при наведении
20
20
  --tui-background-neutral-1-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1
21
- --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
22
- --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
23
- --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
24
- --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
21
+ --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-hover
22
+ --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-hover
23
+ --tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
24
+ --tui-background-neutral-1-on-dark-hover: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
25
+ --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
26
+ --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
27
+ --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
28
+ --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
25
29
  --tui-background-neutral-2: var(--tui-const-white-alpha-15); // Прозрачные контейнеры маленьких размеров
26
30
  --tui-background-neutral-2-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
27
31
  --tui-background-neutral-2-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
28
32
  --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
29
- --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: Изменен на neutral-1-pressed-on-dark
33
+ --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
34
+ --tui-background-neutral-2-on-dark-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
35
+ --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
30
36
  --tui-background-neutral-3: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
31
37
  --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
32
38
  --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
@@ -109,20 +115,20 @@
109
115
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); // Обводка, отделяющая цветные элементы от светлого фонов
110
116
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
111
117
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
112
- --tui-brand-t-pro: #AFF218; // Цвет подписки Tinkoff PRO. для фонов кнопок, бейджей и т.д.
113
- --tui-brand-t-premium: #4972CF; // Цвет подписки Tinkoff Premium. для фонов кнопок, бейджей и т.д.
114
- --tui-brand-t-black: #333333; // Фирменный цвет Tinkoff Black
115
- --tui-brand-t-platinum: #747B8F; // Фирменный цвет Tinkoff Platinum
118
+ --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
119
+ --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
120
+ --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
121
+ --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
116
122
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
117
123
  --tui-brand-t-mobile-alt-1: #BAB3EC; // Фирменный цвет Tinkoff Mobile
118
- --tui-brand-t-all-airlines: #27BEFF; // Фирменный цвет Tinkoff Mobile
119
- --tui-brand-t-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета Tinkoff All Airlines
124
+ --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines
125
+ --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines
120
126
  --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Tinkoff Ai Assistant
121
127
  --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования
122
128
  --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса
123
129
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
124
130
  --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
125
- --tui-brand-t-private: #212121; // Фирменный цвет Private
131
+ --tui-brand-private: #212121; // Фирменный цвет подписки Private
126
132
  --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
127
133
  --tui-brand-t-insurance-alt-1: #E1F9F7; // Бледный оттенок фирменного цвета Страхования
128
134
  --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
@@ -142,6 +148,13 @@
142
148
  --tui-brand-tinkoff-private: #212121; // @Deprecated: Заменён на t-private
143
149
  --tui-brand-tinkoff-insurance-pale: #D0F4F2; // @Deprecated: Заменён на t-insurance-alt-1
144
150
  --tui-brand-tinkoff-insurance-alt-1: #E1F9F7; // @Deprecated: Заменён на t-insurance-alt-1
151
+ --tui-brand-t-all-airlines: var(--tui-brand-all-airlines); // @Deprecated: Заменён на all-airlines
152
+ --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
153
+ --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
154
+ --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
155
+ --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
156
+ --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
157
+ --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
145
158
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
146
159
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
147
160
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -484,15 +497,21 @@
484
497
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
485
498
  --tui-background-neutral-1-hover: var(--tui-const-dark-blue-alpha-8); // Только для веба. Cостояние элементов c фоном neutral-1 при наведении
486
499
  --tui-background-neutral-1-pressed: var(--tui-const-dark-blue-alpha-10); // Нажатое состояние элементов с фоном neutral-1
487
- --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
488
- --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
489
- --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
490
- --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
500
+ --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-hover
501
+ --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-hover
502
+ --tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
503
+ --tui-background-neutral-1-on-dark-hover: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
504
+ --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
505
+ --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
506
+ --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
507
+ --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
491
508
  --tui-background-neutral-2: var(--tui-const-dark-blue-alpha-8); // Прозрачные контейнеры маленьких размеров
492
509
  --tui-background-neutral-2-hover: var(--tui-const-dark-blue-alpha-10); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
493
510
  --tui-background-neutral-2-pressed: var(--tui-const-dark-blue-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
494
511
  --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
495
- --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: Изменен на neutral-1-pressed-on-dark
512
+ --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
513
+ --tui-background-neutral-2-on-dark-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
514
+ --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
496
515
  --tui-background-neutral-3: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
497
516
  --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
498
517
  --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
@@ -575,20 +594,20 @@
575
594
  --tui-border-on-light: var(--tui-const-cool-gray-alpha-12); // Обводка, отделяющая цветные элементы от светлого фонов
576
595
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
577
596
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
578
- --tui-brand-t-pro: #AFF218; // Цвет подписки Tinkoff PRO. для фонов кнопок, бейджей и т.д.
579
- --tui-brand-t-premium: #4972CF; // Цвет подписки Tinkoff Premium. для фонов кнопок, бейджей и т.д.
580
- --tui-brand-t-black: #333333; // Фирменный цвет Tinkoff Black
581
- --tui-brand-t-platinum: #747B8F; // Фирменный цвет Tinkoff Platinum
597
+ --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
598
+ --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
599
+ --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
600
+ --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
582
601
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
583
602
  --tui-brand-t-mobile-alt-1: #BAB3EC; // Фирменный цвет Tinkoff Mobile
584
- --tui-brand-t-all-airlines: #27BEFF; // Фирменный цвет Tinkoff Mobile
585
- --tui-brand-t-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета Tinkoff All Airlines
603
+ --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines
604
+ --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines
586
605
  --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Tinkoff Ai Assistant
587
606
  --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования
588
607
  --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса
589
608
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
590
609
  --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
591
- --tui-brand-t-private: #212121; // Фирменный цвет Private
610
+ --tui-brand-private: #212121; // Фирменный цвет подписки Private
592
611
  --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
593
612
  --tui-brand-t-insurance-alt-1: #E1F9F7; // Бледный оттенок фирменного цвета Страхования
594
613
  --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
@@ -608,6 +627,13 @@
608
627
  --tui-brand-tinkoff-private: #212121; // @Deprecated: Заменён на t-private
609
628
  --tui-brand-tinkoff-insurance-pale: #D0F4F2; // @Deprecated: Заменён на t-insurance-alt-1
610
629
  --tui-brand-tinkoff-insurance-alt-1: #E1F9F7; // @Deprecated: Заменён на t-insurance-alt-1
630
+ --tui-brand-t-all-airlines: var(--tui-brand-all-airlines); // @Deprecated: Заменён на all-airlines
631
+ --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
632
+ --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
633
+ --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
634
+ --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
635
+ --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
636
+ --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
611
637
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
612
638
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
613
639
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
package/angular/mobile.less CHANGED
@@ -23,12 +23,15 @@
23
23
  --tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-11); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме
24
24
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-18); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
25
25
  --tui-background-neutral-1-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1
26
- --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
27
- --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
26
+ --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
27
+ --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
28
+ --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
29
+ --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
28
30
  --tui-background-neutral-2: var(--tui-const-white-alpha-15); // Прозрачные контейнеры маленьких размеров
29
31
  --tui-background-neutral-2-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
30
32
  --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
31
- --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: Изменен на neutral-1-pressed-on-dark
33
+ --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
34
+ --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
32
35
  --tui-background-neutral-3: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
33
36
  --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
34
37
  --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
@@ -97,20 +100,20 @@
97
100
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
98
101
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
99
102
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
100
- --tui-brand-t-pro: #AFF218; // Цвет подписки Tinkoff PRO. для фонов кнопок, бейджей и т.д.
101
- --tui-brand-t-premium: #4972CF; // Цвет подписки Tinkoff Premium. для фонов кнопок, бейджей и т.д.
102
- --tui-brand-t-black: #333333; // Фирменный цвет Tinkoff Black
103
- --tui-brand-t-platinum: #747B8F; // Фирменный цвет Tinkoff Platinum
103
+ --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
104
+ --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
105
+ --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
106
+ --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
104
107
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
105
108
  --tui-brand-t-mobile-alt-1: #BAB3EC; // Фирменный цвет Tinkoff Mobile
106
- --tui-brand-t-all-airlines: #27BEFF; // Фирменный цвет Tinkoff Mobile
107
- --tui-brand-t-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета Tinkoff All Airlines
109
+ --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines
110
+ --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines
108
111
  --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Tinkoff Ai Assistant
109
112
  --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования
110
113
  --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса
111
114
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
112
115
  --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
113
- --tui-brand-t-private: #212121; // Фирменный цвет Private
116
+ --tui-brand-private: #212121; // Фирменный цвет подписки Private
114
117
  --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
115
118
  --tui-brand-t-insurance-alt-1: #E1F9F7; // Бледный оттенок фирменного цвета Страхования
116
119
  --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
@@ -130,6 +133,13 @@
130
133
  --tui-brand-tinkoff-private: #212121; // @Deprecated: Заменён на t-private
131
134
  --tui-brand-tinkoff-insurance-pale: #D0F4F2; // @Deprecated: Заменён на t-insurance-alt-1
132
135
  --tui-brand-tinkoff-insurance-alt-1: #E1F9F7; // @Deprecated: Заменён на t-insurance-alt-1
136
+ --tui-brand-t-all-airlines: var(--tui-brand-all-airlines); // @Deprecated: Заменён на all-airlines
137
+ --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
138
+ --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
139
+ --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
140
+ --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
141
+ --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
142
+ --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
133
143
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
134
144
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
135
145
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);
@@ -463,12 +473,15 @@
463
473
  --tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме
464
474
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
465
475
  --tui-background-neutral-1-pressed: var(--tui-const-cool-gray-alpha-6); // Нажатое состояние элементов с фоном neutral-1
466
- --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
467
- --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
476
+ --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
477
+ --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
478
+ --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
479
+ --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
468
480
  --tui-background-neutral-2: var(--tui-const-cool-gray-alpha-6); // Прозрачные контейнеры маленьких размеров
469
481
  --tui-background-neutral-2-pressed: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
470
482
  --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
471
- --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: Изменен на neutral-1-pressed-on-dark
483
+ --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
484
+ --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
472
485
  --tui-background-neutral-3: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
473
486
  --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
474
487
  --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
@@ -537,20 +550,20 @@
537
550
  --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
538
551
  --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
539
552
  --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
540
- --tui-brand-t-pro: #AFF218; // Цвет подписки Tinkoff PRO. для фонов кнопок, бейджей и т.д.
541
- --tui-brand-t-premium: #4972CF; // Цвет подписки Tinkoff Premium. для фонов кнопок, бейджей и т.д.
542
- --tui-brand-t-black: #333333; // Фирменный цвет Tinkoff Black
543
- --tui-brand-t-platinum: #747B8F; // Фирменный цвет Tinkoff Platinum
553
+ --tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
554
+ --tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
555
+ --tui-brand-black: #333333; // Фирменный цвет T-Bank Black
556
+ --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum
544
557
  --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile
545
558
  --tui-brand-t-mobile-alt-1: #BAB3EC; // Фирменный цвет Tinkoff Mobile
546
- --tui-brand-t-all-airlines: #27BEFF; // Фирменный цвет Tinkoff Mobile
547
- --tui-brand-t-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета Tinkoff All Airlines
559
+ --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines
560
+ --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines
548
561
  --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Tinkoff Ai Assistant
549
562
  --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования
550
563
  --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса
551
564
  --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса
552
565
  --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
553
- --tui-brand-t-private: #212121; // Фирменный цвет Private
566
+ --tui-brand-private: #212121; // Фирменный цвет подписки Private
554
567
  --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
555
568
  --tui-brand-t-insurance-alt-1: #E1F9F7; // Бледный оттенок фирменного цвета Страхования
556
569
  --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
@@ -570,6 +583,13 @@
570
583
  --tui-brand-tinkoff-private: #212121; // @Deprecated: Заменён на t-private
571
584
  --tui-brand-tinkoff-insurance-pale: #D0F4F2; // @Deprecated: Заменён на t-insurance-alt-1
572
585
  --tui-brand-tinkoff-insurance-alt-1: #E1F9F7; // @Deprecated: Заменён на t-insurance-alt-1
586
+ --tui-brand-t-all-airlines: var(--tui-brand-all-airlines); // @Deprecated: Заменён на all-airlines
587
+ --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1
588
+ --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black
589
+ --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum
590
+ --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium
591
+ --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro
592
+ --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private
573
593
  --tui-chart-categorical-01: var(--tui-const-sea-blue);
574
594
  --tui-chart-categorical-02: var(--tui-const-purple-darker-72);
575
595
  --tui-chart-categorical-03: var(--tui-const-coral-darker-60);