@vkontakte/vkui-tokens 4.78.1 → 4.80.0

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

@@ -6,7 +6,10 @@
 	--vkui--elevation2: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06);
 	--vkui--elevation3: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
 	--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
+	--vkui--blur_s: 8px;
 	--vkui--blur_m: 16px;
+	--vkui--blur_l: 48px;
+	--vkui--blur_x_l: 96px;
 	--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
 	--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -237,6 +240,14 @@
 	--vkui--font_body--line_height--regular: 21px;
 	--vkui--font_body--font_weight--regular: 520;
 	--vkui--font_body--font_variation_settings--optical_size--regular: 22;
+	--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_footnote_bold--font_size--regular: 13.5px;
+	--vkui--font_footnote_bold--line_height--regular: 15px;
+	--vkui--font_footnote_bold--font_weight--regular: 670;
+	--vkui--font_footnote_bold--font_variation_settings--optical_size--regular: 20;
 	--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%;
 	--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%;
 	--vkui--gradient_tint: rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%;
@@ -325,15 +336,15 @@
 	--vkui--color_background_contrast: #FFFFFF;
 	--vkui--color_background_contrast--hover: #EBEDF0;
 	--vkui--color_background_contrast--active: #D7D8DB;
-	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
+	--vkui--color_background_contrast_secondary_alpha: #ffffff33;
 	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
 	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
 	--vkui--color_background_contrast_inverse: #000000;
 	--vkui--color_background_contrast_inverse--hover: #0A0A0A;
 	--vkui--color_background_contrast_inverse--active: #141414;
-	--vkui--color_background_contrast_themed: #000000;
-	--vkui--color_background_contrast_themed--hover: #0A0A0A;
-	--vkui--color_background_contrast_themed--active: #141414;
+	--vkui--color_background_contrast_themed: #1e1e1c;
+	--vkui--color_background_contrast_themed--hover: #272725;
+	--vkui--color_background_contrast_themed--active: #30302E;
 	--vkui--color_background_modal: #000000;
 	--vkui--color_background_modal--hover: #0A0A0A;
 	--vkui--color_background_modal--active: #141414;
@@ -349,7 +360,7 @@
 	--vkui--color_background_warning: #483416;
 	--vkui--color_background_warning--hover: #4F3C1F;
 	--vkui--color_background_warning--active: #574429;
-	--vkui--color_background_negative: #FD6571;
+	--vkui--color_background_negative: #fd6571;
 	--vkui--color_background_negative--hover: #FD6B77;
 	--vkui--color_background_negative--active: #FD717C;
 	--vkui--color_background_negative_tint: #4b2727;
@@ -400,7 +411,7 @@
 	--vkui--color_text_positive: #34c759;
 	--vkui--color_text_positive--hover: #3CC960;
 	--vkui--color_text_positive--active: #44CB66;
-	--vkui--color_text_negative: #FD6571;
+	--vkui--color_text_negative: #fd6571;
 	--vkui--color_text_negative--hover: #FD6B77;
 	--vkui--color_text_negative--active: #FD717C;
 	--vkui--color_text_link: #2e90ff;
@@ -466,7 +477,7 @@
 	--vkui--color_icon_warning: #ff6900;
 	--vkui--color_icon_warning--hover: #FF6F0A;
 	--vkui--color_icon_warning--active: #FF7514;
-	--vkui--color_icon_negative: #FD6571;
+	--vkui--color_icon_negative: #fd6571;
 	--vkui--color_icon_negative--hover: #FD6B77;
 	--vkui--color_icon_negative--active: #FD717C;
 	--vkui--color_stroke_accent: #529ef4;
@@ -493,7 +504,7 @@
 	--vkui--color_stroke_positive: #34c759;
 	--vkui--color_stroke_positive--hover: #3CC960;
 	--vkui--color_stroke_positive--active: #44CB66;
-	--vkui--color_stroke_negative: #FD6571;
+	--vkui--color_stroke_negative: #fd6571;
 	--vkui--color_stroke_negative--hover: #FD6B77;
 	--vkui--color_stroke_negative--active: #FD717C;
 	--vkui--color_stroke_contrast: #FFFFFF;
@@ -619,13 +630,13 @@
 	--vkui--color_tabbar_text_inactive: #76787a;
 	--vkui--color_tabbar_text_inactive--hover: #7B7D7F;
 	--vkui--color_tabbar_text_inactive--active: #818385;
-	--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_transparent: transparent;
+	--vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
+	--vkui--color_transparent--active: rgba(255, 255, 255, 0.08);
 	--vkui--color_background_inverse: #FFFFFF;
 	--vkui--color_background_inverse--hover: #EBEDF0;
 	--vkui--color_background_inverse--active: #D7D8DB;
-	--vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
+	--vkui--color_stroke_contrast_secondary_alpha: #ffffff1e;
 	--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(255, 255, 255, 0.15);
@@ -874,4 +885,7 @@
 	--vkui--vkontakte_palette_black: #000000;
 	--vkui--vkontakte_palette_black--hover: #0A0A0A;
 	--vkui--vkontakte_palette_black--active: #141414;
+	--vkui--color_text_tertiary_alpha: #ffffff7f;
+	--vkui--color_text_tertiary_alpha--hover: rgba(255, 255, 255, 0.54);
+	--vkui--color_text_tertiary_alpha--active: rgba(255, 255, 255, 0.58);
 }