@vkontakte/vkui-tokens 4.77.0 → 4.78.1

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 (202) hide show
  1. package/interfaces/themes/legoAndroid/index.d.ts +5 -19
  2. package/interfaces/themes/legoIOS/index.d.ts +4 -2
  3. package/interfaces/themes/vkontakteAndroid/index.d.ts +2 -0
  4. package/package.json +1 -1
  5. package/themes/legoAndroid/cssVars/declarations/index.css +21 -18
  6. package/themes/legoAndroid/cssVars/declarations/noColors.css +3 -3
  7. package/themes/legoAndroid/cssVars/declarations/noSizes.css +18 -15
  8. package/themes/legoAndroid/cssVars/declarations/onlyColors.css +18 -15
  9. package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
  10. package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +19 -16
  11. package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
  12. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +19 -16
  13. package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +16 -13
  14. package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +21 -18
  15. package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +19 -16
  16. package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +19 -16
  17. package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +21 -18
  18. package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +19 -16
  19. package/themes/legoAndroid/cssVars/theme/index.js +1 -1
  20. package/themes/legoAndroid/cssVars/theme/index.json +41 -27
  21. package/themes/legoAndroid/docs.json +332 -0
  22. package/themes/legoAndroid/index.css +21 -18
  23. package/themes/legoAndroid/index.js +1 -1
  24. package/themes/legoAndroid/index.json +23 -18
  25. package/themes/legoAndroid/index.less +19 -16
  26. package/themes/legoAndroid/index.pcss +19 -16
  27. package/themes/legoAndroid/index.scss +21 -18
  28. package/themes/legoAndroid/index.styl +19 -16
  29. package/themes/legoAndroid/struct.json +18 -13
  30. package/themes/legoAndroidDark/cssVars/declarations/index.css +25 -22
  31. package/themes/legoAndroidDark/cssVars/declarations/noColors.css +4 -4
  32. package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +22 -19
  33. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +21 -18
  34. package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  35. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +23 -20
  36. package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  37. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +23 -20
  38. package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +20 -13
  39. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +25 -22
  40. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +23 -20
  41. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +23 -20
  42. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +25 -22
  43. package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +23 -20
  44. package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
  45. package/themes/legoAndroidDark/cssVars/theme/index.json +45 -31
  46. package/themes/legoAndroidDark/docs.json +332 -0
  47. package/themes/legoAndroidDark/index.css +25 -22
  48. package/themes/legoAndroidDark/index.js +1 -1
  49. package/themes/legoAndroidDark/index.json +27 -22
  50. package/themes/legoAndroidDark/index.less +23 -20
  51. package/themes/legoAndroidDark/index.pcss +23 -20
  52. package/themes/legoAndroidDark/index.scss +25 -22
  53. package/themes/legoAndroidDark/index.styl +23 -20
  54. package/themes/legoAndroidDark/struct.json +27 -22
  55. package/themes/legoIOS/cssVars/declarations/index.css +48 -45
  56. package/themes/legoIOS/cssVars/declarations/noColors.css +30 -30
  57. package/themes/legoIOS/cssVars/declarations/noSizes.css +18 -15
  58. package/themes/legoIOS/cssVars/declarations/onlyColors.css +18 -15
  59. package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
  60. package/themes/legoIOS/cssVars/declarations/onlyVariables.css +28 -25
  61. package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
  62. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +28 -25
  63. package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +28 -25
  64. package/themes/legoIOS/cssVars/theme/fallbacks/index.css +48 -45
  65. package/themes/legoIOS/cssVars/theme/fallbacks/index.less +28 -25
  66. package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +28 -25
  67. package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +41 -38
  68. package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +28 -25
  69. package/themes/legoIOS/cssVars/theme/index.js +1 -1
  70. package/themes/legoIOS/cssVars/theme/index.json +39 -25
  71. package/themes/legoIOS/docs.json +4 -0
  72. package/themes/legoIOS/index.css +48 -45
  73. package/themes/legoIOS/index.js +1 -1
  74. package/themes/legoIOS/index.json +30 -25
  75. package/themes/legoIOS/index.less +28 -25
  76. package/themes/legoIOS/index.pcss +28 -25
  77. package/themes/legoIOS/index.scss +41 -38
  78. package/themes/legoIOS/index.styl +28 -25
  79. package/themes/legoIOS/struct.json +30 -25
  80. package/themes/legoIOSDark/cssVars/declarations/index.css +51 -48
  81. package/themes/legoIOSDark/cssVars/declarations/noColors.css +30 -30
  82. package/themes/legoIOSDark/cssVars/declarations/noSizes.css +21 -18
  83. package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +21 -18
  84. package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
  85. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +31 -28
  86. package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  87. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +31 -28
  88. package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +31 -25
  89. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +51 -48
  90. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +31 -28
  91. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +31 -28
  92. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +44 -41
  93. package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +31 -28
  94. package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
  95. package/themes/legoIOSDark/cssVars/theme/index.json +42 -28
  96. package/themes/legoIOSDark/docs.json +4 -0
  97. package/themes/legoIOSDark/index.css +51 -48
  98. package/themes/legoIOSDark/index.js +1 -1
  99. package/themes/legoIOSDark/index.json +33 -28
  100. package/themes/legoIOSDark/index.less +31 -28
  101. package/themes/legoIOSDark/index.pcss +31 -28
  102. package/themes/legoIOSDark/index.scss +44 -41
  103. package/themes/legoIOSDark/index.styl +31 -28
  104. package/themes/legoIOSDark/struct.json +33 -28
  105. package/themes/vkontakteAndroid/cssVars/declarations/index.css +6 -0
  106. package/themes/vkontakteAndroid/cssVars/declarations/noSizes.css +6 -0
  107. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.css +6 -0
  108. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.js +1 -1
  109. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.css +6 -0
  110. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.js +1 -1
  111. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocal.css +6 -0
  112. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -0
  113. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.css +6 -0
  114. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.less +6 -0
  115. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.pcss +6 -0
  116. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.scss +6 -0
  117. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.styl +6 -0
  118. package/themes/vkontakteAndroid/cssVars/theme/index.js +1 -1
  119. package/themes/vkontakteAndroid/cssVars/theme/index.json +28 -0
  120. package/themes/vkontakteAndroid/docs.json +8 -0
  121. package/themes/vkontakteAndroid/index.css +6 -0
  122. package/themes/vkontakteAndroid/index.js +1 -1
  123. package/themes/vkontakteAndroid/index.json +10 -0
  124. package/themes/vkontakteAndroid/index.less +6 -0
  125. package/themes/vkontakteAndroid/index.pcss +6 -0
  126. package/themes/vkontakteAndroid/index.scss +6 -0
  127. package/themes/vkontakteAndroid/index.styl +6 -0
  128. package/themes/vkontakteAndroid/struct.json +10 -0
  129. package/themes/vkontakteAndroidDark/cssVars/declarations/index.css +6 -0
  130. package/themes/vkontakteAndroidDark/cssVars/declarations/noSizes.css +6 -0
  131. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.css +6 -0
  132. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.js +1 -1
  133. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.css +6 -0
  134. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
  135. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocal.css +6 -0
  136. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -0
  137. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.css +6 -0
  138. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.less +6 -0
  139. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.pcss +6 -0
  140. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.scss +6 -0
  141. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.styl +6 -0
  142. package/themes/vkontakteAndroidDark/cssVars/theme/index.js +1 -1
  143. package/themes/vkontakteAndroidDark/cssVars/theme/index.json +28 -0
  144. package/themes/vkontakteAndroidDark/docs.json +8 -0
  145. package/themes/vkontakteAndroidDark/index.css +6 -0
  146. package/themes/vkontakteAndroidDark/index.js +1 -1
  147. package/themes/vkontakteAndroidDark/index.json +10 -0
  148. package/themes/vkontakteAndroidDark/index.less +6 -0
  149. package/themes/vkontakteAndroidDark/index.pcss +6 -0
  150. package/themes/vkontakteAndroidDark/index.scss +6 -0
  151. package/themes/vkontakteAndroidDark/index.styl +6 -0
  152. package/themes/vkontakteAndroidDark/struct.json +10 -0
  153. package/themes/vkontakteCom/docs.json +8 -0
  154. package/themes/vkontakteComDark/docs.json +8 -0
  155. package/themes/vkontakteIOS/cssVars/declarations/index.css +6 -0
  156. package/themes/vkontakteIOS/cssVars/declarations/noSizes.css +6 -0
  157. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.css +6 -0
  158. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.js +1 -1
  159. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.css +6 -0
  160. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.js +1 -1
  161. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocal.css +6 -0
  162. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -0
  163. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.css +6 -0
  164. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.less +6 -0
  165. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.pcss +6 -0
  166. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.scss +6 -0
  167. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.styl +6 -0
  168. package/themes/vkontakteIOS/cssVars/theme/index.js +1 -1
  169. package/themes/vkontakteIOS/cssVars/theme/index.json +28 -0
  170. package/themes/vkontakteIOS/docs.json +8 -0
  171. package/themes/vkontakteIOS/index.css +6 -0
  172. package/themes/vkontakteIOS/index.js +1 -1
  173. package/themes/vkontakteIOS/index.json +10 -0
  174. package/themes/vkontakteIOS/index.less +6 -0
  175. package/themes/vkontakteIOS/index.pcss +6 -0
  176. package/themes/vkontakteIOS/index.scss +6 -0
  177. package/themes/vkontakteIOS/index.styl +6 -0
  178. package/themes/vkontakteIOS/struct.json +10 -0
  179. package/themes/vkontakteIOSDark/cssVars/declarations/index.css +6 -0
  180. package/themes/vkontakteIOSDark/cssVars/declarations/noSizes.css +6 -0
  181. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.css +6 -0
  182. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.js +1 -1
  183. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.css +6 -0
  184. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.js +1 -1
  185. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocal.css +6 -0
  186. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -0
  187. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.css +6 -0
  188. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.less +6 -0
  189. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.pcss +6 -0
  190. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.scss +6 -0
  191. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.styl +6 -0
  192. package/themes/vkontakteIOSDark/cssVars/theme/index.js +1 -1
  193. package/themes/vkontakteIOSDark/cssVars/theme/index.json +28 -0
  194. package/themes/vkontakteIOSDark/docs.json +8 -0
  195. package/themes/vkontakteIOSDark/index.css +6 -0
  196. package/themes/vkontakteIOSDark/index.js +1 -1
  197. package/themes/vkontakteIOSDark/index.json +10 -0
  198. package/themes/vkontakteIOSDark/index.less +6 -0
  199. package/themes/vkontakteIOSDark/index.pcss +6 -0
  200. package/themes/vkontakteIOSDark/index.scss +6 -0
  201. package/themes/vkontakteIOSDark/index.styl +6 -0
  202. package/themes/vkontakteIOSDark/struct.json +10 -0
@@ -128,7 +128,7 @@
128
128
  "fontText": {
129
129
  "regular": {
130
130
  "fontSize": 16,
131
- "lineHeight": 18.33,
131
+ "lineHeight": 18.5,
132
132
  "fontFamily": "-apple-system, system-ui, \"Helvetica Neue\", Roboto, sans-serif",
133
133
  "fontWeight": 600,
134
134
  "fontVariationSettings": {
@@ -1236,9 +1236,9 @@
1236
1236
  "active": "#EBE0CA"
1237
1237
  },
1238
1238
  "colorBackgroundNegative": {
1239
- "normal": "#fe3c60",
1240
- "hover": "#F43A5F",
1241
- "active": "#EA385D"
1239
+ "normal": "#F65460",
1240
+ "hover": "#EC515F",
1241
+ "active": "#E24F5D"
1242
1242
  },
1243
1243
  "colorBackgroundNegativeTint": {
1244
1244
  "normal": "#ffe9e9",
@@ -1321,9 +1321,9 @@
1321
1321
  "active": "#30B857"
1322
1322
  },
1323
1323
  "colorTextNegative": {
1324
- "normal": "#fe3c60",
1325
- "hover": "#F43A5F",
1326
- "active": "#EA385D"
1324
+ "normal": "#F65460",
1325
+ "hover": "#EC515F",
1326
+ "active": "#E24F5D"
1327
1327
  },
1328
1328
  "colorTextLink": {
1329
1329
  "normal": "#2e90ff",
@@ -1431,9 +1431,9 @@
1431
1431
  "active": "#EB6205"
1432
1432
  },
1433
1433
  "colorIconNegative": {
1434
- "normal": "#fe3c60",
1435
- "hover": "#F43A5F",
1436
- "active": "#EA385D"
1434
+ "normal": "#F65460",
1435
+ "hover": "#EC515F",
1436
+ "active": "#E24F5D"
1437
1437
  },
1438
1438
  "colorStrokeAccent": {
1439
1439
  "normal": "#2e90ff",
@@ -1476,9 +1476,9 @@
1476
1476
  "active": "#30B857"
1477
1477
  },
1478
1478
  "colorStrokeNegative": {
1479
- "normal": "#fe3c60",
1480
- "hover": "#F43A5F",
1481
- "active": "#EA385D"
1479
+ "normal": "#F65460",
1480
+ "hover": "#EC515F",
1481
+ "active": "#E24F5D"
1482
1482
  },
1483
1483
  "colorStrokeContrast": {
1484
1484
  "normal": "#ffffff",
@@ -1694,6 +1694,11 @@
1694
1694
  "normal": "#262626",
1695
1695
  "hover": "#242527",
1696
1696
  "active": "#232428"
1697
+ },
1698
+ "colorStrokeContrastSecondaryAlpha": {
1699
+ "normal": "#ffffff1f",
1700
+ "hover": "rgba(255, 255, 255, 0.16)",
1701
+ "active": "rgba(255, 255, 255, 0.2)"
1697
1702
  }
1698
1703
  }
1699
1704
  }
@@ -65,7 +65,7 @@
65
65
  --vkui--font_headline2--font_size--compact: 14px;
66
66
  --vkui--font_headline2--line_height--compact: 20px;
67
67
  --vkui--font_text--font_size--regular: 16px;
68
- --vkui--font_text--line_height--regular: 18.33px;
68
+ --vkui--font_text--line_height--regular: 18.5px;
69
69
  --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
70
70
  --vkui--font_text--font_weight--regular: 600;
71
71
  --vkui--font_text--font_variation_settings--optical_size--regular: 24;
@@ -240,7 +240,7 @@
240
240
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
241
241
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
242
242
  --vkui--gradient_tint: rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%;
243
- --vkui--gradient: rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%;
243
+ --vkui--gradient: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%;
244
244
  --vkui--font_headline--font_size--regular: 17px;
245
245
  --vkui--font_headline--line_height--regular: 20px;
246
246
  --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -301,9 +301,9 @@
301
301
  --vkui--color_background: #000000;
302
302
  --vkui--color_background--hover: #0A0A0A;
303
303
  --vkui--color_background--active: #141414;
304
- --vkui--color_background_content: #19191a;
305
- --vkui--color_background_content--hover: #222223;
306
- --vkui--color_background_content--active: #2B2B2C;
304
+ --vkui--color_background_content: #000000;
305
+ --vkui--color_background_content--hover: #0A0A0A;
306
+ --vkui--color_background_content--active: #141414;
307
307
  --vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8);
308
308
  --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84);
309
309
  --vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88);
@@ -349,9 +349,9 @@
349
349
  --vkui--color_background_warning: #483416;
350
350
  --vkui--color_background_warning--hover: #4F3C1F;
351
351
  --vkui--color_background_warning--active: #574429;
352
- --vkui--color_background_negative: #fe3c60;
353
- --vkui--color_background_negative--hover: #FE4466;
354
- --vkui--color_background_negative--active: #FE4C6D;
352
+ --vkui--color_background_negative: #FD6571;
353
+ --vkui--color_background_negative--hover: #FD6B77;
354
+ --vkui--color_background_negative--active: #FD717C;
355
355
  --vkui--color_background_negative_tint: #4b2727;
356
356
  --vkui--color_background_negative_tint--hover: #523030;
357
357
  --vkui--color_background_negative_tint--active: #593838;
@@ -400,9 +400,9 @@
400
400
  --vkui--color_text_positive: #34c759;
401
401
  --vkui--color_text_positive--hover: #3CC960;
402
402
  --vkui--color_text_positive--active: #44CB66;
403
- --vkui--color_text_negative: #fe3c60;
404
- --vkui--color_text_negative--hover: #FE4466;
405
- --vkui--color_text_negative--active: #FE4C6D;
403
+ --vkui--color_text_negative: #FD6571;
404
+ --vkui--color_text_negative--hover: #FD6B77;
405
+ --vkui--color_text_negative--active: #FD717C;
406
406
  --vkui--color_text_link: #2e90ff;
407
407
  --vkui--color_text_link--hover: #3694FF;
408
408
  --vkui--color_text_link--active: #3F99FF;
@@ -466,9 +466,9 @@
466
466
  --vkui--color_icon_warning: #ff6900;
467
467
  --vkui--color_icon_warning--hover: #FF6F0A;
468
468
  --vkui--color_icon_warning--active: #FF7514;
469
- --vkui--color_icon_negative: #fe3c60;
470
- --vkui--color_icon_negative--hover: #FE4466;
471
- --vkui--color_icon_negative--active: #FE4C6D;
469
+ --vkui--color_icon_negative: #FD6571;
470
+ --vkui--color_icon_negative--hover: #FD6B77;
471
+ --vkui--color_icon_negative--active: #FD717C;
472
472
  --vkui--color_stroke_accent: #529ef4;
473
473
  --vkui--color_stroke_accent--hover: #59A2F4;
474
474
  --vkui--color_stroke_accent--active: #60A6F5;
@@ -493,9 +493,9 @@
493
493
  --vkui--color_stroke_positive: #34c759;
494
494
  --vkui--color_stroke_positive--hover: #3CC960;
495
495
  --vkui--color_stroke_positive--active: #44CB66;
496
- --vkui--color_stroke_negative: #fe3c60;
497
- --vkui--color_stroke_negative--hover: #FE4466;
498
- --vkui--color_stroke_negative--active: #FE4C6D;
496
+ --vkui--color_stroke_negative: #FD6571;
497
+ --vkui--color_stroke_negative--hover: #FD6B77;
498
+ --vkui--color_stroke_negative--active: #FD717C;
499
499
  --vkui--color_stroke_contrast: #FFFFFF;
500
500
  --vkui--color_stroke_contrast--hover: #EBEDF0;
501
501
  --vkui--color_stroke_contrast--active: #D7D8DB;
@@ -622,6 +622,12 @@
622
622
  --vkui--color_transparent: #00000000;
623
623
  --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
624
624
  --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
625
+ --vkui--color_background_inverse: #FFFFFF;
626
+ --vkui--color_background_inverse--hover: #EBEDF0;
627
+ --vkui--color_background_inverse--active: #D7D8DB;
628
+ --vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
629
+ --vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
630
+ --vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
625
631
  --vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.15);
626
632
  --vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.19);
627
633
  --vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.23);
@@ -868,9 +874,6 @@
868
874
  --vkui--vkontakte_palette_black: #000000;
869
875
  --vkui--vkontakte_palette_black--hover: #0A0A0A;
870
876
  --vkui--vkontakte_palette_black--active: #141414;
871
- --vkui--color_background_inverse: #FFFFFF;
872
- --vkui--color_background_inverse--hover: #EBEDF0;
873
- --vkui--color_background_inverse--active: #D7D8DB;
874
877
  }
875
878
 
876
879
  .vkui--font_display_title1--regular {
@@ -1056,8 +1059,8 @@
1056
1059
  .vkui--font_text--regular {
1057
1060
  font-size: 16px;
1058
1061
  font-size: var(--vkui--font_text--font_size--regular, 16px);
1059
- line-height: 18.33px;
1060
- line-height: var(--vkui--font_text--line_height--regular, 18.33px);
1062
+ line-height: 18.5px;
1063
+ line-height: var(--vkui--font_text--line_height--regular, 18.5px);
1061
1064
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
1062
1065
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1063
1066
  font-weight: 600;
@@ -65,7 +65,7 @@
65
65
  --vkui--font_headline2--font_size--compact: 14px;
66
66
  --vkui--font_headline2--line_height--compact: 20px;
67
67
  --vkui--font_text--font_size--regular: 16px;
68
- --vkui--font_text--line_height--regular: 18.33px;
68
+ --vkui--font_text--line_height--regular: 18.5px;
69
69
  --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
70
70
  --vkui--font_text--font_weight--regular: 600;
71
71
  --vkui--font_text--font_variation_settings--optical_size--regular: 24;
@@ -240,7 +240,7 @@
240
240
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
241
241
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
242
242
  --vkui--gradient_tint: rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%;
243
- --vkui--gradient: rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%;
243
+ --vkui--gradient: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%;
244
244
  --vkui--font_headline--font_size--regular: 17px;
245
245
  --vkui--font_headline--line_height--regular: 20px;
246
246
  --vkui--font_headline--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
@@ -655,8 +655,8 @@
655
655
  .vkui--font_text--regular {
656
656
  font-size: 16px;
657
657
  font-size: var(--vkui--font_text--font_size--regular, 16px);
658
- line-height: 18.33px;
659
- line-height: var(--vkui--font_text--line_height--regular, 18.33px);
658
+ line-height: 18.5px;
659
+ line-height: var(--vkui--font_text--line_height--regular, 18.5px);
660
660
  font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
661
661
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
662
662
  font-weight: 600;
@@ -31,7 +31,7 @@
31
31
  --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
32
32
  --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
33
33
  --vkui--gradient_tint: rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.05) 15%, rgba(20, 20, 20, 0.2) 30%, rgba(20, 20, 20, 0.8) 70%, rgba(20, 20, 20, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(20, 20, 20, 1)) 100%;
34
- --vkui--gradient: rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%;
34
+ --vkui--gradient: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0.95) 85%, var(--vkui--color_background_content, rgba(0, 0, 0, 1)) 100%;
35
35
  --vkui--vkontakte_gradient_aquamarine_blue: rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%;
36
36
  --vkui--vkontakte_gradient_blue: rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%;
37
37
  --vkui--vkontakte_gradient_candy: rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%;
@@ -85,9 +85,9 @@
85
85
  --vkui--color_background: #000000;
86
86
  --vkui--color_background--hover: #0A0A0A;
87
87
  --vkui--color_background--active: #141414;
88
- --vkui--color_background_content: #19191a;
89
- --vkui--color_background_content--hover: #222223;
90
- --vkui--color_background_content--active: #2B2B2C;
88
+ --vkui--color_background_content: #000000;
89
+ --vkui--color_background_content--hover: #0A0A0A;
90
+ --vkui--color_background_content--active: #141414;
91
91
  --vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8);
92
92
  --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84);
93
93
  --vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88);
@@ -133,9 +133,9 @@
133
133
  --vkui--color_background_warning: #483416;
134
134
  --vkui--color_background_warning--hover: #4F3C1F;
135
135
  --vkui--color_background_warning--active: #574429;
136
- --vkui--color_background_negative: #fe3c60;
137
- --vkui--color_background_negative--hover: #FE4466;
138
- --vkui--color_background_negative--active: #FE4C6D;
136
+ --vkui--color_background_negative: #FD6571;
137
+ --vkui--color_background_negative--hover: #FD6B77;
138
+ --vkui--color_background_negative--active: #FD717C;
139
139
  --vkui--color_background_negative_tint: #4b2727;
140
140
  --vkui--color_background_negative_tint--hover: #523030;
141
141
  --vkui--color_background_negative_tint--active: #593838;
@@ -184,9 +184,9 @@
184
184
  --vkui--color_text_positive: #34c759;
185
185
  --vkui--color_text_positive--hover: #3CC960;
186
186
  --vkui--color_text_positive--active: #44CB66;
187
- --vkui--color_text_negative: #fe3c60;
188
- --vkui--color_text_negative--hover: #FE4466;
189
- --vkui--color_text_negative--active: #FE4C6D;
187
+ --vkui--color_text_negative: #FD6571;
188
+ --vkui--color_text_negative--hover: #FD6B77;
189
+ --vkui--color_text_negative--active: #FD717C;
190
190
  --vkui--color_text_link: #2e90ff;
191
191
  --vkui--color_text_link--hover: #3694FF;
192
192
  --vkui--color_text_link--active: #3F99FF;
@@ -250,9 +250,9 @@
250
250
  --vkui--color_icon_warning: #ff6900;
251
251
  --vkui--color_icon_warning--hover: #FF6F0A;
252
252
  --vkui--color_icon_warning--active: #FF7514;
253
- --vkui--color_icon_negative: #fe3c60;
254
- --vkui--color_icon_negative--hover: #FE4466;
255
- --vkui--color_icon_negative--active: #FE4C6D;
253
+ --vkui--color_icon_negative: #FD6571;
254
+ --vkui--color_icon_negative--hover: #FD6B77;
255
+ --vkui--color_icon_negative--active: #FD717C;
256
256
  --vkui--color_stroke_accent: #529ef4;
257
257
  --vkui--color_stroke_accent--hover: #59A2F4;
258
258
  --vkui--color_stroke_accent--active: #60A6F5;
@@ -277,9 +277,9 @@
277
277
  --vkui--color_stroke_positive: #34c759;
278
278
  --vkui--color_stroke_positive--hover: #3CC960;
279
279
  --vkui--color_stroke_positive--active: #44CB66;
280
- --vkui--color_stroke_negative: #fe3c60;
281
- --vkui--color_stroke_negative--hover: #FE4466;
282
- --vkui--color_stroke_negative--active: #FE4C6D;
280
+ --vkui--color_stroke_negative: #FD6571;
281
+ --vkui--color_stroke_negative--hover: #FD6B77;
282
+ --vkui--color_stroke_negative--active: #FD717C;
283
283
  --vkui--color_stroke_contrast: #FFFFFF;
284
284
  --vkui--color_stroke_contrast--hover: #EBEDF0;
285
285
  --vkui--color_stroke_contrast--active: #D7D8DB;
@@ -406,6 +406,12 @@
406
406
  --vkui--color_transparent: #00000000;
407
407
  --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
408
408
  --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
409
+ --vkui--color_background_inverse: #FFFFFF;
410
+ --vkui--color_background_inverse--hover: #EBEDF0;
411
+ --vkui--color_background_inverse--active: #D7D8DB;
412
+ --vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
413
+ --vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
414
+ --vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
409
415
  --vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.15);
410
416
  --vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.19);
411
417
  --vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.23);
@@ -652,7 +658,4 @@
652
658
  --vkui--vkontakte_palette_black: #000000;
653
659
  --vkui--vkontakte_palette_black--hover: #0A0A0A;
654
660
  --vkui--vkontakte_palette_black--active: #141414;
655
- --vkui--color_background_inverse: #FFFFFF;
656
- --vkui--color_background_inverse--hover: #EBEDF0;
657
- --vkui--color_background_inverse--active: #D7D8DB;
658
661
  }
@@ -17,9 +17,9 @@
17
17
  --vkui--color_background: #000000;
18
18
  --vkui--color_background--hover: #0A0A0A;
19
19
  --vkui--color_background--active: #141414;
20
- --vkui--color_background_content: #19191a;
21
- --vkui--color_background_content--hover: #222223;
22
- --vkui--color_background_content--active: #2B2B2C;
20
+ --vkui--color_background_content: #000000;
21
+ --vkui--color_background_content--hover: #0A0A0A;
22
+ --vkui--color_background_content--active: #141414;
23
23
  --vkui--color_background_content_alpha: rgba(25, 25, 26, 0.8);
24
24
  --vkui--color_background_content_alpha--hover: rgba(25, 25, 26, 0.84);
25
25
  --vkui--color_background_content_alpha--active: rgba(25, 25, 26, 0.88);
@@ -65,9 +65,9 @@
65
65
  --vkui--color_background_warning: #483416;
66
66
  --vkui--color_background_warning--hover: #4F3C1F;
67
67
  --vkui--color_background_warning--active: #574429;
68
- --vkui--color_background_negative: #fe3c60;
69
- --vkui--color_background_negative--hover: #FE4466;
70
- --vkui--color_background_negative--active: #FE4C6D;
68
+ --vkui--color_background_negative: #FD6571;
69
+ --vkui--color_background_negative--hover: #FD6B77;
70
+ --vkui--color_background_negative--active: #FD717C;
71
71
  --vkui--color_background_negative_tint: #4b2727;
72
72
  --vkui--color_background_negative_tint--hover: #523030;
73
73
  --vkui--color_background_negative_tint--active: #593838;
@@ -116,9 +116,9 @@
116
116
  --vkui--color_text_positive: #34c759;
117
117
  --vkui--color_text_positive--hover: #3CC960;
118
118
  --vkui--color_text_positive--active: #44CB66;
119
- --vkui--color_text_negative: #fe3c60;
120
- --vkui--color_text_negative--hover: #FE4466;
121
- --vkui--color_text_negative--active: #FE4C6D;
119
+ --vkui--color_text_negative: #FD6571;
120
+ --vkui--color_text_negative--hover: #FD6B77;
121
+ --vkui--color_text_negative--active: #FD717C;
122
122
  --vkui--color_text_link: #2e90ff;
123
123
  --vkui--color_text_link--hover: #3694FF;
124
124
  --vkui--color_text_link--active: #3F99FF;
@@ -182,9 +182,9 @@
182
182
  --vkui--color_icon_warning: #ff6900;
183
183
  --vkui--color_icon_warning--hover: #FF6F0A;
184
184
  --vkui--color_icon_warning--active: #FF7514;
185
- --vkui--color_icon_negative: #fe3c60;
186
- --vkui--color_icon_negative--hover: #FE4466;
187
- --vkui--color_icon_negative--active: #FE4C6D;
185
+ --vkui--color_icon_negative: #FD6571;
186
+ --vkui--color_icon_negative--hover: #FD6B77;
187
+ --vkui--color_icon_negative--active: #FD717C;
188
188
  --vkui--color_stroke_accent: #529ef4;
189
189
  --vkui--color_stroke_accent--hover: #59A2F4;
190
190
  --vkui--color_stroke_accent--active: #60A6F5;
@@ -209,9 +209,9 @@
209
209
  --vkui--color_stroke_positive: #34c759;
210
210
  --vkui--color_stroke_positive--hover: #3CC960;
211
211
  --vkui--color_stroke_positive--active: #44CB66;
212
- --vkui--color_stroke_negative: #fe3c60;
213
- --vkui--color_stroke_negative--hover: #FE4466;
214
- --vkui--color_stroke_negative--active: #FE4C6D;
212
+ --vkui--color_stroke_negative: #FD6571;
213
+ --vkui--color_stroke_negative--hover: #FD6B77;
214
+ --vkui--color_stroke_negative--active: #FD717C;
215
215
  --vkui--color_stroke_contrast: #FFFFFF;
216
216
  --vkui--color_stroke_contrast--hover: #EBEDF0;
217
217
  --vkui--color_stroke_contrast--active: #D7D8DB;
@@ -338,6 +338,12 @@
338
338
  --vkui--color_transparent: #00000000;
339
339
  --vkui--color_transparent--hover: rgba(0, 0, 0, 0.04);
340
340
  --vkui--color_transparent--active: rgba(0, 0, 0, 0.08);
341
+ --vkui--color_background_inverse: #FFFFFF;
342
+ --vkui--color_background_inverse--hover: #EBEDF0;
343
+ --vkui--color_background_inverse--active: #D7D8DB;
344
+ --vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
345
+ --vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
346
+ --vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
341
347
  --vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.15);
342
348
  --vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.19);
343
349
  --vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.23);
@@ -584,7 +590,4 @@
584
590
  --vkui--vkontakte_palette_black: #000000;
585
591
  --vkui--vkontakte_palette_black--hover: #0A0A0A;
586
592
  --vkui--vkontakte_palette_black--active: #141414;
587
- --vkui--color_background_inverse: #FFFFFF;
588
- --vkui--color_background_inverse--hover: #EBEDF0;
589
- --vkui--color_background_inverse--active: #D7D8DB;
590
593
  }