@vkontakte/vkui-tokens 4.81.2 → 4.83.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.81.2",
+  "version": "4.83.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "type": "module",
   "license": "MIT",

package/themeDescriptions/base/paradigm.js

@@ -1,4 +1,4 @@
-import{_ as r}from"@swc/helpers/_/_object_spread";import{_ as o}from"@swc/helpers/_/_object_spread_props";import{getGradientPointsFromColor as e}from"../../build/helpers/getGradientPointsFromColor.js";import{alias as a,staticRef as t}from"../../build/helpers/tokenHelpers.js";import{overlayColors as n}from"../../build/themeProcessors/expandColors/overlayColors.js";import{helpers as l}from"../../utils/common/index.js";var i='apple-system, system-ui, "Helvetica Neue", Arial, sans-serif',c="VKSansDisplay, MailSans, ".concat(i),g="#F6F7F8",d="#252525",u="#232324";export var lightColors={colorsScheme:"light",colors:{// Background
+import{_ as r}from"@swc/helpers/_/_object_spread";import{_ as o}from"@swc/helpers/_/_object_spread_props";import{getGradientPointsFromColor as e}from"../../build/helpers/getGradientPointsFromColor.js";import{alias as a,staticRef as t}from"../../build/helpers/tokenHelpers.js";import{overlayColors as n}from"../../build/themeProcessors/expandColors/overlayColors.js";import{helpers as l}from"../../utils/common";var i='apple-system, system-ui, "Helvetica Neue", Arial, sans-serif',c="VKSansDisplay, MailSans, ".concat(i),g="#F6F7F8",d="#252525",u="#232324";export var lightColors={colorsScheme:"light",colors:{// Background
 colorBackgroundAccent:"#0077FF",colorBackgroundAccentThemed:"#0077FF",colorBackgroundAccentThemedAlpha:"rgba(0, 119, 255, 0.2)",colorBackgroundAccentAlternative:"#FF9E00",colorBackgroundContent:"#FFFFFF",colorBackgroundContentAlpha:"rgba(255, 255, 255, 0.8)",colorBackgroundContentInverse:u,colorBackgroundSecondary:"#F0F1F3",colorBackgroundSecondaryAlpha:{normal:"rgba(0, 16, 61, 0.06)",hover:"rgba(0, 16, 61, 0.1)",active:"rgba(0, 16, 61, 0.14)"},colorBackground:"#FFFFFF",colorBackgroundContrast:"#FFFFFF",colorBackgroundContrastSecondaryAlpha:{normal:"rgba(255, 255, 255, 0.2)",hover:"rgba(255, 255, 255, 0.24)",active:"rgba(255, 255, 255, 0.28)"},colorBackgroundWarning:"#FFF1AD",colorBackgroundNegative:"#ED330A",colorBackgroundTertiary:g,colorBackgroundTertiaryAlpha:{normal:"rgba(0, 0, 0, 0.04)",hover:"rgba(0, 0, 0, 0.08)",active:"rgba(0, 0, 0, 0.12)"},colorBackgroundModal:"#FFFFFF",colorBackgroundPositive:"#0DC268",colorBackgroundNegativeTint:"#FEEFEB",colorBackgroundPositiveTint:"#ECFAF3",colorFieldBackground:"#ffffff",colorBackgroundModalInverse:"#303030",colorBackgroundContrastInverse:"#303030",colorBackgroundContrastThemed:"#FFFFFF",colorBackgroundAccentTint:"#5a9eff",colorBackgroundInfoTint:"#f0f4ff",// Text
 colorTextAccent:"#0070f0",colorTextAccentThemed:"#0070f0",colorTextNegative:"#ED330a",colorTextLink:"#0070f0",colorTextLinkTint:"#71AAEB",colorTextLinkThemed:"#0070f0",colorTextMuted:"#2C2D2E",colorTextPrimary:"#2C2D2E",colorTextPrimaryAlpha:"rgba(37, 41, 46, 0.84)",colorTextPrimaryInvariably:"#2C2D2E",colorTextSecondary:"#87898F",colorTextSecondaryAlpha:"rgba(37, 41, 46, 0.55)",colorTextSubhead:"#797A80",colorTextTertiary:"#AAADB3",colorTextLinkVisited:"#528FDF",colorTextContrast:"#FFFFFF",colorTextContrastThemed:"#FFFFFF",colorLinkContrast:"#FFFFFF",colorTextPositive:"#0DC268",// Icons
 colorIconAccent:"#0077ff",colorIconAccentThemed:"#0077ff",colorIconPrimary:"#2C2D2E",colorIconPrimaryInvariably:"#2C2D2E",colorIconMedium:"#919399",colorIconMediumAlpha:"rgba(39, 43, 55, 0.5)",colorIconSecondary:"#A5A7AD",colorIconSecondaryAlpha:"rgba(39, 43, 55, 0.3)",colorIconTertiary:"#CFD1D6",colorIconTertiaryAlpha:"rgba(39, 43, 55, 0.2)",colorIconContrast:"#FFFFFF",colorIconContrastThemed:"#FFFFFF",colorIconPositive:"#0DC268",colorIconWarning:"#FF9E00",colorIconNegative:"#ED330a",colorIconContrastSecondary:"#F2F3F5",// Stroke

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

@@ -95,10 +95,11 @@
 	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_footnote_caps--font_weight--regular: 600;
 	--vkui--font_footnote_caps--text_transform--regular: uppercase;
-	--vkui--font_caption1--font_size--regular: 12px;
-	--vkui--font_caption1--line_height--regular: 14px;
+	--vkui--font_caption1--font_size--regular: 11.5px;
+	--vkui--font_caption1--line_height--regular: 12px;
 	--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	--vkui--font_caption1--font_weight--regular: 400;
+	--vkui--font_caption1--font_weight--regular: 600;
+	--vkui--font_caption1--font_variation_settings--optical_size--regular: 11;
 	--vkui--font_caption1_caps--font_size--regular: 12px;
 	--vkui--font_caption1_caps--line_height--regular: 14px;
 	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -1177,20 +1178,21 @@
 	text-transform: var(--vkui--font_footnote_caps--text_transform);
 }
 .vkui--font_caption1--regular {
-	font-size: 12px;
-	font-size: var(--vkui--font_caption1--font_size--regular, 12px);
-	line-height: 14px;
-	line-height: var(--vkui--font_caption1--line_height--regular, 14px);
+	font-size: 11.5px;
+	font-size: var(--vkui--font_caption1--font_size--regular, 11.5px);
+	line-height: 12px;
+	line-height: var(--vkui--font_caption1--line_height--regular, 12px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
+	font-weight: 600;
+	font-weight: var(--vkui--font_caption1--font_weight--regular, 600);
 }
 .vkui--font_caption1 {
 	font-size: var(--vkui--font_caption1--font_size);
 	line-height: var(--vkui--font_caption1--line_height);
 	font-family: var(--vkui--font_caption1--font_family);
 	font-weight: var(--vkui--font_caption1--font_weight);
+	font-variation-settings--optical-size: var(--vkui--font_caption1--font_variation_settings--optical_size);
 }
 .vkui--font_caption1_caps--regular {
 	font-size: 12px;

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

@@ -95,10 +95,11 @@
 	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_footnote_caps--font_weight--regular: 600;
 	--vkui--font_footnote_caps--text_transform--regular: uppercase;
-	--vkui--font_caption1--font_size--regular: 12px;
-	--vkui--font_caption1--line_height--regular: 14px;
+	--vkui--font_caption1--font_size--regular: 11.5px;
+	--vkui--font_caption1--line_height--regular: 12px;
 	--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	--vkui--font_caption1--font_weight--regular: 400;
+	--vkui--font_caption1--font_weight--regular: 600;
+	--vkui--font_caption1--font_variation_settings--optical_size--regular: 11;
 	--vkui--font_caption1_caps--font_size--regular: 12px;
 	--vkui--font_caption1_caps--line_height--regular: 14px;
 	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -736,14 +737,14 @@
 	text-transform: var(--vkui--font_footnote_caps--text_transform--regular, uppercase);
 }
 .vkui--font_caption1--regular {
-	font-size: 12px;
-	font-size: var(--vkui--font_caption1--font_size--regular, 12px);
-	line-height: 14px;
-	line-height: var(--vkui--font_caption1--line_height--regular, 14px);
+	font-size: 11.5px;
+	font-size: var(--vkui--font_caption1--font_size--regular, 11.5px);
+	line-height: 12px;
+	line-height: var(--vkui--font_caption1--line_height--regular, 12px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
-	font-weight: 400;
-	font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
+	font-weight: 600;
+	font-weight: var(--vkui--font_caption1--font_weight--regular, 600);
 }
 .vkui--font_caption1_caps--regular {
 	font-size: 12px;

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

@@ -95,6 +95,7 @@
 	line-height: var(--vkui--font_caption1--line_height);
 	font-family: var(--vkui--font_caption1--font_family);
 	font-weight: var(--vkui--font_caption1--font_weight);
+	font-variation-settings--optical-size: var(--vkui--font_caption1--font_variation_settings--optical_size);
 }
 .vkui--font_caption1_caps {
 	font-size: var(--vkui--font_caption1_caps--font_size);

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

@@ -95,10 +95,11 @@
 	--vkui--font_footnote_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_footnote_caps--font_weight--regular: 600;
 	--vkui--font_footnote_caps--text_transform--regular: uppercase;
-	--vkui--font_caption1--font_size--regular: 12px;
-	--vkui--font_caption1--line_height--regular: 14px;
+	--vkui--font_caption1--font_size--regular: 11.5px;
+	--vkui--font_caption1--line_height--regular: 12px;
 	--vkui--font_caption1--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
-	--vkui--font_caption1--font_weight--regular: 400;
+	--vkui--font_caption1--font_weight--regular: 600;
+	--vkui--font_caption1--font_variation_settings--optical_size--regular: 11;
 	--vkui--font_caption1_caps--font_size--regular: 12px;
 	--vkui--font_caption1_caps--line_height--regular: 14px;
 	--vkui--font_caption1_caps--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;