@vkontakte/vkui-tokens 4.76.0 → 4.77.0

package/themes/legoIOS/index.less

@@ -501,38 +501,35 @@
 }
 .font-title1--regular {
 	font-size: 31px;
-	line-height: 31px;
+	line-height: 30.8px;
 	font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
-	letter-spacing: -0.72px;
+	letter-spacing: -0.65px;
 }
 .font-title2--regular {
 	font-size: 24px;
 	line-height: 26px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
-	letter-spacing: -0.58px;
+	letter-spacing: -0.15px;
 }
 .font-title3--regular {
-	font-size: 20px;
-	line-height: 23px;
+	font-size: 21.5px;
+	line-height: 22.85px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 700;
-	letter-spacing: -0.78px;
 }
 .font-headline1--regular {
 	font-size: 17px;
-	line-height: 20px;
+	line-height: 19.84px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
-	letter-spacing: -0.72px;
 }
 .font-headline1--compact {
 	font-size: 15px;
 	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
-	letter-spacing: -0.72px;
 }
 .font-headline2--regular {
 	font-size: 15px;
@@ -548,24 +545,21 @@
 }
 .font-text--regular {
 	font-size: 16px;
-	line-height: 18.5px;
+	line-height: 18.39px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
-	letter-spacing: -0.68px;
 }
 .font-text--compact {
 	font-size: 15px;
 	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
-	letter-spacing: -0.68px;
 }
 .font-paragraph--regular {
 	font-size: 15px;
-	line-height: 18px;
+	line-height: 18.31px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	font-weight: 600;
-	letter-spacing: -0.46px;
+	font-weight: 580;
 }
 .font-subhead--regular {
 	font-size: 14px;
@@ -581,10 +575,9 @@
 }
 .font-footnote--regular {
 	font-size: 13.5px;
-	line-height: 15px;
+	line-height: 14.9px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
-	letter-spacing: -0.58px;
 }
 .font-footnote-caps--regular {
 	font-size: 13px;
@@ -634,33 +627,28 @@
 }
 .font-label1--regular {
 	font-size: 19px;
-	line-height: 20px;
+	line-height: 19.87px;
 	font-weight: 700;
-	letter-spacing: -0.58px;
 }
 .font-label2--regular {
 	font-size: 18px;
-	line-height: 21px;
+	line-height: 20.82px;
 	font-weight: 600;
-	letter-spacing: -0.68px;
 }
 .font-body--regular {
-	font-size: 17.5px;
-	line-height: 23px;
-	font-weight: 500;
-	letter-spacing: -0.72px;
+	font-size: 16.5px;
+	line-height: 21.24px;
+	font-weight: 520;
 }
 .font-headline--regular {
 	font-size: 17px;
-	line-height: 20px;
+	line-height: 19.84px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
-	letter-spacing: -0.72px;
 }
 .font-headline--compact {
 	font-size: 15px;
 	line-height: 20px;
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-weight: 600;
-	letter-spacing: -0.72px;
 }

package/themes/legoIOS/index.pcss

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

package/themes/legoIOS/index.scss

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

package/themes/legoIOS/index.styl

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