@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,77 +308,95 @@
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
  }
290
336
 
291
337
  .vkui--font_title1--regular {
292
- font-size: 17px;
293
- font-size: var(--vkui--font_title1--font_size--regular, 17px);
294
- line-height: 24px;
295
- line-height: var(--vkui--font_title1--line_height--regular, 24px);
338
+ font-size: 24px;
339
+ font-size: var(--vkui--font_title1--font_size--regular, 24px);
340
+ line-height: 32px;
341
+ line-height: var(--vkui--font_title1--line_height--regular, 32px);
296
342
  font-weight: 500;
297
343
  font-weight: var(--vkui--font_title1--font_weight--regular, 500);
298
344
  font-family: MailSans, Helvetica, Arial, sans-serif;
299
345
  font-family: var(--vkui--font_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
300
346
  }
347
+ .vkui--font_title1--compact {
348
+ font-size: 24px;
349
+ font-size: var(--vkui--font_title1--font_size--compact, 24px);
350
+ line-height: 28px;
351
+ line-height: var(--vkui--font_title1--line_height--compact, 28px);
352
+ font-weight: 500;
353
+ font-weight: var(--vkui--font_title1--font_weight--compact, 500);
354
+ font-family: MailSans, Helvetica, Arial, sans-serif;
355
+ font-family: var(--vkui--font_title1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
356
+ }
301
357
  .vkui--font_title2--regular {
302
- font-size: 15px;
303
- font-size: var(--vkui--font_title2--font_size--regular, 15px);
304
- line-height: 20px;
305
- line-height: var(--vkui--font_title2--line_height--regular, 20px);
358
+ font-size: 20px;
359
+ font-size: var(--vkui--font_title2--font_size--regular, 20px);
360
+ line-height: 24px;
361
+ line-height: var(--vkui--font_title2--line_height--regular, 24px);
306
362
  font-weight: 500;
307
363
  font-weight: var(--vkui--font_title2--font_weight--regular, 500);
308
364
  font-family: MailSans, Helvetica, Arial, sans-serif;
309
365
  font-family: var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
310
366
  }
367
+ .vkui--font_title2--compact {
368
+ font-size: 20px;
369
+ font-size: var(--vkui--font_title2--font_size--compact, 20px);
370
+ line-height: 24px;
371
+ line-height: var(--vkui--font_title2--line_height--compact, 24px);
372
+ font-weight: 500;
373
+ font-weight: var(--vkui--font_title2--font_weight--compact, 500);
374
+ font-family: MailSans, Helvetica, Arial, sans-serif;
375
+ font-family: var(--vkui--font_title2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
376
+ }
311
377
  .vkui--font_title3--regular {
312
- font-size: 15px;
313
- font-size: var(--vkui--font_title3--font_size--regular, 15px);
314
- line-height: 20px;
315
- line-height: var(--vkui--font_title3--line_height--regular, 20px);
378
+ font-size: 17px;
379
+ font-size: var(--vkui--font_title3--font_size--regular, 17px);
380
+ line-height: 24px;
381
+ line-height: var(--vkui--font_title3--line_height--regular, 24px);
316
382
  font-weight: 500;
317
383
  font-weight: var(--vkui--font_title3--font_weight--regular, 500);
318
384
  font-family: MailSans, Helvetica, Arial, sans-serif;
319
385
  font-family: var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
320
386
  }
387
+ .vkui--font_title3--compact {
388
+ font-size: 17px;
389
+ font-size: var(--vkui--font_title3--font_size--compact, 17px);
390
+ line-height: 24px;
391
+ line-height: var(--vkui--font_title3--line_height--compact, 24px);
392
+ font-weight: 500;
393
+ font-weight: var(--vkui--font_title3--font_weight--compact, 500);
394
+ font-family: MailSans, Helvetica, Arial, sans-serif;
395
+ font-family: var(--vkui--font_title3--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
396
+ }
321
397
  .vkui--font_headline1--regular {
322
- font-size: 15px;
323
- font-size: var(--vkui--font_headline1--font_size--regular, 15px);
398
+ font-size: 16px;
399
+ font-size: var(--vkui--font_headline1--font_size--regular, 16px);
324
400
  line-height: 20px;
325
401
  line-height: var(--vkui--font_headline1--line_height--regular, 20px);
326
402
  font-weight: 500;
@@ -328,6 +404,16 @@
328
404
  font-family: MailSans, Helvetica, Arial, sans-serif;
329
405
  font-family: var(--vkui--font_headline1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
330
406
  }
407
+ .vkui--font_headline1--compact {
408
+ font-size: 15px;
409
+ font-size: var(--vkui--font_headline1--font_size--compact, 15px);
410
+ line-height: 20px;
411
+ line-height: var(--vkui--font_headline1--line_height--compact, 20px);
412
+ font-weight: 500;
413
+ font-weight: var(--vkui--font_headline1--font_weight--compact, 500);
414
+ font-family: MailSans, Helvetica, Arial, sans-serif;
415
+ font-family: var(--vkui--font_headline1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
416
+ }
331
417
  .vkui--font_headline2--regular {
332
418
  font-size: 15px;
333
419
  font-size: var(--vkui--font_headline2--font_size--regular, 15px);
@@ -348,19 +434,9 @@
348
434
  font-weight: 500;
349
435
  font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
350
436
  }
351
- .vkui--font_text--compact {
352
- font-size: 17px;
353
- font-size: var(--vkui--font_text--font_size--compact, 17px);
354
- line-height: 24px;
355
- line-height: var(--vkui--font_text--line_height--compact, 24px);
356
- font-weight: 400;
357
- font-weight: var(--vkui--font_text--font_weight--compact, 400);
358
- font-family: MailSans, Helvetica, Arial, sans-serif;
359
- font-family: var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
360
- }
361
437
  .vkui--font_text--regular {
362
- font-size: 15px;
363
- font-size: var(--vkui--font_text--font_size--regular, 15px);
438
+ font-size: 16px;
439
+ font-size: var(--vkui--font_text--font_size--regular, 16px);
364
440
  line-height: 20px;
365
441
  line-height: var(--vkui--font_text--line_height--regular, 20px);
366
442
  font-weight: 400;
@@ -368,273 +444,365 @@
368
444
  font-family: MailSans, Helvetica, Arial, sans-serif;
369
445
  font-family: var(--vkui--font_text--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
370
446
  }
447
+ .vkui--font_text--compact {
448
+ font-size: 15px;
449
+ font-size: var(--vkui--font_text--font_size--compact, 15px);
450
+ line-height: 20px;
451
+ line-height: var(--vkui--font_text--line_height--compact, 20px);
452
+ font-weight: 400;
453
+ font-weight: var(--vkui--font_text--font_weight--compact, 400);
454
+ font-family: MailSans, Helvetica, Arial, sans-serif;
455
+ font-family: var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
456
+ }
371
457
  .vkui--font_paragraph--regular {
372
458
  font-size: 15px;
373
459
  font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
374
460
  line-height: 20px;
375
461
  line-height: var(--vkui--font_paragraph--line_height--regular, 20px);
376
- font-family: Helvetica, Arial, sans-serif;
377
- font-family: var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif);
378
462
  font-weight: 400;
379
463
  font-weight: var(--vkui--font_paragraph--font_weight--regular, 400);
464
+ font-family: MailSans, Helvetica, Arial, sans-serif;
465
+ font-family: var(--vkui--font_paragraph--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
466
+ }
467
+ .vkui--font_paragraph--compact {
468
+ font-size: 15px;
469
+ font-size: var(--vkui--font_paragraph--font_size--compact, 15px);
470
+ line-height: 20px;
471
+ line-height: var(--vkui--font_paragraph--line_height--compact, 20px);
472
+ font-weight: 400;
473
+ font-weight: var(--vkui--font_paragraph--font_weight--compact, 400);
474
+ font-family: MailSans, Helvetica, Arial, sans-serif;
475
+ font-family: var(--vkui--font_paragraph--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
380
476
  }
381
477
  .vkui--font_subhead--regular {
382
478
  font-size: 14px;
383
479
  font-size: var(--vkui--font_subhead--font_size--regular, 14px);
384
480
  line-height: 18px;
385
481
  line-height: var(--vkui--font_subhead--line_height--regular, 18px);
386
- font-family: Helvetica, Arial, sans-serif;
387
- font-family: var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif);
388
482
  font-weight: 400;
389
483
  font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
484
+ font-family: MailSans, Helvetica, Arial, sans-serif;
485
+ font-family: var(--vkui--font_subhead--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
390
486
  }
391
487
  .vkui--font_subhead--compact {
392
488
  font-size: 13px;
393
489
  font-size: var(--vkui--font_subhead--font_size--compact, 13px);
394
490
  line-height: 18px;
395
491
  line-height: var(--vkui--font_subhead--line_height--compact, 18px);
396
- font-family: Helvetica, Arial, sans-serif;
397
- font-family: var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif);
398
- font-weight: 400;
399
- font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
492
+ font-weight: 500;
493
+ font-weight: var(--vkui--font_subhead--font_weight--compact, 500);
494
+ font-family: MailSans, Helvetica, Arial, sans-serif;
495
+ font-family: var(--vkui--font_subhead--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
400
496
  }
401
497
  .vkui--font_footnote--regular {
402
498
  font-size: 13px;
403
499
  font-size: var(--vkui--font_footnote--font_size--regular, 13px);
404
- line-height: 20px;
405
- line-height: var(--vkui--font_footnote--line_height--regular, 20px);
500
+ line-height: 18px;
501
+ line-height: var(--vkui--font_footnote--line_height--regular, 18px);
406
502
  font-weight: 400;
407
503
  font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
408
504
  font-family: MailSans, Helvetica, Arial, sans-serif;
409
505
  font-family: var(--vkui--font_footnote--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
410
506
  }
507
+ .vkui--font_footnote--compact {
508
+ font-size: 13px;
509
+ font-size: var(--vkui--font_footnote--font_size--compact, 13px);
510
+ line-height: 18px;
511
+ line-height: var(--vkui--font_footnote--line_height--compact, 18px);
512
+ font-weight: 400;
513
+ font-weight: var(--vkui--font_footnote--font_weight--compact, 400);
514
+ font-family: MailSans, Helvetica, Arial, sans-serif;
515
+ font-family: var(--vkui--font_footnote--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
516
+ }
411
517
  .vkui--font_footnote_caps--regular {
412
518
  font-size: 13px;
413
519
  font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
414
520
  line-height: 18px;
415
521
  line-height: var(--vkui--font_footnote_caps--line_height--regular, 18px);
416
- font-family: Helvetica, Arial, sans-serif;
417
- font-family: var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif);
418
522
  font-weight: 400;
419
523
  font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
524
+ font-family: MailSans, Helvetica, Arial, sans-serif;
525
+ font-family: var(--vkui--font_footnote_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
526
+ letter-spacing: 0.3px;
527
+ letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
420
528
  text-transform: uppercase;
421
529
  text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
530
+ }
531
+ .vkui--font_footnote_caps--compact {
532
+ font-size: 13px;
533
+ font-size: var(--vkui--font_footnote_caps--font_size--compact, 13px);
534
+ line-height: 18px;
535
+ line-height: var(--vkui--font_footnote_caps--line_height--compact, 18px);
536
+ font-weight: 400;
537
+ font-weight: var(--vkui--font_footnote_caps--font_weight--compact, 400);
538
+ font-family: MailSans, Helvetica, Arial, sans-serif;
539
+ font-family: var(--vkui--font_footnote_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
422
540
  letter-spacing: 0.3px;
423
- letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
541
+ letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--compact, 0.3px);
542
+ text-transform: uppercase;
543
+ text-transform: var(--vkui--font_footnote_caps--text_transform--compact, uppercase);
424
544
  }
425
545
  .vkui--font_caption1--regular {
426
546
  font-size: 12px;
427
547
  font-size: var(--vkui--font_caption1--font_size--regular, 12px);
428
548
  line-height: 16px;
429
549
  line-height: var(--vkui--font_caption1--line_height--regular, 16px);
430
- font-family: Helvetica, Arial, sans-serif;
431
- font-family: var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif);
432
550
  font-weight: 400;
433
551
  font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
552
+ font-family: MailSans, Helvetica, Arial, sans-serif;
553
+ font-family: var(--vkui--font_caption1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
554
+ }
555
+ .vkui--font_caption1--compact {
556
+ font-size: 12px;
557
+ font-size: var(--vkui--font_caption1--font_size--compact, 12px);
558
+ line-height: 14px;
559
+ line-height: var(--vkui--font_caption1--line_height--compact, 14px);
560
+ font-weight: 400;
561
+ font-weight: var(--vkui--font_caption1--font_weight--compact, 400);
562
+ font-family: MailSans, Helvetica, Arial, sans-serif;
563
+ font-family: var(--vkui--font_caption1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
434
564
  }
435
565
  .vkui--font_caption1_caps--regular {
436
566
  font-size: 12px;
437
567
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
438
568
  line-height: 16px;
439
569
  line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
440
- font-family: Helvetica, Arial, sans-serif;
441
- font-family: var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif);
442
570
  font-weight: 400;
443
571
  font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
572
+ font-family: MailSans, Helvetica, Arial, sans-serif;
573
+ font-family: var(--vkui--font_caption1_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
574
+ letter-spacing: 0.26px;
575
+ letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
444
576
  text-transform: uppercase;
445
577
  text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
578
+ }
579
+ .vkui--font_caption1_caps--compact {
580
+ font-size: 12px;
581
+ font-size: var(--vkui--font_caption1_caps--font_size--compact, 12px);
582
+ line-height: 14px;
583
+ line-height: var(--vkui--font_caption1_caps--line_height--compact, 14px);
584
+ font-weight: 500;
585
+ font-weight: var(--vkui--font_caption1_caps--font_weight--compact, 500);
586
+ font-family: MailSans, Helvetica, Arial, sans-serif;
587
+ font-family: var(--vkui--font_caption1_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
446
588
  letter-spacing: 0.26px;
447
- letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
589
+ letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--compact, 0.26px);
590
+ text-transform: uppercase;
591
+ text-transform: var(--vkui--font_caption1_caps--text_transform--compact, uppercase);
448
592
  }
449
593
  .vkui--font_caption2--regular {
450
594
  font-size: 11px;
451
595
  font-size: var(--vkui--font_caption2--font_size--regular, 11px);
452
- line-height: 12px;
453
- line-height: var(--vkui--font_caption2--line_height--regular, 12px);
596
+ line-height: 14px;
597
+ line-height: var(--vkui--font_caption2--line_height--regular, 14px);
454
598
  font-weight: 400;
455
599
  font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
456
600
  font-family: MailSans, Helvetica, Arial, sans-serif;
457
601
  font-family: var(--vkui--font_caption2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
458
602
  }
603
+ .vkui--font_caption2--compact {
604
+ font-size: 11px;
605
+ font-size: var(--vkui--font_caption2--font_size--compact, 11px);
606
+ line-height: 14px;
607
+ line-height: var(--vkui--font_caption2--line_height--compact, 14px);
608
+ font-weight: 400;
609
+ font-weight: var(--vkui--font_caption2--font_weight--compact, 400);
610
+ font-family: MailSans, Helvetica, Arial, sans-serif;
611
+ font-family: var(--vkui--font_caption2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
612
+ }
459
613
  .vkui--font_caption2_caps--regular {
460
614
  font-size: 11px;
461
615
  font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
462
616
  line-height: 14px;
463
617
  line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px);
464
- font-family: Helvetica, Arial, sans-serif;
465
- font-family: var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif);
466
618
  font-weight: 400;
467
619
  font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 400);
620
+ font-family: MailSans, Helvetica, Arial, sans-serif;
621
+ font-family: var(--vkui--font_caption2_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
622
+ letter-spacing: 0.22px;
623
+ letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
468
624
  text-transform: uppercase;
469
625
  text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
626
+ }
627
+ .vkui--font_caption2_caps--compact {
628
+ font-size: 11px;
629
+ font-size: var(--vkui--font_caption2_caps--font_size--compact, 11px);
630
+ line-height: 14px;
631
+ line-height: var(--vkui--font_caption2_caps--line_height--compact, 14px);
632
+ font-weight: 400;
633
+ font-weight: var(--vkui--font_caption2_caps--font_weight--compact, 400);
634
+ font-family: MailSans, Helvetica, Arial, sans-serif;
635
+ font-family: var(--vkui--font_caption2_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
470
636
  letter-spacing: 0.22px;
471
- letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
637
+ letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--compact, 0.22px);
638
+ text-transform: uppercase;
639
+ text-transform: var(--vkui--font_caption2_caps--text_transform--compact, uppercase);
472
640
  }
473
641
  .vkui--font_caption3--regular {
474
642
  font-size: 9px;
475
643
  font-size: var(--vkui--font_caption3--font_size--regular, 9px);
476
644
  line-height: 12px;
477
645
  line-height: var(--vkui--font_caption3--line_height--regular, 12px);
478
- font-family: Helvetica, Arial, sans-serif;
479
- font-family: var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif);
480
646
  font-weight: 400;
481
647
  font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
648
+ font-family: MailSans, Helvetica, Arial, sans-serif;
649
+ font-family: var(--vkui--font_caption3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
650
+ }
651
+ .vkui--font_caption3--compact {
652
+ font-size: 9px;
653
+ font-size: var(--vkui--font_caption3--font_size--compact, 9px);
654
+ line-height: 12px;
655
+ line-height: var(--vkui--font_caption3--line_height--compact, 12px);
656
+ font-weight: 400;
657
+ font-weight: var(--vkui--font_caption3--font_weight--compact, 400);
658
+ font-family: MailSans, Helvetica, Arial, sans-serif;
659
+ font-family: var(--vkui--font_caption3--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
482
660
  }
483
661
  .vkui--font_caption3_caps--regular {
484
662
  font-size: 9px;
485
663
  font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
486
664
  line-height: 12px;
487
665
  line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px);
488
- font-family: Helvetica, Arial, sans-serif;
489
- font-family: var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif);
490
666
  font-weight: 400;
491
667
  font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 400);
668
+ font-family: MailSans, Helvetica, Arial, sans-serif;
669
+ font-family: var(--vkui--font_caption3_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
670
+ letter-spacing: 0.16px;
671
+ letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
492
672
  text-transform: uppercase;
493
673
  text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
674
+ }
675
+ .vkui--font_caption3_caps--compact {
676
+ font-size: 9px;
677
+ font-size: var(--vkui--font_caption3_caps--font_size--compact, 9px);
678
+ line-height: 12px;
679
+ line-height: var(--vkui--font_caption3_caps--line_height--compact, 12px);
680
+ font-weight: 400;
681
+ font-weight: var(--vkui--font_caption3_caps--font_weight--compact, 400);
682
+ font-family: MailSans, Helvetica, Arial, sans-serif;
683
+ font-family: var(--vkui--font_caption3_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
494
684
  letter-spacing: 0.16px;
495
- letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
685
+ letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--compact, 0.16px);
686
+ text-transform: uppercase;
687
+ text-transform: var(--vkui--font_caption3_caps--text_transform--compact, uppercase);
496
688
  }
497
689
  .vkui--font_h0--regular {
498
- font-size: 32px;
499
- font-size: var(--vkui--font_h0--font_size--regular, 32px);
500
- line-height: 40px;
501
- line-height: var(--vkui--font_h0--line_height--regular, 40px);
690
+ font-size: 28px;
691
+ font-size: var(--vkui--font_h0--font_size--regular, 28px);
692
+ line-height: 32px;
693
+ line-height: var(--vkui--font_h0--line_height--regular, 32px);
694
+ font-family: MailSans, Helvetica, Arial, sans-serif;
695
+ font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
502
696
  font-weight: 500;
503
697
  font-weight: var(--vkui--font_h0--font_weight--regular, 500);
698
+ }
699
+ .vkui--font_h0--compact {
700
+ font-size: 44px;
701
+ font-size: var(--vkui--font_h0--font_size--compact, 44px);
702
+ line-height: 52px;
703
+ line-height: var(--vkui--font_h0--line_height--compact, 52px);
504
704
  font-family: MailSans, Helvetica, Arial, sans-serif;
505
705
  font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
506
- }
507
- .vkui--font_h1--compact {
508
- font-size: 24px;
509
- font-size: var(--vkui--font_h1--font_size--compact, 24px);
510
- line-height: 32px;
511
- line-height: var(--vkui--font_h1--line_height--compact, 32px);
512
706
  font-weight: 500;
513
- font-weight: var(--vkui--font_h1--font_weight--compact, 500);
514
- font-family: MailSans, Helvetica, Arial, sans-serif;
515
- font-family: var(--vkui--font_h1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
516
- margin-bottom: 16px;
517
- margin-bottom: var(--vkui--font_h1--margin_bottom--compact, 16px);
707
+ font-weight: var(--vkui--font_h0--font_weight--regular, 500);
518
708
  }
519
709
  .vkui--font_h1--regular {
520
- font-size: 32px;
521
- font-size: var(--vkui--font_h1--font_size--regular, 32px);
522
- line-height: 40px;
523
- line-height: var(--vkui--font_h1--line_height--regular, 40px);
710
+ font-size: 24px;
711
+ font-size: var(--vkui--font_h1--font_size--regular, 24px);
712
+ line-height: 28px;
713
+ line-height: var(--vkui--font_h1--line_height--regular, 28px);
714
+ font-family: MailSans, Helvetica, Arial, sans-serif;
715
+ font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
524
716
  font-weight: 500;
525
717
  font-weight: var(--vkui--font_h1--font_weight--regular, 500);
718
+ }
719
+ .vkui--font_h1--compact {
720
+ font-size: 32px;
721
+ font-size: var(--vkui--font_h1--font_size--compact, 32px);
722
+ line-height: 36px;
723
+ line-height: var(--vkui--font_h1--line_height--compact, 36px);
526
724
  font-family: MailSans, Helvetica, Arial, sans-serif;
527
725
  font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
528
- margin-bottom: 16px;
529
- margin-bottom: var(--vkui--font_h1--margin_bottom--regular, 16px);
530
- }
531
- .vkui--font_h2--compact {
532
- font-size: 20px;
533
- font-size: var(--vkui--font_h2--font_size--compact, 20px);
534
- line-height: 24px;
535
- line-height: var(--vkui--font_h2--line_height--compact, 24px);
536
726
  font-weight: 500;
537
- font-weight: var(--vkui--font_h2--font_weight--compact, 500);
538
- font-family: MailSans, Helvetica, Arial, sans-serif;
539
- font-family: var(--vkui--font_h2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
727
+ font-weight: var(--vkui--font_h1--font_weight--regular, 500);
540
728
  }
541
729
  .vkui--font_h2--regular {
542
- font-size: 24px;
543
- font-size: var(--vkui--font_h2--font_size--regular, 24px);
544
- line-height: 28px;
545
- line-height: var(--vkui--font_h2--line_height--regular, 28px);
730
+ font-size: 20px;
731
+ font-size: var(--vkui--font_h2--font_size--regular, 20px);
732
+ line-height: 26px;
733
+ line-height: var(--vkui--font_h2--line_height--regular, 26px);
734
+ font-family: MailSans, Helvetica, Arial, sans-serif;
735
+ font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
546
736
  font-weight: 500;
547
737
  font-weight: var(--vkui--font_h2--font_weight--regular, 500);
738
+ }
739
+ .vkui--font_h2--compact {
740
+ font-size: 28px;
741
+ font-size: var(--vkui--font_h2--font_size--compact, 28px);
742
+ line-height: 32px;
743
+ line-height: var(--vkui--font_h2--line_height--compact, 32px);
548
744
  font-family: MailSans, Helvetica, Arial, sans-serif;
549
745
  font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
746
+ font-weight: 500;
747
+ font-weight: var(--vkui--font_h2--font_weight--regular, 500);
550
748
  }
551
- .vkui--font_event_m--compact {
749
+ .vkui--calendar_font_text_event--regular {
552
750
  font-size: 17px;
553
- font-size: var(--vkui--font_event_m--font_size--compact, 17px);
751
+ font-size: var(--vkui--calendar_font_text_event--font_size--regular, 17px);
554
752
  line-height: 24px;
555
- line-height: var(--vkui--font_event_m--line_height--compact, 24px);
556
- font-weight: 500;
557
- font-weight: var(--vkui--font_event_m--font_weight--compact, 500);
558
- font-family: MailSans, Helvetica, Arial, sans-serif;
559
- font-family: var(--vkui--font_event_m--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
560
- }
561
- .vkui--font_event_m--regular {
562
- font-size: 15px;
563
- font-size: var(--vkui--font_event_m--font_size--regular, 15px);
564
- line-height: 20px;
565
- line-height: var(--vkui--font_event_m--line_height--regular, 20px);
566
- font-weight: 500;
567
- font-weight: var(--vkui--font_event_m--font_weight--regular, 500);
568
- font-family: MailSans, Helvetica, Arial, sans-serif;
569
- font-family: var(--vkui--font_event_m--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
570
- }
571
- .vkui--font_event_s--compact {
572
- font-size: 15px;
573
- font-size: var(--vkui--font_event_s--font_size--compact, 15px);
574
- line-height: 18px;
575
- line-height: var(--vkui--font_event_s--line_height--compact, 18px);
576
- font-weight: 500;
577
- font-weight: var(--vkui--font_event_s--font_weight--compact, 500);
753
+ line-height: var(--vkui--calendar_font_text_event--line_height--regular, 24px);
754
+ font-weight: 400;
755
+ font-weight: var(--vkui--calendar_font_text_event--font_weight--regular, 400);
578
756
  font-family: MailSans, Helvetica, Arial, sans-serif;
579
- font-family: var(--vkui--font_event_s--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
757
+ font-family: var(--vkui--calendar_font_text_event--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
580
758
  }
581
- .vkui--font_event_s--regular {
759
+ .vkui--calendar_font_text_event--compact {
582
760
  font-size: 13px;
583
- font-size: var(--vkui--font_event_s--font_size--regular, 13px);
761
+ font-size: var(--vkui--calendar_font_text_event--font_size--compact, 13px);
584
762
  line-height: 18px;
585
- line-height: var(--vkui--font_event_s--line_height--regular, 18px);
763
+ line-height: var(--vkui--calendar_font_text_event--line_height--compact, 18px);
586
764
  font-weight: 500;
587
- font-weight: var(--vkui--font_event_s--font_weight--regular, 500);
765
+ font-weight: var(--vkui--calendar_font_text_event--font_weight--compact, 500);
588
766
  font-family: MailSans, Helvetica, Arial, sans-serif;
589
- font-family: var(--vkui--font_event_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
767
+ font-family: var(--vkui--calendar_font_text_event--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
590
768
  }
591
- .vkui--font_event_x_s--regular {
592
- font-size: 12px;
593
- font-size: var(--vkui--font_event_x_s--font_size--regular, 12px);
594
- line-height: 16px;
595
- line-height: var(--vkui--font_event_x_s--line_height--regular, 16px);
596
- font-weight: 500;
597
- font-weight: var(--vkui--font_event_x_s--font_weight--regular, 500);
598
- font-family: MailSans, Helvetica, Arial, sans-serif;
599
- font-family: var(--vkui--font_event_x_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
600
- }
601
- .vkui--font_time--regular {
602
- font-size: 13px;
603
- font-size: var(--vkui--font_time--font_size--regular, 13px);
604
- line-height: 18px;
605
- line-height: var(--vkui--font_time--line_height--regular, 18px);
606
- font-weight: 500;
607
- font-weight: var(--vkui--font_time--font_weight--regular, 500);
769
+ .vkui--calendar_font_text_event_small--regular {
770
+ font-size: 15px;
771
+ font-size: var(--vkui--calendar_font_text_event_small--font_size--regular, 15px);
772
+ line-height: 20px;
773
+ line-height: var(--vkui--calendar_font_text_event_small--line_height--regular, 20px);
774
+ font-weight: 400;
775
+ font-weight: var(--vkui--calendar_font_text_event_small--font_weight--regular, 400);
608
776
  font-family: MailSans, Helvetica, Arial, sans-serif;
609
- font-family: var(--vkui--font_time--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
777
+ font-family: var(--vkui--calendar_font_text_event_small--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
610
778
  }
611
- .vkui--font_body_i_o_s--regular {
612
- font-size: 17px;
613
- font-size: var(--vkui--font_body_i_o_s--font_size--regular, 17px);
614
- line-height: 24px;
615
- line-height: var(--vkui--font_body_i_o_s--line_height--regular, 24px);
616
- font-weight: 500;
617
- font-weight: var(--vkui--font_body_i_o_s--font_weight--regular, 500);
779
+ .vkui--calendar_font_text_event_small--compact {
780
+ font-size: 12px;
781
+ font-size: var(--vkui--calendar_font_text_event_small--font_size--compact, 12px);
782
+ line-height: 12px;
783
+ line-height: var(--vkui--calendar_font_text_event_small--line_height--compact, 12px);
784
+ font-weight: 400;
785
+ font-weight: var(--vkui--calendar_font_text_event_small--font_weight--compact, 400);
618
786
  font-family: MailSans, Helvetica, Arial, sans-serif;
619
- font-family: var(--vkui--font_body_i_o_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
787
+ font-family: var(--vkui--calendar_font_text_event_small--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
620
788
  }
621
- .vkui--font_body_android--regular {
789
+ .vkui--font_headline--regular {
622
790
  font-size: 16px;
623
- font-size: var(--vkui--font_body_android--font_size--regular, 16px);
624
- line-height: 24px;
625
- line-height: var(--vkui--font_body_android--line_height--regular, 24px);
791
+ font-size: var(--vkui--font_headline--font_size--regular, 16px);
792
+ line-height: 20px;
793
+ line-height: var(--vkui--font_headline--line_height--regular, 20px);
626
794
  font-weight: 500;
627
- font-weight: var(--vkui--font_body_android--font_weight--regular, 500);
795
+ font-weight: var(--vkui--font_headline--font_weight--regular, 500);
628
796
  font-family: MailSans, Helvetica, Arial, sans-serif;
629
- font-family: var(--vkui--font_body_android--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
797
+ font-family: var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
630
798
  }
631
- .vkui--font_headline--regular {
799
+ .vkui--font_headline--compact {
632
800
  font-size: 15px;
633
- font-size: var(--vkui--font_headline--font_size--regular, 15px);
801
+ font-size: var(--vkui--font_headline--font_size--compact, 15px);
634
802
  line-height: 20px;
635
- line-height: var(--vkui--font_headline--line_height--regular, 20px);
803
+ line-height: var(--vkui--font_headline--line_height--compact, 20px);
636
804
  font-weight: 500;
637
- font-weight: var(--vkui--font_headline--font_weight--regular, 500);
805
+ font-weight: var(--vkui--font_headline--font_weight--compact, 500);
638
806
  font-family: MailSans, Helvetica, Arial, sans-serif;
639
- font-family: var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
807
+ font-family: var(--vkui--font_headline--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
640
808
  }