@vkontakte/vkui-tokens 4.14.1 → 4.14.3

package/interfaces/themes/search/index.d.ts

@@ -14,17 +14,20 @@ export declare type SearchLocalElevations = {
     elevationButtons: Property.BoxShadow;
 };
 export declare type SearchLocalFonts = {
-    searchFontSearchTitle1: Adaptive<Font>;
+    searchFontSearchExtraHeadline: Adaptive<Font>;
     searchFontSearchTitle4: Adaptive<Font>;
     searchFontSearchTitle4Bold: Adaptive<Font>;
+    searchFontSearchHeadline2: Adaptive<Font>;
     searchFontSearchSubheadBold: Adaptive<Font>;
     searchFontSearchFootnoteBold: Adaptive<Font>;
     searchFontSearchFootnoteMailSans: Adaptive<Font>;
     searchFontSearchCaption1Bold: Adaptive<Font>;
     searchFontSearchCaption1MailSans: Adaptive<Font>;
     searchFontSearchCaption2MailSans: Adaptive<Font>;
-    searchFontSearchTextBold: Partial<Adaptive<Font>>;
-    searchFontSearchTextMailSans: Partial<Adaptive<Font>>;
+    searchFontSearchBigText: Adaptive<Font>;
+    searchFontSearchBigTextBold: Adaptive<Font>;
+    searchFontSearchTextBold: Adaptive<Font>;
+    searchFontSearchTextMailSans: Adaptive<Font>;
 };
 export interface LocalSearchColorsDescriptionStruct {
     searchColorTextLinkPositive: ColorDescription;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.14.1",
+  "version": "4.14.3",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "main": "utils/descriptions.js",
@@ -21,7 +21,8 @@
     "test:ci": "jest --coverage --verbose --reporters=\"jest-junit\" --reporters=\"default\"",
     "clear:src": "find src -name '*.d.ts' -delete &&  find src -name '*.js' -delete",
     "clear:dist": "find dist -regex '.*[^d]\\.ts' -delete",
-    "open:coverage": "open .coverage/index.html"
+    "open:coverage": "open .coverage/index.html",
+    "styleguide": "sh ./tasks/styleguide.sh"
   },
   "repository": "https://github.com/VKCOM/vkui-tokens.git",
   "dependencies": {

package/themeDescriptions/base/vk.d.ts

@@ -1,5 +1,11 @@
 import { ColorsDescription, ThemeDescription } from '../../interfaces/general';
+import { Elevation } from '../../interfaces/general/elevation';
+import { Gradients } from '../../interfaces/general/gradients';
 export declare const lightColors: ColorsDescription;
+export declare const lightGradient: Gradients;
+export declare const lightElevation: Elevation;
 export declare const darkColors: ColorsDescription;
+export declare const darkGradient: Gradients;
+export declare const darkElevation: Elevation;
 export declare const lightTheme: ThemeDescription;
 export declare const darkTheme: ThemeDescription;

package/themeDescriptions/base/vk.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkTheme = exports.lightTheme = exports.darkColors = exports.lightColors = void 0;
+exports.darkTheme = exports.lightTheme = exports.darkElevation = exports.darkGradient = exports.darkColors = exports.lightElevation = exports.lightGradient = exports.lightColors = void 0;
 var getGradientPointsFromColor_1 = require("../../build/helpers/getGradientPointsFromColor");
 var tokenHelpers_1 = require("../../build/helpers/tokenHelpers");
 var fontFamilyAccent = '"TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif';
@@ -131,6 +131,18 @@ exports.lightColors = {
         colorTransparent: 'transparent',
     },
 };
+exports.lightGradient = {
+    gradientBlack: getGradientPointsFromColor_1.getGradientPointsFromColor('#000000', 0.4),
+    gradientWhite: getGradientPointsFromColor_1.getGradientPointsFromColor('#FFFFFF'),
+    gradientTint: getGradientPointsFromColor_1.getGradientPointsFromColor(colorBackgroundTertiaryLight),
+};
+exports.lightElevation = {
+    elevation1: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)',
+    elevation1InvertY: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)',
+    elevation2: '0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)',
+    elevation3: '0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)',
+    elevation4: '0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)',
+};
 exports.darkColors = {
     colorsScheme: 'dark',
     colors: {
@@ -234,7 +246,20 @@ exports.darkColors = {
         colorTransparent: 'transparent',
     },
 };
-exports.lightTheme = __assign(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), { 
+exports.darkGradient = {
+    gradientBlack: getGradientPointsFromColor_1.getGradientPointsFromColor('#000000', 0.4),
+    gradientWhite: getGradientPointsFromColor_1.getGradientPointsFromColor('#FFFFFF'),
+    gradientTint: getGradientPointsFromColor_1.getGradientPointsFromColor(colorBackgroundTertiaryDark),
+};
+exports.darkElevation = {
+    // TODO: Тени (Поправить для Dark)
+    elevation1: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)',
+    elevation1InvertY: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)',
+    elevation2: '0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)',
+    elevation3: '0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)',
+    elevation4: '0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)',
+};
+exports.lightTheme = __assign(__assign(__assign(__assign({ themeName: 'vkBase', themeNameBase: 'vkBase' }, exports.lightColors), exports.lightGradient), exports.lightElevation), { 
     // Типографика
     fontFamilyAccent: fontFamilyAccent,
     fontFamilyBase: fontFamilyBase,
@@ -542,8 +567,6 @@ exports.lightTheme = __assign(__assign({ themeName: 'vkBase', themeNameBase: 'vk
     sizeSplitColPaddingHorizontal: {
         regular: 16,
     }, 
-    // Тени и другое
-    elevation1: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)', elevation1InvertY: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)', elevation2: '0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)', elevation3: '0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)', elevation4: '0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)', gradientBlack: getGradientPointsFromColor_1.getGradientPointsFromColor('#000000', 0.4), gradientWhite: getGradientPointsFromColor_1.getGradientPointsFromColor('#FFFFFF'), gradientTint: getGradientPointsFromColor_1.getGradientPointsFromColor(colorBackgroundTertiaryLight), animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', animationEasingDefault: 'cubic-bezier(0.3, 0.3, 0.5, 1)', opacityDisable: 0.4, opacityDisableAccessibility: 0.64 });
-exports.darkTheme = __assign(__assign(__assign({}, exports.lightTheme), exports.darkColors), { themeName: 'vkBaseDark', themeInheritsFrom: 'vkBase', colorsScheme: 'dark', 
-    // Тени и другое (Поправить для Dark)
-    elevation1: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)', elevation1InvertY: '0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)', elevation2: '0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)', elevation3: '0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)', elevation4: '0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)', gradientTint: getGradientPointsFromColor_1.getGradientPointsFromColor(colorBackgroundTertiaryDark) });
+    // Разное
+    animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', animationEasingDefault: 'cubic-bezier(0.3, 0.3, 0.5, 1)', opacityDisable: 0.4, opacityDisableAccessibility: 0.64 });
+exports.darkTheme = __assign(__assign(__assign(__assign(__assign({}, exports.lightTheme), exports.darkColors), exports.darkGradient), exports.darkElevation), { themeName: 'vkBaseDark', themeInheritsFrom: 'vkBase', colorsScheme: 'dark' });

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

@@ -280,10 +280,10 @@
 	--vkui--elevation1_hover: 0px 6px 16px rgba(0, 16, 61, 0.09);
 	--vkui--elevation2_hover: 0px 10px 24px rgba(0, 16, 61, 0.11);
 	--vkui--elevation_buttons: 0px 6px 20px rgba(0, 16, 61, 0.1);
-	--vkui--search_font_search_title1--font_size--regular: 24px;
-	--vkui--search_font_search_title1--line_height--regular: 28px;
-	--vkui--search_font_search_title1--font_weight--regular: 700;
-	--vkui--search_font_search_title1--font_family--regular: Arial, sans-serif;
+	--vkui--search_font_search_extra_headline--font_size--regular: 24px;
+	--vkui--search_font_search_extra_headline--line_height--regular: 28px;
+	--vkui--search_font_search_extra_headline--font_weight--regular: 700;
+	--vkui--search_font_search_extra_headline--font_family--regular: Arial, sans-serif;
 	--vkui--search_font_search_title4--font_size--regular: 18px;
 	--vkui--search_font_search_title4--line_height--regular: 24px;
 	--vkui--search_font_search_title4--font_weight--regular: 400;
@@ -292,6 +292,14 @@
 	--vkui--search_font_search_title4_bold--line_height--regular: 24px;
 	--vkui--search_font_search_title4_bold--font_weight--regular: 700;
 	--vkui--search_font_search_title4_bold--font_family--regular: Arial, sans-serif;
+	--vkui--search_font_search_headline2--font_size--regular: 15px;
+	--vkui--search_font_search_headline2--line_height--regular: 20px;
+	--vkui--search_font_search_headline2--font_weight--regular: 400;
+	--vkui--search_font_search_headline2--font_family--regular: Arial, sans-serif;
+	--vkui--search_font_search_headline2--font_size--compact: 14px;
+	--vkui--search_font_search_headline2--line_height--compact: 20px;
+	--vkui--search_font_search_headline2--font_weight--compact: 400;
+	--vkui--search_font_search_headline2--font_family--compact: Arial, sans-serif;
 	--vkui--search_font_search_subhead_bold--font_size--regular: 14px;
 	--vkui--search_font_search_subhead_bold--line_height--regular: 18px;
 	--vkui--search_font_search_subhead_bold--font_weight--regular: 700;
@@ -312,12 +320,42 @@
 	--vkui--search_font_search_caption1_mail_sans--line_height--regular: 16px;
 	--vkui--search_font_search_caption1_mail_sans--font_weight--regular: 400;
 	--vkui--search_font_search_caption1_mail_sans--font_family--regular: MailSans, Arial, sans-serif;
-	--vkui--search_font_search_caption2_mail_sans--font_size--regular: 12px;
-	--vkui--search_font_search_caption2_mail_sans--line_height--regular: 16px;
+	--vkui--search_font_search_caption2_mail_sans--font_size--regular: 11px;
+	--vkui--search_font_search_caption2_mail_sans--line_height--regular: 14px;
 	--vkui--search_font_search_caption2_mail_sans--font_weight--regular: 400;
 	--vkui--search_font_search_caption2_mail_sans--font_family--regular: MailSans, Arial, sans-serif;
-	--vkui--search_font_search_text_bold--compact: [object Object];
-	--vkui--search_font_search_text_mail_sans--compact: [object Object];
+	--vkui--search_font_search_big_text--font_size--regular: 16px;
+	--vkui--search_font_search_big_text--line_height--regular: 20px;
+	--vkui--search_font_search_big_text--font_family--regular: Helvetica, Arial, sans-serif;
+	--vkui--search_font_search_big_text--font_weight--regular: 400;
+	--vkui--search_font_search_big_text--font_size--compact: 16px;
+	--vkui--search_font_search_big_text--line_height--compact: 20px;
+	--vkui--search_font_search_big_text--font_family--compact: Arial, sans-serif;
+	--vkui--search_font_search_big_text--font_weight--compact: 400;
+	--vkui--search_font_search_big_text_bold--font_size--regular: 16px;
+	--vkui--search_font_search_big_text_bold--line_height--regular: 20px;
+	--vkui--search_font_search_big_text_bold--font_family--regular: Helvetica, Arial, sans-serif;
+	--vkui--search_font_search_big_text_bold--font_weight--regular: 400;
+	--vkui--search_font_search_big_text_bold--font_size--compact: 16px;
+	--vkui--search_font_search_big_text_bold--line_height--compact: 20px;
+	--vkui--search_font_search_big_text_bold--font_family--compact: Arial, sans-serif;
+	--vkui--search_font_search_big_text_bold--font_weight--compact: 700;
+	--vkui--search_font_search_text_bold--font_size--regular: 16px;
+	--vkui--search_font_search_text_bold--line_height--regular: 20px;
+	--vkui--search_font_search_text_bold--font_family--regular: Helvetica, Arial, sans-serif;
+	--vkui--search_font_search_text_bold--font_weight--regular: 400;
+	--vkui--search_font_search_text_bold--font_size--compact: 15px;
+	--vkui--search_font_search_text_bold--line_height--compact: 20px;
+	--vkui--search_font_search_text_bold--font_family--compact: Arial, sans-serif;
+	--vkui--search_font_search_text_bold--font_weight--compact: 700;
+	--vkui--search_font_search_text_mail_sans--font_size--regular: 16px;
+	--vkui--search_font_search_text_mail_sans--line_height--regular: 20px;
+	--vkui--search_font_search_text_mail_sans--font_family--regular: Helvetica, Arial, sans-serif;
+	--vkui--search_font_search_text_mail_sans--font_weight--regular: 400;
+	--vkui--search_font_search_text_mail_sans--font_size--compact: 15px;
+	--vkui--search_font_search_text_mail_sans--line_height--compact: 20px;
+	--vkui--search_font_search_text_mail_sans--font_family--compact: Arial, sans-serif;
+	--vkui--search_font_search_text_mail_sans--font_weight--compact: 400;
 	--vkui--font_headline--font_size--regular: 16px;
 	--vkui--font_headline--line_height--regular: 20px;
 	--vkui--font_headline--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
@@ -1019,21 +1057,21 @@
 	font-weight: 500;
 	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
 }
-.vkui--search_font_search_title1--regular {
+.vkui--search_font_search_extra_headline--regular {
 	font-size: 24px;
-	font-size: var(--vkui--search_font_search_title1--font_size--regular, 24px);
+	font-size: var(--vkui--search_font_search_extra_headline--font_size--regular, 24px);
 	line-height: 28px;
-	line-height: var(--vkui--search_font_search_title1--line_height--regular, 28px);
+	line-height: var(--vkui--search_font_search_extra_headline--line_height--regular, 28px);
 	font-weight: 700;
-	font-weight: var(--vkui--search_font_search_title1--font_weight--regular, 700);
+	font-weight: var(--vkui--search_font_search_extra_headline--font_weight--regular, 700);
 	font-family: Arial, sans-serif;
-	font-family: var(--vkui--search_font_search_title1--font_family--regular, Arial, sans-serif);
+	font-family: var(--vkui--search_font_search_extra_headline--font_family--regular, Arial, sans-serif);
 }
-.vkui--search_font_search_title1 {
-	font-size: var(--vkui--search_font_search_title1--font_size);
-	line-height: var(--vkui--search_font_search_title1--line_height);
-	font-weight: var(--vkui--search_font_search_title1--font_weight);
-	font-family: var(--vkui--search_font_search_title1--font_family);
+.vkui--search_font_search_extra_headline {
+	font-size: var(--vkui--search_font_search_extra_headline--font_size);
+	line-height: var(--vkui--search_font_search_extra_headline--line_height);
+	font-weight: var(--vkui--search_font_search_extra_headline--font_weight);
+	font-family: var(--vkui--search_font_search_extra_headline--font_family);
 }
 .vkui--search_font_search_title4--regular {
 	font-size: 18px;
@@ -1067,6 +1105,32 @@
 	font-weight: var(--vkui--search_font_search_title4_bold--font_weight);
 	font-family: var(--vkui--search_font_search_title4_bold--font_family);
 }
+.vkui--search_font_search_headline2--regular {
+	font-size: 15px;
+	font-size: var(--vkui--search_font_search_headline2--font_size--regular, 15px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_headline2--line_height--regular, 20px);
+	font-weight: 400;
+	font-weight: var(--vkui--search_font_search_headline2--font_weight--regular, 400);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_headline2--font_family--regular, Arial, sans-serif);
+}
+.vkui--search_font_search_headline2 {
+	font-size: var(--vkui--search_font_search_headline2--font_size);
+	line-height: var(--vkui--search_font_search_headline2--line_height);
+	font-weight: var(--vkui--search_font_search_headline2--font_weight);
+	font-family: var(--vkui--search_font_search_headline2--font_family);
+}
+.vkui--search_font_search_headline2--compact {
+	font-size: 14px;
+	font-size: var(--vkui--search_font_search_headline2--font_size--compact, 14px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_headline2--line_height--compact, 20px);
+	font-weight: 400;
+	font-weight: var(--vkui--search_font_search_headline2--font_weight--compact, 400);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_headline2--font_family--compact, Arial, sans-serif);
+}
 .vkui--search_font_search_subhead_bold--regular {
 	font-size: 14px;
 	font-size: var(--vkui--search_font_search_subhead_bold--font_size--regular, 14px);
@@ -1148,10 +1212,10 @@
 	font-family: var(--vkui--search_font_search_caption1_mail_sans--font_family);
 }
 .vkui--search_font_search_caption2_mail_sans--regular {
-	font-size: 12px;
-	font-size: var(--vkui--search_font_search_caption2_mail_sans--font_size--regular, 12px);
-	line-height: 16px;
-	line-height: var(--vkui--search_font_search_caption2_mail_sans--line_height--regular, 16px);
+	font-size: 11px;
+	font-size: var(--vkui--search_font_search_caption2_mail_sans--font_size--regular, 11px);
+	line-height: 14px;
+	line-height: var(--vkui--search_font_search_caption2_mail_sans--line_height--regular, 14px);
 	font-weight: 400;
 	font-weight: var(--vkui--search_font_search_caption2_mail_sans--font_weight--regular, 400);
 	font-family: MailSans, Arial, sans-serif;
@@ -1163,13 +1227,109 @@
 	font-weight: var(--vkui--search_font_search_caption2_mail_sans--font_weight);
 	font-family: var(--vkui--search_font_search_caption2_mail_sans--font_family);
 }
+.vkui--search_font_search_big_text--regular {
+	font-size: 16px;
+	font-size: var(--vkui--search_font_search_big_text--font_size--regular, 16px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_big_text--line_height--regular, 20px);
+	font-family: Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_big_text--font_family--regular, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--search_font_search_big_text--font_weight--regular, 400);
+}
+.vkui--search_font_search_big_text {
+	font-size: var(--vkui--search_font_search_big_text--font_size);
+	line-height: var(--vkui--search_font_search_big_text--line_height);
+	font-family: var(--vkui--search_font_search_big_text--font_family);
+	font-weight: var(--vkui--search_font_search_big_text--font_weight);
+}
+.vkui--search_font_search_big_text--compact {
+	font-size: 16px;
+	font-size: var(--vkui--search_font_search_big_text--font_size--compact, 16px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_big_text--line_height--compact, 20px);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_big_text--font_family--compact, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--search_font_search_big_text--font_weight--compact, 400);
+}
+.vkui--search_font_search_big_text_bold--regular {
+	font-size: 16px;
+	font-size: var(--vkui--search_font_search_big_text_bold--font_size--regular, 16px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_big_text_bold--line_height--regular, 20px);
+	font-family: Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_big_text_bold--font_family--regular, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--search_font_search_big_text_bold--font_weight--regular, 400);
+}
+.vkui--search_font_search_big_text_bold {
+	font-size: var(--vkui--search_font_search_big_text_bold--font_size);
+	line-height: var(--vkui--search_font_search_big_text_bold--line_height);
+	font-family: var(--vkui--search_font_search_big_text_bold--font_family);
+	font-weight: var(--vkui--search_font_search_big_text_bold--font_weight);
+}
+.vkui--search_font_search_big_text_bold--compact {
+	font-size: 16px;
+	font-size: var(--vkui--search_font_search_big_text_bold--font_size--compact, 16px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_big_text_bold--line_height--compact, 20px);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_big_text_bold--font_family--compact, Arial, sans-serif);
+	font-weight: 700;
+	font-weight: var(--vkui--search_font_search_big_text_bold--font_weight--compact, 700);
+}
+.vkui--search_font_search_text_bold--regular {
+	font-size: 16px;
+	font-size: var(--vkui--search_font_search_text_bold--font_size--regular, 16px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_text_bold--line_height--regular, 20px);
+	font-family: Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_text_bold--font_family--regular, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--search_font_search_text_bold--font_weight--regular, 400);
+}
 .vkui--search_font_search_text_bold {
-	compact: [object Object];
-	compact: var(--vkui--search_font_search_text_bold--compact, [object Object]);
+	font-size: var(--vkui--search_font_search_text_bold--font_size);
+	line-height: var(--vkui--search_font_search_text_bold--line_height);
+	font-family: var(--vkui--search_font_search_text_bold--font_family);
+	font-weight: var(--vkui--search_font_search_text_bold--font_weight);
+}
+.vkui--search_font_search_text_bold--compact {
+	font-size: 15px;
+	font-size: var(--vkui--search_font_search_text_bold--font_size--compact, 15px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_text_bold--line_height--compact, 20px);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_text_bold--font_family--compact, Arial, sans-serif);
+	font-weight: 700;
+	font-weight: var(--vkui--search_font_search_text_bold--font_weight--compact, 700);
+}
+.vkui--search_font_search_text_mail_sans--regular {
+	font-size: 16px;
+	font-size: var(--vkui--search_font_search_text_mail_sans--font_size--regular, 16px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_text_mail_sans--line_height--regular, 20px);
+	font-family: Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_text_mail_sans--font_family--regular, Helvetica, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular, 400);
 }
 .vkui--search_font_search_text_mail_sans {
-	compact: [object Object];
-	compact: var(--vkui--search_font_search_text_mail_sans--compact, [object Object]);
+	font-size: var(--vkui--search_font_search_text_mail_sans--font_size);
+	line-height: var(--vkui--search_font_search_text_mail_sans--line_height);
+	font-family: var(--vkui--search_font_search_text_mail_sans--font_family);
+	font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight);
+}
+.vkui--search_font_search_text_mail_sans--compact {
+	font-size: 15px;
+	font-size: var(--vkui--search_font_search_text_mail_sans--font_size--compact, 15px);
+	line-height: 20px;
+	line-height: var(--vkui--search_font_search_text_mail_sans--line_height--compact, 20px);
+	font-family: Arial, sans-serif;
+	font-family: var(--vkui--search_font_search_text_mail_sans--font_family--compact, Arial, sans-serif);
+	font-weight: 400;
+	font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact, 400);
 }
 .vkui--font_headline--regular {
 	font-size: 16px;
@@ -1395,10 +1555,10 @@
 	--vkui--size_illustration_m: 96px;
 	--vkui--size_illustration_l: 144px;
 	--vkui--size_illustration_x_x_l: 228px;
-	--vkui--search_font_search_title1--font_size: 24px;
-	--vkui--search_font_search_title1--line_height: 28px;
-	--vkui--search_font_search_title1--font_weight: 700;
-	--vkui--search_font_search_title1--font_family: Arial, sans-serif;
+	--vkui--search_font_search_extra_headline--font_size: 24px;
+	--vkui--search_font_search_extra_headline--line_height: 28px;
+	--vkui--search_font_search_extra_headline--font_weight: 700;
+	--vkui--search_font_search_extra_headline--font_family: Arial, sans-serif;
 	--vkui--search_font_search_title4--font_size: 18px;
 	--vkui--search_font_search_title4--line_height: 24px;
 	--vkui--search_font_search_title4--font_weight: 400;
@@ -1407,6 +1567,10 @@
 	--vkui--search_font_search_title4_bold--line_height: 24px;
 	--vkui--search_font_search_title4_bold--font_weight: 700;
 	--vkui--search_font_search_title4_bold--font_family: Arial, sans-serif;
+	--vkui--search_font_search_headline2--font_size: var(--vkui--search_font_search_headline2--font_size--regular);
+	--vkui--search_font_search_headline2--line_height: var(--vkui--search_font_search_headline2--line_height--regular);
+	--vkui--search_font_search_headline2--font_weight: var(--vkui--search_font_search_headline2--font_weight--regular);
+	--vkui--search_font_search_headline2--font_family: var(--vkui--search_font_search_headline2--font_family--regular);
 	--vkui--search_font_search_subhead_bold--font_size: 14px;
 	--vkui--search_font_search_subhead_bold--line_height: 18px;
 	--vkui--search_font_search_subhead_bold--font_weight: 700;
@@ -1427,10 +1591,26 @@
 	--vkui--search_font_search_caption1_mail_sans--line_height: 16px;
 	--vkui--search_font_search_caption1_mail_sans--font_weight: 400;
 	--vkui--search_font_search_caption1_mail_sans--font_family: MailSans, Arial, sans-serif;
-	--vkui--search_font_search_caption2_mail_sans--font_size: 12px;
-	--vkui--search_font_search_caption2_mail_sans--line_height: 16px;
+	--vkui--search_font_search_caption2_mail_sans--font_size: 11px;
+	--vkui--search_font_search_caption2_mail_sans--line_height: 14px;
 	--vkui--search_font_search_caption2_mail_sans--font_weight: 400;
 	--vkui--search_font_search_caption2_mail_sans--font_family: MailSans, Arial, sans-serif;
+	--vkui--search_font_search_big_text--font_size: var(--vkui--search_font_search_big_text--font_size--regular);
+	--vkui--search_font_search_big_text--line_height: var(--vkui--search_font_search_big_text--line_height--regular);
+	--vkui--search_font_search_big_text--font_family: var(--vkui--search_font_search_big_text--font_family--regular);
+	--vkui--search_font_search_big_text--font_weight: var(--vkui--search_font_search_big_text--font_weight--regular);
+	--vkui--search_font_search_big_text_bold--font_size: var(--vkui--search_font_search_big_text_bold--font_size--regular);
+	--vkui--search_font_search_big_text_bold--line_height: var(--vkui--search_font_search_big_text_bold--line_height--regular);
+	--vkui--search_font_search_big_text_bold--font_family: var(--vkui--search_font_search_big_text_bold--font_family--regular);
+	--vkui--search_font_search_big_text_bold--font_weight: var(--vkui--search_font_search_big_text_bold--font_weight--regular);
+	--vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
+	--vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
+	--vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
+	--vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
+	--vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
+	--vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
+	--vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
+	--vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
 	--vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
 	--vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
 	--vkui--font_headline--font_family: var(--vkui--font_headline--font_family--regular);
@@ -1471,14 +1651,26 @@
 --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--compact);
 --vkui--size_icon_margin: var(--vkui--size_icon_margin--compact);
 --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
---vkui--search_font_search_text_bold--compact--font_size: 15px;
---vkui--search_font_search_text_bold--compact--line_height: 20px;
---vkui--search_font_search_text_bold--compact--font_weight: 700;
---vkui--search_font_search_text_bold--compact--font_family: Arial, sans-serif;
---vkui--search_font_search_text_mail_sans--compact--font_size: 15px;
---vkui--search_font_search_text_mail_sans--compact--line_height: 20px;
---vkui--search_font_search_text_mail_sans--compact--font_weight: 400;
---vkui--search_font_search_text_mail_sans--compact--font_family: Arial, sans-serif;
+--vkui--search_font_search_headline2--font_size: var(--vkui--search_font_search_headline2--font_size--compact);
+--vkui--search_font_search_headline2--line_height: var(--vkui--search_font_search_headline2--line_height--compact);
+--vkui--search_font_search_headline2--font_weight: var(--vkui--search_font_search_headline2--font_weight--compact);
+--vkui--search_font_search_headline2--font_family: var(--vkui--search_font_search_headline2--font_family--compact);
+--vkui--search_font_search_big_text--font_size: var(--vkui--search_font_search_big_text--font_size--compact);
+--vkui--search_font_search_big_text--line_height: var(--vkui--search_font_search_big_text--line_height--compact);
+--vkui--search_font_search_big_text--font_weight: var(--vkui--search_font_search_big_text--font_weight--compact);
+--vkui--search_font_search_big_text--font_family: var(--vkui--search_font_search_big_text--font_family--compact);
+--vkui--search_font_search_big_text_bold--font_size: var(--vkui--search_font_search_big_text_bold--font_size--compact);
+--vkui--search_font_search_big_text_bold--line_height: var(--vkui--search_font_search_big_text_bold--line_height--compact);
+--vkui--search_font_search_big_text_bold--font_weight: var(--vkui--search_font_search_big_text_bold--font_weight--compact);
+--vkui--search_font_search_big_text_bold--font_family: var(--vkui--search_font_search_big_text_bold--font_family--compact);
+--vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--compact);
+--vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--compact);
+--vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--compact);
+--vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--compact);
+--vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--compact);
+--vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--compact);
+--vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact);
+--vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--compact);
 --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--compact);
 --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--compact);
 				}
@@ -1517,14 +1709,26 @@
 --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--compact);
 --vkui--size_icon_margin: var(--vkui--size_icon_margin--compact);
 --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
---vkui--search_font_search_text_bold--compact--font_size: 15px;
---vkui--search_font_search_text_bold--compact--line_height: 20px;
---vkui--search_font_search_text_bold--compact--font_weight: 700;
---vkui--search_font_search_text_bold--compact--font_family: Arial, sans-serif;
---vkui--search_font_search_text_mail_sans--compact--font_size: 15px;
---vkui--search_font_search_text_mail_sans--compact--line_height: 20px;
---vkui--search_font_search_text_mail_sans--compact--font_weight: 400;
---vkui--search_font_search_text_mail_sans--compact--font_family: Arial, sans-serif;
+--vkui--search_font_search_headline2--font_size: var(--vkui--search_font_search_headline2--font_size--compact);
+--vkui--search_font_search_headline2--line_height: var(--vkui--search_font_search_headline2--line_height--compact);
+--vkui--search_font_search_headline2--font_weight: var(--vkui--search_font_search_headline2--font_weight--compact);
+--vkui--search_font_search_headline2--font_family: var(--vkui--search_font_search_headline2--font_family--compact);
+--vkui--search_font_search_big_text--font_size: var(--vkui--search_font_search_big_text--font_size--compact);
+--vkui--search_font_search_big_text--line_height: var(--vkui--search_font_search_big_text--line_height--compact);
+--vkui--search_font_search_big_text--font_weight: var(--vkui--search_font_search_big_text--font_weight--compact);
+--vkui--search_font_search_big_text--font_family: var(--vkui--search_font_search_big_text--font_family--compact);
+--vkui--search_font_search_big_text_bold--font_size: var(--vkui--search_font_search_big_text_bold--font_size--compact);
+--vkui--search_font_search_big_text_bold--line_height: var(--vkui--search_font_search_big_text_bold--line_height--compact);
+--vkui--search_font_search_big_text_bold--font_weight: var(--vkui--search_font_search_big_text_bold--font_weight--compact);
+--vkui--search_font_search_big_text_bold--font_family: var(--vkui--search_font_search_big_text_bold--font_family--compact);
+--vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--compact);
+--vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--compact);
+--vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--compact);
+--vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--compact);
+--vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--compact);
+--vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--compact);
+--vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact);
+--vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--compact);
 --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--compact);
 --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--compact);
 			}
@@ -1563,6 +1767,26 @@
 --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
 --vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
 --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
+--vkui--search_font_search_headline2--font_size: var(--vkui--search_font_search_headline2--font_size--regular);
+--vkui--search_font_search_headline2--line_height: var(--vkui--search_font_search_headline2--line_height--regular);
+--vkui--search_font_search_headline2--font_weight: var(--vkui--search_font_search_headline2--font_weight--regular);
+--vkui--search_font_search_headline2--font_family: var(--vkui--search_font_search_headline2--font_family--regular);
+--vkui--search_font_search_big_text--font_size: var(--vkui--search_font_search_big_text--font_size--regular);
+--vkui--search_font_search_big_text--line_height: var(--vkui--search_font_search_big_text--line_height--regular);
+--vkui--search_font_search_big_text--font_weight: var(--vkui--search_font_search_big_text--font_weight--regular);
+--vkui--search_font_search_big_text--font_family: var(--vkui--search_font_search_big_text--font_family--regular);
+--vkui--search_font_search_big_text_bold--font_size: var(--vkui--search_font_search_big_text_bold--font_size--regular);
+--vkui--search_font_search_big_text_bold--line_height: var(--vkui--search_font_search_big_text_bold--line_height--regular);
+--vkui--search_font_search_big_text_bold--font_weight: var(--vkui--search_font_search_big_text_bold--font_weight--regular);
+--vkui--search_font_search_big_text_bold--font_family: var(--vkui--search_font_search_big_text_bold--font_family--regular);
+--vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
+--vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
+--vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
+--vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
+--vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
+--vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
+--vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
+--vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
 --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
 --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
 				}
@@ -1601,6 +1825,26 @@
 --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
 --vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
 --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
+--vkui--search_font_search_headline2--font_size: var(--vkui--search_font_search_headline2--font_size--regular);
+--vkui--search_font_search_headline2--line_height: var(--vkui--search_font_search_headline2--line_height--regular);
+--vkui--search_font_search_headline2--font_weight: var(--vkui--search_font_search_headline2--font_weight--regular);
+--vkui--search_font_search_headline2--font_family: var(--vkui--search_font_search_headline2--font_family--regular);
+--vkui--search_font_search_big_text--font_size: var(--vkui--search_font_search_big_text--font_size--regular);
+--vkui--search_font_search_big_text--line_height: var(--vkui--search_font_search_big_text--line_height--regular);
+--vkui--search_font_search_big_text--font_weight: var(--vkui--search_font_search_big_text--font_weight--regular);
+--vkui--search_font_search_big_text--font_family: var(--vkui--search_font_search_big_text--font_family--regular);
+--vkui--search_font_search_big_text_bold--font_size: var(--vkui--search_font_search_big_text_bold--font_size--regular);
+--vkui--search_font_search_big_text_bold--line_height: var(--vkui--search_font_search_big_text_bold--line_height--regular);
+--vkui--search_font_search_big_text_bold--font_weight: var(--vkui--search_font_search_big_text_bold--font_weight--regular);
+--vkui--search_font_search_big_text_bold--font_family: var(--vkui--search_font_search_big_text_bold--font_family--regular);
+--vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
+--vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
+--vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
+--vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
+--vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
+--vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
+--vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
+--vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
 --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
 --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
 			}