@taiga-ui/design-tokens 0.192.0 → 0.194.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.
- package/angular/desktop.less +14 -14
- package/angular/fonts/mobile.less +6 -6
- package/angular/mobile.less +12 -12
- package/esm2022/icons.mjs +18 -2
- package/fesm2022/taiga-ui-design-tokens.mjs +17 -1
- package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
- package/fonts/mobile.css +6 -6
- package/icons/flags/ab.svg +7 -7
- package/icons/flags/af.svg +1 -1
- package/icons/flags/ag.svg +16 -23
- package/icons/flags/al.svg +1 -1
- package/icons/flags/ao.svg +1 -1
- package/icons/flags/ar.svg +1 -1
- package/icons/flags/as.svg +2 -2
- package/icons/flags/aw.svg +1 -1
- package/icons/flags/ba.svg +30 -37
- package/icons/flags/bb.svg +1 -1
- package/icons/flags/bd.svg +1 -1
- package/icons/flags/bf.svg +1 -1
- package/icons/flags/bh.svg +5 -12
- package/icons/flags/bi.svg +23 -30
- package/icons/flags/bl.svg +5 -5
- package/icons/flags/bn.svg +8 -15
- package/icons/flags/br.svg +3 -3
- package/icons/flags/bt.svg +6 -13
- package/icons/flags/bz.svg +5 -5
- package/icons/flags/cc.svg +4 -4
- package/icons/flags/cd.svg +15 -22
- package/icons/flags/cg.svg +12 -16
- package/icons/flags/ck.svg +4 -4
- package/icons/flags/cm.svg +1 -1
- package/icons/flags/cu.svg +10 -17
- package/icons/flags/cx.svg +2 -2
- package/icons/flags/dm.svg +17 -24
- package/icons/flags/do.svg +17 -24
- package/icons/flags/ec.svg +2 -2
- package/icons/flags/er.svg +13 -20
- package/icons/flags/et.svg +3 -3
- package/icons/flags/fj.svg +2 -2
- package/icons/flags/fk.svg +8 -13
- package/icons/flags/fm.svg +1 -1
- package/icons/flags/gd.svg +40 -47
- package/icons/flags/gf.svg +1 -1
- package/icons/flags/gg.svg +2 -2
- package/icons/flags/gh.svg +1 -1
- package/icons/flags/gi.svg +1 -1
- package/icons/flags/gl.svg +2 -2
- package/icons/flags/gp.svg +4 -4
- package/icons/flags/gq.svg +1 -1
- package/icons/flags/gr.svg +11 -18
- package/icons/flags/gs.svg +12 -15
- package/icons/flags/gt.svg +2 -2
- package/icons/flags/gu.svg +4 -4
- package/icons/flags/gy.svg +14 -21
- package/icons/flags/hm.svg +11 -11
- package/icons/flags/hn.svg +1 -1
- package/icons/flags/hr.svg +7 -7
- package/icons/flags/ht.svg +2 -2
- package/icons/flags/im.svg +1 -1
- package/icons/flags/io.svg +9 -9
- package/icons/flags/iq.svg +2 -2
- package/icons/flags/ir.svg +13 -20
- package/icons/flags/je.svg +6 -6
- package/icons/flags/jm.svg +5 -12
- package/icons/flags/jo.svg +1 -1
- package/icons/flags/ke.svg +13 -20
- package/icons/flags/kh.svg +1 -1
- package/icons/flags/ki.svg +22 -21
- package/icons/flags/km.svg +1 -1
- package/icons/flags/kn.svg +19 -18
- package/icons/flags/kr.svg +16 -16
- package/icons/flags/ky.svg +2 -2
- package/icons/flags/lc.svg +3 -3
- package/icons/flags/li.svg +1 -1
- package/icons/flags/lk.svg +13 -20
- package/icons/flags/lr.svg +16 -23
- package/icons/flags/ls.svg +1 -1
- package/icons/flags/ly.svg +1 -1
- package/icons/flags/ma.svg +1 -1
- package/icons/flags/me.svg +4 -7
- package/icons/flags/mf.svg +5 -5
- package/icons/flags/mh.svg +2 -2
- package/icons/flags/mk.svg +17 -24
- package/icons/flags/mm.svg +1 -1
- package/icons/flags/mn.svg +7 -7
- package/icons/flags/mo.svg +7 -7
- package/icons/flags/mp.svg +4 -4
- package/icons/flags/mq.svg +4 -4
- package/icons/flags/mr.svg +2 -2
- package/icons/flags/ms.svg +4 -4
- package/icons/flags/mt.svg +1 -1
- package/icons/flags/mv.svg +2 -2
- package/icons/flags/mw.svg +1 -1
- package/icons/flags/mx.svg +1 -1
- package/icons/flags/my.svg +1 -1
- package/icons/flags/mz.svg +15 -22
- package/icons/flags/na.svg +15 -22
- package/icons/flags/nc.svg +1 -1
- package/icons/flags/ne.svg +1 -1
- package/icons/flags/nf.svg +1 -1
- package/icons/flags/ni.svg +3 -3
- package/icons/flags/np.svg +9 -13
- package/icons/flags/nz.svg +4 -4
- package/icons/flags/om.svg +1 -1
- package/icons/flags/pa.svg +12 -19
- package/icons/flags/pf.svg +5 -5
- package/icons/flags/pg.svg +6 -13
- package/icons/flags/ph.svg +4 -4
- package/icons/flags/pk.svg +2 -2
- package/icons/flags/pm.svg +41 -48
- package/icons/flags/pr.svg +1 -1
- package/icons/flags/pt.svg +3 -3
- package/icons/flags/pw.svg +1 -1
- package/icons/flags/py.svg +2 -2
- package/icons/flags/qa.svg +5 -12
- package/icons/flags/rs.svg +4 -4
- package/icons/flags/rw.svg +1 -1
- package/icons/flags/sa.svg +5 -5
- package/icons/flags/sb.svg +23 -30
- package/icons/flags/sc.svg +8 -15
- package/icons/flags/sg.svg +5 -5
- package/icons/flags/sh.svg +3 -3
- package/icons/flags/si.svg +2 -2
- package/icons/flags/sk.svg +4 -4
- package/icons/flags/sm.svg +5 -5
- package/icons/flags/sn.svg +1 -1
- package/icons/flags/so.svg +1 -1
- package/icons/flags/sr.svg +1 -1
- package/icons/flags/ss.svg +1 -1
- package/icons/flags/st.svg +2 -2
- package/icons/flags/sv.svg +3 -3
- package/icons/flags/sx.svg +5 -5
- package/icons/flags/sz.svg +1 -1
- package/icons/flags/tc.svg +3 -3
- package/icons/flags/tf.svg +8 -8
- package/icons/flags/tg.svg +10 -17
- package/icons/flags/tk.svg +6 -6
- package/icons/flags/tl.svg +1 -1
- package/icons/flags/tm.svg +16 -16
- package/icons/flags/tn.svg +3 -3
- package/icons/flags/to.svg +1 -1
- package/icons/flags/tt.svg +8 -18
- package/icons/flags/tv.svg +7 -7
- package/icons/flags/tw.svg +2 -2
- package/icons/flags/tz.svg +11 -18
- package/icons/flags/ug.svg +14 -21
- package/icons/flags/uy.svg +1 -1
- package/icons/flags/va.svg +2 -2
- package/icons/flags/ve.svg +8 -8
- package/icons/flags/vg.svg +6 -6
- package/icons/flags/vi.svg +7 -7
- package/icons/flags/vu.svg +15 -22
- package/icons/flags/wf.svg +2 -2
- package/icons/flags/ws.svg +5 -5
- package/icons/flags/xk.svg +7 -7
- package/icons/flags/za.svg +15 -22
- package/icons/flags/zm.svg +1 -1
- package/icons/flags/zw.svg +18 -25
- package/icons.d.ts +1 -1
- package/package.json +1 -1
- package/palette/dark.css +7 -7
- package/palette/light.css +7 -7
- package/palette/mobile/dark.css +6 -6
- package/palette/mobile/light.css +6 -6
package/angular/desktop.less
CHANGED
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
--tui-border-on-light: var(--tui-const-cool-gray-alpha-12); // Обводка, отделяющая цветные элементы от светлого фонов
|
|
115
115
|
--tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
|
|
116
116
|
--tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
|
|
117
|
-
--tui-brand-pro: #
|
|
117
|
+
--tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
|
|
118
118
|
--tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
|
|
119
119
|
--tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
|
|
120
120
|
--tui-brand-black: #333333; // Фирменный цвет T-Bank Black
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
--tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
|
|
132
132
|
--tui-brand-private: #212121; // Фирменный цвет подписки Private
|
|
133
133
|
--tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
|
|
134
|
-
--tui-brand-t-insurance-alt-1: #
|
|
134
|
+
--tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования
|
|
135
135
|
--tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
|
|
136
136
|
--tui-brand-tinkoff-pro: #AFF218; // @Deprecated: Заменён на t-pro
|
|
137
137
|
--tui-brand-tinkoff-premium: #4972CF; // @Deprecated: Заменён на t-premium
|
|
@@ -524,11 +524,11 @@
|
|
|
524
524
|
--tui-text-secondary-pressed: var(--tui-const-black-alpha-90); // Второстепенный текст на фонах base, elevation, neutral при нажатии
|
|
525
525
|
--tui-text-secondary-on-light: var(--tui-const-black-alpha-48); // Второстепенный текст на светлых фонах, не меняется при смене темы
|
|
526
526
|
--tui-text-secondary-on-dark: var(--tui-const-white-alpha-70); // Второстепенный текст на темных фонах, не меняется при смене темы
|
|
527
|
-
--tui-text-tertiary: var(--tui-const-black-alpha-40); // Лейблы задизейбленных кнопок,
|
|
528
|
-
--tui-text-tertiary-hover: var(--tui-const-black-alpha-60); // Лейблы задизейбленных кнопок,
|
|
529
|
-
--tui-text-tertiary-pressed: var(--tui-const-black-alpha-70); // Лейблы задизейбленных кнопок,
|
|
530
|
-
--tui-text-tertiary-on-light: var(--tui-const-black-alpha-40); // Лейблы задизейбленных кнопок,
|
|
531
|
-
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50); // Лейблы задизейбленных кнопок,
|
|
527
|
+
--tui-text-tertiary: var(--tui-const-black-alpha-40); // Лейблы задизейбленных кнопок, дисклеймеры
|
|
528
|
+
--tui-text-tertiary-hover: var(--tui-const-black-alpha-60); // Лейблы задизейбленных кнопок, дисклеймеры при наведении
|
|
529
|
+
--tui-text-tertiary-pressed: var(--tui-const-black-alpha-70); // Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии
|
|
530
|
+
--tui-text-tertiary-on-light: var(--tui-const-black-alpha-40); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
531
|
+
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
532
532
|
--tui-text-action: var(--tui-const-blue-darker-52); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
|
|
533
533
|
--tui-text-action-hover: var(--tui-const-blue-darker-46); // Только для веба. Состояние текста при наведении
|
|
534
534
|
--tui-text-action-pressed: var(--tui-const-blue-darker-40); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
|
|
@@ -669,7 +669,7 @@
|
|
|
669
669
|
--tui-border-on-light: var(--tui-const-cool-gray-alpha-12); // Обводка, отделяющая цветные элементы от светлого фонов
|
|
670
670
|
--tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
|
|
671
671
|
--tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
|
|
672
|
-
--tui-brand-pro: #
|
|
672
|
+
--tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
|
|
673
673
|
--tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
|
|
674
674
|
--tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
|
|
675
675
|
--tui-brand-black: #333333; // Фирменный цвет T-Bank Black
|
|
@@ -686,7 +686,7 @@
|
|
|
686
686
|
--tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
|
|
687
687
|
--tui-brand-private: #212121; // Фирменный цвет подписки Private
|
|
688
688
|
--tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
|
|
689
|
-
--tui-brand-t-insurance-alt-1: #
|
|
689
|
+
--tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования
|
|
690
690
|
--tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
|
|
691
691
|
--tui-brand-tinkoff-pro: #AFF218; // @Deprecated: Заменён на t-pro
|
|
692
692
|
--tui-brand-tinkoff-premium: #4972CF; // @Deprecated: Заменён на t-premium
|
|
@@ -1079,11 +1079,11 @@
|
|
|
1079
1079
|
--tui-text-secondary-pressed: var(--tui-const-white-alpha-96); // Второстепенный текст на фонах base, elevation, neutral при нажатии
|
|
1080
1080
|
--tui-text-secondary-on-light: var(--tui-const-black-alpha-48); // Второстепенный текст на светлых фонах, не меняется при смене темы
|
|
1081
1081
|
--tui-text-secondary-on-dark: var(--tui-const-white-alpha-70); // Второстепенный текст на темных фонах, не меняется при смене темы
|
|
1082
|
-
--tui-text-tertiary: var(--tui-const-white-alpha-50); // Лейблы задизейбленных кнопок,
|
|
1083
|
-
--tui-text-tertiary-hover: var(--tui-const-white-alpha-70); // Лейблы задизейбленных кнопок,
|
|
1084
|
-
--tui-text-tertiary-pressed: var(--tui-const-white-alpha-80); // Лейблы задизейбленных кнопок,
|
|
1085
|
-
--tui-text-tertiary-on-light: var(--tui-const-black-alpha-40); // Лейблы задизейбленных кнопок,
|
|
1086
|
-
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50); // Лейблы задизейбленных кнопок,
|
|
1082
|
+
--tui-text-tertiary: var(--tui-const-white-alpha-50); // Лейблы задизейбленных кнопок, дисклеймеры
|
|
1083
|
+
--tui-text-tertiary-hover: var(--tui-const-white-alpha-70); // Лейблы задизейбленных кнопок, дисклеймеры при наведении
|
|
1084
|
+
--tui-text-tertiary-pressed: var(--tui-const-white-alpha-80); // Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии
|
|
1085
|
+
--tui-text-tertiary-on-light: var(--tui-const-black-alpha-40); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
1086
|
+
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
1087
1087
|
--tui-text-action: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
|
|
1088
1088
|
--tui-text-action-hover: var(--tui-const-blue-darker-52); // Только для веба. Состояние текста при наведении
|
|
1089
1089
|
--tui-text-action-pressed: var(--tui-const-blue-darker-40); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
--tui-font-family-text: 'Roboto';
|
|
39
39
|
--tui-font-family-display: 'Roboto';
|
|
40
40
|
--tui-font-heading-mobile-l: 700 calc(var(--tui-font-offset) + 1.75rem) / 1.18 var(--tui-font-family-display), var(--tui-font-family-fallback);
|
|
41
|
-
--tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) / 1.
|
|
41
|
+
--tui-font-heading-mobile-m: 700 calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
|
|
42
42
|
--tui-font-heading-mobile-s-bold: 700 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-display), var(--tui-font-family-fallback);
|
|
43
|
-
--tui-font-heading-mobile-s:
|
|
43
|
+
--tui-font-heading-mobile-s: 500 calc(var(--tui-font-offset) + 1rem) / 1.19 var(--tui-font-family-display), var(--tui-font-family-fallback);
|
|
44
44
|
--tui-font-body-l-bold: 700 calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
45
45
|
--tui-font-body-l: 400 calc(var(--tui-font-offset) + 1rem) / 1.44 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
46
46
|
--tui-font-body-m-bold: 500 calc(var(--tui-font-offset) + 0.875rem) / 1.5 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
@@ -57,14 +57,14 @@
|
|
|
57
57
|
--tui-font-ui-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
58
58
|
--tui-font-ui-xs-bold: 500 calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
59
59
|
--tui-font-ui-xs: 400 calc(var(--tui-font-offset) + 0.75rem) / 1.17 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
60
|
-
--tui-font-ui-2xs-bold:
|
|
60
|
+
--tui-font-ui-2xs-bold: 700 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
61
61
|
--tui-font-ui-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
62
|
-
--tui-font-ui-3xs-bold:
|
|
63
|
-
--tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) / 1.
|
|
62
|
+
--tui-font-ui-3xs-bold: 500 calc(var(--tui-font-offset) + 0.5625rem) / 1.11 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
63
|
+
--tui-font-ui-3xs: 400 calc(var(--tui-font-offset) + 0.5625rem) / 1.11 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
64
64
|
--tui-font-caps-s-bold: 500 calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
65
65
|
--tui-font-caps-s: 400 calc(var(--tui-font-offset) + 0.8125rem) / 1.15 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
66
66
|
--tui-font-caps-2xs-bold: 500 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
67
67
|
--tui-font-caps-2xs: 400 calc(var(--tui-font-offset) + 0.6875rem) / 1.18 var(--tui-font-family-text), var(--tui-font-family-fallback);
|
|
68
68
|
--tui-font-numbers-xl: 700 calc(var(--tui-font-offset) + 1.875rem) / 1.17 var(--tui-font-family-display), var(--tui-font-family-fallback);
|
|
69
|
-
--tui-font-numbers-m: 500 calc(var(--tui-font-offset) + 1.25rem) / 1.
|
|
69
|
+
--tui-font-numbers-m: 500 calc(var(--tui-font-offset) + 1.25rem) / 1.2 var(--tui-font-family-display), var(--tui-font-family-fallback);
|
|
70
70
|
}
|
package/angular/mobile.less
CHANGED
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
--tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
|
|
99
99
|
--tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
|
|
100
100
|
--tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
|
|
101
|
-
--tui-brand-pro: #
|
|
101
|
+
--tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
|
|
102
102
|
--tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
|
|
103
103
|
--tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
|
|
104
104
|
--tui-brand-black: #333333; // Фирменный цвет T-Bank Black
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
--tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
|
|
116
116
|
--tui-brand-private: #212121; // Фирменный цвет подписки Private
|
|
117
117
|
--tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
|
|
118
|
-
--tui-brand-t-insurance-alt-1: #
|
|
118
|
+
--tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования
|
|
119
119
|
--tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
|
|
120
120
|
--tui-brand-tinkoff-pro: #AFF218; // @Deprecated: Заменён на t-pro
|
|
121
121
|
--tui-brand-tinkoff-premium: #4972CF; // @Deprecated: Заменён на t-premium
|
|
@@ -494,10 +494,10 @@
|
|
|
494
494
|
--tui-text-secondary-pressed: var(--tui-const-cool-gray-lighter-79); // Второстепенный текст на фонах base, elevation, neutral при нажатии
|
|
495
495
|
--tui-text-secondary-on-light: var(--tui-const-black-alpha-48); // Второстепенный текст на светлых фонах, не меняется при смене темы
|
|
496
496
|
--tui-text-secondary-on-dark: var(--tui-const-white-alpha-70); // Второстепенный текст на темных фонах, не меняется при смене темы
|
|
497
|
-
--tui-text-tertiary: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок,
|
|
498
|
-
--tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); // Лейблы задизейбленных кнопок,
|
|
499
|
-
--tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок,
|
|
500
|
-
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок,
|
|
497
|
+
--tui-text-tertiary: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, дисклеймеры
|
|
498
|
+
--tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); // Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии
|
|
499
|
+
--tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
500
|
+
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
501
501
|
--tui-text-action: var(--tui-const-blue-darker-66); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
|
|
502
502
|
--tui-text-action-pressed: var(--tui-const-blue-darker-46); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
|
|
503
503
|
--tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах
|
|
@@ -616,7 +616,7 @@
|
|
|
616
616
|
--tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов
|
|
617
617
|
--tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от темных фонов
|
|
618
618
|
--tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team
|
|
619
|
-
--tui-brand-pro: #
|
|
619
|
+
--tui-brand-pro: #AFF218; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д.
|
|
620
620
|
--tui-brand-pro-alt-1: #9AF526; // Дополнительный цвет подписки Pro.
|
|
621
621
|
--tui-brand-premium: #4972CF; // Цвет подписки Premium, для фонов кнопок, бейджей и т.д.
|
|
622
622
|
--tui-brand-black: #333333; // Фирменный цвет T-Bank Black
|
|
@@ -633,7 +633,7 @@
|
|
|
633
633
|
--tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций
|
|
634
634
|
--tui-brand-private: #212121; // Фирменный цвет подписки Private
|
|
635
635
|
--tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay
|
|
636
|
-
--tui-brand-t-insurance-alt-1: #
|
|
636
|
+
--tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования
|
|
637
637
|
--tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank
|
|
638
638
|
--tui-brand-tinkoff-pro: #AFF218; // @Deprecated: Заменён на t-pro
|
|
639
639
|
--tui-brand-tinkoff-premium: #4972CF; // @Deprecated: Заменён на t-premium
|
|
@@ -1012,10 +1012,10 @@
|
|
|
1012
1012
|
--tui-text-secondary-pressed: var(--tui-const-cool-gray-lighter-36); // Второстепенный текст на фонах base, elevation, neutral при нажатии
|
|
1013
1013
|
--tui-text-secondary-on-light: var(--tui-const-black-alpha-48); // Второстепенный текст на светлых фонах, не меняется при смене темы
|
|
1014
1014
|
--tui-text-secondary-on-dark: var(--tui-const-white-alpha-70); // Второстепенный текст на темных фонах, не меняется при смене темы
|
|
1015
|
-
--tui-text-tertiary: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок,
|
|
1016
|
-
--tui-text-tertiary-pressed: var(--tui-const-cool-gray-alpha-56); // Лейблы задизейбленных кнопок,
|
|
1017
|
-
--tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок,
|
|
1018
|
-
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок,
|
|
1015
|
+
--tui-text-tertiary: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, дисклеймеры
|
|
1016
|
+
--tui-text-tertiary-pressed: var(--tui-const-cool-gray-alpha-56); // Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии
|
|
1017
|
+
--tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
1018
|
+
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
1019
1019
|
--tui-text-action: var(--tui-const-blue); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
|
|
1020
1020
|
--tui-text-action-pressed: var(--tui-const-blue-darker-46); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
|
|
1021
1021
|
--tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах
|