@vkontakte/vkui-tokens 4.50.0 → 4.50.1-dev-ec757f.0

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

@@ -0,0 +1,4 @@
+import { ThemeOctavius, ThemeOctaviusCssVars, ThemeOctaviusDescription } from '../octavius';
+export type ThemeOctaviusWhiteDark = ThemeOctavius;
+export type ThemeOctaviusWhiteDarkDescription = ThemeOctaviusDescription;
+export type ThemeOctaviusWhiteDarkCssVars = ThemeOctaviusCssVars;

package/interfaces/themes/octaviusWhiteDark/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-tokens",
-  "version": "4.50.0",
+  "version": "4.50.1-dev-ec757f.0",
   "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
   "license": "MIT",
   "homepage": "https://vkcom.github.io/vkui-tokens",

package/themeDescriptions/base/paradigm.js

@@ -17,7 +17,7 @@ var tokenHelpers_1 = require("../../build/helpers/tokenHelpers");
 var overlayColors_1 = require("../../build/themeProcessors/expandColors/overlayColors");
 var common_1 = require("../../utils/common");
 var fontFamilyFallbacks = 'Helvetica, Arial, sans-serif';
-var fontFamilyAccent = "MailSans, ".concat(fontFamilyFallbacks);
+var fontFamilyAccent = "VKSansDisplay, MailSans, ".concat(fontFamilyFallbacks);
 var fontFamilyBase = fontFamilyFallbacks;
 var fontWeightAccent1 = 500;
 var fontWeightAccent2 = 500;

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

@@ -11,23 +11,23 @@
 	--vkui--font_weight_base3: 400;
 	--vkui--font_display_title1--font_size--regular: 23px;
 	--vkui--font_display_title1--line_height--regular: 28px;
-	--vkui--font_display_title1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title1--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title1--font_weight--regular: 500;
 	--vkui--font_display_title2--font_size--regular: 21px;
 	--vkui--font_display_title2--line_height--regular: 26px;
-	--vkui--font_display_title2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title2--font_weight--regular: 500;
 	--vkui--font_display_title2--font_size--compact: 22px;
 	--vkui--font_display_title2--line_height--compact: 22px;
-	--vkui--font_display_title2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title2--font_family--compact: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title2--font_weight--compact: 500;
 	--vkui--font_display_title3--font_size--regular: 19px;
 	--vkui--font_display_title3--line_height--regular: 24px;
-	--vkui--font_display_title3--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title3--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title3--font_weight--regular: 500;
 	--vkui--font_display_title4--font_size--regular: 17px;
 	--vkui--font_display_title4--line_height--regular: 24px;
-	--vkui--font_display_title4--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title4--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title4--font_weight--regular: 500;
 	--vkui--font_title1--font_size--regular: 24px;
 	--vkui--font_title1--line_height--regular: 28px;
@@ -63,7 +63,7 @@
 	--vkui--font_headline1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_size--regular: 15px;
 	--vkui--font_headline2--line_height--regular: 20px;
-	--vkui--font_headline2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_weight--regular: 500;
 	--vkui--font_headline2--font_size--compact: 14px;
 	--vkui--font_headline2--line_height--compact: 20px;
@@ -300,19 +300,19 @@
 	--vkui--size_grid: 20px;
 	--vkui--font_h0--font_size--regular: 28px;
 	--vkui--font_h0--line_height--regular: 32px;
-	--vkui--font_h0--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h0--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h0--font_weight--regular: 500;
 	--vkui--font_h0--font_size--compact: 44px;
 	--vkui--font_h0--line_height--compact: 52px;
 	--vkui--font_h1--font_size--regular: 24px;
 	--vkui--font_h1--line_height--regular: 28px;
-	--vkui--font_h1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h1--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h1--font_weight--regular: 500;
 	--vkui--font_h1--font_size--compact: 32px;
 	--vkui--font_h1--line_height--compact: 36px;
 	--vkui--font_h2--font_size--regular: 20px;
 	--vkui--font_h2--line_height--regular: 26px;
-	--vkui--font_h2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h2--font_weight--regular: 500;
 	--vkui--font_h2--font_size--compact: 28px;
 	--vkui--font_h2--line_height--compact: 32px;
@@ -1166,8 +1166,8 @@
 	font-size: var(--vkui--font_display_title1--font_size--regular, 23px);
 	line-height: 28px;
 	line-height: var(--vkui--font_display_title1--line_height--regular, 28px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title1--font_weight--regular, 500);
 }
@@ -1182,8 +1182,8 @@
 	font-size: var(--vkui--font_display_title2--font_size--regular, 21px);
 	line-height: 26px;
 	line-height: var(--vkui--font_display_title2--line_height--regular, 26px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title2--font_weight--regular, 500);
 }
@@ -1198,8 +1198,8 @@
 	font-size: var(--vkui--font_display_title2--font_size--compact, 22px);
 	line-height: 22px;
 	line-height: var(--vkui--font_display_title2--line_height--compact, 22px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title2--font_weight--compact, 500);
 }
@@ -1208,8 +1208,8 @@
 	font-size: var(--vkui--font_display_title3--font_size--regular, 19px);
 	line-height: 24px;
 	line-height: var(--vkui--font_display_title3--line_height--regular, 24px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title3--font_weight--regular, 500);
 }
@@ -1224,8 +1224,8 @@
 	font-size: var(--vkui--font_display_title4--font_size--regular, 17px);
 	line-height: 24px;
 	line-height: var(--vkui--font_display_title4--line_height--regular, 24px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title4--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title4--font_weight--regular, 500);
 }
@@ -1344,8 +1344,8 @@
 	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline2--line_height--regular, 20px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
 }
@@ -1360,8 +1360,8 @@
 	font-size: var(--vkui--font_headline2--font_size--compact, 14px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline2--line_height--compact, 20px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
 }
@@ -1696,8 +1696,8 @@
 	font-size: var(--vkui--font_h0--font_size--regular, 28px);
 	line-height: 32px;
 	line-height: var(--vkui--font_h0--line_height--regular, 32px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
@@ -1712,8 +1712,8 @@
 	font-size: var(--vkui--font_h0--font_size--compact, 44px);
 	line-height: 52px;
 	line-height: var(--vkui--font_h0--line_height--compact, 52px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
@@ -1722,8 +1722,8 @@
 	font-size: var(--vkui--font_h1--font_size--regular, 24px);
 	line-height: 28px;
 	line-height: var(--vkui--font_h1--line_height--regular, 28px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
 }
@@ -1738,8 +1738,8 @@
 	font-size: var(--vkui--font_h1--font_size--compact, 32px);
 	line-height: 36px;
 	line-height: var(--vkui--font_h1--line_height--compact, 36px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
 }
@@ -1748,8 +1748,8 @@
 	font-size: var(--vkui--font_h2--font_size--regular, 20px);
 	line-height: 26px;
 	line-height: var(--vkui--font_h2--line_height--regular, 26px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
 }
@@ -1764,8 +1764,8 @@
 	font-size: var(--vkui--font_h2--font_size--compact, 28px);
 	line-height: 32px;
 	line-height: var(--vkui--font_h2--line_height--compact, 32px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
 }
@@ -1851,7 +1851,7 @@
 :root {
 	--vkui--font_display_title1--font_size: 23px;
 	--vkui--font_display_title1--line_height: 28px;
-	--vkui--font_display_title1--font_family: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title1--font_family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title1--font_weight: 500;
 	--vkui--font_display_title2--font_size: var(--vkui--font_display_title2--font_size--regular);
 	--vkui--font_display_title2--line_height: var(--vkui--font_display_title2--line_height--regular);
@@ -1859,11 +1859,11 @@
 	--vkui--font_display_title2--font_weight: var(--vkui--font_display_title2--font_weight--regular);
 	--vkui--font_display_title3--font_size: 19px;
 	--vkui--font_display_title3--line_height: 24px;
-	--vkui--font_display_title3--font_family: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title3--font_family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title3--font_weight: 500;
 	--vkui--font_display_title4--font_size: 17px;
 	--vkui--font_display_title4--line_height: 24px;
-	--vkui--font_display_title4--font_family: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title4--font_family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title4--font_weight: 500;
 	--vkui--font_title1--font_size: var(--vkui--font_title1--font_size--regular);
 	--vkui--font_title1--line_height: var(--vkui--font_title1--line_height--regular);

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

@@ -11,23 +11,23 @@
 	--vkui--font_weight_base3: 400;
 	--vkui--font_display_title1--font_size--regular: 23px;
 	--vkui--font_display_title1--line_height--regular: 28px;
-	--vkui--font_display_title1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title1--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title1--font_weight--regular: 500;
 	--vkui--font_display_title2--font_size--regular: 21px;
 	--vkui--font_display_title2--line_height--regular: 26px;
-	--vkui--font_display_title2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title2--font_weight--regular: 500;
 	--vkui--font_display_title2--font_size--compact: 22px;
 	--vkui--font_display_title2--line_height--compact: 22px;
-	--vkui--font_display_title2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title2--font_family--compact: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title2--font_weight--compact: 500;
 	--vkui--font_display_title3--font_size--regular: 19px;
 	--vkui--font_display_title3--line_height--regular: 24px;
-	--vkui--font_display_title3--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title3--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title3--font_weight--regular: 500;
 	--vkui--font_display_title4--font_size--regular: 17px;
 	--vkui--font_display_title4--line_height--regular: 24px;
-	--vkui--font_display_title4--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title4--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title4--font_weight--regular: 500;
 	--vkui--font_title1--font_size--regular: 24px;
 	--vkui--font_title1--line_height--regular: 28px;
@@ -63,7 +63,7 @@
 	--vkui--font_headline1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_size--regular: 15px;
 	--vkui--font_headline2--line_height--regular: 20px;
-	--vkui--font_headline2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_weight--regular: 500;
 	--vkui--font_headline2--font_size--compact: 14px;
 	--vkui--font_headline2--line_height--compact: 20px;
@@ -300,19 +300,19 @@
 	--vkui--size_grid: 20px;
 	--vkui--font_h0--font_size--regular: 28px;
 	--vkui--font_h0--line_height--regular: 32px;
-	--vkui--font_h0--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h0--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h0--font_weight--regular: 500;
 	--vkui--font_h0--font_size--compact: 44px;
 	--vkui--font_h0--line_height--compact: 52px;
 	--vkui--font_h1--font_size--regular: 24px;
 	--vkui--font_h1--line_height--regular: 28px;
-	--vkui--font_h1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h1--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h1--font_weight--regular: 500;
 	--vkui--font_h1--font_size--compact: 32px;
 	--vkui--font_h1--line_height--compact: 36px;
 	--vkui--font_h2--font_size--regular: 20px;
 	--vkui--font_h2--line_height--regular: 26px;
-	--vkui--font_h2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h2--font_weight--regular: 500;
 	--vkui--font_h2--font_size--compact: 28px;
 	--vkui--font_h2--line_height--compact: 32px;
@@ -421,8 +421,8 @@
 	font-size: var(--vkui--font_display_title1--font_size--regular, 23px);
 	line-height: 28px;
 	line-height: var(--vkui--font_display_title1--line_height--regular, 28px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title1--font_weight--regular, 500);
 }
@@ -431,8 +431,8 @@
 	font-size: var(--vkui--font_display_title2--font_size--regular, 21px);
 	line-height: 26px;
 	line-height: var(--vkui--font_display_title2--line_height--regular, 26px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title2--font_weight--regular, 500);
 }
@@ -441,8 +441,8 @@
 	font-size: var(--vkui--font_display_title2--font_size--compact, 22px);
 	line-height: 22px;
 	line-height: var(--vkui--font_display_title2--line_height--compact, 22px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title2--font_family--compact, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title2--font_weight--compact, 500);
 }
@@ -451,8 +451,8 @@
 	font-size: var(--vkui--font_display_title3--font_size--regular, 19px);
 	line-height: 24px;
 	line-height: var(--vkui--font_display_title3--line_height--regular, 24px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title3--font_weight--regular, 500);
 }
@@ -461,8 +461,8 @@
 	font-size: var(--vkui--font_display_title4--font_size--regular, 17px);
 	line-height: 24px;
 	line-height: var(--vkui--font_display_title4--line_height--regular, 24px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_display_title4--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_display_title4--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_display_title4--font_weight--regular, 500);
 }
@@ -551,8 +551,8 @@
 	font-size: var(--vkui--font_headline2--font_size--regular, 15px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline2--line_height--regular, 20px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
 }
@@ -561,8 +561,8 @@
 	font-size: var(--vkui--font_headline2--font_size--compact, 14px);
 	line-height: 20px;
 	line-height: var(--vkui--font_headline2--line_height--compact, 20px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_headline2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_headline2--font_weight--regular, 500);
 }
@@ -823,8 +823,8 @@
 	font-size: var(--vkui--font_h0--font_size--regular, 28px);
 	line-height: 32px;
 	line-height: var(--vkui--font_h0--line_height--regular, 32px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
@@ -833,8 +833,8 @@
 	font-size: var(--vkui--font_h0--font_size--compact, 44px);
 	line-height: 52px;
 	line-height: var(--vkui--font_h0--line_height--compact, 52px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h0--font_weight--regular, 500);
 }
@@ -843,8 +843,8 @@
 	font-size: var(--vkui--font_h1--font_size--regular, 24px);
 	line-height: 28px;
 	line-height: var(--vkui--font_h1--line_height--regular, 28px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
 }
@@ -853,8 +853,8 @@
 	font-size: var(--vkui--font_h1--font_size--compact, 32px);
 	line-height: 36px;
 	line-height: var(--vkui--font_h1--line_height--compact, 36px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h1--font_weight--regular, 500);
 }
@@ -863,8 +863,8 @@
 	font-size: var(--vkui--font_h2--font_size--regular, 20px);
 	line-height: 26px;
 	line-height: var(--vkui--font_h2--line_height--regular, 26px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
 }
@@ -873,8 +873,8 @@
 	font-size: var(--vkui--font_h2--font_size--compact, 28px);
 	line-height: 32px;
 	line-height: var(--vkui--font_h2--line_height--compact, 32px);
-	font-family: MailSans, Helvetica, Arial, sans-serif;
-	font-family: var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
+	font-family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif);
 	font-weight: 500;
 	font-weight: var(--vkui--font_h2--font_weight--regular, 500);
 }

package/themes/calendar/cssVars/declarations/onlyMedia.css

@@ -1,7 +1,7 @@
 :root {
 	--vkui--font_display_title1--font_size: 23px;
 	--vkui--font_display_title1--line_height: 28px;
-	--vkui--font_display_title1--font_family: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title1--font_family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title1--font_weight: 500;
 	--vkui--font_display_title2--font_size: var(--vkui--font_display_title2--font_size--regular);
 	--vkui--font_display_title2--line_height: var(--vkui--font_display_title2--line_height--regular);
@@ -9,11 +9,11 @@
 	--vkui--font_display_title2--font_weight: var(--vkui--font_display_title2--font_weight--regular);
 	--vkui--font_display_title3--font_size: 19px;
 	--vkui--font_display_title3--line_height: 24px;
-	--vkui--font_display_title3--font_family: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title3--font_family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title3--font_weight: 500;
 	--vkui--font_display_title4--font_size: 17px;
 	--vkui--font_display_title4--line_height: 24px;
-	--vkui--font_display_title4--font_family: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title4--font_family: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title4--font_weight: 500;
 	--vkui--font_title1--font_size: var(--vkui--font_title1--font_size--regular);
 	--vkui--font_title1--line_height: var(--vkui--font_title1--line_height--regular);

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

@@ -11,23 +11,23 @@
 	--vkui--font_weight_base3: 400;
 	--vkui--font_display_title1--font_size--regular: 23px;
 	--vkui--font_display_title1--line_height--regular: 28px;
-	--vkui--font_display_title1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title1--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title1--font_weight--regular: 500;
 	--vkui--font_display_title2--font_size--regular: 21px;
 	--vkui--font_display_title2--line_height--regular: 26px;
-	--vkui--font_display_title2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title2--font_weight--regular: 500;
 	--vkui--font_display_title2--font_size--compact: 22px;
 	--vkui--font_display_title2--line_height--compact: 22px;
-	--vkui--font_display_title2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title2--font_family--compact: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title2--font_weight--compact: 500;
 	--vkui--font_display_title3--font_size--regular: 19px;
 	--vkui--font_display_title3--line_height--regular: 24px;
-	--vkui--font_display_title3--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title3--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title3--font_weight--regular: 500;
 	--vkui--font_display_title4--font_size--regular: 17px;
 	--vkui--font_display_title4--line_height--regular: 24px;
-	--vkui--font_display_title4--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_display_title4--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_display_title4--font_weight--regular: 500;
 	--vkui--font_title1--font_size--regular: 24px;
 	--vkui--font_title1--line_height--regular: 28px;
@@ -63,7 +63,7 @@
 	--vkui--font_headline1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_size--regular: 15px;
 	--vkui--font_headline2--line_height--regular: 20px;
-	--vkui--font_headline2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_weight--regular: 500;
 	--vkui--font_headline2--font_size--compact: 14px;
 	--vkui--font_headline2--line_height--compact: 20px;
@@ -300,19 +300,19 @@
 	--vkui--size_grid: 20px;
 	--vkui--font_h0--font_size--regular: 28px;
 	--vkui--font_h0--line_height--regular: 32px;
-	--vkui--font_h0--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h0--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h0--font_weight--regular: 500;
 	--vkui--font_h0--font_size--compact: 44px;
 	--vkui--font_h0--line_height--compact: 52px;
 	--vkui--font_h1--font_size--regular: 24px;
 	--vkui--font_h1--line_height--regular: 28px;
-	--vkui--font_h1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h1--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h1--font_weight--regular: 500;
 	--vkui--font_h1--font_size--compact: 32px;
 	--vkui--font_h1--line_height--compact: 36px;
 	--vkui--font_h2--font_size--regular: 20px;
 	--vkui--font_h2--line_height--regular: 26px;
-	--vkui--font_h2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h2--font_family--regular: VKSansDisplay, MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_h2--font_weight--regular: 500;
 	--vkui--font_h2--font_size--compact: 28px;
 	--vkui--font_h2--line_height--compact: 32px;