@vkontakte/vkui-tokens 4.14.2-dev-d486b9.0 → 4.14.2

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 (24) hide show
  1. package/interfaces/themes/search/index.d.ts +3 -3
  2. package/package.json +3 -2
  3. package/themes/search/cssVars/declarations/index.css +122 -40
  4. package/themes/search/cssVars/declarations/noColors.css +63 -17
  5. package/themes/search/cssVars/declarations/onlyAdaptiveGroups.css +13 -9
  6. package/themes/search/cssVars/declarations/onlyMedia.css +44 -20
  7. package/themes/search/cssVars/declarations/onlyVariables.css +20 -6
  8. package/themes/search/cssVars/declarations/onlyVariables.js +2 -2
  9. package/themes/search/cssVars/declarations/onlyVariablesLocal.css +20 -6
  10. package/themes/search/cssVars/declarations/onlyVariablesLocalIncremental.css +20 -6
  11. package/themes/search/cssVars/theme/fallbacks/index.css +67 -21
  12. package/themes/search/cssVars/theme/fallbacks/index.less +28 -10
  13. package/themes/search/cssVars/theme/fallbacks/index.pcss +28 -10
  14. package/themes/search/cssVars/theme/fallbacks/index.scss +67 -19
  15. package/themes/search/cssVars/theme/fallbacks/index.styl +28 -10
  16. package/themes/search/cssVars/theme/index.js +105 -33
  17. package/themes/search/cssVars/theme/index.json +105 -33
  18. package/themes/search/index.css +63 -17
  19. package/themes/search/index.js +13 -1
  20. package/themes/search/index.json +13 -1
  21. package/themes/search/index.less +23 -5
  22. package/themes/search/index.pcss +23 -5
  23. package/themes/search/index.scss +58 -10
  24. package/themes/search/index.styl +23 -5
package/interfaces/themes/search/index.d.ts CHANGED
@@ -14,7 +14,7 @@ export declare type SearchLocalElevations = {
14
14
  elevationButtons: Property.BoxShadow;
15
15
  };
16
16
  export declare type SearchLocalFonts = {
17
- searchFontSearchTitle1: Adaptive<Font>;
17
+ searchFontSearchExtraHeadline: Adaptive<Font>;
18
18
  searchFontSearchTitle4: Adaptive<Font>;
19
19
  searchFontSearchTitle4Bold: Adaptive<Font>;
20
20
  searchFontSearchSubheadBold: Adaptive<Font>;
@@ -23,8 +23,8 @@ export declare type SearchLocalFonts = {
23
23
  searchFontSearchCaption1Bold: Adaptive<Font>;
24
24
  searchFontSearchCaption1MailSans: Adaptive<Font>;
25
25
  searchFontSearchCaption2MailSans: Adaptive<Font>;
26
- searchFontSearchTextBold: Partial<Adaptive<Font>>;
27
- searchFontSearchTextMailSans: Partial<Adaptive<Font>>;
26
+ searchFontSearchTextBold: Adaptive<Font>;
27
+ searchFontSearchTextMailSans: Adaptive<Font>;
28
28
  };
29
29
  export interface LocalSearchColorsDescriptionStruct {
30
30
  searchColorTextLinkPositive: ColorDescription;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkontakte/vkui-tokens",
3
- "version": "4.14.2-dev-d486b9.0",
3
+ "version": "4.14.2",
4
4
  "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
5
5
  "license": "MIT",
6
6
  "main": "utils/descriptions.js",
@@ -21,7 +21,8 @@
21
21
  "test:ci": "jest --coverage --verbose --reporters=\"jest-junit\" --reporters=\"default\"",
22
22
  "clear:src": "find src -name '*.d.ts' -delete && find src -name '*.js' -delete",
23
23
  "clear:dist": "find dist -regex '.*[^d]\\.ts' -delete",
24
- "open:coverage": "open .coverage/index.html"
24
+ "open:coverage": "open .coverage/index.html",
25
+ "styleguide": "sh ./tasks/styleguide.sh"
25
26
  },
26
27
  "repository": "https://github.com/VKCOM/vkui-tokens.git",
27
28
  "dependencies": {
package/themes/search/cssVars/declarations/index.css CHANGED
@@ -280,10 +280,10 @@
280
280
  --vkui--elevation1_hover: 0px 6px 16px rgba(0, 16, 61, 0.09);
281
281
  --vkui--elevation2_hover: 0px 10px 24px rgba(0, 16, 61, 0.11);
282
282
  --vkui--elevation_buttons: 0px 6px 20px rgba(0, 16, 61, 0.1);
283
- --vkui--search_font_search_title1--font_size--regular: 24px;
284
- --vkui--search_font_search_title1--line_height--regular: 28px;
285
- --vkui--search_font_search_title1--font_weight--regular: 700;
286
- --vkui--search_font_search_title1--font_family--regular: Arial, sans-serif;
283
+ --vkui--search_font_search_extra_headline--font_size--regular: 24px;
284
+ --vkui--search_font_search_extra_headline--line_height--regular: 28px;
285
+ --vkui--search_font_search_extra_headline--font_weight--regular: 700;
286
+ --vkui--search_font_search_extra_headline--font_family--regular: Arial, sans-serif;
287
287
  --vkui--search_font_search_title4--font_size--regular: 18px;
288
288
  --vkui--search_font_search_title4--line_height--regular: 24px;
289
289
  --vkui--search_font_search_title4--font_weight--regular: 400;
@@ -316,8 +316,22 @@
316
316
  --vkui--search_font_search_caption2_mail_sans--line_height--regular: 16px;
317
317
  --vkui--search_font_search_caption2_mail_sans--font_weight--regular: 400;
318
318
  --vkui--search_font_search_caption2_mail_sans--font_family--regular: MailSans, Arial, sans-serif;
319
- --vkui--search_font_search_text_bold--compact: [object Object];
320
- --vkui--search_font_search_text_mail_sans--compact: [object Object];
319
+ --vkui--search_font_search_text_bold--font_size--regular: 16px;
320
+ --vkui--search_font_search_text_bold--line_height--regular: 20px;
321
+ --vkui--search_font_search_text_bold--font_family--regular: Helvetica, Arial, sans-serif;
322
+ --vkui--search_font_search_text_bold--font_weight--regular: 400;
323
+ --vkui--search_font_search_text_bold--font_size--compact: 15px;
324
+ --vkui--search_font_search_text_bold--line_height--compact: 20px;
325
+ --vkui--search_font_search_text_bold--font_family--compact: Arial, sans-serif;
326
+ --vkui--search_font_search_text_bold--font_weight--compact: 700;
327
+ --vkui--search_font_search_text_mail_sans--font_size--regular: 16px;
328
+ --vkui--search_font_search_text_mail_sans--line_height--regular: 20px;
329
+ --vkui--search_font_search_text_mail_sans--font_family--regular: Helvetica, Arial, sans-serif;
330
+ --vkui--search_font_search_text_mail_sans--font_weight--regular: 400;
331
+ --vkui--search_font_search_text_mail_sans--font_size--compact: 15px;
332
+ --vkui--search_font_search_text_mail_sans--line_height--compact: 20px;
333
+ --vkui--search_font_search_text_mail_sans--font_family--compact: Arial, sans-serif;
334
+ --vkui--search_font_search_text_mail_sans--font_weight--compact: 400;
321
335
  --vkui--font_headline--font_size--regular: 16px;
322
336
  --vkui--font_headline--line_height--regular: 20px;
323
337
  --vkui--font_headline--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
@@ -1019,21 +1033,21 @@
1019
1033
  font-weight: 500;
1020
1034
  font-weight: var(--vkui--font_h2--font_weight--regular, 500);
1021
1035
  }
1022
- .vkui--search_font_search_title1--regular {
1036
+ .vkui--search_font_search_extra_headline--regular {
1023
1037
  font-size: 24px;
1024
- font-size: var(--vkui--search_font_search_title1--font_size--regular, 24px);
1038
+ font-size: var(--vkui--search_font_search_extra_headline--font_size--regular, 24px);
1025
1039
  line-height: 28px;
1026
- line-height: var(--vkui--search_font_search_title1--line_height--regular, 28px);
1040
+ line-height: var(--vkui--search_font_search_extra_headline--line_height--regular, 28px);
1027
1041
  font-weight: 700;
1028
- font-weight: var(--vkui--search_font_search_title1--font_weight--regular, 700);
1042
+ font-weight: var(--vkui--search_font_search_extra_headline--font_weight--regular, 700);
1029
1043
  font-family: Arial, sans-serif;
1030
- font-family: var(--vkui--search_font_search_title1--font_family--regular, Arial, sans-serif);
1044
+ font-family: var(--vkui--search_font_search_extra_headline--font_family--regular, Arial, sans-serif);
1031
1045
  }
1032
- .vkui--search_font_search_title1 {
1033
- font-size: var(--vkui--search_font_search_title1--font_size);
1034
- line-height: var(--vkui--search_font_search_title1--line_height);
1035
- font-weight: var(--vkui--search_font_search_title1--font_weight);
1036
- font-family: var(--vkui--search_font_search_title1--font_family);
1046
+ .vkui--search_font_search_extra_headline {
1047
+ font-size: var(--vkui--search_font_search_extra_headline--font_size);
1048
+ line-height: var(--vkui--search_font_search_extra_headline--line_height);
1049
+ font-weight: var(--vkui--search_font_search_extra_headline--font_weight);
1050
+ font-family: var(--vkui--search_font_search_extra_headline--font_family);
1037
1051
  }
1038
1052
  .vkui--search_font_search_title4--regular {
1039
1053
  font-size: 18px;
@@ -1163,13 +1177,57 @@
1163
1177
  font-weight: var(--vkui--search_font_search_caption2_mail_sans--font_weight);
1164
1178
  font-family: var(--vkui--search_font_search_caption2_mail_sans--font_family);
1165
1179
  }
1180
+ .vkui--search_font_search_text_bold--regular {
1181
+ font-size: 16px;
1182
+ font-size: var(--vkui--search_font_search_text_bold--font_size--regular, 16px);
1183
+ line-height: 20px;
1184
+ line-height: var(--vkui--search_font_search_text_bold--line_height--regular, 20px);
1185
+ font-family: Helvetica, Arial, sans-serif;
1186
+ font-family: var(--vkui--search_font_search_text_bold--font_family--regular, Helvetica, Arial, sans-serif);
1187
+ font-weight: 400;
1188
+ font-weight: var(--vkui--search_font_search_text_bold--font_weight--regular, 400);
1189
+ }
1166
1190
  .vkui--search_font_search_text_bold {
1167
- compact: [object Object];
1168
- compact: var(--vkui--search_font_search_text_bold--compact, [object Object]);
1191
+ font-size: var(--vkui--search_font_search_text_bold--font_size);
1192
+ line-height: var(--vkui--search_font_search_text_bold--line_height);
1193
+ font-family: var(--vkui--search_font_search_text_bold--font_family);
1194
+ font-weight: var(--vkui--search_font_search_text_bold--font_weight);
1195
+ }
1196
+ .vkui--search_font_search_text_bold--compact {
1197
+ font-size: 15px;
1198
+ font-size: var(--vkui--search_font_search_text_bold--font_size--compact, 15px);
1199
+ line-height: 20px;
1200
+ line-height: var(--vkui--search_font_search_text_bold--line_height--compact, 20px);
1201
+ font-family: Arial, sans-serif;
1202
+ font-family: var(--vkui--search_font_search_text_bold--font_family--compact, Arial, sans-serif);
1203
+ font-weight: 700;
1204
+ font-weight: var(--vkui--search_font_search_text_bold--font_weight--compact, 700);
1205
+ }
1206
+ .vkui--search_font_search_text_mail_sans--regular {
1207
+ font-size: 16px;
1208
+ font-size: var(--vkui--search_font_search_text_mail_sans--font_size--regular, 16px);
1209
+ line-height: 20px;
1210
+ line-height: var(--vkui--search_font_search_text_mail_sans--line_height--regular, 20px);
1211
+ font-family: Helvetica, Arial, sans-serif;
1212
+ font-family: var(--vkui--search_font_search_text_mail_sans--font_family--regular, Helvetica, Arial, sans-serif);
1213
+ font-weight: 400;
1214
+ font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular, 400);
1169
1215
  }
1170
1216
  .vkui--search_font_search_text_mail_sans {
1171
- compact: [object Object];
1172
- compact: var(--vkui--search_font_search_text_mail_sans--compact, [object Object]);
1217
+ font-size: var(--vkui--search_font_search_text_mail_sans--font_size);
1218
+ line-height: var(--vkui--search_font_search_text_mail_sans--line_height);
1219
+ font-family: var(--vkui--search_font_search_text_mail_sans--font_family);
1220
+ font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight);
1221
+ }
1222
+ .vkui--search_font_search_text_mail_sans--compact {
1223
+ font-size: 15px;
1224
+ font-size: var(--vkui--search_font_search_text_mail_sans--font_size--compact, 15px);
1225
+ line-height: 20px;
1226
+ line-height: var(--vkui--search_font_search_text_mail_sans--line_height--compact, 20px);
1227
+ font-family: Arial, sans-serif;
1228
+ font-family: var(--vkui--search_font_search_text_mail_sans--font_family--compact, Arial, sans-serif);
1229
+ font-weight: 400;
1230
+ font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact, 400);
1173
1231
  }
1174
1232
  .vkui--font_headline--regular {
1175
1233
  font-size: 16px;
@@ -1395,10 +1453,10 @@
1395
1453
  --vkui--size_illustration_m: 96px;
1396
1454
  --vkui--size_illustration_l: 144px;
1397
1455
  --vkui--size_illustration_x_x_l: 228px;
1398
- --vkui--search_font_search_title1--font_size: 24px;
1399
- --vkui--search_font_search_title1--line_height: 28px;
1400
- --vkui--search_font_search_title1--font_weight: 700;
1401
- --vkui--search_font_search_title1--font_family: Arial, sans-serif;
1456
+ --vkui--search_font_search_extra_headline--font_size: 24px;
1457
+ --vkui--search_font_search_extra_headline--line_height: 28px;
1458
+ --vkui--search_font_search_extra_headline--font_weight: 700;
1459
+ --vkui--search_font_search_extra_headline--font_family: Arial, sans-serif;
1402
1460
  --vkui--search_font_search_title4--font_size: 18px;
1403
1461
  --vkui--search_font_search_title4--line_height: 24px;
1404
1462
  --vkui--search_font_search_title4--font_weight: 400;
@@ -1431,6 +1489,14 @@
1431
1489
  --vkui--search_font_search_caption2_mail_sans--line_height: 16px;
1432
1490
  --vkui--search_font_search_caption2_mail_sans--font_weight: 400;
1433
1491
  --vkui--search_font_search_caption2_mail_sans--font_family: MailSans, Arial, sans-serif;
1492
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
1493
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
1494
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
1495
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
1496
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
1497
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
1498
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
1499
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
1434
1500
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
1435
1501
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
1436
1502
  --vkui--font_headline--font_family: var(--vkui--font_headline--font_family--regular);
@@ -1471,14 +1537,14 @@
1471
1537
  --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--compact);
1472
1538
  --vkui--size_icon_margin: var(--vkui--size_icon_margin--compact);
1473
1539
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
1474
- --vkui--search_font_search_text_bold--compact--font_size: 15px;
1475
- --vkui--search_font_search_text_bold--compact--line_height: 20px;
1476
- --vkui--search_font_search_text_bold--compact--font_weight: 700;
1477
- --vkui--search_font_search_text_bold--compact--font_family: Arial, sans-serif;
1478
- --vkui--search_font_search_text_mail_sans--compact--font_size: 15px;
1479
- --vkui--search_font_search_text_mail_sans--compact--line_height: 20px;
1480
- --vkui--search_font_search_text_mail_sans--compact--font_weight: 400;
1481
- --vkui--search_font_search_text_mail_sans--compact--font_family: Arial, sans-serif;
1540
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--compact);
1541
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--compact);
1542
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--compact);
1543
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--compact);
1544
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--compact);
1545
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--compact);
1546
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact);
1547
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--compact);
1482
1548
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--compact);
1483
1549
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--compact);
1484
1550
  }
@@ -1517,14 +1583,14 @@
1517
1583
  --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--compact);
1518
1584
  --vkui--size_icon_margin: var(--vkui--size_icon_margin--compact);
1519
1585
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
1520
- --vkui--search_font_search_text_bold--compact--font_size: 15px;
1521
- --vkui--search_font_search_text_bold--compact--line_height: 20px;
1522
- --vkui--search_font_search_text_bold--compact--font_weight: 700;
1523
- --vkui--search_font_search_text_bold--compact--font_family: Arial, sans-serif;
1524
- --vkui--search_font_search_text_mail_sans--compact--font_size: 15px;
1525
- --vkui--search_font_search_text_mail_sans--compact--line_height: 20px;
1526
- --vkui--search_font_search_text_mail_sans--compact--font_weight: 400;
1527
- --vkui--search_font_search_text_mail_sans--compact--font_family: Arial, sans-serif;
1586
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--compact);
1587
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--compact);
1588
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--compact);
1589
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--compact);
1590
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--compact);
1591
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--compact);
1592
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact);
1593
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--compact);
1528
1594
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--compact);
1529
1595
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--compact);
1530
1596
  }
@@ -1563,6 +1629,14 @@
1563
1629
  --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
1564
1630
  --vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
1565
1631
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
1632
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
1633
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
1634
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
1635
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
1636
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
1637
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
1638
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
1639
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
1566
1640
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
1567
1641
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
1568
1642
  }
@@ -1601,6 +1675,14 @@
1601
1675
  --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
1602
1676
  --vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
1603
1677
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
1678
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
1679
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
1680
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
1681
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
1682
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
1683
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
1684
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
1685
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
1604
1686
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
1605
1687
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
1606
1688
  }
package/themes/search/cssVars/declarations/noColors.css CHANGED
@@ -280,10 +280,10 @@
280
280
  --vkui--elevation1_hover: 0px 6px 16px rgba(0, 16, 61, 0.09);
281
281
  --vkui--elevation2_hover: 0px 10px 24px rgba(0, 16, 61, 0.11);
282
282
  --vkui--elevation_buttons: 0px 6px 20px rgba(0, 16, 61, 0.1);
283
- --vkui--search_font_search_title1--font_size--regular: 24px;
284
- --vkui--search_font_search_title1--line_height--regular: 28px;
285
- --vkui--search_font_search_title1--font_weight--regular: 700;
286
- --vkui--search_font_search_title1--font_family--regular: Arial, sans-serif;
283
+ --vkui--search_font_search_extra_headline--font_size--regular: 24px;
284
+ --vkui--search_font_search_extra_headline--line_height--regular: 28px;
285
+ --vkui--search_font_search_extra_headline--font_weight--regular: 700;
286
+ --vkui--search_font_search_extra_headline--font_family--regular: Arial, sans-serif;
287
287
  --vkui--search_font_search_title4--font_size--regular: 18px;
288
288
  --vkui--search_font_search_title4--line_height--regular: 24px;
289
289
  --vkui--search_font_search_title4--font_weight--regular: 400;
@@ -316,8 +316,22 @@
316
316
  --vkui--search_font_search_caption2_mail_sans--line_height--regular: 16px;
317
317
  --vkui--search_font_search_caption2_mail_sans--font_weight--regular: 400;
318
318
  --vkui--search_font_search_caption2_mail_sans--font_family--regular: MailSans, Arial, sans-serif;
319
- --vkui--search_font_search_text_bold--compact: [object Object];
320
- --vkui--search_font_search_text_mail_sans--compact: [object Object];
319
+ --vkui--search_font_search_text_bold--font_size--regular: 16px;
320
+ --vkui--search_font_search_text_bold--line_height--regular: 20px;
321
+ --vkui--search_font_search_text_bold--font_family--regular: Helvetica, Arial, sans-serif;
322
+ --vkui--search_font_search_text_bold--font_weight--regular: 400;
323
+ --vkui--search_font_search_text_bold--font_size--compact: 15px;
324
+ --vkui--search_font_search_text_bold--line_height--compact: 20px;
325
+ --vkui--search_font_search_text_bold--font_family--compact: Arial, sans-serif;
326
+ --vkui--search_font_search_text_bold--font_weight--compact: 700;
327
+ --vkui--search_font_search_text_mail_sans--font_size--regular: 16px;
328
+ --vkui--search_font_search_text_mail_sans--line_height--regular: 20px;
329
+ --vkui--search_font_search_text_mail_sans--font_family--regular: Helvetica, Arial, sans-serif;
330
+ --vkui--search_font_search_text_mail_sans--font_weight--regular: 400;
331
+ --vkui--search_font_search_text_mail_sans--font_size--compact: 15px;
332
+ --vkui--search_font_search_text_mail_sans--line_height--compact: 20px;
333
+ --vkui--search_font_search_text_mail_sans--font_family--compact: Arial, sans-serif;
334
+ --vkui--search_font_search_text_mail_sans--font_weight--compact: 400;
321
335
  --vkui--font_headline--font_size--regular: 16px;
322
336
  --vkui--font_headline--line_height--regular: 20px;
323
337
  --vkui--font_headline--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
@@ -602,15 +616,15 @@
602
616
  font-weight: 500;
603
617
  font-weight: var(--vkui--font_h2--font_weight--regular, 500);
604
618
  }
605
- .vkui--search_font_search_title1--regular {
619
+ .vkui--search_font_search_extra_headline--regular {
606
620
  font-size: 24px;
607
- font-size: var(--vkui--search_font_search_title1--font_size--regular, 24px);
621
+ font-size: var(--vkui--search_font_search_extra_headline--font_size--regular, 24px);
608
622
  line-height: 28px;
609
- line-height: var(--vkui--search_font_search_title1--line_height--regular, 28px);
623
+ line-height: var(--vkui--search_font_search_extra_headline--line_height--regular, 28px);
610
624
  font-weight: 700;
611
- font-weight: var(--vkui--search_font_search_title1--font_weight--regular, 700);
625
+ font-weight: var(--vkui--search_font_search_extra_headline--font_weight--regular, 700);
612
626
  font-family: Arial, sans-serif;
613
- font-family: var(--vkui--search_font_search_title1--font_family--regular, Arial, sans-serif);
627
+ font-family: var(--vkui--search_font_search_extra_headline--font_family--regular, Arial, sans-serif);
614
628
  }
615
629
  .vkui--search_font_search_title4--regular {
616
630
  font-size: 18px;
@@ -692,13 +706,45 @@
692
706
  font-family: MailSans, Arial, sans-serif;
693
707
  font-family: var(--vkui--search_font_search_caption2_mail_sans--font_family--regular, MailSans, Arial, sans-serif);
694
708
  }
695
- .vkui--search_font_search_text_bold {
696
- compact: [object Object];
697
- compact: var(--vkui--search_font_search_text_bold--compact, [object Object]);
709
+ .vkui--search_font_search_text_bold--regular {
710
+ font-size: 16px;
711
+ font-size: var(--vkui--search_font_search_text_bold--font_size--regular, 16px);
712
+ line-height: 20px;
713
+ line-height: var(--vkui--search_font_search_text_bold--line_height--regular, 20px);
714
+ font-family: Helvetica, Arial, sans-serif;
715
+ font-family: var(--vkui--search_font_search_text_bold--font_family--regular, Helvetica, Arial, sans-serif);
716
+ font-weight: 400;
717
+ font-weight: var(--vkui--search_font_search_text_bold--font_weight--regular, 400);
718
+ }
719
+ .vkui--search_font_search_text_bold--compact {
720
+ font-size: 15px;
721
+ font-size: var(--vkui--search_font_search_text_bold--font_size--compact, 15px);
722
+ line-height: 20px;
723
+ line-height: var(--vkui--search_font_search_text_bold--line_height--compact, 20px);
724
+ font-family: Arial, sans-serif;
725
+ font-family: var(--vkui--search_font_search_text_bold--font_family--compact, Arial, sans-serif);
726
+ font-weight: 700;
727
+ font-weight: var(--vkui--search_font_search_text_bold--font_weight--compact, 700);
698
728
  }
699
- .vkui--search_font_search_text_mail_sans {
700
- compact: [object Object];
701
- compact: var(--vkui--search_font_search_text_mail_sans--compact, [object Object]);
729
+ .vkui--search_font_search_text_mail_sans--regular {
730
+ font-size: 16px;
731
+ font-size: var(--vkui--search_font_search_text_mail_sans--font_size--regular, 16px);
732
+ line-height: 20px;
733
+ line-height: var(--vkui--search_font_search_text_mail_sans--line_height--regular, 20px);
734
+ font-family: Helvetica, Arial, sans-serif;
735
+ font-family: var(--vkui--search_font_search_text_mail_sans--font_family--regular, Helvetica, Arial, sans-serif);
736
+ font-weight: 400;
737
+ font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular, 400);
738
+ }
739
+ .vkui--search_font_search_text_mail_sans--compact {
740
+ font-size: 15px;
741
+ font-size: var(--vkui--search_font_search_text_mail_sans--font_size--compact, 15px);
742
+ line-height: 20px;
743
+ line-height: var(--vkui--search_font_search_text_mail_sans--line_height--compact, 20px);
744
+ font-family: Arial, sans-serif;
745
+ font-family: var(--vkui--search_font_search_text_mail_sans--font_family--compact, Arial, sans-serif);
746
+ font-weight: 400;
747
+ font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact, 400);
702
748
  }
703
749
  .vkui--font_headline--regular {
704
750
  font-size: 16px;
package/themes/search/cssVars/declarations/onlyAdaptiveGroups.css CHANGED
@@ -120,11 +120,11 @@
120
120
  font-family: var(--vkui--font_h2--font_family);
121
121
  font-weight: var(--vkui--font_h2--font_weight);
122
122
  }
123
- .vkui--search_font_search_title1 {
124
- font-size: var(--vkui--search_font_search_title1--font_size);
125
- line-height: var(--vkui--search_font_search_title1--line_height);
126
- font-weight: var(--vkui--search_font_search_title1--font_weight);
127
- font-family: var(--vkui--search_font_search_title1--font_family);
123
+ .vkui--search_font_search_extra_headline {
124
+ font-size: var(--vkui--search_font_search_extra_headline--font_size);
125
+ line-height: var(--vkui--search_font_search_extra_headline--line_height);
126
+ font-weight: var(--vkui--search_font_search_extra_headline--font_weight);
127
+ font-family: var(--vkui--search_font_search_extra_headline--font_family);
128
128
  }
129
129
  .vkui--search_font_search_title4 {
130
130
  font-size: var(--vkui--search_font_search_title4--font_size);
@@ -175,12 +175,16 @@
175
175
  font-family: var(--vkui--search_font_search_caption2_mail_sans--font_family);
176
176
  }
177
177
  .vkui--search_font_search_text_bold {
178
- compact: [object Object];
179
- compact: var(--vkui--search_font_search_text_bold--compact, [object Object]);
178
+ font-size: var(--vkui--search_font_search_text_bold--font_size);
179
+ line-height: var(--vkui--search_font_search_text_bold--line_height);
180
+ font-family: var(--vkui--search_font_search_text_bold--font_family);
181
+ font-weight: var(--vkui--search_font_search_text_bold--font_weight);
180
182
  }
181
183
  .vkui--search_font_search_text_mail_sans {
182
- compact: [object Object];
183
- compact: var(--vkui--search_font_search_text_mail_sans--compact, [object Object]);
184
+ font-size: var(--vkui--search_font_search_text_mail_sans--font_size);
185
+ line-height: var(--vkui--search_font_search_text_mail_sans--line_height);
186
+ font-family: var(--vkui--search_font_search_text_mail_sans--font_family);
187
+ font-weight: var(--vkui--search_font_search_text_mail_sans--font_weight);
184
188
  }
185
189
  .vkui--font_headline {
186
190
  font-size: var(--vkui--font_headline--font_size);
package/themes/search/cssVars/declarations/onlyMedia.css CHANGED
@@ -195,10 +195,10 @@
195
195
  --vkui--size_illustration_m: 96px;
196
196
  --vkui--size_illustration_l: 144px;
197
197
  --vkui--size_illustration_x_x_l: 228px;
198
- --vkui--search_font_search_title1--font_size: 24px;
199
- --vkui--search_font_search_title1--line_height: 28px;
200
- --vkui--search_font_search_title1--font_weight: 700;
201
- --vkui--search_font_search_title1--font_family: Arial, sans-serif;
198
+ --vkui--search_font_search_extra_headline--font_size: 24px;
199
+ --vkui--search_font_search_extra_headline--line_height: 28px;
200
+ --vkui--search_font_search_extra_headline--font_weight: 700;
201
+ --vkui--search_font_search_extra_headline--font_family: Arial, sans-serif;
202
202
  --vkui--search_font_search_title4--font_size: 18px;
203
203
  --vkui--search_font_search_title4--line_height: 24px;
204
204
  --vkui--search_font_search_title4--font_weight: 400;
@@ -231,6 +231,14 @@
231
231
  --vkui--search_font_search_caption2_mail_sans--line_height: 16px;
232
232
  --vkui--search_font_search_caption2_mail_sans--font_weight: 400;
233
233
  --vkui--search_font_search_caption2_mail_sans--font_family: MailSans, Arial, sans-serif;
234
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
235
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
236
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
237
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
238
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
239
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
240
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
241
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
234
242
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
235
243
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
236
244
  --vkui--font_headline--font_family: var(--vkui--font_headline--font_family--regular);
@@ -271,14 +279,14 @@
271
279
  --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--compact);
272
280
  --vkui--size_icon_margin: var(--vkui--size_icon_margin--compact);
273
281
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
274
- --vkui--search_font_search_text_bold--compact--font_size: 15px;
275
- --vkui--search_font_search_text_bold--compact--line_height: 20px;
276
- --vkui--search_font_search_text_bold--compact--font_weight: 700;
277
- --vkui--search_font_search_text_bold--compact--font_family: Arial, sans-serif;
278
- --vkui--search_font_search_text_mail_sans--compact--font_size: 15px;
279
- --vkui--search_font_search_text_mail_sans--compact--line_height: 20px;
280
- --vkui--search_font_search_text_mail_sans--compact--font_weight: 400;
281
- --vkui--search_font_search_text_mail_sans--compact--font_family: Arial, sans-serif;
282
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--compact);
283
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--compact);
284
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--compact);
285
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--compact);
286
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--compact);
287
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--compact);
288
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact);
289
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--compact);
282
290
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--compact);
283
291
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--compact);
284
292
  }
@@ -317,14 +325,14 @@
317
325
  --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--compact);
318
326
  --vkui--size_icon_margin: var(--vkui--size_icon_margin--compact);
319
327
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--compact);
320
- --vkui--search_font_search_text_bold--compact--font_size: 15px;
321
- --vkui--search_font_search_text_bold--compact--line_height: 20px;
322
- --vkui--search_font_search_text_bold--compact--font_weight: 700;
323
- --vkui--search_font_search_text_bold--compact--font_family: Arial, sans-serif;
324
- --vkui--search_font_search_text_mail_sans--compact--font_size: 15px;
325
- --vkui--search_font_search_text_mail_sans--compact--line_height: 20px;
326
- --vkui--search_font_search_text_mail_sans--compact--font_weight: 400;
327
- --vkui--search_font_search_text_mail_sans--compact--font_family: Arial, sans-serif;
328
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--compact);
329
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--compact);
330
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--compact);
331
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--compact);
332
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--compact);
333
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--compact);
334
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--compact);
335
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--compact);
328
336
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--compact);
329
337
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--compact);
330
338
  }
@@ -363,6 +371,14 @@
363
371
  --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
364
372
  --vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
365
373
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
374
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
375
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
376
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
377
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
378
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
379
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
380
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
381
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
366
382
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
367
383
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
368
384
  }
@@ -401,6 +417,14 @@
401
417
  --vkui--size_button_icon_padding: var(--vkui--size_button_icon_padding--regular);
402
418
  --vkui--size_icon_margin: var(--vkui--size_icon_margin--regular);
403
419
  --vkui--size_popup_margin: var(--vkui--size_popup_margin--regular);
420
+ --vkui--search_font_search_text_bold--font_size: var(--vkui--search_font_search_text_bold--font_size--regular);
421
+ --vkui--search_font_search_text_bold--line_height: var(--vkui--search_font_search_text_bold--line_height--regular);
422
+ --vkui--search_font_search_text_bold--font_weight: var(--vkui--search_font_search_text_bold--font_weight--regular);
423
+ --vkui--search_font_search_text_bold--font_family: var(--vkui--search_font_search_text_bold--font_family--regular);
424
+ --vkui--search_font_search_text_mail_sans--font_size: var(--vkui--search_font_search_text_mail_sans--font_size--regular);
425
+ --vkui--search_font_search_text_mail_sans--line_height: var(--vkui--search_font_search_text_mail_sans--line_height--regular);
426
+ --vkui--search_font_search_text_mail_sans--font_weight: var(--vkui--search_font_search_text_mail_sans--font_weight--regular);
427
+ --vkui--search_font_search_text_mail_sans--font_family: var(--vkui--search_font_search_text_mail_sans--font_family--regular);
404
428
  --vkui--font_headline--font_size: var(--vkui--font_headline--font_size--regular);
405
429
  --vkui--font_headline--line_height: var(--vkui--font_headline--line_height--regular);
406
430
  }
package/themes/search/cssVars/declarations/onlyVariables.css CHANGED
@@ -280,10 +280,10 @@
280
280
  --vkui--elevation1_hover: 0px 6px 16px rgba(0, 16, 61, 0.09);
281
281
  --vkui--elevation2_hover: 0px 10px 24px rgba(0, 16, 61, 0.11);
282
282
  --vkui--elevation_buttons: 0px 6px 20px rgba(0, 16, 61, 0.1);
283
- --vkui--search_font_search_title1--font_size--regular: 24px;
284
- --vkui--search_font_search_title1--line_height--regular: 28px;
285
- --vkui--search_font_search_title1--font_weight--regular: 700;
286
- --vkui--search_font_search_title1--font_family--regular: Arial, sans-serif;
283
+ --vkui--search_font_search_extra_headline--font_size--regular: 24px;
284
+ --vkui--search_font_search_extra_headline--line_height--regular: 28px;
285
+ --vkui--search_font_search_extra_headline--font_weight--regular: 700;
286
+ --vkui--search_font_search_extra_headline--font_family--regular: Arial, sans-serif;
287
287
  --vkui--search_font_search_title4--font_size--regular: 18px;
288
288
  --vkui--search_font_search_title4--line_height--regular: 24px;
289
289
  --vkui--search_font_search_title4--font_weight--regular: 400;
@@ -316,8 +316,22 @@
316
316
  --vkui--search_font_search_caption2_mail_sans--line_height--regular: 16px;
317
317
  --vkui--search_font_search_caption2_mail_sans--font_weight--regular: 400;
318
318
  --vkui--search_font_search_caption2_mail_sans--font_family--regular: MailSans, Arial, sans-serif;
319
- --vkui--search_font_search_text_bold--compact: [object Object];
320
- --vkui--search_font_search_text_mail_sans--compact: [object Object];
319
+ --vkui--search_font_search_text_bold--font_size--regular: 16px;
320
+ --vkui--search_font_search_text_bold--line_height--regular: 20px;
321
+ --vkui--search_font_search_text_bold--font_family--regular: Helvetica, Arial, sans-serif;
322
+ --vkui--search_font_search_text_bold--font_weight--regular: 400;
323
+ --vkui--search_font_search_text_bold--font_size--compact: 15px;
324
+ --vkui--search_font_search_text_bold--line_height--compact: 20px;
325
+ --vkui--search_font_search_text_bold--font_family--compact: Arial, sans-serif;
326
+ --vkui--search_font_search_text_bold--font_weight--compact: 700;
327
+ --vkui--search_font_search_text_mail_sans--font_size--regular: 16px;
328
+ --vkui--search_font_search_text_mail_sans--line_height--regular: 20px;
329
+ --vkui--search_font_search_text_mail_sans--font_family--regular: Helvetica, Arial, sans-serif;
330
+ --vkui--search_font_search_text_mail_sans--font_weight--regular: 400;
331
+ --vkui--search_font_search_text_mail_sans--font_size--compact: 15px;
332
+ --vkui--search_font_search_text_mail_sans--line_height--compact: 20px;
333
+ --vkui--search_font_search_text_mail_sans--font_family--compact: Arial, sans-serif;
334
+ --vkui--search_font_search_text_mail_sans--font_weight--compact: 400;
321
335
  --vkui--font_headline--font_size--regular: 16px;
322
336
  --vkui--font_headline--line_height--regular: 20px;
323
337
  --vkui--font_headline--font_family--regular: MailSans, Helvetica, Arial, sans-serif;