@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
@@ -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;
@@ -349,9 +349,9 @@
349
349
  --vkui--color_background_warning: #fff2d6;
350
350
  --vkui--color_background_warning--hover: #F5E9D0;
351
351
  --vkui--color_background_warning--active: #EBE0CA;
352
- --vkui--color_background_negative: #fe3c60;
353
- --vkui--color_background_negative--hover: #F43A5F;
354
- --vkui--color_background_negative--active: #EA385D;
352
+ --vkui--color_background_negative: #F65460;
353
+ --vkui--color_background_negative--hover: #EC515F;
354
+ --vkui--color_background_negative--active: #E24F5D;
355
355
  --vkui--color_background_negative_tint: #ffe9e9;
356
356
  --vkui--color_background_negative_tint--hover: #F5E0E2;
357
357
  --vkui--color_background_negative_tint--active: #EBD8DB;
@@ -400,9 +400,9 @@
400
400
  --vkui--color_text_positive: #34c759;
401
401
  --vkui--color_text_positive--hover: #32C058;
402
402
  --vkui--color_text_positive--active: #30B857;
403
- --vkui--color_text_negative: #fe3c60;
404
- --vkui--color_text_negative--hover: #F43A5F;
405
- --vkui--color_text_negative--active: #EA385D;
403
+ --vkui--color_text_negative: #F65460;
404
+ --vkui--color_text_negative--hover: #EC515F;
405
+ --vkui--color_text_negative--active: #E24F5D;
406
406
  --vkui--color_text_link: #2e90ff;
407
407
  --vkui--color_text_link--hover: #2C8BF7;
408
408
  --vkui--color_text_link--active: #2A86EF;
@@ -466,9 +466,9 @@
466
466
  --vkui--color_icon_warning: #ff6900;
467
467
  --vkui--color_icon_warning--hover: #F56502;
468
468
  --vkui--color_icon_warning--active: #EB6205;
469
- --vkui--color_icon_negative: #fe3c60;
470
- --vkui--color_icon_negative--hover: #F43A5F;
471
- --vkui--color_icon_negative--active: #EA385D;
469
+ --vkui--color_icon_negative: #F65460;
470
+ --vkui--color_icon_negative--hover: #EC515F;
471
+ --vkui--color_icon_negative--active: #E24F5D;
472
472
  --vkui--color_stroke_accent: #2e90ff;
473
473
  --vkui--color_stroke_accent--hover: #2C8BF7;
474
474
  --vkui--color_stroke_accent--active: #2A86EF;
@@ -493,9 +493,9 @@
493
493
  --vkui--color_stroke_positive: #34c759;
494
494
  --vkui--color_stroke_positive--hover: #32C058;
495
495
  --vkui--color_stroke_positive--active: #30B857;
496
- --vkui--color_stroke_negative: #fe3c60;
497
- --vkui--color_stroke_negative--hover: #F43A5F;
498
- --vkui--color_stroke_negative--active: #EA385D;
496
+ --vkui--color_stroke_negative: #F65460;
497
+ --vkui--color_stroke_negative--hover: #EC515F;
498
+ --vkui--color_stroke_negative--active: #E24F5D;
499
499
  --vkui--color_stroke_contrast: #ffffff;
500
500
  --vkui--color_stroke_contrast--hover: #F5F5F7;
501
501
  --vkui--color_stroke_contrast--active: #EBECEF;
@@ -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: #262626;
626
+ --vkui--color_background_inverse--hover: #242527;
627
+ --vkui--color_background_inverse--active: #232428;
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(0, 0, 0, 0.15);
626
632
  --vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
627
633
  --vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
@@ -868,7 +874,4 @@
868
874
  --vkui--vkontakte_palette_black: #000000;
869
875
  --vkui--vkontakte_palette_black--hover: #000102;
870
876
  --vkui--vkontakte_palette_black--active: #000105;
871
- --vkui--color_background_inverse: #262626;
872
- --vkui--color_background_inverse--hover: #242527;
873
- --vkui--color_background_inverse--active: #232428;
874
877
  }
@@ -45,7 +45,7 @@
45
45
  --vkui--font_headline1--font_size--compact: 15px;
46
46
  --vkui--font_headline1--line_height--compact: 20px;
47
47
  --vkui--font_text--font_size--regular: 16px;
48
- --vkui--font_text--line_height--regular: 18.33px;
48
+ --vkui--font_text--line_height--regular: 18.5px;
49
49
  --vkui--font_text--font_family--regular: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
50
50
  --vkui--font_text--font_weight--regular: 600;
51
51
  --vkui--font_text--font_variation_settings--optical_size--regular: 24;
@@ -168,9 +168,9 @@
168
168
  --vkui--color_background_warning: #fff2d6;
169
169
  --vkui--color_background_warning--hover: #F5E9D0;
170
170
  --vkui--color_background_warning--active: #EBE0CA;
171
- --vkui--color_background_negative: #fe3c60;
172
- --vkui--color_background_negative--hover: #F43A5F;
173
- --vkui--color_background_negative--active: #EA385D;
171
+ --vkui--color_background_negative: #F65460;
172
+ --vkui--color_background_negative--hover: #EC515F;
173
+ --vkui--color_background_negative--active: #E24F5D;
174
174
  --vkui--color_background_negative_tint: #ffe9e9;
175
175
  --vkui--color_background_negative_tint--hover: #F5E0E2;
176
176
  --vkui--color_background_negative_tint--active: #EBD8DB;
@@ -198,9 +198,9 @@
198
198
  --vkui--color_text_positive: #34c759;
199
199
  --vkui--color_text_positive--hover: #32C058;
200
200
  --vkui--color_text_positive--active: #30B857;
201
- --vkui--color_text_negative: #fe3c60;
202
- --vkui--color_text_negative--hover: #F43A5F;
203
- --vkui--color_text_negative--active: #EA385D;
201
+ --vkui--color_text_negative: #F65460;
202
+ --vkui--color_text_negative--hover: #EC515F;
203
+ --vkui--color_text_negative--active: #E24F5D;
204
204
  --vkui--color_text_link: #2e90ff;
205
205
  --vkui--color_text_link--hover: #2C8BF7;
206
206
  --vkui--color_text_link--active: #2A86EF;
@@ -237,9 +237,9 @@
237
237
  --vkui--color_icon_warning: #ff6900;
238
238
  --vkui--color_icon_warning--hover: #F56502;
239
239
  --vkui--color_icon_warning--active: #EB6205;
240
- --vkui--color_icon_negative: #fe3c60;
241
- --vkui--color_icon_negative--hover: #F43A5F;
242
- --vkui--color_icon_negative--active: #EA385D;
240
+ --vkui--color_icon_negative: #F65460;
241
+ --vkui--color_icon_negative--hover: #EC515F;
242
+ --vkui--color_icon_negative--active: #E24F5D;
243
243
  --vkui--color_stroke_accent: #2e90ff;
244
244
  --vkui--color_stroke_accent--hover: #2C8BF7;
245
245
  --vkui--color_stroke_accent--active: #2A86EF;
@@ -255,9 +255,9 @@
255
255
  --vkui--color_stroke_positive: #34c759;
256
256
  --vkui--color_stroke_positive--hover: #32C058;
257
257
  --vkui--color_stroke_positive--active: #30B857;
258
- --vkui--color_stroke_negative: #fe3c60;
259
- --vkui--color_stroke_negative--hover: #F43A5F;
260
- --vkui--color_stroke_negative--active: #EA385D;
258
+ --vkui--color_stroke_negative: #F65460;
259
+ --vkui--color_stroke_negative--hover: #EC515F;
260
+ --vkui--color_stroke_negative--active: #E24F5D;
261
261
  --vkui--color_image_border_alpha: #33333328;
262
262
  --vkui--color_image_border_alpha--hover: rgba(51, 51, 51, 0.2);
263
263
  --vkui--color_image_border_alpha--active: rgba(51, 51, 51, 0.24);
@@ -303,4 +303,7 @@
303
303
  --vkui--color_background_inverse: #262626;
304
304
  --vkui--color_background_inverse--hover: #242527;
305
305
  --vkui--color_background_inverse--active: #232428;
306
+ --vkui--color_stroke_contrast_secondary_alpha: #ffffff1f;
307
+ --vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
308
+ --vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
306
309
  }
@@ -65,7 +65,7 @@
65
65
  --vkui--font_headline2--font_size--compact: var(--vkui--font_headline2--font_size--compact, 14px);
66
66
  --vkui--font_headline2--line_height--compact: var(--vkui--font_headline2--line_height--compact, 20px);
67
67
  --vkui--font_text--font_size--regular: var(--vkui--font_text--font_size--regular, 16px);
68
- --vkui--font_text--line_height--regular: var(--vkui--font_text--line_height--regular, 18.33px);
68
+ --vkui--font_text--line_height--regular: var(--vkui--font_text--line_height--regular, 18.5px);
69
69
  --vkui--font_text--font_family--regular: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
70
70
  --vkui--font_text--font_weight--regular: var(--vkui--font_text--font_weight--regular, 600);
71
71
  --vkui--font_text--font_variation_settings--optical_size--regular: var(--vkui--font_text--font_variation_settings--optical_size--regular, 24);
@@ -349,9 +349,9 @@
349
349
  --vkui--color_background_warning: var(--vkui--color_background_warning, #fff2d6);
350
350
  --vkui--color_background_warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
351
351
  --vkui--color_background_warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
352
- --vkui--color_background_negative: var(--vkui--color_background_negative, #fe3c60);
353
- --vkui--color_background_negative--hover: var(--vkui--color_background_negative--hover, #F43A5F);
354
- --vkui--color_background_negative--active: var(--vkui--color_background_negative--active, #EA385D);
352
+ --vkui--color_background_negative: var(--vkui--color_background_negative, #F65460);
353
+ --vkui--color_background_negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
354
+ --vkui--color_background_negative--active: var(--vkui--color_background_negative--active, #E24F5D);
355
355
  --vkui--color_background_negative_tint: var(--vkui--color_background_negative_tint, #ffe9e9);
356
356
  --vkui--color_background_negative_tint--hover: var(--vkui--color_background_negative_tint--hover, #F5E0E2);
357
357
  --vkui--color_background_negative_tint--active: var(--vkui--color_background_negative_tint--active, #EBD8DB);
@@ -400,9 +400,9 @@
400
400
  --vkui--color_text_positive: var(--vkui--color_text_positive, #34c759);
401
401
  --vkui--color_text_positive--hover: var(--vkui--color_text_positive--hover, #32C058);
402
402
  --vkui--color_text_positive--active: var(--vkui--color_text_positive--active, #30B857);
403
- --vkui--color_text_negative: var(--vkui--color_text_negative, #fe3c60);
404
- --vkui--color_text_negative--hover: var(--vkui--color_text_negative--hover, #F43A5F);
405
- --vkui--color_text_negative--active: var(--vkui--color_text_negative--active, #EA385D);
403
+ --vkui--color_text_negative: var(--vkui--color_text_negative, #F65460);
404
+ --vkui--color_text_negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
405
+ --vkui--color_text_negative--active: var(--vkui--color_text_negative--active, #E24F5D);
406
406
  --vkui--color_text_link: var(--vkui--color_text_link, #2e90ff);
407
407
  --vkui--color_text_link--hover: var(--vkui--color_text_link--hover, #2C8BF7);
408
408
  --vkui--color_text_link--active: var(--vkui--color_text_link--active, #2A86EF);
@@ -466,9 +466,9 @@
466
466
  --vkui--color_icon_warning: var(--vkui--color_icon_warning, #ff6900);
467
467
  --vkui--color_icon_warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
468
468
  --vkui--color_icon_warning--active: var(--vkui--color_icon_warning--active, #EB6205);
469
- --vkui--color_icon_negative: var(--vkui--color_icon_negative, #fe3c60);
470
- --vkui--color_icon_negative--hover: var(--vkui--color_icon_negative--hover, #F43A5F);
471
- --vkui--color_icon_negative--active: var(--vkui--color_icon_negative--active, #EA385D);
469
+ --vkui--color_icon_negative: var(--vkui--color_icon_negative, #F65460);
470
+ --vkui--color_icon_negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
471
+ --vkui--color_icon_negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
472
472
  --vkui--color_stroke_accent: var(--vkui--color_stroke_accent, #2e90ff);
473
473
  --vkui--color_stroke_accent--hover: var(--vkui--color_stroke_accent--hover, #2C8BF7);
474
474
  --vkui--color_stroke_accent--active: var(--vkui--color_stroke_accent--active, #2A86EF);
@@ -493,9 +493,9 @@
493
493
  --vkui--color_stroke_positive: var(--vkui--color_stroke_positive, #34c759);
494
494
  --vkui--color_stroke_positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
495
495
  --vkui--color_stroke_positive--active: var(--vkui--color_stroke_positive--active, #30B857);
496
- --vkui--color_stroke_negative: var(--vkui--color_stroke_negative, #fe3c60);
497
- --vkui--color_stroke_negative--hover: var(--vkui--color_stroke_negative--hover, #F43A5F);
498
- --vkui--color_stroke_negative--active: var(--vkui--color_stroke_negative--active, #EA385D);
496
+ --vkui--color_stroke_negative: var(--vkui--color_stroke_negative, #F65460);
497
+ --vkui--color_stroke_negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
498
+ --vkui--color_stroke_negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
499
499
  --vkui--color_stroke_contrast: var(--vkui--color_stroke_contrast, #ffffff);
500
500
  --vkui--color_stroke_contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
501
501
  --vkui--color_stroke_contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
@@ -622,6 +622,12 @@
622
622
  --vkui--color_transparent: var(--vkui--color_transparent, #00000000);
623
623
  --vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
624
624
  --vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
625
+ --vkui--color_background_inverse: var(--vkui--color_background_inverse, #262626);
626
+ --vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
627
+ --vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #232428);
628
+ --vkui--color_stroke_contrast_secondary_alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
629
+ --vkui--color_stroke_contrast_secondary_alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
630
+ --vkui--color_stroke_contrast_secondary_alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
625
631
  --vkui--vkontakte_color_snippet_border_alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
626
632
  --vkui--vkontakte_color_snippet_border_alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
627
633
  --vkui--vkontakte_color_snippet_border_alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
@@ -868,9 +874,6 @@
868
874
  --vkui--vkontakte_palette_black: var(--vkui--vkontakte_palette_black, #000000);
869
875
  --vkui--vkontakte_palette_black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
870
876
  --vkui--vkontakte_palette_black--active: var(--vkui--vkontakte_palette_black--active, #000105);
871
- --vkui--color_background_inverse: var(--vkui--color_background_inverse, #262626);
872
- --vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
873
- --vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #232428);
874
877
  }
875
878
 
876
879
  .vkui--font_display_title1--regular {
@@ -998,8 +1001,8 @@
998
1001
  .vkui--font_text--regular {
999
1002
  font-size: var(--vkui--font_text--font_size--regular, 16px);
1000
1003
  font-size: var(--vkui--font_text--font_size--regular, var(--vkui--font_text--font_size--regular, 16px));
1001
- line-height: var(--vkui--font_text--line_height--regular, 18.33px);
1002
- line-height: var(--vkui--font_text--line_height--regular, var(--vkui--font_text--line_height--regular, 18.33px));
1004
+ line-height: var(--vkui--font_text--line_height--regular, 18.5px);
1005
+ line-height: var(--vkui--font_text--line_height--regular, var(--vkui--font_text--line_height--regular, 18.5px));
1003
1006
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
1004
1007
  font-family: var(--vkui--font_text--font_family--regular, var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif));
1005
1008
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
@@ -226,9 +226,9 @@
226
226
  @color-background-warning: var(--vkui--color_background_warning, #fff2d6);
227
227
  @color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
228
228
  @color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
229
- @color-background-negative: var(--vkui--color_background_negative, #fe3c60);
230
- @color-background-negative--hover: var(--vkui--color_background_negative--hover, #F43A5F);
231
- @color-background-negative--active: var(--vkui--color_background_negative--active, #EA385D);
229
+ @color-background-negative: var(--vkui--color_background_negative, #F65460);
230
+ @color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
231
+ @color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
232
232
  @color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
233
233
  @color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #F5E0E2);
234
234
  @color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #EBD8DB);
@@ -277,9 +277,9 @@
277
277
  @color-text-positive: var(--vkui--color_text_positive, #34c759);
278
278
  @color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
279
279
  @color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
280
- @color-text-negative: var(--vkui--color_text_negative, #fe3c60);
281
- @color-text-negative--hover: var(--vkui--color_text_negative--hover, #F43A5F);
282
- @color-text-negative--active: var(--vkui--color_text_negative--active, #EA385D);
280
+ @color-text-negative: var(--vkui--color_text_negative, #F65460);
281
+ @color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
282
+ @color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
283
283
  @color-text-link: var(--vkui--color_text_link, #2e90ff);
284
284
  @color-text-link--hover: var(--vkui--color_text_link--hover, #2C8BF7);
285
285
  @color-text-link--active: var(--vkui--color_text_link--active, #2A86EF);
@@ -343,9 +343,9 @@
343
343
  @color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
344
344
  @color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
345
345
  @color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
346
- @color-icon-negative: var(--vkui--color_icon_negative, #fe3c60);
347
- @color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #F43A5F);
348
- @color-icon-negative--active: var(--vkui--color_icon_negative--active, #EA385D);
346
+ @color-icon-negative: var(--vkui--color_icon_negative, #F65460);
347
+ @color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
348
+ @color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
349
349
  @color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
350
350
  @color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #2C8BF7);
351
351
  @color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #2A86EF);
@@ -370,9 +370,9 @@
370
370
  @color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
371
371
  @color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
372
372
  @color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
373
- @color-stroke-negative: var(--vkui--color_stroke_negative, #fe3c60);
374
- @color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #F43A5F);
375
- @color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #EA385D);
373
+ @color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
374
+ @color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
375
+ @color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
376
376
  @color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
377
377
  @color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
378
378
  @color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
@@ -499,6 +499,12 @@
499
499
  @color-transparent: var(--vkui--color_transparent, #00000000);
500
500
  @color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
501
501
  @color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
502
+ @color-background-inverse: var(--vkui--color_background_inverse, #262626);
503
+ @color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
504
+ @color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
505
+ @color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
506
+ @color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
507
+ @color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
502
508
  @vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
503
509
  @vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
504
510
  @vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
@@ -745,9 +751,6 @@
745
751
  @vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
746
752
  @vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
747
753
  @vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
748
- @color-background-inverse: var(--vkui--color_background_inverse, #262626);
749
- @color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
750
- @color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
751
754
 
752
755
 
753
756
  .font-display-title1--regular {
@@ -825,7 +828,7 @@
825
828
  }
826
829
  .font-text--regular {
827
830
  font-size: var(--vkui--font_text--font_size--regular, 16px);
828
- line-height: var(--vkui--font_text--line_height--regular, 18.33px);
831
+ line-height: var(--vkui--font_text--line_height--regular, 18.5px);
829
832
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
830
833
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
831
834
  }
@@ -227,9 +227,9 @@
227
227
  --color-background-warning: var(--vkui--color_background_warning, #fff2d6);
228
228
  --color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
229
229
  --color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
230
- --color-background-negative: var(--vkui--color_background_negative, #fe3c60);
231
- --color-background-negative--hover: var(--vkui--color_background_negative--hover, #F43A5F);
232
- --color-background-negative--active: var(--vkui--color_background_negative--active, #EA385D);
230
+ --color-background-negative: var(--vkui--color_background_negative, #F65460);
231
+ --color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
232
+ --color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
233
233
  --color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
234
234
  --color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #F5E0E2);
235
235
  --color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #EBD8DB);
@@ -278,9 +278,9 @@
278
278
  --color-text-positive: var(--vkui--color_text_positive, #34c759);
279
279
  --color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
280
280
  --color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
281
- --color-text-negative: var(--vkui--color_text_negative, #fe3c60);
282
- --color-text-negative--hover: var(--vkui--color_text_negative--hover, #F43A5F);
283
- --color-text-negative--active: var(--vkui--color_text_negative--active, #EA385D);
281
+ --color-text-negative: var(--vkui--color_text_negative, #F65460);
282
+ --color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
283
+ --color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
284
284
  --color-text-link: var(--vkui--color_text_link, #2e90ff);
285
285
  --color-text-link--hover: var(--vkui--color_text_link--hover, #2C8BF7);
286
286
  --color-text-link--active: var(--vkui--color_text_link--active, #2A86EF);
@@ -344,9 +344,9 @@
344
344
  --color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
345
345
  --color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
346
346
  --color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
347
- --color-icon-negative: var(--vkui--color_icon_negative, #fe3c60);
348
- --color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #F43A5F);
349
- --color-icon-negative--active: var(--vkui--color_icon_negative--active, #EA385D);
347
+ --color-icon-negative: var(--vkui--color_icon_negative, #F65460);
348
+ --color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
349
+ --color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
350
350
  --color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
351
351
  --color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #2C8BF7);
352
352
  --color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #2A86EF);
@@ -371,9 +371,9 @@
371
371
  --color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
372
372
  --color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
373
373
  --color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
374
- --color-stroke-negative: var(--vkui--color_stroke_negative, #fe3c60);
375
- --color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #F43A5F);
376
- --color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #EA385D);
374
+ --color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
375
+ --color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
376
+ --color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
377
377
  --color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
378
378
  --color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
379
379
  --color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
@@ -500,6 +500,12 @@
500
500
  --color-transparent: var(--vkui--color_transparent, #00000000);
501
501
  --color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
502
502
  --color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
503
+ --color-background-inverse: var(--vkui--color_background_inverse, #262626);
504
+ --color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
505
+ --color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
506
+ --color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
507
+ --color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
508
+ --color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
503
509
  --vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
504
510
  --vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
505
511
  --vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
@@ -746,9 +752,6 @@
746
752
  --vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
747
753
  --vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
748
754
  --vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
749
- --color-background-inverse: var(--vkui--color_background_inverse, #262626);
750
- --color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
751
- --color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
752
755
  }
753
756
 
754
757
  %font-display-title1--regular {
@@ -826,7 +829,7 @@
826
829
  }
827
830
  %font-text--regular {
828
831
  font-size: var(--vkui--font_text--font_size--regular, 16px);
829
- line-height: var(--vkui--font_text--line_height--regular, 18.33px);
832
+ line-height: var(--vkui--font_text--line_height--regular, 18.5px);
830
833
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
831
834
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
832
835
  }
@@ -226,9 +226,9 @@ $color-background-positive-tint--active: var(--vkui--color_background_positive_t
226
226
  $color-background-warning: var(--vkui--color_background_warning, #fff2d6);
227
227
  $color-background-warning--hover: var(--vkui--color_background_warning--hover, #F5E9D0);
228
228
  $color-background-warning--active: var(--vkui--color_background_warning--active, #EBE0CA);
229
- $color-background-negative: var(--vkui--color_background_negative, #fe3c60);
230
- $color-background-negative--hover: var(--vkui--color_background_negative--hover, #F43A5F);
231
- $color-background-negative--active: var(--vkui--color_background_negative--active, #EA385D);
229
+ $color-background-negative: var(--vkui--color_background_negative, #F65460);
230
+ $color-background-negative--hover: var(--vkui--color_background_negative--hover, #EC515F);
231
+ $color-background-negative--active: var(--vkui--color_background_negative--active, #E24F5D);
232
232
  $color-background-negative-tint: var(--vkui--color_background_negative_tint, #ffe9e9);
233
233
  $color-background-negative-tint--hover: var(--vkui--color_background_negative_tint--hover, #F5E0E2);
234
234
  $color-background-negative-tint--active: var(--vkui--color_background_negative_tint--active, #EBD8DB);
@@ -277,9 +277,9 @@ $color-text-contrast-themed--active: var(--vkui--color_text_contrast_themed--act
277
277
  $color-text-positive: var(--vkui--color_text_positive, #34c759);
278
278
  $color-text-positive--hover: var(--vkui--color_text_positive--hover, #32C058);
279
279
  $color-text-positive--active: var(--vkui--color_text_positive--active, #30B857);
280
- $color-text-negative: var(--vkui--color_text_negative, #fe3c60);
281
- $color-text-negative--hover: var(--vkui--color_text_negative--hover, #F43A5F);
282
- $color-text-negative--active: var(--vkui--color_text_negative--active, #EA385D);
280
+ $color-text-negative: var(--vkui--color_text_negative, #F65460);
281
+ $color-text-negative--hover: var(--vkui--color_text_negative--hover, #EC515F);
282
+ $color-text-negative--active: var(--vkui--color_text_negative--active, #E24F5D);
283
283
  $color-text-link: var(--vkui--color_text_link, #2e90ff);
284
284
  $color-text-link--hover: var(--vkui--color_text_link--hover, #2C8BF7);
285
285
  $color-text-link--active: var(--vkui--color_text_link--active, #2A86EF);
@@ -343,9 +343,9 @@ $color-icon-positive--active: var(--vkui--color_icon_positive--active, #30B857);
343
343
  $color-icon-warning: var(--vkui--color_icon_warning, #ff6900);
344
344
  $color-icon-warning--hover: var(--vkui--color_icon_warning--hover, #F56502);
345
345
  $color-icon-warning--active: var(--vkui--color_icon_warning--active, #EB6205);
346
- $color-icon-negative: var(--vkui--color_icon_negative, #fe3c60);
347
- $color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #F43A5F);
348
- $color-icon-negative--active: var(--vkui--color_icon_negative--active, #EA385D);
346
+ $color-icon-negative: var(--vkui--color_icon_negative, #F65460);
347
+ $color-icon-negative--hover: var(--vkui--color_icon_negative--hover, #EC515F);
348
+ $color-icon-negative--active: var(--vkui--color_icon_negative--active, #E24F5D);
349
349
  $color-stroke-accent: var(--vkui--color_stroke_accent, #2e90ff);
350
350
  $color-stroke-accent--hover: var(--vkui--color_stroke_accent--hover, #2C8BF7);
351
351
  $color-stroke-accent--active: var(--vkui--color_stroke_accent--active, #2A86EF);
@@ -370,9 +370,9 @@ $color-separator-secondary--active: var(--vkui--color_separator_secondary--activ
370
370
  $color-stroke-positive: var(--vkui--color_stroke_positive, #34c759);
371
371
  $color-stroke-positive--hover: var(--vkui--color_stroke_positive--hover, #32C058);
372
372
  $color-stroke-positive--active: var(--vkui--color_stroke_positive--active, #30B857);
373
- $color-stroke-negative: var(--vkui--color_stroke_negative, #fe3c60);
374
- $color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #F43A5F);
375
- $color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #EA385D);
373
+ $color-stroke-negative: var(--vkui--color_stroke_negative, #F65460);
374
+ $color-stroke-negative--hover: var(--vkui--color_stroke_negative--hover, #EC515F);
375
+ $color-stroke-negative--active: var(--vkui--color_stroke_negative--active, #E24F5D);
376
376
  $color-stroke-contrast: var(--vkui--color_stroke_contrast, #ffffff);
377
377
  $color-stroke-contrast--hover: var(--vkui--color_stroke_contrast--hover, #F5F5F7);
378
378
  $color-stroke-contrast--active: var(--vkui--color_stroke_contrast--active, #EBECEF);
@@ -499,6 +499,12 @@ $color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--act
499
499
  $color-transparent: var(--vkui--color_transparent, #00000000);
500
500
  $color-transparent--hover: var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
501
501
  $color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
502
+ $color-background-inverse: var(--vkui--color_background_inverse, #262626);
503
+ $color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
504
+ $color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
505
+ $color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
506
+ $color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
507
+ $color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
502
508
  $vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
503
509
  $vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
504
510
  $vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
@@ -745,9 +751,6 @@ $vkontakte-stories-skeleton-loader-background--active: var(--vkui--vkontakte_sto
745
751
  $vkontakte-palette-black: var(--vkui--vkontakte_palette_black, #000000);
746
752
  $vkontakte-palette-black--hover: var(--vkui--vkontakte_palette_black--hover, #000102);
747
753
  $vkontakte-palette-black--active: var(--vkui--vkontakte_palette_black--active, #000105);
748
- $color-background-inverse: var(--vkui--color_background_inverse, #262626);
749
- $color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #242527);
750
- $color-background-inverse--active: var(--vkui--color_background_inverse--active, #232428);
751
754
 
752
755
 
753
756
  @mixin font-display-title1--regular() {
@@ -921,13 +924,13 @@ $font-headline2--compact--map: (
921
924
  );
922
925
  @mixin font-text--regular() {
923
926
  font-size: var(--vkui--font_text--font_size--regular, 16px);
924
- line-height: var(--vkui--font_text--line_height--regular, 18.33px);
927
+ line-height: var(--vkui--font_text--line_height--regular, 18.5px);
925
928
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
926
929
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
927
930
  }
928
931
  $font-text--regular--map: (
929
932
  'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
930
- 'lineHeight': "var(--vkui--font_text--line_height--regular, 18.33px)",
933
+ 'lineHeight': "var(--vkui--font_text--line_height--regular, 18.5px)",
931
934
  'fontFamily': "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
932
935
  'fontWeight': "var(--vkui--font_text--font_weight--regular, 600)",
933
936
  'fontVariationSettings.opticalSize': "var(--vkui--font_text--font_variation_settings--optical_size--regular, 24)",
@@ -940,7 +943,7 @@ $font-text--regular--map: (
940
943
  }
941
944
  $font-text--regular--map: (
942
945
  'fontSize': "var(--vkui--font_text--font_size--regular, 16px)",
943
- 'lineHeight': "var(--vkui--font_text--line_height--regular, 18.33px)",
946
+ 'lineHeight': "var(--vkui--font_text--line_height--regular, 18.5px)",
944
947
  'fontFamily': "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)",
945
948
  'fontWeight': "var(--vkui--font_text--font_weight--regular, 600)",
946
949
  'fontVariationSettings.opticalSize': "var(--vkui--font_text--font_variation_settings--optical_size--regular, 24)",
@@ -226,9 +226,9 @@ $color-background-positive-tint--active = var(--vkui--color_background_positive_
226
226
  $color-background-warning = var(--vkui--color_background_warning, #fff2d6);
227
227
  $color-background-warning--hover = var(--vkui--color_background_warning--hover, #F5E9D0);
228
228
  $color-background-warning--active = var(--vkui--color_background_warning--active, #EBE0CA);
229
- $color-background-negative = var(--vkui--color_background_negative, #fe3c60);
230
- $color-background-negative--hover = var(--vkui--color_background_negative--hover, #F43A5F);
231
- $color-background-negative--active = var(--vkui--color_background_negative--active, #EA385D);
229
+ $color-background-negative = var(--vkui--color_background_negative, #F65460);
230
+ $color-background-negative--hover = var(--vkui--color_background_negative--hover, #EC515F);
231
+ $color-background-negative--active = var(--vkui--color_background_negative--active, #E24F5D);
232
232
  $color-background-negative-tint = var(--vkui--color_background_negative_tint, #ffe9e9);
233
233
  $color-background-negative-tint--hover = var(--vkui--color_background_negative_tint--hover, #F5E0E2);
234
234
  $color-background-negative-tint--active = var(--vkui--color_background_negative_tint--active, #EBD8DB);
@@ -277,9 +277,9 @@ $color-text-contrast-themed--active = var(--vkui--color_text_contrast_themed--ac
277
277
  $color-text-positive = var(--vkui--color_text_positive, #34c759);
278
278
  $color-text-positive--hover = var(--vkui--color_text_positive--hover, #32C058);
279
279
  $color-text-positive--active = var(--vkui--color_text_positive--active, #30B857);
280
- $color-text-negative = var(--vkui--color_text_negative, #fe3c60);
281
- $color-text-negative--hover = var(--vkui--color_text_negative--hover, #F43A5F);
282
- $color-text-negative--active = var(--vkui--color_text_negative--active, #EA385D);
280
+ $color-text-negative = var(--vkui--color_text_negative, #F65460);
281
+ $color-text-negative--hover = var(--vkui--color_text_negative--hover, #EC515F);
282
+ $color-text-negative--active = var(--vkui--color_text_negative--active, #E24F5D);
283
283
  $color-text-link = var(--vkui--color_text_link, #2e90ff);
284
284
  $color-text-link--hover = var(--vkui--color_text_link--hover, #2C8BF7);
285
285
  $color-text-link--active = var(--vkui--color_text_link--active, #2A86EF);
@@ -343,9 +343,9 @@ $color-icon-positive--active = var(--vkui--color_icon_positive--active, #30B857)
343
343
  $color-icon-warning = var(--vkui--color_icon_warning, #ff6900);
344
344
  $color-icon-warning--hover = var(--vkui--color_icon_warning--hover, #F56502);
345
345
  $color-icon-warning--active = var(--vkui--color_icon_warning--active, #EB6205);
346
- $color-icon-negative = var(--vkui--color_icon_negative, #fe3c60);
347
- $color-icon-negative--hover = var(--vkui--color_icon_negative--hover, #F43A5F);
348
- $color-icon-negative--active = var(--vkui--color_icon_negative--active, #EA385D);
346
+ $color-icon-negative = var(--vkui--color_icon_negative, #F65460);
347
+ $color-icon-negative--hover = var(--vkui--color_icon_negative--hover, #EC515F);
348
+ $color-icon-negative--active = var(--vkui--color_icon_negative--active, #E24F5D);
349
349
  $color-stroke-accent = var(--vkui--color_stroke_accent, #2e90ff);
350
350
  $color-stroke-accent--hover = var(--vkui--color_stroke_accent--hover, #2C8BF7);
351
351
  $color-stroke-accent--active = var(--vkui--color_stroke_accent--active, #2A86EF);
@@ -370,9 +370,9 @@ $color-separator-secondary--active = var(--vkui--color_separator_secondary--acti
370
370
  $color-stroke-positive = var(--vkui--color_stroke_positive, #34c759);
371
371
  $color-stroke-positive--hover = var(--vkui--color_stroke_positive--hover, #32C058);
372
372
  $color-stroke-positive--active = var(--vkui--color_stroke_positive--active, #30B857);
373
- $color-stroke-negative = var(--vkui--color_stroke_negative, #fe3c60);
374
- $color-stroke-negative--hover = var(--vkui--color_stroke_negative--hover, #F43A5F);
375
- $color-stroke-negative--active = var(--vkui--color_stroke_negative--active, #EA385D);
373
+ $color-stroke-negative = var(--vkui--color_stroke_negative, #F65460);
374
+ $color-stroke-negative--hover = var(--vkui--color_stroke_negative--hover, #EC515F);
375
+ $color-stroke-negative--active = var(--vkui--color_stroke_negative--active, #E24F5D);
376
376
  $color-stroke-contrast = var(--vkui--color_stroke_contrast, #ffffff);
377
377
  $color-stroke-contrast--hover = var(--vkui--color_stroke_contrast--hover, #F5F5F7);
378
378
  $color-stroke-contrast--active = var(--vkui--color_stroke_contrast--active, #EBECEF);
@@ -499,6 +499,12 @@ $color-tabbar-text-inactive--active = var(--vkui--color_tabbar_text_inactive--ac
499
499
  $color-transparent = var(--vkui--color_transparent, #00000000);
500
500
  $color-transparent--hover = var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04));
501
501
  $color-transparent--active = var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08));
502
+ $color-background-inverse = var(--vkui--color_background_inverse, #262626);
503
+ $color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #242527);
504
+ $color-background-inverse--active = var(--vkui--color_background_inverse--active, #232428);
505
+ $color-stroke-contrast-secondary-alpha = var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1f);
506
+ $color-stroke-contrast-secondary-alpha--hover = var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
507
+ $color-stroke-contrast-secondary-alpha--active = var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
502
508
  $vkontakte-color-snippet-border-alpha = var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15));
503
509
  $vkontakte-color-snippet-border-alpha--hover = var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19));
504
510
  $vkontakte-color-snippet-border-alpha--active = var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23));
@@ -745,9 +751,6 @@ $vkontakte-stories-skeleton-loader-background--active = var(--vkui--vkontakte_st
745
751
  $vkontakte-palette-black = var(--vkui--vkontakte_palette_black, #000000);
746
752
  $vkontakte-palette-black--hover = var(--vkui--vkontakte_palette_black--hover, #000102);
747
753
  $vkontakte-palette-black--active = var(--vkui--vkontakte_palette_black--active, #000105);
748
- $color-background-inverse = var(--vkui--color_background_inverse, #262626);
749
- $color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #242527);
750
- $color-background-inverse--active = var(--vkui--color_background_inverse--active, #232428);
751
754
 
752
755
 
753
756
  font-display-title1--regular() {
@@ -825,7 +828,7 @@ font-headline2--compact() {
825
828
  }
826
829
  font-text--regular() {
827
830
  font-size: var(--vkui--font_text--font_size--regular, 16px);
828
- line-height: var(--vkui--font_text--line_height--regular, 18.33px);
831
+ line-height: var(--vkui--font_text--line_height--regular, 18.5px);
829
832
  font-family: var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
830
833
  font-weight: var(--vkui--font_text--font_weight--regular, 600);
831
834
  }