@vkontakte/vkui-tokens 4.77.0 → 4.78.1

package/themes/legoAndroid/cssVars/theme/index.json

@@ -523,7 +523,7 @@
 			},
 			"lineHeight": {
 				"name": "--vkui--font_text--line_height--regular",
-				"value": "var(--vkui--font_text--line_height--regular, 18.33px)"
+				"value": "var(--vkui--font_text--line_height--regular, 18.5px)"
 			},
 			"fontFamily": {
 				"name": "--vkui--font_text--font_family--regular",
@@ -2494,15 +2494,15 @@
 	"colorBackgroundNegative": {
 		"normal": {
 			"name": "--vkui--color_background_negative",
-			"value": "var(--vkui--color_background_negative, #fe3c60)"
+			"value": "var(--vkui--color_background_negative, #F65460)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_negative--hover",
-			"value": "var(--vkui--color_background_negative--hover, #F43A5F)"
+			"value": "var(--vkui--color_background_negative--hover, #EC515F)"
 		},
 		"active": {
 			"name": "--vkui--color_background_negative--active",
-			"value": "var(--vkui--color_background_negative--active, #EA385D)"
+			"value": "var(--vkui--color_background_negative--active, #E24F5D)"
 		}
 	},
 	"colorBackgroundNegativeTint": {
@@ -2732,15 +2732,15 @@
 	"colorTextNegative": {
 		"normal": {
 			"name": "--vkui--color_text_negative",
-			"value": "var(--vkui--color_text_negative, #fe3c60)"
+			"value": "var(--vkui--color_text_negative, #F65460)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_negative--hover",
-			"value": "var(--vkui--color_text_negative--hover, #F43A5F)"
+			"value": "var(--vkui--color_text_negative--hover, #EC515F)"
 		},
 		"active": {
 			"name": "--vkui--color_text_negative--active",
-			"value": "var(--vkui--color_text_negative--active, #EA385D)"
+			"value": "var(--vkui--color_text_negative--active, #E24F5D)"
 		}
 	},
 	"colorTextLink": {
@@ -3040,15 +3040,15 @@
 	"colorIconNegative": {
 		"normal": {
 			"name": "--vkui--color_icon_negative",
-			"value": "var(--vkui--color_icon_negative, #fe3c60)"
+			"value": "var(--vkui--color_icon_negative, #F65460)"
 		},
 		"hover": {
 			"name": "--vkui--color_icon_negative--hover",
-			"value": "var(--vkui--color_icon_negative--hover, #F43A5F)"
+			"value": "var(--vkui--color_icon_negative--hover, #EC515F)"
 		},
 		"active": {
 			"name": "--vkui--color_icon_negative--active",
-			"value": "var(--vkui--color_icon_negative--active, #EA385D)"
+			"value": "var(--vkui--color_icon_negative--active, #E24F5D)"
 		}
 	},
 	"colorStrokeAccent": {
@@ -3166,15 +3166,15 @@
 	"colorStrokeNegative": {
 		"normal": {
 			"name": "--vkui--color_stroke_negative",
-			"value": "var(--vkui--color_stroke_negative, #fe3c60)"
+			"value": "var(--vkui--color_stroke_negative, #F65460)"
 		},
 		"hover": {
 			"name": "--vkui--color_stroke_negative--hover",
-			"value": "var(--vkui--color_stroke_negative--hover, #F43A5F)"
+			"value": "var(--vkui--color_stroke_negative--hover, #EC515F)"
 		},
 		"active": {
 			"name": "--vkui--color_stroke_negative--active",
-			"value": "var(--vkui--color_stroke_negative--active, #EA385D)"
+			"value": "var(--vkui--color_stroke_negative--active, #E24F5D)"
 		}
 	},
 	"colorStrokeContrast": {
@@ -3765,6 +3765,34 @@
 			"value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))"
 		}
 	},
+	"colorBackgroundInverse": {
+		"normal": {
+			"name": "--vkui--color_background_inverse",
+			"value": "var(--vkui--color_background_inverse, #262626)"
+		},
+		"hover": {
+			"name": "--vkui--color_background_inverse--hover",
+			"value": "var(--vkui--color_background_inverse--hover, #242527)"
+		},
+		"active": {
+			"name": "--vkui--color_background_inverse--active",
+			"value": "var(--vkui--color_background_inverse--active, #232428)"
+		}
+	},
+	"colorStrokeContrastSecondaryAlpha": {
+		"normal": {
+			"name": "--vkui--color_stroke_contrast_secondary_alpha",
+			"value": "var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f)"
+		},
+		"hover": {
+			"name": "--vkui--color_stroke_contrast_secondary_alpha--hover",
+			"value": "var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16))"
+		},
+		"active": {
+			"name": "--vkui--color_stroke_contrast_secondary_alpha--active",
+			"value": "var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2))"
+		}
+	},
 	"vkontakteColorSnippetBorderAlpha": {
 		"normal": {
 			"name": "--vkui--vkontakte_color_snippet_border_alpha",
@@ -4913,19 +4941,5 @@
 			"value": "var(--vkui--vkontakte_palette_black--active, #000105)"
 		}
 	},
-	"colorBackgroundInverse": {
-		"normal": {
-			"name": "--vkui--color_background_inverse",
-			"value": "var(--vkui--color_background_inverse, #262626)"
-		},
-		"hover": {
-			"name": "--vkui--color_background_inverse--hover",
-			"value": "var(--vkui--color_background_inverse--hover, #242527)"
-		},
-		"active": {
-			"name": "--vkui--color_background_inverse--active",
-			"value": "var(--vkui--color_background_inverse--active, #232428)"
-		}
-	},
 	"themeType": "cssVars"
 }

package/themes/legoAndroid/docs.json

@@ -1108,6 +1108,10 @@
       }
     ]
   },
+  "colorStrokeContrastSecondaryAlpha": {
+    "tags": [],
+    "desc": []
+  },
   "colorStrokeNegative": {
     "tags": [
       "color",
@@ -2933,6 +2937,234 @@
       }
     ]
   },
+  "vkontakteBackgroundHoverAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteButtonMutedBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteButtonTertiaryBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteButtonTertiaryForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorAccentAlternate": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorActionSheetSeparatorAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorAlphaSkeletonShimmerTo": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundKeyboard": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundSuggestions": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundTextAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorContentPlaceholderIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorContentTintForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlTintMuted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderSearchFieldBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderSearchFieldTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderTabActiveIndicator": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconOutlineMedium": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconOutlineSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImBubbleGiftText": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImBubbleGiftTextSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImBubbleIncoming": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImBubbleIncomingAlternate": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImBubbleIncomingExpiring": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImBubbleOutgoing": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImBubbleOutgoingExpiringHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImForwardLineAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorImTextName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorInputBorder": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorLandingSnippetBorderAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorLoaderBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorLoaderTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorModalCardBorderAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorModalCardHeaderClose": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorMusicPlaybackIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPanelTabActiveText": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconForegroundPrimary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconForegroundSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPollOptionBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSearchBarBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSearchBarFieldTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSkeletonShimmerFrom": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSnippetBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSnippetBorderAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSplashScreenIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorStatusBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarActiveIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarInactiveIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarTabletTextSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTextName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorToolbarAttachBackgroundFrom": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteFloatButtonForeground": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteGradientAquamarineBlue": {
     "tags": [
       "gradient"
@@ -3307,6 +3539,106 @@
       }
     ]
   },
+  "vkontakteImAttachTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonBackgroundHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleGiftBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleGiftBackgroundHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleIncomingAlternateHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleIncomingExpiringHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleIncomingHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleMableOutgoing": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleMableOutgoingExpiringHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleMableOutgoingHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleMableWallpaperOutgoing": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleMableWallpaperOutgoingHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleOutgoingAlternate": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleOutgoingHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleWallpaperButtonForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImReplySeparator": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImServiceMessageText": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImToolbarVoiceMsgBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteLandingBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteLandingSecondaryButtonBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontaktePaletteBlack": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteStoriesSkeletonLoaderBackground": {
+    "tags": [],
+    "desc": []
+  },
   "zIndexModal": {
     "tags": [
       "z-index"

package/themes/legoAndroid/index.css

@@ -65,7 +65,7 @@
 	--vkui--font_headline2--font_size--compact: 14px;
 	--vkui--font_headline2--line_height--compact: 20px;
 	--vkui--font_text--font_size--regular: 16px;
-	--vkui--font_text--line_height--regular: 18.33px;
+	--vkui--font_text--line_height--regular: 18.5px;
 	--vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_text--font_weight--regular: 600;
 	--vkui--font_text--font_variation_settings--optical_size--regular: 24;
@@ -349,9 +349,9 @@
 	--vkui--color_background_warning: #fff2d6;
 	--vkui--color_background_warning--hover: #F5E9D0;
 	--vkui--color_background_warning--active: #EBE0CA;
-	--vkui--color_background_negative: #fe3c60;
-	--vkui--color_background_negative--hover: #F43A5F;
-	--vkui--color_background_negative--active: #EA385D;
+	--vkui--color_background_negative: #F65460;
+	--vkui--color_background_negative--hover: #EC515F;
+	--vkui--color_background_negative--active: #E24F5D;
 	--vkui--color_background_negative_tint: #ffe9e9;
 	--vkui--color_background_negative_tint--hover: #F5E0E2;
 	--vkui--color_background_negative_tint--active: #EBD8DB;
@@ -400,9 +400,9 @@
 	--vkui--color_text_positive: #34c759;
 	--vkui--color_text_positive--hover: #32C058;
 	--vkui--color_text_positive--active: #30B857;
-	--vkui--color_text_negative: #fe3c60;
-	--vkui--color_text_negative--hover: #F43A5F;
-	--vkui--color_text_negative--active: #EA385D;
+	--vkui--color_text_negative: #F65460;
+	--vkui--color_text_negative--hover: #EC515F;
+	--vkui--color_text_negative--active: #E24F5D;
 	--vkui--color_text_link: #2e90ff;
 	--vkui--color_text_link--hover: #2C8BF7;
 	--vkui--color_text_link--active: #2A86EF;
@@ -466,9 +466,9 @@
 	--vkui--color_icon_warning: #ff6900;
 	--vkui--color_icon_warning--hover: #F56502;
 	--vkui--color_icon_warning--active: #EB6205;
-	--vkui--color_icon_negative: #fe3c60;
-	--vkui--color_icon_negative--hover: #F43A5F;
-	--vkui--color_icon_negative--active: #EA385D;
+	--vkui--color_icon_negative: #F65460;
+	--vkui--color_icon_negative--hover: #EC515F;
+	--vkui--color_icon_negative--active: #E24F5D;
 	--vkui--color_stroke_accent: #2e90ff;
 	--vkui--color_stroke_accent--hover: #2C8BF7;
 	--vkui--color_stroke_accent--active: #2A86EF;
@@ -493,9 +493,9 @@
 	--vkui--color_stroke_positive: #34c759;
 	--vkui--color_stroke_positive--hover: #32C058;
 	--vkui--color_stroke_positive--active: #30B857;
-	--vkui--color_stroke_negative: #fe3c60;
-	--vkui--color_stroke_negative--hover: #F43A5F;
-	--vkui--color_stroke_negative--active: #EA385D;
+	--vkui--color_stroke_negative: #F65460;
+	--vkui--color_stroke_negative--hover: #EC515F;
+	--vkui--color_stroke_negative--active: #E24F5D;
 	--vkui--color_stroke_contrast: #ffffff;
 	--vkui--color_stroke_contrast--hover: #F5F5F7;
 	--vkui--color_stroke_contrast--active: #EBECEF;
@@ -622,6 +622,12 @@
 	--vkui--color_transparent: #00000000;
 	--vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
 	--vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
+	--vkui--color_background_inverse: #262626;
+	--vkui--color_background_inverse--hover: #242527;
+	--vkui--color_background_inverse--active: #232428;
+	--vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
+	--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
+	--vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
@@ -868,9 +874,6 @@
 	--vkui--vkontakte_palette_black: #000000;
 	--vkui--vkontakte_palette_black--hover: #000102;
 	--vkui--vkontakte_palette_black--active: #000105;
-	--vkui--color_background_inverse: #262626;
-	--vkui--color_background_inverse--hover: #242527;
-	--vkui--color_background_inverse--active: #232428;
 }
 
 .vkui--font_display_title1--regular {
@@ -998,8 +1001,8 @@
 .vkui--font_text--regular {
 	font-size: 16px;
 	font-size: var(--vkui--font_text--font_size--regular, 16px);
-	line-height: 18.33px;
-	line-height: var(--vkui--font_text--line_height--regular, 18.33px);
+	line-height: 18.5px;
+	line-height: var(--vkui--font_text--line_height--regular, 18.5px);
 	font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	font-weight: 600;