@vkontakte/vkui-tokens 4.81.2 → 4.83.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 (91) hide show
  1. package/package.json +1 -1
  2. package/themeDescriptions/base/paradigm.js +1 -1
  3. package/themes/legoAndroid/cssVars/declarations/index.css +11 -9
  4. package/themes/legoAndroid/cssVars/declarations/noColors.css +10 -9
  5. package/themes/legoAndroid/cssVars/declarations/onlyAdaptiveGroups.css +1 -0
  6. package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +4 -3
  7. package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
  8. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +4 -3
  9. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +4 -3
  10. package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +10 -9
  11. package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +3 -3
  12. package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +3 -3
  13. package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +7 -6
  14. package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +3 -3
  15. package/themes/legoAndroid/cssVars/theme/index.js +1 -1
  16. package/themes/legoAndroid/cssVars/theme/index.json +15 -3
  17. package/themes/legoAndroid/index.css +10 -9
  18. package/themes/legoAndroid/index.js +1 -1
  19. package/themes/legoAndroid/index.json +6 -3
  20. package/themes/legoAndroid/index.less +3 -3
  21. package/themes/legoAndroid/index.pcss +3 -3
  22. package/themes/legoAndroid/index.scss +7 -6
  23. package/themes/legoAndroid/index.styl +3 -3
  24. package/themes/legoAndroid/struct.json +6 -3
  25. package/themes/legoAndroidDark/cssVars/declarations/index.css +11 -9
  26. package/themes/legoAndroidDark/cssVars/declarations/noColors.css +10 -9
  27. package/themes/legoAndroidDark/cssVars/declarations/onlyAdaptiveGroups.css +1 -0
  28. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +4 -3
  29. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  30. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +4 -3
  31. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +4 -3
  32. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +10 -9
  33. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +3 -3
  34. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +3 -3
  35. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +7 -6
  36. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +3 -3
  37. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  38. package/themes/legoAndroidDark/cssVars/theme/index.json +15 -3
  39. package/themes/legoAndroidDark/index.css +10 -9
  40. package/themes/legoAndroidDark/index.js +1 -1
  41. package/themes/legoAndroidDark/index.json +6 -3
  42. package/themes/legoAndroidDark/index.less +3 -3
  43. package/themes/legoAndroidDark/index.pcss +3 -3
  44. package/themes/legoAndroidDark/index.scss +7 -6
  45. package/themes/legoAndroidDark/index.styl +3 -3
  46. package/themes/legoAndroidDark/struct.json +6 -3
  47. package/themes/legoIOS/cssVars/declarations/index.css +11 -9
  48. package/themes/legoIOS/cssVars/declarations/noColors.css +10 -9
  49. package/themes/legoIOS/cssVars/declarations/onlyAdaptiveGroups.css +1 -0
  50. package/themes/legoIOS/cssVars/declarations/onlyVariables.css +4 -3
  51. package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
  52. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +4 -3
  53. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +5 -0
  54. package/themes/legoIOS/cssVars/theme/fallbacks/index.css +10 -9
  55. package/themes/legoIOS/cssVars/theme/fallbacks/index.less +3 -3
  56. package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +3 -3
  57. package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +7 -6
  58. package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +3 -3
  59. package/themes/legoIOS/cssVars/theme/index.js +1 -1
  60. package/themes/legoIOS/cssVars/theme/index.json +15 -3
  61. package/themes/legoIOS/index.css +10 -9
  62. package/themes/legoIOS/index.js +1 -1
  63. package/themes/legoIOS/index.json +6 -3
  64. package/themes/legoIOS/index.less +3 -3
  65. package/themes/legoIOS/index.pcss +3 -3
  66. package/themes/legoIOS/index.scss +7 -6
  67. package/themes/legoIOS/index.styl +3 -3
  68. package/themes/legoIOS/struct.json +6 -3
  69. package/themes/legoIOSDark/cssVars/declarations/index.css +11 -9
  70. package/themes/legoIOSDark/cssVars/declarations/noColors.css +10 -9
  71. package/themes/legoIOSDark/cssVars/declarations/onlyAdaptiveGroups.css +1 -0
  72. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +4 -3
  73. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  74. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +4 -3
  75. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +5 -0
  76. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +10 -9
  77. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +3 -3
  78. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +3 -3
  79. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +7 -6
  80. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +3 -3
  81. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  82. package/themes/legoIOSDark/cssVars/theme/index.json +15 -3
  83. package/themes/legoIOSDark/index.css +10 -9
  84. package/themes/legoIOSDark/index.js +1 -1
  85. package/themes/legoIOSDark/index.json +6 -3
  86. package/themes/legoIOSDark/index.less +3 -3
  87. package/themes/legoIOSDark/index.pcss +3 -3
  88. package/themes/legoIOSDark/index.scss +7 -6
  89. package/themes/legoIOSDark/index.styl +3 -3
  90. package/themes/legoIOSDark/struct.json +6 -3
  91. package/utils/common/fontSizes/index.js +1 -1
package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css CHANGED
@@ -95,10 +95,11 @@
95
95
  --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
96
96
  --vkui--font_footnote_caps--font_weight--regular: 600;
97
97
  --vkui--font_footnote_caps--text_transform--regular: uppercase;
98
- --vkui--font_caption1--font_size--regular: 12px;
99
- --vkui--font_caption1--line_height--regular: 14px;
98
+ --vkui--font_caption1--font_size--regular: 11.5px;
99
+ --vkui--font_caption1--line_height--regular: 12px;
100
100
  --vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
101
- --vkui--font_caption1--font_weight--regular: 400;
101
+ --vkui--font_caption1--font_weight--regular: 600;
102
+ --vkui--font_caption1--font_variation_settings--optical_size--regular: 11;
102
103
  --vkui--font_caption1_caps--font_size--regular: 12px;
103
104
  --vkui--font_caption1_caps--line_height--regular: 14px;
104
105
  --vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css CHANGED
@@ -72,10 +72,11 @@
72
72
  --vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
73
73
  --vkui--font_footnote_caps--font_weight--regular: 600;
74
74
  --vkui--font_footnote_caps--text_transform--regular: uppercase;
75
- --vkui--font_caption1--font_size--regular: 12px;
76
- --vkui--font_caption1--line_height--regular: 14px;
75
+ --vkui--font_caption1--font_size--regular: 11.5px;
76
+ --vkui--font_caption1--line_height--regular: 12px;
77
77
  --vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
78
- --vkui--font_caption1--font_weight--regular: 400;
78
+ --vkui--font_caption1--font_weight--regular: 600;
79
+ --vkui--font_caption1--font_variation_settings--optical_size--regular: 11;
79
80
  --vkui--font_caption1_caps--font_size--regular: 12px;
80
81
  --vkui--font_caption1_caps--line_height--regular: 14px;
81
82
  --vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
package/themes/legoAndroid/cssVars/theme/fallbacks/index.css CHANGED
@@ -95,10 +95,11 @@
95
95
  --vkui--font_footnote_caps--font_family--regular: var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
96
96
  --vkui--font_footnote_caps--font_weight--regular: var(--vkui--font_footnote_caps--font_weight--regular, 600);
97
97
  --vkui--font_footnote_caps--text_transform--regular: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
98
- --vkui--font_caption1--font_size--regular: var(--vkui--font_caption1--font_size--regular, 12px);
99
- --vkui--font_caption1--line_height--regular: var(--vkui--font_caption1--line_height--regular, 14px);
98
+ --vkui--font_caption1--font_size--regular: var(--vkui--font_caption1--font_size--regular, 11.5px);
99
+ --vkui--font_caption1--line_height--regular: var(--vkui--font_caption1--line_height--regular, 12px);
100
100
  --vkui--font_caption1--font_family--regular: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
101
- --vkui--font_caption1--font_weight--regular: var(--vkui--font_caption1--font_weight--regular, 400);
101
+ --vkui--font_caption1--font_weight--regular: var(--vkui--font_caption1--font_weight--regular, 600);
102
+ --vkui--font_caption1--font_variation_settings--optical_size--regular: var(--vkui--font_caption1--font_variation_settings--optical_size--regular, 11);
102
103
  --vkui--font_caption1_caps--font_size--regular: var(--vkui--font_caption1_caps--font_size--regular, 12px);
103
104
  --vkui--font_caption1_caps--line_height--regular: var(--vkui--font_caption1_caps--line_height--regular, 14px);
104
105
  --vkui--font_caption1_caps--font_family--regular: var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -1085,14 +1086,14 @@
1085
1086
  text-transform: var(--vkui--font_footnote_caps--text_transform--regular, var(--vkui--font_footnote_caps--text_transform--regular, uppercase));
1086
1087
  }
1087
1088
  .vkui--font_caption1--regular {
1088
- font-size: var(--vkui--font_caption1--font_size--regular, 12px);
1089
- font-size: var(--vkui--font_caption1--font_size--regular, var(--vkui--font_caption1--font_size--regular, 12px));
1090
- line-height: var(--vkui--font_caption1--line_height--regular, 14px);
1091
- line-height: var(--vkui--font_caption1--line_height--regular, var(--vkui--font_caption1--line_height--regular, 14px));
1089
+ font-size: var(--vkui--font_caption1--font_size--regular, 11.5px);
1090
+ font-size: var(--vkui--font_caption1--font_size--regular, var(--vkui--font_caption1--font_size--regular, 11.5px));
1091
+ line-height: var(--vkui--font_caption1--line_height--regular, 12px);
1092
+ line-height: var(--vkui--font_caption1--line_height--regular, var(--vkui--font_caption1--line_height--regular, 12px));
1092
1093
  font-family: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1093
1094
  font-family: var(--vkui--font_caption1--font_family--regular, var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1094
- font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
1095
- font-weight: var(--vkui--font_caption1--font_weight--regular, var(--vkui--font_caption1--font_weight--regular, 400));
1095
+ font-weight: var(--vkui--font_caption1--font_weight--regular, 600);
1096
+ font-weight: var(--vkui--font_caption1--font_weight--regular, var(--vkui--font_caption1--font_weight--regular, 600));
1096
1097
  }
1097
1098
  .vkui--font_caption1_caps--regular {
1098
1099
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.less CHANGED
@@ -876,10 +876,10 @@
876
876
  text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
877
877
  }
878
878
  .font-caption1--regular {
879
- font-size: var(--vkui--font_caption1--font_size--regular, 12px);
880
- line-height: var(--vkui--font_caption1--line_height--regular, 14px);
879
+ font-size: var(--vkui--font_caption1--font_size--regular, 11.5px);
880
+ line-height: var(--vkui--font_caption1--line_height--regular, 12px);
881
881
  font-family: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
882
- font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
882
+ font-weight: var(--vkui--font_caption1--font_weight--regular, 600);
883
883
  }
884
884
  .font-caption1-caps--regular {
885
885
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss CHANGED
@@ -877,10 +877,10 @@
877
877
  text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
878
878
  }
879
879
  %font-caption1--regular {
880
- font-size: var(--vkui--font_caption1--font_size--regular, 12px);
881
- line-height: var(--vkui--font_caption1--line_height--regular, 14px);
880
+ font-size: var(--vkui--font_caption1--font_size--regular, 11.5px);
881
+ line-height: var(--vkui--font_caption1--line_height--regular, 12px);
882
882
  font-family: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
883
- font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
883
+ font-weight: var(--vkui--font_caption1--font_weight--regular, 600);
884
884
  }
885
885
  %font-caption1-caps--regular {
886
886
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss CHANGED
@@ -1032,16 +1032,17 @@ $font-footnote-caps--regular--map: (
1032
1032
  'textTransform': "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)",
1033
1033
  );
1034
1034
  @mixin font-caption1--regular() {
1035
- font-size: var(--vkui--font_caption1--font_size--regular, 12px);
1036
- line-height: var(--vkui--font_caption1--line_height--regular, 14px);
1035
+ font-size: var(--vkui--font_caption1--font_size--regular, 11.5px);
1036
+ line-height: var(--vkui--font_caption1--line_height--regular, 12px);
1037
1037
  font-family: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1038
- font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
1038
+ font-weight: var(--vkui--font_caption1--font_weight--regular, 600);
1039
1039
  }
1040
1040
  $font-caption1--regular--map: (
1041
- 'fontSize': "var(--vkui--font_caption1--font_size--regular, 12px)",
1042
- 'lineHeight': "var(--vkui--font_caption1--line_height--regular, 14px)",
1041
+ 'fontSize': "var(--vkui--font_caption1--font_size--regular, 11.5px)",
1042
+ 'lineHeight': "var(--vkui--font_caption1--line_height--regular, 12px)",
1043
1043
  'fontFamily': "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
1044
- 'fontWeight': "var(--vkui--font_caption1--font_weight--regular, 400)",
1044
+ 'fontWeight': "var(--vkui--font_caption1--font_weight--regular, 600)",
1045
+ 'fontVariationSettings.opticalSize': "var(--vkui--font_caption1--font_variation_settings--optical_size--regular, 11)",
1045
1046
  );
1046
1047
  @mixin font-caption1-caps--regular() {
1047
1048
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl CHANGED
@@ -876,10 +876,10 @@ font-footnote-caps--regular() {
876
876
  text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
877
877
  }
878
878
  font-caption1--regular() {
879
- font-size: var(--vkui--font_caption1--font_size--regular, 12px);
880
- line-height: var(--vkui--font_caption1--line_height--regular, 14px);
879
+ font-size: var(--vkui--font_caption1--font_size--regular, 11.5px);
880
+ line-height: var(--vkui--font_caption1--line_height--regular, 12px);
881
881
  font-family: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
882
- font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
882
+ font-weight: var(--vkui--font_caption1--font_weight--regular, 600);
883
883
  }
884
884
  font-caption1-caps--regular() {
885
885
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);