@vkontakte/vkui-tokens 4.93.0 → 4.94.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.93.0",
+  "version": "4.94.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "type": "module",
   "license": "MIT",
@@ -33,22 +33,22 @@
     "csstype": "^3.1.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.14",
-    "@rspack/cli": "^2.2.7",
-    "@rspack/core": "^2.2.2",
+    "@biomejs/biome": "2.5.15",
+    "@rspack/cli": "^2.2.8",
+    "@rspack/core": "^2.2.8",
     "@svgr/webpack": "^8.1.0",
     "@swc/cli": "^0.8.1",
-    "@swc/core": "^1.15.47",
-    "@swc/plugin-transform-imports": "^12.15.0",
+    "@swc/core": "^1.16.18",
+    "@swc/plugin-transform-imports": "^17.0.0",
     "@types/color": "^4.2.1",
     "@types/common-tags": "^1.8.4",
     "@types/fs-extra": "^11.0.4",
-    "@types/lodash": "^4.17.25",
+    "@types/lodash": "^4.17.26",
     "@types/node": "^24.1.0",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.2.0",
-    "@vkontakte/icons": "^3.71.0",
+    "@vkontakte/icons": "^3.75.0",
     "@vkontakte/vkjs": "^2.0.2",
     "@vkontakte/vkui": "^8.4.1",
     "clsx": "^2.1.1",

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

@@ -39,11 +39,11 @@
 	--vkui--font_display_title4--line_height--regular: 22px;
 	--vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_display_title4--font_weight--regular: 600;
-	--vkui--font_title1--font_size--regular: 31px;
-	--vkui--font_title1--line_height--regular: 31px;
+	--vkui--font_title1--font_size--regular: 31.5px;
+	--vkui--font_title1--line_height--regular: 31.5px;
 	--vkui--font_title1--font_family--regular: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	--vkui--font_title1--font_weight--regular: 700;
-	--vkui--font_title1--letter_spacing--regular: -0.5px;
+	--vkui--font_title1--font_weight--regular: 660;
+	--vkui--font_title1--font_variation_settings--optical_size--regular: 31.5;
 	--vkui--font_title2--font_size--regular: 24px;
 	--vkui--font_title2--line_height--regular: 26px;
 	--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -53,7 +53,7 @@
 	--vkui--font_title3--line_height--regular: 23px;
 	--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_title3--font_weight--regular: 670;
-	--vkui--font_title3--font_variation_settings--optical_size--regular: 23;
+	--vkui--font_title3--font_variation_settings--optical_size--regular: 28;
 	--vkui--font_headline1--font_size--regular: 17px;
 	--vkui--font_headline1--line_height--regular: 20px;
 	--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -75,7 +75,7 @@
 	--vkui--font_text--font_size--compact: 15px;
 	--vkui--font_text--line_height--compact: 20px;
 	--vkui--font_paragraph--font_size--regular: 15px;
-	--vkui--font_paragraph--line_height--regular: 18.2px;
+	--vkui--font_paragraph--line_height--regular: 17.8px;
 	--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_paragraph--font_weight--regular: 530;
 	--vkui--font_paragraph--font_variation_settings--optical_size--regular: 17;
@@ -105,10 +105,11 @@
 	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_caption1_caps--font_weight--regular: 600;
 	--vkui--font_caption1_caps--text_transform--regular: uppercase;
-	--vkui--font_caption2--font_size--regular: 11px;
-	--vkui--font_caption2--line_height--regular: 14px;
+	--vkui--font_caption2--font_size--regular: 8px;
+	--vkui--font_caption2--line_height--regular: 10px;
 	--vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	--vkui--font_caption2--font_weight--regular: 400;
+	--vkui--font_caption2--font_weight--regular: 600;
+	--vkui--font_caption2--font_variation_settings--optical_size--regular: 11;
 	--vkui--font_caption2_caps--font_size--regular: 11px;
 	--vkui--font_caption2_caps--line_height--regular: 14px;
 	--vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -248,13 +249,13 @@
 	--vkui--font_label2--font_weight--regular: 600;
 	--vkui--font_label2--font_variation_settings--optical_size--regular: 26;
 	--vkui--font_body--font_size--regular: 16.5px;
-	--vkui--font_body--line_height--regular: 21px;
+	--vkui--font_body--line_height--regular: 19.5px;
 	--vkui--font_body--font_weight--regular: 520;
-	--vkui--font_body--font_variation_settings--optical_size--regular: 22;
+	--vkui--font_body--font_variation_settings--optical_size--regular: 24;
 	--vkui--font_text_bold--font_size--regular: 16px;
 	--vkui--font_text_bold--line_height--regular: 18.5px;
 	--vkui--font_text_bold--font_weight--regular: 670;
-	--vkui--font_text_bold--font_variation_settings--optical_size--regular: 21.8;
+	--vkui--font_text_bold--font_variation_settings--optical_size--regular: 24;
 	--vkui--font_footnote_bold--font_size--regular: 13.5px;
 	--vkui--font_footnote_bold--line_height--regular: 15px;
 	--vkui--font_footnote_bold--font_weight--regular: 670;
@@ -524,9 +525,9 @@
 	--vkui--color_stroke_primary: #3b3b3b;
 	--vkui--color_stroke_primary--hover: #39393B;
 	--vkui--color_stroke_primary--active: #36383B;
-	--vkui--color_image_border_alpha: #33333328;
-	--vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
-	--vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
+	--vkui--color_image_border_alpha: #3333330f;
+	--vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.1);
+	--vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.14);
 	--vkui--color_field_border_alpha: #3333330a;
 	--vkui--color_field_border_alpha--hover: #33333328;
 	--vkui--color_field_border_alpha--active: #3333333d;
@@ -1000,23 +1001,21 @@
 	font-weight: var(--vkui--font_display_title4--font_weight);
 }
 .vkui--font_title1--regular {
-	font-size: 31px;
-	font-size: var(--vkui--font_title1--font_size--regular, 31px);
-	line-height: 31px;
-	line-height: var(--vkui--font_title1--line_height--regular, 31px);
+	font-size: 31.5px;
+	font-size: var(--vkui--font_title1--font_size--regular, 31.5px);
+	line-height: 31.5px;
+	line-height: var(--vkui--font_title1--line_height--regular, 31.5px);
 	font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: 700;
-	font-weight: var(--vkui--font_title1--font_weight--regular, 700);
-	letter-spacing: -0.5px;
-	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.5px);
+	font-weight: 660;
+	font-weight: var(--vkui--font_title1--font_weight--regular, 660);
 }
 .vkui--font_title1 {
 	font-size: var(--vkui--font_title1--font_size);
 	line-height: var(--vkui--font_title1--line_height);
 	font-family: var(--vkui--font_title1--font_family);
 	font-weight: var(--vkui--font_title1--font_weight);
-	letter-spacing: var(--vkui--font_title1--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_title1--font_variation_settings--optical_size);
 }
 .vkui--font_title2--regular {
 	font-size: 24px;
@@ -1135,8 +1134,8 @@
 .vkui--font_paragraph--regular {
 	font-size: 15px;
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
-	line-height: 18.2px;
-	line-height: var(--vkui--font_paragraph--line_height--regular, 18.2px);
+	line-height: 17.8px;
+	line-height: var(--vkui--font_paragraph--line_height--regular, 17.8px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 530;
@@ -1248,20 +1247,21 @@
 	text-transform: var(--vkui--font_caption1_caps--text_transform);
 }
 .vkui--font_caption2--regular {
-	font-size: 11px;
-	font-size: var(--vkui--font_caption2--font_size--regular, 11px);
-	line-height: 14px;
-	line-height: var(--vkui--font_caption2--line_height--regular, 14px);
+	font-size: 8px;
+	font-size: var(--vkui--font_caption2--font_size--regular, 8px);
+	line-height: 10px;
+	line-height: var(--vkui--font_caption2--line_height--regular, 10px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
+	font-weight: 600;
+	font-weight: var(--vkui--font_caption2--font_weight--regular, 600);
 }
 .vkui--font_caption2 {
 	font-size: var(--vkui--font_caption2--font_size);
 	line-height: var(--vkui--font_caption2--line_height);
 	font-family: var(--vkui--font_caption2--font_family);
 	font-weight: var(--vkui--font_caption2--font_weight);
+	font-variation-settings--optical-size: var(--vkui--font_caption2--font_variation_settings--optical_size);
 }
 .vkui--font_caption2_caps--regular {
 	font-size: 11px;
@@ -1348,8 +1348,8 @@
 .vkui--font_body--regular {
 	font-size: 16.5px;
 	font-size: var(--vkui--font_body--font_size--regular, 16.5px);
-	line-height: 21px;
-	line-height: var(--vkui--font_body--line_height--regular, 21px);
+	line-height: 19.5px;
+	line-height: var(--vkui--font_body--line_height--regular, 19.5px);
 	font-weight: 520;
 	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }

package/themes/legoAndroid/cssVars/declarations/noColors.css

@@ -39,11 +39,11 @@
 	--vkui--font_display_title4--line_height--regular: 22px;
 	--vkui--font_display_title4--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_display_title4--font_weight--regular: 600;
-	--vkui--font_title1--font_size--regular: 31px;
-	--vkui--font_title1--line_height--regular: 31px;
+	--vkui--font_title1--font_size--regular: 31.5px;
+	--vkui--font_title1--line_height--regular: 31.5px;
 	--vkui--font_title1--font_family--regular: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	--vkui--font_title1--font_weight--regular: 700;
-	--vkui--font_title1--letter_spacing--regular: -0.5px;
+	--vkui--font_title1--font_weight--regular: 660;
+	--vkui--font_title1--font_variation_settings--optical_size--regular: 31.5;
 	--vkui--font_title2--font_size--regular: 24px;
 	--vkui--font_title2--line_height--regular: 26px;
 	--vkui--font_title2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -53,7 +53,7 @@
 	--vkui--font_title3--line_height--regular: 23px;
 	--vkui--font_title3--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_title3--font_weight--regular: 670;
-	--vkui--font_title3--font_variation_settings--optical_size--regular: 23;
+	--vkui--font_title3--font_variation_settings--optical_size--regular: 28;
 	--vkui--font_headline1--font_size--regular: 17px;
 	--vkui--font_headline1--line_height--regular: 20px;
 	--vkui--font_headline1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -75,7 +75,7 @@
 	--vkui--font_text--font_size--compact: 15px;
 	--vkui--font_text--line_height--compact: 20px;
 	--vkui--font_paragraph--font_size--regular: 15px;
-	--vkui--font_paragraph--line_height--regular: 18.2px;
+	--vkui--font_paragraph--line_height--regular: 17.8px;
 	--vkui--font_paragraph--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_paragraph--font_weight--regular: 530;
 	--vkui--font_paragraph--font_variation_settings--optical_size--regular: 17;
@@ -105,10 +105,11 @@
 	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_caption1_caps--font_weight--regular: 600;
 	--vkui--font_caption1_caps--text_transform--regular: uppercase;
-	--vkui--font_caption2--font_size--regular: 11px;
-	--vkui--font_caption2--line_height--regular: 14px;
+	--vkui--font_caption2--font_size--regular: 8px;
+	--vkui--font_caption2--line_height--regular: 10px;
 	--vkui--font_caption2--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	--vkui--font_caption2--font_weight--regular: 400;
+	--vkui--font_caption2--font_weight--regular: 600;
+	--vkui--font_caption2--font_variation_settings--optical_size--regular: 11;
 	--vkui--font_caption2_caps--font_size--regular: 11px;
 	--vkui--font_caption2_caps--line_height--regular: 14px;
 	--vkui--font_caption2_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -248,13 +249,13 @@
 	--vkui--font_label2--font_weight--regular: 600;
 	--vkui--font_label2--font_variation_settings--optical_size--regular: 26;
 	--vkui--font_body--font_size--regular: 16.5px;
-	--vkui--font_body--line_height--regular: 21px;
+	--vkui--font_body--line_height--regular: 19.5px;
 	--vkui--font_body--font_weight--regular: 520;
-	--vkui--font_body--font_variation_settings--optical_size--regular: 22;
+	--vkui--font_body--font_variation_settings--optical_size--regular: 24;
 	--vkui--font_text_bold--font_size--regular: 16px;
 	--vkui--font_text_bold--line_height--regular: 18.5px;
 	--vkui--font_text_bold--font_weight--regular: 670;
-	--vkui--font_text_bold--font_variation_settings--optical_size--regular: 21.8;
+	--vkui--font_text_bold--font_variation_settings--optical_size--regular: 24;
 	--vkui--font_footnote_bold--font_size--regular: 13.5px;
 	--vkui--font_footnote_bold--line_height--regular: 15px;
 	--vkui--font_footnote_bold--font_weight--regular: 670;
@@ -603,16 +604,14 @@
 	font-weight: var(--vkui--font_display_title4--font_weight--regular, 600);
 }
 .vkui--font_title1--regular {
-	font-size: 31px;
-	font-size: var(--vkui--font_title1--font_size--regular, 31px);
-	line-height: 31px;
-	line-height: var(--vkui--font_title1--line_height--regular, 31px);
+	font-size: 31.5px;
+	font-size: var(--vkui--font_title1--font_size--regular, 31.5px);
+	line-height: 31.5px;
+	line-height: var(--vkui--font_title1--line_height--regular, 31.5px);
 	font-family: "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: 700;
-	font-weight: var(--vkui--font_title1--font_weight--regular, 700);
-	letter-spacing: -0.5px;
-	letter-spacing: var(--vkui--font_title1--letter_spacing--regular, -0.5px);
+	font-weight: 660;
+	font-weight: var(--vkui--font_title1--font_weight--regular, 660);
 }
 .vkui--font_title2--regular {
 	font-size: 24px;
@@ -697,8 +696,8 @@
 .vkui--font_paragraph--regular {
 	font-size: 15px;
 	font-size: var(--vkui--font_paragraph--font_size--regular, 15px);
-	line-height: 18.2px;
-	line-height: var(--vkui--font_paragraph--line_height--regular, 18.2px);
+	line-height: 17.8px;
+	line-height: var(--vkui--font_paragraph--line_height--regular, 17.8px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_paragraph--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 530;
@@ -769,14 +768,14 @@
 	text-transform: var(--vkui--font_caption1_caps--text_transform--regular, uppercase);
 }
 .vkui--font_caption2--regular {
-	font-size: 11px;
-	font-size: var(--vkui--font_caption2--font_size--regular, 11px);
-	line-height: 14px;
-	line-height: var(--vkui--font_caption2--line_height--regular, 14px);
+	font-size: 8px;
+	font-size: var(--vkui--font_caption2--font_size--regular, 8px);
+	line-height: 10px;
+	line-height: var(--vkui--font_caption2--line_height--regular, 10px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_caption2--font_weight--regular, 400);
+	font-weight: 600;
+	font-weight: var(--vkui--font_caption2--font_weight--regular, 600);
 }
 .vkui--font_caption2_caps--regular {
 	font-size: 11px;
@@ -831,8 +830,8 @@
 .vkui--font_body--regular {
 	font-size: 16.5px;
 	font-size: var(--vkui--font_body--font_size--regular, 16.5px);
-	line-height: 21px;
-	line-height: var(--vkui--font_body--line_height--regular, 21px);
+	line-height: 19.5px;
+	line-height: var(--vkui--font_body--line_height--regular, 19.5px);
 	font-weight: 520;
 	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }

package/themes/legoAndroid/cssVars/declarations/noSizes.css

@@ -305,9 +305,9 @@
 	--vkui--color_stroke_primary: #3b3b3b;
 	--vkui--color_stroke_primary--hover: #39393B;
 	--vkui--color_stroke_primary--active: #36383B;
-	--vkui--color_image_border_alpha: #33333328;
-	--vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
-	--vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
+	--vkui--color_image_border_alpha: #3333330f;
+	--vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.1);
+	--vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.14);
 	--vkui--color_field_border_alpha: #3333330a;
 	--vkui--color_field_border_alpha--hover: #33333328;
 	--vkui--color_field_border_alpha--active: #3333333d;

package/themes/legoAndroid/cssVars/declarations/onlyAdaptiveGroups.css

@@ -27,7 +27,7 @@
 	line-height: var(--vkui--font_title1--line_height);
 	font-family: var(--vkui--font_title1--font_family);
 	font-weight: var(--vkui--font_title1--font_weight);
-	letter-spacing: var(--vkui--font_title1--letter_spacing);
+	font-variation-settings--optical-size: var(--vkui--font_title1--font_variation_settings--optical_size);
 }
 .vkui--font_title2 {
 	font-size: var(--vkui--font_title2--font_size);
@@ -109,6 +109,7 @@
 	line-height: var(--vkui--font_caption2--line_height);
 	font-family: var(--vkui--font_caption2--font_family);
 	font-weight: var(--vkui--font_caption2--font_weight);
+	font-variation-settings--optical-size: var(--vkui--font_caption2--font_variation_settings--optical_size);
 }
 .vkui--font_caption2_caps {
 	font-size: var(--vkui--font_caption2_caps--font_size);

package/themes/legoAndroid/cssVars/declarations/onlyColors.css

@@ -218,9 +218,9 @@
 	--vkui--color_stroke_primary: #3b3b3b;
 	--vkui--color_stroke_primary--hover: #39393B;
 	--vkui--color_stroke_primary--active: #36383B;
-	--vkui--color_image_border_alpha: #33333328;
-	--vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
-	--vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
+	--vkui--color_image_border_alpha: #3333330f;
+	--vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.1);
+	--vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.14);
 	--vkui--color_field_border_alpha: #3333330a;
 	--vkui--color_field_border_alpha--hover: #33333328;
 	--vkui--color_field_border_alpha--active: #3333333d;