@vkontakte/vkui-tokens 4.76.0 → 4.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/build/compilers/styles/helpers/tokenProcessors.d.ts +1 -1
  2. package/build/compilers/styles/helpers/tokenProcessors.js +8 -4
  3. package/build/themeProcessors/pixelifyValues/pixelifyValues.d.ts +1 -1
  4. package/build/themeProcessors/pixelifyValues/pixelifyValues.js +4 -2
  5. package/interfaces/general/typography/index.d.ts +8 -0
  6. package/package.json +1 -1
  7. package/themes/cloud/cssVars/declarations/index.css +3 -3
  8. package/themes/cloud/cssVars/declarations/noSizes.css +3 -3
  9. package/themes/cloud/cssVars/declarations/onlyColors.css +3 -3
  10. package/themes/cloud/cssVars/declarations/onlyColors.js +1 -1
  11. package/themes/cloud/cssVars/declarations/onlyVariables.css +3 -3
  12. package/themes/cloud/cssVars/declarations/onlyVariables.js +1 -1
  13. package/themes/cloud/cssVars/declarations/onlyVariablesLocal.css +3 -3
  14. package/themes/cloud/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
  15. package/themes/cloud/cssVars/theme/fallbacks/index.css +3 -3
  16. package/themes/cloud/cssVars/theme/fallbacks/index.less +3 -3
  17. package/themes/cloud/cssVars/theme/fallbacks/index.pcss +3 -3
  18. package/themes/cloud/cssVars/theme/fallbacks/index.scss +3 -3
  19. package/themes/cloud/cssVars/theme/fallbacks/index.styl +3 -3
  20. package/themes/cloud/cssVars/theme/index.js +1 -1
  21. package/themes/cloud/cssVars/theme/index.json +3 -3
  22. package/themes/cloud/index.css +3 -3
  23. package/themes/cloud/index.js +1 -1
  24. package/themes/cloud/index.json +3 -3
  25. package/themes/cloud/index.less +3 -3
  26. package/themes/cloud/index.pcss +3 -3
  27. package/themes/cloud/index.scss +3 -3
  28. package/themes/cloud/index.styl +3 -3
  29. package/themes/cloud/struct.json +3 -3
  30. package/themes/legoAndroid/cssVars/declarations/index.css +53 -79
  31. package/themes/legoAndroid/cssVars/declarations/noColors.css +43 -69
  32. package/themes/legoAndroid/cssVars/declarations/onlyAdaptiveGroups.css +10 -10
  33. package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +21 -21
  34. package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
  35. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +21 -21
  36. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +21 -21
  37. package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +43 -69
  38. package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +11 -24
  39. package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +11 -24
  40. package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +39 -52
  41. package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +11 -24
  42. package/themes/legoAndroid/cssVars/theme/index.js +1 -1
  43. package/themes/legoAndroid/cssVars/theme/index.json +111 -71
  44. package/themes/legoAndroid/index.css +43 -69
  45. package/themes/legoAndroid/index.js +1 -1
  46. package/themes/legoAndroid/index.json +41 -21
  47. package/themes/legoAndroid/index.less +11 -24
  48. package/themes/legoAndroid/index.pcss +11 -24
  49. package/themes/legoAndroid/index.scss +39 -52
  50. package/themes/legoAndroid/index.styl +11 -24
  51. package/themes/legoAndroid/struct.json +41 -21
  52. package/themes/legoAndroidDark/cssVars/declarations/index.css +53 -79
  53. package/themes/legoAndroidDark/cssVars/declarations/noColors.css +43 -69
  54. package/themes/legoAndroidDark/cssVars/declarations/onlyAdaptiveGroups.css +10 -10
  55. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +21 -21
  56. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  57. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +21 -21
  58. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +21 -21
  59. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +43 -69
  60. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +11 -24
  61. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +11 -24
  62. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +39 -52
  63. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +11 -24
  64. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  65. package/themes/legoAndroidDark/cssVars/theme/index.json +111 -71
  66. package/themes/legoAndroidDark/index.css +43 -69
  67. package/themes/legoAndroidDark/index.js +1 -1
  68. package/themes/legoAndroidDark/index.json +41 -21
  69. package/themes/legoAndroidDark/index.less +11 -24
  70. package/themes/legoAndroidDark/index.pcss +11 -24
  71. package/themes/legoAndroidDark/index.scss +39 -52
  72. package/themes/legoAndroidDark/index.styl +11 -24
  73. package/themes/legoAndroidDark/struct.json +41 -21
  74. package/themes/legoIOS/cssVars/declarations/index.css +68 -90
  75. package/themes/legoIOS/cssVars/declarations/noColors.css +58 -81
  76. package/themes/legoIOS/cssVars/declarations/onlyAdaptiveGroups.css +10 -9
  77. package/themes/legoIOS/cssVars/declarations/onlyVariables.css +26 -25
  78. package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
  79. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +26 -25
  80. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +26 -25
  81. package/themes/legoIOS/cssVars/theme/fallbacks/index.css +58 -81
  82. package/themes/legoIOS/cssVars/theme/fallbacks/index.less +16 -28
  83. package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +16 -28
  84. package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +51 -62
  85. package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +16 -28
  86. package/themes/legoIOS/cssVars/theme/index.js +1 -1
  87. package/themes/legoIOS/cssVars/theme/index.json +118 -70
  88. package/themes/legoIOS/index.css +58 -81
  89. package/themes/legoIOS/index.js +1 -1
  90. package/themes/legoIOS/index.json +46 -25
  91. package/themes/legoIOS/index.less +16 -28
  92. package/themes/legoIOS/index.pcss +16 -28
  93. package/themes/legoIOS/index.scss +51 -62
  94. package/themes/legoIOS/index.styl +16 -28
  95. package/themes/legoIOS/struct.json +46 -25
  96. package/themes/legoIOSDark/cssVars/declarations/index.css +68 -90
  97. package/themes/legoIOSDark/cssVars/declarations/noColors.css +58 -81
  98. package/themes/legoIOSDark/cssVars/declarations/onlyAdaptiveGroups.css +10 -9
  99. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +26 -25
  100. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  101. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +26 -25
  102. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +26 -25
  103. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +58 -81
  104. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +16 -28
  105. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +16 -28
  106. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +51 -62
  107. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +16 -28
  108. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  109. package/themes/legoIOSDark/cssVars/theme/index.json +118 -70
  110. package/themes/legoIOSDark/index.css +58 -81
  111. package/themes/legoIOSDark/index.js +1 -1
  112. package/themes/legoIOSDark/index.json +46 -25
  113. package/themes/legoIOSDark/index.less +16 -28
  114. package/themes/legoIOSDark/index.pcss +16 -28
  115. package/themes/legoIOSDark/index.scss +51 -62
  116. package/themes/legoIOSDark/index.styl +16 -28
  117. package/themes/legoIOSDark/struct.json +46 -25
package/themes/legoAndroid/cssVars/declarations/index.css CHANGED
@@ -40,22 +40,22 @@
40
40
  --vkui--font_title1--line_height--regular: 31px;
41
41
  --vkui--font_title1--font_family--regular: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
42
42
  --vkui--font_title1--font_weight--regular: 700;
43
- --vkui--font_title1--letter_spacing--regular: -0.72px;
43
+ --vkui--font_title1--letter_spacing--regular: -0.5px;
44
44
  --vkui--font_title2--font_size--regular: 24px;
45
45
  --vkui--font_title2--line_height--regular: 26px;
46
46
  --vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
47
- --vkui--font_title2--font_weight--regular: 700;
48
- --vkui--font_title2--letter_spacing--regular: -0.58px;
49
- --vkui--font_title3--font_size--regular: 20px;
47
+ --vkui--font_title2--font_weight--regular: 670;
48
+ --vkui--font_title2--font_variation_settings--optical_size--regular: 27.2;
49
+ --vkui--font_title3--font_size--regular: 21.5px;
50
50
  --vkui--font_title3--line_height--regular: 23px;
51
51
  --vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
52
- --vkui--font_title3--font_weight--regular: 700;
53
- --vkui--font_title3--letter_spacing--regular: -0.78px;
52
+ --vkui--font_title3--font_weight--regular: 670;
53
+ --vkui--font_title3--font_variation_settings--optical_size--regular: 23;
54
54
  --vkui--font_headline1--font_size--regular: 17px;
55
55
  --vkui--font_headline1--line_height--regular: 20px;
56
56
  --vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
57
57
  --vkui--font_headline1--font_weight--regular: 600;
58
- --vkui--font_headline1--letter_spacing--regular: -0.72px;
58
+ --vkui--font_headline1--font_variation_settings--optical_size--regular: 24;
59
59
  --vkui--font_headline1--font_size--compact: 15px;
60
60
  --vkui--font_headline1--line_height--compact: 20px;
61
61
  --vkui--font_headline2--font_size--regular: 15px;
@@ -65,17 +65,17 @@
65
65
  --vkui--font_headline2--font_size--compact: 14px;
66
66
  --vkui--font_headline2--line_height--compact: 20px;
67
67
  --vkui--font_text--font_size--regular: 16px;
68
- --vkui--font_text--line_height--regular: 18.5px;
68
+ --vkui--font_text--line_height--regular: 18.33px;
69
69
  --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
70
70
  --vkui--font_text--font_weight--regular: 600;
71
- --vkui--font_text--letter_spacing--regular: -0.68px;
71
+ --vkui--font_text--font_variation_settings--optical_size--regular: 24;
72
72
  --vkui--font_text--font_size--compact: 15px;
73
73
  --vkui--font_text--line_height--compact: 20px;
74
74
  --vkui--font_paragraph--font_size--regular: 15px;
75
- --vkui--font_paragraph--line_height--regular: 18px;
75
+ --vkui--font_paragraph--line_height--regular: 18.5px;
76
76
  --vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
77
- --vkui--font_paragraph--font_weight--regular: 600;
78
- --vkui--font_paragraph--letter_spacing--regular: -0.46px;
77
+ --vkui--font_paragraph--font_weight--regular: 580;
78
+ --vkui--font_paragraph--font_variation_settings--optical_size--regular: 26;
79
79
  --vkui--font_subhead--font_size--regular: 14px;
80
80
  --vkui--font_subhead--line_height--regular: 18px;
81
81
  --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -86,7 +86,7 @@
86
86
  --vkui--font_footnote--line_height--regular: 15px;
87
87
  --vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
88
88
  --vkui--font_footnote--font_weight--regular: 600;
89
- --vkui--font_footnote--letter_spacing--regular: -0.58px;
89
+ --vkui--font_footnote--font_variation_settings--optical_size--regular: 20;
90
90
  --vkui--font_footnote_caps--font_size--regular: 13px;
91
91
  --vkui--font_footnote_caps--line_height--regular: 16px;
92
92
  --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -227,16 +227,16 @@
227
227
  --vkui--theme_inherits_from: 'vkontakteAndroid';
228
228
  --vkui--font_label1--font_size--regular: 19px;
229
229
  --vkui--font_label1--line_height--regular: 20px;
230
- --vkui--font_label1--font_weight--regular: 700;
231
- --vkui--font_label1--letter_spacing--regular: -0.58px;
230
+ --vkui--font_label1--font_weight--regular: 670;
231
+ --vkui--font_label1--font_variation_settings--optical_size--regular: 24;
232
232
  --vkui--font_label2--font_size--regular: 18px;
233
233
  --vkui--font_label2--line_height--regular: 21px;
234
234
  --vkui--font_label2--font_weight--regular: 600;
235
- --vkui--font_label2--letter_spacing--regular: -0.68px;
236
- --vkui--font_body--font_size--regular: 17.5px;
237
- --vkui--font_body--line_height--regular: 23px;
238
- --vkui--font_body--font_weight--regular: 500;
239
- --vkui--font_body--letter_spacing--regular: -0.72px;
235
+ --vkui--font_label2--font_variation_settings--optical_size--regular: 26;
236
+ --vkui--font_body--font_size--regular: 16.5px;
237
+ --vkui--font_body--line_height--regular: 21px;
238
+ --vkui--font_body--font_weight--regular: 520;
239
+ --vkui--font_body--font_variation_settings--optical_size--regular: 22;
240
240
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
241
241
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
242
242
  --vkui--gradient_tint: rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.05) 15%, rgba(247, 247, 247, 0.2) 30%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(247, 247, 247, 1)) 100%;
@@ -245,7 +245,7 @@
245
245
  --vkui--font_headline--line_height--regular: 20px;
246
246
  --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
247
247
  --vkui--font_headline--font_weight--regular: 600;
248
- --vkui--font_headline--letter_spacing--regular: -0.72px;
248
+ --vkui--font_headline--font_variation_settings--optical_size--regular: 24;
249
249
  --vkui--font_headline--font_size--compact: 15px;
250
250
  --vkui--font_headline--line_height--compact: 20px;
251
251
  --vkui--vkontakte_gradient_aquamarine_blue: rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%;
@@ -956,8 +956,8 @@
956
956
  font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
957
957
  font-weight: 700;
958
958
  font-weight: var(--vkui--font_title1--font_weight--regular, 700);
959
- letter-spacing: -0.72px;
960
- letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.72px);
959
+ letter-spacing: -0.5px;
960
+ letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.5px);
961
961
  }
962
962
  .vkui--font_title1 {
963
963
  font-size: var(--vkui--font_title1--font_size);
@@ -973,36 +973,32 @@
973
973
  line-height: var(--vkui--font_title2--line_height--regular, 26px);
974
974
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
975
975
  font-family: var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
976
- font-weight: 700;
977
- font-weight: var(--vkui--font_title2--font_weight--regular, 700);
978
- letter-spacing: -0.58px;
979
- letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.58px);
976
+ font-weight: 670;
977
+ font-weight: var(--vkui--font_title2--font_weight--regular, 670);
980
978
  }
981
979
  .vkui--font_title2 {
982
980
  font-size: var(--vkui--font_title2--font_size);
983
981
  line-height: var(--vkui--font_title2--line_height);
984
982
  font-family: var(--vkui--font_title2--font_family);
985
983
  font-weight: var(--vkui--font_title2--font_weight);
986
- letter-spacing: var(--vkui--font_title2--letter_spacing);
984
+ font-variation-settings--optical-size: var(--vkui--font_title2--font_variation_settings--optical_size);
987
985
  }
988
986
  .vkui--font_title3--regular {
989
- font-size: 20px;
990
- font-size: var(--vkui--font_title3--font_size--regular, 20px);
987
+ font-size: 21.5px;
988
+ font-size: var(--vkui--font_title3--font_size--regular, 21.5px);
991
989
  line-height: 23px;
992
990
  line-height: var(--vkui--font_title3--line_height--regular, 23px);
993
991
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
994
992
  font-family: var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
995
- font-weight: 700;
996
- font-weight: var(--vkui--font_title3--font_weight--regular, 700);
997
- letter-spacing: -0.78px;
998
- letter-spacing: var(--vkui--font_title3--letter_spacing--regular, -0.78px);
993
+ font-weight: 670;
994
+ font-weight: var(--vkui--font_title3--font_weight--regular, 670);
999
995
  }
1000
996
  .vkui--font_title3 {
1001
997
  font-size: var(--vkui--font_title3--font_size);
1002
998
  line-height: var(--vkui--font_title3--line_height);
1003
999
  font-family: var(--vkui--font_title3--font_family);
1004
1000
  font-weight: var(--vkui--font_title3--font_weight);
1005
- letter-spacing: var(--vkui--font_title3--letter_spacing);
1001
+ font-variation-settings--optical-size: var(--vkui--font_title3--font_variation_settings--optical_size);
1006
1002
  }
1007
1003
  .vkui--font_headline1--regular {
1008
1004
  font-size: 17px;
@@ -1013,15 +1009,13 @@
1013
1009
  font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1014
1010
  font-weight: 600;
1015
1011
  font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
1016
- letter-spacing: -0.72px;
1017
- letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
1018
1012
  }
1019
1013
  .vkui--font_headline1 {
1020
1014
  font-size: var(--vkui--font_headline1--font_size);
1021
1015
  line-height: var(--vkui--font_headline1--line_height);
1022
1016
  font-family: var(--vkui--font_headline1--font_family);
1023
1017
  font-weight: var(--vkui--font_headline1--font_weight);
1024
- letter-spacing: var(--vkui--font_headline1--letter_spacing);
1018
+ font-variation-settings--optical-size: var(--vkui--font_headline1--font_variation_settings--optical_size);
1025
1019
  }
1026
1020
  .vkui--font_headline1--compact {
1027
1021
  font-size: 15px;
@@ -1032,8 +1026,6 @@
1032
1026
  font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1033
1027
  font-weight: 600;
1034
1028
  font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
1035
- letter-spacing: -0.72px;
1036
- letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
1037
1029
  }
1038
1030
  .vkui--font_headline2--regular {
1039
1031
  font-size: 15px;
@@ -1064,21 +1056,19 @@
1064
1056
  .vkui--font_text--regular {
1065
1057
  font-size: 16px;
1066
1058
  font-size: var(--vkui--font_text--font_size--regular, 16px);
1067
- line-height: 18.5px;
1068
- line-height: var(--vkui--font_text--line_height--regular, 18.5px);
1059
+ line-height: 18.33px;
1060
+ line-height: var(--vkui--font_text--line_height--regular, 18.33px);
1069
1061
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
1070
1062
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1071
1063
  font-weight: 600;
1072
1064
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
1073
- letter-spacing: -0.68px;
1074
- letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
1075
1065
  }
1076
1066
  .vkui--font_text {
1077
1067
  font-size: var(--vkui--font_text--font_size);
1078
1068
  line-height: var(--vkui--font_text--line_height);
1079
1069
  font-family: var(--vkui--font_text--font_family);
1080
1070
  font-weight: var(--vkui--font_text--font_weight);
1081
- letter-spacing: var(--vkui--font_text--letter_spacing);
1071
+ font-variation-settings--optical-size: var(--vkui--font_text--font_variation_settings--optical_size);
1082
1072
  }
1083
1073
  .vkui--font_text--compact {
1084
1074
  font-size: 15px;
@@ -1089,27 +1079,23 @@
1089
1079
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1090
1080
  font-weight: 600;
1091
1081
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
1092
- letter-spacing: -0.68px;
1093
- letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
1094
1082
  }
1095
1083
  .vkui--font_paragraph--regular {
1096
1084
  font-size: 15px;
1097
1085
  font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
1098
- line-height: 18px;
1099
- line-height: var(--vkui--font_paragraph--line_height--regular, 18px);
1086
+ line-height: 18.5px;
1087
+ line-height: var(--vkui--font_paragraph--line_height--regular, 18.5px);
1100
1088
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
1101
1089
  font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1102
- font-weight: 600;
1103
- font-weight: var(--vkui--font_paragraph--font_weight--regular, 600);
1104
- letter-spacing: -0.46px;
1105
- letter-spacing: var(--vkui--font_paragraph--letter_spacing--regular, -0.46px);
1090
+ font-weight: 580;
1091
+ font-weight: var(--vkui--font_paragraph--font_weight--regular, 580);
1106
1092
  }
1107
1093
  .vkui--font_paragraph {
1108
1094
  font-size: var(--vkui--font_paragraph--font_size);
1109
1095
  line-height: var(--vkui--font_paragraph--line_height);
1110
1096
  font-family: var(--vkui--font_paragraph--font_family);
1111
1097
  font-weight: var(--vkui--font_paragraph--font_weight);
1112
- letter-spacing: var(--vkui--font_paragraph--letter_spacing);
1098
+ font-variation-settings--optical-size: var(--vkui--font_paragraph--font_variation_settings--optical_size);
1113
1099
  }
1114
1100
  .vkui--font_subhead--regular {
1115
1101
  font-size: 14px;
@@ -1146,15 +1132,13 @@
1146
1132
  font-family: var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1147
1133
  font-weight: 600;
1148
1134
  font-weight: var(--vkui--font_footnote--font_weight--regular, 600);
1149
- letter-spacing: -0.58px;
1150
- letter-spacing: var(--vkui--font_footnote--letter_spacing--regular, -0.58px);
1151
1135
  }
1152
1136
  .vkui--font_footnote {
1153
1137
  font-size: var(--vkui--font_footnote--font_size);
1154
1138
  line-height: var(--vkui--font_footnote--line_height);
1155
1139
  font-family: var(--vkui--font_footnote--font_family);
1156
1140
  font-weight: var(--vkui--font_footnote--font_weight);
1157
- letter-spacing: var(--vkui--font_footnote--letter_spacing);
1141
+ font-variation-settings--optical-size: var(--vkui--font_footnote--font_variation_settings--optical_size);
1158
1142
  }
1159
1143
  .vkui--font_footnote_caps--regular {
1160
1144
  font-size: 13px;
@@ -1285,16 +1269,14 @@
1285
1269
  font-size: var(--vkui--font_label1--font_size--regular, 19px);
1286
1270
  line-height: 20px;
1287
1271
  line-height: var(--vkui--font_label1--line_height--regular, 20px);
1288
- font-weight: 700;
1289
- font-weight: var(--vkui--font_label1--font_weight--regular, 700);
1290
- letter-spacing: -0.58px;
1291
- letter-spacing: var(--vkui--font_label1--letter_spacing--regular, -0.58px);
1272
+ font-weight: 670;
1273
+ font-weight: var(--vkui--font_label1--font_weight--regular, 670);
1292
1274
  }
1293
1275
  .vkui--font_label1 {
1294
1276
  font-size: var(--vkui--font_label1--font_size);
1295
1277
  line-height: var(--vkui--font_label1--line_height);
1296
1278
  font-weight: var(--vkui--font_label1--font_weight);
1297
- letter-spacing: var(--vkui--font_label1--letter_spacing);
1279
+ font-variation-settings--optical-size: var(--vkui--font_label1--font_variation_settings--optical_size);
1298
1280
  }
1299
1281
  .vkui--font_label2--regular {
1300
1282
  font-size: 18px;
@@ -1303,30 +1285,26 @@
1303
1285
  line-height: var(--vkui--font_label2--line_height--regular, 21px);
1304
1286
  font-weight: 600;
1305
1287
  font-weight: var(--vkui--font_label2--font_weight--regular, 600);
1306
- letter-spacing: -0.68px;
1307
- letter-spacing: var(--vkui--font_label2--letter_spacing--regular, -0.68px);
1308
1288
  }
1309
1289
  .vkui--font_label2 {
1310
1290
  font-size: var(--vkui--font_label2--font_size);
1311
1291
  line-height: var(--vkui--font_label2--line_height);
1312
1292
  font-weight: var(--vkui--font_label2--font_weight);
1313
- letter-spacing: var(--vkui--font_label2--letter_spacing);
1293
+ font-variation-settings--optical-size: var(--vkui--font_label2--font_variation_settings--optical_size);
1314
1294
  }
1315
1295
  .vkui--font_body--regular {
1316
- font-size: 17.5px;
1317
- font-size: var(--vkui--font_body--font_size--regular, 17.5px);
1318
- line-height: 23px;
1319
- line-height: var(--vkui--font_body--line_height--regular, 23px);
1320
- font-weight: 500;
1321
- font-weight: var(--vkui--font_body--font_weight--regular, 500);
1322
- letter-spacing: -0.72px;
1323
- letter-spacing: var(--vkui--font_body--letter_spacing--regular, -0.72px);
1296
+ font-size: 16.5px;
1297
+ font-size: var(--vkui--font_body--font_size--regular, 16.5px);
1298
+ line-height: 21px;
1299
+ line-height: var(--vkui--font_body--line_height--regular, 21px);
1300
+ font-weight: 520;
1301
+ font-weight: var(--vkui--font_body--font_weight--regular, 520);
1324
1302
  }
1325
1303
  .vkui--font_body {
1326
1304
  font-size: var(--vkui--font_body--font_size);
1327
1305
  line-height: var(--vkui--font_body--line_height);
1328
1306
  font-weight: var(--vkui--font_body--font_weight);
1329
- letter-spacing: var(--vkui--font_body--letter_spacing);
1307
+ font-variation-settings--optical-size: var(--vkui--font_body--font_variation_settings--optical_size);
1330
1308
  }
1331
1309
  .vkui--font_headline--regular {
1332
1310
  font-size: 17px;
@@ -1337,15 +1315,13 @@
1337
1315
  font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1338
1316
  font-weight: 600;
1339
1317
  font-weight: var(--vkui--font_headline--font_weight--regular, 600);
1340
- letter-spacing: -0.72px;
1341
- letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
1342
1318
  }
1343
1319
  .vkui--font_headline {
1344
1320
  font-size: var(--vkui--font_headline--font_size);
1345
1321
  line-height: var(--vkui--font_headline--line_height);
1346
1322
  font-family: var(--vkui--font_headline--font_family);
1347
1323
  font-weight: var(--vkui--font_headline--font_weight);
1348
- letter-spacing: var(--vkui--font_headline--letter_spacing);
1324
+ font-variation-settings--optical-size: var(--vkui--font_headline--font_variation_settings--optical_size);
1349
1325
  }
1350
1326
  .vkui--font_headline--compact {
1351
1327
  font-size: 15px;
@@ -1356,7 +1332,5 @@
1356
1332
  font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1357
1333
  font-weight: 600;
1358
1334
  font-weight: var(--vkui--font_headline--font_weight--regular, 600);
1359
- letter-spacing: -0.72px;
1360
- letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
1361
1335
  }
1362
1336
 
package/themes/legoAndroid/cssVars/declarations/noColors.css CHANGED
@@ -40,22 +40,22 @@
40
40
  --vkui--font_title1--line_height--regular: 31px;
41
41
  --vkui--font_title1--font_family--regular: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
42
42
  --vkui--font_title1--font_weight--regular: 700;
43
- --vkui--font_title1--letter_spacing--regular: -0.72px;
43
+ --vkui--font_title1--letter_spacing--regular: -0.5px;
44
44
  --vkui--font_title2--font_size--regular: 24px;
45
45
  --vkui--font_title2--line_height--regular: 26px;
46
46
  --vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
47
- --vkui--font_title2--font_weight--regular: 700;
48
- --vkui--font_title2--letter_spacing--regular: -0.58px;
49
- --vkui--font_title3--font_size--regular: 20px;
47
+ --vkui--font_title2--font_weight--regular: 670;
48
+ --vkui--font_title2--font_variation_settings--optical_size--regular: 27.2;
49
+ --vkui--font_title3--font_size--regular: 21.5px;
50
50
  --vkui--font_title3--line_height--regular: 23px;
51
51
  --vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
52
- --vkui--font_title3--font_weight--regular: 700;
53
- --vkui--font_title3--letter_spacing--regular: -0.78px;
52
+ --vkui--font_title3--font_weight--regular: 670;
53
+ --vkui--font_title3--font_variation_settings--optical_size--regular: 23;
54
54
  --vkui--font_headline1--font_size--regular: 17px;
55
55
  --vkui--font_headline1--line_height--regular: 20px;
56
56
  --vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
57
57
  --vkui--font_headline1--font_weight--regular: 600;
58
- --vkui--font_headline1--letter_spacing--regular: -0.72px;
58
+ --vkui--font_headline1--font_variation_settings--optical_size--regular: 24;
59
59
  --vkui--font_headline1--font_size--compact: 15px;
60
60
  --vkui--font_headline1--line_height--compact: 20px;
61
61
  --vkui--font_headline2--font_size--regular: 15px;
@@ -65,17 +65,17 @@
65
65
  --vkui--font_headline2--font_size--compact: 14px;
66
66
  --vkui--font_headline2--line_height--compact: 20px;
67
67
  --vkui--font_text--font_size--regular: 16px;
68
- --vkui--font_text--line_height--regular: 18.5px;
68
+ --vkui--font_text--line_height--regular: 18.33px;
69
69
  --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
70
70
  --vkui--font_text--font_weight--regular: 600;
71
- --vkui--font_text--letter_spacing--regular: -0.68px;
71
+ --vkui--font_text--font_variation_settings--optical_size--regular: 24;
72
72
  --vkui--font_text--font_size--compact: 15px;
73
73
  --vkui--font_text--line_height--compact: 20px;
74
74
  --vkui--font_paragraph--font_size--regular: 15px;
75
- --vkui--font_paragraph--line_height--regular: 18px;
75
+ --vkui--font_paragraph--line_height--regular: 18.5px;
76
76
  --vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
77
- --vkui--font_paragraph--font_weight--regular: 600;
78
- --vkui--font_paragraph--letter_spacing--regular: -0.46px;
77
+ --vkui--font_paragraph--font_weight--regular: 580;
78
+ --vkui--font_paragraph--font_variation_settings--optical_size--regular: 26;
79
79
  --vkui--font_subhead--font_size--regular: 14px;
80
80
  --vkui--font_subhead--line_height--regular: 18px;
81
81
  --vkui--font_subhead--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -86,7 +86,7 @@
86
86
  --vkui--font_footnote--line_height--regular: 15px;
87
87
  --vkui--font_footnote--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
88
88
  --vkui--font_footnote--font_weight--regular: 600;
89
- --vkui--font_footnote--letter_spacing--regular: -0.58px;
89
+ --vkui--font_footnote--font_variation_settings--optical_size--regular: 20;
90
90
  --vkui--font_footnote_caps--font_size--regular: 13px;
91
91
  --vkui--font_footnote_caps--line_height--regular: 16px;
92
92
  --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -227,16 +227,16 @@
227
227
  --vkui--theme_inherits_from: 'vkontakteAndroid';
228
228
  --vkui--font_label1--font_size--regular: 19px;
229
229
  --vkui--font_label1--line_height--regular: 20px;
230
- --vkui--font_label1--font_weight--regular: 700;
231
- --vkui--font_label1--letter_spacing--regular: -0.58px;
230
+ --vkui--font_label1--font_weight--regular: 670;
231
+ --vkui--font_label1--font_variation_settings--optical_size--regular: 24;
232
232
  --vkui--font_label2--font_size--regular: 18px;
233
233
  --vkui--font_label2--line_height--regular: 21px;
234
234
  --vkui--font_label2--font_weight--regular: 600;
235
- --vkui--font_label2--letter_spacing--regular: -0.68px;
236
- --vkui--font_body--font_size--regular: 17.5px;
237
- --vkui--font_body--line_height--regular: 23px;
238
- --vkui--font_body--font_weight--regular: 500;
239
- --vkui--font_body--letter_spacing--regular: -0.72px;
235
+ --vkui--font_label2--font_variation_settings--optical_size--regular: 26;
236
+ --vkui--font_body--font_size--regular: 16.5px;
237
+ --vkui--font_body--line_height--regular: 21px;
238
+ --vkui--font_body--font_weight--regular: 520;
239
+ --vkui--font_body--font_variation_settings--optical_size--regular: 22;
240
240
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
241
241
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
242
242
  --vkui--gradient_tint: rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.05) 15%, rgba(247, 247, 247, 0.2) 30%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(247, 247, 247, 1)) 100%;
@@ -245,7 +245,7 @@
245
245
  --vkui--font_headline--line_height--regular: 20px;
246
246
  --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
247
247
  --vkui--font_headline--font_weight--regular: 600;
248
- --vkui--font_headline--letter_spacing--regular: -0.72px;
248
+ --vkui--font_headline--font_variation_settings--optical_size--regular: 24;
249
249
  --vkui--font_headline--font_size--compact: 15px;
250
250
  --vkui--font_headline--line_height--compact: 20px;
251
251
  --vkui--vkontakte_gradient_aquamarine_blue: rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%;
@@ -589,8 +589,8 @@
589
589
  font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
590
590
  font-weight: 700;
591
591
  font-weight: var(--vkui--font_title1--font_weight--regular, 700);
592
- letter-spacing: -0.72px;
593
- letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.72px);
592
+ letter-spacing: -0.5px;
593
+ letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.5px);
594
594
  }
595
595
  .vkui--font_title2--regular {
596
596
  font-size: 24px;
@@ -599,22 +599,18 @@
599
599
  line-height: var(--vkui--font_title2--line_height--regular, 26px);
600
600
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
601
601
  font-family: var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
602
- font-weight: 700;
603
- font-weight: var(--vkui--font_title2--font_weight--regular, 700);
604
- letter-spacing: -0.58px;
605
- letter-spacing: var(--vkui--font_title2--letter_spacing--regular, -0.58px);
602
+ font-weight: 670;
603
+ font-weight: var(--vkui--font_title2--font_weight--regular, 670);
606
604
  }
607
605
  .vkui--font_title3--regular {
608
- font-size: 20px;
609
- font-size: var(--vkui--font_title3--font_size--regular, 20px);
606
+ font-size: 21.5px;
607
+ font-size: var(--vkui--font_title3--font_size--regular, 21.5px);
610
608
  line-height: 23px;
611
609
  line-height: var(--vkui--font_title3--line_height--regular, 23px);
612
610
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
613
611
  font-family: var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
614
- font-weight: 700;
615
- font-weight: var(--vkui--font_title3--font_weight--regular, 700);
616
- letter-spacing: -0.78px;
617
- letter-spacing: var(--vkui--font_title3--letter_spacing--regular, -0.78px);
612
+ font-weight: 670;
613
+ font-weight: var(--vkui--font_title3--font_weight--regular, 670);
618
614
  }
619
615
  .vkui--font_headline1--regular {
620
616
  font-size: 17px;
@@ -625,8 +621,6 @@
625
621
  font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
626
622
  font-weight: 600;
627
623
  font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
628
- letter-spacing: -0.72px;
629
- letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
630
624
  }
631
625
  .vkui--font_headline1--compact {
632
626
  font-size: 15px;
@@ -637,8 +631,6 @@
637
631
  font-family: var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
638
632
  font-weight: 600;
639
633
  font-weight: var(--vkui--font_headline1--font_weight--regular, 600);
640
- letter-spacing: -0.72px;
641
- letter-spacing: var(--vkui--font_headline1--letter_spacing--regular, -0.72px);
642
634
  }
643
635
  .vkui--font_headline2--regular {
644
636
  font-size: 15px;
@@ -663,14 +655,12 @@
663
655
  .vkui--font_text--regular {
664
656
  font-size: 16px;
665
657
  font-size: var(--vkui--font_text--font_size--regular, 16px);
666
- line-height: 18.5px;
667
- line-height: var(--vkui--font_text--line_height--regular, 18.5px);
658
+ line-height: 18.33px;
659
+ line-height: var(--vkui--font_text--line_height--regular, 18.33px);
668
660
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
669
661
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
670
662
  font-weight: 600;
671
663
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
672
- letter-spacing: -0.68px;
673
- letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
674
664
  }
675
665
  .vkui--font_text--compact {
676
666
  font-size: 15px;
@@ -681,20 +671,16 @@
681
671
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
682
672
  font-weight: 600;
683
673
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
684
- letter-spacing: -0.68px;
685
- letter-spacing: var(--vkui--font_text--letter_spacing--regular, -0.68px);
686
674
  }
687
675
  .vkui--font_paragraph--regular {
688
676
  font-size: 15px;
689
677
  font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
690
- line-height: 18px;
691
- line-height: var(--vkui--font_paragraph--line_height--regular, 18px);
678
+ line-height: 18.5px;
679
+ line-height: var(--vkui--font_paragraph--line_height--regular, 18.5px);
692
680
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
693
681
  font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
694
- font-weight: 600;
695
- font-weight: var(--vkui--font_paragraph--font_weight--regular, 600);
696
- letter-spacing: -0.46px;
697
- letter-spacing: var(--vkui--font_paragraph--letter_spacing--regular, -0.46px);
682
+ font-weight: 580;
683
+ font-weight: var(--vkui--font_paragraph--font_weight--regular, 580);
698
684
  }
699
685
  .vkui--font_subhead--regular {
700
686
  font-size: 14px;
@@ -725,8 +711,6 @@
725
711
  font-family: var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
726
712
  font-weight: 600;
727
713
  font-weight: var(--vkui--font_footnote--font_weight--regular, 600);
728
- letter-spacing: -0.58px;
729
- letter-spacing: var(--vkui--font_footnote--letter_spacing--regular, -0.58px);
730
714
  }
731
715
  .vkui--font_footnote_caps--regular {
732
716
  font-size: 13px;
@@ -811,10 +795,8 @@
811
795
  font-size: var(--vkui--font_label1--font_size--regular, 19px);
812
796
  line-height: 20px;
813
797
  line-height: var(--vkui--font_label1--line_height--regular, 20px);
814
- font-weight: 700;
815
- font-weight: var(--vkui--font_label1--font_weight--regular, 700);
816
- letter-spacing: -0.58px;
817
- letter-spacing: var(--vkui--font_label1--letter_spacing--regular, -0.58px);
798
+ font-weight: 670;
799
+ font-weight: var(--vkui--font_label1--font_weight--regular, 670);
818
800
  }
819
801
  .vkui--font_label2--regular {
820
802
  font-size: 18px;
@@ -823,18 +805,14 @@
823
805
  line-height: var(--vkui--font_label2--line_height--regular, 21px);
824
806
  font-weight: 600;
825
807
  font-weight: var(--vkui--font_label2--font_weight--regular, 600);
826
- letter-spacing: -0.68px;
827
- letter-spacing: var(--vkui--font_label2--letter_spacing--regular, -0.68px);
828
808
  }
829
809
  .vkui--font_body--regular {
830
- font-size: 17.5px;
831
- font-size: var(--vkui--font_body--font_size--regular, 17.5px);
832
- line-height: 23px;
833
- line-height: var(--vkui--font_body--line_height--regular, 23px);
834
- font-weight: 500;
835
- font-weight: var(--vkui--font_body--font_weight--regular, 500);
836
- letter-spacing: -0.72px;
837
- letter-spacing: var(--vkui--font_body--letter_spacing--regular, -0.72px);
810
+ font-size: 16.5px;
811
+ font-size: var(--vkui--font_body--font_size--regular, 16.5px);
812
+ line-height: 21px;
813
+ line-height: var(--vkui--font_body--line_height--regular, 21px);
814
+ font-weight: 520;
815
+ font-weight: var(--vkui--font_body--font_weight--regular, 520);
838
816
  }
839
817
  .vkui--font_headline--regular {
840
818
  font-size: 17px;
@@ -845,8 +823,6 @@
845
823
  font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
846
824
  font-weight: 600;
847
825
  font-weight: var(--vkui--font_headline--font_weight--regular, 600);
848
- letter-spacing: -0.72px;
849
- letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
850
826
  }
851
827
  .vkui--font_headline--compact {
852
828
  font-size: 15px;
@@ -857,6 +833,4 @@
857
833
  font-family: var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
858
834
  font-weight: 600;
859
835
  font-weight: var(--vkui--font_headline--font_weight--regular, 600);
860
- letter-spacing: -0.72px;
861
- letter-spacing: var(--vkui--font_headline--letter_spacing--regular, -0.72px);
862
836
  }