@vkontakte/vkui-tokens 4.39.0 → 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 (420) hide show
  1. package/interfaces/general/tools/utils.d.ts +6 -0
  2. package/interfaces/themes/media/index.d.ts +4 -1
  3. package/package.json +13 -12
  4. package/themeDescriptions/base/figma/vk.json +218 -177
  5. package/themeDescriptions/base/vk.d.ts +7 -0
  6. package/themeDescriptions/base/vk.js +46 -20
  7. package/themes/calendar/cssVars/declarations/index.css +12 -12
  8. package/themes/calendar/cssVars/declarations/noColors.css +12 -12
  9. package/themes/calendar/cssVars/declarations/onlyVariables.css +4 -4
  10. package/themes/calendar/cssVars/declarations/onlyVariables.js +2 -2
  11. package/themes/calendar/cssVars/declarations/onlyVariablesLocal.css +4 -4
  12. package/themes/calendar/cssVars/declarations/onlyVariablesLocalIncremental.css +4 -4
  13. package/themes/calendar/cssVars/theme/fallbacks/index.css +12 -12
  14. package/themes/calendar/cssVars/theme/fallbacks/index.less +4 -4
  15. package/themes/calendar/cssVars/theme/fallbacks/index.pcss +4 -4
  16. package/themes/calendar/cssVars/theme/fallbacks/index.scss +12 -12
  17. package/themes/calendar/cssVars/theme/fallbacks/index.styl +4 -4
  18. package/themes/calendar/cssVars/theme/index.js +4 -4
  19. package/themes/calendar/cssVars/theme/index.json +4 -4
  20. package/themes/calendar/index.css +12 -12
  21. package/themes/calendar/index.js +4 -4
  22. package/themes/calendar/index.json +4 -4
  23. package/themes/calendar/index.less +4 -4
  24. package/themes/calendar/index.pcss +4 -4
  25. package/themes/calendar/index.scss +12 -12
  26. package/themes/calendar/index.styl +4 -4
  27. package/themes/calendar/struct.json +4 -4
  28. package/themes/calendarDark/cssVars/declarations/index.css +12 -12
  29. package/themes/calendarDark/cssVars/declarations/noColors.css +12 -12
  30. package/themes/calendarDark/cssVars/declarations/onlyVariables.css +4 -4
  31. package/themes/calendarDark/cssVars/declarations/onlyVariables.js +2 -2
  32. package/themes/calendarDark/cssVars/declarations/onlyVariablesLocal.css +4 -4
  33. package/themes/calendarDark/cssVars/declarations/onlyVariablesLocalIncremental.css +4 -4
  34. package/themes/calendarDark/cssVars/theme/fallbacks/index.css +12 -12
  35. package/themes/calendarDark/cssVars/theme/fallbacks/index.less +4 -4
  36. package/themes/calendarDark/cssVars/theme/fallbacks/index.pcss +4 -4
  37. package/themes/calendarDark/cssVars/theme/fallbacks/index.scss +12 -12
  38. package/themes/calendarDark/cssVars/theme/fallbacks/index.styl +4 -4
  39. package/themes/calendarDark/cssVars/theme/index.js +4 -4
  40. package/themes/calendarDark/cssVars/theme/index.json +4 -4
  41. package/themes/calendarDark/index.css +12 -12
  42. package/themes/calendarDark/index.js +4 -4
  43. package/themes/calendarDark/index.json +4 -4
  44. package/themes/calendarDark/index.less +4 -4
  45. package/themes/calendarDark/index.pcss +4 -4
  46. package/themes/calendarDark/index.scss +12 -12
  47. package/themes/calendarDark/index.styl +4 -4
  48. package/themes/calendarDark/struct.json +4 -4
  49. package/themes/media/cssVars/declarations/index.css +59 -8
  50. package/themes/media/cssVars/declarations/noColors.css +12 -0
  51. package/themes/media/cssVars/declarations/noSizes.css +12 -0
  52. package/themes/media/cssVars/declarations/onlyMedia.css +47 -8
  53. package/themes/media/cssVars/declarations/onlyVariables.css +12 -0
  54. package/themes/media/cssVars/declarations/onlyVariables.js +2 -2
  55. package/themes/media/cssVars/declarations/onlyVariablesLocal.css +12 -0
  56. package/themes/media/cssVars/declarations/onlyVariablesLocalIncremental.css +12 -0
  57. package/themes/media/cssVars/theme/fallbacks/index.css +12 -0
  58. package/themes/media/cssVars/theme/fallbacks/index.less +22 -10
  59. package/themes/media/cssVars/theme/fallbacks/index.pcss +22 -10
  60. package/themes/media/cssVars/theme/fallbacks/index.scss +22 -10
  61. package/themes/media/cssVars/theme/fallbacks/index.styl +22 -10
  62. package/themes/media/cssVars/theme/index.js +79 -13
  63. package/themes/media/cssVars/theme/index.json +79 -13
  64. package/themes/media/docs.json +12 -0
  65. package/themes/media/index.css +12 -0
  66. package/themes/media/index.js +31 -13
  67. package/themes/media/index.json +31 -13
  68. package/themes/media/index.less +22 -10
  69. package/themes/media/index.pcss +22 -10
  70. package/themes/media/index.scss +22 -10
  71. package/themes/media/index.styl +22 -10
  72. package/themes/media/struct.json +31 -13
  73. package/themes/mediaDark/cssVars/declarations/index.css +59 -8
  74. package/themes/mediaDark/cssVars/declarations/noColors.css +12 -0
  75. package/themes/mediaDark/cssVars/declarations/noSizes.css +12 -0
  76. package/themes/mediaDark/cssVars/declarations/onlyMedia.css +47 -8
  77. package/themes/mediaDark/cssVars/declarations/onlyVariables.css +12 -0
  78. package/themes/mediaDark/cssVars/declarations/onlyVariables.js +2 -2
  79. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocal.css +12 -0
  80. package/themes/mediaDark/cssVars/declarations/onlyVariablesLocalIncremental.css +12 -0
  81. package/themes/mediaDark/cssVars/theme/fallbacks/index.css +12 -0
  82. package/themes/mediaDark/cssVars/theme/fallbacks/index.less +22 -10
  83. package/themes/mediaDark/cssVars/theme/fallbacks/index.pcss +22 -10
  84. package/themes/mediaDark/cssVars/theme/fallbacks/index.scss +22 -10
  85. package/themes/mediaDark/cssVars/theme/fallbacks/index.styl +22 -10
  86. package/themes/mediaDark/cssVars/theme/index.js +79 -13
  87. package/themes/mediaDark/cssVars/theme/index.json +79 -13
  88. package/themes/mediaDark/docs.json +12 -0
  89. package/themes/mediaDark/index.css +12 -0
  90. package/themes/mediaDark/index.js +31 -13
  91. package/themes/mediaDark/index.json +31 -13
  92. package/themes/mediaDark/index.less +22 -10
  93. package/themes/mediaDark/index.pcss +22 -10
  94. package/themes/mediaDark/index.scss +22 -10
  95. package/themes/mediaDark/index.styl +22 -10
  96. package/themes/mediaDark/struct.json +31 -13
  97. package/themes/mycom/cssVars/declarations/index.css +59 -8
  98. package/themes/mycom/cssVars/declarations/noColors.css +12 -0
  99. package/themes/mycom/cssVars/declarations/noSizes.css +12 -0
  100. package/themes/mycom/cssVars/declarations/onlyMedia.css +47 -8
  101. package/themes/mycom/cssVars/declarations/onlyVariables.css +12 -0
  102. package/themes/mycom/cssVars/declarations/onlyVariables.js +2 -2
  103. package/themes/mycom/cssVars/declarations/onlyVariablesLocal.css +12 -0
  104. package/themes/mycom/cssVars/declarations/onlyVariablesLocalIncremental.css +12 -0
  105. package/themes/mycom/cssVars/theme/fallbacks/index.css +12 -0
  106. package/themes/mycom/cssVars/theme/fallbacks/index.less +22 -10
  107. package/themes/mycom/cssVars/theme/fallbacks/index.pcss +22 -10
  108. package/themes/mycom/cssVars/theme/fallbacks/index.scss +22 -10
  109. package/themes/mycom/cssVars/theme/fallbacks/index.styl +22 -10
  110. package/themes/mycom/cssVars/theme/index.js +79 -13
  111. package/themes/mycom/cssVars/theme/index.json +79 -13
  112. package/themes/mycom/docs.json +12 -0
  113. package/themes/mycom/index.css +12 -0
  114. package/themes/mycom/index.js +31 -13
  115. package/themes/mycom/index.json +31 -13
  116. package/themes/mycom/index.less +22 -10
  117. package/themes/mycom/index.pcss +22 -10
  118. package/themes/mycom/index.scss +22 -10
  119. package/themes/mycom/index.styl +22 -10
  120. package/themes/mycom/struct.json +31 -13
  121. package/themes/octaviusVK/cssVars/declarations/index.css +6 -6
  122. package/themes/octaviusVK/cssVars/declarations/noSizes.css +6 -6
  123. package/themes/octaviusVK/cssVars/declarations/onlyColors.css +6 -6
  124. package/themes/octaviusVK/cssVars/declarations/onlyColors.js +2 -2
  125. package/themes/octaviusVK/cssVars/declarations/onlyVariables.css +6 -6
  126. package/themes/octaviusVK/cssVars/declarations/onlyVariables.js +2 -2
  127. package/themes/octaviusVK/cssVars/declarations/onlyVariablesLocal.css +6 -6
  128. package/themes/octaviusVK/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -6
  129. package/themes/octaviusVK/cssVars/theme/fallbacks/index.css +6 -6
  130. package/themes/octaviusVK/cssVars/theme/fallbacks/index.less +6 -6
  131. package/themes/octaviusVK/cssVars/theme/fallbacks/index.pcss +6 -6
  132. package/themes/octaviusVK/cssVars/theme/fallbacks/index.scss +6 -6
  133. package/themes/octaviusVK/cssVars/theme/fallbacks/index.styl +6 -6
  134. package/themes/octaviusVK/cssVars/theme/index.js +6 -6
  135. package/themes/octaviusVK/cssVars/theme/index.json +6 -6
  136. package/themes/octaviusVK/index.css +6 -6
  137. package/themes/octaviusVK/index.js +6 -6
  138. package/themes/octaviusVK/index.json +6 -6
  139. package/themes/octaviusVK/index.less +6 -6
  140. package/themes/octaviusVK/index.pcss +6 -6
  141. package/themes/octaviusVK/index.scss +6 -6
  142. package/themes/octaviusVK/index.styl +6 -6
  143. package/themes/octaviusVK/struct.json +6 -6
  144. package/themes/octaviusVKDark/cssVars/declarations/index.css +3 -3
  145. package/themes/octaviusVKDark/cssVars/declarations/noSizes.css +3 -3
  146. package/themes/octaviusVKDark/cssVars/declarations/onlyColors.css +3 -3
  147. package/themes/octaviusVKDark/cssVars/declarations/onlyColors.js +2 -2
  148. package/themes/octaviusVKDark/cssVars/declarations/onlyVariables.css +3 -3
  149. package/themes/octaviusVKDark/cssVars/declarations/onlyVariables.js +2 -2
  150. package/themes/octaviusVKDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
  151. package/themes/octaviusVKDark/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
  152. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.css +3 -3
  153. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.less +3 -3
  154. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.pcss +3 -3
  155. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.scss +3 -3
  156. package/themes/octaviusVKDark/cssVars/theme/fallbacks/index.styl +3 -3
  157. package/themes/octaviusVKDark/cssVars/theme/index.js +3 -3
  158. package/themes/octaviusVKDark/cssVars/theme/index.json +3 -3
  159. package/themes/octaviusVKDark/index.css +3 -3
  160. package/themes/octaviusVKDark/index.js +3 -3
  161. package/themes/octaviusVKDark/index.json +3 -3
  162. package/themes/octaviusVKDark/index.less +3 -3
  163. package/themes/octaviusVKDark/index.pcss +3 -3
  164. package/themes/octaviusVKDark/index.scss +3 -3
  165. package/themes/octaviusVKDark/index.styl +3 -3
  166. package/themes/octaviusVKDark/struct.json +3 -3
  167. package/themes/pharma/cssVars/declarations/index.css +59 -8
  168. package/themes/pharma/cssVars/declarations/noColors.css +12 -0
  169. package/themes/pharma/cssVars/declarations/noSizes.css +12 -0
  170. package/themes/pharma/cssVars/declarations/onlyMedia.css +47 -8
  171. package/themes/pharma/cssVars/declarations/onlyVariables.css +12 -0
  172. package/themes/pharma/cssVars/declarations/onlyVariables.js +2 -2
  173. package/themes/pharma/cssVars/declarations/onlyVariablesLocal.css +12 -0
  174. package/themes/pharma/cssVars/declarations/onlyVariablesLocalIncremental.css +12 -0
  175. package/themes/pharma/cssVars/theme/fallbacks/index.css +12 -0
  176. package/themes/pharma/cssVars/theme/fallbacks/index.less +22 -10
  177. package/themes/pharma/cssVars/theme/fallbacks/index.pcss +22 -10
  178. package/themes/pharma/cssVars/theme/fallbacks/index.scss +22 -10
  179. package/themes/pharma/cssVars/theme/fallbacks/index.styl +22 -10
  180. package/themes/pharma/cssVars/theme/index.js +79 -13
  181. package/themes/pharma/cssVars/theme/index.json +79 -13
  182. package/themes/pharma/docs.json +12 -0
  183. package/themes/pharma/index.css +12 -0
  184. package/themes/pharma/index.js +31 -13
  185. package/themes/pharma/index.json +31 -13
  186. package/themes/pharma/index.less +22 -10
  187. package/themes/pharma/index.pcss +22 -10
  188. package/themes/pharma/index.scss +22 -10
  189. package/themes/pharma/index.styl +22 -10
  190. package/themes/pharma/struct.json +31 -13
  191. package/themes/vkBase/cssVars/declarations/index.css +6 -6
  192. package/themes/vkBase/cssVars/declarations/noSizes.css +6 -6
  193. package/themes/vkBase/cssVars/declarations/onlyColors.css +6 -6
  194. package/themes/vkBase/cssVars/declarations/onlyColors.js +2 -2
  195. package/themes/vkBase/cssVars/declarations/onlyVariables.css +6 -6
  196. package/themes/vkBase/cssVars/declarations/onlyVariables.js +2 -2
  197. package/themes/vkBase/cssVars/declarations/onlyVariablesLocal.css +6 -6
  198. package/themes/vkBase/cssVars/declarations/onlyVariablesLocalIncremental.css +6 -6
  199. package/themes/vkBase/cssVars/theme/fallbacks/index.css +6 -6
  200. package/themes/vkBase/cssVars/theme/fallbacks/index.less +6 -6
  201. package/themes/vkBase/cssVars/theme/fallbacks/index.pcss +6 -6
  202. package/themes/vkBase/cssVars/theme/fallbacks/index.scss +6 -6
  203. package/themes/vkBase/cssVars/theme/fallbacks/index.styl +6 -6
  204. package/themes/vkBase/cssVars/theme/index.js +6 -6
  205. package/themes/vkBase/cssVars/theme/index.json +6 -6
  206. package/themes/vkBase/index.css +6 -6
  207. package/themes/vkBase/index.js +6 -6
  208. package/themes/vkBase/index.json +6 -6
  209. package/themes/vkBase/index.less +6 -6
  210. package/themes/vkBase/index.pcss +6 -6
  211. package/themes/vkBase/index.scss +6 -6
  212. package/themes/vkBase/index.styl +6 -6
  213. package/themes/vkBase/struct.json +6 -6
  214. package/themes/vkBaseDark/cssVars/declarations/index.css +3 -3
  215. package/themes/vkBaseDark/cssVars/declarations/noSizes.css +3 -3
  216. package/themes/vkBaseDark/cssVars/declarations/onlyColors.css +3 -3
  217. package/themes/vkBaseDark/cssVars/declarations/onlyColors.js +2 -2
  218. package/themes/vkBaseDark/cssVars/declarations/onlyVariables.css +3 -3
  219. package/themes/vkBaseDark/cssVars/declarations/onlyVariables.js +2 -2
  220. package/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
  221. package/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocalIncremental.css +3 -3
  222. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.css +3 -3
  223. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.less +3 -3
  224. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.pcss +3 -3
  225. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.scss +3 -3
  226. package/themes/vkBaseDark/cssVars/theme/fallbacks/index.styl +3 -3
  227. package/themes/vkBaseDark/cssVars/theme/index.js +3 -3
  228. package/themes/vkBaseDark/cssVars/theme/index.json +3 -3
  229. package/themes/vkBaseDark/index.css +3 -3
  230. package/themes/vkBaseDark/index.js +3 -3
  231. package/themes/vkBaseDark/index.json +3 -3
  232. package/themes/vkBaseDark/index.less +3 -3
  233. package/themes/vkBaseDark/index.pcss +3 -3
  234. package/themes/vkBaseDark/index.scss +3 -3
  235. package/themes/vkBaseDark/index.styl +3 -3
  236. package/themes/vkBaseDark/struct.json +3 -3
  237. package/themes/vkIOS/cssVars/declarations/index.css +6 -6
  238. package/themes/vkIOS/cssVars/declarations/noSizes.css +6 -6
  239. package/themes/vkIOS/cssVars/declarations/onlyColors.css +6 -6
  240. package/themes/vkIOS/cssVars/declarations/onlyColors.js +2 -2
  241. package/themes/vkIOS/cssVars/declarations/onlyVariables.css +6 -6
  242. package/themes/vkIOS/cssVars/declarations/onlyVariables.js +2 -2
  243. package/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css +6 -6
  244. package/themes/vkIOS/cssVars/theme/fallbacks/index.css +6 -6
  245. package/themes/vkIOS/cssVars/theme/fallbacks/index.less +6 -6
  246. package/themes/vkIOS/cssVars/theme/fallbacks/index.pcss +6 -6
  247. package/themes/vkIOS/cssVars/theme/fallbacks/index.scss +6 -6
  248. package/themes/vkIOS/cssVars/theme/fallbacks/index.styl +6 -6
  249. package/themes/vkIOS/cssVars/theme/index.js +6 -6
  250. package/themes/vkIOS/cssVars/theme/index.json +6 -6
  251. package/themes/vkIOS/index.css +6 -6
  252. package/themes/vkIOS/index.js +6 -6
  253. package/themes/vkIOS/index.json +6 -6
  254. package/themes/vkIOS/index.less +6 -6
  255. package/themes/vkIOS/index.pcss +6 -6
  256. package/themes/vkIOS/index.scss +6 -6
  257. package/themes/vkIOS/index.styl +6 -6
  258. package/themes/vkIOS/struct.json +6 -6
  259. package/themes/vkIOSDark/cssVars/declarations/index.css +3 -3
  260. package/themes/vkIOSDark/cssVars/declarations/noSizes.css +3 -3
  261. package/themes/vkIOSDark/cssVars/declarations/onlyColors.css +3 -3
  262. package/themes/vkIOSDark/cssVars/declarations/onlyColors.js +2 -2
  263. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.css +3 -3
  264. package/themes/vkIOSDark/cssVars/declarations/onlyVariables.js +2 -2
  265. package/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css +3 -3
  266. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.css +3 -3
  267. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.less +3 -3
  268. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.pcss +3 -3
  269. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.scss +3 -3
  270. package/themes/vkIOSDark/cssVars/theme/fallbacks/index.styl +3 -3
  271. package/themes/vkIOSDark/cssVars/theme/index.js +3 -3
  272. package/themes/vkIOSDark/cssVars/theme/index.json +3 -3
  273. package/themes/vkIOSDark/index.css +3 -3
  274. package/themes/vkIOSDark/index.js +3 -3
  275. package/themes/vkIOSDark/index.json +3 -3
  276. package/themes/vkIOSDark/index.less +3 -3
  277. package/themes/vkIOSDark/index.pcss +3 -3
  278. package/themes/vkIOSDark/index.scss +3 -3
  279. package/themes/vkIOSDark/index.styl +3 -3
  280. package/themes/vkIOSDark/struct.json +3 -3
  281. package/themes/vkontakteAndroid/cssVars/declarations/index.css +66 -6
  282. package/themes/vkontakteAndroid/cssVars/declarations/noColors.css +48 -0
  283. package/themes/vkontakteAndroid/cssVars/declarations/noSizes.css +6 -6
  284. package/themes/vkontakteAndroid/cssVars/declarations/onlyAdaptiveGroups.css +12 -0
  285. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.css +6 -6
  286. package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.js +2 -2
  287. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.css +22 -6
  288. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.js +2 -2
  289. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocal.css +22 -6
  290. package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +76 -0
  291. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.css +54 -6
  292. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.less +22 -6
  293. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.pcss +22 -6
  294. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.scss +42 -6
  295. package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.styl +22 -6
  296. package/themes/vkontakteAndroid/cssVars/theme/index.js +118 -6
  297. package/themes/vkontakteAndroid/cssVars/theme/index.json +118 -6
  298. package/themes/vkontakteAndroid/index.css +54 -6
  299. package/themes/vkontakteAndroid/index.js +38 -22
  300. package/themes/vkontakteAndroid/index.json +38 -22
  301. package/themes/vkontakteAndroid/index.less +22 -6
  302. package/themes/vkontakteAndroid/index.pcss +22 -6
  303. package/themes/vkontakteAndroid/index.scss +42 -6
  304. package/themes/vkontakteAndroid/index.styl +22 -6
  305. package/themes/vkontakteAndroid/struct.json +38 -22
  306. package/themes/vkontakteAndroidDark/cssVars/declarations/index.css +63 -3
  307. package/themes/vkontakteAndroidDark/cssVars/declarations/noColors.css +48 -0
  308. package/themes/vkontakteAndroidDark/cssVars/declarations/noSizes.css +3 -3
  309. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyAdaptiveGroups.css +12 -0
  310. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.css +3 -3
  311. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.js +2 -2
  312. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.css +19 -3
  313. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.js +2 -2
  314. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocal.css +19 -3
  315. package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +76 -0
  316. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.css +51 -3
  317. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.less +19 -3
  318. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.pcss +19 -3
  319. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.scss +39 -3
  320. package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.styl +19 -3
  321. package/themes/vkontakteAndroidDark/cssVars/theme/index.js +115 -3
  322. package/themes/vkontakteAndroidDark/cssVars/theme/index.json +115 -3
  323. package/themes/vkontakteAndroidDark/index.css +51 -3
  324. package/themes/vkontakteAndroidDark/index.js +35 -19
  325. package/themes/vkontakteAndroidDark/index.json +35 -19
  326. package/themes/vkontakteAndroidDark/index.less +19 -3
  327. package/themes/vkontakteAndroidDark/index.pcss +19 -3
  328. package/themes/vkontakteAndroidDark/index.scss +39 -3
  329. package/themes/vkontakteAndroidDark/index.styl +19 -3
  330. package/themes/vkontakteAndroidDark/struct.json +35 -19
  331. package/themes/vkontakteCom/cssVars/declarations/index.css +1 -1
  332. package/themes/vkontakteCom/cssVars/declarations/noColors.css +1 -1
  333. package/themes/vkontakteCom/cssVars/declarations/onlyVariables.css +1 -1
  334. package/themes/vkontakteCom/cssVars/declarations/onlyVariables.js +2 -2
  335. package/themes/vkontakteCom/cssVars/declarations/onlyVariablesLocal.css +1 -1
  336. package/themes/vkontakteCom/cssVars/declarations/onlyVariablesLocalIncremental.css +1 -0
  337. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.css +1 -1
  338. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.less +1 -1
  339. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.pcss +1 -1
  340. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.scss +1 -1
  341. package/themes/vkontakteCom/cssVars/theme/fallbacks/index.styl +1 -1
  342. package/themes/vkontakteCom/cssVars/theme/index.js +1 -1
  343. package/themes/vkontakteCom/cssVars/theme/index.json +1 -1
  344. package/themes/vkontakteCom/index.css +1 -1
  345. package/themes/vkontakteCom/index.js +1 -1
  346. package/themes/vkontakteCom/index.json +1 -1
  347. package/themes/vkontakteCom/index.less +1 -1
  348. package/themes/vkontakteCom/index.pcss +1 -1
  349. package/themes/vkontakteCom/index.scss +1 -1
  350. package/themes/vkontakteCom/index.styl +1 -1
  351. package/themes/vkontakteCom/struct.json +1 -1
  352. package/themes/vkontakteComDark/cssVars/declarations/index.css +1 -1
  353. package/themes/vkontakteComDark/cssVars/declarations/noColors.css +1 -1
  354. package/themes/vkontakteComDark/cssVars/declarations/onlyVariables.css +1 -1
  355. package/themes/vkontakteComDark/cssVars/declarations/onlyVariables.js +2 -2
  356. package/themes/vkontakteComDark/cssVars/declarations/onlyVariablesLocal.css +1 -1
  357. package/themes/vkontakteComDark/cssVars/declarations/onlyVariablesLocalIncremental.css +1 -0
  358. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.css +1 -1
  359. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.less +1 -1
  360. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.pcss +1 -1
  361. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.scss +1 -1
  362. package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.styl +1 -1
  363. package/themes/vkontakteComDark/cssVars/theme/index.js +1 -1
  364. package/themes/vkontakteComDark/cssVars/theme/index.json +1 -1
  365. package/themes/vkontakteComDark/index.css +1 -1
  366. package/themes/vkontakteComDark/index.js +1 -1
  367. package/themes/vkontakteComDark/index.json +1 -1
  368. package/themes/vkontakteComDark/index.less +1 -1
  369. package/themes/vkontakteComDark/index.pcss +1 -1
  370. package/themes/vkontakteComDark/index.scss +1 -1
  371. package/themes/vkontakteComDark/index.styl +1 -1
  372. package/themes/vkontakteComDark/struct.json +1 -1
  373. package/themes/vkontakteIOS/cssVars/declarations/index.css +7 -7
  374. package/themes/vkontakteIOS/cssVars/declarations/noColors.css +1 -1
  375. package/themes/vkontakteIOS/cssVars/declarations/noSizes.css +6 -6
  376. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.css +6 -6
  377. package/themes/vkontakteIOS/cssVars/declarations/onlyColors.js +2 -2
  378. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.css +7 -7
  379. package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.js +2 -2
  380. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocal.css +7 -7
  381. package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +1 -0
  382. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.css +7 -7
  383. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.less +7 -7
  384. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.pcss +7 -7
  385. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.scss +7 -7
  386. package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.styl +7 -7
  387. package/themes/vkontakteIOS/cssVars/theme/index.js +7 -7
  388. package/themes/vkontakteIOS/cssVars/theme/index.json +7 -7
  389. package/themes/vkontakteIOS/index.css +7 -7
  390. package/themes/vkontakteIOS/index.js +7 -7
  391. package/themes/vkontakteIOS/index.json +7 -7
  392. package/themes/vkontakteIOS/index.less +7 -7
  393. package/themes/vkontakteIOS/index.pcss +7 -7
  394. package/themes/vkontakteIOS/index.scss +7 -7
  395. package/themes/vkontakteIOS/index.styl +7 -7
  396. package/themes/vkontakteIOS/struct.json +7 -7
  397. package/themes/vkontakteIOSDark/cssVars/declarations/index.css +4 -4
  398. package/themes/vkontakteIOSDark/cssVars/declarations/noColors.css +1 -1
  399. package/themes/vkontakteIOSDark/cssVars/declarations/noSizes.css +3 -3
  400. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.css +3 -3
  401. package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.js +2 -2
  402. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.css +4 -4
  403. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.js +2 -2
  404. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocal.css +4 -4
  405. package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +1 -0
  406. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.css +4 -4
  407. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.less +4 -4
  408. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.pcss +4 -4
  409. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.scss +4 -4
  410. package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.styl +4 -4
  411. package/themes/vkontakteIOSDark/cssVars/theme/index.js +4 -4
  412. package/themes/vkontakteIOSDark/cssVars/theme/index.json +4 -4
  413. package/themes/vkontakteIOSDark/index.css +4 -4
  414. package/themes/vkontakteIOSDark/index.js +4 -4
  415. package/themes/vkontakteIOSDark/index.json +4 -4
  416. package/themes/vkontakteIOSDark/index.less +4 -4
  417. package/themes/vkontakteIOSDark/index.pcss +4 -4
  418. package/themes/vkontakteIOSDark/index.scss +4 -4
  419. package/themes/vkontakteIOSDark/index.styl +4 -4
  420. package/themes/vkontakteIOSDark/struct.json +4 -4
@@ -20,3 +20,9 @@ export type GetLast<T extends readonly any[]> = T[GetLength<DropFirstInTuple<T>>
20
20
  export type StringifyObject<Base> = {
21
21
  [Key in keyof Base]: Base[Key] extends number ? number | string : Base[Key] extends Record<string, any> ? StringifyObject<Base[Key]> : Base[Key];
22
22
  };
23
+ /**
24
+ * Как Partial, но уходящий вглубь.
25
+ */
26
+ export type DeepPartial<T> = T extends object ? {
27
+ [P in keyof T]?: DeepPartial<T[P]>;
28
+ } : T;
@@ -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.0",
3
+ "version": "4.40.0",
4
4
  "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm",
5
5
  "license": "MIT",
6
6
  "main": "utils/descriptions.js",
@@ -43,25 +43,26 @@
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
+ "@types/lodash": "4.14.198",
50
51
  "@types/node": "18.11.10",
51
- "@types/react": "18.2.0",
52
- "@types/react-dom": "18.2.1",
53
- "@typescript-eslint/eslint-plugin": "4.33.0",
54
- "@typescript-eslint/parser": "4.33.0",
52
+ "@types/react": "18.2.23",
53
+ "@types/react-dom": "18.2.7",
54
+ "@typescript-eslint/eslint-plugin": "6.7.3",
55
+ "@typescript-eslint/parser": "6.7.3",
55
56
  "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.4",
56
57
  "@vkontakte/icons": "2.54.0",
57
58
  "@vkontakte/prettier-config": "0.1.0",
58
59
  "@vkontakte/vk-bridge": "2.11.1",
59
- "@vkontakte/vkjs": "0.32.2",
60
- "@vkontakte/vkui": "5.8.0",
61
- "babel-jest": "29.6.2",
60
+ "@vkontakte/vkjs": "1.1.0",
61
+ "@vkontakte/vkui": "5.8.1",
62
+ "babel-jest": "29.7.0",
62
63
  "babel-loader": "9.1.2",
63
64
  "clean-webpack-plugin": "4.0.0",
64
- "clsx": "1.2.1",
65
+ "clsx": "2.0.0",
65
66
  "color": "4.2.3",
66
67
  "common-tags": "1.8.2",
67
68
  "copy-webpack-plugin": "11.0.0",
@@ -97,7 +98,7 @@
97
98
  "tsconfig-paths": "4.2.0",
98
99
  "tscpaths": "0.0.9",
99
100
  "type-fest": "4.2.0",
100
- "typescript": "5.0.4",
101
+ "typescript": "5.2.2",
101
102
  "webpack": "5.88.2",
102
103
  "webpack-cli": "5.1.4",
103
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
  }
@@ -1,6 +1,8 @@
1
1
  import { ColorsDescription, ThemeDescription } from '../../interfaces/general';
2
2
  import { Elevation } from '../../interfaces/general/elevation';
3
3
  import { Gradients } from '../../interfaces/general/gradients';
4
+ import { Adaptive } from '../../interfaces/general/tools';
5
+ import { Fonts, TypographyBaseProps } from '../../interfaces/general/typography';
4
6
  export declare const colorFromFigma: (colorsScheme: 'light' | 'dark') => ColorsDescription;
5
7
  export declare const lightColors: ColorsDescription;
6
8
  export declare const lightGradient: Gradients;
@@ -8,5 +10,10 @@ export declare const lightElevation: Elevation;
8
10
  export declare const darkColors: ColorsDescription;
9
11
  export declare const darkGradient: Gradients;
10
12
  export declare const darkElevation: Elevation;
13
+ type BaseFonts = Omit<{
14
+ [key in keyof Fonts]: Adaptive<Fonts[key]>;
15
+ }, 'fontHeadline'> & TypographyBaseProps;
16
+ export declare const fonts: BaseFonts;
11
17
  export declare const lightTheme: ThemeDescription;
12
18
  export declare const darkTheme: ThemeDescription;
19
+ export {};