@vkontakte/vkui-tokens 4.3.1 → 4.3.2-dev-db778e.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 (50) hide show
  1. package/interfaces/themes/calendar/index.d.ts +4 -7
  2. package/package.json +1 -1
  3. package/themes/calendar/cssVars/declarations/index.css +835 -454
  4. package/themes/calendar/cssVars/declarations/noColors.css +409 -241
  5. package/themes/calendar/cssVars/declarations/noSizes.css +10 -7
  6. package/themes/calendar/cssVars/declarations/onlyAdaptiveGroups.css +26 -51
  7. package/themes/calendar/cssVars/declarations/onlyColors.css +6 -3
  8. package/themes/calendar/cssVars/declarations/onlyColors.js +2 -2
  9. package/themes/calendar/cssVars/declarations/onlyMedia.css +387 -152
  10. package/themes/calendar/cssVars/declarations/onlyVariables.css +137 -88
  11. package/themes/calendar/cssVars/declarations/onlyVariables.js +2 -2
  12. package/themes/calendar/cssVars/declarations/onlyVariablesLocal.css +137 -88
  13. package/themes/calendar/cssVars/theme/fallbacks/index.css +434 -263
  14. package/themes/calendar/cssVars/theme/fallbacks/index.less +183 -108
  15. package/themes/calendar/cssVars/theme/fallbacks/index.pcss +183 -108
  16. package/themes/calendar/cssVars/theme/fallbacks/index.scss +478 -234
  17. package/themes/calendar/cssVars/theme/fallbacks/index.styl +183 -108
  18. package/themes/calendar/cssVars/theme/index.js +529 -393
  19. package/themes/calendar/cssVars/theme/index.json +529 -393
  20. package/themes/calendar/index.css +415 -244
  21. package/themes/calendar/index.js +180 -115
  22. package/themes/calendar/index.json +180 -115
  23. package/themes/calendar/index.less +156 -81
  24. package/themes/calendar/index.pcss +156 -81
  25. package/themes/calendar/index.scss +412 -168
  26. package/themes/calendar/index.styl +156 -81
  27. package/themes/calendarDark/cssVars/declarations/index.css +835 -454
  28. package/themes/calendarDark/cssVars/declarations/noColors.css +409 -241
  29. package/themes/calendarDark/cssVars/declarations/noSizes.css +10 -7
  30. package/themes/calendarDark/cssVars/declarations/onlyAdaptiveGroups.css +26 -51
  31. package/themes/calendarDark/cssVars/declarations/onlyColors.css +6 -3
  32. package/themes/calendarDark/cssVars/declarations/onlyColors.js +2 -2
  33. package/themes/calendarDark/cssVars/declarations/onlyMedia.css +387 -152
  34. package/themes/calendarDark/cssVars/declarations/onlyVariables.css +137 -88
  35. package/themes/calendarDark/cssVars/declarations/onlyVariables.js +2 -2
  36. package/themes/calendarDark/cssVars/declarations/onlyVariablesLocal.css +137 -88
  37. package/themes/calendarDark/cssVars/theme/fallbacks/index.css +434 -263
  38. package/themes/calendarDark/cssVars/theme/fallbacks/index.less +183 -108
  39. package/themes/calendarDark/cssVars/theme/fallbacks/index.pcss +183 -108
  40. package/themes/calendarDark/cssVars/theme/fallbacks/index.scss +478 -234
  41. package/themes/calendarDark/cssVars/theme/fallbacks/index.styl +183 -108
  42. package/themes/calendarDark/cssVars/theme/index.js +529 -393
  43. package/themes/calendarDark/cssVars/theme/index.json +529 -393
  44. package/themes/calendarDark/index.css +415 -244
  45. package/themes/calendarDark/index.js +180 -115
  46. package/themes/calendarDark/index.json +180 -115
  47. package/themes/calendarDark/index.less +156 -81
  48. package/themes/calendarDark/index.pcss +156 -81
  49. package/themes/calendarDark/index.scss +412 -168
  50. package/themes/calendarDark/index.styl +156 -81
@@ -8,93 +8,155 @@
8
8
  --vkui--font_weight_base1: 700;
9
9
  --vkui--font_weight_base2: 700;
10
10
  --vkui--font_weight_base3: 400;
11
- --vkui--font_title1--font_size--regular: 17px;
12
- --vkui--font_title1--line_height--regular: 24px;
11
+ --vkui--font_title1--font_size--regular: 24px;
12
+ --vkui--font_title1--line_height--regular: 32px;
13
13
  --vkui--font_title1--font_weight--regular: 500;
14
14
  --vkui--font_title1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
15
- --vkui--font_title2--font_size--regular: 15px;
16
- --vkui--font_title2--line_height--regular: 20px;
15
+ --vkui--font_title1--font_size--compact: 24px;
16
+ --vkui--font_title1--line_height--compact: 28px;
17
+ --vkui--font_title1--font_weight--compact: 500;
18
+ --vkui--font_title1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
19
+ --vkui--font_title2--font_size--regular: 20px;
20
+ --vkui--font_title2--line_height--regular: 24px;
17
21
  --vkui--font_title2--font_weight--regular: 500;
18
22
  --vkui--font_title2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
19
- --vkui--font_title3--font_size--regular: 15px;
20
- --vkui--font_title3--line_height--regular: 20px;
23
+ --vkui--font_title2--font_size--compact: 20px;
24
+ --vkui--font_title2--line_height--compact: 24px;
25
+ --vkui--font_title2--font_weight--compact: 500;
26
+ --vkui--font_title2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
27
+ --vkui--font_title3--font_size--regular: 17px;
28
+ --vkui--font_title3--line_height--regular: 24px;
21
29
  --vkui--font_title3--font_weight--regular: 500;
22
30
  --vkui--font_title3--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
23
- --vkui--font_headline1--font_size--regular: 15px;
31
+ --vkui--font_title3--font_size--compact: 17px;
32
+ --vkui--font_title3--line_height--compact: 24px;
33
+ --vkui--font_title3--font_weight--compact: 500;
34
+ --vkui--font_title3--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
35
+ --vkui--font_headline1--font_size--regular: 16px;
24
36
  --vkui--font_headline1--line_height--regular: 20px;
25
37
  --vkui--font_headline1--font_weight--regular: 500;
26
38
  --vkui--font_headline1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
39
+ --vkui--font_headline1--font_size--compact: 15px;
40
+ --vkui--font_headline1--line_height--compact: 20px;
41
+ --vkui--font_headline1--font_weight--compact: 500;
42
+ --vkui--font_headline1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
27
43
  --vkui--font_headline2--font_size--regular: 15px;
28
44
  --vkui--font_headline2--line_height--regular: 20px;
29
45
  --vkui--font_headline2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
30
46
  --vkui--font_headline2--font_weight--regular: 500;
31
47
  --vkui--font_headline2--font_size--compact: 14px;
32
48
  --vkui--font_headline2--line_height--compact: 20px;
33
- --vkui--font_text--font_size--compact: 17px;
34
- --vkui--font_text--line_height--compact: 24px;
35
- --vkui--font_text--font_weight--compact: 400;
36
- --vkui--font_text--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
37
- --vkui--font_text--font_size--regular: 15px;
49
+ --vkui--font_text--font_size--regular: 16px;
38
50
  --vkui--font_text--line_height--regular: 20px;
39
51
  --vkui--font_text--font_weight--regular: 400;
40
52
  --vkui--font_text--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
53
+ --vkui--font_text--font_size--compact: 15px;
54
+ --vkui--font_text--line_height--compact: 20px;
55
+ --vkui--font_text--font_weight--compact: 400;
56
+ --vkui--font_text--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
41
57
  --vkui--font_paragraph--font_size--regular: 15px;
42
58
  --vkui--font_paragraph--line_height--regular: 20px;
43
- --vkui--font_paragraph--font_family--regular: Helvetica, Arial, sans-serif;
44
59
  --vkui--font_paragraph--font_weight--regular: 400;
60
+ --vkui--font_paragraph--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
61
+ --vkui--font_paragraph--font_size--compact: 15px;
62
+ --vkui--font_paragraph--line_height--compact: 20px;
63
+ --vkui--font_paragraph--font_weight--compact: 400;
64
+ --vkui--font_paragraph--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
45
65
  --vkui--font_subhead--font_size--regular: 14px;
46
66
  --vkui--font_subhead--line_height--regular: 18px;
47
- --vkui--font_subhead--font_family--regular: Helvetica, Arial, sans-serif;
48
67
  --vkui--font_subhead--font_weight--regular: 400;
68
+ --vkui--font_subhead--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
49
69
  --vkui--font_subhead--font_size--compact: 13px;
50
70
  --vkui--font_subhead--line_height--compact: 18px;
71
+ --vkui--font_subhead--font_weight--compact: 500;
72
+ --vkui--font_subhead--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
51
73
  --vkui--font_footnote--font_size--regular: 13px;
52
- --vkui--font_footnote--line_height--regular: 20px;
74
+ --vkui--font_footnote--line_height--regular: 18px;
53
75
  --vkui--font_footnote--font_weight--regular: 400;
54
76
  --vkui--font_footnote--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
77
+ --vkui--font_footnote--font_size--compact: 13px;
78
+ --vkui--font_footnote--line_height--compact: 18px;
79
+ --vkui--font_footnote--font_weight--compact: 400;
80
+ --vkui--font_footnote--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
55
81
  --vkui--font_footnote_caps--font_size--regular: 13px;
56
82
  --vkui--font_footnote_caps--line_height--regular: 18px;
57
- --vkui--font_footnote_caps--font_family--regular: Helvetica, Arial, sans-serif;
58
83
  --vkui--font_footnote_caps--font_weight--regular: 400;
59
- --vkui--font_footnote_caps--text_transform--regular: uppercase;
84
+ --vkui--font_footnote_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
60
85
  --vkui--font_footnote_caps--letter_spacing--regular: 0.3px;
86
+ --vkui--font_footnote_caps--text_transform--regular: uppercase;
87
+ --vkui--font_footnote_caps--font_size--compact: 13px;
88
+ --vkui--font_footnote_caps--line_height--compact: 18px;
89
+ --vkui--font_footnote_caps--font_weight--compact: 400;
90
+ --vkui--font_footnote_caps--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
91
+ --vkui--font_footnote_caps--letter_spacing--compact: 0.3px;
92
+ --vkui--font_footnote_caps--text_transform--compact: uppercase;
61
93
  --vkui--font_caption1--font_size--regular: 12px;
62
94
  --vkui--font_caption1--line_height--regular: 16px;
63
- --vkui--font_caption1--font_family--regular: Helvetica, Arial, sans-serif;
64
95
  --vkui--font_caption1--font_weight--regular: 400;
96
+ --vkui--font_caption1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
97
+ --vkui--font_caption1--font_size--compact: 12px;
98
+ --vkui--font_caption1--line_height--compact: 14px;
99
+ --vkui--font_caption1--font_weight--compact: 400;
100
+ --vkui--font_caption1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
65
101
  --vkui--font_caption1_caps--font_size--regular: 12px;
66
102
  --vkui--font_caption1_caps--line_height--regular: 16px;
67
- --vkui--font_caption1_caps--font_family--regular: Helvetica, Arial, sans-serif;
68
103
  --vkui--font_caption1_caps--font_weight--regular: 400;
69
- --vkui--font_caption1_caps--text_transform--regular: uppercase;
104
+ --vkui--font_caption1_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
70
105
  --vkui--font_caption1_caps--letter_spacing--regular: 0.26px;
106
+ --vkui--font_caption1_caps--text_transform--regular: uppercase;
107
+ --vkui--font_caption1_caps--font_size--compact: 12px;
108
+ --vkui--font_caption1_caps--line_height--compact: 14px;
109
+ --vkui--font_caption1_caps--font_weight--compact: 500;
110
+ --vkui--font_caption1_caps--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
111
+ --vkui--font_caption1_caps--letter_spacing--compact: 0.26px;
112
+ --vkui--font_caption1_caps--text_transform--compact: uppercase;
71
113
  --vkui--font_caption2--font_size--regular: 11px;
72
- --vkui--font_caption2--line_height--regular: 12px;
114
+ --vkui--font_caption2--line_height--regular: 14px;
73
115
  --vkui--font_caption2--font_weight--regular: 400;
74
116
  --vkui--font_caption2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
117
+ --vkui--font_caption2--font_size--compact: 11px;
118
+ --vkui--font_caption2--line_height--compact: 14px;
119
+ --vkui--font_caption2--font_weight--compact: 400;
120
+ --vkui--font_caption2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
75
121
  --vkui--font_caption2_caps--font_size--regular: 11px;
76
122
  --vkui--font_caption2_caps--line_height--regular: 14px;
77
- --vkui--font_caption2_caps--font_family--regular: Helvetica, Arial, sans-serif;
78
123
  --vkui--font_caption2_caps--font_weight--regular: 400;
79
- --vkui--font_caption2_caps--text_transform--regular: uppercase;
124
+ --vkui--font_caption2_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
80
125
  --vkui--font_caption2_caps--letter_spacing--regular: 0.22px;
126
+ --vkui--font_caption2_caps--text_transform--regular: uppercase;
127
+ --vkui--font_caption2_caps--font_size--compact: 11px;
128
+ --vkui--font_caption2_caps--line_height--compact: 14px;
129
+ --vkui--font_caption2_caps--font_weight--compact: 400;
130
+ --vkui--font_caption2_caps--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
131
+ --vkui--font_caption2_caps--letter_spacing--compact: 0.22px;
132
+ --vkui--font_caption2_caps--text_transform--compact: uppercase;
81
133
  --vkui--font_caption3--font_size--regular: 9px;
82
134
  --vkui--font_caption3--line_height--regular: 12px;
83
- --vkui--font_caption3--font_family--regular: Helvetica, Arial, sans-serif;
84
135
  --vkui--font_caption3--font_weight--regular: 400;
136
+ --vkui--font_caption3--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
137
+ --vkui--font_caption3--font_size--compact: 9px;
138
+ --vkui--font_caption3--line_height--compact: 12px;
139
+ --vkui--font_caption3--font_weight--compact: 400;
140
+ --vkui--font_caption3--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
85
141
  --vkui--font_caption3_caps--font_size--regular: 9px;
86
142
  --vkui--font_caption3_caps--line_height--regular: 12px;
87
- --vkui--font_caption3_caps--font_family--regular: Helvetica, Arial, sans-serif;
88
143
  --vkui--font_caption3_caps--font_weight--regular: 400;
89
- --vkui--font_caption3_caps--text_transform--regular: uppercase;
144
+ --vkui--font_caption3_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
90
145
  --vkui--font_caption3_caps--letter_spacing--regular: 0.16px;
146
+ --vkui--font_caption3_caps--text_transform--regular: uppercase;
147
+ --vkui--font_caption3_caps--font_size--compact: 9px;
148
+ --vkui--font_caption3_caps--line_height--compact: 12px;
149
+ --vkui--font_caption3_caps--font_weight--compact: 400;
150
+ --vkui--font_caption3_caps--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
151
+ --vkui--font_caption3_caps--letter_spacing--compact: 0.16px;
152
+ --vkui--font_caption3_caps--text_transform--compact: uppercase;
91
153
  --vkui--size_select_icon_padding--regular: 7px;
92
154
  --vkui--size_select_icon_padding--compact: 6px;
93
155
  --vkui--size_popup_base_padding--regular: 20px;
94
156
  --vkui--size_popup_base_padding--compact: 32px;
95
157
  --vkui--size_popup_header_padding--regular: 16px;
96
158
  --vkui--size_popup_header_padding--compact: 24px;
97
- --vkui--size_border_radius--compact: 12px;
159
+ --vkui--size_border_radius--compact: 8px;
98
160
  --vkui--size_border_radius--regular: 8px;
99
161
  --vkui--size_check_border_radius--regular: 4px;
100
162
  --vkui--size_border_radius_paper--regular: 12px;
@@ -114,8 +176,8 @@
114
176
  --vkui--size_popup_medium--regular: 680px;
115
177
  --vkui--size_popup_large--regular: 880px;
116
178
  --vkui--size_field_horizontal_padding--regular: 8px;
117
- --vkui--size_button_padding_horizontal--compact: 12px;
118
- --vkui--size_button_padding_horizontal--regular: 16px;
179
+ --vkui--size_button_padding_horizontal--compact: 16px;
180
+ --vkui--size_button_padding_horizontal--regular: 20px;
119
181
  --vkui--size_label_horizontal_margin--regular: 16px;
120
182
  --vkui--size_arrow_padding--regular: 12px;
121
183
  --vkui--size_tooltip_margin--regular: 8px;
@@ -135,10 +197,10 @@
135
197
  --vkui--size_card_border_radius--regular: 16px;
136
198
  --vkui--size_cardgrid_padding_vertical--regular: 8px;
137
199
  --vkui--size_base_padding_horizontal--regular: 16px;
138
- --vkui--elevation1: none;
139
- --vkui--elevation2: none;
140
- --vkui--elevation3: 0px 4px 32px rgba(0, 16, 61, 0.32);
141
- --vkui--elevation4: 0px 16px 48px rgba(0, 16, 61, 0.48);
200
+ --vkui--elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
201
+ --vkui--elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
202
+ --vkui--elevation3: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
203
+ --vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
142
204
  --vkui--animation_duration_l: 0.4s;
143
205
  --vkui--animation_duration_m: 0.2s;
144
206
  --vkui--animation_duration_s: 0.1s;
@@ -161,28 +223,24 @@
161
223
  --vkui--x20: 80px;
162
224
  --vkui--size_base: 4px;
163
225
  --vkui--size_grid: 20px;
164
- --vkui--font_h0--font_size--regular: 32px;
165
- --vkui--font_h0--line_height--regular: 40px;
166
- --vkui--font_h0--font_weight--regular: 500;
226
+ --vkui--font_h0--font_size--regular: 28px;
227
+ --vkui--font_h0--line_height--regular: 32px;
167
228
  --vkui--font_h0--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
168
- --vkui--font_h1--font_size--compact: 24px;
169
- --vkui--font_h1--line_height--compact: 32px;
170
- --vkui--font_h1--font_weight--compact: 500;
171
- --vkui--font_h1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
172
- --vkui--font_h1--margin_bottom--compact: 16px;
173
- --vkui--font_h1--font_size--regular: 32px;
174
- --vkui--font_h1--line_height--regular: 40px;
175
- --vkui--font_h1--font_weight--regular: 500;
229
+ --vkui--font_h0--font_weight--regular: 500;
230
+ --vkui--font_h0--font_size--compact: 44px;
231
+ --vkui--font_h0--line_height--compact: 52px;
232
+ --vkui--font_h1--font_size--regular: 24px;
233
+ --vkui--font_h1--line_height--regular: 28px;
176
234
  --vkui--font_h1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
177
- --vkui--font_h1--margin_bottom--regular: 16px;
178
- --vkui--font_h2--font_size--compact: 20px;
179
- --vkui--font_h2--line_height--compact: 24px;
180
- --vkui--font_h2--font_weight--compact: 500;
181
- --vkui--font_h2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
182
- --vkui--font_h2--font_size--regular: 24px;
183
- --vkui--font_h2--line_height--regular: 28px;
184
- --vkui--font_h2--font_weight--regular: 500;
235
+ --vkui--font_h1--font_weight--regular: 500;
236
+ --vkui--font_h1--font_size--compact: 32px;
237
+ --vkui--font_h1--line_height--compact: 36px;
238
+ --vkui--font_h2--font_size--regular: 20px;
239
+ --vkui--font_h2--line_height--regular: 26px;
185
240
  --vkui--font_h2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
241
+ --vkui--font_h2--font_weight--regular: 500;
242
+ --vkui--font_h2--font_size--compact: 28px;
243
+ --vkui--font_h2--line_height--compact: 32px;
186
244
  --vkui--size_arrow_height--regular: 8px;
187
245
  --vkui--size_arrow_width--regular: 12px;
188
246
  --vkui--size_base_padding--regular: 20px;
@@ -250,42 +308,30 @@
250
308
  --vkui--type_border_button: solid;
251
309
  --vkui--type_border_position: inset;
252
310
  --vkui--theme_name_base: 'calendar';
253
- --vkui--font_event_m--font_size--compact: 17px;
254
- --vkui--font_event_m--line_height--compact: 24px;
255
- --vkui--font_event_m--font_weight--compact: 500;
256
- --vkui--font_event_m--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
257
- --vkui--font_event_m--font_size--regular: 15px;
258
- --vkui--font_event_m--line_height--regular: 20px;
259
- --vkui--font_event_m--font_weight--regular: 500;
260
- --vkui--font_event_m--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
261
- --vkui--font_event_s--font_size--compact: 15px;
262
- --vkui--font_event_s--line_height--compact: 18px;
263
- --vkui--font_event_s--font_weight--compact: 500;
264
- --vkui--font_event_s--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
265
- --vkui--font_event_s--font_size--regular: 13px;
266
- --vkui--font_event_s--line_height--regular: 18px;
267
- --vkui--font_event_s--font_weight--regular: 500;
268
- --vkui--font_event_s--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
269
- --vkui--font_event_x_s--font_size--regular: 12px;
270
- --vkui--font_event_x_s--line_height--regular: 16px;
271
- --vkui--font_event_x_s--font_weight--regular: 500;
272
- --vkui--font_event_x_s--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
273
- --vkui--font_time--font_size--regular: 13px;
274
- --vkui--font_time--line_height--regular: 18px;
275
- --vkui--font_time--font_weight--regular: 500;
276
- --vkui--font_time--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
277
- --vkui--font_body_i_o_s--font_size--regular: 17px;
278
- --vkui--font_body_i_o_s--line_height--regular: 24px;
279
- --vkui--font_body_i_o_s--font_weight--regular: 500;
280
- --vkui--font_body_i_o_s--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
281
- --vkui--font_body_android--font_size--regular: 16px;
282
- --vkui--font_body_android--line_height--regular: 24px;
283
- --vkui--font_body_android--font_weight--regular: 500;
284
- --vkui--font_body_android--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
285
- --vkui--font_headline--font_size--regular: 15px;
311
+ --vkui--calendar_font_text_event--font_size--regular: 17px;
312
+ --vkui--calendar_font_text_event--line_height--regular: 24px;
313
+ --vkui--calendar_font_text_event--font_weight--regular: 400;
314
+ --vkui--calendar_font_text_event--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
315
+ --vkui--calendar_font_text_event--font_size--compact: 13px;
316
+ --vkui--calendar_font_text_event--line_height--compact: 18px;
317
+ --vkui--calendar_font_text_event--font_weight--compact: 500;
318
+ --vkui--calendar_font_text_event--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
319
+ --vkui--calendar_font_text_event_small--font_size--regular: 15px;
320
+ --vkui--calendar_font_text_event_small--line_height--regular: 20px;
321
+ --vkui--calendar_font_text_event_small--font_weight--regular: 400;
322
+ --vkui--calendar_font_text_event_small--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
323
+ --vkui--calendar_font_text_event_small--font_size--compact: 12px;
324
+ --vkui--calendar_font_text_event_small--line_height--compact: 12px;
325
+ --vkui--calendar_font_text_event_small--font_weight--compact: 400;
326
+ --vkui--calendar_font_text_event_small--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
327
+ --vkui--font_headline--font_size--regular: 16px;
286
328
  --vkui--font_headline--line_height--regular: 20px;
287
329
  --vkui--font_headline--font_weight--regular: 500;
288
330
  --vkui--font_headline--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
331
+ --vkui--font_headline--font_size--compact: 15px;
332
+ --vkui--font_headline--line_height--compact: 20px;
333
+ --vkui--font_headline--font_weight--compact: 500;
334
+ --vkui--font_headline--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
289
335
  --vkui--colors_scheme: dark;
290
336
  --vkui--color_background_accent: #2775FC;
291
337
  --vkui--color_background_accent--hover: #307BFC;
@@ -434,9 +480,9 @@
434
480
  --vkui--color_image_border_alpha: rgba(255, 255, 255, 0.08);
435
481
  --vkui--color_image_border_alpha--hover: rgba(255, 255, 255, 0.12);
436
482
  --vkui--color_image_border_alpha--active: rgba(255, 255, 255, 0.16);
437
- --vkui--color_field_border_alpha: transparent;
438
- --vkui--color_field_border_alpha--hover: transparent;
439
- --vkui--color_field_border_alpha--active: transparent;
483
+ --vkui--color_field_border_alpha: rgba(255, 255, 255, 0.16);
484
+ --vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.2);
485
+ --vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.24);
440
486
  --vkui--color_separator_primary_alpha: rgba(0, 0, 0, 0.4);
441
487
  --vkui--color_separator_primary_alpha--hover: rgba(0, 0, 0, 0.44);
442
488
  --vkui--color_separator_primary_alpha--active: rgba(0, 0, 0, 0.48);
@@ -533,41 +579,74 @@
533
579
  --vkui--color_thumb_error_background_alpha: rgba(237, 10, 52, 0.12);
534
580
  --vkui--color_thumb_error_background_alpha--hover: rgba(237, 10, 52, 0.16);
535
581
  --vkui--color_thumb_error_background_alpha--active: rgba(237, 10, 52, 0.2);
582
+ --vkui--calendar_color_background_accent_tint_themed: #3E3E3F;
583
+ --vkui--calendar_color_background_accent_tint_themed--hover: #2C2C2D;
584
+ --vkui--calendar_color_background_accent_tint_themed--active: #3E3E3F;
536
585
  }
537
586
 
538
587
  .vkui--font_title1--regular {
539
- font-size: 17px;
540
- font-size: var(--vkui--font_title1--font_size--regular, 17px);
541
- line-height: 24px;
542
- line-height: var(--vkui--font_title1--line_height--regular, 24px);
588
+ font-size: 24px;
589
+ font-size: var(--vkui--font_title1--font_size--regular, 24px);
590
+ line-height: 32px;
591
+ line-height: var(--vkui--font_title1--line_height--regular, 32px);
543
592
  font-weight: 500;
544
593
  font-weight: var(--vkui--font_title1--font_weight--regular, 500);
545
594
  font-family: MailSans, Helvetica, Arial, sans-serif;
546
595
  font-family: var(--vkui--font_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
547
596
  }
597
+ .vkui--font_title1--compact {
598
+ font-size: 24px;
599
+ font-size: var(--vkui--font_title1--font_size--compact, 24px);
600
+ line-height: 28px;
601
+ line-height: var(--vkui--font_title1--line_height--compact, 28px);
602
+ font-weight: 500;
603
+ font-weight: var(--vkui--font_title1--font_weight--compact, 500);
604
+ font-family: MailSans, Helvetica, Arial, sans-serif;
605
+ font-family: var(--vkui--font_title1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
606
+ }
548
607
  .vkui--font_title2--regular {
549
- font-size: 15px;
550
- font-size: var(--vkui--font_title2--font_size--regular, 15px);
551
- line-height: 20px;
552
- line-height: var(--vkui--font_title2--line_height--regular, 20px);
608
+ font-size: 20px;
609
+ font-size: var(--vkui--font_title2--font_size--regular, 20px);
610
+ line-height: 24px;
611
+ line-height: var(--vkui--font_title2--line_height--regular, 24px);
553
612
  font-weight: 500;
554
613
  font-weight: var(--vkui--font_title2--font_weight--regular, 500);
555
614
  font-family: MailSans, Helvetica, Arial, sans-serif;
556
615
  font-family: var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
557
616
  }
617
+ .vkui--font_title2--compact {
618
+ font-size: 20px;
619
+ font-size: var(--vkui--font_title2--font_size--compact, 20px);
620
+ line-height: 24px;
621
+ line-height: var(--vkui--font_title2--line_height--compact, 24px);
622
+ font-weight: 500;
623
+ font-weight: var(--vkui--font_title2--font_weight--compact, 500);
624
+ font-family: MailSans, Helvetica, Arial, sans-serif;
625
+ font-family: var(--vkui--font_title2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
626
+ }
558
627
  .vkui--font_title3--regular {
559
- font-size: 15px;
560
- font-size: var(--vkui--font_title3--font_size--regular, 15px);
561
- line-height: 20px;
562
- line-height: var(--vkui--font_title3--line_height--regular, 20px);
628
+ font-size: 17px;
629
+ font-size: var(--vkui--font_title3--font_size--regular, 17px);
630
+ line-height: 24px;
631
+ line-height: var(--vkui--font_title3--line_height--regular, 24px);
563
632
  font-weight: 500;
564
633
  font-weight: var(--vkui--font_title3--font_weight--regular, 500);
565
634
  font-family: MailSans, Helvetica, Arial, sans-serif;
566
635
  font-family: var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
567
636
  }
637
+ .vkui--font_title3--compact {
638
+ font-size: 17px;
639
+ font-size: var(--vkui--font_title3--font_size--compact, 17px);
640
+ line-height: 24px;
641
+ line-height: var(--vkui--font_title3--line_height--compact, 24px);
642
+ font-weight: 500;
643
+ font-weight: var(--vkui--font_title3--font_weight--compact, 500);
644
+ font-family: MailSans, Helvetica, Arial, sans-serif;
645
+ font-family: var(--vkui--font_title3--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
646
+ }
568
647
  .vkui--font_headline1--regular {
569
- font-size: 15px;
570
- font-size: var(--vkui--font_headline1--font_size--regular, 15px);
648
+ font-size: 16px;
649
+ font-size: var(--vkui--font_headline1--font_size--regular, 16px);
571
650
  line-height: 20px;
572
651
  line-height: var(--vkui--font_headline1--line_height--regular, 20px);
573
652
  font-weight: 500;
@@ -575,6 +654,16 @@
575
654
  font-family: MailSans, Helvetica, Arial, sans-serif;
576
655
  font-family: var(--vkui--font_headline1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
577
656
  }
657
+ .vkui--font_headline1--compact {
658
+ font-size: 15px;
659
+ font-size: var(--vkui--font_headline1--font_size--compact, 15px);
660
+ line-height: 20px;
661
+ line-height: var(--vkui--font_headline1--line_height--compact, 20px);
662
+ font-weight: 500;
663
+ font-weight: var(--vkui--font_headline1--font_weight--compact, 500);
664
+ font-family: MailSans, Helvetica, Arial, sans-serif;
665
+ font-family: var(--vkui--font_headline1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
666
+ }
578
667
  .vkui--font_headline2--regular {
579
668
  font-size: 15px;
580
669
  font-size: var(--vkui--font_headline2--font_size--regular, 15px);
@@ -595,19 +684,9 @@
595
684
  font-weight: 500;
596
685
  font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
597
686
  }
598
- .vkui--font_text--compact {
599
- font-size: 17px;
600
- font-size: var(--vkui--font_text--font_size--compact, 17px);
601
- line-height: 24px;
602
- line-height: var(--vkui--font_text--line_height--compact, 24px);
603
- font-weight: 400;
604
- font-weight: var(--vkui--font_text--font_weight--compact, 400);
605
- font-family: MailSans, Helvetica, Arial, sans-serif;
606
- font-family: var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
607
- }
608
687
  .vkui--font_text--regular {
609
- font-size: 15px;
610
- font-size: var(--vkui--font_text--font_size--regular, 15px);
688
+ font-size: 16px;
689
+ font-size: var(--vkui--font_text--font_size--regular, 16px);
611
690
  line-height: 20px;
612
691
  line-height: var(--vkui--font_text--line_height--regular, 20px);
613
692
  font-weight: 400;
@@ -615,273 +694,365 @@
615
694
  font-family: MailSans, Helvetica, Arial, sans-serif;
616
695
  font-family: var(--vkui--font_text--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
617
696
  }
697
+ .vkui--font_text--compact {
698
+ font-size: 15px;
699
+ font-size: var(--vkui--font_text--font_size--compact, 15px);
700
+ line-height: 20px;
701
+ line-height: var(--vkui--font_text--line_height--compact, 20px);
702
+ font-weight: 400;
703
+ font-weight: var(--vkui--font_text--font_weight--compact, 400);
704
+ font-family: MailSans, Helvetica, Arial, sans-serif;
705
+ font-family: var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
706
+ }
618
707
  .vkui--font_paragraph--regular {
619
708
  font-size: 15px;
620
709
  font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
621
710
  line-height: 20px;
622
711
  line-height: var(--vkui--font_paragraph--line_height--regular, 20px);
623
- font-family: Helvetica, Arial, sans-serif;
624
- font-family: var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif);
625
712
  font-weight: 400;
626
713
  font-weight: var(--vkui--font_paragraph--font_weight--regular, 400);
714
+ font-family: MailSans, Helvetica, Arial, sans-serif;
715
+ font-family: var(--vkui--font_paragraph--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
716
+ }
717
+ .vkui--font_paragraph--compact {
718
+ font-size: 15px;
719
+ font-size: var(--vkui--font_paragraph--font_size--compact, 15px);
720
+ line-height: 20px;
721
+ line-height: var(--vkui--font_paragraph--line_height--compact, 20px);
722
+ font-weight: 400;
723
+ font-weight: var(--vkui--font_paragraph--font_weight--compact, 400);
724
+ font-family: MailSans, Helvetica, Arial, sans-serif;
725
+ font-family: var(--vkui--font_paragraph--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
627
726
  }
628
727
  .vkui--font_subhead--regular {
629
728
  font-size: 14px;
630
729
  font-size: var(--vkui--font_subhead--font_size--regular, 14px);
631
730
  line-height: 18px;
632
731
  line-height: var(--vkui--font_subhead--line_height--regular, 18px);
633
- font-family: Helvetica, Arial, sans-serif;
634
- font-family: var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif);
635
732
  font-weight: 400;
636
733
  font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
734
+ font-family: MailSans, Helvetica, Arial, sans-serif;
735
+ font-family: var(--vkui--font_subhead--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
637
736
  }
638
737
  .vkui--font_subhead--compact {
639
738
  font-size: 13px;
640
739
  font-size: var(--vkui--font_subhead--font_size--compact, 13px);
641
740
  line-height: 18px;
642
741
  line-height: var(--vkui--font_subhead--line_height--compact, 18px);
643
- font-family: Helvetica, Arial, sans-serif;
644
- font-family: var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif);
645
- font-weight: 400;
646
- font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
742
+ font-weight: 500;
743
+ font-weight: var(--vkui--font_subhead--font_weight--compact, 500);
744
+ font-family: MailSans, Helvetica, Arial, sans-serif;
745
+ font-family: var(--vkui--font_subhead--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
647
746
  }
648
747
  .vkui--font_footnote--regular {
649
748
  font-size: 13px;
650
749
  font-size: var(--vkui--font_footnote--font_size--regular, 13px);
651
- line-height: 20px;
652
- line-height: var(--vkui--font_footnote--line_height--regular, 20px);
750
+ line-height: 18px;
751
+ line-height: var(--vkui--font_footnote--line_height--regular, 18px);
653
752
  font-weight: 400;
654
753
  font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
655
754
  font-family: MailSans, Helvetica, Arial, sans-serif;
656
755
  font-family: var(--vkui--font_footnote--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
657
756
  }
757
+ .vkui--font_footnote--compact {
758
+ font-size: 13px;
759
+ font-size: var(--vkui--font_footnote--font_size--compact, 13px);
760
+ line-height: 18px;
761
+ line-height: var(--vkui--font_footnote--line_height--compact, 18px);
762
+ font-weight: 400;
763
+ font-weight: var(--vkui--font_footnote--font_weight--compact, 400);
764
+ font-family: MailSans, Helvetica, Arial, sans-serif;
765
+ font-family: var(--vkui--font_footnote--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
766
+ }
658
767
  .vkui--font_footnote_caps--regular {
659
768
  font-size: 13px;
660
769
  font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
661
770
  line-height: 18px;
662
771
  line-height: var(--vkui--font_footnote_caps--line_height--regular, 18px);
663
- font-family: Helvetica, Arial, sans-serif;
664
- font-family: var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif);
665
772
  font-weight: 400;
666
773
  font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
774
+ font-family: MailSans, Helvetica, Arial, sans-serif;
775
+ font-family: var(--vkui--font_footnote_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
776
+ letter-spacing: 0.3px;
777
+ letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
667
778
  text-transform: uppercase;
668
779
  text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
780
+ }
781
+ .vkui--font_footnote_caps--compact {
782
+ font-size: 13px;
783
+ font-size: var(--vkui--font_footnote_caps--font_size--compact, 13px);
784
+ line-height: 18px;
785
+ line-height: var(--vkui--font_footnote_caps--line_height--compact, 18px);
786
+ font-weight: 400;
787
+ font-weight: var(--vkui--font_footnote_caps--font_weight--compact, 400);
788
+ font-family: MailSans, Helvetica, Arial, sans-serif;
789
+ font-family: var(--vkui--font_footnote_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
669
790
  letter-spacing: 0.3px;
670
- letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
791
+ letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--compact, 0.3px);
792
+ text-transform: uppercase;
793
+ text-transform: var(--vkui--font_footnote_caps--text_transform--compact, uppercase);
671
794
  }
672
795
  .vkui--font_caption1--regular {
673
796
  font-size: 12px;
674
797
  font-size: var(--vkui--font_caption1--font_size--regular, 12px);
675
798
  line-height: 16px;
676
799
  line-height: var(--vkui--font_caption1--line_height--regular, 16px);
677
- font-family: Helvetica, Arial, sans-serif;
678
- font-family: var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif);
679
800
  font-weight: 400;
680
801
  font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
802
+ font-family: MailSans, Helvetica, Arial, sans-serif;
803
+ font-family: var(--vkui--font_caption1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
804
+ }
805
+ .vkui--font_caption1--compact {
806
+ font-size: 12px;
807
+ font-size: var(--vkui--font_caption1--font_size--compact, 12px);
808
+ line-height: 14px;
809
+ line-height: var(--vkui--font_caption1--line_height--compact, 14px);
810
+ font-weight: 400;
811
+ font-weight: var(--vkui--font_caption1--font_weight--compact, 400);
812
+ font-family: MailSans, Helvetica, Arial, sans-serif;
813
+ font-family: var(--vkui--font_caption1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
681
814
  }
682
815
  .vkui--font_caption1_caps--regular {
683
816
  font-size: 12px;
684
817
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
685
818
  line-height: 16px;
686
819
  line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
687
- font-family: Helvetica, Arial, sans-serif;
688
- font-family: var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif);
689
820
  font-weight: 400;
690
821
  font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
822
+ font-family: MailSans, Helvetica, Arial, sans-serif;
823
+ font-family: var(--vkui--font_caption1_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
824
+ letter-spacing: 0.26px;
825
+ letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
691
826
  text-transform: uppercase;
692
827
  text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
828
+ }
829
+ .vkui--font_caption1_caps--compact {
830
+ font-size: 12px;
831
+ font-size: var(--vkui--font_caption1_caps--font_size--compact, 12px);
832
+ line-height: 14px;
833
+ line-height: var(--vkui--font_caption1_caps--line_height--compact, 14px);
834
+ font-weight: 500;
835
+ font-weight: var(--vkui--font_caption1_caps--font_weight--compact, 500);
836
+ font-family: MailSans, Helvetica, Arial, sans-serif;
837
+ font-family: var(--vkui--font_caption1_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
693
838
  letter-spacing: 0.26px;
694
- letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
839
+ letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--compact, 0.26px);
840
+ text-transform: uppercase;
841
+ text-transform: var(--vkui--font_caption1_caps--text_transform--compact, uppercase);
695
842
  }
696
843
  .vkui--font_caption2--regular {
697
844
  font-size: 11px;
698
845
  font-size: var(--vkui--font_caption2--font_size--regular, 11px);
699
- line-height: 12px;
700
- line-height: var(--vkui--font_caption2--line_height--regular, 12px);
846
+ line-height: 14px;
847
+ line-height: var(--vkui--font_caption2--line_height--regular, 14px);
701
848
  font-weight: 400;
702
849
  font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
703
850
  font-family: MailSans, Helvetica, Arial, sans-serif;
704
851
  font-family: var(--vkui--font_caption2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
705
852
  }
853
+ .vkui--font_caption2--compact {
854
+ font-size: 11px;
855
+ font-size: var(--vkui--font_caption2--font_size--compact, 11px);
856
+ line-height: 14px;
857
+ line-height: var(--vkui--font_caption2--line_height--compact, 14px);
858
+ font-weight: 400;
859
+ font-weight: var(--vkui--font_caption2--font_weight--compact, 400);
860
+ font-family: MailSans, Helvetica, Arial, sans-serif;
861
+ font-family: var(--vkui--font_caption2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
862
+ }
706
863
  .vkui--font_caption2_caps--regular {
707
864
  font-size: 11px;
708
865
  font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
709
866
  line-height: 14px;
710
867
  line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px);
711
- font-family: Helvetica, Arial, sans-serif;
712
- font-family: var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif);
713
868
  font-weight: 400;
714
869
  font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 400);
870
+ font-family: MailSans, Helvetica, Arial, sans-serif;
871
+ font-family: var(--vkui--font_caption2_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
872
+ letter-spacing: 0.22px;
873
+ letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
715
874
  text-transform: uppercase;
716
875
  text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
876
+ }
877
+ .vkui--font_caption2_caps--compact {
878
+ font-size: 11px;
879
+ font-size: var(--vkui--font_caption2_caps--font_size--compact, 11px);
880
+ line-height: 14px;
881
+ line-height: var(--vkui--font_caption2_caps--line_height--compact, 14px);
882
+ font-weight: 400;
883
+ font-weight: var(--vkui--font_caption2_caps--font_weight--compact, 400);
884
+ font-family: MailSans, Helvetica, Arial, sans-serif;
885
+ font-family: var(--vkui--font_caption2_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
717
886
  letter-spacing: 0.22px;
718
- letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
887
+ letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--compact, 0.22px);
888
+ text-transform: uppercase;
889
+ text-transform: var(--vkui--font_caption2_caps--text_transform--compact, uppercase);
719
890
  }
720
891
  .vkui--font_caption3--regular {
721
892
  font-size: 9px;
722
893
  font-size: var(--vkui--font_caption3--font_size--regular, 9px);
723
894
  line-height: 12px;
724
895
  line-height: var(--vkui--font_caption3--line_height--regular, 12px);
725
- font-family: Helvetica, Arial, sans-serif;
726
- font-family: var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif);
727
896
  font-weight: 400;
728
897
  font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
898
+ font-family: MailSans, Helvetica, Arial, sans-serif;
899
+ font-family: var(--vkui--font_caption3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
900
+ }
901
+ .vkui--font_caption3--compact {
902
+ font-size: 9px;
903
+ font-size: var(--vkui--font_caption3--font_size--compact, 9px);
904
+ line-height: 12px;
905
+ line-height: var(--vkui--font_caption3--line_height--compact, 12px);
906
+ font-weight: 400;
907
+ font-weight: var(--vkui--font_caption3--font_weight--compact, 400);
908
+ font-family: MailSans, Helvetica, Arial, sans-serif;
909
+ font-family: var(--vkui--font_caption3--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
729
910
  }
730
911
  .vkui--font_caption3_caps--regular {
731
912
  font-size: 9px;
732
913
  font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
733
914
  line-height: 12px;
734
915
  line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px);
735
- font-family: Helvetica, Arial, sans-serif;
736
- font-family: var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif);
737
916
  font-weight: 400;
738
917
  font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 400);
918
+ font-family: MailSans, Helvetica, Arial, sans-serif;
919
+ font-family: var(--vkui--font_caption3_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
920
+ letter-spacing: 0.16px;
921
+ letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
739
922
  text-transform: uppercase;
740
923
  text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
924
+ }
925
+ .vkui--font_caption3_caps--compact {
926
+ font-size: 9px;
927
+ font-size: var(--vkui--font_caption3_caps--font_size--compact, 9px);
928
+ line-height: 12px;
929
+ line-height: var(--vkui--font_caption3_caps--line_height--compact, 12px);
930
+ font-weight: 400;
931
+ font-weight: var(--vkui--font_caption3_caps--font_weight--compact, 400);
932
+ font-family: MailSans, Helvetica, Arial, sans-serif;
933
+ font-family: var(--vkui--font_caption3_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
741
934
  letter-spacing: 0.16px;
742
- letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
935
+ letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--compact, 0.16px);
936
+ text-transform: uppercase;
937
+ text-transform: var(--vkui--font_caption3_caps--text_transform--compact, uppercase);
743
938
  }
744
939
  .vkui--font_h0--regular {
745
- font-size: 32px;
746
- font-size: var(--vkui--font_h0--font_size--regular, 32px);
747
- line-height: 40px;
748
- line-height: var(--vkui--font_h0--line_height--regular, 40px);
940
+ font-size: 28px;
941
+ font-size: var(--vkui--font_h0--font_size--regular, 28px);
942
+ line-height: 32px;
943
+ line-height: var(--vkui--font_h0--line_height--regular, 32px);
944
+ font-family: MailSans, Helvetica, Arial, sans-serif;
945
+ font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
749
946
  font-weight: 500;
750
947
  font-weight: var(--vkui--font_h0--font_weight--regular, 500);
948
+ }
949
+ .vkui--font_h0--compact {
950
+ font-size: 44px;
951
+ font-size: var(--vkui--font_h0--font_size--compact, 44px);
952
+ line-height: 52px;
953
+ line-height: var(--vkui--font_h0--line_height--compact, 52px);
751
954
  font-family: MailSans, Helvetica, Arial, sans-serif;
752
955
  font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
753
- }
754
- .vkui--font_h1--compact {
755
- font-size: 24px;
756
- font-size: var(--vkui--font_h1--font_size--compact, 24px);
757
- line-height: 32px;
758
- line-height: var(--vkui--font_h1--line_height--compact, 32px);
759
956
  font-weight: 500;
760
- font-weight: var(--vkui--font_h1--font_weight--compact, 500);
761
- font-family: MailSans, Helvetica, Arial, sans-serif;
762
- font-family: var(--vkui--font_h1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
763
- margin-bottom: 16px;
764
- margin-bottom: var(--vkui--font_h1--margin_bottom--compact, 16px);
957
+ font-weight: var(--vkui--font_h0--font_weight--regular, 500);
765
958
  }
766
959
  .vkui--font_h1--regular {
767
- font-size: 32px;
768
- font-size: var(--vkui--font_h1--font_size--regular, 32px);
769
- line-height: 40px;
770
- line-height: var(--vkui--font_h1--line_height--regular, 40px);
960
+ font-size: 24px;
961
+ font-size: var(--vkui--font_h1--font_size--regular, 24px);
962
+ line-height: 28px;
963
+ line-height: var(--vkui--font_h1--line_height--regular, 28px);
964
+ font-family: MailSans, Helvetica, Arial, sans-serif;
965
+ font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
771
966
  font-weight: 500;
772
967
  font-weight: var(--vkui--font_h1--font_weight--regular, 500);
968
+ }
969
+ .vkui--font_h1--compact {
970
+ font-size: 32px;
971
+ font-size: var(--vkui--font_h1--font_size--compact, 32px);
972
+ line-height: 36px;
973
+ line-height: var(--vkui--font_h1--line_height--compact, 36px);
773
974
  font-family: MailSans, Helvetica, Arial, sans-serif;
774
975
  font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
775
- margin-bottom: 16px;
776
- margin-bottom: var(--vkui--font_h1--margin_bottom--regular, 16px);
777
- }
778
- .vkui--font_h2--compact {
779
- font-size: 20px;
780
- font-size: var(--vkui--font_h2--font_size--compact, 20px);
781
- line-height: 24px;
782
- line-height: var(--vkui--font_h2--line_height--compact, 24px);
783
976
  font-weight: 500;
784
- font-weight: var(--vkui--font_h2--font_weight--compact, 500);
785
- font-family: MailSans, Helvetica, Arial, sans-serif;
786
- font-family: var(--vkui--font_h2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
977
+ font-weight: var(--vkui--font_h1--font_weight--regular, 500);
787
978
  }
788
979
  .vkui--font_h2--regular {
789
- font-size: 24px;
790
- font-size: var(--vkui--font_h2--font_size--regular, 24px);
791
- line-height: 28px;
792
- line-height: var(--vkui--font_h2--line_height--regular, 28px);
980
+ font-size: 20px;
981
+ font-size: var(--vkui--font_h2--font_size--regular, 20px);
982
+ line-height: 26px;
983
+ line-height: var(--vkui--font_h2--line_height--regular, 26px);
984
+ font-family: MailSans, Helvetica, Arial, sans-serif;
985
+ font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
793
986
  font-weight: 500;
794
987
  font-weight: var(--vkui--font_h2--font_weight--regular, 500);
988
+ }
989
+ .vkui--font_h2--compact {
990
+ font-size: 28px;
991
+ font-size: var(--vkui--font_h2--font_size--compact, 28px);
992
+ line-height: 32px;
993
+ line-height: var(--vkui--font_h2--line_height--compact, 32px);
795
994
  font-family: MailSans, Helvetica, Arial, sans-serif;
796
995
  font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
996
+ font-weight: 500;
997
+ font-weight: var(--vkui--font_h2--font_weight--regular, 500);
797
998
  }
798
- .vkui--font_event_m--compact {
999
+ .vkui--calendar_font_text_event--regular {
799
1000
  font-size: 17px;
800
- font-size: var(--vkui--font_event_m--font_size--compact, 17px);
1001
+ font-size: var(--vkui--calendar_font_text_event--font_size--regular, 17px);
801
1002
  line-height: 24px;
802
- line-height: var(--vkui--font_event_m--line_height--compact, 24px);
803
- font-weight: 500;
804
- font-weight: var(--vkui--font_event_m--font_weight--compact, 500);
805
- font-family: MailSans, Helvetica, Arial, sans-serif;
806
- font-family: var(--vkui--font_event_m--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
807
- }
808
- .vkui--font_event_m--regular {
809
- font-size: 15px;
810
- font-size: var(--vkui--font_event_m--font_size--regular, 15px);
811
- line-height: 20px;
812
- line-height: var(--vkui--font_event_m--line_height--regular, 20px);
813
- font-weight: 500;
814
- font-weight: var(--vkui--font_event_m--font_weight--regular, 500);
815
- font-family: MailSans, Helvetica, Arial, sans-serif;
816
- font-family: var(--vkui--font_event_m--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
817
- }
818
- .vkui--font_event_s--compact {
819
- font-size: 15px;
820
- font-size: var(--vkui--font_event_s--font_size--compact, 15px);
821
- line-height: 18px;
822
- line-height: var(--vkui--font_event_s--line_height--compact, 18px);
823
- font-weight: 500;
824
- font-weight: var(--vkui--font_event_s--font_weight--compact, 500);
1003
+ line-height: var(--vkui--calendar_font_text_event--line_height--regular, 24px);
1004
+ font-weight: 400;
1005
+ font-weight: var(--vkui--calendar_font_text_event--font_weight--regular, 400);
825
1006
  font-family: MailSans, Helvetica, Arial, sans-serif;
826
- font-family: var(--vkui--font_event_s--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
1007
+ font-family: var(--vkui--calendar_font_text_event--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
827
1008
  }
828
- .vkui--font_event_s--regular {
1009
+ .vkui--calendar_font_text_event--compact {
829
1010
  font-size: 13px;
830
- font-size: var(--vkui--font_event_s--font_size--regular, 13px);
1011
+ font-size: var(--vkui--calendar_font_text_event--font_size--compact, 13px);
831
1012
  line-height: 18px;
832
- line-height: var(--vkui--font_event_s--line_height--regular, 18px);
1013
+ line-height: var(--vkui--calendar_font_text_event--line_height--compact, 18px);
833
1014
  font-weight: 500;
834
- font-weight: var(--vkui--font_event_s--font_weight--regular, 500);
1015
+ font-weight: var(--vkui--calendar_font_text_event--font_weight--compact, 500);
835
1016
  font-family: MailSans, Helvetica, Arial, sans-serif;
836
- font-family: var(--vkui--font_event_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
1017
+ font-family: var(--vkui--calendar_font_text_event--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
837
1018
  }
838
- .vkui--font_event_x_s--regular {
839
- font-size: 12px;
840
- font-size: var(--vkui--font_event_x_s--font_size--regular, 12px);
841
- line-height: 16px;
842
- line-height: var(--vkui--font_event_x_s--line_height--regular, 16px);
843
- font-weight: 500;
844
- font-weight: var(--vkui--font_event_x_s--font_weight--regular, 500);
845
- font-family: MailSans, Helvetica, Arial, sans-serif;
846
- font-family: var(--vkui--font_event_x_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
847
- }
848
- .vkui--font_time--regular {
849
- font-size: 13px;
850
- font-size: var(--vkui--font_time--font_size--regular, 13px);
851
- line-height: 18px;
852
- line-height: var(--vkui--font_time--line_height--regular, 18px);
853
- font-weight: 500;
854
- font-weight: var(--vkui--font_time--font_weight--regular, 500);
1019
+ .vkui--calendar_font_text_event_small--regular {
1020
+ font-size: 15px;
1021
+ font-size: var(--vkui--calendar_font_text_event_small--font_size--regular, 15px);
1022
+ line-height: 20px;
1023
+ line-height: var(--vkui--calendar_font_text_event_small--line_height--regular, 20px);
1024
+ font-weight: 400;
1025
+ font-weight: var(--vkui--calendar_font_text_event_small--font_weight--regular, 400);
855
1026
  font-family: MailSans, Helvetica, Arial, sans-serif;
856
- font-family: var(--vkui--font_time--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
1027
+ font-family: var(--vkui--calendar_font_text_event_small--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
857
1028
  }
858
- .vkui--font_body_i_o_s--regular {
859
- font-size: 17px;
860
- font-size: var(--vkui--font_body_i_o_s--font_size--regular, 17px);
861
- line-height: 24px;
862
- line-height: var(--vkui--font_body_i_o_s--line_height--regular, 24px);
863
- font-weight: 500;
864
- font-weight: var(--vkui--font_body_i_o_s--font_weight--regular, 500);
1029
+ .vkui--calendar_font_text_event_small--compact {
1030
+ font-size: 12px;
1031
+ font-size: var(--vkui--calendar_font_text_event_small--font_size--compact, 12px);
1032
+ line-height: 12px;
1033
+ line-height: var(--vkui--calendar_font_text_event_small--line_height--compact, 12px);
1034
+ font-weight: 400;
1035
+ font-weight: var(--vkui--calendar_font_text_event_small--font_weight--compact, 400);
865
1036
  font-family: MailSans, Helvetica, Arial, sans-serif;
866
- font-family: var(--vkui--font_body_i_o_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
1037
+ font-family: var(--vkui--calendar_font_text_event_small--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
867
1038
  }
868
- .vkui--font_body_android--regular {
1039
+ .vkui--font_headline--regular {
869
1040
  font-size: 16px;
870
- font-size: var(--vkui--font_body_android--font_size--regular, 16px);
871
- line-height: 24px;
872
- line-height: var(--vkui--font_body_android--line_height--regular, 24px);
1041
+ font-size: var(--vkui--font_headline--font_size--regular, 16px);
1042
+ line-height: 20px;
1043
+ line-height: var(--vkui--font_headline--line_height--regular, 20px);
873
1044
  font-weight: 500;
874
- font-weight: var(--vkui--font_body_android--font_weight--regular, 500);
1045
+ font-weight: var(--vkui--font_headline--font_weight--regular, 500);
875
1046
  font-family: MailSans, Helvetica, Arial, sans-serif;
876
- font-family: var(--vkui--font_body_android--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
1047
+ font-family: var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
877
1048
  }
878
- .vkui--font_headline--regular {
1049
+ .vkui--font_headline--compact {
879
1050
  font-size: 15px;
880
- font-size: var(--vkui--font_headline--font_size--regular, 15px);
1051
+ font-size: var(--vkui--font_headline--font_size--compact, 15px);
881
1052
  line-height: 20px;
882
- line-height: var(--vkui--font_headline--line_height--regular, 20px);
1053
+ line-height: var(--vkui--font_headline--line_height--compact, 20px);
883
1054
  font-weight: 500;
884
- font-weight: var(--vkui--font_headline--font_weight--regular, 500);
1055
+ font-weight: var(--vkui--font_headline--font_weight--compact, 500);
885
1056
  font-family: MailSans, Helvetica, Arial, sans-serif;
886
- font-family: var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
1057
+ font-family: var(--vkui--font_headline--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
887
1058
  }