@vkontakte/vkui-tokens 4.3.1 → 4.3.2-dev-db778e.0

package/themes/calendarDark/cssVars/theme/fallbacks/index.pcss

@@ -14,7 +14,7 @@
 	--size-popup-base-padding--compact: var(--vkui--size_popup_base_padding--compact, 32px);
 	--size-popup-header-padding--regular: var(--vkui--size_popup_header_padding--regular, 16px);
 	--size-popup-header-padding--compact: var(--vkui--size_popup_header_padding--compact, 24px);
-	--size-border-radius--compact: var(--vkui--size_border_radius--compact, 12px);
+	--size-border-radius--compact: var(--vkui--size_border_radius--compact, 8px);
 	--size-border-radius--regular: var(--vkui--size_border_radius--regular, 8px);
 	--size-check-border-radius--regular: var(--vkui--size_check_border_radius--regular, 4px);
 	--size-border-radius-paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
@@ -34,8 +34,8 @@
 	--size-popup-medium--regular: var(--vkui--size_popup_medium--regular, 680px);
 	--size-popup-large--regular: var(--vkui--size_popup_large--regular, 880px);
 	--size-field-horizontal-padding--regular: var(--vkui--size_field_horizontal_padding--regular, 8px);
-	--size-button-padding-horizontal--compact: var(--vkui--size_button_padding_horizontal--compact, 12px);
-	--size-button-padding-horizontal--regular: var(--vkui--size_button_padding_horizontal--regular, 16px);
+	--size-button-padding-horizontal--compact: var(--vkui--size_button_padding_horizontal--compact, 16px);
+	--size-button-padding-horizontal--regular: var(--vkui--size_button_padding_horizontal--regular, 20px);
 	--size-label-horizontal-margin--regular: var(--vkui--size_label_horizontal_margin--regular, 16px);
 	--size-arrow-padding--regular: var(--vkui--size_arrow_padding--regular, 12px);
 	--size-tooltip-margin--regular: var(--vkui--size_tooltip_margin--regular, 8px);
@@ -55,10 +55,10 @@
 	--size-card-border-radius--regular: var(--vkui--size_card_border_radius--regular, 16px);
 	--size-cardgrid-padding-vertical--regular: var(--vkui--size_cardgrid_padding_vertical--regular, 8px);
 	--size-base-padding-horizontal--regular: var(--vkui--size_base_padding_horizontal--regular, 16px);
-	--elevation1: var(--vkui--elevation1, none);
-	--elevation2: var(--vkui--elevation2, none);
-	--elevation3: var(--vkui--elevation3, 0px 4px 32px rgba(0, 16, 61, 0.32));
-	--elevation4: var(--vkui--elevation4, 0px 16px 48px rgba(0, 16, 61, 0.48));
+	--elevation1: var(--vkui--elevation1, 0 2px 0 0 rgba(0, 16, 61, 0.04));
+	--elevation2: var(--vkui--elevation2, 0 4px 32px 0 rgba(0, 16, 61, 0.32));
+	--elevation3: var(--vkui--elevation3, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
+	--elevation4: var(--vkui--elevation4, 0 16px 48px 0 rgba(0, 0, 0, 0.48));
 	--animation-duration-l: var(--vkui--animation_duration_l, 0.4s);
 	--animation-duration-m: var(--vkui--animation_duration_m, 0.2s);
 	--animation-duration-s: var(--vkui--animation_duration_s, 0.1s);
@@ -296,9 +296,9 @@
 	--color-image-border-alpha: var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08));
 	--color-image-border-alpha--hover: var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12));
 	--color-image-border-alpha--active: var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16));
-	--color-field-border-alpha: var(--vkui--color_field_border_alpha, transparent);
-	--color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, transparent);
-	--color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, transparent);
+	--color-field-border-alpha: var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16));
+	--color-field-border-alpha--hover: var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2));
+	--color-field-border-alpha--active: var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24));
 	--color-separator-primary-alpha: var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4));
 	--color-separator-primary-alpha--hover: var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44));
 	--color-separator-primary-alpha--active: var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48));
@@ -395,32 +395,59 @@
 	--color-thumb-error-background-alpha: var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12));
 	--color-thumb-error-background-alpha--hover: var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16));
 	--color-thumb-error-background-alpha--active: var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2));
+	--calendar-color-background-accent-tint-themed: var(--vkui--calendar_color_background_accent_tint_themed, #3E3E3F);
+	--calendar-color-background-accent-tint-themed--hover: var(--vkui--calendar_color_background_accent_tint_themed--hover, #2C2C2D);
+	--calendar-color-background-accent-tint-themed--active: var(--vkui--calendar_color_background_accent_tint_themed--active, #3E3E3F);
 }
 
 %font-title1--regular {
-	font-size: var(--vkui--font_title1--font_size--regular, 17px);
-	line-height: var(--vkui--font_title1--line_height--regular, 24px);
+	font-size: var(--vkui--font_title1--font_size--regular, 24px);
+	line-height: var(--vkui--font_title1--line_height--regular, 32px);
 	font-weight: var(--vkui--font_title1--font_weight--regular, 500);
 	font-family: var(--vkui--font_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+%font-title1--compact {
+	font-size: var(--vkui--font_title1--font_size--compact, 24px);
+	line-height: var(--vkui--font_title1--line_height--compact, 28px);
+	font-weight: var(--vkui--font_title1--font_weight--compact, 500);
+	font-family: var(--vkui--font_title1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
 %font-title2--regular {
-	font-size: var(--vkui--font_title2--font_size--regular, 15px);
-	line-height: var(--vkui--font_title2--line_height--regular, 20px);
+	font-size: var(--vkui--font_title2--font_size--regular, 20px);
+	line-height: var(--vkui--font_title2--line_height--regular, 24px);
 	font-weight: var(--vkui--font_title2--font_weight--regular, 500);
 	font-family: var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+%font-title2--compact {
+	font-size: var(--vkui--font_title2--font_size--compact, 20px);
+	line-height: var(--vkui--font_title2--line_height--compact, 24px);
+	font-weight: var(--vkui--font_title2--font_weight--compact, 500);
+	font-family: var(--vkui--font_title2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
 %font-title3--regular {
-	font-size: var(--vkui--font_title3--font_size--regular, 15px);
-	line-height: var(--vkui--font_title3--line_height--regular, 20px);
+	font-size: var(--vkui--font_title3--font_size--regular, 17px);
+	line-height: var(--vkui--font_title3--line_height--regular, 24px);
 	font-weight: var(--vkui--font_title3--font_weight--regular, 500);
 	font-family: var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+%font-title3--compact {
+	font-size: var(--vkui--font_title3--font_size--compact, 17px);
+	line-height: var(--vkui--font_title3--line_height--compact, 24px);
+	font-weight: var(--vkui--font_title3--font_weight--compact, 500);
+	font-family: var(--vkui--font_title3--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
 %font-headline1--regular {
-	font-size: var(--vkui--font_headline1--font_size--regular, 15px);
+	font-size: var(--vkui--font_headline1--font_size--regular, 16px);
 	line-height: var(--vkui--font_headline1--line_height--regular, 20px);
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 500);
 	font-family: var(--vkui--font_headline1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+%font-headline1--compact {
+	font-size: var(--vkui--font_headline1--font_size--compact, 15px);
+	line-height: var(--vkui--font_headline1--line_height--compact, 20px);
+	font-weight: var(--vkui--font_headline1--font_weight--compact, 500);
+	font-family: var(--vkui--font_headline1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
 %font-headline2--regular {
 	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
 	line-height: var(--vkui--font_headline2--line_height--regular, 20px);
@@ -433,178 +460,226 @@
 	font-family: var(--vkui--font_headline2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
 }
-%font-text--compact {
-	font-size: var(--vkui--font_text--font_size--compact, 17px);
-	line-height: var(--vkui--font_text--line_height--compact, 24px);
-	font-weight: var(--vkui--font_text--font_weight--compact, 400);
-	font-family: var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
 %font-text--regular {
-	font-size: var(--vkui--font_text--font_size--regular, 15px);
+	font-size: var(--vkui--font_text--font_size--regular, 16px);
 	line-height: var(--vkui--font_text--line_height--regular, 20px);
 	font-weight: var(--vkui--font_text--font_weight--regular, 400);
 	font-family: var(--vkui--font_text--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+%font-text--compact {
+	font-size: var(--vkui--font_text--font_size--compact, 15px);
+	line-height: var(--vkui--font_text--line_height--compact, 20px);
+	font-weight: var(--vkui--font_text--font_weight--compact, 400);
+	font-family: var(--vkui--font_text--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
 %font-paragraph--regular {
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
 	line-height: var(--vkui--font_paragraph--line_height--regular, 20px);
-	font-family: var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_paragraph--font_weight--regular, 400);
+	font-family: var(--vkui--font_paragraph--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+%font-paragraph--compact {
+	font-size: var(--vkui--font_paragraph--font_size--compact, 15px);
+	line-height: var(--vkui--font_paragraph--line_height--compact, 20px);
+	font-weight: var(--vkui--font_paragraph--font_weight--compact, 400);
+	font-family: var(--vkui--font_paragraph--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
 }
 %font-subhead--regular {
 	font-size: var(--vkui--font_subhead--font_size--regular, 14px);
 	line-height: var(--vkui--font_subhead--line_height--regular, 18px);
-	font-family: var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
+	font-family: var(--vkui--font_subhead--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
 %font-subhead--compact {
 	font-size: var(--vkui--font_subhead--font_size--compact, 13px);
 	line-height: var(--vkui--font_subhead--line_height--compact, 18px);
-	font-family: var(--vkui--font_subhead--font_family--regular, Helvetica, Arial, sans-serif);
-	font-weight: var(--vkui--font_subhead--font_weight--regular, 400);
+	font-weight: var(--vkui--font_subhead--font_weight--compact, 500);
+	font-family: var(--vkui--font_subhead--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
 }
 %font-footnote--regular {
 	font-size: var(--vkui--font_footnote--font_size--regular, 13px);
-	line-height: var(--vkui--font_footnote--line_height--regular, 20px);
+	line-height: var(--vkui--font_footnote--line_height--regular, 18px);
 	font-weight: var(--vkui--font_footnote--font_weight--regular, 400);
 	font-family: var(--vkui--font_footnote--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+%font-footnote--compact {
+	font-size: var(--vkui--font_footnote--font_size--compact, 13px);
+	line-height: var(--vkui--font_footnote--line_height--compact, 18px);
+	font-weight: var(--vkui--font_footnote--font_weight--compact, 400);
+	font-family: var(--vkui--font_footnote--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
 %font-footnote-caps--regular {
 	font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
 	line-height: var(--vkui--font_footnote_caps--line_height--regular, 18px);
-	font-family: var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_footnote_caps--font_weight--regular, 400);
-	text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
+	font-family: var(--vkui--font_footnote_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px);
+	text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
+}
+%font-footnote-caps--compact {
+	font-size: var(--vkui--font_footnote_caps--font_size--compact, 13px);
+	line-height: var(--vkui--font_footnote_caps--line_height--compact, 18px);
+	font-weight: var(--vkui--font_footnote_caps--font_weight--compact, 400);
+	font-family: var(--vkui--font_footnote_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing--compact, 0.3px);
+	text-transform: var(--vkui--font_footnote_caps--text_transform--compact, uppercase);
 }
 %font-caption1--regular {
 	font-size: var(--vkui--font_caption1--font_size--regular, 12px);
 	line-height: var(--vkui--font_caption1--line_height--regular, 16px);
-	font-family: var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
+	font-family: var(--vkui--font_caption1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+%font-caption1--compact {
+	font-size: var(--vkui--font_caption1--font_size--compact, 12px);
+	line-height: var(--vkui--font_caption1--line_height--compact, 14px);
+	font-weight: var(--vkui--font_caption1--font_weight--compact, 400);
+	font-family: var(--vkui--font_caption1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
 }
 %font-caption1-caps--regular {
 	font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
 	line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
-	font-family: var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
-	text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
+	font-family: var(--vkui--font_caption1_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px);
+	text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
+}
+%font-caption1-caps--compact {
+	font-size: var(--vkui--font_caption1_caps--font_size--compact, 12px);
+	line-height: var(--vkui--font_caption1_caps--line_height--compact, 14px);
+	font-weight: var(--vkui--font_caption1_caps--font_weight--compact, 500);
+	font-family: var(--vkui--font_caption1_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing--compact, 0.26px);
+	text-transform: var(--vkui--font_caption1_caps--text_transform--compact, uppercase);
 }
 %font-caption2--regular {
 	font-size: var(--vkui--font_caption2--font_size--regular, 11px);
-	line-height: var(--vkui--font_caption2--line_height--regular, 12px);
+	line-height: var(--vkui--font_caption2--line_height--regular, 14px);
 	font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
 	font-family: var(--vkui--font_caption2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+%font-caption2--compact {
+	font-size: var(--vkui--font_caption2--font_size--compact, 11px);
+	line-height: var(--vkui--font_caption2--line_height--compact, 14px);
+	font-weight: var(--vkui--font_caption2--font_weight--compact, 400);
+	font-family: var(--vkui--font_caption2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
 %font-caption2-caps--regular {
 	font-size: var(--vkui--font_caption2_caps--font_size--regular, 11px);
 	line-height: var(--vkui--font_caption2_caps--line_height--regular, 14px);
-	font-family: var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption2_caps--font_weight--regular, 400);
-	text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
+	font-family: var(--vkui--font_caption2_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px);
+	text-transform: var(--vkui--font_caption2_caps--text_transform--regular, uppercase);
+}
+%font-caption2-caps--compact {
+	font-size: var(--vkui--font_caption2_caps--font_size--compact, 11px);
+	line-height: var(--vkui--font_caption2_caps--line_height--compact, 14px);
+	font-weight: var(--vkui--font_caption2_caps--font_weight--compact, 400);
+	font-family: var(--vkui--font_caption2_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing--compact, 0.22px);
+	text-transform: var(--vkui--font_caption2_caps--text_transform--compact, uppercase);
 }
 %font-caption3--regular {
 	font-size: var(--vkui--font_caption3--font_size--regular, 9px);
 	line-height: var(--vkui--font_caption3--line_height--regular, 12px);
-	font-family: var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption3--font_weight--regular, 400);
+	font-family: var(--vkui--font_caption3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+%font-caption3--compact {
+	font-size: var(--vkui--font_caption3--font_size--compact, 9px);
+	line-height: var(--vkui--font_caption3--line_height--compact, 12px);
+	font-weight: var(--vkui--font_caption3--font_weight--compact, 400);
+	font-family: var(--vkui--font_caption3--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
 }
 %font-caption3-caps--regular {
 	font-size: var(--vkui--font_caption3_caps--font_size--regular, 9px);
 	line-height: var(--vkui--font_caption3_caps--line_height--regular, 12px);
-	font-family: var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_caption3_caps--font_weight--regular, 400);
-	text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
+	font-family: var(--vkui--font_caption3_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px);
+	text-transform: var(--vkui--font_caption3_caps--text_transform--regular, uppercase);
+}
+%font-caption3-caps--compact {
+	font-size: var(--vkui--font_caption3_caps--font_size--compact, 9px);
+	line-height: var(--vkui--font_caption3_caps--line_height--compact, 12px);
+	font-weight: var(--vkui--font_caption3_caps--font_weight--compact, 400);
+	font-family: var(--vkui--font_caption3_caps--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing--compact, 0.16px);
+	text-transform: var(--vkui--font_caption3_caps--text_transform--compact, uppercase);
 }
 %font-h0--regular {
-	font-size: var(--vkui--font_h0--font_size--regular, 32px);
-	line-height: var(--vkui--font_h0--line_height--regular, 40px);
-	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
+	font-size: var(--vkui--font_h0--font_size--regular, 28px);
+	line-height: var(--vkui--font_h0--line_height--regular, 32px);
 	font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
-%font-h1--compact {
-	font-size: var(--vkui--font_h1--font_size--compact, 24px);
-	line-height: var(--vkui--font_h1--line_height--compact, 32px);
-	font-weight: var(--vkui--font_h1--font_weight--compact, 500);
-	font-family: var(--vkui--font_h1--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-	margin-bottom: var(--vkui--font_h1--margin_bottom--compact, 16px);
+%font-h0--compact {
+	font-size: var(--vkui--font_h0--font_size--compact, 44px);
+	line-height: var(--vkui--font_h0--line_height--compact, 52px);
+	font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
 %font-h1--regular {
-	font-size: var(--vkui--font_h1--font_size--regular, 32px);
-	line-height: var(--vkui--font_h1--line_height--regular, 40px);
-	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
+	font-size: var(--vkui--font_h1--font_size--regular, 24px);
+	line-height: var(--vkui--font_h1--line_height--regular, 28px);
 	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-	margin-bottom: var(--vkui--font_h1--margin_bottom--regular, 16px);
+	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
 }
-%font-h2--compact {
-	font-size: var(--vkui--font_h2--font_size--compact, 20px);
-	line-height: var(--vkui--font_h2--line_height--compact, 24px);
-	font-weight: var(--vkui--font_h2--font_weight--compact, 500);
-	font-family: var(--vkui--font_h2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+%font-h1--compact {
+	font-size: var(--vkui--font_h1--font_size--compact, 32px);
+	line-height: var(--vkui--font_h1--line_height--compact, 36px);
+	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
 }
 %font-h2--regular {
-	font-size: var(--vkui--font_h2--font_size--regular, 24px);
-	line-height: var(--vkui--font_h2--line_height--regular, 28px);
+	font-size: var(--vkui--font_h2--font_size--regular, 20px);
+	line-height: var(--vkui--font_h2--line_height--regular, 26px);
+	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
+}
+%font-h2--compact {
+	font-size: var(--vkui--font_h2--font_size--compact, 28px);
+	line-height: var(--vkui--font_h2--line_height--compact, 32px);
 	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
 }
-%font-event-m--compact {
-	font-size: var(--vkui--font_event_m--font_size--compact, 17px);
-	line-height: var(--vkui--font_event_m--line_height--compact, 24px);
-	font-weight: var(--vkui--font_event_m--font_weight--compact, 500);
-	font-family: var(--vkui--font_event_m--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-%font-event-m--regular {
-	font-size: var(--vkui--font_event_m--font_size--regular, 15px);
-	line-height: var(--vkui--font_event_m--line_height--regular, 20px);
-	font-weight: var(--vkui--font_event_m--font_weight--regular, 500);
-	font-family: var(--vkui--font_event_m--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-%font-event-s--compact {
-	font-size: var(--vkui--font_event_s--font_size--compact, 15px);
-	line-height: var(--vkui--font_event_s--line_height--compact, 18px);
-	font-weight: var(--vkui--font_event_s--font_weight--compact, 500);
-	font-family: var(--vkui--font_event_s--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
-}
-%font-event-s--regular {
-	font-size: var(--vkui--font_event_s--font_size--regular, 13px);
-	line-height: var(--vkui--font_event_s--line_height--regular, 18px);
-	font-weight: var(--vkui--font_event_s--font_weight--regular, 500);
-	font-family: var(--vkui--font_event_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-%font-event-x-s--regular {
-	font-size: var(--vkui--font_event_x_s--font_size--regular, 12px);
-	line-height: var(--vkui--font_event_x_s--line_height--regular, 16px);
-	font-weight: var(--vkui--font_event_x_s--font_weight--regular, 500);
-	font-family: var(--vkui--font_event_x_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-%font-time--regular {
-	font-size: var(--vkui--font_time--font_size--regular, 13px);
-	line-height: var(--vkui--font_time--line_height--regular, 18px);
-	font-weight: var(--vkui--font_time--font_weight--regular, 500);
-	font-family: var(--vkui--font_time--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-%font-body-i-o-s--regular {
-	font-size: var(--vkui--font_body_i_o_s--font_size--regular, 17px);
-	line-height: var(--vkui--font_body_i_o_s--line_height--regular, 24px);
-	font-weight: var(--vkui--font_body_i_o_s--font_weight--regular, 500);
-	font-family: var(--vkui--font_body_i_o_s--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
-}
-%font-body-android--regular {
-	font-size: var(--vkui--font_body_android--font_size--regular, 16px);
-	line-height: var(--vkui--font_body_android--line_height--regular, 24px);
-	font-weight: var(--vkui--font_body_android--font_weight--regular, 500);
-	font-family: var(--vkui--font_body_android--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+%calendar-font-text-event--regular {
+	font-size: var(--vkui--calendar_font_text_event--font_size--regular, 17px);
+	line-height: var(--vkui--calendar_font_text_event--line_height--regular, 24px);
+	font-weight: var(--vkui--calendar_font_text_event--font_weight--regular, 400);
+	font-family: var(--vkui--calendar_font_text_event--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+%calendar-font-text-event--compact {
+	font-size: var(--vkui--calendar_font_text_event--font_size--compact, 13px);
+	line-height: var(--vkui--calendar_font_text_event--line_height--compact, 18px);
+	font-weight: var(--vkui--calendar_font_text_event--font_weight--compact, 500);
+	font-family: var(--vkui--calendar_font_text_event--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
+%calendar-font-text-event-small--regular {
+	font-size: var(--vkui--calendar_font_text_event_small--font_size--regular, 15px);
+	line-height: var(--vkui--calendar_font_text_event_small--line_height--regular, 20px);
+	font-weight: var(--vkui--calendar_font_text_event_small--font_weight--regular, 400);
+	font-family: var(--vkui--calendar_font_text_event_small--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+}
+%calendar-font-text-event-small--compact {
+	font-size: var(--vkui--calendar_font_text_event_small--font_size--compact, 12px);
+	line-height: var(--vkui--calendar_font_text_event_small--line_height--compact, 12px);
+	font-weight: var(--vkui--calendar_font_text_event_small--font_weight--compact, 400);
+	font-family: var(--vkui--calendar_font_text_event_small--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
 }
 %font-headline--regular {
-	font-size: var(--vkui--font_headline--font_size--regular, 15px);
+	font-size: var(--vkui--font_headline--font_size--regular, 16px);
 	line-height: var(--vkui--font_headline--line_height--regular, 20px);
 	font-weight: var(--vkui--font_headline--font_weight--regular, 500);
 	font-family: var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
 }
+%font-headline--compact {
+	font-size: var(--vkui--font_headline--font_size--compact, 15px);
+	line-height: var(--vkui--font_headline--line_height--compact, 20px);
+	font-weight: var(--vkui--font_headline--font_weight--compact, 500);
+	font-family: var(--vkui--font_headline--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+}
 @custom-media --width-touch (max-width: 767px);
 @custom-media --width-to-touch (max-width: 767px);
 @custom-media --width-from-desktop-s (min-width: 768px);