@vkontakte/vkui-tokens 4.76.0 → 4.77.0

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

@@ -502,38 +502,35 @@
 }
 %font-title1--regular {
 	font-size: var(--vkui--font_title1--font_size--regular, 31px);
-	line-height: var(--vkui--font_title1--line_height--regular, 31px);
+	line-height: var(--vkui--font_title1--line_height--regular, 30.8px);
 	font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title1--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.72px);
+	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.65px);
 }
 %font-title2--regular {
 	font-size: var(--vkui--font_title2--font_size--regular, 24px);
 	line-height: var(--vkui--font_title2--line_height--regular, 26px);
 	font-family: var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title2--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.58px);
+	letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.15px);
 }
 %font-title3--regular {
-	font-size: var(--vkui--font_title3--font_size--regular, 20px);
-	line-height: var(--vkui--font_title3--line_height--regular, 23px);
+	font-size: var(--vkui--font_title3--font_size--regular, 21.5px);
+	line-height: var(--vkui--font_title3--line_height--regular, 22.85px);
 	font-family: var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title3--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title3--letter_spacing--regular, -0.78px);
 }
 %font-headline1--regular {
 	font-size: var(--vkui--font_headline1--font_size--regular, 17px);
-	line-height: var(--vkui--font_headline1--line_height--regular, 20px);
+	line-height: var(--vkui--font_headline1--line_height--regular, 19.84px);
 	font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
 }
 %font-headline1--compact {
 	font-size: var(--vkui--font_headline1--font_size--compact, 15px);
 	line-height: var(--vkui--font_headline1--line_height--compact, 20px);
 	font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
 }
 %font-headline2--regular {
 	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
@@ -549,24 +546,21 @@
 }
 %font-text--regular {
 	font-size: var(--vkui--font_text--font_size--regular, 16px);
-	line-height: var(--vkui--font_text--line_height--regular, 18.5px);
+	line-height: var(--vkui--font_text--line_height--regular, 18.39px);
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_text--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
 }
 %font-text--compact {
 	font-size: var(--vkui--font_text--font_size--compact, 15px);
 	line-height: var(--vkui--font_text--line_height--compact, 20px);
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_text--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
 }
 %font-paragraph--regular {
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
-	line-height: var(--vkui--font_paragraph--line_height--regular, 18px);
+	line-height: var(--vkui--font_paragraph--line_height--regular, 18.31px);
 	font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: var(--vkui--font_paragraph--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_paragraph--letter_spacing--regular, -0.46px);
+	font-weight: var(--vkui--font_paragraph--font_weight--regular, 580);
 }
 %font-subhead--regular {
 	font-size: var(--vkui--font_subhead--font_size--regular, 14px);
@@ -582,10 +576,9 @@
 }
 %font-footnote--regular {
 	font-size: var(--vkui--font_footnote--font_size--regular, 13.5px);
-	line-height: var(--vkui--font_footnote--line_height--regular, 15px);
+	line-height: var(--vkui--font_footnote--line_height--regular, 14.9px);
 	font-family: var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_footnote--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_footnote--letter_spacing--regular, -0.58px);
 }
 %font-footnote-caps--regular {
 	font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
@@ -635,33 +628,28 @@
 }
 %font-label1--regular {
 	font-size: var(--vkui--font_label1--font_size--regular, 19px);
-	line-height: var(--vkui--font_label1--line_height--regular, 20px);
+	line-height: var(--vkui--font_label1--line_height--regular, 19.87px);
 	font-weight: var(--vkui--font_label1--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_label1--letter_spacing--regular, -0.58px);
 }
 %font-label2--regular {
 	font-size: var(--vkui--font_label2--font_size--regular, 18px);
-	line-height: var(--vkui--font_label2--line_height--regular, 21px);
+	line-height: var(--vkui--font_label2--line_height--regular, 20.82px);
 	font-weight: var(--vkui--font_label2--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_label2--letter_spacing--regular, -0.68px);
 }
 %font-body--regular {
-	font-size: var(--vkui--font_body--font_size--regular, 17.5px);
-	line-height: var(--vkui--font_body--line_height--regular, 23px);
-	font-weight: var(--vkui--font_body--font_weight--regular, 500);
-	letter-spacing: var(--vkui--font_body--letter_spacing--regular, -0.72px);
+	font-size: var(--vkui--font_body--font_size--regular, 16.5px);
+	line-height: var(--vkui--font_body--line_height--regular, 21.24px);
+	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }
 %font-headline--regular {
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);
-	line-height: var(--vkui--font_headline--line_height--regular, 20px);
+	line-height: var(--vkui--font_headline--line_height--regular, 19.84px);
 	font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
 }
 %font-headline--compact {
 	font-size: var(--vkui--font_headline--font_size--compact, 15px);
 	line-height: var(--vkui--font_headline--line_height--compact, 20px);
 	font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
 }

package/themes/legoIOS/cssVars/theme/fallbacks/index.scss

@@ -537,80 +537,78 @@ $font-display-title4--regular--map: (
 );
 @mixin font-title1--regular() {
 	font-size: var(--vkui--font_title1--font_size--regular, 31px);
-	line-height: var(--vkui--font_title1--line_height--regular, 31px);
+	line-height: var(--vkui--font_title1--line_height--regular, 30.8px);
 	font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title1--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.72px);
+	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.65px);
 }
 $font-title1--regular--map: (
 	'fontSize': "var(--vkui--font_title1--font_size--regular, 31px)",
-	'lineHeight': "var(--vkui--font_title1--line_height--regular, 31px)",
+	'lineHeight': "var(--vkui--font_title1--line_height--regular, 30.8px)",
 	'fontFamily': "var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_title1--font_weight--regular, 700)",
-	'letterSpacing': "var(--vkui--font_title1--letter_spacing--regular, -0.72px)",
+	'letterSpacing': "var(--vkui--font_title1--letter_spacing--regular, -0.65px)",
 );
 @mixin font-title2--regular() {
 	font-size: var(--vkui--font_title2--font_size--regular, 24px);
 	line-height: var(--vkui--font_title2--line_height--regular, 26px);
 	font-family: var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title2--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.58px);
+	letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.15px);
 }
 $font-title2--regular--map: (
 	'fontSize': "var(--vkui--font_title2--font_size--regular, 24px)",
 	'lineHeight': "var(--vkui--font_title2--line_height--regular, 26px)",
 	'fontFamily': "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_title2--font_weight--regular, 700)",
-	'letterSpacing': "var(--vkui--font_title2--letter_spacing--regular, -0.58px)",
+	'letterSpacing': "var(--vkui--font_title2--letter_spacing--regular, -0.15px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_title2--font_variation_settings--optical_size--regular, 28)",
 );
 @mixin font-title3--regular() {
-	font-size: var(--vkui--font_title3--font_size--regular, 20px);
-	line-height: var(--vkui--font_title3--line_height--regular, 23px);
+	font-size: var(--vkui--font_title3--font_size--regular, 21.5px);
+	line-height: var(--vkui--font_title3--line_height--regular, 22.85px);
 	font-family: var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title3--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title3--letter_spacing--regular, -0.78px);
 }
 $font-title3--regular--map: (
-	'fontSize': "var(--vkui--font_title3--font_size--regular, 20px)",
-	'lineHeight': "var(--vkui--font_title3--line_height--regular, 23px)",
+	'fontSize': "var(--vkui--font_title3--font_size--regular, 21.5px)",
+	'lineHeight': "var(--vkui--font_title3--line_height--regular, 22.85px)",
 	'fontFamily': "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_title3--font_weight--regular, 700)",
-	'letterSpacing': "var(--vkui--font_title3--letter_spacing--regular, -0.78px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_title3--font_variation_settings--optical_size--regular, 23.8)",
 );
 @mixin font-headline1--regular() {
 	font-size: var(--vkui--font_headline1--font_size--regular, 17px);
-	line-height: var(--vkui--font_headline1--line_height--regular, 20px);
+	line-height: var(--vkui--font_headline1--line_height--regular, 19.84px);
 	font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
 }
 $font-headline1--regular--map: (
 	'fontSize': "var(--vkui--font_headline1--font_size--regular, 17px)",
-	'lineHeight': "var(--vkui--font_headline1--line_height--regular, 20px)",
+	'lineHeight': "var(--vkui--font_headline1--line_height--regular, 19.84px)",
 	'fontFamily': "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_headline1--letter_spacing--regular, -0.72px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_headline1--font_variation_settings--optical_size--regular, 21.1)",
 );
 @mixin font-headline1--compact() {
 	font-size: var(--vkui--font_headline1--font_size--compact, 15px);
 	line-height: var(--vkui--font_headline1--line_height--compact, 20px);
 	font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
 }
 $font-headline1--regular--map: (
 	'fontSize': "var(--vkui--font_headline1--font_size--regular, 17px)",
-	'lineHeight': "var(--vkui--font_headline1--line_height--regular, 20px)",
+	'lineHeight': "var(--vkui--font_headline1--line_height--regular, 19.84px)",
 	'fontFamily': "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_headline1--letter_spacing--regular, -0.72px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_headline1--font_variation_settings--optical_size--regular, 21.1)",
 );
 $font-headline1--compact--map: (
 	'fontSize': "var(--vkui--font_headline1--font_size--compact, 15px)",
 	'lineHeight': "var(--vkui--font_headline1--line_height--compact, 20px)",
 	'fontFamily': "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_headline1--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_headline1--letter_spacing--regular, -0.72px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_headline1--font_variation_settings--optical_size--regular, 21.1)",
 );
 @mixin font-headline2--regular() {
 	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
@@ -644,52 +642,49 @@ $font-headline2--compact--map: (
 );
 @mixin font-text--regular() {
 	font-size: var(--vkui--font_text--font_size--regular, 16px);
-	line-height: var(--vkui--font_text--line_height--regular, 18.5px);
+	line-height: var(--vkui--font_text--line_height--regular, 18.39px);
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_text--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
 }
 $font-text--regular--map: (
 	'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
-	'lineHeight': "var(--vkui--font_text--line_height--regular, 18.5px)",
+	'lineHeight': "var(--vkui--font_text--line_height--regular, 18.39px)",
 	'fontFamily': "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_text--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_text--letter_spacing--regular, -0.68px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_text--font_variation_settings--optical_size--regular, 21.8)",
 );
 @mixin font-text--compact() {
 	font-size: var(--vkui--font_text--font_size--compact, 15px);
 	line-height: var(--vkui--font_text--line_height--compact, 20px);
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_text--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
 }
 $font-text--regular--map: (
 	'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
-	'lineHeight': "var(--vkui--font_text--line_height--regular, 18.5px)",
+	'lineHeight': "var(--vkui--font_text--line_height--regular, 18.39px)",
 	'fontFamily': "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_text--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_text--letter_spacing--regular, -0.68px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_text--font_variation_settings--optical_size--regular, 21.8)",
 );
 $font-text--compact--map: (
 	'fontSize': "var(--vkui--font_text--font_size--compact, 15px)",
 	'lineHeight': "var(--vkui--font_text--line_height--compact, 20px)",
 	'fontFamily': "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_text--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_text--letter_spacing--regular, -0.68px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_text--font_variation_settings--optical_size--regular, 21.8)",
 );
 @mixin font-paragraph--regular() {
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
-	line-height: var(--vkui--font_paragraph--line_height--regular, 18px);
+	line-height: var(--vkui--font_paragraph--line_height--regular, 18.31px);
 	font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: var(--vkui--font_paragraph--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_paragraph--letter_spacing--regular, -0.46px);
+	font-weight: var(--vkui--font_paragraph--font_weight--regular, 580);
 }
 $font-paragraph--regular--map: (
 	'fontSize': "var(--vkui--font_paragraph--font_size--regular, 15px)",
-	'lineHeight': "var(--vkui--font_paragraph--line_height--regular, 18px)",
+	'lineHeight': "var(--vkui--font_paragraph--line_height--regular, 18.31px)",
 	'fontFamily': "var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
-	'fontWeight': "var(--vkui--font_paragraph--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_paragraph--letter_spacing--regular, -0.46px)",
+	'fontWeight': "var(--vkui--font_paragraph--font_weight--regular, 580)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_paragraph--font_variation_settings--optical_size--regular, 21.5)",
 );
 @mixin font-subhead--regular() {
 	font-size: var(--vkui--font_subhead--font_size--regular, 14px);
@@ -723,17 +718,16 @@ $font-subhead--compact--map: (
 );
 @mixin font-footnote--regular() {
 	font-size: var(--vkui--font_footnote--font_size--regular, 13.5px);
-	line-height: var(--vkui--font_footnote--line_height--regular, 15px);
+	line-height: var(--vkui--font_footnote--line_height--regular, 14.9px);
 	font-family: var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_footnote--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_footnote--letter_spacing--regular, -0.58px);
 }
 $font-footnote--regular--map: (
 	'fontSize': "var(--vkui--font_footnote--font_size--regular, 13.5px)",
-	'lineHeight': "var(--vkui--font_footnote--line_height--regular, 15px)",
+	'lineHeight': "var(--vkui--font_footnote--line_height--regular, 14.9px)",
 	'fontFamily': "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_footnote--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_footnote--letter_spacing--regular, -0.58px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_footnote--font_variation_settings--optical_size--regular, 22.2)",
 );
 @mixin font-footnote-caps--regular() {
 	font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
@@ -829,72 +823,67 @@ $font-caption3-caps--regular--map: (
 );
 @mixin font-label1--regular() {
 	font-size: var(--vkui--font_label1--font_size--regular, 19px);
-	line-height: var(--vkui--font_label1--line_height--regular, 20px);
+	line-height: var(--vkui--font_label1--line_height--regular, 19.87px);
 	font-weight: var(--vkui--font_label1--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_label1--letter_spacing--regular, -0.58px);
 }
 $font-label1--regular--map: (
 	'fontSize': "var(--vkui--font_label1--font_size--regular, 19px)",
-	'lineHeight': "var(--vkui--font_label1--line_height--regular, 20px)",
+	'lineHeight': "var(--vkui--font_label1--line_height--regular, 19.87px)",
 	'fontWeight': "var(--vkui--font_label1--font_weight--regular, 700)",
-	'letterSpacing': "var(--vkui--font_label1--letter_spacing--regular, -0.58px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_label1--font_variation_settings--optical_size--regular, 22)",
 );
 @mixin font-label2--regular() {
 	font-size: var(--vkui--font_label2--font_size--regular, 18px);
-	line-height: var(--vkui--font_label2--line_height--regular, 21px);
+	line-height: var(--vkui--font_label2--line_height--regular, 20.82px);
 	font-weight: var(--vkui--font_label2--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_label2--letter_spacing--regular, -0.68px);
 }
 $font-label2--regular--map: (
 	'fontSize': "var(--vkui--font_label2--font_size--regular, 18px)",
-	'lineHeight': "var(--vkui--font_label2--line_height--regular, 21px)",
+	'lineHeight': "var(--vkui--font_label2--line_height--regular, 20.82px)",
 	'fontWeight': "var(--vkui--font_label2--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_label2--letter_spacing--regular, -0.68px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_label2--font_variation_settings--optical_size--regular, 21.8)",
 );
 @mixin font-body--regular() {
-	font-size: var(--vkui--font_body--font_size--regular, 17.5px);
-	line-height: var(--vkui--font_body--line_height--regular, 23px);
-	font-weight: var(--vkui--font_body--font_weight--regular, 500);
-	letter-spacing: var(--vkui--font_body--letter_spacing--regular, -0.72px);
+	font-size: var(--vkui--font_body--font_size--regular, 16.5px);
+	line-height: var(--vkui--font_body--line_height--regular, 21.24px);
+	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }
 $font-body--regular--map: (
-	'fontSize': "var(--vkui--font_body--font_size--regular, 17.5px)",
-	'lineHeight': "var(--vkui--font_body--line_height--regular, 23px)",
-	'fontWeight': "var(--vkui--font_body--font_weight--regular, 500)",
-	'letterSpacing': "var(--vkui--font_body--letter_spacing--regular, -0.72px)",
+	'fontSize': "var(--vkui--font_body--font_size--regular, 16.5px)",
+	'lineHeight': "var(--vkui--font_body--line_height--regular, 21.24px)",
+	'fontWeight': "var(--vkui--font_body--font_weight--regular, 520)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_body--font_variation_settings--optical_size--regular, 21.5)",
 );
 @mixin font-headline--regular() {
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);
-	line-height: var(--vkui--font_headline--line_height--regular, 20px);
+	line-height: var(--vkui--font_headline--line_height--regular, 19.84px);
 	font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
 }
 $font-headline--regular--map: (
 	'fontSize': "var(--vkui--font_headline--font_size--regular, 17px)",
-	'lineHeight': "var(--vkui--font_headline--line_height--regular, 20px)",
+	'lineHeight': "var(--vkui--font_headline--line_height--regular, 19.84px)",
 	'fontFamily': "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_headline--letter_spacing--regular, -0.72px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_headline--font_variation_settings--optical_size--regular, 21.1)",
 );
 @mixin font-headline--compact() {
 	font-size: var(--vkui--font_headline--font_size--compact, 15px);
 	line-height: var(--vkui--font_headline--line_height--compact, 20px);
 	font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
 }
 $font-headline--regular--map: (
 	'fontSize': "var(--vkui--font_headline--font_size--regular, 17px)",
-	'lineHeight': "var(--vkui--font_headline--line_height--regular, 20px)",
+	'lineHeight': "var(--vkui--font_headline--line_height--regular, 19.84px)",
 	'fontFamily': "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_headline--letter_spacing--regular, -0.72px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_headline--font_variation_settings--optical_size--regular, 21.1)",
 );
 $font-headline--compact--map: (
 	'fontSize': "var(--vkui--font_headline--font_size--compact, 15px)",
 	'lineHeight': "var(--vkui--font_headline--line_height--compact, 20px)",
 	'fontFamily': "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
 	'fontWeight': "var(--vkui--font_headline--font_weight--regular, 600)",
-	'letterSpacing': "var(--vkui--font_headline--letter_spacing--regular, -0.72px)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_headline--font_variation_settings--optical_size--regular, 21.1)",
 );

package/themes/legoIOS/cssVars/theme/fallbacks/index.styl

@@ -501,38 +501,35 @@ font-display-title4--regular() {
 }
 font-title1--regular() {
 	font-size: var(--vkui--font_title1--font_size--regular, 31px);
-	line-height: var(--vkui--font_title1--line_height--regular, 31px);
+	line-height: var(--vkui--font_title1--line_height--regular, 30.8px);
 	font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title1--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.72px);
+	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.65px);
 }
 font-title2--regular() {
 	font-size: var(--vkui--font_title2--font_size--regular, 24px);
 	line-height: var(--vkui--font_title2--line_height--regular, 26px);
 	font-family: var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title2--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.58px);
+	letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.15px);
 }
 font-title3--regular() {
-	font-size: var(--vkui--font_title3--font_size--regular, 20px);
-	line-height: var(--vkui--font_title3--line_height--regular, 23px);
+	font-size: var(--vkui--font_title3--font_size--regular, 21.5px);
+	line-height: var(--vkui--font_title3--line_height--regular, 22.85px);
 	font-family: var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_title3--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_title3--letter_spacing--regular, -0.78px);
 }
 font-headline1--regular() {
 	font-size: var(--vkui--font_headline1--font_size--regular, 17px);
-	line-height: var(--vkui--font_headline1--line_height--regular, 20px);
+	line-height: var(--vkui--font_headline1--line_height--regular, 19.84px);
 	font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
 }
 font-headline1--compact() {
 	font-size: var(--vkui--font_headline1--font_size--compact, 15px);
 	line-height: var(--vkui--font_headline1--line_height--compact, 20px);
 	font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
 }
 font-headline2--regular() {
 	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
@@ -548,24 +545,21 @@ font-headline2--compact() {
 }
 font-text--regular() {
 	font-size: var(--vkui--font_text--font_size--regular, 16px);
-	line-height: var(--vkui--font_text--line_height--regular, 18.5px);
+	line-height: var(--vkui--font_text--line_height--regular, 18.39px);
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_text--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
 }
 font-text--compact() {
 	font-size: var(--vkui--font_text--font_size--compact, 15px);
 	line-height: var(--vkui--font_text--line_height--compact, 20px);
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_text--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
 }
 font-paragraph--regular() {
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
-	line-height: var(--vkui--font_paragraph--line_height--regular, 18px);
+	line-height: var(--vkui--font_paragraph--line_height--regular, 18.31px);
 	font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: var(--vkui--font_paragraph--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_paragraph--letter_spacing--regular, -0.46px);
+	font-weight: var(--vkui--font_paragraph--font_weight--regular, 580);
 }
 font-subhead--regular() {
 	font-size: var(--vkui--font_subhead--font_size--regular, 14px);
@@ -581,10 +575,9 @@ font-subhead--compact() {
 }
 font-footnote--regular() {
 	font-size: var(--vkui--font_footnote--font_size--regular, 13.5px);
-	line-height: var(--vkui--font_footnote--line_height--regular, 15px);
+	line-height: var(--vkui--font_footnote--line_height--regular, 14.9px);
 	font-family: var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_footnote--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_footnote--letter_spacing--regular, -0.58px);
 }
 font-footnote-caps--regular() {
 	font-size: var(--vkui--font_footnote_caps--font_size--regular, 13px);
@@ -634,33 +627,28 @@ font-caption3-caps--regular() {
 }
 font-label1--regular() {
 	font-size: var(--vkui--font_label1--font_size--regular, 19px);
-	line-height: var(--vkui--font_label1--line_height--regular, 20px);
+	line-height: var(--vkui--font_label1--line_height--regular, 19.87px);
 	font-weight: var(--vkui--font_label1--font_weight--regular, 700);
-	letter-spacing: var(--vkui--font_label1--letter_spacing--regular, -0.58px);
 }
 font-label2--regular() {
 	font-size: var(--vkui--font_label2--font_size--regular, 18px);
-	line-height: var(--vkui--font_label2--line_height--regular, 21px);
+	line-height: var(--vkui--font_label2--line_height--regular, 20.82px);
 	font-weight: var(--vkui--font_label2--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_label2--letter_spacing--regular, -0.68px);
 }
 font-body--regular() {
-	font-size: var(--vkui--font_body--font_size--regular, 17.5px);
-	line-height: var(--vkui--font_body--line_height--regular, 23px);
-	font-weight: var(--vkui--font_body--font_weight--regular, 500);
-	letter-spacing: var(--vkui--font_body--letter_spacing--regular, -0.72px);
+	font-size: var(--vkui--font_body--font_size--regular, 16.5px);
+	line-height: var(--vkui--font_body--line_height--regular, 21.24px);
+	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }
 font-headline--regular() {
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);
-	line-height: var(--vkui--font_headline--line_height--regular, 20px);
+	line-height: var(--vkui--font_headline--line_height--regular, 19.84px);
 	font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
 }
 font-headline--compact() {
 	font-size: var(--vkui--font_headline--font_size--compact, 15px);
 	line-height: var(--vkui--font_headline--line_height--compact, 20px);
 	font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: var(--vkui--font_headline--font_weight--regular, 600);
-	letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
 }