@vkontakte/vkui-tokens 4.62.0 → 4.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/interfaces/themes/media/index.d.ts +5 -0
  2. package/package.json +1 -1
  3. package/themes/media/cssVars/declarations/index.css +103 -0
  4. package/themes/media/cssVars/declarations/noColors.css +51 -0
  5. package/themes/media/cssVars/declarations/onlyAdaptiveGroups.css +7 -0
  6. package/themes/media/cssVars/declarations/onlyMedia.css +45 -0
  7. package/themes/media/cssVars/declarations/onlyVariables.css +15 -0
  8. package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
  9. package/themes/media/cssVars/declarations/onlyVariablesLocal.css +15 -0
  10. package/themes/media/cssVars/declarations/onlyVariablesLocalIncremental.css +15 -0
  11. package/themes/media/cssVars/theme/fallbacks/index.css +51 -0
  12. package/themes/media/cssVars/theme/fallbacks/index.less +21 -0
  13. package/themes/media/cssVars/theme/fallbacks/index.pcss +21 -0
  14. package/themes/media/cssVars/theme/fallbacks/index.scss +63 -0
  15. package/themes/media/cssVars/theme/fallbacks/index.styl +21 -0
  16. package/themes/media/cssVars/theme/index.js +90 -0
  17. package/themes/media/cssVars/theme/index.json +90 -0
  18. package/themes/media/docs.json +11 -0
  19. package/themes/media/index.css +51 -0
  20. package/themes/media/index.js +23 -0
  21. package/themes/media/index.json +23 -0
  22. package/themes/media/index.less +21 -0
  23. package/themes/media/index.pcss +21 -0
  24. package/themes/media/index.scss +63 -0
  25. package/themes/media/index.styl +21 -0
  26. package/themes/media/struct.json +23 -0
  27. package/themes/mediaDark/cssVars/declarations/index.css +103 -0
  28. package/themes/mediaDark/cssVars/declarations/noColors.css +51 -0
  29. package/themes/mediaDark/cssVars/declarations/onlyAdaptiveGroups.css +7 -0
  30. package/themes/mediaDark/cssVars/declarations/onlyMedia.css +45 -0
  31. package/themes/mediaDark/cssVars/declarations/onlyVariables.css +15 -0
  32. package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
  33. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +15 -0
  34. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocalIncremental.css +15 -0
  35. package/themes/mediaDark/cssVars/theme/fallbacks/index.css +51 -0
  36. package/themes/mediaDark/cssVars/theme/fallbacks/index.less +21 -0
  37. package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +21 -0
  38. package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +63 -0
  39. package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +21 -0
  40. package/themes/mediaDark/cssVars/theme/index.js +90 -0
  41. package/themes/mediaDark/cssVars/theme/index.json +90 -0
  42. package/themes/mediaDark/docs.json +11 -0
  43. package/themes/mediaDark/index.css +51 -0
  44. package/themes/mediaDark/index.js +23 -0
  45. package/themes/mediaDark/index.json +23 -0
  46. package/themes/mediaDark/index.less +21 -0
  47. package/themes/mediaDark/index.pcss +21 -0
  48. package/themes/mediaDark/index.scss +63 -0
  49. package/themes/mediaDark/index.styl +21 -0
  50. package/themes/mediaDark/struct.json +23 -0
  51. package/themes/mycom/cssVars/declarations/index.css +103 -0
  52. package/themes/mycom/cssVars/declarations/noColors.css +51 -0
  53. package/themes/mycom/cssVars/declarations/noSizes.css +51 -0
  54. package/themes/mycom/cssVars/declarations/onlyAdaptiveGroups.css +7 -0
  55. package/themes/mycom/cssVars/declarations/onlyMedia.css +45 -0
  56. package/themes/mycom/cssVars/declarations/onlyVariables.css +15 -0
  57. package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
  58. package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +15 -0
  59. package/themes/mycom/cssVars/declarations/onlyVariablesLocalIncremental.css +15 -0
  60. package/themes/mycom/cssVars/theme/fallbacks/index.css +51 -0
  61. package/themes/mycom/cssVars/theme/fallbacks/index.less +21 -0
  62. package/themes/mycom/cssVars/theme/fallbacks/index.pcss +21 -0
  63. package/themes/mycom/cssVars/theme/fallbacks/index.scss +63 -0
  64. package/themes/mycom/cssVars/theme/fallbacks/index.styl +21 -0
  65. package/themes/mycom/cssVars/theme/index.js +90 -0
  66. package/themes/mycom/cssVars/theme/index.json +90 -0
  67. package/themes/mycom/docs.json +11 -0
  68. package/themes/mycom/index.css +51 -0
  69. package/themes/mycom/index.js +23 -0
  70. package/themes/mycom/index.json +23 -0
  71. package/themes/mycom/index.less +21 -0
  72. package/themes/mycom/index.pcss +21 -0
  73. package/themes/mycom/index.scss +63 -0
  74. package/themes/mycom/index.styl +21 -0
  75. package/themes/mycom/struct.json +23 -0
  76. package/themes/pharma/cssVars/declarations/index.css +103 -0
  77. package/themes/pharma/cssVars/declarations/noColors.css +51 -0
  78. package/themes/pharma/cssVars/declarations/noSizes.css +51 -0
  79. package/themes/pharma/cssVars/declarations/onlyAdaptiveGroups.css +7 -0
  80. package/themes/pharma/cssVars/declarations/onlyMedia.css +45 -0
  81. package/themes/pharma/cssVars/declarations/onlyVariables.css +15 -0
  82. package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
  83. package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +15 -0
  84. package/themes/pharma/cssVars/declarations/onlyVariablesLocalIncremental.css +15 -0
  85. package/themes/pharma/cssVars/theme/fallbacks/index.css +51 -0
  86. package/themes/pharma/cssVars/theme/fallbacks/index.less +21 -0
  87. package/themes/pharma/cssVars/theme/fallbacks/index.pcss +21 -0
  88. package/themes/pharma/cssVars/theme/fallbacks/index.scss +63 -0
  89. package/themes/pharma/cssVars/theme/fallbacks/index.styl +21 -0
  90. package/themes/pharma/cssVars/theme/index.js +90 -0
  91. package/themes/pharma/cssVars/theme/index.json +90 -0
  92. package/themes/pharma/docs.json +11 -0
  93. package/themes/pharma/index.css +51 -0
  94. package/themes/pharma/index.js +23 -0
  95. package/themes/pharma/index.json +23 -0
  96. package/themes/pharma/index.less +21 -0
  97. package/themes/pharma/index.pcss +21 -0
  98. package/themes/pharma/index.scss +63 -0
  99. package/themes/pharma/index.styl +21 -0
  100. package/themes/pharma/struct.json +23 -0
@@ -90,6 +90,11 @@ type SocialColorsDescriptions = {
90
90
  [key in keyof SocialColors]: ColorDescription;
91
91
  };
92
92
  interface MediaUniqTokens {
93
+ /**
94
+ * @desc Главный заголовок фитчера
95
+ * @tags font
96
+ */
97
+ mediaFontMediaFeatureTitle: Adaptive<Font>;
93
98
  /**
94
99
  * @desc Главный заголовок статьи или медиа-страницы
95
100
  * @tags font
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkontakte/vkui-tokens",
3
- "version": "4.62.0",
3
+ "version": "4.63.0",
4
4
  "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
5
5
  "license": "MIT",
6
6
  "homepage": "https://vkcom.github.io/vkui-tokens",
@@ -341,6 +341,21 @@
341
341
  --vkui--font_weight_media2: 600;
342
342
  --vkui--font_weight_media3: 500;
343
343
  --vkui--font_weight_media4: 400;
344
+ --vkui--media_font_media_feature_title--font_family--regular: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
345
+ --vkui--media_font_media_feature_title--font_weight--regular: 700;
346
+ --vkui--media_font_media_feature_title--font_size--regular: 20px;
347
+ --vkui--media_font_media_feature_title--line_height--regular: 26px;
348
+ --vkui--media_font_media_feature_title--letter_spacing--regular: -0.005em;
349
+ --vkui--media_font_media_feature_title--font_family--compact: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
350
+ --vkui--media_font_media_feature_title--font_weight--compact: 700;
351
+ --vkui--media_font_media_feature_title--font_size--compact: 32px;
352
+ --vkui--media_font_media_feature_title--line_height--compact: 40px;
353
+ --vkui--media_font_media_feature_title--letter_spacing--compact: -0.005em;
354
+ --vkui--media_font_media_feature_title--font_family--compact_x: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
355
+ --vkui--media_font_media_feature_title--font_weight--compact_x: 700;
356
+ --vkui--media_font_media_feature_title--font_size--compact_x: 28px;
357
+ --vkui--media_font_media_feature_title--line_height--compact_x: 36px;
358
+ --vkui--media_font_media_feature_title--letter_spacing--compact_x: -0.005em;
344
359
  --vkui--media_font_media_title1--font_family--regular: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
345
360
  --vkui--media_font_media_title1--font_weight--regular: 500;
346
361
  --vkui--media_font_media_title1--font_size--regular: 30px;
@@ -1510,6 +1525,49 @@
1510
1525
  font-weight: 500;
1511
1526
  font-weight: var(--vkui--font_h2--font_weight--compact, 500);
1512
1527
  }
1528
+ .vkui--media_font_media_feature_title--regular {
1529
+ font-family: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
1530
+ font-family: var(--vkui--media_font_media_feature_title--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif);
1531
+ font-weight: 700;
1532
+ font-weight: var(--vkui--media_font_media_feature_title--font_weight--regular, 700);
1533
+ font-size: 20px;
1534
+ font-size: var(--vkui--media_font_media_feature_title--font_size--regular, 20px);
1535
+ line-height: 26px;
1536
+ line-height: var(--vkui--media_font_media_feature_title--line_height--regular, 26px);
1537
+ letter-spacing: -0.005em;
1538
+ letter-spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular, -0.005em);
1539
+ }
1540
+ .vkui--media_font_media_feature_title {
1541
+ font-family: var(--vkui--media_font_media_feature_title--font_family);
1542
+ font-weight: var(--vkui--media_font_media_feature_title--font_weight);
1543
+ font-size: var(--vkui--media_font_media_feature_title--font_size);
1544
+ line-height: var(--vkui--media_font_media_feature_title--line_height);
1545
+ letter-spacing: var(--vkui--media_font_media_feature_title--letter_spacing);
1546
+ }
1547
+ .vkui--media_font_media_feature_title--compact {
1548
+ font-family: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
1549
+ font-family: var(--vkui--media_font_media_feature_title--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif);
1550
+ font-weight: 700;
1551
+ font-weight: var(--vkui--media_font_media_feature_title--font_weight--compact, 700);
1552
+ font-size: 32px;
1553
+ font-size: var(--vkui--media_font_media_feature_title--font_size--compact, 32px);
1554
+ line-height: 40px;
1555
+ line-height: var(--vkui--media_font_media_feature_title--line_height--compact, 40px);
1556
+ letter-spacing: -0.005em;
1557
+ letter-spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact, -0.005em);
1558
+ }
1559
+ .vkui--media_font_media_feature_title--compact-x {
1560
+ font-family: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
1561
+ font-family: var(--vkui--media_font_media_feature_title--font_family--compact_x, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif);
1562
+ font-weight: 700;
1563
+ font-weight: var(--vkui--media_font_media_feature_title--font_weight--compact_x, 700);
1564
+ font-size: 28px;
1565
+ font-size: var(--vkui--media_font_media_feature_title--font_size--compact_x, 28px);
1566
+ line-height: 36px;
1567
+ line-height: var(--vkui--media_font_media_feature_title--line_height--compact_x, 36px);
1568
+ letter-spacing: -0.005em;
1569
+ letter-spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact_x, -0.005em);
1570
+ }
1513
1571
  .vkui--media_font_media_title1--regular {
1514
1572
  font-family: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
1515
1573
  font-family: var(--vkui--media_font_media_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif);
@@ -2292,6 +2350,11 @@
2292
2350
  --vkui--size_illustration_m: 96px;
2293
2351
  --vkui--size_illustration_l: 144px;
2294
2352
  --vkui--size_illustration_x_x_l: 228px;
2353
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
2354
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
2355
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
2356
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
2357
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
2295
2358
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--regular);
2296
2359
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--regular);
2297
2360
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
@@ -2435,6 +2498,11 @@
2435
2498
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--compact_x);
2436
2499
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--compact_x);
2437
2500
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact_x);
2501
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--compact_x);
2502
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--compact_x);
2503
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--compact_x);
2504
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--compact_x);
2505
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact_x);
2438
2506
  --vkui--grid_wrapper_content: var(--vkui--grid_wrapper_content--compact_x);
2439
2507
  --vkui--grid_main_content: var(--vkui--grid_main_content--compact_x);
2440
2508
  --vkui--grid_main_content_wide: var(--vkui--grid_main_content_wide--compact_x);
@@ -2458,6 +2526,11 @@
2458
2526
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--compact_x);
2459
2527
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--compact_x);
2460
2528
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact_x);
2529
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--compact_x);
2530
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--compact_x);
2531
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--compact_x);
2532
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--compact_x);
2533
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact_x);
2461
2534
  --vkui--grid_wrapper_content: var(--vkui--grid_wrapper_content--compact_x);
2462
2535
  --vkui--grid_main_content: var(--vkui--grid_main_content--compact_x);
2463
2536
  --vkui--grid_main_content_wide: var(--vkui--grid_main_content_wide--compact_x);
@@ -2510,6 +2583,11 @@
2510
2583
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--compact);
2511
2584
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--compact);
2512
2585
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
2586
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--compact);
2587
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--compact);
2588
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--compact);
2589
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--compact);
2590
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact);
2513
2591
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--compact);
2514
2592
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--compact);
2515
2593
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--compact);
@@ -2637,6 +2715,11 @@
2637
2715
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--compact);
2638
2716
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--compact);
2639
2717
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
2718
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--compact);
2719
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--compact);
2720
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--compact);
2721
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--compact);
2722
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact);
2640
2723
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--compact);
2641
2724
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--compact);
2642
2725
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--compact);
@@ -2743,6 +2826,11 @@
2743
2826
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--regular);
2744
2827
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--regular);
2745
2828
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
2829
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
2830
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
2831
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
2832
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
2833
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
2746
2834
  --vkui--grid_wrapper_content: var(--vkui--grid_wrapper_content--regular);
2747
2835
  --vkui--grid_main_content: var(--vkui--grid_main_content--regular);
2748
2836
  --vkui--grid_main_content_wide: var(--vkui--grid_main_content_wide--regular);
@@ -2791,6 +2879,11 @@
2791
2879
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--regular);
2792
2880
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--regular);
2793
2881
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
2882
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
2883
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
2884
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
2885
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
2886
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
2794
2887
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--regular);
2795
2888
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--regular);
2796
2889
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
@@ -2897,6 +2990,11 @@
2897
2990
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--regular);
2898
2991
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--regular);
2899
2992
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
2993
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
2994
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
2995
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
2996
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
2997
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
2900
2998
  --vkui--grid_wrapper_content: var(--vkui--grid_wrapper_content--regular);
2901
2999
  --vkui--grid_main_content: var(--vkui--grid_main_content--regular);
2902
3000
  --vkui--grid_main_content_wide: var(--vkui--grid_main_content_wide--regular);
@@ -2945,6 +3043,11 @@
2945
3043
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--regular);
2946
3044
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--regular);
2947
3045
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
3046
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
3047
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
3048
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
3049
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
3050
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
2948
3051
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--regular);
2949
3052
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--regular);
2950
3053
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
@@ -341,6 +341,21 @@
341
341
  --vkui--font_weight_media2: 600;
342
342
  --vkui--font_weight_media3: 500;
343
343
  --vkui--font_weight_media4: 400;
344
+ --vkui--media_font_media_feature_title--font_family--regular: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
345
+ --vkui--media_font_media_feature_title--font_weight--regular: 700;
346
+ --vkui--media_font_media_feature_title--font_size--regular: 20px;
347
+ --vkui--media_font_media_feature_title--line_height--regular: 26px;
348
+ --vkui--media_font_media_feature_title--letter_spacing--regular: -0.005em;
349
+ --vkui--media_font_media_feature_title--font_family--compact: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
350
+ --vkui--media_font_media_feature_title--font_weight--compact: 700;
351
+ --vkui--media_font_media_feature_title--font_size--compact: 32px;
352
+ --vkui--media_font_media_feature_title--line_height--compact: 40px;
353
+ --vkui--media_font_media_feature_title--letter_spacing--compact: -0.005em;
354
+ --vkui--media_font_media_feature_title--font_family--compact_x: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
355
+ --vkui--media_font_media_feature_title--font_weight--compact_x: 700;
356
+ --vkui--media_font_media_feature_title--font_size--compact_x: 28px;
357
+ --vkui--media_font_media_feature_title--line_height--compact_x: 36px;
358
+ --vkui--media_font_media_feature_title--letter_spacing--compact_x: -0.005em;
344
359
  --vkui--media_font_media_title1--font_family--regular: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
345
360
  --vkui--media_font_media_title1--font_weight--regular: 500;
346
361
  --vkui--media_font_media_title1--font_size--regular: 30px;
@@ -874,6 +889,42 @@
874
889
  font-weight: 500;
875
890
  font-weight: var(--vkui--font_h2--font_weight--compact, 500);
876
891
  }
892
+ .vkui--media_font_media_feature_title--regular {
893
+ font-family: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
894
+ font-family: var(--vkui--media_font_media_feature_title--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif);
895
+ font-weight: 700;
896
+ font-weight: var(--vkui--media_font_media_feature_title--font_weight--regular, 700);
897
+ font-size: 20px;
898
+ font-size: var(--vkui--media_font_media_feature_title--font_size--regular, 20px);
899
+ line-height: 26px;
900
+ line-height: var(--vkui--media_font_media_feature_title--line_height--regular, 26px);
901
+ letter-spacing: -0.005em;
902
+ letter-spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular, -0.005em);
903
+ }
904
+ .vkui--media_font_media_feature_title--compact {
905
+ font-family: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
906
+ font-family: var(--vkui--media_font_media_feature_title--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif);
907
+ font-weight: 700;
908
+ font-weight: var(--vkui--media_font_media_feature_title--font_weight--compact, 700);
909
+ font-size: 32px;
910
+ font-size: var(--vkui--media_font_media_feature_title--font_size--compact, 32px);
911
+ line-height: 40px;
912
+ line-height: var(--vkui--media_font_media_feature_title--line_height--compact, 40px);
913
+ letter-spacing: -0.005em;
914
+ letter-spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact, -0.005em);
915
+ }
916
+ .vkui--media_font_media_feature_title--compact-x {
917
+ font-family: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
918
+ font-family: var(--vkui--media_font_media_feature_title--font_family--compact_x, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif);
919
+ font-weight: 700;
920
+ font-weight: var(--vkui--media_font_media_feature_title--font_weight--compact_x, 700);
921
+ font-size: 28px;
922
+ font-size: var(--vkui--media_font_media_feature_title--font_size--compact_x, 28px);
923
+ line-height: 36px;
924
+ line-height: var(--vkui--media_font_media_feature_title--line_height--compact_x, 36px);
925
+ letter-spacing: -0.005em;
926
+ letter-spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact_x, -0.005em);
927
+ }
877
928
  .vkui--media_font_media_title1--regular {
878
929
  font-family: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
879
930
  font-family: var(--vkui--media_font_media_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif);
@@ -144,6 +144,13 @@
144
144
  font-family: var(--vkui--font_h2--font_family);
145
145
  font-weight: var(--vkui--font_h2--font_weight);
146
146
  }
147
+ .vkui--media_font_media_feature_title {
148
+ font-family: var(--vkui--media_font_media_feature_title--font_family);
149
+ font-weight: var(--vkui--media_font_media_feature_title--font_weight);
150
+ font-size: var(--vkui--media_font_media_feature_title--font_size);
151
+ line-height: var(--vkui--media_font_media_feature_title--line_height);
152
+ letter-spacing: var(--vkui--media_font_media_feature_title--letter_spacing);
153
+ }
147
154
  .vkui--media_font_media_title1 {
148
155
  font-family: var(--vkui--media_font_media_title1--font_family);
149
156
  font-weight: var(--vkui--media_font_media_title1--font_weight);
@@ -221,6 +221,11 @@
221
221
  --vkui--size_illustration_m: 96px;
222
222
  --vkui--size_illustration_l: 144px;
223
223
  --vkui--size_illustration_x_x_l: 228px;
224
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
225
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
226
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
227
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
228
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
224
229
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--regular);
225
230
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--regular);
226
231
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
@@ -364,6 +369,11 @@
364
369
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--compact_x);
365
370
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--compact_x);
366
371
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact_x);
372
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--compact_x);
373
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--compact_x);
374
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--compact_x);
375
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--compact_x);
376
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact_x);
367
377
  --vkui--grid_wrapper_content: var(--vkui--grid_wrapper_content--compact_x);
368
378
  --vkui--grid_main_content: var(--vkui--grid_main_content--compact_x);
369
379
  --vkui--grid_main_content_wide: var(--vkui--grid_main_content_wide--compact_x);
@@ -387,6 +397,11 @@
387
397
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--compact_x);
388
398
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--compact_x);
389
399
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact_x);
400
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--compact_x);
401
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--compact_x);
402
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--compact_x);
403
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--compact_x);
404
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact_x);
390
405
  --vkui--grid_wrapper_content: var(--vkui--grid_wrapper_content--compact_x);
391
406
  --vkui--grid_main_content: var(--vkui--grid_main_content--compact_x);
392
407
  --vkui--grid_main_content_wide: var(--vkui--grid_main_content_wide--compact_x);
@@ -439,6 +454,11 @@
439
454
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--compact);
440
455
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--compact);
441
456
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
457
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--compact);
458
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--compact);
459
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--compact);
460
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--compact);
461
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact);
442
462
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--compact);
443
463
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--compact);
444
464
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--compact);
@@ -566,6 +586,11 @@
566
586
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--compact);
567
587
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--compact);
568
588
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
589
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--compact);
590
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--compact);
591
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--compact);
592
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--compact);
593
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--compact);
569
594
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--compact);
570
595
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--compact);
571
596
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--compact);
@@ -672,6 +697,11 @@
672
697
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--regular);
673
698
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--regular);
674
699
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
700
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
701
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
702
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
703
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
704
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
675
705
  --vkui--grid_wrapper_content: var(--vkui--grid_wrapper_content--regular);
676
706
  --vkui--grid_main_content: var(--vkui--grid_main_content--regular);
677
707
  --vkui--grid_main_content_wide: var(--vkui--grid_main_content_wide--regular);
@@ -720,6 +750,11 @@
720
750
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--regular);
721
751
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--regular);
722
752
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
753
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
754
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
755
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
756
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
757
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
723
758
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--regular);
724
759
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--regular);
725
760
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
@@ -826,6 +861,11 @@
826
861
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--regular);
827
862
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--regular);
828
863
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
864
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
865
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
866
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
867
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
868
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
829
869
  --vkui--grid_wrapper_content: var(--vkui--grid_wrapper_content--regular);
830
870
  --vkui--grid_main_content: var(--vkui--grid_main_content--regular);
831
871
  --vkui--grid_main_content_wide: var(--vkui--grid_main_content_wide--regular);
@@ -874,6 +914,11 @@
874
914
  --vkui--size_field_horizontal_margin: var(--vkui--size_field_horizontal_margin--regular);
875
915
  --vkui--size_tab_margin: var(--vkui--size_tab_margin--regular);
876
916
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
917
+ --vkui--media_font_media_feature_title--font_family: var(--vkui--media_font_media_feature_title--font_family--regular);
918
+ --vkui--media_font_media_feature_title--font_weight: var(--vkui--media_font_media_feature_title--font_weight--regular);
919
+ --vkui--media_font_media_feature_title--font_size: var(--vkui--media_font_media_feature_title--font_size--regular);
920
+ --vkui--media_font_media_feature_title--line_height: var(--vkui--media_font_media_feature_title--line_height--regular);
921
+ --vkui--media_font_media_feature_title--letter_spacing: var(--vkui--media_font_media_feature_title--letter_spacing--regular);
877
922
  --vkui--media_font_media_title1--font_family: var(--vkui--media_font_media_title1--font_family--regular);
878
923
  --vkui--media_font_media_title1--font_weight: var(--vkui--media_font_media_title1--font_weight--regular);
879
924
  --vkui--media_font_media_title1--font_size: var(--vkui--media_font_media_title1--font_size--regular);
@@ -341,6 +341,21 @@
341
341
  --vkui--font_weight_media2: 600;
342
342
  --vkui--font_weight_media3: 500;
343
343
  --vkui--font_weight_media4: 400;
344
+ --vkui--media_font_media_feature_title--font_family--regular: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
345
+ --vkui--media_font_media_feature_title--font_weight--regular: 700;
346
+ --vkui--media_font_media_feature_title--font_size--regular: 20px;
347
+ --vkui--media_font_media_feature_title--line_height--regular: 26px;
348
+ --vkui--media_font_media_feature_title--letter_spacing--regular: -0.005em;
349
+ --vkui--media_font_media_feature_title--font_family--compact: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
350
+ --vkui--media_font_media_feature_title--font_weight--compact: 700;
351
+ --vkui--media_font_media_feature_title--font_size--compact: 32px;
352
+ --vkui--media_font_media_feature_title--line_height--compact: 40px;
353
+ --vkui--media_font_media_feature_title--letter_spacing--compact: -0.005em;
354
+ --vkui--media_font_media_feature_title--font_family--compact_x: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
355
+ --vkui--media_font_media_feature_title--font_weight--compact_x: 700;
356
+ --vkui--media_font_media_feature_title--font_size--compact_x: 28px;
357
+ --vkui--media_font_media_feature_title--line_height--compact_x: 36px;
358
+ --vkui--media_font_media_feature_title--letter_spacing--compact_x: -0.005em;
344
359
  --vkui--media_font_media_title1--font_family--regular: VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif;
345
360
  --vkui--media_font_media_title1--font_weight--regular: 500;
346
361
  --vkui--media_font_media_title1--font_size--regular: 30px;