npm - @vkontakte/vkui-tokens - Versions diffs - 4.78.1 → 4.80.0 - Mend

@vkontakte/vkui-tokens 4.78.1 → 4.80.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 (677) hide show

package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css CHANGED Viewed

@@ -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(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.05) 15%, rgba(247, 247, 247, 0.2) 30%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(247, 247, 247, 1)) 100%;
@@ -325,7 +336,7 @@
 	--vkui--color_background_contrast: #ffffff;
 	--vkui--color_background_contrast--hover: #F5F5F7;
 	--vkui--color_background_contrast--active: #EBECEF;
-	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);
+	--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;
@@ -349,7 +360,7 @@
 	--vkui--color_background_warning: #fff2d6;
 	--vkui--color_background_warning--hover: #F5E9D0;
 	--vkui--color_background_warning--active: #EBE0CA;
-	--vkui--color_background_negative: #F65460;
+	--vkui--color_background_negative: #f65460;
 	--vkui--color_background_negative--hover: #EC515F;
 	--vkui--color_background_negative--active: #E24F5D;
 	--vkui--color_background_negative_tint: #ffe9e9;
@@ -400,7 +411,7 @@
 	--vkui--color_text_positive: #34c759;
 	--vkui--color_text_positive--hover: #32C058;
 	--vkui--color_text_positive--active: #30B857;
-	--vkui--color_text_negative: #F65460;
+	--vkui--color_text_negative: #f65460;
 	--vkui--color_text_negative--hover: #EC515F;
 	--vkui--color_text_negative--active: #E24F5D;
 	--vkui--color_text_link: #2e90ff;
@@ -466,7 +477,7 @@
 	--vkui--color_icon_warning: #ff6900;
 	--vkui--color_icon_warning--hover: #F56502;
 	--vkui--color_icon_warning--active: #EB6205;
-	--vkui--color_icon_negative: #F65460;
+	--vkui--color_icon_negative: #f65460;
 	--vkui--color_icon_negative--hover: #EC515F;
 	--vkui--color_icon_negative--active: #E24F5D;
 	--vkui--color_stroke_accent: #2e90ff;
@@ -493,7 +504,7 @@
 	--vkui--color_stroke_positive: #34c759;
 	--vkui--color_stroke_positive--hover: #32C058;
 	--vkui--color_stroke_positive--active: #30B857;
-	--vkui--color_stroke_negative: #F65460;
+	--vkui--color_stroke_negative: #f65460;
 	--vkui--color_stroke_negative--hover: #EC515F;
 	--vkui--color_stroke_negative--active: #E24F5D;
 	--vkui--color_stroke_contrast: #ffffff;
@@ -619,13 +630,13 @@
 	--vkui--color_tabbar_text_inactive: #99a2ad;
 	--vkui--color_tabbar_text_inactive--hover: #939CA9;
 	--vkui--color_tabbar_text_inactive--active: #8D96A4;
-	--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(0, 16, 61, 0.04);
+	--vkui--color_transparent--active: rgba(0, 16, 61, 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: #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(0, 0, 0, 0.15);
@@ -874,4 +885,7 @@
 	--vkui--vkontakte_palette_black: #000000;
 	--vkui--vkontakte_palette_black--hover: #000102;
 	--vkui--vkontakte_palette_black--active: #000105;
+	--vkui--color_text_tertiary_alpha: #3b3b3b66;
+	--vkui--color_text_tertiary_alpha--hover: rgba(59, 59, 59, 0.44);
+	--vkui--color_text_tertiary_alpha--active: rgba(59, 59, 59, 0.48);
 }

package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css CHANGED Viewed

@@ -124,6 +124,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_tint: rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.05) 15%, rgba(247, 247, 247, 0.2) 30%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(247, 247, 247, 1)) 100%;
 	--vkui--font_headline--font_size--regular: 17px;
 	--vkui--font_headline--line_height--regular: 20px;
@@ -147,6 +155,9 @@
 	--vkui--color_background_tertiary: #f7f7f7;
 	--vkui--color_background_tertiary--hover: #EDEEF0;
 	--vkui--color_background_tertiary--active: #E3E5E8;
+	--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: #000102;
 	--vkui--color_background_contrast_inverse--active: #000105;
@@ -168,7 +179,7 @@
 	--vkui--color_background_warning: #fff2d6;
 	--vkui--color_background_warning--hover: #F5E9D0;
 	--vkui--color_background_warning--active: #EBE0CA;
-	--vkui--color_background_negative: #F65460;
+	--vkui--color_background_negative: #f65460;
 	--vkui--color_background_negative--hover: #EC515F;
 	--vkui--color_background_negative--active: #E24F5D;
 	--vkui--color_background_negative_tint: #ffe9e9;
@@ -198,7 +209,7 @@
 	--vkui--color_text_positive: #34c759;
 	--vkui--color_text_positive--hover: #32C058;
 	--vkui--color_text_positive--active: #30B857;
-	--vkui--color_text_negative: #F65460;
+	--vkui--color_text_negative: #f65460;
 	--vkui--color_text_negative--hover: #EC515F;
 	--vkui--color_text_negative--active: #E24F5D;
 	--vkui--color_text_link: #2e90ff;
@@ -237,7 +248,7 @@
 	--vkui--color_icon_warning: #ff6900;
 	--vkui--color_icon_warning--hover: #F56502;
 	--vkui--color_icon_warning--active: #EB6205;
-	--vkui--color_icon_negative: #F65460;
+	--vkui--color_icon_negative: #f65460;
 	--vkui--color_icon_negative--hover: #EC515F;
 	--vkui--color_icon_negative--active: #E24F5D;
 	--vkui--color_stroke_accent: #2e90ff;
@@ -255,7 +266,7 @@
 	--vkui--color_stroke_positive: #34c759;
 	--vkui--color_stroke_positive--hover: #32C058;
 	--vkui--color_stroke_positive--active: #30B857;
-	--vkui--color_stroke_negative: #F65460;
+	--vkui--color_stroke_negative: #f65460;
 	--vkui--color_stroke_negative--hover: #EC515F;
 	--vkui--color_stroke_negative--active: #E24F5D;
 	--vkui--color_image_border_alpha: #33333328;
@@ -297,13 +308,13 @@
 	--vkui--color_write_bar_input_border_alpha: #ddff00;
 	--vkui--color_write_bar_input_border_alpha--hover: #D4F502;
 	--vkui--color_write_bar_input_border_alpha--active: #CBEC05;
-	--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: #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--color_text_tertiary_alpha: #3b3b3b66;
+	--vkui--color_text_tertiary_alpha--hover: rgba(59, 59, 59, 0.44);
+	--vkui--color_text_tertiary_alpha--active: rgba(59, 59, 59, 0.48);
 }

package/themes/legoAndroid/cssVars/theme/fallbacks/index.css CHANGED Viewed

@@ -6,7 +6,10 @@
 	--vkui--elevation2: var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06));
 	--vkui--elevation3: var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08));
 	--vkui--elevation4: var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16));
+	--vkui--blur_s: var(--vkui--blur_s, 8px);
 	--vkui--blur_m: var(--vkui--blur_m, 16px);
+	--vkui--blur_l: var(--vkui--blur_l, 48px);
+	--vkui--blur_x_l: var(--vkui--blur_x_l, 96px);
 	--vkui--font_family_fallbacks: var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	--vkui--font_family_accent: var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	--vkui--font_family_base: var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -237,6 +240,14 @@
 	--vkui--font_body--line_height--regular: var(--vkui--font_body--line_height--regular, 21px);
 	--vkui--font_body--font_weight--regular: var(--vkui--font_body--font_weight--regular, 520);
 	--vkui--font_body--font_variation_settings--optical_size--regular: var(--vkui--font_body--font_variation_settings--optical_size--regular, 22);
+	--vkui--font_text_bold--font_size--regular: var(--vkui--font_text_bold--font_size--regular, 16px);
+	--vkui--font_text_bold--line_height--regular: var(--vkui--font_text_bold--line_height--regular, 18.5px);
+	--vkui--font_text_bold--font_weight--regular: var(--vkui--font_text_bold--font_weight--regular, 670);
+	--vkui--font_text_bold--font_variation_settings--optical_size--regular: var(--vkui--font_text_bold--font_variation_settings--optical_size--regular, 21.8);
+	--vkui--font_footnote_bold--font_size--regular: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
+	--vkui--font_footnote_bold--line_height--regular: var(--vkui--font_footnote_bold--line_height--regular, 15px);
+	--vkui--font_footnote_bold--font_weight--regular: var(--vkui--font_footnote_bold--font_weight--regular, 670);
+	--vkui--font_footnote_bold--font_variation_settings--optical_size--regular: var(--vkui--font_footnote_bold--font_variation_settings--optical_size--regular, 20);
 	--vkui--gradient_black: var(--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: var(--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: var(--vkui--gradient_tint, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.05) 15%, rgba(247, 247, 247, 0.2) 30%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(247, 247, 247, 1)) 100%);
@@ -325,7 +336,7 @@
 	--vkui--color_background_contrast: var(--vkui--color_background_contrast, #ffffff);
 	--vkui--color_background_contrast--hover: var(--vkui--color_background_contrast--hover, #F5F5F7);
 	--vkui--color_background_contrast--active: var(--vkui--color_background_contrast--active, #EBECEF);
-	--vkui--color_background_contrast_secondary_alpha: var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20));
+	--vkui--color_background_contrast_secondary_alpha: var(--vkui--color_background_contrast_secondary_alpha, #ffffff33);
 	--vkui--color_background_contrast_secondary_alpha--hover: var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24));
 	--vkui--color_background_contrast_secondary_alpha--active: var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28));
 	--vkui--color_background_contrast_inverse: var(--vkui--color_background_contrast_inverse, #000000);
@@ -349,7 +360,7 @@
 	--vkui--color_background_warning: var(--vkui--color_background_warning, #fff2d6);
 	--vkui--color_background_warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
 	--vkui--color_background_warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
-	--vkui--color_background_negative: var(--vkui--color_background_negative, #F65460);
+	--vkui--color_background_negative: var(--vkui--color_background_negative, #f65460);
 	--vkui--color_background_negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
 	--vkui--color_background_negative--active: var(--vkui--color_background_negative--active, #E24F5D);
 	--vkui--color_background_negative_tint: var(--vkui--color_background_negative_tint, #ffe9e9);
@@ -400,7 +411,7 @@
 	--vkui--color_text_positive: var(--vkui--color_text_positive, #34c759);
 	--vkui--color_text_positive--hover: var(--vkui--color_text_positive--hover, #32C058);
 	--vkui--color_text_positive--active: var(--vkui--color_text_positive--active, #30B857);
-	--vkui--color_text_negative: var(--vkui--color_text_negative, #F65460);
+	--vkui--color_text_negative: var(--vkui--color_text_negative, #f65460);
 	--vkui--color_text_negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
 	--vkui--color_text_negative--active: var(--vkui--color_text_negative--active, #E24F5D);
 	--vkui--color_text_link: var(--vkui--color_text_link, #2e90ff);
@@ -466,7 +477,7 @@
 	--vkui--color_icon_warning: var(--vkui--color_icon_warning, #ff6900);
 	--vkui--color_icon_warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
 	--vkui--color_icon_warning--active: var(--vkui--color_icon_warning--active, #EB6205);
-	--vkui--color_icon_negative: var(--vkui--color_icon_negative, #F65460);
+	--vkui--color_icon_negative: var(--vkui--color_icon_negative, #f65460);
 	--vkui--color_icon_negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
 	--vkui--color_icon_negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
 	--vkui--color_stroke_accent: var(--vkui--color_stroke_accent, #2e90ff);
@@ -493,7 +504,7 @@
 	--vkui--color_stroke_positive: var(--vkui--color_stroke_positive, #34c759);
 	--vkui--color_stroke_positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
 	--vkui--color_stroke_positive--active: var(--vkui--color_stroke_positive--active, #30B857);
-	--vkui--color_stroke_negative: var(--vkui--color_stroke_negative, #F65460);
+	--vkui--color_stroke_negative: var(--vkui--color_stroke_negative, #f65460);
 	--vkui--color_stroke_negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
 	--vkui--color_stroke_negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
 	--vkui--color_stroke_contrast: var(--vkui--color_stroke_contrast, #ffffff);
@@ -619,13 +630,13 @@
 	--vkui--color_tabbar_text_inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
 	--vkui--color_tabbar_text_inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
 	--vkui--color_tabbar_text_inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
-	--vkui--color_transparent: var(--vkui--color_transparent, #00000000);
-	--vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
-	--vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
+	--vkui--color_transparent: var(--vkui--color_transparent, transparent);
+	--vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
+	--vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
 	--vkui--color_background_inverse: var(--vkui--color_background_inverse, #262626);
 	--vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
 	--vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #232428);
-	--vkui--color_stroke_contrast_secondary_alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
+	--vkui--color_stroke_contrast_secondary_alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
 	--vkui--color_stroke_contrast_secondary_alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
 	--vkui--color_stroke_contrast_secondary_alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
 	--vkui--vkontakte_color_snippet_border_alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
@@ -874,6 +885,9 @@
 	--vkui--vkontakte_palette_black: var(--vkui--vkontakte_palette_black, #000000);
 	--vkui--vkontakte_palette_black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
 	--vkui--vkontakte_palette_black--active: var(--vkui--vkontakte_palette_black--active, #000105);
+	--vkui--color_text_tertiary_alpha: var(--vkui--color_text_tertiary_alpha, #3b3b3b66);
+	--vkui--color_text_tertiary_alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(59, 59, 59, 0.44));
+	--vkui--color_text_tertiary_alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(59, 59, 59, 0.48));
 }
 .vkui--font_display_title1--regular {
@@ -1160,6 +1174,22 @@
 	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 	font-weight: var(--vkui--font_body--font_weight--regular, var(--vkui--font_body--font_weight--regular, 520));
 }
+.vkui--font_text_bold--regular {
+	font-size: var(--vkui--font_text_bold--font_size--regular, 16px);
+	font-size: var(--vkui--font_text_bold--font_size--regular, var(--vkui--font_text_bold--font_size--regular, 16px));
+	line-height: var(--vkui--font_text_bold--line_height--regular, 18.5px);
+	line-height: var(--vkui--font_text_bold--line_height--regular, var(--vkui--font_text_bold--line_height--regular, 18.5px));
+	font-weight: var(--vkui--font_text_bold--font_weight--regular, 670);
+	font-weight: var(--vkui--font_text_bold--font_weight--regular, var(--vkui--font_text_bold--font_weight--regular, 670));
+}
+.vkui--font_footnote_bold--regular {
+	font-size: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
+	font-size: var(--vkui--font_footnote_bold--font_size--regular, var(--vkui--font_footnote_bold--font_size--regular, 13.5px));
+	line-height: var(--vkui--font_footnote_bold--line_height--regular, 15px);
+	line-height: var(--vkui--font_footnote_bold--line_height--regular, var(--vkui--font_footnote_bold--line_height--regular, 15px));
+	font-weight: var(--vkui--font_footnote_bold--font_weight--regular, 670);
+	font-weight: var(--vkui--font_footnote_bold--font_weight--regular, var(--vkui--font_footnote_bold--font_weight--regular, 670));
+}
 .vkui--font_headline--regular {
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);
 	font-size: var(--vkui--font_headline--font_size--regular, var(--vkui--font_headline--font_size--regular, 17px));

package/themes/legoAndroid/cssVars/theme/fallbacks/index.less CHANGED Viewed

@@ -5,7 +5,10 @@
 @elevation2: var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06));
 @elevation3: var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08));
 @elevation4: var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16));
+@blur-s: var(--vkui--blur_s, 8px);
 @blur-m: var(--vkui--blur_m, 16px);
+@blur-l: var(--vkui--blur_l, 48px);
+@blur-x-l: var(--vkui--blur_x_l, 96px);
 @font-family-fallbacks: var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 @font-family-accent: var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 @font-family-base: var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -202,7 +205,7 @@
 @color-background-contrast: var(--vkui--color_background_contrast, #ffffff);
 @color-background-contrast--hover: var(--vkui--color_background_contrast--hover, #F5F5F7);
 @color-background-contrast--active: var(--vkui--color_background_contrast--active, #EBECEF);
-@color-background-contrast-secondary-alpha: var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20));
+@color-background-contrast-secondary-alpha: var(--vkui--color_background_contrast_secondary_alpha, #ffffff33);
 @color-background-contrast-secondary-alpha--hover: var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24));
 @color-background-contrast-secondary-alpha--active: var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28));
 @color-background-contrast-inverse: var(--vkui--color_background_contrast_inverse, #000000);
@@ -226,7 +229,7 @@
 @color-background-warning: var(--vkui--color_background_warning, #fff2d6);
 @color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
 @color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
-@color-background-negative: var(--vkui--color_background_negative, #F65460);
+@color-background-negative: var(--vkui--color_background_negative, #f65460);
 @color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
 @color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
 @color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
@@ -277,7 +280,7 @@
 @color-text-positive: var(--vkui--color_text_positive, #34c759);
 @color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
 @color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
-@color-text-negative: var(--vkui--color_text_negative, #F65460);
+@color-text-negative: var(--vkui--color_text_negative, #f65460);
 @color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
 @color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
 @color-text-link: var(--vkui--color_text_link, #2e90ff);
@@ -343,7 +346,7 @@
 @color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
 @color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
 @color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
-@color-icon-negative: var(--vkui--color_icon_negative, #F65460);
+@color-icon-negative: var(--vkui--color_icon_negative, #f65460);
 @color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
 @color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
 @color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
@@ -370,7 +373,7 @@
 @color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
 @color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
 @color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
-@color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
+@color-stroke-negative: var(--vkui--color_stroke_negative, #f65460);
 @color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
 @color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
 @color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
@@ -496,13 +499,13 @@
 @color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
 @color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
 @color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
-@color-transparent: var(--vkui--color_transparent, #00000000);
-@color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
-@color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
+@color-transparent: var(--vkui--color_transparent, transparent);
+@color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
+@color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
 @color-background-inverse: var(--vkui--color_background_inverse, #262626);
 @color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
 @color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
-@color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
+@color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
 @color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
 @color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
 @vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
@@ -751,6 +754,9 @@
 @vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
 @vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
 @vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
+@color-text-tertiary-alpha: var(--vkui--color_text_tertiary_alpha, #3b3b3b66);
+@color-text-tertiary-alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(59, 59, 59, 0.44));
+@color-text-tertiary-alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(59, 59, 59, 0.48));
 .font-display-title1--regular {
@@ -923,6 +929,16 @@
 	line-height: var(--vkui--font_body--line_height--regular, 21px);
 	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }
+.font-text-bold--regular {
+	font-size: var(--vkui--font_text_bold--font_size--regular, 16px);
+	line-height: var(--vkui--font_text_bold--line_height--regular, 18.5px);
+	font-weight: var(--vkui--font_text_bold--font_weight--regular, 670);
+}
+.font-footnote-bold--regular {
+	font-size: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
+	line-height: var(--vkui--font_footnote_bold--line_height--regular, 15px);
+	font-weight: var(--vkui--font_footnote_bold--font_weight--regular, 670);
+}
 .font-headline--regular {
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);
 	line-height: var(--vkui--font_headline--line_height--regular, 20px);

package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss CHANGED Viewed

@@ -6,7 +6,10 @@
 	--elevation2: var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06));
 	--elevation3: var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08));
 	--elevation4: var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16));
+	--blur-s: var(--vkui--blur_s, 8px);
 	--blur-m: var(--vkui--blur_m, 16px);
+	--blur-l: var(--vkui--blur_l, 48px);
+	--blur-x-l: var(--vkui--blur_x_l, 96px);
 	--font-family-fallbacks: var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	--font-family-accent: var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	--font-family-base: var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -203,7 +206,7 @@
 	--color-background-contrast: var(--vkui--color_background_contrast, #ffffff);
 	--color-background-contrast--hover: var(--vkui--color_background_contrast--hover, #F5F5F7);
 	--color-background-contrast--active: var(--vkui--color_background_contrast--active, #EBECEF);
-	--color-background-contrast-secondary-alpha: var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20));
+	--color-background-contrast-secondary-alpha: var(--vkui--color_background_contrast_secondary_alpha, #ffffff33);
 	--color-background-contrast-secondary-alpha--hover: var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24));
 	--color-background-contrast-secondary-alpha--active: var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28));
 	--color-background-contrast-inverse: var(--vkui--color_background_contrast_inverse, #000000);
@@ -227,7 +230,7 @@
 	--color-background-warning: var(--vkui--color_background_warning, #fff2d6);
 	--color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
 	--color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
-	--color-background-negative: var(--vkui--color_background_negative, #F65460);
+	--color-background-negative: var(--vkui--color_background_negative, #f65460);
 	--color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
 	--color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
 	--color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
@@ -278,7 +281,7 @@
 	--color-text-positive: var(--vkui--color_text_positive, #34c759);
 	--color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
 	--color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
-	--color-text-negative: var(--vkui--color_text_negative, #F65460);
+	--color-text-negative: var(--vkui--color_text_negative, #f65460);
 	--color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
 	--color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
 	--color-text-link: var(--vkui--color_text_link, #2e90ff);
@@ -344,7 +347,7 @@
 	--color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
 	--color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
 	--color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
-	--color-icon-negative: var(--vkui--color_icon_negative, #F65460);
+	--color-icon-negative: var(--vkui--color_icon_negative, #f65460);
 	--color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
 	--color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
 	--color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
@@ -371,7 +374,7 @@
 	--color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
 	--color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
 	--color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
-	--color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
+	--color-stroke-negative: var(--vkui--color_stroke_negative, #f65460);
 	--color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
 	--color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
 	--color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
@@ -497,13 +500,13 @@
 	--color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
 	--color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
 	--color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
-	--color-transparent: var(--vkui--color_transparent, #00000000);
-	--color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
-	--color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
+	--color-transparent: var(--vkui--color_transparent, transparent);
+	--color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
+	--color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
 	--color-background-inverse: var(--vkui--color_background_inverse, #262626);
 	--color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
 	--color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
-	--color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
+	--color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
 	--color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
 	--color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
 	--vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
@@ -752,6 +755,9 @@
 	--vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
 	--vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
 	--vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
+	--color-text-tertiary-alpha: var(--vkui--color_text_tertiary_alpha, #3b3b3b66);
+	--color-text-tertiary-alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(59, 59, 59, 0.44));
+	--color-text-tertiary-alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(59, 59, 59, 0.48));
 }
 %font-display-title1--regular {
@@ -924,6 +930,16 @@
 	line-height: var(--vkui--font_body--line_height--regular, 21px);
 	font-weight: var(--vkui--font_body--font_weight--regular, 520);
 }
+%font-text-bold--regular {
+	font-size: var(--vkui--font_text_bold--font_size--regular, 16px);
+	line-height: var(--vkui--font_text_bold--line_height--regular, 18.5px);
+	font-weight: var(--vkui--font_text_bold--font_weight--regular, 670);
+}
+%font-footnote-bold--regular {
+	font-size: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
+	line-height: var(--vkui--font_footnote_bold--line_height--regular, 15px);
+	font-weight: var(--vkui--font_footnote_bold--font_weight--regular, 670);
+}
 %font-headline--regular {
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);
 	line-height: var(--vkui--font_headline--line_height--regular, 20px);

package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss CHANGED Viewed

@@ -5,7 +5,10 @@ $elevation1-invert-y: var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0,
 $elevation2: var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06));
 $elevation3: var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08));
 $elevation4: var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16));
+$blur-s: var(--vkui--blur_s, 8px);
 $blur-m: var(--vkui--blur_m, 16px);
+$blur-l: var(--vkui--blur_l, 48px);
+$blur-x-l: var(--vkui--blur_x_l, 96px);
 $font-family-fallbacks: var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 $font-family-accent: var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 $font-family-base: var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -202,7 +205,7 @@ $color-background-tertiary-alpha--active: var(--vkui--color_background_tertiary_
 $color-background-contrast: var(--vkui--color_background_contrast, #ffffff);
 $color-background-contrast--hover: var(--vkui--color_background_contrast--hover, #F5F5F7);
 $color-background-contrast--active: var(--vkui--color_background_contrast--active, #EBECEF);
-$color-background-contrast-secondary-alpha: var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20));
+$color-background-contrast-secondary-alpha: var(--vkui--color_background_contrast_secondary_alpha, #ffffff33);
 $color-background-contrast-secondary-alpha--hover: var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24));
 $color-background-contrast-secondary-alpha--active: var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28));
 $color-background-contrast-inverse: var(--vkui--color_background_contrast_inverse, #000000);
@@ -226,7 +229,7 @@ $color-background-positive-tint--active: var(--vkui--color_background_positive_t
 $color-background-warning: var(--vkui--color_background_warning, #fff2d6);
 $color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
 $color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
-$color-background-negative: var(--vkui--color_background_negative, #F65460);
+$color-background-negative: var(--vkui--color_background_negative, #f65460);
 $color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
 $color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
 $color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
@@ -277,7 +280,7 @@ $color-text-contrast-themed--active: var(--vkui--color_text_contrast_themed--act
 $color-text-positive: var(--vkui--color_text_positive, #34c759);
 $color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
 $color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
-$color-text-negative: var(--vkui--color_text_negative, #F65460);
+$color-text-negative: var(--vkui--color_text_negative, #f65460);
 $color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
 $color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
 $color-text-link: var(--vkui--color_text_link, #2e90ff);
@@ -343,7 +346,7 @@ $color-icon-positive--active: var(--vkui--color_icon_positive--active, #30B857);
 $color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
 $color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
 $color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
-$color-icon-negative: var(--vkui--color_icon_negative, #F65460);
+$color-icon-negative: var(--vkui--color_icon_negative, #f65460);
 $color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
 $color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
 $color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
@@ -370,7 +373,7 @@ $color-separator-secondary--active: var(--vkui--color_separator_secondary--activ
 $color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
 $color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
 $color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
-$color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
+$color-stroke-negative: var(--vkui--color_stroke_negative, #f65460);
 $color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
 $color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
 $color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
@@ -496,13 +499,13 @@ $color-segmented-control--active: var(--vkui--color_segmented_control--active, #
 $color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #99a2ad);
 $color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #939CA9);
 $color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #8D96A4);
-$color-transparent: var(--vkui--color_transparent, #00000000);
-$color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
-$color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
+$color-transparent: var(--vkui--color_transparent, transparent);
+$color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04));
+$color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08));
 $color-background-inverse: var(--vkui--color_background_inverse, #262626);
 $color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
 $color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
-$color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
+$color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
 $color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
 $color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
 $vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
@@ -751,6 +754,9 @@ $vkontakte-stories-skeleton-loader-background--active: var(--vkui--vkontakte_sto
 $vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
 $vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
 $vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
+$color-text-tertiary-alpha: var(--vkui--color_text_tertiary_alpha, #3b3b3b66);
+$color-text-tertiary-alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(59, 59, 59, 0.44));
+$color-text-tertiary-alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(59, 59, 59, 0.48));
 @mixin font-display-title1--regular() {
@@ -1136,6 +1142,28 @@ $font-body--regular--map: (
 	'fontWeight': "var(--vkui--font_body--font_weight--regular, 520)",
 	'fontVariationSettings.opticalSize': "var(--vkui--font_body--font_variation_settings--optical_size--regular, 22)",
 );
+@mixin font-text-bold--regular() {
+	font-size: var(--vkui--font_text_bold--font_size--regular, 16px);
+	line-height: var(--vkui--font_text_bold--line_height--regular, 18.5px);
+	font-weight: var(--vkui--font_text_bold--font_weight--regular, 670);
+}
+$font-text-bold--regular--map: (
+	'fontSize': "var(--vkui--font_text_bold--font_size--regular, 16px)",
+	'lineHeight': "var(--vkui--font_text_bold--line_height--regular, 18.5px)",
+	'fontWeight': "var(--vkui--font_text_bold--font_weight--regular, 670)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_text_bold--font_variation_settings--optical_size--regular, 21.8)",
+);
+@mixin font-footnote-bold--regular() {
+	font-size: var(--vkui--font_footnote_bold--font_size--regular, 13.5px);
+	line-height: var(--vkui--font_footnote_bold--line_height--regular, 15px);
+	font-weight: var(--vkui--font_footnote_bold--font_weight--regular, 670);
+}
+$font-footnote-bold--regular--map: (
+	'fontSize': "var(--vkui--font_footnote_bold--font_size--regular, 13.5px)",
+	'lineHeight': "var(--vkui--font_footnote_bold--line_height--regular, 15px)",
+	'fontWeight': "var(--vkui--font_footnote_bold--font_weight--regular, 670)",
+	'fontVariationSettings.opticalSize': "var(--vkui--font_footnote_bold--font_variation_settings--optical_size--regular, 20)",
+);
 @mixin font-headline--regular() {
 	font-size: var(--vkui--font_headline--font_size--regular, 17px);
 	line-height: var(--vkui--font_headline--line_height--regular, 20px);