@vkontakte/vkui-tokens 4.5.2 → 4.6.0

package/themes/mediaDark/index.scss

@@ -229,6 +229,9 @@ $vkui-color-background-positive--active: #20C774;
 $vkui-color-background-negative-tint: #522e2e;
 $vkui-color-background-negative-tint--hover: #593636;
 $vkui-color-background-negative-tint--active: #603F3F;
+$vkui-color-field-background: #232324;
+$vkui-color-field-background--hover: #2C2C2D;
+$vkui-color-field-background--active: #353536;
 $vkui-color-text-accent: #3C82FD;
 $vkui-color-text-accent--hover: #4487FD;
 $vkui-color-text-accent--active: #4C8CFD;
@@ -505,179 +508,179 @@ $vkui-color-social-dribbble--active: #EC5A92;
 	font-size: 24px;
 	line-height: 28px;
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $vkui-font-title1--regular--map: (
 	'fontSize': 24px,
 	'lineHeight': 28px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin vkui-font-title1--compact() {
 	font-size: 24px;
 	line-height: 28px;
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $vkui-font-title1--regular--map: (
 	'fontSize': 24px,
 	'lineHeight': 28px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 $vkui-font-title1--compact--map: (
 	'fontSize': 24px,
 	'lineHeight': 28px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin vkui-font-title2--regular() {
 	font-size: 20px;
 	line-height: 26px;
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $vkui-font-title2--regular--map: (
 	'fontSize': 20px,
 	'lineHeight': 26px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin vkui-font-title2--compact() {
 	font-size: 20px;
 	line-height: 26px;
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $vkui-font-title2--regular--map: (
 	'fontSize': 20px,
 	'lineHeight': 26px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 $vkui-font-title2--compact--map: (
 	'fontSize': 20px,
 	'lineHeight': 26px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin vkui-font-title3--regular() {
 	font-size: 17px;
 	line-height: 22px;
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $vkui-font-title3--regular--map: (
 	'fontSize': 17px,
 	'lineHeight': 22px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin vkui-font-title3--compact() {
 	font-size: 17px;
 	line-height: 22px;
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $vkui-font-title3--regular--map: (
 	'fontSize': 17px,
 	'lineHeight': 22px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 $vkui-font-title3--compact--map: (
 	'fontSize': 17px,
 	'lineHeight': 22px,
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin vkui-font-headline1--regular() {
-	font-size: 16px;
+	font-size: 15px;
 	line-height: 20px;
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-weight: 400;
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
 }
 $vkui-font-headline1--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 @mixin vkui-font-headline1--compact() {
-	font-size: 15px;
+	font-size: 16px;
 	line-height: 20px;
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-weight: 400;
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
 }
 $vkui-font-headline1--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 $vkui-font-headline1--compact--map: (
-	'fontSize': 15px,
+	'fontSize': 16px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 @mixin vkui-font-headline2--regular() {
-	font-size: 15px;
+	font-size: 14px;
 	line-height: 20px;
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-weight: 400;
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
 }
 $vkui-font-headline2--regular--map: (
-	'fontSize': 15px,
+	'fontSize': 14px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 @mixin vkui-font-headline2--compact() {
-	font-size: 14px;
+	font-size: 15px;
 	line-height: 20px;
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-weight: 400;
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
 }
 $vkui-font-headline2--regular--map: (
-	'fontSize': 15px,
+	'fontSize': 14px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 $vkui-font-headline2--compact--map: (
-	'fontSize': 14px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 @mixin vkui-font-text--regular() {
-	font-size: 16px;
+	font-size: 15px;
 	line-height: 20px;
 	font-family: Inter, Helvetica, Arial, sans-serif;
 	font-weight: 400;
 }
 $vkui-font-text--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
 	'fontWeight': 400,
 );
 @mixin vkui-font-text--compact() {
-	font-size: 15px;
-	line-height: 20px;
+	font-size: 16px;
+	line-height: 24px;
 	font-family: Inter, Helvetica, Arial, sans-serif;
 	font-weight: 400;
 }
 $vkui-font-text--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
 	'fontWeight': 400,
 );
 $vkui-font-text--compact--map: (
-	'fontSize': 15px,
-	'lineHeight': 20px,
+	'fontSize': 16px,
+	'lineHeight': 24px,
 	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
 	'fontWeight': 400,
 );
@@ -694,34 +697,34 @@ $vkui-font-paragraph--regular--map: (
 	'fontWeight': 400,
 );
 @mixin vkui-font-subhead--regular() {
-	font-size: 14px;
+	font-size: 13px;
 	line-height: 18px;
-	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-weight: 600;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
 }
 $vkui-font-subhead--regular--map: (
-	'fontSize': 14px,
+	'fontSize': 13px,
 	'lineHeight': 18px,
-	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
 );
 @mixin vkui-font-subhead--compact() {
-	font-size: 13px;
+	font-size: 14px;
 	line-height: 18px;
-	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
-	font-weight: 600;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
 }
 $vkui-font-subhead--regular--map: (
-	'fontSize': 14px,
+	'fontSize': 13px,
 	'lineHeight': 18px,
-	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
 );
 $vkui-font-subhead--compact--map: (
-	'fontSize': 13px,
+	'fontSize': 14px,
 	'lineHeight': 18px,
-	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
 );
 @mixin vkui-font-footnote--regular() {
 	font-size: 13px;
@@ -735,6 +738,24 @@ $vkui-font-footnote--regular--map: (
 	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
 	'fontWeight': 400,
 );
+@mixin vkui-font-footnote--compact() {
+	font-size: 13px;
+	line-height: 18px;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
+}
+$vkui-font-footnote--regular--map: (
+	'fontSize': 13px,
+	'lineHeight': 18px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+);
+$vkui-font-footnote--compact--map: (
+	'fontSize': 13px,
+	'lineHeight': 18px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+);
 @mixin vkui-font-footnote-caps--regular() {
 	font-size: 13px;
 	line-height: 18px;
@@ -751,6 +772,30 @@ $vkui-font-footnote-caps--regular--map: (
 	'textTransform': uppercase,
 	'letterSpacing': 0.3px,
 );
+@mixin vkui-font-footnote-caps--compact() {
+	font-size: 13px;
+	line-height: 18px;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
+	text-transform: uppercase;
+	letter-spacing: 0.3px;
+}
+$vkui-font-footnote-caps--regular--map: (
+	'fontSize': 13px,
+	'lineHeight': 18px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.3px,
+);
+$vkui-font-footnote-caps--compact--map: (
+	'fontSize': 13px,
+	'lineHeight': 18px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.3px,
+);
 @mixin vkui-font-caption1--regular() {
 	font-size: 12px;
 	line-height: 16px;
@@ -763,6 +808,24 @@ $vkui-font-caption1--regular--map: (
 	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
 	'fontWeight': 400,
 );
+@mixin vkui-font-caption1--compact() {
+	font-size: 12px;
+	line-height: 16px;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
+}
+$vkui-font-caption1--regular--map: (
+	'fontSize': 12px,
+	'lineHeight': 16px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+);
+$vkui-font-caption1--compact--map: (
+	'fontSize': 12px,
+	'lineHeight': 16px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+);
 @mixin vkui-font-caption1-caps--regular() {
 	font-size: 12px;
 	line-height: 16px;
@@ -779,6 +842,30 @@ $vkui-font-caption1-caps--regular--map: (
 	'textTransform': uppercase,
 	'letterSpacing': 0.26px,
 );
+@mixin vkui-font-caption1-caps--compact() {
+	font-size: 12px;
+	line-height: 16px;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
+	text-transform: uppercase;
+	letter-spacing: 0.26px;
+}
+$vkui-font-caption1-caps--regular--map: (
+	'fontSize': 12px,
+	'lineHeight': 16px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.26px,
+);
+$vkui-font-caption1-caps--compact--map: (
+	'fontSize': 12px,
+	'lineHeight': 16px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.26px,
+);
 @mixin vkui-font-caption2--regular() {
 	font-size: 11px;
 	line-height: 14px;
@@ -791,6 +878,24 @@ $vkui-font-caption2--regular--map: (
 	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
 	'fontWeight': 400,
 );
+@mixin vkui-font-caption2--compact() {
+	font-size: 11px;
+	line-height: 14px;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
+}
+$vkui-font-caption2--regular--map: (
+	'fontSize': 11px,
+	'lineHeight': 14px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+);
+$vkui-font-caption2--compact--map: (
+	'fontSize': 11px,
+	'lineHeight': 14px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+);
 @mixin vkui-font-caption2-caps--regular() {
 	font-size: 11px;
 	line-height: 14px;
@@ -807,6 +912,30 @@ $vkui-font-caption2-caps--regular--map: (
 	'textTransform': uppercase,
 	'letterSpacing': 0.22px,
 );
+@mixin vkui-font-caption2-caps--compact() {
+	font-size: 11px;
+	line-height: 14px;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
+	text-transform: uppercase;
+	letter-spacing: 0.22px;
+}
+$vkui-font-caption2-caps--regular--map: (
+	'fontSize': 11px,
+	'lineHeight': 14px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.22px,
+);
+$vkui-font-caption2-caps--compact--map: (
+	'fontSize': 11px,
+	'lineHeight': 14px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.22px,
+);
 @mixin vkui-font-caption3--regular() {
 	font-size: 9px;
 	line-height: 12px;
@@ -819,6 +948,24 @@ $vkui-font-caption3--regular--map: (
 	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
 	'fontWeight': 400,
 );
+@mixin vkui-font-caption3--compact() {
+	font-size: 9px;
+	line-height: 12px;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
+}
+$vkui-font-caption3--regular--map: (
+	'fontSize': 9px,
+	'lineHeight': 12px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+);
+$vkui-font-caption3--compact--map: (
+	'fontSize': 9px,
+	'lineHeight': 12px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+);
 @mixin vkui-font-caption3-caps--regular() {
 	font-size: 9px;
 	line-height: 12px;
@@ -835,6 +982,30 @@ $vkui-font-caption3-caps--regular--map: (
 	'textTransform': uppercase,
 	'letterSpacing': 0.16px,
 );
+@mixin vkui-font-caption3-caps--compact() {
+	font-size: 9px;
+	line-height: 12px;
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-weight: 400;
+	text-transform: uppercase;
+	letter-spacing: 0.16px;
+}
+$vkui-font-caption3-caps--regular--map: (
+	'fontSize': 9px,
+	'lineHeight': 12px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.16px,
+);
+$vkui-font-caption3-caps--compact--map: (
+	'fontSize': 9px,
+	'lineHeight': 12px,
+	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.16px,
+);
 @mixin vkui-font-h0--regular() {
 	font-size: 28px;
 	line-height: 32px;
@@ -925,6 +1096,193 @@ $vkui-font-h2--compact--map: (
 	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
 	'fontWeight': 500,
 );
+@mixin vkui-media-font-media-header--regular() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 36px;
+	line-height: 44px;
+	letter-spacing: -0.5%;
+}
+$vkui-media-font-media-header--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 36px,
+	'lineHeight': 44px,
+	'letterSpacing': -0.5%,
+);
+@mixin vkui-media-font-media-header--compact() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 40px;
+	line-height: 48px;
+	letter-spacing: -0.5%;
+}
+$vkui-media-font-media-header--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 36px,
+	'lineHeight': 44px,
+	'letterSpacing': -0.5%,
+);
+$vkui-media-font-media-header--compact--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 40px,
+	'lineHeight': 48px,
+	'letterSpacing': -0.5%,
+);
+@mixin vkui-media-font-media-title1--regular() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 28px;
+	line-height: 36px;
+}
+$vkui-media-font-media-title1--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 28px,
+	'lineHeight': 36px,
+);
+@mixin vkui-media-font-media-title1--compact() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 28px;
+	line-height: 36px;
+}
+$vkui-media-font-media-title1--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 28px,
+	'lineHeight': 36px,
+);
+$vkui-media-font-media-title1--compact--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 28px,
+	'lineHeight': 36px,
+);
+@mixin vkui-media-font-media-title2--regular() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 24px;
+	line-height: 32px;
+}
+$vkui-media-font-media-title2--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 24px,
+	'lineHeight': 32px,
+);
+@mixin vkui-media-font-media-title2--compact() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 24px;
+	line-height: 32px;
+}
+$vkui-media-font-media-title2--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 24px,
+	'lineHeight': 32px,
+);
+$vkui-media-font-media-title2--compact--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 24px,
+	'lineHeight': 32px,
+);
+@mixin vkui-media-font-media-title3--regular() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 20px;
+	line-height: 28px;
+}
+$vkui-media-font-media-title3--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 20px,
+	'lineHeight': 28px,
+);
+@mixin vkui-media-font-media-title3--compact() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 20px;
+	line-height: 28px;
+}
+$vkui-media-font-media-title3--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 20px,
+	'lineHeight': 28px,
+);
+$vkui-media-font-media-title3--compact--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 20px,
+	'lineHeight': 28px,
+);
+@mixin vkui-media-font-media-lead--regular() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 19px;
+	line-height: 28px;
+}
+$vkui-media-font-media-lead--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 19px,
+	'lineHeight': 28px,
+);
+@mixin vkui-media-font-media-lead--compact() {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 22px;
+	line-height: 32px;
+	letter-spacing: -0.3%;
+}
+$vkui-media-font-media-lead--regular--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 19px,
+	'lineHeight': 28px,
+);
+$vkui-media-font-media-lead--compact--map: (
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 22px,
+	'lineHeight': 32px,
+	'letterSpacing': -0.3%,
+);
+@mixin vkui-media-font-media-paragraph--regular() {
+	font-family: Georgia, serif;
+	font-weight: 400;
+	font-size: 18px;
+	line-height: 28px;
+}
+$vkui-media-font-media-paragraph--regular--map: (
+	'fontFamily': "Georgia, serif",
+	'fontWeight': 400,
+	'fontSize': 18px,
+	'lineHeight': 28px,
+);
+@mixin vkui-media-font-media-paragraph--compact() {
+	font-family: Georgia, serif;
+	font-weight: 400;
+	font-size: 19px;
+	line-height: 32px;
+}
+$vkui-media-font-media-paragraph--regular--map: (
+	'fontFamily': "Georgia, serif",
+	'fontWeight': 400,
+	'fontSize': 18px,
+	'lineHeight': 28px,
+);
+$vkui-media-font-media-paragraph--compact--map: (
+	'fontFamily': "Georgia, serif",
+	'fontWeight': 400,
+	'fontSize': 19px,
+	'lineHeight': 32px,
+);
 @mixin vkui-font-h3--regular() {
 	font-size: 20px;
 	line-height: 26px;
@@ -1012,34 +1370,34 @@ $vkui-font-specific-button--regular--map: (
 	'fontWeight': 500,
 );
 @mixin vkui-font-headline--regular() {
-	font-size: 16px;
+	font-size: 15px;
 	line-height: 20px;
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-weight: 400;
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
 }
 $vkui-font-headline--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 @mixin vkui-font-headline--compact() {
-	font-size: 15px;
+	font-size: 16px;
 	line-height: 20px;
-	font-family: Inter, Helvetica, Arial, sans-serif;
-	font-weight: 400;
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-weight: 500;
 }
 $vkui-font-headline--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 $vkui-font-headline--compact--map: (
-	'fontSize': 15px,
+	'fontSize': 16px,
 	'lineHeight': 20px,
-	'fontFamily': "Inter, Helvetica, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontFamily': "MailSans, Inter, Helvetica, Arial, sans-serif",
+	'fontWeight': 500,
 );
 @mixin media-width-touch {
 	@media (max-width: 767px) { @content; }