@vkontakte/vkui-tokens 4.39.1 → 4.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (412) hide show
  1. package/interfaces/themes/media/index.d.ts +4 -1
  2. package/package.json +8 -8
  3. package/themeDescriptions/base/figma/vk.json +218 -177
  4. package/themeDescriptions/base/vk.js +1 -1
  5. package/themes/calendar/cssVars/declarations/index.css +12 -12
  6. package/themes/calendar/cssVars/declarations/noColors.css +12 -12
  7. package/themes/calendar/cssVars/declarations/onlyVariables.css +4 -4
  8. package/themes/calendar/cssVars/declarations/onlyVariables.js +2 -2
  9. package/themes/calendar/cssVars/declarations/onlyVariablesLocal.css +4 -4
  10. package/themes/calendar/cssVars/declarations/onlyVariablesLocalIncremental.css +4 -4
  11. package/themes/calendar/cssVars/theme/fallbacks/index.css +12 -12
  12. package/themes/calendar/cssVars/theme/fallbacks/index.less +4 -4
  13. package/themes/calendar/cssVars/theme/fallbacks/index.pcss +4 -4
  14. package/themes/calendar/cssVars/theme/fallbacks/index.scss +12 -12
  15. package/themes/calendar/cssVars/theme/fallbacks/index.styl +4 -4
  16. package/themes/calendar/cssVars/theme/index.js +4 -4
  17. package/themes/calendar/cssVars/theme/index.json +4 -4
  18. package/themes/calendar/index.css +12 -12
  19. package/themes/calendar/index.js +4 -4
  20. package/themes/calendar/index.json +4 -4
  21. package/themes/calendar/index.less +4 -4
  22. package/themes/calendar/index.pcss +4 -4
  23. package/themes/calendar/index.scss +12 -12
  24. package/themes/calendar/index.styl +4 -4
  25. package/themes/calendar/struct.json +4 -4
  26. package/themes/calendarDark/cssVars/declarations/index.css +12 -12
  27. package/themes/calendarDark/cssVars/declarations/noColors.css +12 -12
  28. package/themes/calendarDark/cssVars/declarations/onlyVariables.css +4 -4
  29. package/themes/calendarDark/cssVars/declarations/onlyVariables.js +2 -2
  30. package/themes/calendarDark/cssVars/declarations/onlyVariablesLocal.css +4 -4
  31. package/themes/calendarDark/cssVars/declarations/onlyVariablesLocalIncremental.css +4 -4
  32. package/themes/calendarDark/cssVars/theme/fallbacks/index.css +12 -12
  33. package/themes/calendarDark/cssVars/theme/fallbacks/index.less +4 -4
  34. package/themes/calendarDark/cssVars/theme/fallbacks/index.pcss +4 -4
  35. package/themes/calendarDark/cssVars/theme/fallbacks/index.scss +12 -12
  36. package/themes/calendarDark/cssVars/theme/fallbacks/index.styl +4 -4
  37. package/themes/calendarDark/cssVars/theme/index.js +4 -4
  38. package/themes/calendarDark/cssVars/theme/index.json +4 -4
  39. package/themes/calendarDark/index.css +12 -12
  40. package/themes/calendarDark/index.js +4 -4
  41. package/themes/calendarDark/index.json +4 -4
  42. package/themes/calendarDark/index.less +4 -4
  43. package/themes/calendarDark/index.pcss +4 -4
  44. package/themes/calendarDark/index.scss +12 -12
  45. package/themes/calendarDark/index.styl +4 -4
  46. package/themes/calendarDark/struct.json +4 -4
  47. package/themes/media/cssVars/declarations/index.css +59 -8
  48. package/themes/media/cssVars/declarations/noColors.css +12 -0
  49. package/themes/media/cssVars/declarations/noSizes.css +12 -0
  50. package/themes/media/cssVars/declarations/onlyMedia.css +47 -8
  51. package/themes/media/cssVars/declarations/onlyVariables.css +12 -0
  52. package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
  53. package/themes/media/cssVars/declarations/onlyVariablesLocal.css +12 -0
  54. package/themes/media/cssVars/declarations/onlyVariablesLocalIncremental.css +12 -0
  55. package/themes/media/cssVars/theme/fallbacks/index.css +12 -0
  56. package/themes/media/cssVars/theme/fallbacks/index.less +22 -10
  57. package/themes/media/cssVars/theme/fallbacks/index.pcss +22 -10
  58. package/themes/media/cssVars/theme/fallbacks/index.scss +22 -10
  59. package/themes/media/cssVars/theme/fallbacks/index.styl +22 -10
  60. package/themes/media/cssVars/theme/index.js +79 -13
  61. package/themes/media/cssVars/theme/index.json +79 -13
  62. package/themes/media/docs.json +12 -0
  63. package/themes/media/index.css +12 -0
  64. package/themes/media/index.js +31 -13
  65. package/themes/media/index.json +31 -13
  66. package/themes/media/index.less +22 -10
  67. package/themes/media/index.pcss +22 -10
  68. package/themes/media/index.scss +22 -10
  69. package/themes/media/index.styl +22 -10
  70. package/themes/media/struct.json +31 -13
  71. package/themes/mediaDark/cssVars/declarations/index.css +59 -8
  72. package/themes/mediaDark/cssVars/declarations/noColors.css +12 -0
  73. package/themes/mediaDark/cssVars/declarations/noSizes.css +12 -0
  74. package/themes/mediaDark/cssVars/declarations/onlyMedia.css +47 -8
  75. package/themes/mediaDark/cssVars/declarations/onlyVariables.css +12 -0
  76. package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
  77. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +12 -0
  78. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocalIncremental.css +12 -0
  79. package/themes/mediaDark/cssVars/theme/fallbacks/index.css +12 -0
  80. package/themes/mediaDark/cssVars/theme/fallbacks/index.less +22 -10
  81. package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +22 -10
  82. package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +22 -10
  83. package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +22 -10
  84. package/themes/mediaDark/cssVars/theme/index.js +79 -13
  85. package/themes/mediaDark/cssVars/theme/index.json +79 -13
  86. package/themes/mediaDark/docs.json +12 -0
  87. package/themes/mediaDark/index.css +12 -0
  88. package/themes/mediaDark/index.js +31 -13
  89. package/themes/mediaDark/index.json +31 -13
  90. package/themes/mediaDark/index.less +22 -10
  91. package/themes/mediaDark/index.pcss +22 -10
  92. package/themes/mediaDark/index.scss +22 -10
  93. package/themes/mediaDark/index.styl +22 -10
  94. package/themes/mediaDark/struct.json +31 -13
  95. package/themes/mycom/cssVars/declarations/index.css +59 -8
  96. package/themes/mycom/cssVars/declarations/noColors.css +12 -0
  97. package/themes/mycom/cssVars/declarations/noSizes.css +12 -0
  98. package/themes/mycom/cssVars/declarations/onlyMedia.css +47 -8
  99. package/themes/mycom/cssVars/declarations/onlyVariables.css +12 -0
  100. package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
  101. package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +12 -0
  102. package/themes/mycom/cssVars/declarations/onlyVariablesLocalIncremental.css +12 -0
  103. package/themes/mycom/cssVars/theme/fallbacks/index.css +12 -0
  104. package/themes/mycom/cssVars/theme/fallbacks/index.less +22 -10
  105. package/themes/mycom/cssVars/theme/fallbacks/index.pcss +22 -10
  106. package/themes/mycom/cssVars/theme/fallbacks/index.scss +22 -10
  107. package/themes/mycom/cssVars/theme/fallbacks/index.styl +22 -10
  108. package/themes/mycom/cssVars/theme/index.js +79 -13
  109. package/themes/mycom/cssVars/theme/index.json +79 -13
  110. package/themes/mycom/docs.json +12 -0
  111. package/themes/mycom/index.css +12 -0
  112. package/themes/mycom/index.js +31 -13
  113. package/themes/mycom/index.json +31 -13
  114. package/themes/mycom/index.less +22 -10
  115. package/themes/mycom/index.pcss +22 -10
  116. package/themes/mycom/index.scss +22 -10
  117. package/themes/mycom/index.styl +22 -10
  118. package/themes/mycom/struct.json +31 -13
  119. package/themes/octaviusVK/cssVars/declarations/index.css +6 -6
  120. package/themes/octaviusVK/cssVars/declarations/noSizes.css +6 -6
  121. package/themes/octaviusVK/cssVars/declarations/onlyColors.css +6 -6
  122. package/themes/octaviusVK/cssVars/declarations/onlyColors.js +2 -2
  123. package/themes/octaviusVK/cssVars/declarations/onlyVariables.css +6 -6
  124. package/themes/octaviusVK/cssVars/declarations/onlyVariables.js +2 -2
  125. package/themes/octaviusVK/cssVars/declarations/onlyVariablesLocal.css +6 -6
  126. package/themes/octaviusVK/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -6
  127. package/themes/octaviusVK/cssVars/theme/fallbacks/index.css +6 -6
  128. package/themes/octaviusVK/cssVars/theme/fallbacks/index.less +6 -6
  129. package/themes/octaviusVK/cssVars/theme/fallbacks/index.pcss +6 -6
  130. package/themes/octaviusVK/cssVars/theme/fallbacks/index.scss +6 -6
  131. package/themes/octaviusVK/cssVars/theme/fallbacks/index.styl +6 -6
  132. package/themes/octaviusVK/cssVars/theme/index.js +6 -6
  133. package/themes/octaviusVK/cssVars/theme/index.json +6 -6
  134. package/themes/octaviusVK/index.css +6 -6
  135. package/themes/octaviusVK/index.js +6 -6
  136. package/themes/octaviusVK/index.json +6 -6
  137. package/themes/octaviusVK/index.less +6 -6
  138. package/themes/octaviusVK/index.pcss +6 -6
  139. package/themes/octaviusVK/index.scss +6 -6
  140. package/themes/octaviusVK/index.styl +6 -6
  141. package/themes/octaviusVK/struct.json +6 -6
  142. package/themes/octaviusVKDark/cssVars/declarations/index.css +3 -3
  143. package/themes/octaviusVKDark/cssVars/declarations/noSizes.css +3 -3
  144. package/themes/octaviusVKDark/cssVars/declarations/onlyColors.css +3 -3
  145. package/themes/octaviusVKDark/cssVars/declarations/onlyColors.js +2 -2
  146. package/themes/octaviusVKDark/cssVars/declarations/onlyVariables.css +3 -3
  147. package/themes/octaviusVKDark/cssVars/declarations/onlyVariables.js +2 -2
  148. package/themes/octaviusVKDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
  149. package/themes/octaviusVKDark/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
  150. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.css +3 -3
  151. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.less +3 -3
  152. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.pcss +3 -3
  153. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.scss +3 -3
  154. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.styl +3 -3
  155. package/themes/octaviusVKDark/cssVars/theme/index.js +3 -3
  156. package/themes/octaviusVKDark/cssVars/theme/index.json +3 -3
  157. package/themes/octaviusVKDark/index.css +3 -3
  158. package/themes/octaviusVKDark/index.js +3 -3
  159. package/themes/octaviusVKDark/index.json +3 -3
  160. package/themes/octaviusVKDark/index.less +3 -3
  161. package/themes/octaviusVKDark/index.pcss +3 -3
  162. package/themes/octaviusVKDark/index.scss +3 -3
  163. package/themes/octaviusVKDark/index.styl +3 -3
  164. package/themes/octaviusVKDark/struct.json +3 -3
  165. package/themes/pharma/cssVars/declarations/index.css +59 -8
  166. package/themes/pharma/cssVars/declarations/noColors.css +12 -0
  167. package/themes/pharma/cssVars/declarations/noSizes.css +12 -0
  168. package/themes/pharma/cssVars/declarations/onlyMedia.css +47 -8
  169. package/themes/pharma/cssVars/declarations/onlyVariables.css +12 -0
  170. package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
  171. package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +12 -0
  172. package/themes/pharma/cssVars/declarations/onlyVariablesLocalIncremental.css +12 -0
  173. package/themes/pharma/cssVars/theme/fallbacks/index.css +12 -0
  174. package/themes/pharma/cssVars/theme/fallbacks/index.less +22 -10
  175. package/themes/pharma/cssVars/theme/fallbacks/index.pcss +22 -10
  176. package/themes/pharma/cssVars/theme/fallbacks/index.scss +22 -10
  177. package/themes/pharma/cssVars/theme/fallbacks/index.styl +22 -10
  178. package/themes/pharma/cssVars/theme/index.js +79 -13
  179. package/themes/pharma/cssVars/theme/index.json +79 -13
  180. package/themes/pharma/docs.json +12 -0
  181. package/themes/pharma/index.css +12 -0
  182. package/themes/pharma/index.js +31 -13
  183. package/themes/pharma/index.json +31 -13
  184. package/themes/pharma/index.less +22 -10
  185. package/themes/pharma/index.pcss +22 -10
  186. package/themes/pharma/index.scss +22 -10
  187. package/themes/pharma/index.styl +22 -10
  188. package/themes/pharma/struct.json +31 -13
  189. package/themes/vkBase/cssVars/declarations/index.css +6 -6
  190. package/themes/vkBase/cssVars/declarations/noSizes.css +6 -6
  191. package/themes/vkBase/cssVars/declarations/onlyColors.css +6 -6
  192. package/themes/vkBase/cssVars/declarations/onlyColors.js +2 -2
  193. package/themes/vkBase/cssVars/declarations/onlyVariables.css +6 -6
  194. package/themes/vkBase/cssVars/declarations/onlyVariables.js +2 -2
  195. package/themes/vkBase/cssVars/declarations/onlyVariablesLocal.css +6 -6
  196. package/themes/vkBase/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -6
  197. package/themes/vkBase/cssVars/theme/fallbacks/index.css +6 -6
  198. package/themes/vkBase/cssVars/theme/fallbacks/index.less +6 -6
  199. package/themes/vkBase/cssVars/theme/fallbacks/index.pcss +6 -6
  200. package/themes/vkBase/cssVars/theme/fallbacks/index.scss +6 -6
  201. package/themes/vkBase/cssVars/theme/fallbacks/index.styl +6 -6
  202. package/themes/vkBase/cssVars/theme/index.js +6 -6
  203. package/themes/vkBase/cssVars/theme/index.json +6 -6
  204. package/themes/vkBase/index.css +6 -6
  205. package/themes/vkBase/index.js +6 -6
  206. package/themes/vkBase/index.json +6 -6
  207. package/themes/vkBase/index.less +6 -6
  208. package/themes/vkBase/index.pcss +6 -6
  209. package/themes/vkBase/index.scss +6 -6
  210. package/themes/vkBase/index.styl +6 -6
  211. package/themes/vkBase/struct.json +6 -6
  212. package/themes/vkBaseDark/cssVars/declarations/index.css +3 -3
  213. package/themes/vkBaseDark/cssVars/declarations/noSizes.css +3 -3
  214. package/themes/vkBaseDark/cssVars/declarations/onlyColors.css +3 -3
  215. package/themes/vkBaseDark/cssVars/declarations/onlyColors.js +2 -2
  216. package/themes/vkBaseDark/cssVars/declarations/onlyVariables.css +3 -3
  217. package/themes/vkBaseDark/cssVars/declarations/onlyVariables.js +2 -2
  218. package/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
  219. package/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
  220. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.css +3 -3
  221. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.less +3 -3
  222. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.pcss +3 -3
  223. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.scss +3 -3
  224. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.styl +3 -3
  225. package/themes/vkBaseDark/cssVars/theme/index.js +3 -3
  226. package/themes/vkBaseDark/cssVars/theme/index.json +3 -3
  227. package/themes/vkBaseDark/index.css +3 -3
  228. package/themes/vkBaseDark/index.js +3 -3
  229. package/themes/vkBaseDark/index.json +3 -3
  230. package/themes/vkBaseDark/index.less +3 -3
  231. package/themes/vkBaseDark/index.pcss +3 -3
  232. package/themes/vkBaseDark/index.scss +3 -3
  233. package/themes/vkBaseDark/index.styl +3 -3
  234. package/themes/vkBaseDark/struct.json +3 -3
  235. package/themes/vkIOS/cssVars/declarations/index.css +6 -6
  236. package/themes/vkIOS/cssVars/declarations/noSizes.css +6 -6
  237. package/themes/vkIOS/cssVars/declarations/onlyColors.css +6 -6
  238. package/themes/vkIOS/cssVars/declarations/onlyColors.js +2 -2
  239. package/themes/vkIOS/cssVars/declarations/onlyVariables.css +6 -6
  240. package/themes/vkIOS/cssVars/declarations/onlyVariables.js +2 -2
  241. package/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css +6 -6
  242. package/themes/vkIOS/cssVars/theme/fallbacks/index.css +6 -6
  243. package/themes/vkIOS/cssVars/theme/fallbacks/index.less +6 -6
  244. package/themes/vkIOS/cssVars/theme/fallbacks/index.pcss +6 -6
  245. package/themes/vkIOS/cssVars/theme/fallbacks/index.scss +6 -6
  246. package/themes/vkIOS/cssVars/theme/fallbacks/index.styl +6 -6
  247. package/themes/vkIOS/cssVars/theme/index.js +6 -6
  248. package/themes/vkIOS/cssVars/theme/index.json +6 -6
  249. package/themes/vkIOS/index.css +6 -6
  250. package/themes/vkIOS/index.js +6 -6
  251. package/themes/vkIOS/index.json +6 -6
  252. package/themes/vkIOS/index.less +6 -6
  253. package/themes/vkIOS/index.pcss +6 -6
  254. package/themes/vkIOS/index.scss +6 -6
  255. package/themes/vkIOS/index.styl +6 -6
  256. package/themes/vkIOS/struct.json +6 -6
  257. package/themes/vkIOSDark/cssVars/declarations/index.css +3 -3
  258. package/themes/vkIOSDark/cssVars/declarations/noSizes.css +3 -3
  259. package/themes/vkIOSDark/cssVars/declarations/onlyColors.css +3 -3
  260. package/themes/vkIOSDark/cssVars/declarations/onlyColors.js +2 -2
  261. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.css +3 -3
  262. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.js +2 -2
  263. package/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
  264. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.css +3 -3
  265. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.less +3 -3
  266. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.pcss +3 -3
  267. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.scss +3 -3
  268. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.styl +3 -3
  269. package/themes/vkIOSDark/cssVars/theme/index.js +3 -3
  270. package/themes/vkIOSDark/cssVars/theme/index.json +3 -3
  271. package/themes/vkIOSDark/index.css +3 -3
  272. package/themes/vkIOSDark/index.js +3 -3
  273. package/themes/vkIOSDark/index.json +3 -3
  274. package/themes/vkIOSDark/index.less +3 -3
  275. package/themes/vkIOSDark/index.pcss +3 -3
  276. package/themes/vkIOSDark/index.scss +3 -3
  277. package/themes/vkIOSDark/index.styl +3 -3
  278. package/themes/vkIOSDark/struct.json +3 -3
  279. package/themes/vkontakteAndroid/cssVars/declarations/index.css +6 -6
  280. package/themes/vkontakteAndroid/cssVars/declarations/noSizes.css +6 -6
  281. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.css +6 -6
  282. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.js +2 -2
  283. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.css +6 -6
  284. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.js +2 -2
  285. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocal.css +6 -6
  286. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.css +6 -6
  287. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.less +6 -6
  288. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.pcss +6 -6
  289. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.scss +6 -6
  290. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.styl +6 -6
  291. package/themes/vkontakteAndroid/cssVars/theme/index.js +6 -6
  292. package/themes/vkontakteAndroid/cssVars/theme/index.json +6 -6
  293. package/themes/vkontakteAndroid/index.css +6 -6
  294. package/themes/vkontakteAndroid/index.js +6 -6
  295. package/themes/vkontakteAndroid/index.json +6 -6
  296. package/themes/vkontakteAndroid/index.less +6 -6
  297. package/themes/vkontakteAndroid/index.pcss +6 -6
  298. package/themes/vkontakteAndroid/index.scss +6 -6
  299. package/themes/vkontakteAndroid/index.styl +6 -6
  300. package/themes/vkontakteAndroid/struct.json +6 -6
  301. package/themes/vkontakteAndroidDark/cssVars/declarations/index.css +3 -3
  302. package/themes/vkontakteAndroidDark/cssVars/declarations/noSizes.css +3 -3
  303. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.css +3 -3
  304. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.js +2 -2
  305. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.css +3 -3
  306. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.js +2 -2
  307. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
  308. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.css +3 -3
  309. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.less +3 -3
  310. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.pcss +3 -3
  311. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.scss +3 -3
  312. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.styl +3 -3
  313. package/themes/vkontakteAndroidDark/cssVars/theme/index.js +3 -3
  314. package/themes/vkontakteAndroidDark/cssVars/theme/index.json +3 -3
  315. package/themes/vkontakteAndroidDark/index.css +3 -3
  316. package/themes/vkontakteAndroidDark/index.js +3 -3
  317. package/themes/vkontakteAndroidDark/index.json +3 -3
  318. package/themes/vkontakteAndroidDark/index.less +3 -3
  319. package/themes/vkontakteAndroidDark/index.pcss +3 -3
  320. package/themes/vkontakteAndroidDark/index.scss +3 -3
  321. package/themes/vkontakteAndroidDark/index.styl +3 -3
  322. package/themes/vkontakteAndroidDark/struct.json +3 -3
  323. package/themes/vkontakteCom/cssVars/declarations/index.css +1 -1
  324. package/themes/vkontakteCom/cssVars/declarations/noColors.css +1 -1
  325. package/themes/vkontakteCom/cssVars/declarations/onlyVariables.css +1 -1
  326. package/themes/vkontakteCom/cssVars/declarations/onlyVariables.js +2 -2
  327. package/themes/vkontakteCom/cssVars/declarations/onlyVariablesLocal.css +1 -1
  328. package/themes/vkontakteCom/cssVars/declarations/onlyVariablesLocalIncremental.css +1 -0
  329. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.css +1 -1
  330. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.less +1 -1
  331. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.pcss +1 -1
  332. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.scss +1 -1
  333. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.styl +1 -1
  334. package/themes/vkontakteCom/cssVars/theme/index.js +1 -1
  335. package/themes/vkontakteCom/cssVars/theme/index.json +1 -1
  336. package/themes/vkontakteCom/index.css +1 -1
  337. package/themes/vkontakteCom/index.js +1 -1
  338. package/themes/vkontakteCom/index.json +1 -1
  339. package/themes/vkontakteCom/index.less +1 -1
  340. package/themes/vkontakteCom/index.pcss +1 -1
  341. package/themes/vkontakteCom/index.scss +1 -1
  342. package/themes/vkontakteCom/index.styl +1 -1
  343. package/themes/vkontakteCom/struct.json +1 -1
  344. package/themes/vkontakteComDark/cssVars/declarations/index.css +1 -1
  345. package/themes/vkontakteComDark/cssVars/declarations/noColors.css +1 -1
  346. package/themes/vkontakteComDark/cssVars/declarations/onlyVariables.css +1 -1
  347. package/themes/vkontakteComDark/cssVars/declarations/onlyVariables.js +2 -2
  348. package/themes/vkontakteComDark/cssVars/declarations/onlyVariablesLocal.css +1 -1
  349. package/themes/vkontakteComDark/cssVars/declarations/onlyVariablesLocalIncremental.css +1 -0
  350. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.css +1 -1
  351. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.less +1 -1
  352. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.pcss +1 -1
  353. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.scss +1 -1
  354. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.styl +1 -1
  355. package/themes/vkontakteComDark/cssVars/theme/index.js +1 -1
  356. package/themes/vkontakteComDark/cssVars/theme/index.json +1 -1
  357. package/themes/vkontakteComDark/index.css +1 -1
  358. package/themes/vkontakteComDark/index.js +1 -1
  359. package/themes/vkontakteComDark/index.json +1 -1
  360. package/themes/vkontakteComDark/index.less +1 -1
  361. package/themes/vkontakteComDark/index.pcss +1 -1
  362. package/themes/vkontakteComDark/index.scss +1 -1
  363. package/themes/vkontakteComDark/index.styl +1 -1
  364. package/themes/vkontakteComDark/struct.json +1 -1
  365. package/themes/vkontakteIOS/cssVars/declarations/index.css +7 -7
  366. package/themes/vkontakteIOS/cssVars/declarations/noColors.css +1 -1
  367. package/themes/vkontakteIOS/cssVars/declarations/noSizes.css +6 -6
  368. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.css +6 -6
  369. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.js +2 -2
  370. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.css +7 -7
  371. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.js +2 -2
  372. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocal.css +7 -7
  373. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +1 -0
  374. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.css +7 -7
  375. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.less +7 -7
  376. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.pcss +7 -7
  377. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.scss +7 -7
  378. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.styl +7 -7
  379. package/themes/vkontakteIOS/cssVars/theme/index.js +7 -7
  380. package/themes/vkontakteIOS/cssVars/theme/index.json +7 -7
  381. package/themes/vkontakteIOS/index.css +7 -7
  382. package/themes/vkontakteIOS/index.js +7 -7
  383. package/themes/vkontakteIOS/index.json +7 -7
  384. package/themes/vkontakteIOS/index.less +7 -7
  385. package/themes/vkontakteIOS/index.pcss +7 -7
  386. package/themes/vkontakteIOS/index.scss +7 -7
  387. package/themes/vkontakteIOS/index.styl +7 -7
  388. package/themes/vkontakteIOS/struct.json +7 -7
  389. package/themes/vkontakteIOSDark/cssVars/declarations/index.css +4 -4
  390. package/themes/vkontakteIOSDark/cssVars/declarations/noColors.css +1 -1
  391. package/themes/vkontakteIOSDark/cssVars/declarations/noSizes.css +3 -3
  392. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.css +3 -3
  393. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.js +2 -2
  394. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.css +4 -4
  395. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.js +2 -2
  396. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocal.css +4 -4
  397. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +1 -0
  398. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.css +4 -4
  399. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.less +4 -4
  400. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.pcss +4 -4
  401. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.scss +4 -4
  402. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.styl +4 -4
  403. package/themes/vkontakteIOSDark/cssVars/theme/index.js +4 -4
  404. package/themes/vkontakteIOSDark/cssVars/theme/index.json +4 -4
  405. package/themes/vkontakteIOSDark/index.css +4 -4
  406. package/themes/vkontakteIOSDark/index.js +4 -4
  407. package/themes/vkontakteIOSDark/index.json +4 -4
  408. package/themes/vkontakteIOSDark/index.less +4 -4
  409. package/themes/vkontakteIOSDark/index.pcss +4 -4
  410. package/themes/vkontakteIOSDark/index.scss +4 -4
  411. package/themes/vkontakteIOSDark/index.styl +4 -4
  412. package/themes/vkontakteIOSDark/struct.json +4 -4
@@ -56,11 +56,14 @@ interface MediaUniqTokens {
56
56
  fontSpecificText: Adaptive<Font>;
57
57
  fontSpecificFootnote: Adaptive<Font>;
58
58
  fontSpecificButton: Adaptive<Font>;
59
- gridContent: Adaptive<number | string>;
59
+ gridWrapperContent: Adaptive<number | string>;
60
+ gridMainContent: Adaptive<number | string>;
61
+ gridAsideContent: Adaptive<number | string>;
60
62
  gridColumnX2: Adaptive<string | number>;
61
63
  gridColumnX3: Adaptive<string | number>;
62
64
  gridColumnX4: Adaptive<string | number>;
63
65
  gridColumnX6: Adaptive<string | number>;
66
+ gridContent: Adaptive<number | string>;
64
67
  gridLayoutArticle: Adaptive<string | number>;
65
68
  gridLayoutBanner: Adaptive<string | number>;
66
69
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vkontakte/vkui-tokens",
3
- "version": "4.39.1",
3
+ "version": "4.40.0",
4
4
  "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
5
5
  "license": "MIT",
6
6
  "main": "utils/descriptions.js",
@@ -43,16 +43,16 @@
43
43
  },
44
44
  "devDependencies": {
45
45
  "@babel/core": "7.22.10",
46
- "@svgr/webpack": "8.0.1",
46
+ "@svgr/webpack": "8.1.0",
47
47
  "@types/color": "3.0.3",
48
48
  "@types/common-tags": "1.8.1",
49
- "@types/fs-extra": "11.0.1",
49
+ "@types/fs-extra": "11.0.2",
50
50
  "@types/lodash": "4.14.198",
51
51
  "@types/node": "18.11.10",
52
- "@types/react": "18.2.0",
52
+ "@types/react": "18.2.23",
53
53
  "@types/react-dom": "18.2.7",
54
- "@typescript-eslint/eslint-plugin": "4.33.0",
55
- "@typescript-eslint/parser": "4.33.0",
54
+ "@typescript-eslint/eslint-plugin": "6.7.3",
55
+ "@typescript-eslint/parser": "6.7.3",
56
56
  "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.4",
57
57
  "@vkontakte/icons": "2.54.0",
58
58
  "@vkontakte/prettier-config": "0.1.0",
@@ -62,7 +62,7 @@
62
62
  "babel-jest": "29.7.0",
63
63
  "babel-loader": "9.1.2",
64
64
  "clean-webpack-plugin": "4.0.0",
65
- "clsx": "1.2.1",
65
+ "clsx": "2.0.0",
66
66
  "color": "4.2.3",
67
67
  "common-tags": "1.8.2",
68
68
  "copy-webpack-plugin": "11.0.0",
@@ -98,7 +98,7 @@
98
98
  "tsconfig-paths": "4.2.0",
99
99
  "tscpaths": "0.0.9",
100
100
  "type-fest": "4.2.0",
101
- "typescript": "5.0.4",
101
+ "typescript": "5.2.2",
102
102
  "webpack": "5.88.2",
103
103
  "webpack-cli": "5.1.4",
104
104
  "webpack-dev-server": "4.13.3",
@@ -1,36 +1,242 @@
1
1
  {
2
+ "dark": {
3
+ "stroke": {
4
+ "stroke_positive": "#4bb34b",
5
+ "field_border_alpha": "rgba(255, 255, 255, 0.12)",
6
+ "separator_primary_alpha": "rgba(255, 255, 255, 0.12)",
7
+ "image_border_alpha": "rgba(255, 255, 255, 0.08)",
8
+ "separator_secondary": "#141415",
9
+ "stroke_contrast": "#ffffff",
10
+ "separator_primary": "#363738",
11
+ "stroke_negative": "#ff5c5c",
12
+ "stroke_accent_themed": "#ffffff",
13
+ "stroke_accent": "#529ef4"
14
+ },
15
+ "text": {
16
+ "text_primary": "#e1e3e6",
17
+ "text_negative": "#ff5c5c",
18
+ "text_accent_themed": "#ffffff",
19
+ "text_subhead": "#969a9f",
20
+ "text_secondary": "#76787a",
21
+ "text_tertiary": "#5d5f61",
22
+ "link_contrast": "#ffffff",
23
+ "text_contrast": "#ffffff",
24
+ "text_contrast_themed": "#000000",
25
+ "text_accent": "#529ef4",
26
+ "text_link": "#529ef4",
27
+ "text_link_visited": "#4986cc",
28
+ "text_muted": "#e1e3e6",
29
+ "text_positive": "#4bb34b",
30
+ "text_link_tint": "#71aaeb",
31
+ "text_link_themed": "#ffffff",
32
+ "text_primary_invariably": "#000000"
33
+ },
34
+ "icons": {
35
+ "icon_tertiary_alpha": "rgba(255, 255, 255, 0.30)",
36
+ "icon_accent_themed": "#ffffff",
37
+ "icon_secondary": "#76787a",
38
+ "icon_positive": "#4bb34b",
39
+ "icon_medium": "#b0b1b6",
40
+ "icon_accent": "#529ef4",
41
+ "icon_medium_alpha": "rgba(241, 247, 255, 0.66)",
42
+ "icon_contrast": "#ffffff",
43
+ "icon_tertiary": "#5d5f61",
44
+ "icon_primary_invariably": "#2c2d2e",
45
+ "icon_secondary_alpha": "rgba(0, 0, 0, 0.43)",
46
+ "icon_contrast_secondary": "#f2f3f5",
47
+ "icon_primary": "#e1e3e6",
48
+ "icon_negative": "#ff5c5c",
49
+ "icon_contrast_themed": "#000000"
50
+ },
51
+ "background": {
52
+ "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)",
53
+ "background_secondary_alpha": "rgba(255, 255, 255, 0.10)",
54
+ "background_positive_tint": "#b1d6b1",
55
+ "background_tertiary_alpha": "rgba(255, 255, 255, 0.03)",
56
+ "background_content": "#19191a",
57
+ "background_contrast_inverse": "#2c2d2e",
58
+ "background_modal_inverse": "#ffffff",
59
+ "background_accent_tint": "#5a9eff",
60
+ "background_positive": "#4bb34b",
61
+ "background_accent": "#529ef4",
62
+ "header_background": "#19191a",
63
+ "background_negative_tint": "#522e2e",
64
+ "background_secondary": "#232324",
65
+ "background_tertiary": "#202021",
66
+ "background_modal": "#2c2d2e",
67
+ "background": "#0a0a0a",
68
+ "background_accent_themed": "#ffffff",
69
+ "field_background": "#232324",
70
+ "background_warning": "#857250",
71
+ "background_negative": "#ff5c5c",
72
+ "background_contrast_themed": "#323232",
73
+ "background_contrast": "#ffffff"
74
+ },
75
+ "palette": {
76
+ "accent_orange_fire": "#f05c44",
77
+ "accent_gray": "#a3adb8",
78
+ "accent_orange": "#ffa000",
79
+ "accent_blue": "#71aaeb",
80
+ "accent_secondary": "#3f8ae0",
81
+ "accent_green": "#4bb34b",
82
+ "accent_violet": "#a94fff",
83
+ "accent_red": "#ff3347",
84
+ "accent_purple": "#9985ff",
85
+ "accent_raspberry_pink": "#f060c0"
86
+ },
87
+ "other": {
88
+ "segmented_control": "#626364",
89
+ "skeleton_to": "#2c2d2e",
90
+ "search_field_background": "#363738",
91
+ "track_buffer": "#405772",
92
+ "track_background": "#454647",
93
+ "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)",
94
+ "overlay_primary": "rgba(0, 0, 0, 0.40)",
95
+ "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)",
96
+ "action_sheet_text": "#71aaeb",
97
+ "write_bar_input_background": "#2c2d2e",
98
+ "panel_header_icon": "#71aaeb",
99
+ "image_placeholder": "#2a2b2c",
100
+ "write_bar_input_border": "#2c2d2e",
101
+ "write_bar_icon": "#76787a",
102
+ "skeleton_from": "#232324",
103
+ "image_placeholder_alpha": "rgba(241, 247, 255, 0.08)",
104
+ "tabbar_text_inactive": "#76787a",
105
+ "overlay_secondary": "rgba(53, 54, 55, 0.40)"
106
+ },
107
+ "elevation_1": "#d9d9d9",
108
+ "elevation_2": "#d9d9d9",
109
+ "elevation_4": "#d9d9d9",
110
+ "elevation_3": "#d9d9d9"
111
+ },
2
112
  "light": {
113
+ "stroke": {
114
+ "stroke_negative": "#e64646",
115
+ "separator_primary_2x": "#cbcccd",
116
+ "separator_primary": "#d7d8d9",
117
+ "separator_secondary": "#e1e3e6",
118
+ "separator_primary_3x": "#bebfc1",
119
+ "stroke_accent": "#2688eb",
120
+ "stroke_accent_themed": "#2688eb",
121
+ "stroke_positive": "#4bb34b",
122
+ "stroke_contrast": "#ffffff",
123
+ "separator_primary_alpha": "rgba(0, 0, 0, 0.12)",
124
+ "image_border_alpha": "rgba(0, 0, 0, 0.08)",
125
+ "field_border_alpha": "rgba(0, 0, 0, 0.12)"
126
+ },
127
+ "other": {
128
+ "track_buffer": "#a0bfe4",
129
+ "skeleton_to": "#e1e3e6",
130
+ "image_placeholder": "#f2f3f5",
131
+ "write_bar_input_background": "#f2f3f5",
132
+ "track_background": "#e1e3e6",
133
+ "write_bar_input_border": "#e1e3e6",
134
+ "skeleton_from": "#f5f5f5",
135
+ "action_sheet_text": "#3f8ae0",
136
+ "write_bar_icon": "#3f8ae0",
137
+ "search_field_background": "#ebedf0",
138
+ "tabbar_text_inactive": "#99a2ad",
139
+ "segmented_control": "#ffffff",
140
+ "panel_header_icon": "#2688eb",
141
+ "overlay_secondary": "rgba(44, 45, 46, 0.50)",
142
+ "image_placeholder_alpha": "rgba(0, 28, 61, 0.08)",
143
+ "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)",
144
+ "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)",
145
+ "overlay_primary": "rgba(0, 0, 0, 0.40)"
146
+ },
147
+ "palette": {
148
+ "accent_orange_fire": "#f05c44",
149
+ "accent_secondary": "#3f8ae0",
150
+ "accent_red": "#ff3347",
151
+ "accent_violet": "#792ec0",
152
+ "accent_raspberry_pink": "#e03fab",
153
+ "accent_orange": "#ffa000",
154
+ "accent_gray": "#a3adb8",
155
+ "accent_purple": "#735ce6",
156
+ "accent_blue": "#2688eb",
157
+ "accent_green": "#4bb34b"
158
+ },
3
159
  "states": {
160
+ "background_accent_themed": {
161
+ "hover": "#2c7cde",
162
+ "active": "#1e6fdb"
163
+ },
164
+ "background_accent": {
165
+ "hover": "#2c7cde",
166
+ "active": "#1e6fdb"
167
+ },
168
+ "background_positive": {
169
+ "hover": "#3ca03e",
170
+ "active": "#2f8d32"
171
+ },
172
+ "background_contrast": {
173
+ "active": "#ebecef",
174
+ "hover": "#f5f5f7"
175
+ },
176
+ "background_secondary": {
177
+ "hover": "#f0f2f4",
178
+ "active": "#dcdde0"
179
+ },
180
+ "background_negative": {
181
+ "active": "#c93633",
182
+ "hover": "#d83e3c"
183
+ },
184
+ "background_tertiary": {
185
+ "hover": "#eff0f1",
186
+ "active": "#e5e6ea"
187
+ },
4
188
  "transparent_contrast": {
5
189
  "active": "rgba(255, 255, 255, 0.12)",
6
190
  "hover": "rgba(255, 255, 255, 0.08)"
7
191
  },
8
- "background_accent_themed": { "hover": "#2c7cde", "active": "#1e6fdb" },
192
+ "field_border_alpha": {
193
+ "hover": "rgba(0, 0, 0, 0.24)",
194
+ "active": "rgba(0, 0, 0, 0.36)"
195
+ },
9
196
  "background_secondary_alpha": {
10
197
  "active": "rgba(0, 0, 0, 0.12)",
11
198
  "hover": "rgba(0, 0, 0, 0.08)"
12
199
  },
13
- "background_accent": { "hover": "#2c7cde", "active": "#1e6fdb" },
14
- "background_positive": { "hover": "#3ca03e", "active": "#2f8d32" },
15
- "transparent": { "active": "rgba(0, 0, 0, 0.08)", "hover": "rgba(0, 0, 0, 0.04)" },
16
- "background_contrast": { "active": "#d7d8db", "hover": "#ebedf0" },
17
- "background_secondary": { "hover": "#f0f2f4", "active": "#dcdde0" },
18
- "background_negative": { "active": "#c93633", "hover": "#d83e3c" },
200
+ "transparent": {
201
+ "active": "rgba(0, 16, 61, 0.08)",
202
+ "hover": "rgba(0, 16, 61, 0.04)"
203
+ },
19
204
  "background_contrast_secondary_alpha": {
20
205
  "hover": "rgba(255, 255, 255, 0.24)",
21
206
  "active": "rgba(255, 255, 255, 0.28)"
207
+ },
208
+ "background_tertiary_alpha": {
209
+ "active": "rgba(0, 0, 0, 0.11)",
210
+ "hover": "rgba(0, 0, 0, 0.07)"
22
211
  }
23
212
  },
24
213
  "elevation_3": "#c4c4c4",
25
214
  "elevation_1": "#c4c4c4",
26
215
  "elevation_2": "#c4c4c4",
27
216
  "elevation_4": "#c4c4c4",
217
+ "icons": {
218
+ "icon_tertiary": "#b8c1cc",
219
+ "icon_accent_themed": "#2688eb",
220
+ "icon_positive": "#4bb34b",
221
+ "icon_accent": "#2688eb",
222
+ "icon_secondary_alpha": "rgba(0, 0, 0, 0.36)",
223
+ "icon_secondary": "#99a2ad",
224
+ "icon_contrast_themed": "#ffffff",
225
+ "icon_primary": "#2c2d2e",
226
+ "icon_primary_invariably": "#2c2d2e",
227
+ "icon_negative": "#e64646",
228
+ "icon_medium": "#818c99",
229
+ "icon_contrast": "#ffffff",
230
+ "icon_tertiary_alpha": "rgba(0, 0, 0, 0.24)",
231
+ "icon_contrast_secondary": "#f2f3f5",
232
+ "icon_medium_alpha": "rgba(0, 0, 0, 0.48)"
233
+ },
28
234
  "text": {
29
- "text_primary": "#000000",
30
- "text_link_tint": "#71aaeb",
31
235
  "text_link_visited": "#4986cc",
32
- "text_positive": "#4bb44b",
236
+ "text_positive": "#4bb34b",
33
237
  "text_subhead": "#6d7885",
238
+ "text_primary": "#000000",
239
+ "text_link_tint": "#71aaeb",
34
240
  "text_accent": "#2688eb",
35
241
  "text_negative": "#e64646",
36
242
  "link_contrast": "#ffffff",
@@ -44,26 +250,14 @@
44
250
  "text_link_themed": "#2d81e0",
45
251
  "text_muted": "#2c2d2e"
46
252
  },
47
- "palette": {
48
- "accent_orange_fire": "#f05c44",
49
- "accent_purple": "#735ce6",
50
- "accent_blue": "#3f8ae0",
51
- "accent_secondary": "#3f8ae0",
52
- "raspberry_pink": "#e03fab",
53
- "accent_orange": "#ffa000",
54
- "accent_red": "#ff3347",
55
- "accent_green": "#4bb34b",
56
- "accent_gray": "#a3adb8",
57
- "accent_violet": "#792ec0"
58
- },
59
253
  "background": {
60
- "background_tertiary_alpha": "rgba(0, 0, 0, 0.03)",
61
254
  "background_accent_tint": "#5a9eff",
62
255
  "header_background": "#ffffff",
63
256
  "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)",
64
257
  "background_tertiary": "#f9f9f9",
65
258
  "background_negative_tint": "#faebeb",
66
259
  "background_secondary_alpha": "rgba(0, 0, 0, 0.04)",
260
+ "background_contrast_themed": "#ffffff",
67
261
  "background_negative": "#e64646",
68
262
  "background_positive_tint": "#e8f9e8",
69
263
  "background_warning": "#fff2d6",
@@ -76,162 +270,9 @@
76
270
  "background_accent_themed": "#2688eb",
77
271
  "background_contrast_inverse": "#2c2d2e",
78
272
  "background_modal_inverse": "#2d2d2e",
273
+ "background_tertiary_alpha": "rgba(0, 0, 0, 0.03)",
79
274
  "background_content": "#ffffff",
80
275
  "field_background": "#f2f3f5"
81
- },
82
- "stroke": {
83
- "separator_primary_alpha": "rgba(0, 0, 0, 0.12)",
84
- "stroke_negative": "#e64646",
85
- "stroke_accent": "#2688eb",
86
- "image_border_alpha": "rgba(0, 0, 0, 0.08)",
87
- "separator_primary": "#d7d8d9",
88
- "stroke_accent_themed": "#2688eb",
89
- "field_border_alpha": "rgba(0, 0, 0, 0.12)",
90
- "stroke_positive": "#4bb34b",
91
- "separator_secondary": "#e1e3e6",
92
- "stroke_contrast": "#ffffff"
93
- },
94
- "icons": {
95
- "icon_accent_themed": "#2688eb",
96
- "icon_positive": "#4bb34b",
97
- "icon_tertiary": "#b8c1cc",
98
- "icon_accent": "#2688eb",
99
- "icon_secondary_alpha": "rgba(0, 0, 0, 0.36)",
100
- "icon_secondary": "#99a2ad",
101
- "icon_contrast_themed": "#ffffff",
102
- "icon_primary": "#2c2d2e",
103
- "icon_primary_invariably": "#2c2d2e",
104
- "icon_negative": "#e64646",
105
- "icon_medium": "#818c99",
106
- "icon_contrast": "#ffffff",
107
- "icon_tertiary_alpha": "rgba(0, 0, 0, 0.24)",
108
- "icon_contrast_secondary": "#f2f3f5",
109
- "icon_medium_alpha": "rgba(0, 0, 0, 0.48)"
110
- },
111
- "other": {
112
- "segmented_control": "#ffffff",
113
- "image_placeholder_alpha": "rgba(0, 28, 61, 0.08)",
114
- "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)",
115
- "track_buffer": "#a0bfe4",
116
- "write_bar_input_border": "#e1e3e6",
117
- "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)",
118
- "skeleton_from": "#f5f5f5",
119
- "action_sheet_text": "#3f8ae0",
120
- "write_bar_icon": "#3f8ae0",
121
- "skeleton_to": "#e1e3e6",
122
- "image_placeholder": "#f2f3f5",
123
- "overlay_primary": "rgba(0, 0, 0, 0.40)",
124
- "panel_header_icon": "#2688eb",
125
- "write_bar_input_background": "#f2f3f5",
126
- "track_background": "#e1e3e6",
127
- "search_field_background": "#ebedf0"
128
- }
129
- },
130
- "dark": {
131
- "elevation_1": "#d9d9d9",
132
- "elevation_2": "#d9d9d9",
133
- "background": {
134
- "background_contrast": "#ffffff",
135
- "background_tertiary_alpha": "rgba(255, 255, 255, 0.03)",
136
- "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)",
137
- "background_secondary_alpha": "rgba(255, 255, 255, 0.10)",
138
- "background_positive_tint": "#b1d6b1",
139
- "background_content": "#19191a",
140
- "background_contrast_inverse": "#2c2d2e",
141
- "background_modal_inverse": "#ffffff",
142
- "background_accent_tint": "#5a9eff",
143
- "background_positive": "#4bb34b",
144
- "background_accent": "#529ef4",
145
- "header_background": "#19191a",
146
- "background_negative_tint": "#522e2e",
147
- "background_secondary": "#232324",
148
- "background_tertiary": "#202021",
149
- "background_modal": "#2c2d2e",
150
- "background": "#0a0a0a",
151
- "background_accent_themed": "#ffffff",
152
- "field_background": "#232324",
153
- "background_warning": "#857250",
154
- "background_negative": "#ff5c5c"
155
- },
156
- "elevation_4": "#d9d9d9",
157
- "elevation_3": "#d9d9d9",
158
- "text": {
159
- "text_link_tint": "#71aaeb",
160
- "text_negative": "#ff5c5c",
161
- "text_accent_themed": "#ffffff",
162
- "text_subhead": "#969a9f",
163
- "text_secondary": "#76787a",
164
- "text_tertiary": "#5d5f61",
165
- "link_contrast": "#ffffff",
166
- "text_contrast": "#ffffff",
167
- "text_contrast_themed": "#000000",
168
- "text_accent": "#529ef4",
169
- "text_link": "#529ef4",
170
- "text_link_visited": "#4986cc",
171
- "text_primary": "#e1e3e6",
172
- "text_muted": "#e1e3e6",
173
- "text_positive": "#4bb34b",
174
- "text_link_themed": "#ffffff",
175
- "text_primary_invariably": "#000000"
176
- },
177
- "palette": {
178
- "accent_orange_fire": "#f05c44",
179
- "raspberry_pink": "#f060c0",
180
- "accent_gray": "#a3adb8",
181
- "accent_orange": "#ffa000",
182
- "accent_blue": "#71aaeb",
183
- "accent_secondary": "#3f8ae0",
184
- "accent_green": "#4bb34b",
185
- "accent_purple": "#8b74ff",
186
- "accent_violet": "#a94fff",
187
- "accent_red": "#ff3347"
188
- },
189
- "stroke": {
190
- "stroke_accent": "#529ef4",
191
- "field_border_alpha": "rgba(255, 255, 255, 0.12)",
192
- "separator_primary_alpha": "rgba(255, 255, 255, 0.12)",
193
- "image_border_alpha": "rgba(255, 255, 255, 0.08)",
194
- "separator_secondary": "#141415",
195
- "stroke_positive": "#4bb34b",
196
- "stroke_contrast": "#ffffff",
197
- "separator_primary": "#363738",
198
- "stroke_negative": "#ff5c5c",
199
- "stroke_accent_themed": "#ffffff"
200
- },
201
- "icons": {
202
- "icon_accent_themed": "#ffffff",
203
- "icon_secondary": "#76787a",
204
- "icon_positive": "#4bb34b",
205
- "icon_medium": "#b0b1b6",
206
- "icon_accent": "#529ef4",
207
- "icon_contrast_themed": "#000000",
208
- "icon_medium_alpha": "rgba(241, 247, 255, 0.66)",
209
- "icon_contrast": "#ffffff",
210
- "icon_tertiary": "#5d5f61",
211
- "icon_tertiary_alpha": "rgba(255, 255, 255, 0.30)",
212
- "icon_primary_invariably": "#2c2d2e",
213
- "icon_secondary_alpha": "rgba(0, 0, 0, 0.43)",
214
- "icon_contrast_secondary": "#f2f3f5",
215
- "icon_primary": "#e1e3e6",
216
- "icon_negative": "#ff5c5c"
217
- },
218
- "other": {
219
- "segmented_control": "#626364",
220
- "skeleton_to": "#2c2d2e",
221
- "search_field_background": "#363738",
222
- "track_buffer": "#405772",
223
- "track_background": "#454647",
224
- "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)",
225
- "overlay_primary": "rgba(0, 0, 0, 0.40)",
226
- "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)",
227
- "action_sheet_text": "#71aaeb",
228
- "write_bar_input_background": "#2c2d2e",
229
- "image_placeholder": "#2a2b2c",
230
- "panel_header_icon": "#71aaeb",
231
- "write_bar_input_border": "#2c2d2e",
232
- "write_bar_icon": "#76787a",
233
- "skeleton_from": "#232324",
234
- "image_placeholder_alpha": "rgba(241, 247, 255, 0.08)"
235
276
  }
236
277
  }
237
278
  }
@@ -170,7 +170,7 @@ var colorFromFigma = function (colorsScheme) {
170
170
  colorAccentOrangeFire: palette.accent_orange_fire,
171
171
  colorAccentPurple: palette.accent_purple,
172
172
  colorAccentViolet: palette.accent_violet,
173
- colorAccentRaspberryPink: palette.raspberry_pink,
173
+ colorAccentRaspberryPink: palette.accent_raspberry_pink,
174
174
  colorAccentSecondary: palette.accent_secondary,
175
175
  // Other
176
176
  colorOverlayPrimary: other.overlay_primary,
@@ -10,7 +10,7 @@
10
10
  --vkui--font_weight_base2: 700;
11
11
  --vkui--font_weight_base3: 400;
12
12
  --vkui--font_title1--font_size--regular: 24px;
13
- --vkui--font_title1--line_height--regular: 32px;
13
+ --vkui--font_title1--line_height--regular: 28px;
14
14
  --vkui--font_title1--font_weight--regular: 500;
15
15
  --vkui--font_title1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
16
16
  --vkui--font_title1--font_size--compact: 24px;
@@ -92,7 +92,7 @@
92
92
  --vkui--font_footnote_caps--letter_spacing--compact: 0.3px;
93
93
  --vkui--font_footnote_caps--text_transform--compact: uppercase;
94
94
  --vkui--font_caption1--font_size--regular: 12px;
95
- --vkui--font_caption1--line_height--regular: 16px;
95
+ --vkui--font_caption1--line_height--regular: 14px;
96
96
  --vkui--font_caption1--font_weight--regular: 400;
97
97
  --vkui--font_caption1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
98
98
  --vkui--font_caption1--font_size--compact: 12px;
@@ -100,8 +100,8 @@
100
100
  --vkui--font_caption1--font_weight--compact: 400;
101
101
  --vkui--font_caption1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
102
102
  --vkui--font_caption1_caps--font_size--regular: 12px;
103
- --vkui--font_caption1_caps--line_height--regular: 16px;
104
- --vkui--font_caption1_caps--font_weight--regular: 400;
103
+ --vkui--font_caption1_caps--line_height--regular: 14px;
104
+ --vkui--font_caption1_caps--font_weight--regular: 500;
105
105
  --vkui--font_caption1_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
106
106
  --vkui--font_caption1_caps--letter_spacing--regular: 0.26px;
107
107
  --vkui--font_caption1_caps--text_transform--regular: uppercase;
@@ -1075,8 +1075,8 @@
1075
1075
  .vkui--font_title1--regular {
1076
1076
  font-size: 24px;
1077
1077
  font-size: var(--vkui--font_title1--font_size--regular, 24px);
1078
- line-height: 32px;
1079
- line-height: var(--vkui--font_title1--line_height--regular, 32px);
1078
+ line-height: 28px;
1079
+ line-height: var(--vkui--font_title1--line_height--regular, 28px);
1080
1080
  font-weight: 500;
1081
1081
  font-weight: var(--vkui--font_title1--font_weight--regular, 500);
1082
1082
  font-family: MailSans, Helvetica, Arial, sans-serif;
@@ -1345,8 +1345,8 @@
1345
1345
  .vkui--font_caption1--regular {
1346
1346
  font-size: 12px;
1347
1347
  font-size: var(--vkui--font_caption1--font_size--regular, 12px);
1348
- line-height: 16px;
1349
- line-height: var(--vkui--font_caption1--line_height--regular, 16px);
1348
+ line-height: 14px;
1349
+ line-height: var(--vkui--font_caption1--line_height--regular, 14px);
1350
1350
  font-weight: 400;
1351
1351
  font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
1352
1352
  font-family: MailSans, Helvetica, Arial, sans-serif;
@@ -1371,10 +1371,10 @@
1371
1371
  .vkui--font_caption1_caps--regular {
1372
1372
  font-size: 12px;
1373
1373
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
1374
- line-height: 16px;
1375
- line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
1376
- font-weight: 400;
1377
- font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
1374
+ line-height: 14px;
1375
+ line-height: var(--vkui--font_caption1_caps--line_height--regular, 14px);
1376
+ font-weight: 500;
1377
+ font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 500);
1378
1378
  font-family: MailSans, Helvetica, Arial, sans-serif;
1379
1379
  font-family: var(--vkui--font_caption1_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
1380
1380
  letter-spacing: 0.26px;
@@ -10,7 +10,7 @@
10
10
  --vkui--font_weight_base2: 700;
11
11
  --vkui--font_weight_base3: 400;
12
12
  --vkui--font_title1--font_size--regular: 24px;
13
- --vkui--font_title1--line_height--regular: 32px;
13
+ --vkui--font_title1--line_height--regular: 28px;
14
14
  --vkui--font_title1--font_weight--regular: 500;
15
15
  --vkui--font_title1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
16
16
  --vkui--font_title1--font_size--compact: 24px;
@@ -92,7 +92,7 @@
92
92
  --vkui--font_footnote_caps--letter_spacing--compact: 0.3px;
93
93
  --vkui--font_footnote_caps--text_transform--compact: uppercase;
94
94
  --vkui--font_caption1--font_size--regular: 12px;
95
- --vkui--font_caption1--line_height--regular: 16px;
95
+ --vkui--font_caption1--line_height--regular: 14px;
96
96
  --vkui--font_caption1--font_weight--regular: 400;
97
97
  --vkui--font_caption1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
98
98
  --vkui--font_caption1--font_size--compact: 12px;
@@ -100,8 +100,8 @@
100
100
  --vkui--font_caption1--font_weight--compact: 400;
101
101
  --vkui--font_caption1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
102
102
  --vkui--font_caption1_caps--font_size--regular: 12px;
103
- --vkui--font_caption1_caps--line_height--regular: 16px;
104
- --vkui--font_caption1_caps--font_weight--regular: 400;
103
+ --vkui--font_caption1_caps--line_height--regular: 14px;
104
+ --vkui--font_caption1_caps--font_weight--regular: 500;
105
105
  --vkui--font_caption1_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
106
106
  --vkui--font_caption1_caps--letter_spacing--regular: 0.26px;
107
107
  --vkui--font_caption1_caps--text_transform--regular: uppercase;
@@ -393,8 +393,8 @@
393
393
  .vkui--font_title1--regular {
394
394
  font-size: 24px;
395
395
  font-size: var(--vkui--font_title1--font_size--regular, 24px);
396
- line-height: 32px;
397
- line-height: var(--vkui--font_title1--line_height--regular, 32px);
396
+ line-height: 28px;
397
+ line-height: var(--vkui--font_title1--line_height--regular, 28px);
398
398
  font-weight: 500;
399
399
  font-weight: var(--vkui--font_title1--font_weight--regular, 500);
400
400
  font-family: MailSans, Helvetica, Arial, sans-serif;
@@ -601,8 +601,8 @@
601
601
  .vkui--font_caption1--regular {
602
602
  font-size: 12px;
603
603
  font-size: var(--vkui--font_caption1--font_size--regular, 12px);
604
- line-height: 16px;
605
- line-height: var(--vkui--font_caption1--line_height--regular, 16px);
604
+ line-height: 14px;
605
+ line-height: var(--vkui--font_caption1--line_height--regular, 14px);
606
606
  font-weight: 400;
607
607
  font-weight: var(--vkui--font_caption1--font_weight--regular, 400);
608
608
  font-family: MailSans, Helvetica, Arial, sans-serif;
@@ -621,10 +621,10 @@
621
621
  .vkui--font_caption1_caps--regular {
622
622
  font-size: 12px;
623
623
  font-size: var(--vkui--font_caption1_caps--font_size--regular, 12px);
624
- line-height: 16px;
625
- line-height: var(--vkui--font_caption1_caps--line_height--regular, 16px);
626
- font-weight: 400;
627
- font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 400);
624
+ line-height: 14px;
625
+ line-height: var(--vkui--font_caption1_caps--line_height--regular, 14px);
626
+ font-weight: 500;
627
+ font-weight: var(--vkui--font_caption1_caps--font_weight--regular, 500);
628
628
  font-family: MailSans, Helvetica, Arial, sans-serif;
629
629
  font-family: var(--vkui--font_caption1_caps--font_family--regular, MailSans, Helvetica, Arial, sans-serif);
630
630
  letter-spacing: 0.26px;