@vkontakte/vkui-tokens 4.76.0 → 4.77.0

package/themes/legoIOS/struct.json

@@ -200,10 +200,10 @@
 		"fontTitle1": {
 			"regular": {
 				"fontSize": 31,
-				"lineHeight": 31,
+				"lineHeight": 30.8,
 				"fontFamily": "\"VK Sans Display\", -apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 700,
-				"letterSpacing": "-0.72px"
+				"letterSpacing": "-0.65px"
 			}
 		},
 		"fontTitle2": {
@@ -212,25 +212,32 @@
 				"lineHeight": 26,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 700,
-				"letterSpacing": "-0.58px"
+				"letterSpacing": "-0.15px",
+				"fontVariationSettings": {
+					"opticalSize": 28
+				}
 			}
 		},
 		"fontTitle3": {
 			"regular": {
-				"fontSize": 20,
-				"lineHeight": 23,
+				"fontSize": 21.5,
+				"lineHeight": 22.85,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 700,
-				"letterSpacing": "-0.78px"
+				"fontVariationSettings": {
+					"opticalSize": 23.8
+				}
 			}
 		},
 		"fontHeadline1": {
 			"regular": {
 				"fontSize": 17,
-				"lineHeight": 20,
+				"lineHeight": 19.84,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 600,
-				"letterSpacing": "-0.72px"
+				"fontVariationSettings": {
+					"opticalSize": 21.1
+				}
 			},
 			"compact": {
 				"fontSize": 15,
@@ -252,10 +259,12 @@
 		"fontText": {
 			"regular": {
 				"fontSize": 16,
-				"lineHeight": 18.5,
+				"lineHeight": 18.39,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 600,
-				"letterSpacing": "-0.68px"
+				"fontVariationSettings": {
+					"opticalSize": 21.8
+				}
 			},
 			"compact": {
 				"fontSize": 15,
@@ -265,10 +274,12 @@
 		"fontParagraph": {
 			"regular": {
 				"fontSize": 15,
-				"lineHeight": 18,
+				"lineHeight": 18.31,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
-				"fontWeight": 600,
-				"letterSpacing": "-0.46px"
+				"fontWeight": 580,
+				"fontVariationSettings": {
+					"opticalSize": 21.5
+				}
 			}
 		},
 		"fontSubhead": {
@@ -286,10 +297,12 @@
 		"fontFootnote": {
 			"regular": {
 				"fontSize": 13.5,
-				"lineHeight": 15,
+				"lineHeight": 14.9,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 600,
-				"letterSpacing": "-0.58px"
+				"fontVariationSettings": {
+					"opticalSize": 22.2
+				}
 			}
 		},
 		"fontFootnoteCaps": {
@@ -355,34 +368,42 @@
 		"fontLabel1": {
 			"regular": {
 				"fontSize": 19,
-				"lineHeight": 20,
+				"lineHeight": 19.87,
 				"fontWeight": 700,
-				"letterSpacing": "-0.58px"
+				"fontVariationSettings": {
+					"opticalSize": 22
+				}
 			}
 		},
 		"fontLabel2": {
 			"regular": {
 				"fontSize": 18,
-				"lineHeight": 21,
+				"lineHeight": 20.82,
 				"fontWeight": 600,
-				"letterSpacing": "-0.68px"
+				"fontVariationSettings": {
+					"opticalSize": 21.8
+				}
 			}
 		},
 		"fontBody": {
 			"regular": {
-				"fontSize": 17.5,
-				"lineHeight": 23,
-				"fontWeight": 500,
-				"letterSpacing": "-0.72px"
+				"fontSize": 16.5,
+				"lineHeight": 21.24,
+				"fontWeight": 520,
+				"fontVariationSettings": {
+					"opticalSize": 21.5
+				}
 			}
 		},
 		"fontHeadline": {
 			"regular": {
 				"fontSize": 17,
-				"lineHeight": 20,
+				"lineHeight": 19.84,
 				"fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
 				"fontWeight": 600,
-				"letterSpacing": "-0.72px"
+				"fontVariationSettings": {
+					"opticalSize": 21.1
+				}
 			},
 			"compact": {
 				"fontSize": 15,

package/themes/legoIOSDark/cssVars/declarations/index.css

@@ -41,25 +41,26 @@
 	--vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_display_title4--font_weight--regular: 600;
 	--vkui--font_title1--font_size--regular: 31px;
-	--vkui--font_title1--line_height--regular: 31px;
+	--vkui--font_title1--line_height--regular: 30.8px;
 	--vkui--font_title1--font_family--regular: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_title1--font_weight--regular: 700;
-	--vkui--font_title1--letter_spacing--regular: -0.72px;
+	--vkui--font_title1--letter_spacing--regular: -0.65px;
 	--vkui--font_title2--font_size--regular: 24px;
 	--vkui--font_title2--line_height--regular: 26px;
 	--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_title2--font_weight--regular: 700;
-	--vkui--font_title2--letter_spacing--regular: -0.58px;
-	--vkui--font_title3--font_size--regular: 20px;
-	--vkui--font_title3--line_height--regular: 23px;
+	--vkui--font_title2--letter_spacing--regular: -0.15px;
+	--vkui--font_title2--font_variation_settings--optical_size--regular: 28;
+	--vkui--font_title3--font_size--regular: 21.5px;
+	--vkui--font_title3--line_height--regular: 22.85px;
 	--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_title3--font_weight--regular: 700;
-	--vkui--font_title3--letter_spacing--regular: -0.78px;
+	--vkui--font_title3--font_variation_settings--optical_size--regular: 23.8;
 	--vkui--font_headline1--font_size--regular: 17px;
-	--vkui--font_headline1--line_height--regular: 20px;
+	--vkui--font_headline1--line_height--regular: 19.84px;
 	--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_headline1--font_weight--regular: 600;
-	--vkui--font_headline1--letter_spacing--regular: -0.72px;
+	--vkui--font_headline1--font_variation_settings--optical_size--regular: 21.1;
 	--vkui--font_headline1--font_size--compact: 15px;
 	--vkui--font_headline1--line_height--compact: 20px;
 	--vkui--font_headline2--font_size--regular: 15px;
@@ -69,17 +70,17 @@
 	--vkui--font_headline2--font_size--compact: 14px;
 	--vkui--font_headline2--line_height--compact: 20px;
 	--vkui--font_text--font_size--regular: 16px;
-	--vkui--font_text--line_height--regular: 18.5px;
+	--vkui--font_text--line_height--regular: 18.39px;
 	--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_text--font_weight--regular: 600;
-	--vkui--font_text--letter_spacing--regular: -0.68px;
+	--vkui--font_text--font_variation_settings--optical_size--regular: 21.8;
 	--vkui--font_text--font_size--compact: 15px;
 	--vkui--font_text--line_height--compact: 20px;
 	--vkui--font_paragraph--font_size--regular: 15px;
-	--vkui--font_paragraph--line_height--regular: 18px;
+	--vkui--font_paragraph--line_height--regular: 18.31px;
 	--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	--vkui--font_paragraph--font_weight--regular: 600;
-	--vkui--font_paragraph--letter_spacing--regular: -0.46px;
+	--vkui--font_paragraph--font_weight--regular: 580;
+	--vkui--font_paragraph--font_variation_settings--optical_size--regular: 21.5;
 	--vkui--font_subhead--font_size--regular: 14px;
 	--vkui--font_subhead--line_height--regular: 18px;
 	--vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -87,10 +88,10 @@
 	--vkui--font_subhead--font_size--compact: 13px;
 	--vkui--font_subhead--line_height--compact: 16px;
 	--vkui--font_footnote--font_size--regular: 13.5px;
-	--vkui--font_footnote--line_height--regular: 15px;
+	--vkui--font_footnote--line_height--regular: 14.9px;
 	--vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_footnote--font_weight--regular: 600;
-	--vkui--font_footnote--letter_spacing--regular: -0.58px;
+	--vkui--font_footnote--font_variation_settings--optical_size--regular: 22.2;
 	--vkui--font_footnote_caps--font_size--regular: 13px;
 	--vkui--font_footnote_caps--line_height--regular: 16px;
 	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -229,22 +230,22 @@
 	--vkui--z_index_popout: 100;
 	--vkui--theme_inherits_from: 'vkIOSDark';
 	--vkui--font_label1--font_size--regular: 19px;
-	--vkui--font_label1--line_height--regular: 20px;
+	--vkui--font_label1--line_height--regular: 19.87px;
 	--vkui--font_label1--font_weight--regular: 700;
-	--vkui--font_label1--letter_spacing--regular: -0.58px;
+	--vkui--font_label1--font_variation_settings--optical_size--regular: 22;
 	--vkui--font_label2--font_size--regular: 18px;
-	--vkui--font_label2--line_height--regular: 21px;
+	--vkui--font_label2--line_height--regular: 20.82px;
 	--vkui--font_label2--font_weight--regular: 600;
-	--vkui--font_label2--letter_spacing--regular: -0.68px;
-	--vkui--font_body--font_size--regular: 17.5px;
-	--vkui--font_body--line_height--regular: 23px;
-	--vkui--font_body--font_weight--regular: 500;
-	--vkui--font_body--letter_spacing--regular: -0.72px;
+	--vkui--font_label2--font_variation_settings--optical_size--regular: 21.8;
+	--vkui--font_body--font_size--regular: 16.5px;
+	--vkui--font_body--line_height--regular: 21.24px;
+	--vkui--font_body--font_weight--regular: 520;
+	--vkui--font_body--font_variation_settings--optical_size--regular: 21.5;
 	--vkui--font_headline--font_size--regular: 17px;
-	--vkui--font_headline--line_height--regular: 20px;
+	--vkui--font_headline--line_height--regular: 19.84px;
 	--vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_headline--font_weight--regular: 600;
-	--vkui--font_headline--letter_spacing--regular: -0.72px;
+	--vkui--font_headline--font_variation_settings--optical_size--regular: 21.1;
 	--vkui--font_headline--font_size--compact: 15px;
 	--vkui--font_headline--line_height--compact: 20px;
 	--vkui--colors_scheme: dark;
@@ -669,14 +670,14 @@
 .vkui--font_title1--regular {
 	font-size: 31px;
 	font-size: var(--vkui--font_title1--font_size--regular, 31px);
-	line-height: 31px;
-	line-height: var(--vkui--font_title1--line_height--regular, 31px);
+	line-height: 30.8px;
+	line-height: var(--vkui--font_title1--line_height--regular, 30.8px);
 	font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 700;
 	font-weight: var(--vkui--font_title1--font_weight--regular, 700);
-	letter-spacing: -0.72px;
-	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.72px);
+	letter-spacing: -0.65px;
+	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.65px);
 }
 .vkui--font_title1 {
 	font-size: var(--vkui--font_title1--font_size);
@@ -694,8 +695,8 @@
 	font-family: var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 700;
 	font-weight: var(--vkui--font_title2--font_weight--regular, 700);
-	letter-spacing: -0.58px;
-	letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.58px);
+	letter-spacing: -0.15px;
+	letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.15px);
 }
 .vkui--font_title2 {
 	font-size: var(--vkui--font_title2--font_size);
@@ -703,44 +704,41 @@
 	font-family: var(--vkui--font_title2--font_family);
 	font-weight: var(--vkui--font_title2--font_weight);
 	letter-spacing: var(--vkui--font_title2--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_title2--font_variation_settings--optical_size);
 }
 .vkui--font_title3--regular {
-	font-size: 20px;
-	font-size: var(--vkui--font_title3--font_size--regular, 20px);
-	line-height: 23px;
-	line-height: var(--vkui--font_title3--line_height--regular, 23px);
+	font-size: 21.5px;
+	font-size: var(--vkui--font_title3--font_size--regular, 21.5px);
+	line-height: 22.85px;
+	line-height: var(--vkui--font_title3--line_height--regular, 22.85px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 700;
 	font-weight: var(--vkui--font_title3--font_weight--regular, 700);
-	letter-spacing: -0.78px;
-	letter-spacing: var(--vkui--font_title3--letter_spacing--regular, -0.78px);
 }
 .vkui--font_title3 {
 	font-size: var(--vkui--font_title3--font_size);
 	line-height: var(--vkui--font_title3--line_height);
 	font-family: var(--vkui--font_title3--font_family);
 	font-weight: var(--vkui--font_title3--font_weight);
-	letter-spacing: var(--vkui--font_title3--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_title3--font_variation_settings--optical_size);
 }
 .vkui--font_headline1--regular {
 	font-size: 17px;
 	font-size: var(--vkui--font_headline1--font_size--regular, 17px);
-	line-height: 20px;
-	line-height: var(--vkui--font_headline1--line_height--regular, 20px);
+	line-height: 19.84px;
+	line-height: var(--vkui--font_headline1--line_height--regular, 19.84px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 600;
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
-	letter-spacing: -0.72px;
-	letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
 }
 .vkui--font_headline1 {
 	font-size: var(--vkui--font_headline1--font_size);
 	line-height: var(--vkui--font_headline1--line_height);
 	font-family: var(--vkui--font_headline1--font_family);
 	font-weight: var(--vkui--font_headline1--font_weight);
-	letter-spacing: var(--vkui--font_headline1--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_headline1--font_variation_settings--optical_size);
 }
 .vkui--font_headline1--compact {
 	font-size: 15px;
@@ -751,8 +749,6 @@
 	font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 600;
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
-	letter-spacing: -0.72px;
-	letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
 }
 .vkui--font_headline2--regular {
 	font-size: 15px;
@@ -783,21 +779,19 @@
 .vkui--font_text--regular {
 	font-size: 16px;
 	font-size: var(--vkui--font_text--font_size--regular, 16px);
-	line-height: 18.5px;
-	line-height: var(--vkui--font_text--line_height--regular, 18.5px);
+	line-height: 18.39px;
+	line-height: var(--vkui--font_text--line_height--regular, 18.39px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 600;
 	font-weight: var(--vkui--font_text--font_weight--regular, 600);
-	letter-spacing: -0.68px;
-	letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
 }
 .vkui--font_text {
 	font-size: var(--vkui--font_text--font_size);
 	line-height: var(--vkui--font_text--line_height);
 	font-family: var(--vkui--font_text--font_family);
 	font-weight: var(--vkui--font_text--font_weight);
-	letter-spacing: var(--vkui--font_text--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_text--font_variation_settings--optical_size);
 }
 .vkui--font_text--compact {
 	font-size: 15px;
@@ -808,27 +802,23 @@
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 600;
 	font-weight: var(--vkui--font_text--font_weight--regular, 600);
-	letter-spacing: -0.68px;
-	letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
 }
 .vkui--font_paragraph--regular {
 	font-size: 15px;
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
-	line-height: 18px;
-	line-height: var(--vkui--font_paragraph--line_height--regular, 18px);
+	line-height: 18.31px;
+	line-height: var(--vkui--font_paragraph--line_height--regular, 18.31px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: 600;
-	font-weight: var(--vkui--font_paragraph--font_weight--regular, 600);
-	letter-spacing: -0.46px;
-	letter-spacing: var(--vkui--font_paragraph--letter_spacing--regular, -0.46px);
+	font-weight: 580;
+	font-weight: var(--vkui--font_paragraph--font_weight--regular, 580);
 }
 .vkui--font_paragraph {
 	font-size: var(--vkui--font_paragraph--font_size);
 	line-height: var(--vkui--font_paragraph--line_height);
 	font-family: var(--vkui--font_paragraph--font_family);
 	font-weight: var(--vkui--font_paragraph--font_weight);
-	letter-spacing: var(--vkui--font_paragraph--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_paragraph--font_variation_settings--optical_size);
 }
 .vkui--font_subhead--regular {
 	font-size: 14px;
@@ -859,21 +849,19 @@
 .vkui--font_footnote--regular {
 	font-size: 13.5px;
 	font-size: var(--vkui--font_footnote--font_size--regular, 13.5px);
-	line-height: 15px;
-	line-height: var(--vkui--font_footnote--line_height--regular, 15px);
+	line-height: 14.9px;
+	line-height: var(--vkui--font_footnote--line_height--regular, 14.9px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 600;
 	font-weight: var(--vkui--font_footnote--font_weight--regular, 600);
-	letter-spacing: -0.58px;
-	letter-spacing: var(--vkui--font_footnote--letter_spacing--regular, -0.58px);
 }
 .vkui--font_footnote {
 	font-size: var(--vkui--font_footnote--font_size);
 	line-height: var(--vkui--font_footnote--line_height);
 	font-family: var(--vkui--font_footnote--font_family);
 	font-weight: var(--vkui--font_footnote--font_weight);
-	letter-spacing: var(--vkui--font_footnote--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_footnote--font_variation_settings--optical_size);
 }
 .vkui--font_footnote_caps--regular {
 	font-size: 13px;
@@ -1002,69 +990,61 @@
 .vkui--font_label1--regular {
 	font-size: 19px;
 	font-size: var(--vkui--font_label1--font_size--regular, 19px);
-	line-height: 20px;
-	line-height: var(--vkui--font_label1--line_height--regular, 20px);
+	line-height: 19.87px;
+	line-height: var(--vkui--font_label1--line_height--regular, 19.87px);
 	font-weight: 700;
 	font-weight: var(--vkui--font_label1--font_weight--regular, 700);
-	letter-spacing: -0.58px;
-	letter-spacing: var(--vkui--font_label1--letter_spacing--regular, -0.58px);
 }
 .vkui--font_label1 {
 	font-size: var(--vkui--font_label1--font_size);
 	line-height: var(--vkui--font_label1--line_height);
 	font-weight: var(--vkui--font_label1--font_weight);
-	letter-spacing: var(--vkui--font_label1--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_label1--font_variation_settings--optical_size);
 }
 .vkui--font_label2--regular {
 	font-size: 18px;
 	font-size: var(--vkui--font_label2--font_size--regular, 18px);
-	line-height: 21px;
-	line-height: var(--vkui--font_label2--line_height--regular, 21px);
+	line-height: 20.82px;
+	line-height: var(--vkui--font_label2--line_height--regular, 20.82px);
 	font-weight: 600;
 	font-weight: var(--vkui--font_label2--font_weight--regular, 600);
-	letter-spacing: -0.68px;
-	letter-spacing: var(--vkui--font_label2--letter_spacing--regular, -0.68px);
 }
 .vkui--font_label2 {
 	font-size: var(--vkui--font_label2--font_size);
 	line-height: var(--vkui--font_label2--line_height);
 	font-weight: var(--vkui--font_label2--font_weight);
-	letter-spacing: var(--vkui--font_label2--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_label2--font_variation_settings--optical_size);
 }
 .vkui--font_body--regular {
-	font-size: 17.5px;
-	font-size: var(--vkui--font_body--font_size--regular, 17.5px);
-	line-height: 23px;
-	line-height: var(--vkui--font_body--line_height--regular, 23px);
-	font-weight: 500;
-	font-weight: var(--vkui--font_body--font_weight--regular, 500);
-	letter-spacing: -0.72px;
-	letter-spacing: var(--vkui--font_body--letter_spacing--regular, -0.72px);
+	font-size: 16.5px;
+	font-size: var(--vkui--font_body--font_size--regular, 16.5px);
+	line-height: 21.24px;
+	line-height: var(--vkui--font_body--line_height--regular, 21.24px);
+	font-weight: 520;
+	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }
 .vkui--font_body {
 	font-size: var(--vkui--font_body--font_size);
 	line-height: var(--vkui--font_body--line_height);
 	font-weight: var(--vkui--font_body--font_weight);
-	letter-spacing: var(--vkui--font_body--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_body--font_variation_settings--optical_size);
 }
 .vkui--font_headline--regular {
 	font-size: 17px;
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);
-	line-height: 20px;
-	line-height: var(--vkui--font_headline--line_height--regular, 20px);
+	line-height: 19.84px;
+	line-height: var(--vkui--font_headline--line_height--regular, 19.84px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 600;
 	font-weight: var(--vkui--font_headline--font_weight--regular, 600);
-	letter-spacing: -0.72px;
-	letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
 }
 .vkui--font_headline {
 	font-size: var(--vkui--font_headline--font_size);
 	line-height: var(--vkui--font_headline--line_height);
 	font-family: var(--vkui--font_headline--font_family);
 	font-weight: var(--vkui--font_headline--font_weight);
-	letter-spacing: var(--vkui--font_headline--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_headline--font_variation_settings--optical_size);
 }
 .vkui--font_headline--compact {
 	font-size: 15px;
@@ -1075,7 +1055,5 @@
 	font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 600;
 	font-weight: var(--vkui--font_headline--font_weight--regular, 600);
-	letter-spacing: -0.72px;
-	letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
 }