@vkontakte/vkui-tokens 4.43.2-dev-78ebf3.0 → 4.43.2-dev-b2ad94.0

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

@@ -91,32 +91,42 @@ type SocialColorsDescriptions = {
 };
 interface MediaUniqTokens {
     /**
-     * @desc Заголовок h1
+     * @desc Главный заголовок статьи или медиа-страницы
      * @tags font
      */
     mediaFontMediaTitle1: Adaptive<Font>;
     /**
-     * @desc Заголовок h2
+     * @desc Уменьшенная версия главного заголовка
+     * @tags font
+     */
+    mediaFontMediaTitle1Tiny: Adaptive<Font>;
+    /**
+     * @desc Заголовок 2 уровня
      * @tags font
      */
     mediaFontMediaTitle2: Adaptive<Font>;
     /**
-     * @desc Заголовок h3
+     * @desc Для 2 порядкового номера в нумерованном разделителе
+     * @tags font
+     */
+    mediaFontMediaTitle2Tiny: Adaptive<Font>;
+    /**
+     * @desc Заголовок 3 уровня
      * @tags font
      */
     mediaFontMediaTitle3: Adaptive<Font>;
     /**
-     * @desc Заголовок h4
+     * @desc Заголовок 4 уровня
      * @tags font
      */
     mediaFontMediaTitle4: Adaptive<Font>;
     /**
-     * @desc Заголовок h5
+     * @desc Заголовок 5 уровня
      * @tags font
      */
     mediaFontMediaTitle5: Adaptive<Font>;
     /**
-     * @desc Заголовок h6
+     * @desc Заголовок 6 уровня
      * @tags font
      */
     mediaFontMediaTitle6: Adaptive<Font>;
@@ -126,7 +136,7 @@ interface MediaUniqTokens {
      */
     mediaFontMediaLead: Adaptive<Font>;
     /**
-     * @desc Цитата или другой врез
+     * @desc Цитаты, врезы в статьях, акценты текста на медиа-страницах
      * @tags font
      */
     mediaFontMediaQuote: Adaptive<Font>;
@@ -136,27 +146,32 @@ interface MediaUniqTokens {
      */
     mediaFontMediaQuotePerson: Adaptive<Font>;
     /**
-     * @desc Параграф статьи
+     * @desc Основной параграф наборного текст в статье по умолчанию
      * @tags font
      */
     mediaFontMediaParagraph: Adaptive<Font>;
     /**
-     * @desc Второстепенный блок текста
+     * @desc Используется только для выделения нумирации списков в статьях, чтобы списки выглядели акцентными
+     * @tags font
+     */
+    mediaFontMediaParagraphNumbering: Adaptive<Font>;
+    /**
+     * @desc Второстепенный параграф наборным текстом в статье по умолчанию
      * @tags font
      */
     mediaFontMediaParagraphSecondary: Adaptive<Font>;
     /**
-     * @desc Второстепенный текст
+     * @desc Второстепенный не-наборный текст для поддержания визуальной иерархии
      * @tags font
      */
     mediaFontMediaTextSecondaryLight: Adaptive<Font>;
     /**
-     * @desc Подпись под блоком статьи
+     * @desc Подписи под изображениями, видео или другии блоками и врезами в статьях и на других медиа-страницах
      * @tags font
      */
     mediaFontMediaCaption: Adaptive<Font>;
     /**
-     * @desc Подпись под блоком статьи заглавными буквами
+     * @desc Бейджи и отбивки “Продолжение после рекламы”
      * @tags font
      */
     mediaFontMediaCaptionCaps: Adaptive<Font>;
@@ -165,6 +180,10 @@ interface MediaUniqTokens {
      * @tags font
      */
     fontFamilyArticle: Property.FontFamily;
+    fontWeightMedia1: Property.FontWeight;
+    fontWeightMedia2: Property.FontWeight;
+    fontWeightMedia3: Property.FontWeight;
+    fontWeightMedia4: Property.FontWeight;
     fontH1: Adaptive<Font>;
     fontH2: Adaptive<Font>;
     fontH3: Adaptive<Font>;

package/package.json

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

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

@@ -323,6 +323,10 @@
 	--vkui--type_border_position: inset;
 	--vkui--theme_name_base: 'media';
 	--vkui--font_family_article: Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_weight_media1: 700;
+	--vkui--font_weight_media2: 600;
+	--vkui--font_weight_media3: 500;
+	--vkui--font_weight_media4: 400;
 	--vkui--media_font_media_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_title1--font_weight--regular: 500;
 	--vkui--media_font_media_title1--font_size--regular: 30px;
@@ -333,6 +337,16 @@
 	--vkui--media_font_media_title1--font_size--compact: 48px;
 	--vkui--media_font_media_title1--line_height--compact: 56px;
 	--vkui--media_font_media_title1--letter_spacing--compact: -0.005em;
+	--vkui--media_font_media_title1_tiny--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title1_tiny--font_weight--regular: 500;
+	--vkui--media_font_media_title1_tiny--font_size--regular: 30px;
+	--vkui--media_font_media_title1_tiny--line_height--regular: 36px;
+	--vkui--media_font_media_title1_tiny--letter_spacing--regular: -0.005em;
+	--vkui--media_font_media_title1_tiny--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title1_tiny--font_weight--compact: 500;
+	--vkui--media_font_media_title1_tiny--font_size--compact: 40px;
+	--vkui--media_font_media_title1_tiny--line_height--compact: 48px;
+	--vkui--media_font_media_title1_tiny--letter_spacing--compact: -0.005em;
 	--vkui--media_font_media_title2--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_title2--font_weight--regular: 500;
 	--vkui--media_font_media_title2--font_size--regular: 28px;
@@ -343,6 +357,16 @@
 	--vkui--media_font_media_title2--font_size--compact: 36px;
 	--vkui--media_font_media_title2--line_height--compact: 44px;
 	--vkui--media_font_media_title2--letter_spacing--compact: -0.005em;
+	--vkui--media_font_media_title2_tiny--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title2_tiny--font_weight--regular: 500;
+	--vkui--media_font_media_title2_tiny--font_size--regular: 26px;
+	--vkui--media_font_media_title2_tiny--line_height--regular: 32px;
+	--vkui--media_font_media_title2_tiny--letter_spacing--regular: -0.005em;
+	--vkui--media_font_media_title2_tiny--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title2_tiny--font_weight--compact: 500;
+	--vkui--media_font_media_title2_tiny--font_size--compact: 32px;
+	--vkui--media_font_media_title2_tiny--line_height--compact: 40px;
+	--vkui--media_font_media_title2_tiny--letter_spacing--compact: -0.005em;
 	--vkui--media_font_media_title3--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_title3--font_weight--regular: 500;
 	--vkui--media_font_media_title3--font_size--regular: 26px;
@@ -426,6 +450,18 @@
 	--vkui--media_font_media_paragraph_secondary--font_weight--regular: 400;
 	--vkui--media_font_media_paragraph_secondary--font_size--regular: 16px;
 	--vkui--media_font_media_paragraph_secondary--line_height--regular: 24px;
+	--vkui--media_font_media_paragraph_numbering--font_family--regular: Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_paragraph_numbering--font_weight--regular: 700;
+	--vkui--media_font_media_paragraph_numbering--font_size--regular: 16px;
+	--vkui--media_font_media_paragraph_numbering--line_height--regular: 28px;
+	--vkui--media_font_media_paragraph_numbering--font_style--regular: italic;
+	--vkui--media_font_media_paragraph_numbering--letter_spacing--regular: 0.003em;
+	--vkui--media_font_media_paragraph_numbering--font_family--compact: Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_paragraph_numbering--font_weight--compact: 700;
+	--vkui--media_font_media_paragraph_numbering--font_size--compact: 18px;
+	--vkui--media_font_media_paragraph_numbering--line_height--compact: 32px;
+	--vkui--media_font_media_paragraph_numbering--font_style--compact: italic;
+	--vkui--media_font_media_paragraph_numbering--letter_spacing--compact: 0.003em;
 	--vkui--media_font_media_text_secondary_light--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_text_secondary_light--font_weight--regular: 400;
 	--vkui--media_font_media_text_secondary_light--font_size--regular: 15px;
@@ -1442,6 +1478,37 @@
 	letter-spacing: -0.005em;
 	letter-spacing: var(--vkui--media_font_media_title1--letter_spacing--compact, -0.005em);
 }
+.vkui--media_font_media_title1_tiny--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title1_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title1_tiny--font_weight--regular, 500);
+	font-size: 30px;
+	font-size: var(--vkui--media_font_media_title1_tiny--font_size--regular, 30px);
+	line-height: 36px;
+	line-height: var(--vkui--media_font_media_title1_tiny--line_height--regular, 36px);
+	letter-spacing: -0.005em;
+	letter-spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--regular, -0.005em);
+}
+.vkui--media_font_media_title1_tiny {
+	font-family: var(--vkui--media_font_media_title1_tiny--font_family);
+	font-weight: var(--vkui--media_font_media_title1_tiny--font_weight);
+	font-size: var(--vkui--media_font_media_title1_tiny--font_size);
+	line-height: var(--vkui--media_font_media_title1_tiny--line_height);
+	letter-spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing);
+}
+.vkui--media_font_media_title1_tiny--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title1_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title1_tiny--font_weight--compact, 500);
+	font-size: 40px;
+	font-size: var(--vkui--media_font_media_title1_tiny--font_size--compact, 40px);
+	line-height: 48px;
+	line-height: var(--vkui--media_font_media_title1_tiny--line_height--compact, 48px);
+	letter-spacing: -0.005em;
+	letter-spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--compact, -0.005em);
+}
 .vkui--media_font_media_title2--regular {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
@@ -1473,6 +1540,37 @@
 	letter-spacing: -0.005em;
 	letter-spacing: var(--vkui--media_font_media_title2--letter_spacing--compact, -0.005em);
 }
+.vkui--media_font_media_title2_tiny--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title2_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title2_tiny--font_weight--regular, 500);
+	font-size: 26px;
+	font-size: var(--vkui--media_font_media_title2_tiny--font_size--regular, 26px);
+	line-height: 32px;
+	line-height: var(--vkui--media_font_media_title2_tiny--line_height--regular, 32px);
+	letter-spacing: -0.005em;
+	letter-spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--regular, -0.005em);
+}
+.vkui--media_font_media_title2_tiny {
+	font-family: var(--vkui--media_font_media_title2_tiny--font_family);
+	font-weight: var(--vkui--media_font_media_title2_tiny--font_weight);
+	font-size: var(--vkui--media_font_media_title2_tiny--font_size);
+	line-height: var(--vkui--media_font_media_title2_tiny--line_height);
+	letter-spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing);
+}
+.vkui--media_font_media_title2_tiny--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title2_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title2_tiny--font_weight--compact, 500);
+	font-size: 32px;
+	font-size: var(--vkui--media_font_media_title2_tiny--font_size--compact, 32px);
+	line-height: 40px;
+	line-height: var(--vkui--media_font_media_title2_tiny--line_height--compact, 40px);
+	letter-spacing: -0.005em;
+	letter-spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--compact, -0.005em);
+}
 .vkui--media_font_media_title3--regular {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
@@ -1734,6 +1832,42 @@
 	font-size: var(--vkui--media_font_media_paragraph_secondary--font_size);
 	line-height: var(--vkui--media_font_media_paragraph_secondary--line_height);
 }
+.vkui--media_font_media_paragraph_numbering--regular {
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 700;
+	font-weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--regular, 700);
+	font-size: 16px;
+	font-size: var(--vkui--media_font_media_paragraph_numbering--font_size--regular, 16px);
+	line-height: 28px;
+	line-height: var(--vkui--media_font_media_paragraph_numbering--line_height--regular, 28px);
+	font-style: italic;
+	font-style: var(--vkui--media_font_media_paragraph_numbering--font_style--regular, italic);
+	letter-spacing: 0.003em;
+	letter-spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular, 0.003em);
+}
+.vkui--media_font_media_paragraph_numbering {
+	font-family: var(--vkui--media_font_media_paragraph_numbering--font_family);
+	font-weight: var(--vkui--media_font_media_paragraph_numbering--font_weight);
+	font-size: var(--vkui--media_font_media_paragraph_numbering--font_size);
+	line-height: var(--vkui--media_font_media_paragraph_numbering--line_height);
+	font-style: var(--vkui--media_font_media_paragraph_numbering--font_style);
+	letter-spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing);
+}
+.vkui--media_font_media_paragraph_numbering--compact {
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 700;
+	font-weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--compact, 700);
+	font-size: 18px;
+	font-size: var(--vkui--media_font_media_paragraph_numbering--font_size--compact, 18px);
+	line-height: 32px;
+	line-height: var(--vkui--media_font_media_paragraph_numbering--line_height--compact, 32px);
+	font-style: italic;
+	font-style: var(--vkui--media_font_media_paragraph_numbering--font_style--compact, italic);
+	letter-spacing: 0.003em;
+	letter-spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--compact, 0.003em);
+}
 .vkui--media_font_media_text_secondary_light--regular {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_text_secondary_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
@@ -2082,11 +2216,21 @@
 	--vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
 	--vkui--media_font_media_title1--line_height: var(--vkui--media_font_media_title1--line_height--regular);
 	--vkui--media_font_media_title1--letter_spacing: var(--vkui--media_font_media_title1--letter_spacing--regular);
+	--vkui--media_font_media_title1_tiny--font_family: var(--vkui--media_font_media_title1_tiny--font_family--regular);
+	--vkui--media_font_media_title1_tiny--font_weight: var(--vkui--media_font_media_title1_tiny--font_weight--regular);
+	--vkui--media_font_media_title1_tiny--font_size: var(--vkui--media_font_media_title1_tiny--font_size--regular);
+	--vkui--media_font_media_title1_tiny--line_height: var(--vkui--media_font_media_title1_tiny--line_height--regular);
+	--vkui--media_font_media_title1_tiny--letter_spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--regular);
 	--vkui--media_font_media_title2--font_family: var(--vkui--media_font_media_title2--font_family--regular);
 	--vkui--media_font_media_title2--font_weight: var(--vkui--media_font_media_title2--font_weight--regular);
 	--vkui--media_font_media_title2--font_size: var(--vkui--media_font_media_title2--font_size--regular);
 	--vkui--media_font_media_title2--line_height: var(--vkui--media_font_media_title2--line_height--regular);
 	--vkui--media_font_media_title2--letter_spacing: var(--vkui--media_font_media_title2--letter_spacing--regular);
+	--vkui--media_font_media_title2_tiny--font_family: var(--vkui--media_font_media_title2_tiny--font_family--regular);
+	--vkui--media_font_media_title2_tiny--font_weight: var(--vkui--media_font_media_title2_tiny--font_weight--regular);
+	--vkui--media_font_media_title2_tiny--font_size: var(--vkui--media_font_media_title2_tiny--font_size--regular);
+	--vkui--media_font_media_title2_tiny--line_height: var(--vkui--media_font_media_title2_tiny--line_height--regular);
+	--vkui--media_font_media_title2_tiny--letter_spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--regular);
 	--vkui--media_font_media_title3--font_family: var(--vkui--media_font_media_title3--font_family--regular);
 	--vkui--media_font_media_title3--font_weight: var(--vkui--media_font_media_title3--font_weight--regular);
 	--vkui--media_font_media_title3--font_size: var(--vkui--media_font_media_title3--font_size--regular);
@@ -2130,6 +2274,12 @@
 	--vkui--media_font_media_paragraph_secondary--font_weight: 400;
 	--vkui--media_font_media_paragraph_secondary--font_size: 16px;
 	--vkui--media_font_media_paragraph_secondary--line_height: 24px;
+	--vkui--media_font_media_paragraph_numbering--font_family: var(--vkui--media_font_media_paragraph_numbering--font_family--regular);
+	--vkui--media_font_media_paragraph_numbering--font_weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--regular);
+	--vkui--media_font_media_paragraph_numbering--font_size: var(--vkui--media_font_media_paragraph_numbering--font_size--regular);
+	--vkui--media_font_media_paragraph_numbering--line_height: var(--vkui--media_font_media_paragraph_numbering--line_height--regular);
+	--vkui--media_font_media_paragraph_numbering--font_style: var(--vkui--media_font_media_paragraph_numbering--font_style--regular);
+	--vkui--media_font_media_paragraph_numbering--letter_spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular);
 	--vkui--media_font_media_text_secondary_light--font_family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_text_secondary_light--font_weight: 400;
 	--vkui--media_font_media_text_secondary_light--font_size: 15px;
@@ -2269,11 +2419,21 @@
 --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--compact);
 --vkui--media_font_media_title1--line_height: var(--vkui--media_font_media_title1--line_height--compact);
 --vkui--media_font_media_title1--letter_spacing: var(--vkui--media_font_media_title1--letter_spacing--compact);
+--vkui--media_font_media_title1_tiny--font_family: var(--vkui--media_font_media_title1_tiny--font_family--compact);
+--vkui--media_font_media_title1_tiny--font_weight: var(--vkui--media_font_media_title1_tiny--font_weight--compact);
+--vkui--media_font_media_title1_tiny--font_size: var(--vkui--media_font_media_title1_tiny--font_size--compact);
+--vkui--media_font_media_title1_tiny--line_height: var(--vkui--media_font_media_title1_tiny--line_height--compact);
+--vkui--media_font_media_title1_tiny--letter_spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--compact);
 --vkui--media_font_media_title2--font_family: var(--vkui--media_font_media_title2--font_family--compact);
 --vkui--media_font_media_title2--font_weight: var(--vkui--media_font_media_title2--font_weight--compact);
 --vkui--media_font_media_title2--font_size: var(--vkui--media_font_media_title2--font_size--compact);
 --vkui--media_font_media_title2--line_height: var(--vkui--media_font_media_title2--line_height--compact);
 --vkui--media_font_media_title2--letter_spacing: var(--vkui--media_font_media_title2--letter_spacing--compact);
+--vkui--media_font_media_title2_tiny--font_family: var(--vkui--media_font_media_title2_tiny--font_family--compact);
+--vkui--media_font_media_title2_tiny--font_weight: var(--vkui--media_font_media_title2_tiny--font_weight--compact);
+--vkui--media_font_media_title2_tiny--font_size: var(--vkui--media_font_media_title2_tiny--font_size--compact);
+--vkui--media_font_media_title2_tiny--line_height: var(--vkui--media_font_media_title2_tiny--line_height--compact);
+--vkui--media_font_media_title2_tiny--letter_spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--compact);
 --vkui--media_font_media_title3--font_family: var(--vkui--media_font_media_title3--font_family--compact);
 --vkui--media_font_media_title3--font_weight: var(--vkui--media_font_media_title3--font_weight--compact);
 --vkui--media_font_media_title3--font_size: var(--vkui--media_font_media_title3--font_size--compact);
@@ -2314,6 +2474,12 @@
 --vkui--media_font_media_paragraph--font_size: var(--vkui--media_font_media_paragraph--font_size--compact);
 --vkui--media_font_media_paragraph--line_height: var(--vkui--media_font_media_paragraph--line_height--compact);
 --vkui--media_font_media_paragraph--letter_spacing: var(--vkui--media_font_media_paragraph--letter_spacing--compact);
+--vkui--media_font_media_paragraph_numbering--font_family: var(--vkui--media_font_media_paragraph_numbering--font_family--compact);
+--vkui--media_font_media_paragraph_numbering--font_weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--compact);
+--vkui--media_font_media_paragraph_numbering--font_size: var(--vkui--media_font_media_paragraph_numbering--font_size--compact);
+--vkui--media_font_media_paragraph_numbering--line_height: var(--vkui--media_font_media_paragraph_numbering--line_height--compact);
+--vkui--media_font_media_paragraph_numbering--font_style: var(--vkui--media_font_media_paragraph_numbering--font_style--compact);
+--vkui--media_font_media_paragraph_numbering--letter_spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--compact);
 --vkui--media_font_media_caption--font_weight: var(--vkui--media_font_media_caption--font_weight--compact);
 --vkui--media_font_media_caption--font_size: var(--vkui--media_font_media_caption--font_size--compact);
 --vkui--media_font_media_caption--line_height: var(--vkui--media_font_media_caption--line_height--compact);
@@ -2373,11 +2539,21 @@
 --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--compact);
 --vkui--media_font_media_title1--line_height: var(--vkui--media_font_media_title1--line_height--compact);
 --vkui--media_font_media_title1--letter_spacing: var(--vkui--media_font_media_title1--letter_spacing--compact);
+--vkui--media_font_media_title1_tiny--font_family: var(--vkui--media_font_media_title1_tiny--font_family--compact);
+--vkui--media_font_media_title1_tiny--font_weight: var(--vkui--media_font_media_title1_tiny--font_weight--compact);
+--vkui--media_font_media_title1_tiny--font_size: var(--vkui--media_font_media_title1_tiny--font_size--compact);
+--vkui--media_font_media_title1_tiny--line_height: var(--vkui--media_font_media_title1_tiny--line_height--compact);
+--vkui--media_font_media_title1_tiny--letter_spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--compact);
 --vkui--media_font_media_title2--font_family: var(--vkui--media_font_media_title2--font_family--compact);
 --vkui--media_font_media_title2--font_weight: var(--vkui--media_font_media_title2--font_weight--compact);
 --vkui--media_font_media_title2--font_size: var(--vkui--media_font_media_title2--font_size--compact);
 --vkui--media_font_media_title2--line_height: var(--vkui--media_font_media_title2--line_height--compact);
 --vkui--media_font_media_title2--letter_spacing: var(--vkui--media_font_media_title2--letter_spacing--compact);
+--vkui--media_font_media_title2_tiny--font_family: var(--vkui--media_font_media_title2_tiny--font_family--compact);
+--vkui--media_font_media_title2_tiny--font_weight: var(--vkui--media_font_media_title2_tiny--font_weight--compact);
+--vkui--media_font_media_title2_tiny--font_size: var(--vkui--media_font_media_title2_tiny--font_size--compact);
+--vkui--media_font_media_title2_tiny--line_height: var(--vkui--media_font_media_title2_tiny--line_height--compact);
+--vkui--media_font_media_title2_tiny--letter_spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--compact);
 --vkui--media_font_media_title3--font_family: var(--vkui--media_font_media_title3--font_family--compact);
 --vkui--media_font_media_title3--font_weight: var(--vkui--media_font_media_title3--font_weight--compact);
 --vkui--media_font_media_title3--font_size: var(--vkui--media_font_media_title3--font_size--compact);
@@ -2418,6 +2594,12 @@
 --vkui--media_font_media_paragraph--font_size: var(--vkui--media_font_media_paragraph--font_size--compact);
 --vkui--media_font_media_paragraph--line_height: var(--vkui--media_font_media_paragraph--line_height--compact);
 --vkui--media_font_media_paragraph--letter_spacing: var(--vkui--media_font_media_paragraph--letter_spacing--compact);
+--vkui--media_font_media_paragraph_numbering--font_family: var(--vkui--media_font_media_paragraph_numbering--font_family--compact);
+--vkui--media_font_media_paragraph_numbering--font_weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--compact);
+--vkui--media_font_media_paragraph_numbering--font_size: var(--vkui--media_font_media_paragraph_numbering--font_size--compact);
+--vkui--media_font_media_paragraph_numbering--line_height: var(--vkui--media_font_media_paragraph_numbering--line_height--compact);
+--vkui--media_font_media_paragraph_numbering--font_style: var(--vkui--media_font_media_paragraph_numbering--font_style--compact);
+--vkui--media_font_media_paragraph_numbering--letter_spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--compact);
 --vkui--media_font_media_caption--font_weight: var(--vkui--media_font_media_caption--font_weight--compact);
 --vkui--media_font_media_caption--font_size: var(--vkui--media_font_media_caption--font_size--compact);
 --vkui--media_font_media_caption--line_height: var(--vkui--media_font_media_caption--line_height--compact);
@@ -2502,11 +2684,21 @@
 --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
 --vkui--media_font_media_title1--line_height: var(--vkui--media_font_media_title1--line_height--regular);
 --vkui--media_font_media_title1--letter_spacing: var(--vkui--media_font_media_title1--letter_spacing--regular);
+--vkui--media_font_media_title1_tiny--font_family: var(--vkui--media_font_media_title1_tiny--font_family--regular);
+--vkui--media_font_media_title1_tiny--font_weight: var(--vkui--media_font_media_title1_tiny--font_weight--regular);
+--vkui--media_font_media_title1_tiny--font_size: var(--vkui--media_font_media_title1_tiny--font_size--regular);
+--vkui--media_font_media_title1_tiny--line_height: var(--vkui--media_font_media_title1_tiny--line_height--regular);
+--vkui--media_font_media_title1_tiny--letter_spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--regular);
 --vkui--media_font_media_title2--font_family: var(--vkui--media_font_media_title2--font_family--regular);
 --vkui--media_font_media_title2--font_weight: var(--vkui--media_font_media_title2--font_weight--regular);
 --vkui--media_font_media_title2--font_size: var(--vkui--media_font_media_title2--font_size--regular);
 --vkui--media_font_media_title2--line_height: var(--vkui--media_font_media_title2--line_height--regular);
 --vkui--media_font_media_title2--letter_spacing: var(--vkui--media_font_media_title2--letter_spacing--regular);
+--vkui--media_font_media_title2_tiny--font_family: var(--vkui--media_font_media_title2_tiny--font_family--regular);
+--vkui--media_font_media_title2_tiny--font_weight: var(--vkui--media_font_media_title2_tiny--font_weight--regular);
+--vkui--media_font_media_title2_tiny--font_size: var(--vkui--media_font_media_title2_tiny--font_size--regular);
+--vkui--media_font_media_title2_tiny--line_height: var(--vkui--media_font_media_title2_tiny--line_height--regular);
+--vkui--media_font_media_title2_tiny--letter_spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--regular);
 --vkui--media_font_media_title3--font_family: var(--vkui--media_font_media_title3--font_family--regular);
 --vkui--media_font_media_title3--font_weight: var(--vkui--media_font_media_title3--font_weight--regular);
 --vkui--media_font_media_title3--font_size: var(--vkui--media_font_media_title3--font_size--regular);
@@ -2547,6 +2739,12 @@
 --vkui--media_font_media_paragraph--font_size: var(--vkui--media_font_media_paragraph--font_size--regular);
 --vkui--media_font_media_paragraph--line_height: var(--vkui--media_font_media_paragraph--line_height--regular);
 --vkui--media_font_media_paragraph--letter_spacing: var(--vkui--media_font_media_paragraph--letter_spacing--regular);
+--vkui--media_font_media_paragraph_numbering--font_family: var(--vkui--media_font_media_paragraph_numbering--font_family--regular);
+--vkui--media_font_media_paragraph_numbering--font_weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--regular);
+--vkui--media_font_media_paragraph_numbering--font_size: var(--vkui--media_font_media_paragraph_numbering--font_size--regular);
+--vkui--media_font_media_paragraph_numbering--line_height: var(--vkui--media_font_media_paragraph_numbering--line_height--regular);
+--vkui--media_font_media_paragraph_numbering--font_style: var(--vkui--media_font_media_paragraph_numbering--font_style--regular);
+--vkui--media_font_media_paragraph_numbering--letter_spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular);
 --vkui--media_font_media_caption--font_weight: var(--vkui--media_font_media_caption--font_weight--regular);
 --vkui--media_font_media_caption--font_size: var(--vkui--media_font_media_caption--font_size--regular);
 --vkui--media_font_media_caption--line_height: var(--vkui--media_font_media_caption--line_height--regular);
@@ -2631,11 +2829,21 @@
 --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
 --vkui--media_font_media_title1--line_height: var(--vkui--media_font_media_title1--line_height--regular);
 --vkui--media_font_media_title1--letter_spacing: var(--vkui--media_font_media_title1--letter_spacing--regular);
+--vkui--media_font_media_title1_tiny--font_family: var(--vkui--media_font_media_title1_tiny--font_family--regular);
+--vkui--media_font_media_title1_tiny--font_weight: var(--vkui--media_font_media_title1_tiny--font_weight--regular);
+--vkui--media_font_media_title1_tiny--font_size: var(--vkui--media_font_media_title1_tiny--font_size--regular);
+--vkui--media_font_media_title1_tiny--line_height: var(--vkui--media_font_media_title1_tiny--line_height--regular);
+--vkui--media_font_media_title1_tiny--letter_spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--regular);
 --vkui--media_font_media_title2--font_family: var(--vkui--media_font_media_title2--font_family--regular);
 --vkui--media_font_media_title2--font_weight: var(--vkui--media_font_media_title2--font_weight--regular);
 --vkui--media_font_media_title2--font_size: var(--vkui--media_font_media_title2--font_size--regular);
 --vkui--media_font_media_title2--line_height: var(--vkui--media_font_media_title2--line_height--regular);
 --vkui--media_font_media_title2--letter_spacing: var(--vkui--media_font_media_title2--letter_spacing--regular);
+--vkui--media_font_media_title2_tiny--font_family: var(--vkui--media_font_media_title2_tiny--font_family--regular);
+--vkui--media_font_media_title2_tiny--font_weight: var(--vkui--media_font_media_title2_tiny--font_weight--regular);
+--vkui--media_font_media_title2_tiny--font_size: var(--vkui--media_font_media_title2_tiny--font_size--regular);
+--vkui--media_font_media_title2_tiny--line_height: var(--vkui--media_font_media_title2_tiny--line_height--regular);
+--vkui--media_font_media_title2_tiny--letter_spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--regular);
 --vkui--media_font_media_title3--font_family: var(--vkui--media_font_media_title3--font_family--regular);
 --vkui--media_font_media_title3--font_weight: var(--vkui--media_font_media_title3--font_weight--regular);
 --vkui--media_font_media_title3--font_size: var(--vkui--media_font_media_title3--font_size--regular);
@@ -2676,6 +2884,12 @@
 --vkui--media_font_media_paragraph--font_size: var(--vkui--media_font_media_paragraph--font_size--regular);
 --vkui--media_font_media_paragraph--line_height: var(--vkui--media_font_media_paragraph--line_height--regular);
 --vkui--media_font_media_paragraph--letter_spacing: var(--vkui--media_font_media_paragraph--letter_spacing--regular);
+--vkui--media_font_media_paragraph_numbering--font_family: var(--vkui--media_font_media_paragraph_numbering--font_family--regular);
+--vkui--media_font_media_paragraph_numbering--font_weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--regular);
+--vkui--media_font_media_paragraph_numbering--font_size: var(--vkui--media_font_media_paragraph_numbering--font_size--regular);
+--vkui--media_font_media_paragraph_numbering--line_height: var(--vkui--media_font_media_paragraph_numbering--line_height--regular);
+--vkui--media_font_media_paragraph_numbering--font_style: var(--vkui--media_font_media_paragraph_numbering--font_style--regular);
+--vkui--media_font_media_paragraph_numbering--letter_spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular);
 --vkui--media_font_media_caption--font_weight: var(--vkui--media_font_media_caption--font_weight--regular);
 --vkui--media_font_media_caption--font_size: var(--vkui--media_font_media_caption--font_size--regular);
 --vkui--media_font_media_caption--line_height: var(--vkui--media_font_media_caption--line_height--regular);

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

@@ -323,6 +323,10 @@
 	--vkui--type_border_position: inset;
 	--vkui--theme_name_base: 'media';
 	--vkui--font_family_article: Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_weight_media1: 700;
+	--vkui--font_weight_media2: 600;
+	--vkui--font_weight_media3: 500;
+	--vkui--font_weight_media4: 400;
 	--vkui--media_font_media_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_title1--font_weight--regular: 500;
 	--vkui--media_font_media_title1--font_size--regular: 30px;
@@ -333,6 +337,16 @@
 	--vkui--media_font_media_title1--font_size--compact: 48px;
 	--vkui--media_font_media_title1--line_height--compact: 56px;
 	--vkui--media_font_media_title1--letter_spacing--compact: -0.005em;
+	--vkui--media_font_media_title1_tiny--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title1_tiny--font_weight--regular: 500;
+	--vkui--media_font_media_title1_tiny--font_size--regular: 30px;
+	--vkui--media_font_media_title1_tiny--line_height--regular: 36px;
+	--vkui--media_font_media_title1_tiny--letter_spacing--regular: -0.005em;
+	--vkui--media_font_media_title1_tiny--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title1_tiny--font_weight--compact: 500;
+	--vkui--media_font_media_title1_tiny--font_size--compact: 40px;
+	--vkui--media_font_media_title1_tiny--line_height--compact: 48px;
+	--vkui--media_font_media_title1_tiny--letter_spacing--compact: -0.005em;
 	--vkui--media_font_media_title2--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_title2--font_weight--regular: 500;
 	--vkui--media_font_media_title2--font_size--regular: 28px;
@@ -343,6 +357,16 @@
 	--vkui--media_font_media_title2--font_size--compact: 36px;
 	--vkui--media_font_media_title2--line_height--compact: 44px;
 	--vkui--media_font_media_title2--letter_spacing--compact: -0.005em;
+	--vkui--media_font_media_title2_tiny--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title2_tiny--font_weight--regular: 500;
+	--vkui--media_font_media_title2_tiny--font_size--regular: 26px;
+	--vkui--media_font_media_title2_tiny--line_height--regular: 32px;
+	--vkui--media_font_media_title2_tiny--letter_spacing--regular: -0.005em;
+	--vkui--media_font_media_title2_tiny--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title2_tiny--font_weight--compact: 500;
+	--vkui--media_font_media_title2_tiny--font_size--compact: 32px;
+	--vkui--media_font_media_title2_tiny--line_height--compact: 40px;
+	--vkui--media_font_media_title2_tiny--letter_spacing--compact: -0.005em;
 	--vkui--media_font_media_title3--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_title3--font_weight--regular: 500;
 	--vkui--media_font_media_title3--font_size--regular: 26px;
@@ -426,6 +450,18 @@
 	--vkui--media_font_media_paragraph_secondary--font_weight--regular: 400;
 	--vkui--media_font_media_paragraph_secondary--font_size--regular: 16px;
 	--vkui--media_font_media_paragraph_secondary--line_height--regular: 24px;
+	--vkui--media_font_media_paragraph_numbering--font_family--regular: Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_paragraph_numbering--font_weight--regular: 700;
+	--vkui--media_font_media_paragraph_numbering--font_size--regular: 16px;
+	--vkui--media_font_media_paragraph_numbering--line_height--regular: 28px;
+	--vkui--media_font_media_paragraph_numbering--font_style--regular: italic;
+	--vkui--media_font_media_paragraph_numbering--letter_spacing--regular: 0.003em;
+	--vkui--media_font_media_paragraph_numbering--font_family--compact: Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_paragraph_numbering--font_weight--compact: 700;
+	--vkui--media_font_media_paragraph_numbering--font_size--compact: 18px;
+	--vkui--media_font_media_paragraph_numbering--line_height--compact: 32px;
+	--vkui--media_font_media_paragraph_numbering--font_style--compact: italic;
+	--vkui--media_font_media_paragraph_numbering--letter_spacing--compact: 0.003em;
 	--vkui--media_font_media_text_secondary_light--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
 	--vkui--media_font_media_text_secondary_light--font_weight--regular: 400;
 	--vkui--media_font_media_text_secondary_light--font_size--regular: 15px;
@@ -838,6 +874,30 @@
 	letter-spacing: -0.005em;
 	letter-spacing: var(--vkui--media_font_media_title1--letter_spacing--compact, -0.005em);
 }
+.vkui--media_font_media_title1_tiny--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title1_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title1_tiny--font_weight--regular, 500);
+	font-size: 30px;
+	font-size: var(--vkui--media_font_media_title1_tiny--font_size--regular, 30px);
+	line-height: 36px;
+	line-height: var(--vkui--media_font_media_title1_tiny--line_height--regular, 36px);
+	letter-spacing: -0.005em;
+	letter-spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--regular, -0.005em);
+}
+.vkui--media_font_media_title1_tiny--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title1_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title1_tiny--font_weight--compact, 500);
+	font-size: 40px;
+	font-size: var(--vkui--media_font_media_title1_tiny--font_size--compact, 40px);
+	line-height: 48px;
+	line-height: var(--vkui--media_font_media_title1_tiny--line_height--compact, 48px);
+	letter-spacing: -0.005em;
+	letter-spacing: var(--vkui--media_font_media_title1_tiny--letter_spacing--compact, -0.005em);
+}
 .vkui--media_font_media_title2--regular {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_title2--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
@@ -862,6 +922,30 @@
 	letter-spacing: -0.005em;
 	letter-spacing: var(--vkui--media_font_media_title2--letter_spacing--compact, -0.005em);
 }
+.vkui--media_font_media_title2_tiny--regular {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title2_tiny--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title2_tiny--font_weight--regular, 500);
+	font-size: 26px;
+	font-size: var(--vkui--media_font_media_title2_tiny--font_size--regular, 26px);
+	line-height: 32px;
+	line-height: var(--vkui--media_font_media_title2_tiny--line_height--regular, 32px);
+	letter-spacing: -0.005em;
+	letter-spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--regular, -0.005em);
+}
+.vkui--media_font_media_title2_tiny--compact {
+	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_title2_tiny--font_family--compact, MailSans, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 500;
+	font-weight: var(--vkui--media_font_media_title2_tiny--font_weight--compact, 500);
+	font-size: 32px;
+	font-size: var(--vkui--media_font_media_title2_tiny--font_size--compact, 32px);
+	line-height: 40px;
+	line-height: var(--vkui--media_font_media_title2_tiny--line_height--compact, 40px);
+	letter-spacing: -0.005em;
+	letter-spacing: var(--vkui--media_font_media_title2_tiny--letter_spacing--compact, -0.005em);
+}
 .vkui--media_font_media_title3--regular {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_title3--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);
@@ -1062,6 +1146,34 @@
 	line-height: 24px;
 	line-height: var(--vkui--media_font_media_paragraph_secondary--line_height--regular, 24px);
 }
+.vkui--media_font_media_paragraph_numbering--regular {
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 700;
+	font-weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--regular, 700);
+	font-size: 16px;
+	font-size: var(--vkui--media_font_media_paragraph_numbering--font_size--regular, 16px);
+	line-height: 28px;
+	line-height: var(--vkui--media_font_media_paragraph_numbering--line_height--regular, 28px);
+	font-style: italic;
+	font-style: var(--vkui--media_font_media_paragraph_numbering--font_style--regular, italic);
+	letter-spacing: 0.003em;
+	letter-spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--regular, 0.003em);
+}
+.vkui--media_font_media_paragraph_numbering--compact {
+	font-family: Inter, Helvetica, Arial, sans-serif;
+	font-family: var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Inter, Helvetica, Arial, sans-serif);
+	font-weight: 700;
+	font-weight: var(--vkui--media_font_media_paragraph_numbering--font_weight--compact, 700);
+	font-size: 18px;
+	font-size: var(--vkui--media_font_media_paragraph_numbering--font_size--compact, 18px);
+	line-height: 32px;
+	line-height: var(--vkui--media_font_media_paragraph_numbering--line_height--compact, 32px);
+	font-style: italic;
+	font-style: var(--vkui--media_font_media_paragraph_numbering--font_style--compact, italic);
+	letter-spacing: 0.003em;
+	letter-spacing: var(--vkui--media_font_media_paragraph_numbering--letter_spacing--compact, 0.003em);
+}
 .vkui--media_font_media_text_secondary_light--regular {
 	font-family: MailSans, Inter, Helvetica, Arial, sans-serif;
 	font-family: var(--vkui--media_font_media_text_secondary_light--font_family--regular, MailSans, Inter, Helvetica, Arial, sans-serif);