@vkontakte/vkui-tokens 4.0.0 → 4.2.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 (641) hide show
  1. package/README.md +108 -42
  2. package/build/compilers/index.d.ts +2 -2
  3. package/build/compilers/index.js +2 -0
  4. package/build/compilers/styles/compileStyles.d.ts +4 -2
  5. package/build/compilers/styles/compileStyles.js +31 -10
  6. package/build/compilers/styles/compileStyles.test.js +265 -196
  7. package/build/helpers/getAllButColors.d.ts +1 -0
  8. package/build/helpers/getAllButColors.js +17 -0
  9. package/build/helpers/getAllButColors.test.d.ts +1 -0
  10. package/build/helpers/getAllButColors.test.js +26 -0
  11. package/interfaces/general/geometry/index.d.ts +4 -0
  12. package/interfaces/general/index.d.ts +4 -0
  13. package/interfaces/themes/vkComDark/index.d.ts +1 -0
  14. package/interfaces/themes/vkComDark/index.js +2 -0
  15. package/interfaces/themes/vkIOSDark/index.d.ts +1 -0
  16. package/interfaces/themes/vkIOSDark/index.js +2 -0
  17. package/package.json +1 -1
  18. package/themeDescriptions/base/paradigm.js +11 -1
  19. package/themeDescriptions/base/vk.js +96 -98
  20. package/themes/calendar/cssVars/declarations/index.css +9 -0
  21. package/themes/calendar/cssVars/declarations/noColors.css +574 -0
  22. package/themes/calendar/cssVars/declarations/noSizes.css +1 -0
  23. package/themes/calendar/cssVars/declarations/onlyMedia.css +4 -0
  24. package/themes/calendar/cssVars/declarations/onlyVariables.css +5 -0
  25. package/themes/calendar/cssVars/declarations/onlyVariables.js +2 -2
  26. package/themes/calendar/cssVars/declarations/onlyVariablesLocal.css +520 -0
  27. package/themes/calendar/cssVars/theme/fallbacks/index.css +5 -0
  28. package/themes/calendar/cssVars/theme/fallbacks/index.less +5 -0
  29. package/themes/calendar/cssVars/theme/fallbacks/index.pcss +5 -0
  30. package/themes/calendar/cssVars/theme/fallbacks/index.scss +5 -0
  31. package/themes/calendar/cssVars/theme/fallbacks/index.styl +5 -0
  32. package/themes/calendar/cssVars/theme/index.js +44 -0
  33. package/themes/calendar/cssVars/theme/index.json +44 -0
  34. package/themes/calendar/index.css +5 -0
  35. package/themes/calendar/index.js +13 -0
  36. package/themes/calendar/index.json +13 -0
  37. package/themes/calendar/index.less +5 -0
  38. package/themes/calendar/index.pcss +5 -0
  39. package/themes/calendar/index.scss +5 -0
  40. package/themes/calendar/index.styl +5 -0
  41. package/themes/calendarDark/cssVars/declarations/index.css +9 -0
  42. package/themes/calendarDark/cssVars/declarations/noColors.css +574 -0
  43. package/themes/calendarDark/cssVars/declarations/noSizes.css +1 -0
  44. package/themes/calendarDark/cssVars/declarations/onlyMedia.css +4 -0
  45. package/themes/calendarDark/cssVars/declarations/onlyVariables.css +5 -0
  46. package/themes/calendarDark/cssVars/declarations/onlyVariables.js +2 -2
  47. package/themes/calendarDark/cssVars/declarations/onlyVariablesLocal.css +520 -0
  48. package/themes/calendarDark/cssVars/theme/fallbacks/index.css +5 -0
  49. package/themes/calendarDark/cssVars/theme/fallbacks/index.less +5 -0
  50. package/themes/calendarDark/cssVars/theme/fallbacks/index.pcss +5 -0
  51. package/themes/calendarDark/cssVars/theme/fallbacks/index.scss +5 -0
  52. package/themes/calendarDark/cssVars/theme/fallbacks/index.styl +5 -0
  53. package/themes/calendarDark/cssVars/theme/index.js +44 -0
  54. package/themes/calendarDark/cssVars/theme/index.json +44 -0
  55. package/themes/calendarDark/index.css +5 -0
  56. package/themes/calendarDark/index.js +13 -0
  57. package/themes/calendarDark/index.json +13 -0
  58. package/themes/calendarDark/index.less +5 -0
  59. package/themes/calendarDark/index.pcss +5 -0
  60. package/themes/calendarDark/index.scss +5 -0
  61. package/themes/calendarDark/index.styl +5 -0
  62. package/themes/calls/cssVars/declarations/index.css +13 -4
  63. package/themes/calls/cssVars/declarations/noColors.css +427 -0
  64. package/themes/calls/cssVars/declarations/noSizes.css +1 -0
  65. package/themes/calls/cssVars/declarations/onlyMedia.css +5 -1
  66. package/themes/calls/cssVars/declarations/onlyVariables.css +6 -1
  67. package/themes/calls/cssVars/declarations/onlyVariables.js +2 -2
  68. package/themes/calls/cssVars/declarations/onlyVariablesLocal.css +477 -0
  69. package/themes/calls/cssVars/theme/fallbacks/index.css +8 -3
  70. package/themes/calls/cssVars/theme/fallbacks/index.less +6 -1
  71. package/themes/calls/cssVars/theme/fallbacks/index.pcss +6 -1
  72. package/themes/calls/cssVars/theme/fallbacks/index.scss +7 -2
  73. package/themes/calls/cssVars/theme/fallbacks/index.styl +6 -1
  74. package/themes/calls/cssVars/theme/index.js +45 -1
  75. package/themes/calls/cssVars/theme/index.json +45 -1
  76. package/themes/calls/index.css +8 -3
  77. package/themes/calls/index.js +14 -1
  78. package/themes/calls/index.json +14 -1
  79. package/themes/calls/index.less +6 -1
  80. package/themes/calls/index.pcss +6 -1
  81. package/themes/calls/index.scss +7 -2
  82. package/themes/calls/index.styl +6 -1
  83. package/themes/cloud/cssVars/declarations/index.css +9 -0
  84. package/themes/cloud/cssVars/declarations/noColors.css +510 -0
  85. package/themes/cloud/cssVars/declarations/noSizes.css +1 -0
  86. package/themes/cloud/cssVars/declarations/onlyMedia.css +4 -0
  87. package/themes/cloud/cssVars/declarations/onlyVariables.css +5 -0
  88. package/themes/cloud/cssVars/declarations/onlyVariables.js +2 -2
  89. package/themes/cloud/cssVars/declarations/onlyVariablesLocal.css +500 -0
  90. package/themes/cloud/cssVars/theme/fallbacks/index.css +5 -0
  91. package/themes/cloud/cssVars/theme/fallbacks/index.less +5 -0
  92. package/themes/cloud/cssVars/theme/fallbacks/index.pcss +5 -0
  93. package/themes/cloud/cssVars/theme/fallbacks/index.scss +5 -0
  94. package/themes/cloud/cssVars/theme/fallbacks/index.styl +5 -0
  95. package/themes/cloud/cssVars/theme/index.js +44 -0
  96. package/themes/cloud/cssVars/theme/index.json +44 -0
  97. package/themes/cloud/index.css +5 -0
  98. package/themes/cloud/index.js +13 -0
  99. package/themes/cloud/index.json +13 -0
  100. package/themes/cloud/index.less +5 -0
  101. package/themes/cloud/index.pcss +5 -0
  102. package/themes/cloud/index.scss +5 -0
  103. package/themes/cloud/index.styl +5 -0
  104. package/themes/home/cssVars/declarations/index.css +13 -4
  105. package/themes/home/cssVars/declarations/noColors.css +452 -0
  106. package/themes/home/cssVars/declarations/noSizes.css +1 -3
  107. package/themes/home/cssVars/declarations/onlyMedia.css +5 -1
  108. package/themes/home/cssVars/declarations/onlyVariables.css +6 -1
  109. package/themes/home/cssVars/declarations/onlyVariables.js +2 -2
  110. package/themes/home/cssVars/declarations/onlyVariablesLocal.css +497 -0
  111. package/themes/home/cssVars/theme/fallbacks/index.css +8 -3
  112. package/themes/home/cssVars/theme/fallbacks/index.less +6 -1
  113. package/themes/home/cssVars/theme/fallbacks/index.pcss +6 -1
  114. package/themes/home/cssVars/theme/fallbacks/index.scss +7 -2
  115. package/themes/home/cssVars/theme/fallbacks/index.styl +6 -1
  116. package/themes/home/cssVars/theme/index.js +45 -1
  117. package/themes/home/cssVars/theme/index.json +45 -1
  118. package/themes/home/index.css +8 -3
  119. package/themes/home/index.js +14 -1
  120. package/themes/home/index.json +14 -1
  121. package/themes/home/index.less +6 -1
  122. package/themes/home/index.pcss +6 -1
  123. package/themes/home/index.scss +7 -2
  124. package/themes/home/index.styl +6 -1
  125. package/themes/homeDark/cssVars/declarations/index.css +12 -4
  126. package/themes/homeDark/cssVars/declarations/noColors.css +466 -0
  127. package/themes/homeDark/cssVars/declarations/onlyMedia.css +5 -1
  128. package/themes/homeDark/cssVars/declarations/onlyVariables.css +5 -1
  129. package/themes/homeDark/cssVars/declarations/onlyVariables.js +2 -2
  130. package/themes/homeDark/cssVars/declarations/onlyVariablesLocal.css +496 -0
  131. package/themes/homeDark/cssVars/theme/fallbacks/index.css +7 -3
  132. package/themes/homeDark/cssVars/theme/fallbacks/index.less +5 -1
  133. package/themes/homeDark/cssVars/theme/fallbacks/index.pcss +5 -1
  134. package/themes/homeDark/cssVars/theme/fallbacks/index.scss +6 -2
  135. package/themes/homeDark/cssVars/theme/fallbacks/index.styl +5 -1
  136. package/themes/homeDark/cssVars/theme/index.js +41 -1
  137. package/themes/homeDark/cssVars/theme/index.json +41 -1
  138. package/themes/homeDark/index.css +7 -3
  139. package/themes/homeDark/index.js +13 -1
  140. package/themes/homeDark/index.json +13 -1
  141. package/themes/homeDark/index.less +5 -1
  142. package/themes/homeDark/index.pcss +5 -1
  143. package/themes/homeDark/index.scss +6 -2
  144. package/themes/homeDark/index.styl +5 -1
  145. package/themes/media/cssVars/declarations/index.css +14 -5
  146. package/themes/media/cssVars/declarations/noColors.css +638 -0
  147. package/themes/media/cssVars/declarations/noSizes.css +1 -0
  148. package/themes/media/cssVars/declarations/onlyMedia.css +4 -0
  149. package/themes/media/cssVars/declarations/onlyVariables.css +6 -1
  150. package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
  151. package/themes/media/cssVars/declarations/onlyVariablesLocal.css +625 -0
  152. package/themes/media/cssVars/theme/fallbacks/index.css +10 -5
  153. package/themes/media/cssVars/theme/fallbacks/index.less +7 -2
  154. package/themes/media/cssVars/theme/fallbacks/index.pcss +7 -2
  155. package/themes/media/cssVars/theme/fallbacks/index.scss +10 -5
  156. package/themes/media/cssVars/theme/fallbacks/index.styl +7 -2
  157. package/themes/media/cssVars/theme/index.js +45 -1
  158. package/themes/media/cssVars/theme/index.json +45 -1
  159. package/themes/media/index.css +10 -5
  160. package/themes/media/index.js +14 -1
  161. package/themes/media/index.json +14 -1
  162. package/themes/media/index.less +7 -2
  163. package/themes/media/index.pcss +7 -2
  164. package/themes/media/index.scss +10 -5
  165. package/themes/media/index.styl +7 -2
  166. package/themes/mediaDark/cssVars/declarations/index.css +14 -5
  167. package/themes/mediaDark/cssVars/declarations/noColors.css +638 -0
  168. package/themes/mediaDark/cssVars/declarations/noSizes.css +1 -0
  169. package/themes/mediaDark/cssVars/declarations/onlyMedia.css +4 -0
  170. package/themes/mediaDark/cssVars/declarations/onlyVariables.css +6 -1
  171. package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
  172. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +625 -0
  173. package/themes/mediaDark/cssVars/theme/fallbacks/index.css +10 -5
  174. package/themes/mediaDark/cssVars/theme/fallbacks/index.less +7 -2
  175. package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +7 -2
  176. package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +10 -5
  177. package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +7 -2
  178. package/themes/mediaDark/cssVars/theme/index.js +45 -1
  179. package/themes/mediaDark/cssVars/theme/index.json +45 -1
  180. package/themes/mediaDark/index.css +10 -5
  181. package/themes/mediaDark/index.js +14 -1
  182. package/themes/mediaDark/index.json +14 -1
  183. package/themes/mediaDark/index.less +7 -2
  184. package/themes/mediaDark/index.pcss +7 -2
  185. package/themes/mediaDark/index.scss +10 -5
  186. package/themes/mediaDark/index.styl +7 -2
  187. package/themes/mycom/cssVars/declarations/index.css +14 -5
  188. package/themes/mycom/cssVars/declarations/noColors.css +637 -0
  189. package/themes/mycom/cssVars/declarations/noSizes.css +1 -0
  190. package/themes/mycom/cssVars/declarations/onlyMedia.css +4 -0
  191. package/themes/mycom/cssVars/declarations/onlyVariables.css +6 -1
  192. package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
  193. package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +627 -0
  194. package/themes/mycom/cssVars/theme/fallbacks/index.css +10 -5
  195. package/themes/mycom/cssVars/theme/fallbacks/index.less +7 -2
  196. package/themes/mycom/cssVars/theme/fallbacks/index.pcss +7 -2
  197. package/themes/mycom/cssVars/theme/fallbacks/index.scss +10 -5
  198. package/themes/mycom/cssVars/theme/fallbacks/index.styl +7 -2
  199. package/themes/mycom/cssVars/theme/index.js +45 -1
  200. package/themes/mycom/cssVars/theme/index.json +45 -1
  201. package/themes/mycom/index.css +10 -5
  202. package/themes/mycom/index.js +14 -1
  203. package/themes/mycom/index.json +14 -1
  204. package/themes/mycom/index.less +7 -2
  205. package/themes/mycom/index.pcss +7 -2
  206. package/themes/mycom/index.scss +10 -5
  207. package/themes/mycom/index.styl +7 -2
  208. package/themes/octavius/cssVars/declarations/index.css +12 -4
  209. package/themes/octavius/cssVars/declarations/noColors.css +474 -0
  210. package/themes/octavius/cssVars/declarations/onlyMedia.css +5 -1
  211. package/themes/octavius/cssVars/declarations/onlyVariables.css +5 -1
  212. package/themes/octavius/cssVars/declarations/onlyVariables.js +2 -2
  213. package/themes/octavius/cssVars/declarations/onlyVariablesLocal.css +841 -0
  214. package/themes/octavius/cssVars/theme/fallbacks/index.css +7 -3
  215. package/themes/octavius/cssVars/theme/fallbacks/index.less +5 -1
  216. package/themes/octavius/cssVars/theme/fallbacks/index.pcss +5 -1
  217. package/themes/octavius/cssVars/theme/fallbacks/index.scss +6 -2
  218. package/themes/octavius/cssVars/theme/fallbacks/index.styl +5 -1
  219. package/themes/octavius/cssVars/theme/index.js +41 -1
  220. package/themes/octavius/cssVars/theme/index.json +41 -1
  221. package/themes/octavius/index.css +7 -3
  222. package/themes/octavius/index.js +13 -1
  223. package/themes/octavius/index.json +13 -1
  224. package/themes/octavius/index.less +5 -1
  225. package/themes/octavius/index.pcss +5 -1
  226. package/themes/octavius/index.scss +6 -2
  227. package/themes/octavius/index.styl +5 -1
  228. package/themes/octaviusCompact/cssVars/declarations/index.css +12 -4
  229. package/themes/octaviusCompact/cssVars/declarations/noColors.css +475 -0
  230. package/themes/octaviusCompact/cssVars/declarations/onlyMedia.css +5 -1
  231. package/themes/octaviusCompact/cssVars/declarations/onlyVariables.css +5 -1
  232. package/themes/octaviusCompact/cssVars/declarations/onlyVariables.js +2 -2
  233. package/themes/octaviusCompact/cssVars/declarations/onlyVariablesLocal.css +842 -0
  234. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.css +7 -3
  235. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.less +5 -1
  236. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.pcss +5 -1
  237. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.scss +6 -2
  238. package/themes/octaviusCompact/cssVars/theme/fallbacks/index.styl +5 -1
  239. package/themes/octaviusCompact/cssVars/theme/index.js +41 -1
  240. package/themes/octaviusCompact/cssVars/theme/index.json +41 -1
  241. package/themes/octaviusCompact/index.css +7 -3
  242. package/themes/octaviusCompact/index.js +13 -1
  243. package/themes/octaviusCompact/index.json +13 -1
  244. package/themes/octaviusCompact/index.less +5 -1
  245. package/themes/octaviusCompact/index.pcss +5 -1
  246. package/themes/octaviusCompact/index.scss +6 -2
  247. package/themes/octaviusCompact/index.styl +5 -1
  248. package/themes/octaviusCompactDark/cssVars/declarations/index.css +12 -4
  249. package/themes/octaviusCompactDark/cssVars/declarations/noColors.css +475 -0
  250. package/themes/octaviusCompactDark/cssVars/declarations/onlyMedia.css +5 -1
  251. package/themes/octaviusCompactDark/cssVars/declarations/onlyVariables.css +5 -1
  252. package/themes/octaviusCompactDark/cssVars/declarations/onlyVariables.js +2 -2
  253. package/themes/octaviusCompactDark/cssVars/declarations/onlyVariablesLocal.css +842 -0
  254. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.css +7 -3
  255. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.less +5 -1
  256. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.pcss +5 -1
  257. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.scss +6 -2
  258. package/themes/octaviusCompactDark/cssVars/theme/fallbacks/index.styl +5 -1
  259. package/themes/octaviusCompactDark/cssVars/theme/index.js +41 -1
  260. package/themes/octaviusCompactDark/cssVars/theme/index.json +41 -1
  261. package/themes/octaviusCompactDark/index.css +7 -3
  262. package/themes/octaviusCompactDark/index.js +13 -1
  263. package/themes/octaviusCompactDark/index.json +13 -1
  264. package/themes/octaviusCompactDark/index.less +5 -1
  265. package/themes/octaviusCompactDark/index.pcss +5 -1
  266. package/themes/octaviusCompactDark/index.scss +6 -2
  267. package/themes/octaviusCompactDark/index.styl +5 -1
  268. package/themes/octaviusDark/cssVars/declarations/index.css +12 -4
  269. package/themes/octaviusDark/cssVars/declarations/noColors.css +474 -0
  270. package/themes/octaviusDark/cssVars/declarations/onlyMedia.css +5 -1
  271. package/themes/octaviusDark/cssVars/declarations/onlyVariables.css +5 -1
  272. package/themes/octaviusDark/cssVars/declarations/onlyVariables.js +2 -2
  273. package/themes/octaviusDark/cssVars/declarations/onlyVariablesLocal.css +841 -0
  274. package/themes/octaviusDark/cssVars/theme/fallbacks/index.css +7 -3
  275. package/themes/octaviusDark/cssVars/theme/fallbacks/index.less +5 -1
  276. package/themes/octaviusDark/cssVars/theme/fallbacks/index.pcss +5 -1
  277. package/themes/octaviusDark/cssVars/theme/fallbacks/index.scss +6 -2
  278. package/themes/octaviusDark/cssVars/theme/fallbacks/index.styl +5 -1
  279. package/themes/octaviusDark/cssVars/theme/index.js +41 -1
  280. package/themes/octaviusDark/cssVars/theme/index.json +41 -1
  281. package/themes/octaviusDark/index.css +7 -3
  282. package/themes/octaviusDark/index.js +13 -1
  283. package/themes/octaviusDark/index.json +13 -1
  284. package/themes/octaviusDark/index.less +5 -1
  285. package/themes/octaviusDark/index.pcss +5 -1
  286. package/themes/octaviusDark/index.scss +6 -2
  287. package/themes/octaviusDark/index.styl +5 -1
  288. package/themes/octaviusVK/cssVars/declarations/index.css +59 -51
  289. package/themes/octaviusVK/cssVars/declarations/noColors.css +519 -0
  290. package/themes/octaviusVK/cssVars/declarations/noSizes.css +51 -51
  291. package/themes/octaviusVK/cssVars/declarations/onlyColors.css +51 -51
  292. package/themes/octaviusVK/cssVars/declarations/onlyColors.js +2 -2
  293. package/themes/octaviusVK/cssVars/declarations/onlyMedia.css +4 -0
  294. package/themes/octaviusVK/cssVars/declarations/onlyVariables.css +55 -51
  295. package/themes/octaviusVK/cssVars/declarations/onlyVariables.js +2 -2
  296. package/themes/octaviusVK/cssVars/declarations/onlyVariablesLocal.css +854 -0
  297. package/themes/octaviusVK/cssVars/theme/fallbacks/index.css +55 -51
  298. package/themes/octaviusVK/cssVars/theme/fallbacks/index.less +55 -51
  299. package/themes/octaviusVK/cssVars/theme/fallbacks/index.pcss +55 -51
  300. package/themes/octaviusVK/cssVars/theme/fallbacks/index.scss +55 -51
  301. package/themes/octaviusVK/cssVars/theme/fallbacks/index.styl +55 -51
  302. package/themes/octaviusVK/cssVars/theme/index.js +91 -51
  303. package/themes/octaviusVK/cssVars/theme/index.json +91 -51
  304. package/themes/octaviusVK/index.css +55 -51
  305. package/themes/octaviusVK/index.js +63 -51
  306. package/themes/octaviusVK/index.json +63 -51
  307. package/themes/octaviusVK/index.less +55 -51
  308. package/themes/octaviusVK/index.pcss +55 -51
  309. package/themes/octaviusVK/index.scss +55 -51
  310. package/themes/octaviusVK/index.styl +55 -51
  311. package/themes/octaviusVKDark/cssVars/declarations/index.css +51 -43
  312. package/themes/octaviusVKDark/cssVars/declarations/noColors.css +519 -0
  313. package/themes/octaviusVKDark/cssVars/declarations/noSizes.css +43 -43
  314. package/themes/octaviusVKDark/cssVars/declarations/onlyColors.css +43 -43
  315. package/themes/octaviusVKDark/cssVars/declarations/onlyColors.js +2 -2
  316. package/themes/octaviusVKDark/cssVars/declarations/onlyMedia.css +4 -0
  317. package/themes/octaviusVKDark/cssVars/declarations/onlyVariables.css +47 -43
  318. package/themes/octaviusVKDark/cssVars/declarations/onlyVariables.js +2 -2
  319. package/themes/octaviusVKDark/cssVars/declarations/onlyVariablesLocal.css +854 -0
  320. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.css +47 -43
  321. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.less +47 -43
  322. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.pcss +47 -43
  323. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.scss +47 -43
  324. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.styl +47 -43
  325. package/themes/octaviusVKDark/cssVars/theme/index.js +83 -43
  326. package/themes/octaviusVKDark/cssVars/theme/index.json +83 -43
  327. package/themes/octaviusVKDark/index.css +47 -43
  328. package/themes/octaviusVKDark/index.js +55 -43
  329. package/themes/octaviusVKDark/index.json +55 -43
  330. package/themes/octaviusVKDark/index.less +47 -43
  331. package/themes/octaviusVKDark/index.pcss +47 -43
  332. package/themes/octaviusVKDark/index.scss +47 -43
  333. package/themes/octaviusVKDark/index.styl +47 -43
  334. package/themes/octaviusWhite/cssVars/declarations/index.css +12 -4
  335. package/themes/octaviusWhite/cssVars/declarations/noColors.css +474 -0
  336. package/themes/octaviusWhite/cssVars/declarations/onlyMedia.css +5 -1
  337. package/themes/octaviusWhite/cssVars/declarations/onlyVariables.css +5 -1
  338. package/themes/octaviusWhite/cssVars/declarations/onlyVariables.js +2 -2
  339. package/themes/octaviusWhite/cssVars/declarations/onlyVariablesLocal.css +841 -0
  340. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.css +7 -3
  341. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.less +5 -1
  342. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.pcss +5 -1
  343. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.scss +6 -2
  344. package/themes/octaviusWhite/cssVars/theme/fallbacks/index.styl +5 -1
  345. package/themes/octaviusWhite/cssVars/theme/index.js +41 -1
  346. package/themes/octaviusWhite/cssVars/theme/index.json +41 -1
  347. package/themes/octaviusWhite/index.css +7 -3
  348. package/themes/octaviusWhite/index.js +13 -1
  349. package/themes/octaviusWhite/index.json +13 -1
  350. package/themes/octaviusWhite/index.less +5 -1
  351. package/themes/octaviusWhite/index.pcss +5 -1
  352. package/themes/octaviusWhite/index.scss +6 -2
  353. package/themes/octaviusWhite/index.styl +5 -1
  354. package/themes/otvet/cssVars/declarations/index.css +13 -4
  355. package/themes/otvet/cssVars/declarations/noColors.css +413 -0
  356. package/themes/otvet/cssVars/declarations/noSizes.css +1 -0
  357. package/themes/otvet/cssVars/declarations/onlyMedia.css +5 -1
  358. package/themes/otvet/cssVars/declarations/onlyVariables.css +6 -1
  359. package/themes/otvet/cssVars/declarations/onlyVariables.js +2 -2
  360. package/themes/otvet/cssVars/declarations/onlyVariablesLocal.css +463 -0
  361. package/themes/otvet/cssVars/theme/fallbacks/index.css +8 -3
  362. package/themes/otvet/cssVars/theme/fallbacks/index.less +6 -1
  363. package/themes/otvet/cssVars/theme/fallbacks/index.pcss +6 -1
  364. package/themes/otvet/cssVars/theme/fallbacks/index.scss +7 -2
  365. package/themes/otvet/cssVars/theme/fallbacks/index.styl +6 -1
  366. package/themes/otvet/cssVars/theme/index.js +45 -1
  367. package/themes/otvet/cssVars/theme/index.json +45 -1
  368. package/themes/otvet/index.css +8 -3
  369. package/themes/otvet/index.js +14 -1
  370. package/themes/otvet/index.json +14 -1
  371. package/themes/otvet/index.less +6 -1
  372. package/themes/otvet/index.pcss +6 -1
  373. package/themes/otvet/index.scss +7 -2
  374. package/themes/otvet/index.styl +6 -1
  375. package/themes/otvetDark/cssVars/declarations/index.css +13 -4
  376. package/themes/otvetDark/cssVars/declarations/noColors.css +413 -0
  377. package/themes/otvetDark/cssVars/declarations/noSizes.css +1 -0
  378. package/themes/otvetDark/cssVars/declarations/onlyMedia.css +5 -1
  379. package/themes/otvetDark/cssVars/declarations/onlyVariables.css +6 -1
  380. package/themes/otvetDark/cssVars/declarations/onlyVariables.js +2 -2
  381. package/themes/otvetDark/cssVars/declarations/onlyVariablesLocal.css +463 -0
  382. package/themes/otvetDark/cssVars/theme/fallbacks/index.css +8 -3
  383. package/themes/otvetDark/cssVars/theme/fallbacks/index.less +6 -1
  384. package/themes/otvetDark/cssVars/theme/fallbacks/index.pcss +6 -1
  385. package/themes/otvetDark/cssVars/theme/fallbacks/index.scss +7 -2
  386. package/themes/otvetDark/cssVars/theme/fallbacks/index.styl +6 -1
  387. package/themes/otvetDark/cssVars/theme/index.js +45 -1
  388. package/themes/otvetDark/cssVars/theme/index.json +45 -1
  389. package/themes/otvetDark/index.css +8 -3
  390. package/themes/otvetDark/index.js +14 -1
  391. package/themes/otvetDark/index.json +14 -1
  392. package/themes/otvetDark/index.less +6 -1
  393. package/themes/otvetDark/index.pcss +6 -1
  394. package/themes/otvetDark/index.scss +7 -2
  395. package/themes/otvetDark/index.styl +6 -1
  396. package/themes/paradigmBase/cssVars/declarations/index.css +12 -4
  397. package/themes/paradigmBase/cssVars/declarations/noColors.css +448 -0
  398. package/themes/paradigmBase/cssVars/declarations/onlyMedia.css +5 -1
  399. package/themes/paradigmBase/cssVars/declarations/onlyVariables.css +5 -1
  400. package/themes/paradigmBase/cssVars/declarations/onlyVariables.js +2 -2
  401. package/themes/paradigmBase/cssVars/declarations/onlyVariablesLocal.css +478 -0
  402. package/themes/paradigmBase/cssVars/theme/fallbacks/index.css +7 -3
  403. package/themes/paradigmBase/cssVars/theme/fallbacks/index.less +5 -1
  404. package/themes/paradigmBase/cssVars/theme/fallbacks/index.pcss +5 -1
  405. package/themes/paradigmBase/cssVars/theme/fallbacks/index.scss +6 -2
  406. package/themes/paradigmBase/cssVars/theme/fallbacks/index.styl +5 -1
  407. package/themes/paradigmBase/cssVars/theme/index.js +41 -1
  408. package/themes/paradigmBase/cssVars/theme/index.json +41 -1
  409. package/themes/paradigmBase/index.css +7 -3
  410. package/themes/paradigmBase/index.js +13 -1
  411. package/themes/paradigmBase/index.json +13 -1
  412. package/themes/paradigmBase/index.less +5 -1
  413. package/themes/paradigmBase/index.pcss +5 -1
  414. package/themes/paradigmBase/index.scss +6 -2
  415. package/themes/paradigmBase/index.styl +5 -1
  416. package/themes/paradigmBaseDark/cssVars/declarations/index.css +12 -4
  417. package/themes/paradigmBaseDark/cssVars/declarations/noColors.css +448 -0
  418. package/themes/paradigmBaseDark/cssVars/declarations/onlyMedia.css +5 -1
  419. package/themes/paradigmBaseDark/cssVars/declarations/onlyVariables.css +5 -1
  420. package/themes/paradigmBaseDark/cssVars/declarations/onlyVariables.js +2 -2
  421. package/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css +478 -0
  422. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.css +7 -3
  423. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.less +5 -1
  424. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.pcss +5 -1
  425. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.scss +6 -2
  426. package/themes/paradigmBaseDark/cssVars/theme/fallbacks/index.styl +5 -1
  427. package/themes/paradigmBaseDark/cssVars/theme/index.js +41 -1
  428. package/themes/paradigmBaseDark/cssVars/theme/index.json +41 -1
  429. package/themes/paradigmBaseDark/index.css +7 -3
  430. package/themes/paradigmBaseDark/index.js +13 -1
  431. package/themes/paradigmBaseDark/index.json +13 -1
  432. package/themes/paradigmBaseDark/index.less +5 -1
  433. package/themes/paradigmBaseDark/index.pcss +5 -1
  434. package/themes/paradigmBaseDark/index.scss +6 -2
  435. package/themes/paradigmBaseDark/index.styl +5 -1
  436. package/themes/pharma/cssVars/declarations/index.css +14 -5
  437. package/themes/pharma/cssVars/declarations/noColors.css +638 -0
  438. package/themes/pharma/cssVars/declarations/noSizes.css +1 -0
  439. package/themes/pharma/cssVars/declarations/onlyMedia.css +4 -0
  440. package/themes/pharma/cssVars/declarations/onlyVariables.css +6 -1
  441. package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
  442. package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +628 -0
  443. package/themes/pharma/cssVars/theme/fallbacks/index.css +10 -5
  444. package/themes/pharma/cssVars/theme/fallbacks/index.less +7 -2
  445. package/themes/pharma/cssVars/theme/fallbacks/index.pcss +7 -2
  446. package/themes/pharma/cssVars/theme/fallbacks/index.scss +10 -5
  447. package/themes/pharma/cssVars/theme/fallbacks/index.styl +7 -2
  448. package/themes/pharma/cssVars/theme/index.js +45 -1
  449. package/themes/pharma/cssVars/theme/index.json +45 -1
  450. package/themes/pharma/index.css +10 -5
  451. package/themes/pharma/index.js +14 -1
  452. package/themes/pharma/index.json +14 -1
  453. package/themes/pharma/index.less +7 -2
  454. package/themes/pharma/index.pcss +7 -2
  455. package/themes/pharma/index.scss +10 -5
  456. package/themes/pharma/index.styl +7 -2
  457. package/themes/promo/cssVars/declarations/index.css +13 -4
  458. package/themes/promo/cssVars/declarations/noColors.css +732 -0
  459. package/themes/promo/cssVars/declarations/noSizes.css +1 -0
  460. package/themes/promo/cssVars/declarations/onlyMedia.css +5 -1
  461. package/themes/promo/cssVars/declarations/onlyVariables.css +6 -1
  462. package/themes/promo/cssVars/declarations/onlyVariables.js +2 -2
  463. package/themes/promo/cssVars/declarations/onlyVariablesLocal.css +636 -0
  464. package/themes/promo/cssVars/theme/fallbacks/index.css +8 -3
  465. package/themes/promo/cssVars/theme/fallbacks/index.less +6 -1
  466. package/themes/promo/cssVars/theme/fallbacks/index.pcss +6 -1
  467. package/themes/promo/cssVars/theme/fallbacks/index.scss +7 -2
  468. package/themes/promo/cssVars/theme/fallbacks/index.styl +6 -1
  469. package/themes/promo/cssVars/theme/index.js +45 -1
  470. package/themes/promo/cssVars/theme/index.json +45 -1
  471. package/themes/promo/index.css +8 -3
  472. package/themes/promo/index.js +14 -1
  473. package/themes/promo/index.json +14 -1
  474. package/themes/promo/index.less +6 -1
  475. package/themes/promo/index.pcss +6 -1
  476. package/themes/promo/index.scss +7 -2
  477. package/themes/promo/index.styl +6 -1
  478. package/themes/todo/cssVars/declarations/index.css +13 -4
  479. package/themes/todo/cssVars/declarations/noColors.css +449 -0
  480. package/themes/todo/cssVars/declarations/noSizes.css +1 -0
  481. package/themes/todo/cssVars/declarations/onlyMedia.css +5 -1
  482. package/themes/todo/cssVars/declarations/onlyVariables.css +6 -1
  483. package/themes/todo/cssVars/declarations/onlyVariables.js +2 -2
  484. package/themes/todo/cssVars/declarations/onlyVariablesLocal.css +479 -0
  485. package/themes/todo/cssVars/theme/fallbacks/index.css +8 -3
  486. package/themes/todo/cssVars/theme/fallbacks/index.less +6 -1
  487. package/themes/todo/cssVars/theme/fallbacks/index.pcss +6 -1
  488. package/themes/todo/cssVars/theme/fallbacks/index.scss +7 -2
  489. package/themes/todo/cssVars/theme/fallbacks/index.styl +6 -1
  490. package/themes/todo/cssVars/theme/index.js +45 -1
  491. package/themes/todo/cssVars/theme/index.json +45 -1
  492. package/themes/todo/index.css +8 -3
  493. package/themes/todo/index.js +14 -1
  494. package/themes/todo/index.json +14 -1
  495. package/themes/todo/index.less +6 -1
  496. package/themes/todo/index.pcss +6 -1
  497. package/themes/todo/index.scss +7 -2
  498. package/themes/todo/index.styl +6 -1
  499. package/themes/vkBase/cssVars/declarations/index.css +132 -127
  500. package/themes/vkBase/cssVars/declarations/noColors.css +332 -0
  501. package/themes/vkBase/cssVars/declarations/noSizes.css +124 -123
  502. package/themes/vkBase/cssVars/declarations/onlyColors.css +123 -123
  503. package/themes/vkBase/cssVars/declarations/onlyColors.js +2 -2
  504. package/themes/vkBase/cssVars/declarations/onlyVariables.css +130 -125
  505. package/themes/vkBase/cssVars/declarations/onlyVariables.js +2 -2
  506. package/themes/vkBase/cssVars/declarations/onlyVariablesLocal.css +378 -0
  507. package/themes/vkBase/cssVars/theme/fallbacks/index.css +132 -127
  508. package/themes/vkBase/cssVars/theme/fallbacks/index.less +130 -125
  509. package/themes/vkBase/cssVars/theme/fallbacks/index.pcss +130 -125
  510. package/themes/vkBase/cssVars/theme/fallbacks/index.scss +131 -126
  511. package/themes/vkBase/cssVars/theme/fallbacks/index.styl +130 -125
  512. package/themes/vkBase/cssVars/theme/index.js +483 -439
  513. package/themes/vkBase/cssVars/theme/index.json +483 -439
  514. package/themes/vkBase/index.css +132 -127
  515. package/themes/vkBase/index.js +194 -181
  516. package/themes/vkBase/index.json +194 -181
  517. package/themes/vkBase/index.less +130 -125
  518. package/themes/vkBase/index.pcss +130 -125
  519. package/themes/vkBase/index.scss +131 -126
  520. package/themes/vkBase/index.styl +130 -125
  521. package/themes/vkBaseDark/cssVars/declarations/index.css +133 -128
  522. package/themes/vkBaseDark/cssVars/declarations/noColors.css +332 -0
  523. package/themes/vkBaseDark/cssVars/declarations/noSizes.css +125 -124
  524. package/themes/vkBaseDark/cssVars/declarations/onlyColors.css +124 -124
  525. package/themes/vkBaseDark/cssVars/declarations/onlyColors.js +2 -2
  526. package/themes/vkBaseDark/cssVars/declarations/onlyVariables.css +131 -126
  527. package/themes/vkBaseDark/cssVars/declarations/onlyVariables.js +2 -2
  528. package/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocal.css +378 -0
  529. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.css +133 -128
  530. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.less +131 -126
  531. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.pcss +131 -126
  532. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.scss +132 -127
  533. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.styl +131 -126
  534. package/themes/vkBaseDark/cssVars/theme/index.js +496 -452
  535. package/themes/vkBaseDark/cssVars/theme/index.json +496 -452
  536. package/themes/vkBaseDark/index.css +133 -128
  537. package/themes/vkBaseDark/index.js +204 -191
  538. package/themes/vkBaseDark/index.json +204 -191
  539. package/themes/vkBaseDark/index.less +131 -126
  540. package/themes/vkBaseDark/index.pcss +131 -126
  541. package/themes/vkBaseDark/index.scss +132 -127
  542. package/themes/vkBaseDark/index.styl +131 -126
  543. package/themes/vkCom/cssVars/declarations/index.css +133 -128
  544. package/themes/vkCom/cssVars/declarations/noColors.css +332 -0
  545. package/themes/vkCom/cssVars/declarations/noSizes.css +124 -123
  546. package/themes/vkCom/cssVars/declarations/onlyColors.css +123 -123
  547. package/themes/vkCom/cssVars/declarations/onlyColors.js +2 -2
  548. package/themes/vkCom/cssVars/declarations/onlyVariables.css +131 -126
  549. package/themes/vkCom/cssVars/declarations/onlyVariables.js +2 -2
  550. package/themes/vkCom/cssVars/declarations/onlyVariablesLocal.css +378 -0
  551. package/themes/vkCom/cssVars/theme/fallbacks/index.css +133 -128
  552. package/themes/vkCom/cssVars/theme/fallbacks/index.less +131 -126
  553. package/themes/vkCom/cssVars/theme/fallbacks/index.pcss +131 -126
  554. package/themes/vkCom/cssVars/theme/fallbacks/index.scss +132 -127
  555. package/themes/vkCom/cssVars/theme/fallbacks/index.styl +131 -126
  556. package/themes/vkCom/cssVars/theme/index.js +484 -440
  557. package/themes/vkCom/cssVars/theme/index.json +484 -440
  558. package/themes/vkCom/index.css +133 -128
  559. package/themes/vkCom/index.js +195 -182
  560. package/themes/vkCom/index.json +195 -182
  561. package/themes/vkCom/index.less +131 -126
  562. package/themes/vkCom/index.pcss +131 -126
  563. package/themes/vkCom/index.scss +132 -127
  564. package/themes/vkCom/index.styl +131 -126
  565. package/themes/vkComDark/cssVars/declarations/index.css +670 -0
  566. package/themes/vkComDark/cssVars/declarations/noColors.css +332 -0
  567. package/themes/vkComDark/cssVars/declarations/noSizes.css +249 -0
  568. package/themes/vkComDark/cssVars/declarations/onlyAdaptiveGroups.css +102 -0
  569. package/themes/vkComDark/cssVars/declarations/onlyColors.css +236 -0
  570. package/themes/vkComDark/cssVars/declarations/onlyColors.d.ts +3 -0
  571. package/themes/vkComDark/cssVars/declarations/onlyColors.js +11 -0
  572. package/themes/vkComDark/cssVars/declarations/onlyVariables.css +378 -0
  573. package/themes/vkComDark/cssVars/declarations/onlyVariables.d.ts +3 -0
  574. package/themes/vkComDark/cssVars/declarations/onlyVariables.js +11 -0
  575. package/themes/vkComDark/cssVars/declarations/onlyVariablesLocal.css +378 -0
  576. package/themes/vkComDark/cssVars/theme/fallbacks/index.css +567 -0
  577. package/themes/vkComDark/cssVars/theme/fallbacks/index.less +410 -0
  578. package/themes/vkComDark/cssVars/theme/fallbacks/index.pcss +411 -0
  579. package/themes/vkComDark/cssVars/theme/fallbacks/index.scss +526 -0
  580. package/themes/vkComDark/cssVars/theme/fallbacks/index.styl +410 -0
  581. package/themes/vkComDark/cssVars/theme/index.d.ts +4 -0
  582. package/themes/vkComDark/cssVars/theme/index.js +2270 -0
  583. package/themes/vkComDark/cssVars/theme/index.json +2267 -0
  584. package/themes/vkComDark/index.css +567 -0
  585. package/themes/vkComDark/index.d.ts +4 -0
  586. package/themes/vkComDark/index.js +670 -0
  587. package/themes/vkComDark/index.json +667 -0
  588. package/themes/vkComDark/index.less +410 -0
  589. package/themes/vkComDark/index.pcss +411 -0
  590. package/themes/vkComDark/index.scss +526 -0
  591. package/themes/vkComDark/index.styl +410 -0
  592. package/themes/vkIOS/cssVars/declarations/index.css +132 -127
  593. package/themes/vkIOS/cssVars/declarations/noColors.css +332 -0
  594. package/themes/vkIOS/cssVars/declarations/noSizes.css +124 -123
  595. package/themes/vkIOS/cssVars/declarations/onlyColors.css +123 -123
  596. package/themes/vkIOS/cssVars/declarations/onlyColors.js +2 -2
  597. package/themes/vkIOS/cssVars/declarations/onlyVariables.css +130 -125
  598. package/themes/vkIOS/cssVars/declarations/onlyVariables.js +2 -2
  599. package/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css +378 -0
  600. package/themes/vkIOS/cssVars/theme/fallbacks/index.css +132 -127
  601. package/themes/vkIOS/cssVars/theme/fallbacks/index.less +130 -125
  602. package/themes/vkIOS/cssVars/theme/fallbacks/index.pcss +130 -125
  603. package/themes/vkIOS/cssVars/theme/fallbacks/index.scss +131 -126
  604. package/themes/vkIOS/cssVars/theme/fallbacks/index.styl +130 -125
  605. package/themes/vkIOS/cssVars/theme/index.js +483 -439
  606. package/themes/vkIOS/cssVars/theme/index.json +483 -439
  607. package/themes/vkIOS/index.css +132 -127
  608. package/themes/vkIOS/index.js +194 -181
  609. package/themes/vkIOS/index.json +194 -181
  610. package/themes/vkIOS/index.less +130 -125
  611. package/themes/vkIOS/index.pcss +130 -125
  612. package/themes/vkIOS/index.scss +131 -126
  613. package/themes/vkIOS/index.styl +130 -125
  614. package/themes/vkIOSDark/cssVars/declarations/index.css +670 -0
  615. package/themes/vkIOSDark/cssVars/declarations/noColors.css +332 -0
  616. package/themes/vkIOSDark/cssVars/declarations/noSizes.css +249 -0
  617. package/themes/vkIOSDark/cssVars/declarations/onlyAdaptiveGroups.css +102 -0
  618. package/themes/vkIOSDark/cssVars/declarations/onlyColors.css +236 -0
  619. package/themes/vkIOSDark/cssVars/declarations/onlyColors.d.ts +3 -0
  620. package/themes/vkIOSDark/cssVars/declarations/onlyColors.js +11 -0
  621. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.css +378 -0
  622. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.d.ts +3 -0
  623. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.js +11 -0
  624. package/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css +378 -0
  625. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.css +567 -0
  626. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.less +410 -0
  627. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.pcss +411 -0
  628. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.scss +526 -0
  629. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.styl +410 -0
  630. package/themes/vkIOSDark/cssVars/theme/index.d.ts +4 -0
  631. package/themes/vkIOSDark/cssVars/theme/index.js +2270 -0
  632. package/themes/vkIOSDark/cssVars/theme/index.json +2267 -0
  633. package/themes/vkIOSDark/index.css +567 -0
  634. package/themes/vkIOSDark/index.d.ts +4 -0
  635. package/themes/vkIOSDark/index.js +670 -0
  636. package/themes/vkIOSDark/index.json +667 -0
  637. package/themes/vkIOSDark/index.less +410 -0
  638. package/themes/vkIOSDark/index.pcss +411 -0
  639. package/themes/vkIOSDark/index.scss +526 -0
  640. package/themes/vkIOSDark/index.styl +410 -0
  641. package/CHANGELOG.md +0 -139
package/themes/vkIOS/index.less CHANGED
@@ -1,4 +1,5 @@
1
1
  @theme-name: 'vkIOS';
2
+ @theme-name-base: 'vkIOS';
2
3
  @font-family-accent: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
3
4
  @font-family-base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
4
5
  @font-weight-accent1: 400;
@@ -25,7 +26,7 @@
25
26
  @size-button-medium-height--regular: 36px;
26
27
  @size-button-medium-height--compact: 32px;
27
28
  @size-button-small-height--regular: 30px;
28
- @size-button-small-height--compact: 26px;
29
+ @size-button-small-height--compact: 28px;
29
30
  @size-checkbox--regular: 16px;
30
31
  @size-arrow--regular: 8px;
31
32
  @size-arrow-promo--regular: 40px;
@@ -47,6 +48,10 @@
47
48
  @size-badge-m--regular: 24px;
48
49
  @size-badge-l--regular: 44px;
49
50
  @size-badge-x-l--regular: 56px;
51
+ @size-cardgrid-padding--regular: 8px;
52
+ @size-card-border-radius--regular: 10px;
53
+ @size-cardgrid-padding-vertical--regular: 8px;
54
+ @size-base-padding-horizontal--regular: 16px;
50
55
  @elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
51
56
  @elevation2: 0px 0px 2px rgba(0, 0, 0, 0.04), 0px 4px 4px rgba(0, 0, 0, 0.08);
52
57
  @elevation3: 0px 0px 4px rgba(0, 0, 0, 0.08), 0px 8px 8px rgba(0, 0, 0, 0.16);
@@ -58,15 +63,36 @@
58
63
  @opacity-disable: 0.4;
59
64
  @opacity-disable-accessibility: 0.64;
60
65
  @colors-scheme: light;
61
- @color-background-accent: #3F8AE0;
62
- @color-background-accent--hover: #3C85D9;
63
- @color-background-accent--active: #3A80D3;
64
- @color-background-accent-themed: #3F8AE0;
65
- @color-background-accent-themed--hover: #3C85D9;
66
- @color-background-accent-themed--active: #3A80D3;
67
- @color-background-accent-alternative: #3F8AE0;
68
- @color-background-accent-alternative--hover: #3C85D9;
69
- @color-background-accent-alternative--active: #3A80D3;
66
+ @color-background-accent: #2688EB;
67
+ @color-background-accent--hover: #2483E4;
68
+ @color-background-accent--active: #237EDD;
69
+ @color-background-accent-themed: #2688EB;
70
+ @color-background-accent-themed--hover: #2483E4;
71
+ @color-background-accent-themed--active: #237EDD;
72
+ @color-background-accent-alternative: #2688EB;
73
+ @color-background-accent-alternative--hover: #2483E4;
74
+ @color-background-accent-alternative--active: #237EDD;
75
+ @color-icon-accent: #2688EB;
76
+ @color-icon-accent--hover: #2483E4;
77
+ @color-icon-accent--active: #237EDD;
78
+ @color-text-accent: #2688EB;
79
+ @color-text-accent--hover: #2483E4;
80
+ @color-text-accent--active: #237EDD;
81
+ @color-text-accent-themed: #2688EB;
82
+ @color-text-accent-themed--hover: #2483E4;
83
+ @color-text-accent-themed--active: #237EDD;
84
+ @color-stroke-accent: #2688EB;
85
+ @color-stroke-accent--hover: #2483E4;
86
+ @color-stroke-accent--active: #237EDD;
87
+ @color-stroke-accent-themed: #2688EB;
88
+ @color-stroke-accent-themed--hover: #2483E4;
89
+ @color-stroke-accent-themed--active: #237EDD;
90
+ @color-stroke-contrast: #FFFFFF;
91
+ @color-stroke-contrast--hover: #F5F5F7;
92
+ @color-stroke-contrast--active: #EBECEF;
93
+ @color-action-sheet-text: #3F8AE0;
94
+ @color-action-sheet-text--hover: #3C85D9;
95
+ @color-action-sheet-text--active: #3A80D3;
70
96
  @color-background-content: #FFFFFF;
71
97
  @color-background-content--hover: #F5F5F7;
72
98
  @color-background-content--active: #EBECEF;
@@ -94,69 +120,24 @@
94
120
  @color-background-negative: #E64646;
95
121
  @color-background-negative--hover: #DD4446;
96
122
  @color-background-negative--active: #D44245;
97
- @color-background-modal: #FFFFFF;
98
- @color-background-modal--hover: #F5F5F7;
99
- @color-background-modal--active: #EBECEF;
100
- @color-background-positive: #4BB34B;
101
- @color-background-positive--hover: #48AC4A;
102
- @color-background-positive--active: #45A64A;
103
123
  @color-background-negative-tint: #FAEBEB;
104
124
  @color-background-negative-tint--hover: #F0E2E4;
105
125
  @color-background-negative-tint--active: #E6D9DD;
106
- @color-text-accent: #3F8AE0;
107
- @color-text-accent--hover: #3C85D9;
108
- @color-text-accent--active: #3A80D3;
109
- @color-text-accent-themed: #3F8AE0;
110
- @color-text-accent-themed--hover: #3C85D9;
111
- @color-text-accent-themed--active: #3A80D3;
112
126
  @color-text-negative: #E64646;
113
127
  @color-text-negative--hover: #DD4446;
114
128
  @color-text-negative--active: #D44245;
115
- @color-text-link: #4986CC;
116
- @color-text-link--hover: #4681C6;
117
- @color-text-link--active: #437DC1;
118
- @color-text-link-themed: #4986CC;
119
- @color-text-link-themed--hover: #4681C6;
120
- @color-text-link-themed--active: #437DC1;
121
- @color-text-muted: #2C2D2E;
122
- @color-text-muted--hover: #2A2C2F;
123
- @color-text-muted--active: #282B2F;
124
- @color-text-primary: #000000;
125
- @color-text-primary--hover: #000102;
126
- @color-text-primary--active: #000105;
127
- @color-text-primary-invariably: #000000;
128
- @color-text-primary-invariably--hover: #000102;
129
- @color-text-primary-invariably--active: #000105;
130
- @color-text-secondary: #818C99;
131
- @color-text-secondary--hover: #7C8795;
132
- @color-text-secondary--active: #778292;
133
- @color-text-subhead: #6D7885;
134
- @color-text-subhead--hover: #697482;
135
- @color-text-subhead--active: #64707F;
136
- @color-text-tertiary: #99A2AD;
137
- @color-text-tertiary--hover: #939CA9;
138
- @color-text-tertiary--active: #8D96A4;
139
- @color-text-link-visited: #4986CC;
140
- @color-text-link-visited--hover: #4681C6;
141
- @color-text-link-visited--active: #437DC1;
142
- @color-text-contrast: #FFFFFF;
143
- @color-text-contrast--hover: #F5F5F7;
144
- @color-text-contrast--active: #EBECEF;
145
- @color-text-contrast-themed: #FFFFFF;
146
- @color-text-contrast-themed--hover: #F5F5F7;
147
- @color-text-contrast-themed--active: #EBECEF;
148
- @color-link-contrast: #FFFFFF;
149
- @color-link-contrast--hover: #F5F5F7;
150
- @color-link-contrast--active: #EBECEF;
151
- @color-text-positive: #4BB34B;
152
- @color-text-positive--hover: #48AC4A;
153
- @color-text-positive--active: #45A64A;
154
- @color-icon-accent: #3F8AE0;
155
- @color-icon-accent--hover: #3C85D9;
156
- @color-icon-accent--active: #3A80D3;
157
129
  @color-icon-negative: #E64646;
158
130
  @color-icon-negative--hover: #DD4446;
159
131
  @color-icon-negative--active: #D44245;
132
+ @color-stroke-negative: #E64646;
133
+ @color-stroke-negative--hover: #DD4446;
134
+ @color-stroke-negative--active: #D44245;
135
+ @color-header-background: #FFFFFF;
136
+ @color-header-background--hover: #F5F5F7;
137
+ @color-header-background--active: #EBECEF;
138
+ @color-panel-header-icon: #2688EB;
139
+ @color-panel-header-icon--hover: #2483E4;
140
+ @color-panel-header-icon--active: #237EDD;
160
141
  @color-icon-primary: #2C2D2E;
161
142
  @color-icon-primary--hover: #2A2C2F;
162
143
  @color-icon-primary--active: #282B2F;
@@ -181,30 +162,33 @@
181
162
  @color-icon-tertiary-alpha: rgba(0, 0, 0, 0.24);
182
163
  @color-icon-tertiary-alpha--hover: rgba(0, 0, 0, 0.28);
183
164
  @color-icon-tertiary-alpha--active: rgba(0, 0, 0, 0.32);
184
- @color-icon-contrast: #FFFFFF;
185
- @color-icon-contrast--hover: #F5F5F7;
186
- @color-icon-contrast--active: #EBECEF;
187
- @color-icon-contrast-themed: #FFFFFF;
188
- @color-icon-contrast-themed--hover: #F5F5F7;
189
- @color-icon-contrast-themed--active: #EBECEF;
190
- @color-icon-positive: #4BB34B;
191
- @color-icon-positive--hover: #48AC4A;
192
- @color-icon-positive--active: #45A64A;
193
- @color-stroke-accent: #3F8AE0;
194
- @color-stroke-accent--hover: #3C85D9;
195
- @color-stroke-accent--active: #3A80D3;
196
- @color-stroke-accent-themed: #3F8AE0;
197
- @color-stroke-accent-themed--hover: #3C85D9;
198
- @color-stroke-accent-themed--active: #3A80D3;
199
- @color-stroke-contrast: #FFFFFF;
200
- @color-stroke-contrast--hover: #F5F5F7;
201
- @color-stroke-contrast--active: #EBECEF;
202
- @color-stroke-negative: #E64646;
203
- @color-stroke-negative--hover: #DD4446;
204
- @color-stroke-negative--active: #D44245;
205
165
  @color-image-border-alpha: rgba(0, 0, 0, 0.08);
206
166
  @color-image-border-alpha--hover: rgba(0, 0, 0, 0.12);
207
167
  @color-image-border-alpha--active: rgba(0, 0, 0, 0.16);
168
+ @color-write-bar-input-background: #F2F3F5;
169
+ @color-write-bar-input-background--hover: #E8EAEE;
170
+ @color-write-bar-input-background--active: #DFE1E6;
171
+ @color-write-bar-input-border-alpha: rgba(0, 0, 0, 0.08);
172
+ @color-write-bar-input-border-alpha--hover: rgba(0, 0, 0, 0.12);
173
+ @color-write-bar-input-border-alpha--active: rgba(0, 0, 0, 0.16);
174
+ @color-track-background: #E1E3E6;
175
+ @color-track-background--hover: #D8DBDF;
176
+ @color-track-background--active: #CFD2D8;
177
+ @color-track-buffer: #A0BFE4;
178
+ @color-track-buffer--hover: #9AB8DD;
179
+ @color-track-buffer--active: #93B1D7;
180
+ @color-background-modal: #FFFFFF;
181
+ @color-background-modal--hover: #F5F5F7;
182
+ @color-background-modal--active: #EBECEF;
183
+ @color-image-placeholder-alpha: rgba(0, 28, 61, 0.08);
184
+ @color-image-placeholder-alpha--hover: rgba(0, 28, 61, 0.12);
185
+ @color-image-placeholder-alpha--active: rgba(0, 28, 61, 0.16);
186
+ @color-image-placeholder: #F2F3F5;
187
+ @color-image-placeholder--hover: #E8EAEE;
188
+ @color-image-placeholder--active: #DFE1E6;
189
+ @color-search-field-background: #EBEDF0;
190
+ @color-search-field-background--hover: #E2E4E9;
191
+ @color-search-field-background--active: #D8DBE2;
208
192
  @color-field-border-alpha: rgba(0, 0, 0, 0.12);
209
193
  @color-field-border-alpha--hover: rgba(0, 0, 0, 0.16);
210
194
  @color-field-border-alpha--active: rgba(0, 0, 0, 0.2);
@@ -217,9 +201,33 @@
217
201
  @color-separator-primary: #D7D8D9;
218
202
  @color-separator-primary--hover: #CED0D3;
219
203
  @color-separator-primary--active: #C6C8CD;
220
- @color-stroke-positive: #4BB34B;
221
- @color-stroke-positive--hover: #48AC4A;
222
- @color-stroke-positive--active: #45A64A;
204
+ @color-text-link: #2D81E0;
205
+ @color-text-link--hover: #2B7CD9;
206
+ @color-text-link--active: #2978D3;
207
+ @color-text-link-themed: #4986CC;
208
+ @color-text-link-themed--hover: #4681C6;
209
+ @color-text-link-themed--active: #437DC1;
210
+ @color-text-muted: #2C2D2E;
211
+ @color-text-muted--hover: #2A2C2F;
212
+ @color-text-muted--active: #282B2F;
213
+ @color-text-primary: #000000;
214
+ @color-text-primary--hover: #000102;
215
+ @color-text-primary--active: #000105;
216
+ @color-text-primary-invariably: #000000;
217
+ @color-text-primary-invariably--hover: #000102;
218
+ @color-text-primary-invariably--active: #000105;
219
+ @color-text-secondary: #818C99;
220
+ @color-text-secondary--hover: #7C8795;
221
+ @color-text-secondary--active: #778292;
222
+ @color-text-subhead: #6D7885;
223
+ @color-text-subhead--hover: #697482;
224
+ @color-text-subhead--active: #64707F;
225
+ @color-text-tertiary: #99A2AD;
226
+ @color-text-tertiary--hover: #939CA9;
227
+ @color-text-tertiary--active: #8D96A4;
228
+ @color-write-bar-icon: #3F8AE0;
229
+ @color-write-bar-icon--hover: #3C85D9;
230
+ @color-write-bar-icon--active: #3A80D3;
223
231
  @color-accent-blue: #3F8AE0;
224
232
  @color-accent-blue--hover: #3C85D9;
225
233
  @color-accent-blue--active: #3A80D3;
@@ -241,48 +249,45 @@
241
249
  @color-accent-violet: #792EC0;
242
250
  @color-accent-violet--hover: #742DBB;
243
251
  @color-accent-violet--active: #6F2CB6;
244
- @color-accent-secondary: #3F8AE0;
245
- @color-accent-secondary--hover: #3C85D9;
246
- @color-accent-secondary--active: #3A80D3;
247
- @color-action-sheet-text: #3F8AE0;
248
- @color-action-sheet-text--hover: #3C85D9;
249
- @color-action-sheet-text--active: #3A80D3;
250
- @color-header-background: #FFFFFF;
251
- @color-header-background--hover: #F5F5F7;
252
- @color-header-background--active: #EBECEF;
253
- @color-panel-header-icon: #3F8AE0;
254
- @color-panel-header-icon--hover: #3C85D9;
255
- @color-panel-header-icon--active: #3A80D3;
256
- @color-write-bar-input-background: #F2F3F5;
257
- @color-write-bar-input-background--hover: #E8EAEE;
258
- @color-write-bar-input-background--active: #DFE1E6;
259
- @color-write-bar-input-border-alpha: rgba(0, 0, 0, 0.08);
260
- @color-write-bar-input-border-alpha--hover: rgba(0, 0, 0, 0.12);
261
- @color-write-bar-input-border-alpha--active: rgba(0, 0, 0, 0.16);
262
- @color-track-background: #E1E3E6;
263
- @color-track-background--hover: #D8DBDF;
264
- @color-track-background--active: #CFD2D8;
265
- @color-track-buffer: #A0BFE4;
266
- @color-track-buffer--hover: #9AB8DD;
267
- @color-track-buffer--active: #93B1D7;
268
- @color-image-placeholder-alpha: rgba(0, 28, 61, 0.08);
269
- @color-image-placeholder-alpha--hover: rgba(0, 28, 61, 0.12);
270
- @color-image-placeholder-alpha--active: rgba(0, 28, 61, 0.16);
271
- @color-image-placeholder: #F2F3F5;
272
- @color-image-placeholder--hover: #E8EAEE;
273
- @color-image-placeholder--active: #DFE1E6;
274
- @color-search-field-background: #EBEDF0;
275
- @color-search-field-background--hover: #E2E4E9;
276
- @color-search-field-background--active: #D8DBE2;
277
- @color-write-bar-icon: #3F8AE0;
278
- @color-write-bar-icon--hover: #3C85D9;
279
- @color-write-bar-icon--active: #3A80D3;
280
252
  @color-skeleton-from: #F5F5F5;
281
253
  @color-skeleton-from--hover: #EBECEE;
282
254
  @color-skeleton-from--active: #E1E3E6;
283
255
  @color-skeleton-to: #E1E3E6;
284
256
  @color-skeleton-to--hover: #D8DBDF;
285
257
  @color-skeleton-to--active: #CFD2D8;
258
+ @color-accent-secondary: #3F8AE0;
259
+ @color-accent-secondary--hover: #3C85D9;
260
+ @color-accent-secondary--active: #3A80D3;
261
+ @color-text-link-visited: #4986CC;
262
+ @color-text-link-visited--hover: #4681C6;
263
+ @color-text-link-visited--active: #437DC1;
264
+ @color-text-contrast: #FFFFFF;
265
+ @color-text-contrast--hover: #F5F5F7;
266
+ @color-text-contrast--active: #EBECEF;
267
+ @color-text-contrast-themed: #FFFFFF;
268
+ @color-text-contrast-themed--hover: #F5F5F7;
269
+ @color-text-contrast-themed--active: #EBECEF;
270
+ @color-icon-contrast: #FFFFFF;
271
+ @color-icon-contrast--hover: #F5F5F7;
272
+ @color-icon-contrast--active: #EBECEF;
273
+ @color-icon-contrast-themed: #FFFFFF;
274
+ @color-icon-contrast-themed--hover: #F5F5F7;
275
+ @color-icon-contrast-themed--active: #EBECEF;
276
+ @color-link-contrast: #FFFFFF;
277
+ @color-link-contrast--hover: #F5F5F7;
278
+ @color-link-contrast--active: #EBECEF;
279
+ @color-text-positive: #4BB34B;
280
+ @color-text-positive--hover: #48AC4A;
281
+ @color-text-positive--active: #45A64A;
282
+ @color-background-positive: #4BB34B;
283
+ @color-background-positive--hover: #48AC4A;
284
+ @color-background-positive--active: #45A64A;
285
+ @color-icon-positive: #4BB34B;
286
+ @color-icon-positive--hover: #48AC4A;
287
+ @color-icon-positive--active: #45A64A;
288
+ @color-stroke-positive: #4BB34B;
289
+ @color-stroke-positive--hover: #48AC4A;
290
+ @color-stroke-positive--active: #45A64A;
286
291
  @color-avatar-overlay: rgba(129, 140, 153, 0.48);
287
292
  @color-avatar-overlay--hover: rgba(129, 140, 153, 0.52);
288
293
  @color-avatar-overlay--active: rgba(129, 140, 153, 0.56);
@@ -310,7 +315,7 @@
310
315
  }
311
316
  .font-title3--regular {
312
317
  font-size: 17px;
313
- line-height: 24px;
318
+ line-height: 22px;
314
319
  letter-spacing: -0.22px;
315
320
  font-family: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
316
321
  font-weight: 600;
package/themes/vkIOS/index.pcss CHANGED
@@ -1,5 +1,6 @@
1
1
  :root {
2
2
  --theme-name: 'vkIOS';
3
+ --theme-name-base: 'vkIOS';
3
4
  --font-family-accent: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
4
5
  --font-family-base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
5
6
  --font-weight-accent1: 400;
@@ -26,7 +27,7 @@
26
27
  --size-button-medium-height--regular: 36px;
27
28
  --size-button-medium-height--compact: 32px;
28
29
  --size-button-small-height--regular: 30px;
29
- --size-button-small-height--compact: 26px;
30
+ --size-button-small-height--compact: 28px;
30
31
  --size-checkbox--regular: 16px;
31
32
  --size-arrow--regular: 8px;
32
33
  --size-arrow-promo--regular: 40px;
@@ -48,6 +49,10 @@
48
49
  --size-badge-m--regular: 24px;
49
50
  --size-badge-l--regular: 44px;
50
51
  --size-badge-x-l--regular: 56px;
52
+ --size-cardgrid-padding--regular: 8px;
53
+ --size-card-border-radius--regular: 10px;
54
+ --size-cardgrid-padding-vertical--regular: 8px;
55
+ --size-base-padding-horizontal--regular: 16px;
51
56
  --elevation1: 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06);
52
57
  --elevation2: 0px 0px 2px rgba(0, 0, 0, 0.04), 0px 4px 4px rgba(0, 0, 0, 0.08);
53
58
  --elevation3: 0px 0px 4px rgba(0, 0, 0, 0.08), 0px 8px 8px rgba(0, 0, 0, 0.16);
@@ -59,15 +64,36 @@
59
64
  --opacity-disable: 0.4;
60
65
  --opacity-disable-accessibility: 0.64;
61
66
  --colors-scheme: light;
62
- --color-background-accent: #3F8AE0;
63
- --color-background-accent--hover: #3C85D9;
64
- --color-background-accent--active: #3A80D3;
65
- --color-background-accent-themed: #3F8AE0;
66
- --color-background-accent-themed--hover: #3C85D9;
67
- --color-background-accent-themed--active: #3A80D3;
68
- --color-background-accent-alternative: #3F8AE0;
69
- --color-background-accent-alternative--hover: #3C85D9;
70
- --color-background-accent-alternative--active: #3A80D3;
67
+ --color-background-accent: #2688EB;
68
+ --color-background-accent--hover: #2483E4;
69
+ --color-background-accent--active: #237EDD;
70
+ --color-background-accent-themed: #2688EB;
71
+ --color-background-accent-themed--hover: #2483E4;
72
+ --color-background-accent-themed--active: #237EDD;
73
+ --color-background-accent-alternative: #2688EB;
74
+ --color-background-accent-alternative--hover: #2483E4;
75
+ --color-background-accent-alternative--active: #237EDD;
76
+ --color-icon-accent: #2688EB;
77
+ --color-icon-accent--hover: #2483E4;
78
+ --color-icon-accent--active: #237EDD;
79
+ --color-text-accent: #2688EB;
80
+ --color-text-accent--hover: #2483E4;
81
+ --color-text-accent--active: #237EDD;
82
+ --color-text-accent-themed: #2688EB;
83
+ --color-text-accent-themed--hover: #2483E4;
84
+ --color-text-accent-themed--active: #237EDD;
85
+ --color-stroke-accent: #2688EB;
86
+ --color-stroke-accent--hover: #2483E4;
87
+ --color-stroke-accent--active: #237EDD;
88
+ --color-stroke-accent-themed: #2688EB;
89
+ --color-stroke-accent-themed--hover: #2483E4;
90
+ --color-stroke-accent-themed--active: #237EDD;
91
+ --color-stroke-contrast: #FFFFFF;
92
+ --color-stroke-contrast--hover: #F5F5F7;
93
+ --color-stroke-contrast--active: #EBECEF;
94
+ --color-action-sheet-text: #3F8AE0;
95
+ --color-action-sheet-text--hover: #3C85D9;
96
+ --color-action-sheet-text--active: #3A80D3;
71
97
  --color-background-content: #FFFFFF;
72
98
  --color-background-content--hover: #F5F5F7;
73
99
  --color-background-content--active: #EBECEF;
@@ -95,69 +121,24 @@
95
121
  --color-background-negative: #E64646;
96
122
  --color-background-negative--hover: #DD4446;
97
123
  --color-background-negative--active: #D44245;
98
- --color-background-modal: #FFFFFF;
99
- --color-background-modal--hover: #F5F5F7;
100
- --color-background-modal--active: #EBECEF;
101
- --color-background-positive: #4BB34B;
102
- --color-background-positive--hover: #48AC4A;
103
- --color-background-positive--active: #45A64A;
104
124
  --color-background-negative-tint: #FAEBEB;
105
125
  --color-background-negative-tint--hover: #F0E2E4;
106
126
  --color-background-negative-tint--active: #E6D9DD;
107
- --color-text-accent: #3F8AE0;
108
- --color-text-accent--hover: #3C85D9;
109
- --color-text-accent--active: #3A80D3;
110
- --color-text-accent-themed: #3F8AE0;
111
- --color-text-accent-themed--hover: #3C85D9;
112
- --color-text-accent-themed--active: #3A80D3;
113
127
  --color-text-negative: #E64646;
114
128
  --color-text-negative--hover: #DD4446;
115
129
  --color-text-negative--active: #D44245;
116
- --color-text-link: #4986CC;
117
- --color-text-link--hover: #4681C6;
118
- --color-text-link--active: #437DC1;
119
- --color-text-link-themed: #4986CC;
120
- --color-text-link-themed--hover: #4681C6;
121
- --color-text-link-themed--active: #437DC1;
122
- --color-text-muted: #2C2D2E;
123
- --color-text-muted--hover: #2A2C2F;
124
- --color-text-muted--active: #282B2F;
125
- --color-text-primary: #000000;
126
- --color-text-primary--hover: #000102;
127
- --color-text-primary--active: #000105;
128
- --color-text-primary-invariably: #000000;
129
- --color-text-primary-invariably--hover: #000102;
130
- --color-text-primary-invariably--active: #000105;
131
- --color-text-secondary: #818C99;
132
- --color-text-secondary--hover: #7C8795;
133
- --color-text-secondary--active: #778292;
134
- --color-text-subhead: #6D7885;
135
- --color-text-subhead--hover: #697482;
136
- --color-text-subhead--active: #64707F;
137
- --color-text-tertiary: #99A2AD;
138
- --color-text-tertiary--hover: #939CA9;
139
- --color-text-tertiary--active: #8D96A4;
140
- --color-text-link-visited: #4986CC;
141
- --color-text-link-visited--hover: #4681C6;
142
- --color-text-link-visited--active: #437DC1;
143
- --color-text-contrast: #FFFFFF;
144
- --color-text-contrast--hover: #F5F5F7;
145
- --color-text-contrast--active: #EBECEF;
146
- --color-text-contrast-themed: #FFFFFF;
147
- --color-text-contrast-themed--hover: #F5F5F7;
148
- --color-text-contrast-themed--active: #EBECEF;
149
- --color-link-contrast: #FFFFFF;
150
- --color-link-contrast--hover: #F5F5F7;
151
- --color-link-contrast--active: #EBECEF;
152
- --color-text-positive: #4BB34B;
153
- --color-text-positive--hover: #48AC4A;
154
- --color-text-positive--active: #45A64A;
155
- --color-icon-accent: #3F8AE0;
156
- --color-icon-accent--hover: #3C85D9;
157
- --color-icon-accent--active: #3A80D3;
158
130
  --color-icon-negative: #E64646;
159
131
  --color-icon-negative--hover: #DD4446;
160
132
  --color-icon-negative--active: #D44245;
133
+ --color-stroke-negative: #E64646;
134
+ --color-stroke-negative--hover: #DD4446;
135
+ --color-stroke-negative--active: #D44245;
136
+ --color-header-background: #FFFFFF;
137
+ --color-header-background--hover: #F5F5F7;
138
+ --color-header-background--active: #EBECEF;
139
+ --color-panel-header-icon: #2688EB;
140
+ --color-panel-header-icon--hover: #2483E4;
141
+ --color-panel-header-icon--active: #237EDD;
161
142
  --color-icon-primary: #2C2D2E;
162
143
  --color-icon-primary--hover: #2A2C2F;
163
144
  --color-icon-primary--active: #282B2F;
@@ -182,30 +163,33 @@
182
163
  --color-icon-tertiary-alpha: rgba(0, 0, 0, 0.24);
183
164
  --color-icon-tertiary-alpha--hover: rgba(0, 0, 0, 0.28);
184
165
  --color-icon-tertiary-alpha--active: rgba(0, 0, 0, 0.32);
185
- --color-icon-contrast: #FFFFFF;
186
- --color-icon-contrast--hover: #F5F5F7;
187
- --color-icon-contrast--active: #EBECEF;
188
- --color-icon-contrast-themed: #FFFFFF;
189
- --color-icon-contrast-themed--hover: #F5F5F7;
190
- --color-icon-contrast-themed--active: #EBECEF;
191
- --color-icon-positive: #4BB34B;
192
- --color-icon-positive--hover: #48AC4A;
193
- --color-icon-positive--active: #45A64A;
194
- --color-stroke-accent: #3F8AE0;
195
- --color-stroke-accent--hover: #3C85D9;
196
- --color-stroke-accent--active: #3A80D3;
197
- --color-stroke-accent-themed: #3F8AE0;
198
- --color-stroke-accent-themed--hover: #3C85D9;
199
- --color-stroke-accent-themed--active: #3A80D3;
200
- --color-stroke-contrast: #FFFFFF;
201
- --color-stroke-contrast--hover: #F5F5F7;
202
- --color-stroke-contrast--active: #EBECEF;
203
- --color-stroke-negative: #E64646;
204
- --color-stroke-negative--hover: #DD4446;
205
- --color-stroke-negative--active: #D44245;
206
166
  --color-image-border-alpha: rgba(0, 0, 0, 0.08);
207
167
  --color-image-border-alpha--hover: rgba(0, 0, 0, 0.12);
208
168
  --color-image-border-alpha--active: rgba(0, 0, 0, 0.16);
169
+ --color-write-bar-input-background: #F2F3F5;
170
+ --color-write-bar-input-background--hover: #E8EAEE;
171
+ --color-write-bar-input-background--active: #DFE1E6;
172
+ --color-write-bar-input-border-alpha: rgba(0, 0, 0, 0.08);
173
+ --color-write-bar-input-border-alpha--hover: rgba(0, 0, 0, 0.12);
174
+ --color-write-bar-input-border-alpha--active: rgba(0, 0, 0, 0.16);
175
+ --color-track-background: #E1E3E6;
176
+ --color-track-background--hover: #D8DBDF;
177
+ --color-track-background--active: #CFD2D8;
178
+ --color-track-buffer: #A0BFE4;
179
+ --color-track-buffer--hover: #9AB8DD;
180
+ --color-track-buffer--active: #93B1D7;
181
+ --color-background-modal: #FFFFFF;
182
+ --color-background-modal--hover: #F5F5F7;
183
+ --color-background-modal--active: #EBECEF;
184
+ --color-image-placeholder-alpha: rgba(0, 28, 61, 0.08);
185
+ --color-image-placeholder-alpha--hover: rgba(0, 28, 61, 0.12);
186
+ --color-image-placeholder-alpha--active: rgba(0, 28, 61, 0.16);
187
+ --color-image-placeholder: #F2F3F5;
188
+ --color-image-placeholder--hover: #E8EAEE;
189
+ --color-image-placeholder--active: #DFE1E6;
190
+ --color-search-field-background: #EBEDF0;
191
+ --color-search-field-background--hover: #E2E4E9;
192
+ --color-search-field-background--active: #D8DBE2;
209
193
  --color-field-border-alpha: rgba(0, 0, 0, 0.12);
210
194
  --color-field-border-alpha--hover: rgba(0, 0, 0, 0.16);
211
195
  --color-field-border-alpha--active: rgba(0, 0, 0, 0.2);
@@ -218,9 +202,33 @@
218
202
  --color-separator-primary: #D7D8D9;
219
203
  --color-separator-primary--hover: #CED0D3;
220
204
  --color-separator-primary--active: #C6C8CD;
221
- --color-stroke-positive: #4BB34B;
222
- --color-stroke-positive--hover: #48AC4A;
223
- --color-stroke-positive--active: #45A64A;
205
+ --color-text-link: #2D81E0;
206
+ --color-text-link--hover: #2B7CD9;
207
+ --color-text-link--active: #2978D3;
208
+ --color-text-link-themed: #4986CC;
209
+ --color-text-link-themed--hover: #4681C6;
210
+ --color-text-link-themed--active: #437DC1;
211
+ --color-text-muted: #2C2D2E;
212
+ --color-text-muted--hover: #2A2C2F;
213
+ --color-text-muted--active: #282B2F;
214
+ --color-text-primary: #000000;
215
+ --color-text-primary--hover: #000102;
216
+ --color-text-primary--active: #000105;
217
+ --color-text-primary-invariably: #000000;
218
+ --color-text-primary-invariably--hover: #000102;
219
+ --color-text-primary-invariably--active: #000105;
220
+ --color-text-secondary: #818C99;
221
+ --color-text-secondary--hover: #7C8795;
222
+ --color-text-secondary--active: #778292;
223
+ --color-text-subhead: #6D7885;
224
+ --color-text-subhead--hover: #697482;
225
+ --color-text-subhead--active: #64707F;
226
+ --color-text-tertiary: #99A2AD;
227
+ --color-text-tertiary--hover: #939CA9;
228
+ --color-text-tertiary--active: #8D96A4;
229
+ --color-write-bar-icon: #3F8AE0;
230
+ --color-write-bar-icon--hover: #3C85D9;
231
+ --color-write-bar-icon--active: #3A80D3;
224
232
  --color-accent-blue: #3F8AE0;
225
233
  --color-accent-blue--hover: #3C85D9;
226
234
  --color-accent-blue--active: #3A80D3;
@@ -242,48 +250,45 @@
242
250
  --color-accent-violet: #792EC0;
243
251
  --color-accent-violet--hover: #742DBB;
244
252
  --color-accent-violet--active: #6F2CB6;
245
- --color-accent-secondary: #3F8AE0;
246
- --color-accent-secondary--hover: #3C85D9;
247
- --color-accent-secondary--active: #3A80D3;
248
- --color-action-sheet-text: #3F8AE0;
249
- --color-action-sheet-text--hover: #3C85D9;
250
- --color-action-sheet-text--active: #3A80D3;
251
- --color-header-background: #FFFFFF;
252
- --color-header-background--hover: #F5F5F7;
253
- --color-header-background--active: #EBECEF;
254
- --color-panel-header-icon: #3F8AE0;
255
- --color-panel-header-icon--hover: #3C85D9;
256
- --color-panel-header-icon--active: #3A80D3;
257
- --color-write-bar-input-background: #F2F3F5;
258
- --color-write-bar-input-background--hover: #E8EAEE;
259
- --color-write-bar-input-background--active: #DFE1E6;
260
- --color-write-bar-input-border-alpha: rgba(0, 0, 0, 0.08);
261
- --color-write-bar-input-border-alpha--hover: rgba(0, 0, 0, 0.12);
262
- --color-write-bar-input-border-alpha--active: rgba(0, 0, 0, 0.16);
263
- --color-track-background: #E1E3E6;
264
- --color-track-background--hover: #D8DBDF;
265
- --color-track-background--active: #CFD2D8;
266
- --color-track-buffer: #A0BFE4;
267
- --color-track-buffer--hover: #9AB8DD;
268
- --color-track-buffer--active: #93B1D7;
269
- --color-image-placeholder-alpha: rgba(0, 28, 61, 0.08);
270
- --color-image-placeholder-alpha--hover: rgba(0, 28, 61, 0.12);
271
- --color-image-placeholder-alpha--active: rgba(0, 28, 61, 0.16);
272
- --color-image-placeholder: #F2F3F5;
273
- --color-image-placeholder--hover: #E8EAEE;
274
- --color-image-placeholder--active: #DFE1E6;
275
- --color-search-field-background: #EBEDF0;
276
- --color-search-field-background--hover: #E2E4E9;
277
- --color-search-field-background--active: #D8DBE2;
278
- --color-write-bar-icon: #3F8AE0;
279
- --color-write-bar-icon--hover: #3C85D9;
280
- --color-write-bar-icon--active: #3A80D3;
281
253
  --color-skeleton-from: #F5F5F5;
282
254
  --color-skeleton-from--hover: #EBECEE;
283
255
  --color-skeleton-from--active: #E1E3E6;
284
256
  --color-skeleton-to: #E1E3E6;
285
257
  --color-skeleton-to--hover: #D8DBDF;
286
258
  --color-skeleton-to--active: #CFD2D8;
259
+ --color-accent-secondary: #3F8AE0;
260
+ --color-accent-secondary--hover: #3C85D9;
261
+ --color-accent-secondary--active: #3A80D3;
262
+ --color-text-link-visited: #4986CC;
263
+ --color-text-link-visited--hover: #4681C6;
264
+ --color-text-link-visited--active: #437DC1;
265
+ --color-text-contrast: #FFFFFF;
266
+ --color-text-contrast--hover: #F5F5F7;
267
+ --color-text-contrast--active: #EBECEF;
268
+ --color-text-contrast-themed: #FFFFFF;
269
+ --color-text-contrast-themed--hover: #F5F5F7;
270
+ --color-text-contrast-themed--active: #EBECEF;
271
+ --color-icon-contrast: #FFFFFF;
272
+ --color-icon-contrast--hover: #F5F5F7;
273
+ --color-icon-contrast--active: #EBECEF;
274
+ --color-icon-contrast-themed: #FFFFFF;
275
+ --color-icon-contrast-themed--hover: #F5F5F7;
276
+ --color-icon-contrast-themed--active: #EBECEF;
277
+ --color-link-contrast: #FFFFFF;
278
+ --color-link-contrast--hover: #F5F5F7;
279
+ --color-link-contrast--active: #EBECEF;
280
+ --color-text-positive: #4BB34B;
281
+ --color-text-positive--hover: #48AC4A;
282
+ --color-text-positive--active: #45A64A;
283
+ --color-background-positive: #4BB34B;
284
+ --color-background-positive--hover: #48AC4A;
285
+ --color-background-positive--active: #45A64A;
286
+ --color-icon-positive: #4BB34B;
287
+ --color-icon-positive--hover: #48AC4A;
288
+ --color-icon-positive--active: #45A64A;
289
+ --color-stroke-positive: #4BB34B;
290
+ --color-stroke-positive--hover: #48AC4A;
291
+ --color-stroke-positive--active: #45A64A;
287
292
  --color-avatar-overlay: rgba(129, 140, 153, 0.48);
288
293
  --color-avatar-overlay--hover: rgba(129, 140, 153, 0.52);
289
294
  --color-avatar-overlay--active: rgba(129, 140, 153, 0.56);
@@ -311,7 +316,7 @@
311
316
  }
312
317
  %font-title3--regular {
313
318
  font-size: 17px;
314
- line-height: 24px;
319
+ line-height: 22px;
315
320
  letter-spacing: -0.22px;
316
321
  font-family: "TT Commons", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
317
322
  font-weight: 600;