@epam/assets 4.11.0 → 4.12.4

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/icon-sources/12/account-multiple-plus.svg +3 -3
  2. package/icon-sources/12/action-account.svg +3 -3
  3. package/icon-sources/12/action-add.svg +3 -3
  4. package/icon-sources/12/action-calendar.svg +3 -3
  5. package/icon-sources/12/action-delete light.svg +3 -3
  6. package/icon-sources/12/action-delete.svg +4 -4
  7. package/icon-sources/12/action-drag_corner.svg +8 -8
  8. package/icon-sources/12/action-drag_indicator.svg +3 -3
  9. package/icon-sources/12/action-external_link.svg +3 -3
  10. package/icon-sources/12/action-eye-off.svg +11 -11
  11. package/icon-sources/12/action-eye.svg +4 -4
  12. package/icon-sources/12/action-flash.svg +3 -3
  13. package/icon-sources/12/action-history.svg +3 -3
  14. package/icon-sources/12/action-home.svg +3 -3
  15. package/icon-sources/12/action-job_function.svg +3 -3
  16. package/icon-sources/12/action-language.svg +3 -3
  17. package/icon-sources/12/action-lock-fill.svg +3 -3
  18. package/icon-sources/12/action-lock_open-fill.svg +3 -3
  19. package/icon-sources/12/action-map_pin.svg +3 -3
  20. package/icon-sources/12/action-schedule.svg +4 -4
  21. package/icon-sources/12/action-search.svg +3 -3
  22. package/icon-sources/12/action-settings.svg +3 -3
  23. package/icon-sources/12/action-tune.svg +3 -3
  24. package/icon-sources/12/add-below.svg +4 -4
  25. package/icon-sources/12/bell-off-outline.svg +10 -10
  26. package/icon-sources/12/bell-off.svg +10 -10
  27. package/icon-sources/12/bell-outline.svg +3 -3
  28. package/icon-sources/12/bell.svg +3 -3
  29. package/icon-sources/12/blacklist.svg +3 -3
  30. package/icon-sources/12/certificate.svg +3 -3
  31. package/icon-sources/12/chart-multiline.svg +3 -3
  32. package/icon-sources/12/communication-phone_mobile.svg +3 -3
  33. package/icon-sources/12/content-add-fill.svg +3 -3
  34. package/icon-sources/12/content-clear.svg +3 -3
  35. package/icon-sources/12/content-edit.svg +3 -3
  36. package/icon-sources/12/copy_content.svg +3 -3
  37. package/icon-sources/12/core-skill.svg +3 -3
  38. package/icon-sources/12/cv.svg +3 -3
  39. package/icon-sources/12/empty.svg +3 -3
  40. package/icon-sources/12/fav & rates-favorite.svg +3 -3
  41. package/icon-sources/12/file-attachment.svg +3 -3
  42. package/icon-sources/12/file-download.svg +3 -3
  43. package/icon-sources/12/file-export.svg +4 -4
  44. package/icon-sources/12/file-import.svg +4 -4
  45. package/icon-sources/12/file-upload.svg +3 -3
  46. package/icon-sources/12/grow.svg +4 -4
  47. package/icon-sources/12/in_progress-status.svg +16 -16
  48. package/icon-sources/12/interest.svg +3 -3
  49. package/icon-sources/12/linkedin.svg +3 -3
  50. package/icon-sources/12/medal.svg +4 -4
  51. package/icon-sources/12/na.svg +6 -6
  52. package/icon-sources/12/navigation-arrow-down.svg +3 -3
  53. package/icon-sources/12/navigation-arrow-left.svg +3 -3
  54. package/icon-sources/12/navigation-arrow-right.svg +3 -3
  55. package/icon-sources/12/navigation-arrow-up.svg +3 -3
  56. package/icon-sources/12/navigation-back.svg +4 -4
  57. package/icon-sources/12/navigation-chevron-down.svg +3 -3
  58. package/icon-sources/12/navigation-chevron-left.svg +3 -3
  59. package/icon-sources/12/navigation-chevron-left_left.svg +4 -4
  60. package/icon-sources/12/navigation-chevron-right.svg +3 -3
  61. package/icon-sources/12/navigation-chevron-right_right.svg +4 -4
  62. package/icon-sources/12/navigation-chevron-up.svg +3 -3
  63. package/icon-sources/12/navigation-close.svg +3 -3
  64. package/icon-sources/12/navigation-close_bold.svg +3 -3
  65. package/icon-sources/12/navigation-login.svg +3 -3
  66. package/icon-sources/12/navigation-logout.svg +3 -3
  67. package/icon-sources/12/navigation-menu.svg +3 -3
  68. package/icon-sources/12/navigation-more_horiz.svg +3 -3
  69. package/icon-sources/12/navigation-more_vert.svg +3 -3
  70. package/icon-sources/12/navigation-refresh.svg +3 -3
  71. package/icon-sources/12/navigation-unfold-less.svg +3 -3
  72. package/icon-sources/12/navigation-unfold-more.svg +3 -3
  73. package/icon-sources/12/none.svg +4 -4
  74. package/icon-sources/12/not-recommended.svg +3 -3
  75. package/icon-sources/12/notification-check-fill.svg +3 -3
  76. package/icon-sources/12/notification-done.svg +3 -3
  77. package/icon-sources/12/notification-error-fill.svg +3 -3
  78. package/icon-sources/12/notification-help-fill.svg +3 -3
  79. package/icon-sources/12/notification-info-fill.svg +3 -3
  80. package/icon-sources/12/notification-warning-fill.svg +3 -3
  81. package/icon-sources/12/open-status.svg +10 -10
  82. package/icon-sources/12/optional-skills.svg +3 -3
  83. package/icon-sources/12/ready-to.svg +3 -3
  84. package/icon-sources/12/social-person.svg +3 -3
  85. package/icon-sources/12/text-format.svg +3 -3
  86. package/icon-sources/18/account-multiple-plus.svg +3 -3
  87. package/icon-sources/18/action-account.svg +3 -3
  88. package/icon-sources/18/action-add.svg +3 -3
  89. package/icon-sources/18/action-calendar.svg +3 -3
  90. package/icon-sources/18/action-chat.svg +3 -3
  91. package/icon-sources/18/action-clock.svg +3 -3
  92. package/icon-sources/18/action-copy_content.svg +3 -3
  93. package/icon-sources/18/action-deactivate.svg +3 -3
  94. package/icon-sources/18/action-delete forever.svg +3 -3
  95. package/icon-sources/18/action-delete light.svg +3 -3
  96. package/icon-sources/18/action-delete.svg +4 -4
  97. package/icon-sources/18/action-drag_corner.svg +3 -3
  98. package/icon-sources/18/action-drag_indicator.svg +3 -3
  99. package/icon-sources/18/action-external_link.svg +4 -4
  100. package/icon-sources/18/action-eye-off.svg +4 -4
  101. package/icon-sources/18/action-eye.svg +4 -4
  102. package/icon-sources/18/action-flash.svg +3 -3
  103. package/icon-sources/18/action-history.svg +3 -3
  104. package/icon-sources/18/action-home.svg +3 -3
  105. package/icon-sources/18/action-job_function.svg +3 -3
  106. package/icon-sources/18/action-language.svg +3 -3
  107. package/icon-sources/18/action-level.svg +7 -7
  108. package/icon-sources/18/action-lock-fill.svg +3 -3
  109. package/icon-sources/18/action-lock_open-fill.svg +3 -3
  110. package/icon-sources/18/action-map_pin.svg +3 -3
  111. package/icon-sources/18/action-move_to.svg +3 -3
  112. package/icon-sources/18/action-pin_off.svg +4 -4
  113. package/icon-sources/18/action-pin_on.svg +3 -3
  114. package/icon-sources/18/action-schedule.svg +3 -3
  115. package/icon-sources/18/action-search.svg +3 -3
  116. package/icon-sources/18/action-settings.svg +3 -3
  117. package/icon-sources/18/action-snapshot.svg +7 -7
  118. package/icon-sources/18/action-target.svg +3 -3
  119. package/icon-sources/18/action-trophy.svg +3 -3
  120. package/icon-sources/18/action-tune.svg +3 -3
  121. package/icon-sources/18/action-update.svg +3 -3
  122. package/icon-sources/18/add-above.svg +4 -4
  123. package/icon-sources/18/add-below.svg +4 -4
  124. package/icon-sources/18/bell-off-outline.svg +3 -3
  125. package/icon-sources/18/bell-off.svg +3 -3
  126. package/icon-sources/18/bell-outline.svg +3 -3
  127. package/icon-sources/18/bell.svg +3 -3
  128. package/icon-sources/18/blacklist.svg +3 -3
  129. package/icon-sources/18/certificate.svg +3 -3
  130. package/icon-sources/18/chart-multiline.svg +3 -3
  131. package/icon-sources/18/communication-mail.svg +3 -3
  132. package/icon-sources/18/communication-phone.svg +3 -3
  133. package/icon-sources/18/communication-phone_mobile.svg +3 -3
  134. package/icon-sources/18/communication-skype.svg +3 -3
  135. package/icon-sources/18/communication-skype_business.svg +3 -3
  136. package/icon-sources/18/communication-telescope.svg +7 -7
  137. package/icon-sources/18/content-add-fill.svg +3 -3
  138. package/icon-sources/18/content-add-outline.svg +3 -3
  139. package/icon-sources/18/content-clear.svg +3 -3
  140. package/icon-sources/18/content-code.svg +3 -3
  141. package/icon-sources/18/content-code_check.svg +3 -3
  142. package/icon-sources/18/content-deselect-fill.svg +3 -3
  143. package/icon-sources/18/content-deselect-outline.svg +3 -3
  144. package/icon-sources/18/content-edit.svg +3 -3
  145. package/icon-sources/18/content-edit_redo.svg +3 -3
  146. package/icon-sources/18/content-edit_undo.svg +3 -3
  147. package/icon-sources/18/content-filter_list.svg +3 -3
  148. package/icon-sources/18/content-filtration.svg +3 -3
  149. package/icon-sources/18/content-link.svg +3 -3
  150. package/icon-sources/18/content-link_off.svg +3 -3
  151. package/icon-sources/18/content-plus.svg +3 -3
  152. package/icon-sources/18/content-plus_bold.svg +3 -3
  153. package/icon-sources/18/core-skill.svg +3 -3
  154. package/icon-sources/18/cv.svg +3 -3
  155. package/icon-sources/18/empty.svg +3 -3
  156. package/icon-sources/18/fav & rates-favorite-outline.svg +3 -3
  157. package/icon-sources/18/fav & rates-favorite.svg +3 -3
  158. package/icon-sources/18/fav & rates-star-outline.svg +3 -3
  159. package/icon-sources/18/fav & rates-star.svg +3 -3
  160. package/icon-sources/18/fav & rates-star_half.svg +3 -3
  161. package/icon-sources/18/file-archive.svg +3 -3
  162. package/icon-sources/18/file-attachment.svg +3 -3
  163. package/icon-sources/18/file-download.svg +3 -3
  164. package/icon-sources/18/file-export.svg +4 -4
  165. package/icon-sources/18/file-import.svg +4 -4
  166. package/icon-sources/18/file-upload.svg +3 -3
  167. package/icon-sources/18/folder.svg +4 -4
  168. package/icon-sources/18/grow.svg +4 -4
  169. package/icon-sources/18/interest.svg +3 -3
  170. package/icon-sources/18/linkedin.svg +3 -3
  171. package/icon-sources/18/medal.svg +4 -4
  172. package/icon-sources/18/media-fullscreen.svg +3 -3
  173. package/icon-sources/18/media-fullscreen_exit.svg +3 -3
  174. package/icon-sources/18/media-pause-fill.svg +3 -3
  175. package/icon-sources/18/media-pause-outline.svg +3 -3
  176. package/icon-sources/18/media-pause.svg +3 -3
  177. package/icon-sources/18/media-play-fill.svg +3 -3
  178. package/icon-sources/18/media-play-outline.svg +3 -3
  179. package/icon-sources/18/media-play.svg +3 -3
  180. package/icon-sources/18/media-play_pause.svg +3 -3
  181. package/icon-sources/18/media-playlist-add.svg +3 -3
  182. package/icon-sources/18/media-playlist-check.svg +3 -3
  183. package/icon-sources/18/media-playlist-minus.svg +3 -3
  184. package/icon-sources/18/media-playlist-play.svg +3 -3
  185. package/icon-sources/18/media-playlist-remove.svg +3 -3
  186. package/icon-sources/18/media-replay.svg +3 -3
  187. package/icon-sources/18/media-skip_backward.svg +3 -3
  188. package/icon-sources/18/media-skip_forward.svg +3 -3
  189. package/icon-sources/18/media-skip_next.svg +3 -3
  190. package/icon-sources/18/media-skip_previous.svg +3 -3
  191. package/icon-sources/18/media-stop-fill.svg +3 -3
  192. package/icon-sources/18/media-stop-outline.svg +3 -3
  193. package/icon-sources/18/media-stop.svg +3 -3
  194. package/icon-sources/18/microsoft-teams-outline.svg +3 -3
  195. package/icon-sources/18/microsoft-teams.svg +7 -7
  196. package/icon-sources/18/na.svg +6 -6
  197. package/icon-sources/18/navigation-arrow-down.svg +3 -3
  198. package/icon-sources/18/navigation-arrow-left.svg +3 -3
  199. package/icon-sources/18/navigation-arrow-right.svg +3 -3
  200. package/icon-sources/18/navigation-arrow-up.svg +3 -3
  201. package/icon-sources/18/navigation-back.svg +3 -3
  202. package/icon-sources/18/navigation-chevron-down.svg +3 -3
  203. package/icon-sources/18/navigation-chevron-down_down.svg +4 -4
  204. package/icon-sources/18/navigation-chevron-left.svg +3 -3
  205. package/icon-sources/18/navigation-chevron-left_left.svg +4 -4
  206. package/icon-sources/18/navigation-chevron-right.svg +3 -3
  207. package/icon-sources/18/navigation-chevron-right_right.svg +4 -4
  208. package/icon-sources/18/navigation-chevron-up.svg +3 -3
  209. package/icon-sources/18/navigation-chevron-up_up.svg +4 -4
  210. package/icon-sources/18/navigation-close.svg +3 -3
  211. package/icon-sources/18/navigation-close_bold.svg +3 -3
  212. package/icon-sources/18/navigation-dependency.svg +3 -3
  213. package/icon-sources/18/navigation-first.svg +3 -3
  214. package/icon-sources/18/navigation-last.svg +3 -3
  215. package/icon-sources/18/navigation-login.svg +3 -3
  216. package/icon-sources/18/navigation-logout.svg +3 -3
  217. package/icon-sources/18/navigation-menu.svg +3 -3
  218. package/icon-sources/18/navigation-more_horiz.svg +3 -3
  219. package/icon-sources/18/navigation-more_vert.svg +3 -3
  220. package/icon-sources/18/navigation-refresh.svg +3 -3
  221. package/icon-sources/18/navigation-structure.svg +3 -3
  222. package/icon-sources/18/navigation-structure_alt.svg +3 -3
  223. package/icon-sources/18/navigation-unfold-less.svg +3 -3
  224. package/icon-sources/18/navigation-unfold-more.svg +3 -3
  225. package/icon-sources/18/none.svg +4 -4
  226. package/icon-sources/18/not-recommended.svg +3 -3
  227. package/icon-sources/18/notification-check-fill.svg +3 -3
  228. package/icon-sources/18/notification-check-outline.svg +3 -3
  229. package/icon-sources/18/notification-done.svg +3 -3
  230. package/icon-sources/18/notification-done_bold.svg +3 -3
  231. package/icon-sources/18/notification-error-fill.svg +3 -3
  232. package/icon-sources/18/notification-error-outline.svg +3 -3
  233. package/icon-sources/18/notification-help-fill.svg +3 -3
  234. package/icon-sources/18/notification-help-outline.svg +3 -3
  235. package/icon-sources/18/notification-info-fill.svg +3 -3
  236. package/icon-sources/18/notification-info-outline.svg +3 -3
  237. package/icon-sources/18/notification-warning-fill.svg +3 -3
  238. package/icon-sources/18/notification-warning-outline.svg +3 -3
  239. package/icon-sources/18/optional-skills.svg +7 -7
  240. package/icon-sources/18/people.svg +6 -6
  241. package/icon-sources/18/ready-to.svg +3 -3
  242. package/icon-sources/18/save-outline.svg +3 -3
  243. package/icon-sources/18/save.svg +3 -3
  244. package/icon-sources/18/social-group.svg +3 -3
  245. package/icon-sources/18/social-hot.svg +3 -3
  246. package/icon-sources/18/social-network-facebook.svg +3 -3
  247. package/icon-sources/18/social-network-github.svg +3 -3
  248. package/icon-sources/18/social-network-instagram.svg +3 -3
  249. package/icon-sources/18/social-network-linkedin.svg +3 -3
  250. package/icon-sources/18/social-network-pinterest.svg +3 -3
  251. package/icon-sources/18/social-network-telegram.svg +3 -3
  252. package/icon-sources/18/social-network-twitter.svg +3 -3
  253. package/icon-sources/18/social-network-vk.svg +3 -3
  254. package/icon-sources/18/social-network-yammer.svg +3 -3
  255. package/icon-sources/18/social-network-youtube.svg +3 -3
  256. package/icon-sources/18/social-person.svg +3 -3
  257. package/icon-sources/18/social-reply.svg +3 -3
  258. package/icon-sources/18/social-share.svg +3 -3
  259. package/icon-sources/18/social-thumb-down.svg +3 -3
  260. package/icon-sources/18/social-thumb-up.svg +3 -3
  261. package/icon-sources/18/table-columns.svg +5 -5
  262. package/icon-sources/18/table-group_by.svg +9 -9
  263. package/icon-sources/18/table-info-fill.svg +3 -3
  264. package/icon-sources/18/table-info-outline.svg +3 -3
  265. package/icon-sources/18/table-sort_asc.svg +3 -3
  266. package/icon-sources/18/table-sort_desc.svg +3 -3
  267. package/icon-sources/18/table-swap.svg +3 -3
  268. package/icon-sources/18/text-format.svg +4 -4
  269. package/icon-sources/18/view-grid.svg +6 -6
  270. package/icon-sources/18/view-table.svg +3 -3
  271. package/icon-sources/24/account-multiple-plus.svg +3 -3
  272. package/icon-sources/24/action-account.svg +3 -3
  273. package/icon-sources/24/action-add.svg +3 -3
  274. package/icon-sources/24/action-align-center.svg +3 -3
  275. package/icon-sources/24/action-align-left.svg +3 -3
  276. package/icon-sources/24/action-align-right.svg +3 -3
  277. package/icon-sources/24/action-calendar.svg +3 -3
  278. package/icon-sources/24/action-copy_content.svg +3 -3
  279. package/icon-sources/24/action-currency.svg +3 -3
  280. package/icon-sources/24/action-currency_off.svg +3 -3
  281. package/icon-sources/24/action-delete.svg +3 -3
  282. package/icon-sources/24/action-drag_corner.svg +3 -3
  283. package/icon-sources/24/action-drag_indicator.svg +3 -3
  284. package/icon-sources/24/action-external_link.svg +3 -3
  285. package/icon-sources/24/action-eye-off.svg +4 -4
  286. package/icon-sources/24/action-eye.svg +4 -4
  287. package/icon-sources/24/action-flash.svg +3 -3
  288. package/icon-sources/24/action-full_width.svg +3 -3
  289. package/icon-sources/24/action-history.svg +3 -3
  290. package/icon-sources/24/action-home.svg +3 -3
  291. package/icon-sources/24/action-job_function.svg +3 -3
  292. package/icon-sources/24/action-language.svg +3 -3
  293. package/icon-sources/24/action-level.svg +7 -7
  294. package/icon-sources/24/action-lock-fill.svg +3 -3
  295. package/icon-sources/24/action-lock-outline.svg +3 -3
  296. package/icon-sources/24/action-lock_open-fill.svg +3 -3
  297. package/icon-sources/24/action-lock_open-outline.svg +4 -4
  298. package/icon-sources/24/action-map_pin.svg +3 -3
  299. package/icon-sources/24/action-mic.svg +3 -3
  300. package/icon-sources/24/action-move_to.svg +3 -3
  301. package/icon-sources/24/action-photo.svg +3 -3
  302. package/icon-sources/24/action-pin_off.svg +3 -3
  303. package/icon-sources/24/action-pin_on.svg +3 -3
  304. package/icon-sources/24/action-schedule.svg +3 -3
  305. package/icon-sources/24/action-search.svg +3 -3
  306. package/icon-sources/24/action-send.svg +3 -3
  307. package/icon-sources/24/action-settings.svg +3 -3
  308. package/icon-sources/24/action-snapshot.svg +7 -7
  309. package/icon-sources/24/action-target.svg +3 -3
  310. package/icon-sources/24/action-trophy.svg +3 -3
  311. package/icon-sources/24/action-tune.svg +3 -3
  312. package/icon-sources/24/add-above-1.svg +4 -4
  313. package/icon-sources/24/add-above.svg +4 -4
  314. package/icon-sources/24/add-below.svg +4 -4
  315. package/icon-sources/24/bell-off-outline.svg +3 -3
  316. package/icon-sources/24/bell-off.svg +3 -3
  317. package/icon-sources/24/bell-outline.svg +3 -3
  318. package/icon-sources/24/bell.svg +3 -3
  319. package/icon-sources/24/blacklist.svg +3 -3
  320. package/icon-sources/24/certificate.svg +3 -3
  321. package/icon-sources/24/chart-multiline.svg +3 -3
  322. package/icon-sources/24/communication-chat.svg +3 -3
  323. package/icon-sources/24/communication-communication-chat_alt.svg +3 -3
  324. package/icon-sources/24/communication-geo_tag.svg +3 -3
  325. package/icon-sources/24/communication-mail.svg +3 -3
  326. package/icon-sources/24/communication-phone.svg +3 -3
  327. package/icon-sources/24/communication-phone_mobile.svg +3 -3
  328. package/icon-sources/24/communication-skype.svg +3 -3
  329. package/icon-sources/24/communication-skype_business.svg +3 -3
  330. package/icon-sources/24/communication-telescope.svg +3 -3
  331. package/icon-sources/24/content-add-fill.svg +3 -3
  332. package/icon-sources/24/content-add-outline.svg +3 -3
  333. package/icon-sources/24/content-bookmark-fill.svg +3 -3
  334. package/icon-sources/24/content-bookmark-outline.svg +3 -3
  335. package/icon-sources/24/content-clear-outline.svg +3 -3
  336. package/icon-sources/24/content-clear.svg +3 -3
  337. package/icon-sources/24/content-code.svg +3 -3
  338. package/icon-sources/24/content-code_braces.svg +3 -3
  339. package/icon-sources/24/content-code_check.svg +3 -3
  340. package/icon-sources/24/content-deselect-fill.svg +3 -3
  341. package/icon-sources/24/content-deselect-outline.svg +3 -3
  342. package/icon-sources/24/content-edit.svg +3 -3
  343. package/icon-sources/24/content-edit_redo.svg +3 -3
  344. package/icon-sources/24/content-edit_undo.svg +3 -3
  345. package/icon-sources/24/content-filter_list.svg +3 -3
  346. package/icon-sources/24/content-filtration.svg +3 -3
  347. package/icon-sources/24/content-link.svg +3 -3
  348. package/icon-sources/24/content-link_off.svg +3 -3
  349. package/icon-sources/24/content-minus.svg +3 -3
  350. package/icon-sources/24/content-sort_asc.svg +3 -3
  351. package/icon-sources/24/content-sort_desc.svg +3 -3
  352. package/icon-sources/24/core-skill.svg +3 -3
  353. package/icon-sources/24/cv.svg +3 -3
  354. package/icon-sources/24/database-database.svg +3 -3
  355. package/icon-sources/24/database-lock.svg +6 -6
  356. package/icon-sources/24/database-plus.svg +3 -3
  357. package/icon-sources/24/database-remove.svg +3 -3
  358. package/icon-sources/24/database-settings.svg +3 -3
  359. package/icon-sources/24/delete-1.svg +3 -3
  360. package/icon-sources/24/editor-breakline.svg +5 -5
  361. package/icon-sources/24/editor-chart-arc.svg +3 -3
  362. package/icon-sources/24/editor-chart-areaspline.svg +3 -3
  363. package/icon-sources/24/editor-chart-bar_stacked.svg +3 -3
  364. package/icon-sources/24/editor-chart-bar_vert.svg +3 -3
  365. package/icon-sources/24/editor-chart-bubble.svg +3 -3
  366. package/icon-sources/24/editor-chart-curve.svg +3 -3
  367. package/icon-sources/24/editor-chart-donut.svg +3 -3
  368. package/icon-sources/24/editor-chart-gantt.svg +3 -3
  369. package/icon-sources/24/editor-chart-histogram.svg +3 -3
  370. package/icon-sources/24/editor-chart-line.svg +3 -3
  371. package/icon-sources/24/editor-chart-line_multiline.svg +3 -3
  372. package/icon-sources/24/editor-chart-line_var.svg +3 -3
  373. package/icon-sources/24/editor-chart-pie.svg +3 -3
  374. package/icon-sources/24/editor-chart-table.svg +3 -3
  375. package/icon-sources/24/editor-chart-timeline.svg +3 -3
  376. package/icon-sources/24/editor-chart-tree.svg +6 -6
  377. package/icon-sources/24/editor-code.svg +3 -3
  378. package/icon-sources/24/editor-color.svg +3 -3
  379. package/icon-sources/24/editor-color_none.svg +3 -3
  380. package/icon-sources/24/editor-format_bold.svg +3 -3
  381. package/icon-sources/24/editor-format_italic.svg +3 -3
  382. package/icon-sources/24/editor-format_strikethrough.svg +3 -3
  383. package/icon-sources/24/editor-format_subscript.svg +3 -3
  384. package/icon-sources/24/editor-format_superscript.svg +3 -3
  385. package/icon-sources/24/editor-format_text_alignment_center.svg +3 -3
  386. package/icon-sources/24/editor-format_text_alignment_justify.svg +3 -3
  387. package/icon-sources/24/editor-format_text_alignment_left.svg +3 -3
  388. package/icon-sources/24/editor-format_text_alignment_right.svg +3 -3
  389. package/icon-sources/24/editor-format_text_color.svg +3 -3
  390. package/icon-sources/24/editor-format_underlined.svg +3 -3
  391. package/icon-sources/24/editor-functions.svg +3 -3
  392. package/icon-sources/24/editor-headline.svg +3 -3
  393. package/icon-sources/24/editor-headline_h1.svg +3 -3
  394. package/icon-sources/24/editor-headline_h2.svg +3 -3
  395. package/icon-sources/24/editor-headline_h3.svg +3 -3
  396. package/icon-sources/24/editor-image.svg +3 -3
  397. package/icon-sources/24/editor-issue.svg +3 -3
  398. package/icon-sources/24/editor-list_bullet.svg +3 -3
  399. package/icon-sources/24/editor-list_checkbox.svg +3 -3
  400. package/icon-sources/24/editor-list_number.svg +3 -3
  401. package/icon-sources/24/editor-mention.svg +3 -3
  402. package/icon-sources/24/editor-outline.svg +3 -3
  403. package/icon-sources/24/editor-quote.svg +3 -3
  404. package/icon-sources/24/editor-risk.svg +3 -3
  405. package/icon-sources/24/editor-stats.svg +3 -3
  406. package/icon-sources/24/editor-table_merge_cells.svg +3 -3
  407. package/icon-sources/24/editor-table_split_cells.svg +3 -3
  408. package/icon-sources/24/editor-title.svg +3 -3
  409. package/icon-sources/24/editor-video.svg +3 -3
  410. package/icon-sources/24/empty.svg +3 -3
  411. package/icon-sources/24/fav & rates-favorite-outline.svg +3 -3
  412. package/icon-sources/24/fav & rates-favorite.svg +3 -3
  413. package/icon-sources/24/fav & rates-star-outline.svg +3 -3
  414. package/icon-sources/24/fav & rates-star.svg +3 -3
  415. package/icon-sources/24/fav & rates-star_half.svg +3 -3
  416. package/icon-sources/24/file-attachment.svg +3 -3
  417. package/icon-sources/24/file-cloud_download.svg +3 -3
  418. package/icon-sources/24/file-cloud_upload.svg +3 -3
  419. package/icon-sources/24/file-download.svg +3 -3
  420. package/icon-sources/24/file-export.svg +3 -3
  421. package/icon-sources/24/file-file.svg +3 -3
  422. package/icon-sources/24/file-file_archive.svg +3 -3
  423. package/icon-sources/24/file-file_chart.svg +3 -3
  424. package/icon-sources/24/file-file_eml.svg +3 -3
  425. package/icon-sources/24/file-file_excel.svg +3 -3
  426. package/icon-sources/24/file-file_image.svg +3 -3
  427. package/icon-sources/24/file-file_pdf.svg +3 -3
  428. package/icon-sources/24/file-file_table.svg +3 -3
  429. package/icon-sources/24/file-file_text.svg +3 -3
  430. package/icon-sources/24/file-file_video.svg +4 -4
  431. package/icon-sources/24/file-file_word.svg +3 -3
  432. package/icon-sources/24/file-import.svg +3 -3
  433. package/icon-sources/24/file-upload.svg +3 -3
  434. package/icon-sources/24/folder.svg +4 -4
  435. package/icon-sources/24/global_menu.svg +3 -3
  436. package/icon-sources/24/grow.svg +4 -4
  437. package/icon-sources/24/interest.svg +3 -3
  438. package/icon-sources/24/linkedin.svg +3 -3
  439. package/icon-sources/24/medal.svg +4 -4
  440. package/icon-sources/24/media-fullscreen.svg +3 -3
  441. package/icon-sources/24/media-fullscreen_exit.svg +3 -3
  442. package/icon-sources/24/media-pause-fill.svg +3 -3
  443. package/icon-sources/24/media-pause-outline.svg +3 -3
  444. package/icon-sources/24/media-pause.svg +3 -3
  445. package/icon-sources/24/media-play-fill.svg +3 -3
  446. package/icon-sources/24/media-play-outline.svg +3 -3
  447. package/icon-sources/24/media-play.svg +3 -3
  448. package/icon-sources/24/media-play_pause.svg +3 -3
  449. package/icon-sources/24/media-playlist-check.svg +3 -3
  450. package/icon-sources/24/media-playlist-minus.svg +3 -3
  451. package/icon-sources/24/media-playlist-play.svg +3 -3
  452. package/icon-sources/24/media-playlist-plus.svg +3 -3
  453. package/icon-sources/24/media-playlist.remove.svg +3 -3
  454. package/icon-sources/24/media-replay.svg +3 -3
  455. package/icon-sources/24/media-skip_backward.svg +3 -3
  456. package/icon-sources/24/media-skip_forward.svg +3 -3
  457. package/icon-sources/24/media-skip_next.svg +3 -3
  458. package/icon-sources/24/media-skip_previous.svg +3 -3
  459. package/icon-sources/24/media-stop-fill.svg +3 -3
  460. package/icon-sources/24/media-stop-outline.svg +3 -3
  461. package/icon-sources/24/media-stop.svg +3 -3
  462. package/icon-sources/24/microsoft-teams-outline.svg +3 -3
  463. package/icon-sources/24/microsoft-teams.svg +7 -7
  464. package/icon-sources/24/na.svg +6 -6
  465. package/icon-sources/24/navigation-arrow-down.svg +3 -3
  466. package/icon-sources/24/navigation-arrow-left.svg +3 -3
  467. package/icon-sources/24/navigation-arrow-right.svg +3 -3
  468. package/icon-sources/24/navigation-arrow-up.svg +3 -3
  469. package/icon-sources/24/navigation-arrows_collapse.svg +3 -3
  470. package/icon-sources/24/navigation-arrows_expand.svg +3 -3
  471. package/icon-sources/24/navigation-back.svg +3 -3
  472. package/icon-sources/24/navigation-chevron-down.svg +3 -3
  473. package/icon-sources/24/navigation-chevron-left.svg +3 -3
  474. package/icon-sources/24/navigation-chevron-left_left.svg +4 -4
  475. package/icon-sources/24/navigation-chevron-right.svg +3 -3
  476. package/icon-sources/24/navigation-chevron-right_right.svg +3 -3
  477. package/icon-sources/24/navigation-chevron-up.svg +3 -3
  478. package/icon-sources/24/navigation-close.svg +3 -3
  479. package/icon-sources/24/navigation-close_popup-(/342/233/224/357/270/217outdated).svg +4 -4
  480. package/icon-sources/24/navigation-dependency.svg +3 -3
  481. package/icon-sources/24/navigation-first.svg +3 -3
  482. package/icon-sources/24/navigation-hide.svg +3 -3
  483. package/icon-sources/24/navigation-last.svg +3 -3
  484. package/icon-sources/24/navigation-login.svg +3 -3
  485. package/icon-sources/24/navigation-logout.svg +3 -3
  486. package/icon-sources/24/navigation-menu.svg +3 -3
  487. package/icon-sources/24/navigation-more_horiz.svg +3 -3
  488. package/icon-sources/24/navigation-more_vert.svg +3 -3
  489. package/icon-sources/24/navigation-refresh.svg +3 -3
  490. package/icon-sources/24/navigation-show.svg +3 -3
  491. package/icon-sources/24/navigation-structure.svg +3 -3
  492. package/icon-sources/24/navigation-structure_alt.svg +3 -3
  493. package/icon-sources/24/navigation-today.svg +3 -3
  494. package/icon-sources/24/navigation-unfold-less.svg +3 -3
  495. package/icon-sources/24/navigation-unfold-more.svg +3 -3
  496. package/icon-sources/24/none.svg +4 -4
  497. package/icon-sources/24/not-reccomended.svg +3 -3
  498. package/icon-sources/24/notification-check-fill.svg +3 -3
  499. package/icon-sources/24/notification-check-outline.svg +3 -3
  500. package/icon-sources/24/notification-done.svg +3 -3
  501. package/icon-sources/24/notification-error-fill.svg +3 -3
  502. package/icon-sources/24/notification-error-outline.svg +3 -3
  503. package/icon-sources/24/notification-help-fill.svg +3 -3
  504. package/icon-sources/24/notification-help-outline.svg +3 -3
  505. package/icon-sources/24/notification-info-fill.svg +3 -3
  506. package/icon-sources/24/notification-info-outline.svg +3 -3
  507. package/icon-sources/24/notification-warning-fill.svg +3 -3
  508. package/icon-sources/24/notification-warning-outline.svg +3 -3
  509. package/icon-sources/24/optional-skills.svg +3 -3
  510. package/icon-sources/24/people.svg +6 -6
  511. package/icon-sources/24/radar.svg +4 -4
  512. package/icon-sources/24/ready-to.svg +3 -3
  513. package/icon-sources/24/save-outline.svg +3 -3
  514. package/icon-sources/24/save.svg +3 -3
  515. package/icon-sources/24/social-group.svg +3 -3
  516. package/icon-sources/24/social-hot.svg +3 -3
  517. package/icon-sources/24/social-hot_off.svg +4 -4
  518. package/icon-sources/24/social-network-facebook.svg +3 -3
  519. package/icon-sources/24/social-network-github.svg +3 -3
  520. package/icon-sources/24/social-network-instagram.svg +3 -3
  521. package/icon-sources/24/social-network-linkedin.svg +3 -3
  522. package/icon-sources/24/social-network-pinterest.svg +3 -3
  523. package/icon-sources/24/social-network-telegram.svg +3 -3
  524. package/icon-sources/24/social-network-twitter.svg +3 -3
  525. package/icon-sources/24/social-network-vk.svg +3 -3
  526. package/icon-sources/24/social-network-yammer.svg +3 -3
  527. package/icon-sources/24/social-network-youtube.svg +3 -3
  528. package/icon-sources/24/social-person.svg +3 -3
  529. package/icon-sources/24/social-share.svg +3 -3
  530. package/icon-sources/24/social-thumb-down.svg +3 -3
  531. package/icon-sources/24/social-thumb-up.svg +3 -3
  532. package/icon-sources/24/table-column.svg +3 -3
  533. package/icon-sources/24/table-column_plus_after.svg +3 -3
  534. package/icon-sources/24/table-column_plus_before.svg +3 -3
  535. package/icon-sources/24/table-column_remove.svg +3 -3
  536. package/icon-sources/24/table-row.svg +3 -3
  537. package/icon-sources/24/table-row_plus_after.svg +3 -3
  538. package/icon-sources/24/table-row_plus_before.svg +3 -3
  539. package/icon-sources/24/table-row_remove.svg +3 -3
  540. package/icon-sources/24/table-table.svg +3 -3
  541. package/icon-sources/24/table-table_edit.svg +3 -3
  542. package/icon-sources/24/table-table_plus.svg +3 -3
  543. package/icon-sources/24/table-table_remove.svg +3 -3
  544. package/icon-sources/24/table-table_search.svg +3 -3
  545. package/icon-sources/24/text-format.svg +3 -3
  546. package/icon-sources/24/view-grid.svg +6 -6
  547. package/icon-sources/36/action-delete light.svg +3 -3
  548. package/icon-sources/36/action-eye-off.svg +4 -4
  549. package/icon-sources/36/action-eye.svg +4 -4
  550. package/icon-sources/36/add-above.svg +4 -4
  551. package/icon-sources/36/add-below.svg +4 -4
  552. package/icon-sources/36/blacklist.svg +3 -3
  553. package/icon-sources/36/certificate.svg +3 -3
  554. package/icon-sources/36/chart-multiline.svg +3 -3
  555. package/icon-sources/36/core-skill.svg +3 -3
  556. package/icon-sources/36/cv.svg +3 -3
  557. package/icon-sources/36/empty.svg +3 -3
  558. package/icon-sources/36/folder.svg +4 -4
  559. package/icon-sources/36/grow.svg +4 -4
  560. package/icon-sources/36/interest.svg +3 -3
  561. package/icon-sources/36/linkedin.svg +3 -3
  562. package/icon-sources/36/medal.svg +4 -4
  563. package/icon-sources/36/na.svg +6 -6
  564. package/icon-sources/36/navigation-close.svg +3 -3
  565. package/icon-sources/36/none.svg +4 -4
  566. package/icon-sources/36/not-reccomended.svg +3 -3
  567. package/icon-sources/36/notification-help-outline.svg +3 -3
  568. package/icon-sources/36/optional-skills.svg +3 -3
  569. package/icon-sources/36/ready-to.svg +3 -3
  570. package/icon-sources/36/text-format.svg +4 -4
  571. package/icon-sources/36/view-grid.svg +6 -6
  572. package/icon-sources/36/view-table.svg +3 -3
  573. package/icons/common/action-deleteforever-12.svg +1 -1
  574. package/icons/common/radio-point-10.svg +13 -13
  575. package/icons/legacy/btn_cross.svg +22 -22
  576. package/icons/legacy/btn_tick.svg +22 -22
  577. package/icons/legacy/calendar-30.svg +12 -12
  578. package/icons/legacy/calendar-36.svg +14 -14
  579. package/icons/legacy/excel.svg +12 -12
  580. package/icons/legacy/filter-24.svg +11 -11
  581. package/icons/legacy/filter.svg +12 -12
  582. package/icons/legacy/folding-arrow.svg +14 -14
  583. package/icons/legacy/gear.svg +14 -14
  584. package/icons/legacy/help-24.svg +11 -11
  585. package/icons/legacy/help.svg +21 -21
  586. package/icons/legacy/label_info.svg +14 -14
  587. package/icons/legacy/lens.svg +17 -17
  588. package/icons/legacy/modal-close-cross.svg +22 -22
  589. package/icons/legacy/more.svg +20 -20
  590. package/icons/legacy/pencil.svg +12 -12
  591. package/icons/legacy/plus.svg +12 -12
  592. package/icons/legacy/sliders.svg +12 -12
  593. package/icons/legacy/sort-24.svg +15 -15
  594. package/icons/legacy/sort-desc-24.svg +15 -15
  595. package/icons/legacy/sort.svg +4 -4
  596. package/icons/legacy/trash.svg +12 -12
  597. package/icons/loaders/circle_loader_30.svg +69 -69
  598. package/icons/loaders/dots_loader_30.svg +22 -22
  599. package/icons/templates/generic-24.svg +40 -40
  600. package/icons/templates/generic-30.svg +43 -43
  601. package/icons/templates/generic.svg +40 -40
  602. package/icons/templates/tall.svg +69 -69
  603. package/less/control-mods.less +51 -51
  604. package/less/control-size.less +42 -42
  605. package/less/effects.less +24 -24
  606. package/less/font-faces.less +106 -106
  607. package/less/fonts.less +13 -13
  608. package/less/globals.less +10 -10
  609. package/less/index.less +6 -6
  610. package/less/loveship-color-vars.less +171 -171
  611. package/less/loveship-colors.less +36 -36
  612. package/less/text-size.less +48 -48
  613. package/less/typography.less +196 -196
  614. package/package.json +2 -2
  615. package/readme.md +6 -6
  616. package/scss/contrast.scss +39 -39
  617. package/scss/control-layout.scss +1 -1
  618. package/scss/control-mods.scss +42 -42
  619. package/scss/control-size.scss +6 -6
  620. package/scss/dnd.scss +8 -8
  621. package/scss/effects.scss +24 -24
  622. package/scss/font-faces.scss +106 -106
  623. package/scss/fonts.scss +13 -13
  624. package/scss/globals.scss +9 -9
  625. package/scss/index.scss +10 -10
  626. package/scss/loveship-color-vars.scss +183 -183
  627. package/scss/loveship-colors.scss +55 -55
  628. package/scss/promo/colors.scss +71 -71
  629. package/scss/promo/font-faces.scss +44 -44
  630. package/scss/promo/fonts.scss +9 -9
  631. package/scss/promo/typography.scss +194 -194
  632. package/scss/text-size.scss +37 -37
  633. package/scss/typography.scss +172 -172
  634. package/styles/error-pages.less +68 -68
  635. package/styles/index.less +1 -1
  636. package/styles/menu.less +360 -360
  637. package/styles/scss/error-pages.scss +67 -67
  638. package/styles/scss/index.scss +1 -1
  639. package/styles/scss/menu.scss +360 -360
  640. package/theme/theme_loveship.scss +1323 -1323
  641. package/theme/theme_promo.scss +1057 -1057
package/theme/theme_promo.scss CHANGED
@@ -1,1058 +1,1058 @@
1
- /* Name convention */
2
- /* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */
3
- :global(.uui-theme-promo) {
4
- --font-regular: 'Sans Regular', Arial, sans-serif;
5
- --font-semibold: 'Sans Semibold', Arial, sans-serif;
6
- --font-italic: 'Sans Italic', Arial, sans-serif;
7
- --font-primary: 'Museo Sans', 'Sans Semibold', Arial, sans-serif;
8
- --font-promo: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;
9
- --font-mono: 'Roboto Mono', Arial, sans-serif;
10
- --font-redacted: 'Redacted';
11
- --font-light: 'Sans Light', Arial, sans-serif;
12
-
13
- --gray5: #FAFAFC;
14
- --gray10: #F5F6FA;
15
- --gray20: #EBEDF5;
16
- --gray30: #E1E3EB;
17
- --gray40: #CED0DB;
18
- --gray50: #ACAFBF;
19
- --gray60: #6C6F80;
20
- --gray70: #474A59;
21
- --gray80: #303240;
22
- --gray90: #1D1E26;
23
- --blue-lightest: #CEEFFF;
24
- --blue-light: #B5E6FF;
25
- --blue: #008ACE;
26
- --blue-dark: #0079B5;
27
- --blue-darkest: #00689B;
28
- --green-lightest: #EEFFCC;
29
- --green-light: #E5FFB3;
30
- --green: #88CC00;
31
- --green-dark: #77B300;
32
- --green-darkest: #669900;
33
- --amber-lightest: #FFF2CC;
34
- --amber-light: #FFECB3;
35
- --amber: #FFC000;
36
- --amber-dark: #E6AD00;
37
- --amber-darkest: #CC9A00;
38
- --red-lightest: #FADED9;
39
- --red-light: #F8CBC2;
40
- --red: #E54322;
41
- --red-dark: #D53919;
42
- --red-darkest: #BE3316;
43
- --white: #FFFFFF;
44
-
45
- --red-10: #FADED9;
46
- --red-20: #F5B7AB;
47
- --red-30: #E54322;
48
- --red-40: #A72014;
49
- --red-50: #901111;
50
-
51
- --orange-10: #FAE4CF;
52
- --orange-20: #F6CBA0;
53
- --orange-30: #E67E17;
54
- --orange-40: #89370E;
55
- --orange-50: #72250B;
56
-
57
- --amber-10: #FFF2CC;
58
- --amber-20: #FFE699;
59
- --amber-30: #FFC000;
60
- --amber-40: #995A00;
61
- --amber-50: #804000;
62
-
63
- --green-10: #EEFFCC;
64
- --green-20: #DDFF99;
65
- --green-30: #88CC00;
66
- --green-40: #669900;
67
- --green-50: #446600;
68
-
69
- --cyan-10: #E3FCFC;
70
- --cyan-20: #B4F8F8;
71
- --cyan-30: #14CCCC;
72
- --cyan-40: #0F9E9E;
73
- --cyan-50: #0B6F6F;
74
-
75
- --blue-10: #CEEFFF;
76
- --blue-20: #9BDEFF;
77
- --blue-30: #008ACE;
78
- --blue-40: #00689B;
79
- --blue-50: #004668;
80
-
81
- --violet-10: #DBCCFA;
82
- --violet-20: #BB9DF5;
83
- --violet-30: #5214CC;
84
- --violet-40: #3F0F9E;
85
- --violet-50: #2D0B6F;
86
-
87
- --purple-10: #F2CCFA;
88
- --purple-20: #E79DF5;
89
- --purple-30: #AD14CC;
90
- --purple-40: #860F9E;
91
- --purple-50: #5E0B6F;
92
-
93
- --uui-accent: var(--green);
94
- --uui-accent-light: var(--green-light);
95
- --uui-accent-lightest: var(--green-lightest);
96
- --uui-accent-dark: var(--green-dark);
97
- --uui-accent-darkest: var(--green-darkest);
98
-
99
- --uui-primary: var(--blue);
100
- --uui-primary-light: var(--blue-light);
101
- --uui-primary-lightest: var(--blue-lightest);
102
- --uui-primary-halftone: var(--blue-lightest);
103
- --uui-primary-dark: var(--blue-dark);
104
- --uui-primary-darkest: var(--blue-darkest);
105
-
106
- --uui-secondary: var(--gray50);
107
- --uui-secondary-light: var(--gray30);
108
- --uui-secondary-lightest: var(--gray20);
109
- --uui-secondary-dark: var(--gray60);
110
- --uui-secondary-darkest: var(--gray70);
111
- --uui-secondary-hover: var(--gray60);
112
- --uui-secondary-active: var(--gray70);
113
- --uui-secondary-disabled: var(--gray40);
114
-
115
- --uui-negative: var(--red);
116
- --uui-negative-light: var(--red-light);
117
- --uui-negative-lightest: var(--red-lightest);
118
- --uui-negative-dark: var(--red-dark);
119
- --uui-negative-darkest: var(--red-darkest);
120
-
121
- --uui-button-bg-halftone: var(--white);
122
- --uui-button-caption-disabled: var(--gray50);
123
-
124
- --uui-link: var(--blue);
125
- --uui-link-hover: var(--blue-dark);
126
- --uui-link-visited: #5214CC;
127
- --uui-link-disabled: var(--gray50);
128
-
129
- --uui-info: var(--blue);
130
- --uui-info-lightest: var(--blue-lightest);
131
- --uui-info-light: var(--blue-light);
132
- --uui-info-dark: var(--blue-dark);
133
- --uui-info-darkest: var(--blue-darkest);
134
- --uui-info-hover: var(--blue-dark);
135
- --uui-info-active: var(--blue-darkest);
136
-
137
- --uui-success: var(--green);
138
- --uui-success-lightest: var(--green-lightest);
139
- --uui-success-light: var(--green-light);
140
- --uui-success-dark: var(--green-dark);
141
- --uui-success-darkest: var(--green-darkest);
142
- --uui-success-hover: var(--green-dark);
143
- --uui-success-active: var(--green-darkest);
144
-
145
- --uui-warning: var(--amber);
146
- --uui-warning-lightest: var(--amber-lightest);
147
- --uui-warning-light: var(--amber-light);
148
- --uui-warning-dark: var(--amber-dark);
149
- --uui-warning-darkest: var(--amber-darkest);
150
- --uui-warning-hover: var(--amber-dark);
151
- --uui-warning-active: var(--amber-darkest);
152
-
153
- --uui-error: var(--red);
154
- --uui-error-lightest: var(--red-lightest);
155
- --uui-error-light: var(--red-light);
156
- --uui-error-dark: var(--red-dark);
157
- --uui-error-darkest: var(--red-darkest);
158
- --uui-error-hover: var(--red-dark);
159
- --uui-error-active: var(--red-darkest);
160
-
161
- --uui-icon: var(--gray60);
162
- --uui-icon-hover: var(--gray70);
163
- --uui-icon-active: var(--gray80);
164
- --uui-icon-disabled: var(--gray50);
165
-
166
- --uui-surface: var(--white);
167
- --uui-surface-hover: var(--gray30);
168
- --uui-surface-light: var(--white);
169
- --uui-surface-inverted: var(--gray90);
170
- --uui-surface-inverted-light: var(--gray80);
171
-
172
- --uui-visited: #5214CC;
173
- --uui-disabled: var(--gray30);
174
- --uui-background: var(--gray10);
175
- --uui-contrast: var(--white);
176
- --uui-divider: var(--gray40);
177
-
178
- --uui-text-brand: var(--gray90);
179
- --uui-text-primary: var(--gray80);
180
- --uui-text-secondary: var(--gray60);
181
- --uui-text-disabled: var(--gray50);
182
- --uui-text-contrast: var(--gray5);
183
-
184
- --uui-caption: var(--white);
185
-
186
- --uui-control-rest: var(--uui-primary);
187
- --uui-control-hover: var(--uui-primary-dark);
188
- --uui-control-active: var(--uui-primary-darkest);
189
-
190
- --uui-control-bg: var(--white);
191
- --uui-control-bg-checked: var(--uui-primary);
192
- --uui-control-bg-checked-hover: var(--uui-primary-dark);
193
- --uui-control-bg-checked-disabled: var(--uui-primary-light);
194
- --uui-control-bg-disabled: var(--gray5);
195
- --uui-control-bg-readonly: var(--gray5);
196
- --uui-control-bg-hover: var(--gray60);
197
-
198
- --uui-control-border-checked-disabled: var(--uui-primary-light);
199
- --uui-control-border: var(--gray40);
200
- --uui-control-border-checked: var(--uui-primary);
201
- --uui-control-border-checked-hover: var(--uui-primary-dark);
202
- --uui-control-border-hover: var(--uui-primary-dark);
203
- --uui-control-border-disabled: var(--uui-disabled);
204
- --uui-control-border-readonly: var(--uui-disabled);
205
-
206
- --uui-control-textinput-border-hover: var(--gray60);
207
-
208
- --uui-control-label: var(--uui-text-primary);
209
- --uui-control-label-disabled: var(--uui-text-disabled);
210
- --uui-control-label-error: var(--uui-error);
211
- --uui-control-label-fill: var(--uui-icon);
212
- --uui-control-label-optional-text: var(--uui-text-secondary);
213
- --uui-control-label-asterisk: var(--uui-error);
214
-
215
- --uui-control-placeholder: var(--uui-text-secondary);
216
- --uui-control-placeholder-disabled: var(--uui-text-disabled);
217
-
218
- --uui-control-text: var(--uui-text-primary);
219
- --uui-control-text-disabled: var(--uui-text-disabled);
220
-
221
- --uui-control-icon: var(--gray50);
222
- --uui-control-icon-disabled: var(--gray50);
223
-
224
- --uui-control-checkbox-icon: var(--white);
225
-
226
- --uui-skeleton: var(--gray40);
227
- --uui-skeleton-gradient: linear-gradient(90deg, var(--gray40) 0%, var(--gray10) 50%, var(--gray40) 100%);
228
-
229
- --uui-overlay: rgba(29, 30, 38, 0.8);
230
- --uui-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
231
- --uui-scroll: var(--gray60);
232
- --uui-surface-dark: var(--gray90);
233
- --uui-border-radius: 0px;
234
-
235
- /* Button-vars */
236
- --uui-btn-border-radius: var(--uui-border-radius);
237
-
238
- /* TextInput vars */
239
- --uui-text-input-bg: var(--uui-control-bg);
240
- --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);
241
- --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);
242
- --uui-text-input-border: var(--uui-control-border);
243
- --uui-text-input-border-hover: var(--uui-control-textinput-border-hover);
244
- --uui-text-input-border-active: var(--uui-control-border-checked);
245
- --uui-text-input-border-error: var(--uui-negative);
246
- --uui-text-input-border-disabled: var(--uui-control-border-disabled);
247
- --uui-text-input-border-readonly: var(--uui-control-border-readonly);
248
- --uui-text-input-placeholder: var(--uui-control-placeholder);
249
- --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);
250
- --uui-text-input-text: var(--uui-control-text);
251
- --uui-text-input-text-disabled: var(--uui-control-text-disabled);
252
- --uui-text-input-icon: var(--uui-control-icon);
253
- --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);
254
- --uui-text-input-icon-clickable: var(--uui-icon);
255
- --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);
256
- --uui-text-input-border-radius: var(--uui-border-radius);
257
-
258
- /* LinkButton vars */
259
- --uui-link-button-text: var(--uui-primary);
260
- --uui-link-button-text-hover: var(--uui-primary-dark);
261
- --uui-link-button-text-active: var(--uui-primary-darkest);
262
- --uui-link-button-text-disabled: var(--uui-button-caption-disabled);
263
-
264
- /* DatePicker vars */
265
- --uui-dtp-title-bg: var(--uui-control-bg);
266
- --uui-dtp-title-bg-hover: var(--uui-primary-halftone);
267
- --uui-dtp-text-selected: var(--uui-control-border-checked);
268
- --uui-dtp-text: var(--uui-control-text);
269
- --uui-dtp-next-prev-icon: var(--uui-icon);
270
- --uui-dtp-next-prev-icon-bg-hover: var(--uui-secondary-lightest);
271
-
272
- /* RangeDatePicker vars */
273
- --uui-rdtp-bg: var(--uui-control-bg);
274
- --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);
275
-
276
- /* Calendar vars */
277
- --uui-calendar-selected-hover: var(--uui-control-bg);
278
- --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);
279
- --uui-calendar-start-end-selected: var(--uui-control-border-checked);
280
- --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);
281
- --uui-calendar-text: var(--uui-control-text);
282
- --uui-calendar-text-filtered: var(--uui-control-text-disabled);
283
- --uui-calendar-bg-selected: var(--uui-secondary);
284
-
285
- /* tab-button-vars */
286
- --uui-tab-button-text: var(--uui-text-primary);
287
- --uui-tab-button-text-hover: var(--uui-primary);
288
- --uui-tab-button-text-active: var(--uui-primary);
289
- --uui-tab-button-text-disabled: var(--uui-text-disabled);
290
- --uui-tab-button-count-bg: var(--gray30);
291
- --uui-tab-button-count: var(--uui-text-secondary);
292
-
293
- /* radio-input-vars */
294
- --uui-radio-input-bg: var(--uui-control-bg);
295
- --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);
296
- --uui-radio-input-border: var(--uui-control-border);
297
- --uui-radio-input-border-checked: var(--uui-control-border-checked);
298
- --uui-radio-input-border-hover: var(--uui-control-border-hover);
299
- --uui-radio-input-border-disabled: var(--uui-control-border-disabled);
300
- --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);
301
- --uui-radio-input-label: var(--uui-control-label);
302
- --uui-radio-input-label-disabled: var(--uui-control-label-disabled);
303
- --uui-radio-input-fill-checked: var(--uui-control-border-checked);
304
- --uui-radio-input-fill-hover: var(--uui-control-border-hover);
305
- --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);
306
- --uui-radio-input-error: var(--uui-negative);
307
-
308
- /* Checkbox vars */
309
- --uui-checkbox-border: var(--uui-control-border);
310
- --uui-checkbox-border-hover: var(--uui-control-border-hover);
311
- --uui-checkbox-border-disabled: var(--uui-control-border-disabled);
312
- --uui-checkbox-border-checked: var(--uui-control-border-checked);
313
- --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);
314
- --uui-checkbox-bg: var(--uui-control-bg);
315
- --uui-checkbox-bg-checked: var(--uui-control-bg-checked);
316
- --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);
317
- --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);
318
- --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);
319
- --uui-checkbox-error: var(--uui-negative);
320
- --uui-checkbox-fill: var(--uui-control-checkbox-icon);
321
- --uui-checkbox-label: var(--uui-control-label);
322
- --uui-checkbox-label-disabled: var(--uui-control-label-disabled);
323
- --uui-checkbox-border-radius: var(--uui-border-radius);
324
-
325
- /* Tag vars */
326
- --uui-tag-bg: var(--gray30);
327
- --uui-tag-bg-hover: var(--gray40);
328
- --uui-tag-caption: var(--uui-text-primary);
329
- --uui-tag-fill: var(--uui-icon);
330
- --uui-tag-fill-hover: var(--uui-icon-hover);
331
- --uui-tag-count-bg: var(--white);
332
- --uui-tag-count: var(--uui-text-secondary);
333
- --uui-tag-label: var(--uui-text-secondary);
334
- --uui-tag-border-radius: var(--uui-border-radius);
335
-
336
- /* Badge vars */
337
- --uui-badge-border-radius: 100px;
338
-
339
- /* TextArea vars */
340
- --uui-text-area-bg: var(--uui-control-bg);
341
- --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);
342
- --uui-text-area-border: var(--uui-control-border);
343
- --uui-text-area-border-disabled: var(--uui-control-border-disabled);
344
- --uui-text-area-border-hover: var(--uui-control-textinput-border-hover);
345
- --uui-text-area-border-active: var(--uui-control-border-checked);
346
- --uui-text-area-border-error: var(--uui-negative);
347
- --uui-text-area-placeholder: var(--uui-control-placeholder);
348
- --uui-text-area-text: var(--uui-control-text);
349
- --uui-text-area-text-disabled: var(--uui-control-text-disabled);
350
- --uui-text-area-icon: var(--uui-icon);
351
- --uui-text-area-border-radius: var(--uui-border-radius);
352
-
353
- /* DropMarker vars */
354
- --uui-drop-marker: var(--uui-primary);
355
- --uui-drop-marker-blocked: var(--uui-error);
356
-
357
- /* ScrollBars vars */
358
- --uui-scroll-bars-bg: var(--gray40);
359
- --uui-scroll-bars-bg-active: var(--gray60);
360
-
361
- /* Tooltip vars */
362
- /* noinspection CssInvalidFunction */
363
- --uui-tooltip-shadow: var(--uui-shadow, 0 1px 4px 0 rgba(44, 47, 60, 0.05), 0 2px 18px 0 rgba(44, 47, 60, 0.03)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */
364
- --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
365
- --uui-tooltip-border-radius: var(--uui-border-radius);
366
-
367
- /* PickerToggler vars */
368
- --uui-picker-toggler-bg: var(--uui-control-bg);
369
- --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);
370
- --uui-picker-toggler-border: var(--uui-control-border);
371
- --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);
372
- --uui-picker-toggler-border-hover: var(--uui-control-textinput-border-hover);
373
- --uui-picker-toggler-border-active: var(--uui-control-border-checked);
374
- --uui-picker-toggler-border-error: var(--uui-negative);
375
- --uui-picker-toggler-placeholder: var(--uui-control-placeholder);
376
- --uui-picker-toggler-text: var(--uui-control-text);
377
- --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);
378
- --uui-picker-toggler-icon: var(--uui-control-icon);
379
- --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);
380
- --uui-picker-toggler-icon-clickable: var(--uui-icon);
381
- --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);
382
- --uui-picker-toggler-border-radius: var(--uui-border-radius);
383
-
384
- /* DataTable vars */
385
- --uui-dt-cell-bg: transparent;
386
- --uui-dt-cell-resize-bg: #EF55331F;
387
- --uui-dt-cell-border: transparent;
388
- --uui-dt-cell-editor-bg-invalid: var(--red-lightest);
389
- --uui-dt-cell-editor-hover-border: var(--uui-control-textinput-border-hover);
390
- --uui-dt-cell-editor-focus-border: var(--uui-control-border-checked);
391
- --uui-dt-cell-editor-invalid-border: var(--uui-negative);
392
-
393
- --uui-dt-row-bg: var(--white);
394
- --uui-dt-row-bg-hover: var(--gray10);
395
- --uui-dt-row-bg-invalid: #FEF7F6;
396
- --uui-dt-row-bg-selected: #EBF7FF;
397
- --uui-dt-row-border: transparent;
398
-
399
- --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
400
- --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
401
- --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
402
- --uui-dt-left-marker-shadow: inset 2px 0 0 0 var(--uui-primary);
403
- --uui-dt-right-marker-shadow: inset -2px 0 0 0 var(--uui-primary);
404
- --uui-dt-header-hover-shadow: inset 1px 0 0 var(--gray30), inset -1px 0 0 var(--gray30);
405
-
406
- /* Panel */
407
- --uui-panel-border-radius: var(--uui-border-radius);
408
- --uui-panel-shadow: var(--uui-shadow);
409
-
410
- /* Modals */
411
- --uui-modals-border-radius: var(--uui-border-radius);
412
- --uui-modals-overlay: rgba(29, 30, 38, 0.8);
413
- --uui-modals-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
414
- --uui-modals-bg: var(--uui-surface);
415
-
416
- /* TextPlaceholder */
417
- --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);
418
- --uui-text-placeholder: var(--uui-skeleton);
419
-
420
- /* LabeledInput */
421
- --uui-labeled-input: var(--uui-text-primary);
422
- --uui-labeled-input-disabled: var(--uui-text-disabled);
423
- --uui-labeled-input-error: var(--uui-error);
424
- --uui-labeled-input-fill: var(--uui-icon);
425
- --uui-labeled-input-info-fill: var(--uui-icon);
426
- --uui-labeled-input-optional-text: var(--uui-text-secondary);
427
- --uui-labeled-input-asterisk: var(--uui-error);
428
-
429
- /* Accordion */
430
- --uui-accordion-bg: var(--uui-surface);
431
- --uui-accordion-border: var(--uui-divider);
432
- --uui-accordion-border-radius: 0px;
433
- --uui-accordion-text: var(--uui-text-primary);
434
- --uui-accordion-text-disabled: var(--uui-text-disabled);
435
- --uui-accordion-icon: var(--uui-icon);
436
- --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);
437
- --uui-accordion-focus: var(--uui-primary);
438
- --uui-accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
439
- --uui-accordion-shadow-hovered: 0 6px 12px 0 rgba(29, 30, 38, 0.10), 0 3px 6px 0 rgba(29, 30, 38, 0.10);
440
-
441
- /* Switch */
442
- --uui-switch-bg: var(--gray40);
443
- --uui-switch-border-hover: var(--gray60);
444
- --uui-switch-bg-checked: var(--uui-control-bg-checked);
445
- --uui-switch-bg-hover: var(--uui-control-bg-hover);
446
- --uui-switch-bg-disabled: var(--uui-control-bg-disabled);
447
- --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);
448
- --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);
449
- --uui-switch-border: var(--uui-control-border);
450
- --uui-switch-border-checked: var(--uui-control-border-checked);
451
- --uui-switch-border-disabled: var(--uui-control-border-disabled);
452
- --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);
453
- --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);
454
- --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);
455
- --uui-switch-label: var(--uui-control-label);
456
- --uui-switch-label-disabled: var(--uui-control-label-disabled);
457
- --uui-switch-toggler-bg: var(--white);
458
- --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);
459
- --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);
460
- --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);
461
- --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);
462
- --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);
463
- --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);
464
-
465
- /* DropdownContainer */
466
- --uui-dropdown-container-border-radius: 0;
467
- --uui-dropdown-container-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.1), 0 3px 12px 0 rgba(29, 30, 38, 0.1);
468
- --uui-dropdown-container-bg: var(--white);
469
-
470
- /* MainMenu */
471
- --uui-main_menu-text: var(--white);
472
- --uui-main_menu-bg: var(--gray80);
473
- --uui-main_menu-bg-hover: var(--gray80);
474
- --uui-main_menu-active: var(--gray90);
475
- --uui-main_menu-hover: var(--gray90);
476
- --uui-main_menu-border-active: var(--uui-primary);
477
- --uui-main_menu-border-light: var(--white);
478
-
479
- --uui-main_menu-dropdown-bg: var(--gray90);
480
- --uui-main_menu-dropdown-hover: var(--uui-primary);
481
-
482
- --uui-main_menu-search-bg: var(--gray70);
483
- --uui-main_menu-search-border: var(--gray70);
484
- --uui-main_menu-search-placeholder: var(--uui-text-disabled);
485
- --uui-main_menu-search-text: var(--uui-contrast);
486
- --uui-main_menu-search-icon: var(--uui-icon-disabled);
487
-
488
- --uui-main_menu-icon: var(--white);
489
- --uui-main_menu-icon-hover: var(--white);
490
- --uui-main_menu-icon-active: var(--white);
491
-
492
- /* BurgerMenu */
493
- --uui-burger_menu-bg: var(--gray90);
494
- --uui-burger_menu-bg-hover: var(--uui-primary-dark);
495
- --uui-burger_menu-caption: var(--uui-contrast);
496
- --uui-burger_menu-caption-hover: var(--uui-primary);
497
- --uui-burger_menu-overlay: var(--uui-overlay);
498
- --uui-burger_icon: var(--white);
499
- --uui-burger_item: var(--uui-text-brand);
500
-
501
- /* BurgerGroupHeader */
502
- --uui-burger_group-text: var(--gray50);
503
- --uui-burger_group-bg: var(--gray80);
504
- --uui-burger_group-line: var(--gray60);
505
-
506
- /* BurgerButton */
507
- --uui-burger_btn: var(--white);
508
- --uui-burger_btn-hover: var(--uui-primary);
509
- --uui-burger_btn-active: var(--uui-primary);
510
- --uui-burger_btn-border: var(--gray30);
511
-
512
- /* BurgerSearch */
513
- --uui-burger_search: var(--gray40);
514
- --uui-burger_search-fill: var(--gray50);
515
- --uui-burger_search-bg: var(--gray80);
516
- --uui-burger_search-placeholder: var(--gray50);
517
-
518
- /* NumericInput */
519
- --uui-numeric-input-bg: var(--uui-control-bg);
520
- --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);
521
- --uui-numeric-input-border: var(--uui-control-border);
522
- --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);
523
- --uui-numeric-input-border-hover: var(--uui-control-textinput-border-hover);
524
- --uui-numeric-input-border-active: var(--uui-control-border-checked);
525
- --uui-numeric-input-border-error: var(--uui-negative);
526
- --uui-numeric-input-placeholder: var(--uui-control-placeholder);
527
- --uui-numeric-input-text: var(--uui-control-text);
528
- --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);
529
- --uui-numeric-input-icon-clickable: var(--uui-icon);
530
- --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);
531
- --uui-numeric-input-border-radius: var(--uui-border-radius);
532
-
533
- /* TimePicker */
534
- --uui-time-picker-bg: var(--uui-control-bg);
535
- --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);
536
- --uui-time-picker-border: var(--uui-control-border);
537
- --uui-time-picker-border-disabled: var(--uui-control-border-disabled);
538
- --uui-time-picker-border-hover: var(--uui-control-textinput-border-hover);
539
- --uui-time-picker-border-active: var(--uui-control-border-checked);
540
- --uui-time-picker-border-error: var(--uui-negative);
541
- --uui-time-picker-placeholder: var(--uui-control-placeholder);
542
- --uui-time-picker-text: var(--uui-control-text);
543
- --uui-time-picker-text-disabled: var(--uui-control-text-disabled);
544
- --uui-time-picker-icon-clickable: var(--uui-icon);
545
- --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);
546
- --uui-time-picker-border-radius: var(--uui-border-radius);
547
-
548
- /* SearchPicker */
549
- --uui-search-input-bg: var(--uui-control-bg);
550
- --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);
551
- --uui-search-input-border: var(--uui-control-border);
552
- --uui-search-input-border-disabled: var(--uui-control-border-disabled);
553
- --uui-search-input-border-hover: var(--uui-control-textinput-border-hover);
554
- --uui-search-input-border-active: var(--uui-control-border-checked);
555
- --uui-search-input-border-error: var(--uui-negative);
556
- --uui-search-input-placeholder: var(--uui-control-placeholder);
557
- --uui-search-input-text: var(--uui-control-text);
558
- --uui-search-input-text-disabled: var(--uui-control-text-disabled);
559
- --uui-search-input-icon-clickable: var(--uui-icon);
560
- --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);
561
- --uui-search-input-icon-disabled: var(--uui-icon-disabled);
562
- --uui-search-input-border-radius: var(--uui-border-radius);
563
-
564
- /* Popover */
565
- --uui-popover-shadow: 0 5px 18px 0 rgba(29, 30, 38, 0.1), 0 3px 12px 0 rgba(29, 30, 38, 0.1);
566
-
567
- /* Footer */
568
- --uui-footer-bg: var(--gray80);
569
-
570
- /* NotificationCard */
571
- --uui-notification-card-border-radius: var(--uui-border-radius);
572
- --uui-notification-card-border-width: 1px;
573
- --uui-notification-card-border-top-width: 6px;
574
- --uui-notification-card-shadow: unset;
575
-
576
- /* Alert */
577
- --uui-alert-border-radius: var(--uui-border-radius);
578
-
579
- /* FilterPanelItemToggler vars */
580
- --uui-filters-toggler-border: var(--uui-text-input-border);
581
- --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);
582
- --uui-filters-toggler-border-radius: var(--uui-border-radius);
583
- --uui-filters-toggler-bg: var(--white);
584
- --uui-filters-toggler-bg-hover: var(--gray10);
585
- --uui-filters-toggler-text: var(--uui-text-brand);
586
- --uui-filters-toggler-label: var(--uui-text-secondary);
587
- --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);
588
-
589
- /* Spinner */
590
- --uui-spinner: var(--uui-primary);
591
-
592
- /* Blocker */
593
- --uui-blocker-bg: var(--uui-background);
594
- --uui-blocker-bg-with-opacity: #F5F6FA80;
595
-
596
- /* modification of the states of table components */
597
-
598
- :global(.uui-dt-cell-border) {
599
- --uui-dt-cell-border: var(--gray30);
600
- }
601
-
602
- :global(.uui-dt-row-border) {
603
- --uui-dt-row-border: var(--gray30);
604
- }
605
-
606
- :global(.uui-table-header-row) {
607
- --uui-dt-row-bg: var(--gray5);
608
- --uui-dt-row-bg-hover: var(--gray20);
609
- --uui-dt-row-border: var(--gray30);
610
- }
611
-
612
- /* ------------------------------------ */
613
-
614
- :global(.tooltip-contrast) {
615
- --uui-tooltip-bg: var(--uui-surface-inverted);
616
- --uui-tooltip-text: var(--uui-contrast);
617
- }
618
-
619
- :global(.tooltip-default) {
620
- --uui-tooltip-bg: var(--uui-surface);
621
- --uui-tooltip-text: var(--uui-text-primary);
622
- }
623
-
624
- :global(.tooltip-critical) {
625
- --uui-tooltip-bg: var(--uui-error-dark);
626
- --uui-tooltip-text: var(--uui-contrast);
627
- }
628
-
629
- :global(.badge-cyan) {
630
- --uui-badge-bg: var(--cyan-30);
631
- --uui-badge-bg-hover: var(--cyan-40);
632
- --uui-badge-caption-solid: var(--white);
633
- --uui-badge-caption-halftone: var(--cyan-50);
634
- --uui-badge-count-bg: var(--white);
635
- --uui-badge-count: var(--uui-text-secondary);
636
- --uui-badge-bg-halftone: var(--cyan-10);
637
- --uui-badge-bg-halftone-hover: var(--cyan-20);
638
- --uui-badge-border-halftone: var(--cyan-20);
639
- --uui-badge-border-halftone-hover: var(--cyan-30);
640
- }
641
-
642
- :global(.badge-violet) {
643
- --uui-badge-bg: var(--violet-30);
644
- --uui-badge-bg-hover: var(--violet-40);
645
- --uui-badge-caption-solid: var(--white);
646
- --uui-badge-caption-halftone: var(--violet-50);
647
- --uui-badge-count-bg: var(--white);
648
- --uui-badge-count: var(--uui-text-secondary);
649
- --uui-badge-bg-halftone: var(--violet-10);
650
- --uui-badge-bg-halftone-hover: var(--violet-20);
651
- --uui-badge-border-halftone: var(--violet-20);
652
- --uui-badge-border-halftone-hover: var(--violet-30);
653
- }
654
-
655
- :global(.badge-orange) {
656
- --uui-badge-bg: var(--orange-30);
657
- --uui-badge-bg-hover: var(--orange-40);
658
- --uui-badge-caption-solid: var(--white);
659
- --uui-badge-caption-halftone: var(--orange-50);
660
- --uui-badge-count-bg: var(--white);
661
- --uui-badge-count: var(--uui-text-secondary);
662
- --uui-badge-bg-halftone: var(--orange-10);
663
- --uui-badge-bg-halftone-hover: var(--orange-20);
664
- --uui-badge-border-halftone: var(--orange-20);
665
- --uui-badge-border-halftone-hover: var(--orange-30);
666
- }
667
-
668
- :global(.badge-purple) {
669
- --uui-badge-bg: var(--purple-30);
670
- --uui-badge-bg-hover: var(--purple-40);
671
- --uui-badge-caption-solid: var(--white);
672
- --uui-badge-caption-halftone: var(--purple-50);
673
- --uui-badge-count-bg: var(--white);
674
- --uui-badge-count: var(--uui-text-secondary);
675
- --uui-badge-bg-halftone: var(--purple-10);
676
- --uui-badge-bg-halftone-hover: var(--purple-20);
677
- --uui-badge-border-halftone: var(--purple-20);
678
- --uui-badge-border-halftone-hover: var(--purple-30);
679
- }
680
-
681
- :global(.badge-default), :global(.badge-gray30) {
682
- --uui-badge-bg: var(--gray30);
683
- --uui-badge-bg-hover: var(--gray40);
684
- --uui-badge-caption-solid: var(--uui-text-primary);
685
- --uui-badge-caption-halftone: var(--uui-text-primary);
686
- --uui-badge-count-bg: var(--white);
687
- --uui-badge-count: var(--uui-text-secondary);
688
- --uui-badge-bg-halftone: var(--gray20);
689
- --uui-badge-bg-halftone-hover: var(--gray30);
690
- --uui-badge-border-halftone: var(--gray40);
691
- --uui-badge-border-halftone-hover: var(--gray50);
692
- }
693
-
694
- :global(.badge-info), :global(.badge-blue) {
695
- --uui-badge-bg: var(--uui-info);
696
- --uui-badge-bg-hover: var(--uui-info-dark);
697
- --uui-badge-caption-solid: var(--uui-contrast);
698
- --uui-badge-caption-halftone: var(--uui-info-darkest);
699
- --uui-badge-count-bg: var(--white);
700
- --uui-badge-count: var(--uui-text-secondary);
701
- --uui-badge-bg-halftone: var(--uui-info-lightest);
702
- --uui-badge-bg-halftone-hover: var(--uui-info-light);
703
- --uui-badge-border-halftone: var(--uui-info-light);
704
- --uui-badge-border-halftone-hover: var(--uui-info);
705
- }
706
-
707
- :global(.badge-success), :global(.badge-green) {
708
- --uui-badge-bg: var(--uui-success);
709
- --uui-badge-bg-hover: var(--uui-success-dark);
710
- --uui-badge-caption-solid: var(--uui-contrast);
711
- --uui-badge-caption-halftone: var(--uui-success-darkest);
712
- --uui-badge-count-bg: var(--white);
713
- --uui-badge-count: var(--uui-text-secondary);
714
- --uui-badge-bg-halftone: var(--uui-success-lightest);
715
- --uui-badge-bg-halftone-hover: var(--uui-success-light);
716
- --uui-badge-border-halftone: var(--uui-success-light);
717
- --uui-badge-border-halftone-hover: var(--uui-success);
718
- }
719
-
720
- :global(.badge-warning), :global(.badge-amber) {
721
- --uui-badge-bg: var(--uui-warning);
722
- --uui-badge-bg-hover: var(--uui-warning-dark);
723
- --uui-badge-caption-solid: var(--uui-text-primary);
724
- --uui-badge-caption-halftone: var(--uui-warning-darkest);
725
- --uui-badge-count-bg: var(--white);
726
- --uui-badge-count: var(--uui-text-secondary);
727
- --uui-badge-bg-halftone: var(--uui-warning-lightest);
728
- --uui-badge-bg-halftone-hover: var(--uui-warning-light);
729
- --uui-badge-border-halftone: var(--uui-warning-light);
730
- --uui-badge-border-halftone-hover: var(--uui-warning);
731
- }
732
-
733
- :global(.badge-error), :global(.badge-red) {
734
- --uui-badge-bg: var(--uui-error);
735
- --uui-badge-bg-hover: var(--uui-error-dark);
736
- --uui-badge-caption-solid: var(--uui-contrast);
737
- --uui-badge-caption-halftone: var(--uui-error-darkest);
738
- --uui-badge-count-bg: var(--white);
739
- --uui-badge-count: var(--uui-text-secondary);
740
- --uui-badge-bg-halftone: var(--uui-error-lightest);
741
- --uui-badge-bg-halftone-hover: var(--uui-error-light);
742
- --uui-badge-border-halftone: var(--uui-error-light);
743
- --uui-badge-border-halftone-hover: var(--uui-error);
744
- }
745
-
746
- :global(.button-blue), :global(.button-primary) {
747
- --uui-btn-bg: var(--uui-primary);
748
- --uui-btn-bg-hover: var(--uui-primary-dark);
749
- --uui-btn-bg-active: var(--uui-primary-darkest);
750
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
751
- --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);
752
- --uui-btn-bg-halftone-active: var(--uui-primary-light);
753
- --uui-btn-border: var(--uui-primary);
754
- --uui-btn-border-hover: var(--uui-primary-dark);
755
- --uui-btn-border-active: var(--uui-primary-darkest);
756
- --uui-btn-bg-disabled: var(--uui-disabled);
757
- --uui-btn-border-disabled: var(--uui-disabled);
758
- --uui-btn-caption: var(--uui-contrast);
759
- --uui-btn-caption-halftone: var(--uui-primary);
760
- --uui-btn-caption-disabled: var(--uui-button-caption-disabled);
761
- }
762
-
763
- :global(.button-green), :global(.button-accent) {
764
- --uui-btn-bg: var(--uui-accent);
765
- --uui-btn-bg-hover: var(--uui-accent-dark);
766
- --uui-btn-bg-active: var(--uui-accent-darkest);
767
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
768
- --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);
769
- --uui-btn-bg-halftone-active: var(--uui-accent-light);
770
- --uui-btn-border: var(--uui-accent);
771
- --uui-btn-border-hover: var(--uui-accent-dark);
772
- --uui-btn-border-active: var(--uui-accent-darkest);
773
- --uui-btn-bg-disabled: var(--uui-disabled);
774
- --uui-btn-border-disabled: var(--uui-disabled);
775
- --uui-btn-caption: var(--uui-contrast);
776
- --uui-btn-caption-halftone: var(--uui-accent);
777
- --uui-btn-caption-disabled: var(--uui-button-caption-disabled);
778
- }
779
-
780
- :global(.button-red), :global(.button-negative) {
781
- --uui-btn-bg: var(--uui-negative);
782
- --uui-btn-bg-hover: var(--uui-negative-dark);
783
- --uui-btn-bg-active: var(--uui-negative-darkest);
784
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
785
- --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);
786
- --uui-btn-bg-halftone-active: var(--uui-negative-light);
787
- --uui-btn-border: var(--uui-negative);
788
- --uui-btn-border-hover: var(--uui-negative-dark);
789
- --uui-btn-border-active: var(--uui-negative-darkest);
790
- --uui-btn-bg-disabled: var(--uui-disabled);
791
- --uui-btn-border-disabled: var(--uui-disabled);
792
- --uui-btn-caption: var(--uui-contrast);
793
- --uui-btn-caption-halftone: var(--uui-negative);
794
- --uui-btn-caption-disabled: var(--uui-button-caption-disabled);
795
- }
796
-
797
- :global(.button-gray50), :global(.button-secondary) {
798
- --uui-btn-bg: var(--uui-secondary);
799
- --uui-btn-bg-hover: var(--uui-secondary-dark);
800
- --uui-btn-bg-active: var(--uui-secondary-darkest);
801
- --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
802
- --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);
803
- --uui-btn-bg-halftone-active: var(--uui-secondary-light);
804
- --uui-btn-border: var(--uui-secondary);
805
- --uui-btn-border-hover: var(--uui-secondary-dark);
806
- --uui-btn-border-active: var(--uui-secondary-darkest);
807
- --uui-btn-bg-disabled: var(--uui-disabled);
808
- --uui-btn-border-disabled: var(--uui-disabled);
809
- --uui-btn-caption: var(--uui-contrast);
810
- --uui-btn-caption-halftone: var(--uui-secondary-dark);
811
- --uui-btn-caption-disabled: var(--uui-button-caption-disabled);
812
- }
813
-
814
- :global(.icon-button-blue),
815
- :global(.icon-button-info) {
816
- --uui-icon-btn: var(--uui-info);
817
- --uui-icon-btn-hover: var(--uui-info-dark);
818
- --uui-icon-btn-active: var(--uui-info-darkest);
819
- --uui-icon-btn-disabled: var(--uui-icon-disabled);
820
- }
821
-
822
- :global(.icon-button-green),
823
- :global(.icon-button-success) {
824
- --uui-icon-btn: var(--uui-success);
825
- --uui-icon-btn-hover: var(--uui-success-dark);
826
- --uui-icon-btn-active: var(--uui-success-darkest);
827
- --uui-icon-btn-disabled: var(--uui-icon-disabled);
828
- }
829
-
830
- :global(.icon-button-amber),
831
- :global(.icon-button-warning) {
832
- --uui-icon-btn: var(--uui-warning);
833
- --uui-icon-btn-hover: var(--uui-warning-dark);
834
- --uui-icon-btn-active: var(--uui-warning-darkest);
835
- --uui-icon-btn-disabled: var(--uui-icon-disabled);
836
- }
837
-
838
- :global(.icon-button-red),
839
- :global(.icon-button-error) {
840
- --uui-icon-btn: var(--uui-error);
841
- --uui-icon-btn-hover: var(--uui-error-dark);
842
- --uui-icon-btn-active: var(--uui-error-darkest);
843
- --uui-icon-btn-disabled: var(--uui-icon-disabled);
844
- }
845
-
846
- :global(.icon-button-gray30) {
847
- --uui-icon-btn: var(--uui-secondary-light);
848
- --uui-icon-btn-hover: var(--uui-button-bg-halftone);
849
- --uui-icon-btn-active: var(--uui-text-contrast);
850
- --uui-icon-btn-disabled: var(--uui-icon-disabled);;
851
- }
852
-
853
- :global(.icon-button-gray50),
854
- :global(.icon-button-secondary) {
855
- --uui-icon-btn: var(--uui-secondary);
856
- --uui-icon-btn-hover: var(--uui-secondary-dark);
857
- --uui-icon-btn-active: var(--uui-secondary-darkest);
858
- --uui-icon-btn-disabled: var(--uui-icon-disabled);
859
- }
860
-
861
- :global(.icon-button-gray60),
862
- :global(.icon-button-default) {
863
- --uui-icon-btn: var(--uui-icon);
864
- --uui-icon-btn-hover: var(--uui-icon-hover);
865
- --uui-icon-btn-active: var(--uui-icon-active);
866
- --uui-icon-btn-disabled: var(--uui-icon-disabled);
867
- }
868
-
869
- :global(.notification-card-amber),
870
- :global(.notification-card-warning) {
871
- --uui-notification-card-fill: var(--uui-warning);
872
- --uui-notification-card-border: var(--uui-warning);
873
- --uui-notification-card-bg: var(--uui-surface);
874
- --uui-notification-card-text: var(--uui-text-primary);
875
- }
876
-
877
- :global(.notification-card-success) ,
878
- :global(.notification-card-green) {
879
- --uui-notification-card-fill: var(--uui-success);
880
- --uui-notification-card-border: var(--uui-success);
881
- --uui-notification-card-bg: var(--uui-surface);
882
- --uui-notification-card-text: var(--uui-text-primary);
883
- }
884
-
885
- :global(.notification-card-info),
886
- :global(.notification-card-blue) {
887
- --uui-notification-card-fill: var(--uui-info);
888
- --uui-notification-card-border: var(--uui-info);
889
- --uui-notification-card-bg: var(--uui-surface);
890
- --uui-notification-card-text: var(--uui-text-primary);
891
- }
892
-
893
- :global(.notification-card-error),
894
- :global(.notification-card-red) {
895
- --uui-notification-card-fill: var(--uui-error);
896
- --uui-notification-card-border: var(--uui-error);
897
- --uui-notification-card-bg: var(--uui-surface);
898
- --uui-notification-card-text: var(--uui-text-primary);
899
- }
900
-
901
- :global(.notification-card-gray60) {
902
- --uui-notification-card-fill: var(--uui-secondary-dark);
903
- --uui-notification-card-border: var(--uui-secondary-dark);
904
- --uui-notification-card-bg: var(--uui-surface);
905
- --uui-notification-card-text: var(--uui-text-primary);
906
- }
907
-
908
- :global(.alert-error),
909
- :global(.alert-red) {
910
- --uui-alert-text: var(--uui-text-primary);
911
- --uui-alert-bg: var(--uui-error-lightest);
912
- --uui-alert-border: var(--uui-negative);
913
- --uui-alert-icon: var(--uui-negative);
914
- }
915
-
916
- :global(.alert-warning),
917
- :global(.alert-amber) {
918
- --uui-alert-text: var(--uui-text-primary);
919
- --uui-alert-bg: var(--uui-warning-lightest);
920
- --uui-alert-border: var(--amber);
921
- --uui-alert-icon: var(--amber);
922
- }
923
-
924
- :global(.alert-success),
925
- :global(.alert-green) {
926
- --uui-alert-text: var(--uui-text-primary);
927
- --uui-alert-bg: var(--uui-success-lightest);
928
- --uui-alert-border: var(--uui-accent);
929
- --uui-alert-icon: var(--uui-accent);
930
- }
931
-
932
- :global(.alert-info),
933
- :global(.alert-blue) {
934
- --uui-alert-text: var(--uui-text-primary);
935
- --uui-alert-bg: var(--uui-info-lightest);
936
- --uui-alert-border: var(--uui-primary);
937
- --uui-alert-icon: var(--uui-primary);
938
- }
939
-
940
- :global(.informer-color-default) {
941
- --uui-informer-bg: var(--gray30);
942
- --uui-informer-caption: var(--gray60);
943
- }
944
-
945
- :global(.informer-color-focus) {
946
- --uui-informer-bg: var(--red);
947
- --uui-informer-caption: var(--uui-contrast);
948
- }
949
-
950
- :global(.informer-color-white) {
951
- --uui-informer-bg: var(--uui-surface);
952
- --uui-informer-caption: var(--uui-text-secondary);
953
- }
954
-
955
- :global(.informer-vars) {
956
- --uui-informer-border-radius: 50px;
957
- }
958
-
959
- :global(.icon-container-color-info),
960
- :global(.icon-container-color-blue) {
961
- --uui-icon-container-fill: var(--uui-info);
962
- }
963
-
964
- :global(.icon-container-color-success),
965
- :global(.icon-container-color-green) {
966
- --uui-icon-container-fill: var(--uui-success);
967
- }
968
-
969
- :global(.icon-container-color-warning),
970
- :global(.icon-container-color-amber) {
971
- --uui-icon-container-fill: var(--uui-warning);
972
- }
973
-
974
- :global(.icon-container-color-error),
975
- :global(.icon-container-color-red) {
976
- --uui-icon-container-fill: var(--uui-error);
977
- }
978
-
979
- :global(.icon-container-color-default),
980
- :global(.icon-container-color-gray60) {
981
- --uui-icon-container-fill: var(--uui-icon);
982
- }
983
-
984
- :global(.icon-container-color-secondary),
985
- :global(.icon-container-color-gray50) {
986
- --uui-icon-container-fill: var(--uui-secondary);
987
- }
988
-
989
- :global(.icon-container-color-gray30) {
990
- --uui-icon-container-fill: var(--uui-secondary-light);
991
- }
992
-
993
- :global(.uui-text-brand),
994
- :global(.uui-text-gray90 ) {
995
- --uui-text: var(--uui-text-brand);
996
- }
997
-
998
- :global(.uui-text-primary),
999
- :global(.uui-text-gray80 ) {
1000
- --uui-text: var(--uui-text-primary);
1001
- }
1002
-
1003
- :global(.uui-text-secondary),
1004
- :global(.uui-text-gray60 ) {
1005
- --uui-text: var(--uui-text-secondary);
1006
- }
1007
-
1008
- :global(.uui-text-disabled),
1009
- :global(.uui-text-gray50 ) {
1010
- --uui-text: var(--uui-text-disabled);
1011
- }
1012
-
1013
- :global(.uui-text-contrast),
1014
- :global(.uui-text-gray5 ) {
1015
- --uui-text: var(--uui-text-contrast);
1016
- }
1017
-
1018
- :global(.uui-font-regular),
1019
- :global(.uui-font-sans) {
1020
- --uui-font: var(--font-regular);
1021
- }
1022
-
1023
- :global(.uui-font-semibold),
1024
- :global(.uui-font-sans-semibold) {
1025
- --uui-font: var(--font-semibold);
1026
- }
1027
-
1028
- :global(.uui-font-italic),
1029
- :global(.uui-font-sans-italic) {
1030
- --uui-font: var(--font-italic);
1031
- }
1032
-
1033
- :global(.uui-font-primary),
1034
- :global(.uui-font-museo-sans) {
1035
- --uui-font: var(--font-primary);
1036
- }
1037
-
1038
- :global(.uui-font-promo),
1039
- :global(.uui-font-museo-slab) {
1040
- --uui-font: var(--font-promo);
1041
- }
1042
-
1043
- :global(.dropdown-container-white) {
1044
- --uui-dropdown-container-bg: var(--white);
1045
- }
1046
-
1047
- :global(.dropdown-container-gray70) {
1048
- --uui-dropdown-container-bg: var(--gray70);
1049
- }
1050
-
1051
- :global(.panel-white) {
1052
- --uui-panel-bg: var(--uui-surface);
1053
- }
1054
-
1055
- :global(.panel-gray90) {
1056
- --uui-panel-bg: var(--uui-surface-inverted);
1057
- }
1
+ /* Name convention */
2
+ /* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */
3
+ :global(.uui-theme-promo) {
4
+ --font-regular: 'Sans Regular', Arial, sans-serif;
5
+ --font-semibold: 'Sans Semibold', Arial, sans-serif;
6
+ --font-italic: 'Sans Italic', Arial, sans-serif;
7
+ --font-primary: 'Museo Sans', 'Sans Semibold', Arial, sans-serif;
8
+ --font-promo: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;
9
+ --font-mono: 'Roboto Mono', Arial, sans-serif;
10
+ --font-redacted: 'Redacted';
11
+ --font-light: 'Sans Light', Arial, sans-serif;
12
+
13
+ --gray5: #FAFAFC;
14
+ --gray10: #F5F6FA;
15
+ --gray20: #EBEDF5;
16
+ --gray30: #E1E3EB;
17
+ --gray40: #CED0DB;
18
+ --gray50: #ACAFBF;
19
+ --gray60: #6C6F80;
20
+ --gray70: #474A59;
21
+ --gray80: #303240;
22
+ --gray90: #1D1E26;
23
+ --blue-lightest: #CEEFFF;
24
+ --blue-light: #B5E6FF;
25
+ --blue: #008ACE;
26
+ --blue-dark: #0079B5;
27
+ --blue-darkest: #00689B;
28
+ --green-lightest: #EEFFCC;
29
+ --green-light: #E5FFB3;
30
+ --green: #88CC00;
31
+ --green-dark: #77B300;
32
+ --green-darkest: #669900;
33
+ --amber-lightest: #FFF2CC;
34
+ --amber-light: #FFECB3;
35
+ --amber: #FFC000;
36
+ --amber-dark: #E6AD00;
37
+ --amber-darkest: #CC9A00;
38
+ --red-lightest: #FADED9;
39
+ --red-light: #F8CBC2;
40
+ --red: #E54322;
41
+ --red-dark: #D53919;
42
+ --red-darkest: #BE3316;
43
+ --white: #FFFFFF;
44
+
45
+ --red-10: #FADED9;
46
+ --red-20: #F5B7AB;
47
+ --red-30: #E54322;
48
+ --red-40: #A72014;
49
+ --red-50: #901111;
50
+
51
+ --orange-10: #FAE4CF;
52
+ --orange-20: #F6CBA0;
53
+ --orange-30: #E67E17;
54
+ --orange-40: #89370E;
55
+ --orange-50: #72250B;
56
+
57
+ --amber-10: #FFF2CC;
58
+ --amber-20: #FFE699;
59
+ --amber-30: #FFC000;
60
+ --amber-40: #995A00;
61
+ --amber-50: #804000;
62
+
63
+ --green-10: #EEFFCC;
64
+ --green-20: #DDFF99;
65
+ --green-30: #88CC00;
66
+ --green-40: #669900;
67
+ --green-50: #446600;
68
+
69
+ --cyan-10: #E3FCFC;
70
+ --cyan-20: #B4F8F8;
71
+ --cyan-30: #14CCCC;
72
+ --cyan-40: #0F9E9E;
73
+ --cyan-50: #0B6F6F;
74
+
75
+ --blue-10: #CEEFFF;
76
+ --blue-20: #9BDEFF;
77
+ --blue-30: #008ACE;
78
+ --blue-40: #00689B;
79
+ --blue-50: #004668;
80
+
81
+ --violet-10: #DBCCFA;
82
+ --violet-20: #BB9DF5;
83
+ --violet-30: #5214CC;
84
+ --violet-40: #3F0F9E;
85
+ --violet-50: #2D0B6F;
86
+
87
+ --purple-10: #F2CCFA;
88
+ --purple-20: #E79DF5;
89
+ --purple-30: #AD14CC;
90
+ --purple-40: #860F9E;
91
+ --purple-50: #5E0B6F;
92
+
93
+ --uui-accent: var(--green);
94
+ --uui-accent-light: var(--green-light);
95
+ --uui-accent-lightest: var(--green-lightest);
96
+ --uui-accent-dark: var(--green-dark);
97
+ --uui-accent-darkest: var(--green-darkest);
98
+
99
+ --uui-primary: var(--blue);
100
+ --uui-primary-light: var(--blue-light);
101
+ --uui-primary-lightest: var(--blue-lightest);
102
+ --uui-primary-halftone: var(--blue-lightest);
103
+ --uui-primary-dark: var(--blue-dark);
104
+ --uui-primary-darkest: var(--blue-darkest);
105
+
106
+ --uui-secondary: var(--gray50);
107
+ --uui-secondary-light: var(--gray30);
108
+ --uui-secondary-lightest: var(--gray20);
109
+ --uui-secondary-dark: var(--gray60);
110
+ --uui-secondary-darkest: var(--gray70);
111
+ --uui-secondary-hover: var(--gray60);
112
+ --uui-secondary-active: var(--gray70);
113
+ --uui-secondary-disabled: var(--gray40);
114
+
115
+ --uui-negative: var(--red);
116
+ --uui-negative-light: var(--red-light);
117
+ --uui-negative-lightest: var(--red-lightest);
118
+ --uui-negative-dark: var(--red-dark);
119
+ --uui-negative-darkest: var(--red-darkest);
120
+
121
+ --uui-button-bg-halftone: var(--white);
122
+ --uui-button-caption-disabled: var(--gray50);
123
+
124
+ --uui-link: var(--blue);
125
+ --uui-link-hover: var(--blue-dark);
126
+ --uui-link-visited: #5214CC;
127
+ --uui-link-disabled: var(--gray50);
128
+
129
+ --uui-info: var(--blue);
130
+ --uui-info-lightest: var(--blue-lightest);
131
+ --uui-info-light: var(--blue-light);
132
+ --uui-info-dark: var(--blue-dark);
133
+ --uui-info-darkest: var(--blue-darkest);
134
+ --uui-info-hover: var(--blue-dark);
135
+ --uui-info-active: var(--blue-darkest);
136
+
137
+ --uui-success: var(--green);
138
+ --uui-success-lightest: var(--green-lightest);
139
+ --uui-success-light: var(--green-light);
140
+ --uui-success-dark: var(--green-dark);
141
+ --uui-success-darkest: var(--green-darkest);
142
+ --uui-success-hover: var(--green-dark);
143
+ --uui-success-active: var(--green-darkest);
144
+
145
+ --uui-warning: var(--amber);
146
+ --uui-warning-lightest: var(--amber-lightest);
147
+ --uui-warning-light: var(--amber-light);
148
+ --uui-warning-dark: var(--amber-dark);
149
+ --uui-warning-darkest: var(--amber-darkest);
150
+ --uui-warning-hover: var(--amber-dark);
151
+ --uui-warning-active: var(--amber-darkest);
152
+
153
+ --uui-error: var(--red);
154
+ --uui-error-lightest: var(--red-lightest);
155
+ --uui-error-light: var(--red-light);
156
+ --uui-error-dark: var(--red-dark);
157
+ --uui-error-darkest: var(--red-darkest);
158
+ --uui-error-hover: var(--red-dark);
159
+ --uui-error-active: var(--red-darkest);
160
+
161
+ --uui-icon: var(--gray60);
162
+ --uui-icon-hover: var(--gray70);
163
+ --uui-icon-active: var(--gray80);
164
+ --uui-icon-disabled: var(--gray50);
165
+
166
+ --uui-surface: var(--white);
167
+ --uui-surface-hover: var(--gray30);
168
+ --uui-surface-light: var(--white);
169
+ --uui-surface-inverted: var(--gray90);
170
+ --uui-surface-inverted-light: var(--gray80);
171
+
172
+ --uui-visited: #5214CC;
173
+ --uui-disabled: var(--gray30);
174
+ --uui-background: var(--gray10);
175
+ --uui-contrast: var(--white);
176
+ --uui-divider: var(--gray40);
177
+
178
+ --uui-text-brand: var(--gray90);
179
+ --uui-text-primary: var(--gray80);
180
+ --uui-text-secondary: var(--gray60);
181
+ --uui-text-disabled: var(--gray50);
182
+ --uui-text-contrast: var(--gray5);
183
+
184
+ --uui-caption: var(--white);
185
+
186
+ --uui-control-rest: var(--uui-primary);
187
+ --uui-control-hover: var(--uui-primary-dark);
188
+ --uui-control-active: var(--uui-primary-darkest);
189
+
190
+ --uui-control-bg: var(--white);
191
+ --uui-control-bg-checked: var(--uui-primary);
192
+ --uui-control-bg-checked-hover: var(--uui-primary-dark);
193
+ --uui-control-bg-checked-disabled: var(--uui-primary-light);
194
+ --uui-control-bg-disabled: var(--gray5);
195
+ --uui-control-bg-readonly: var(--gray5);
196
+ --uui-control-bg-hover: var(--gray60);
197
+
198
+ --uui-control-border-checked-disabled: var(--uui-primary-light);
199
+ --uui-control-border: var(--gray40);
200
+ --uui-control-border-checked: var(--uui-primary);
201
+ --uui-control-border-checked-hover: var(--uui-primary-dark);
202
+ --uui-control-border-hover: var(--uui-primary-dark);
203
+ --uui-control-border-disabled: var(--uui-disabled);
204
+ --uui-control-border-readonly: var(--uui-disabled);
205
+
206
+ --uui-control-textinput-border-hover: var(--gray60);
207
+
208
+ --uui-control-label: var(--uui-text-primary);
209
+ --uui-control-label-disabled: var(--uui-text-disabled);
210
+ --uui-control-label-error: var(--uui-error);
211
+ --uui-control-label-fill: var(--uui-icon);
212
+ --uui-control-label-optional-text: var(--uui-text-secondary);
213
+ --uui-control-label-asterisk: var(--uui-error);
214
+
215
+ --uui-control-placeholder: var(--uui-text-secondary);
216
+ --uui-control-placeholder-disabled: var(--uui-text-disabled);
217
+
218
+ --uui-control-text: var(--uui-text-primary);
219
+ --uui-control-text-disabled: var(--uui-text-disabled);
220
+
221
+ --uui-control-icon: var(--gray50);
222
+ --uui-control-icon-disabled: var(--gray50);
223
+
224
+ --uui-control-checkbox-icon: var(--white);
225
+
226
+ --uui-skeleton: var(--gray40);
227
+ --uui-skeleton-gradient: linear-gradient(90deg, var(--gray40) 0%, var(--gray10) 50%, var(--gray40) 100%);
228
+
229
+ --uui-overlay: rgba(29, 30, 38, 0.8);
230
+ --uui-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
231
+ --uui-scroll: var(--gray60);
232
+ --uui-surface-dark: var(--gray90);
233
+ --uui-border-radius: 0px;
234
+
235
+ /* Button-vars */
236
+ --uui-btn-border-radius: var(--uui-border-radius);
237
+
238
+ /* TextInput vars */
239
+ --uui-text-input-bg: var(--uui-control-bg);
240
+ --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);
241
+ --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);
242
+ --uui-text-input-border: var(--uui-control-border);
243
+ --uui-text-input-border-hover: var(--uui-control-textinput-border-hover);
244
+ --uui-text-input-border-active: var(--uui-control-border-checked);
245
+ --uui-text-input-border-error: var(--uui-negative);
246
+ --uui-text-input-border-disabled: var(--uui-control-border-disabled);
247
+ --uui-text-input-border-readonly: var(--uui-control-border-readonly);
248
+ --uui-text-input-placeholder: var(--uui-control-placeholder);
249
+ --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);
250
+ --uui-text-input-text: var(--uui-control-text);
251
+ --uui-text-input-text-disabled: var(--uui-control-text-disabled);
252
+ --uui-text-input-icon: var(--uui-control-icon);
253
+ --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);
254
+ --uui-text-input-icon-clickable: var(--uui-icon);
255
+ --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);
256
+ --uui-text-input-border-radius: var(--uui-border-radius);
257
+
258
+ /* LinkButton vars */
259
+ --uui-link-button-text: var(--uui-primary);
260
+ --uui-link-button-text-hover: var(--uui-primary-dark);
261
+ --uui-link-button-text-active: var(--uui-primary-darkest);
262
+ --uui-link-button-text-disabled: var(--uui-button-caption-disabled);
263
+
264
+ /* DatePicker vars */
265
+ --uui-dtp-title-bg: var(--uui-control-bg);
266
+ --uui-dtp-title-bg-hover: var(--uui-primary-halftone);
267
+ --uui-dtp-text-selected: var(--uui-control-border-checked);
268
+ --uui-dtp-text: var(--uui-control-text);
269
+ --uui-dtp-next-prev-icon: var(--uui-icon);
270
+ --uui-dtp-next-prev-icon-bg-hover: var(--uui-secondary-lightest);
271
+
272
+ /* RangeDatePicker vars */
273
+ --uui-rdtp-bg: var(--uui-control-bg);
274
+ --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);
275
+
276
+ /* Calendar vars */
277
+ --uui-calendar-selected-hover: var(--uui-control-bg);
278
+ --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);
279
+ --uui-calendar-start-end-selected: var(--uui-control-border-checked);
280
+ --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);
281
+ --uui-calendar-text: var(--uui-control-text);
282
+ --uui-calendar-text-filtered: var(--uui-control-text-disabled);
283
+ --uui-calendar-bg-selected: var(--uui-secondary);
284
+
285
+ /* tab-button-vars */
286
+ --uui-tab-button-text: var(--uui-text-primary);
287
+ --uui-tab-button-text-hover: var(--uui-primary);
288
+ --uui-tab-button-text-active: var(--uui-primary);
289
+ --uui-tab-button-text-disabled: var(--uui-text-disabled);
290
+ --uui-tab-button-count-bg: var(--gray30);
291
+ --uui-tab-button-count: var(--uui-text-secondary);
292
+
293
+ /* radio-input-vars */
294
+ --uui-radio-input-bg: var(--uui-control-bg);
295
+ --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);
296
+ --uui-radio-input-border: var(--uui-control-border);
297
+ --uui-radio-input-border-checked: var(--uui-control-border-checked);
298
+ --uui-radio-input-border-hover: var(--uui-control-border-hover);
299
+ --uui-radio-input-border-disabled: var(--uui-control-border-disabled);
300
+ --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);
301
+ --uui-radio-input-label: var(--uui-control-label);
302
+ --uui-radio-input-label-disabled: var(--uui-control-label-disabled);
303
+ --uui-radio-input-fill-checked: var(--uui-control-border-checked);
304
+ --uui-radio-input-fill-hover: var(--uui-control-border-hover);
305
+ --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);
306
+ --uui-radio-input-error: var(--uui-negative);
307
+
308
+ /* Checkbox vars */
309
+ --uui-checkbox-border: var(--uui-control-border);
310
+ --uui-checkbox-border-hover: var(--uui-control-border-hover);
311
+ --uui-checkbox-border-disabled: var(--uui-control-border-disabled);
312
+ --uui-checkbox-border-checked: var(--uui-control-border-checked);
313
+ --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);
314
+ --uui-checkbox-bg: var(--uui-control-bg);
315
+ --uui-checkbox-bg-checked: var(--uui-control-bg-checked);
316
+ --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);
317
+ --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);
318
+ --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);
319
+ --uui-checkbox-error: var(--uui-negative);
320
+ --uui-checkbox-fill: var(--uui-control-checkbox-icon);
321
+ --uui-checkbox-label: var(--uui-control-label);
322
+ --uui-checkbox-label-disabled: var(--uui-control-label-disabled);
323
+ --uui-checkbox-border-radius: var(--uui-border-radius);
324
+
325
+ /* Tag vars */
326
+ --uui-tag-bg: var(--gray30);
327
+ --uui-tag-bg-hover: var(--gray40);
328
+ --uui-tag-caption: var(--uui-text-primary);
329
+ --uui-tag-fill: var(--uui-icon);
330
+ --uui-tag-fill-hover: var(--uui-icon-hover);
331
+ --uui-tag-count-bg: var(--white);
332
+ --uui-tag-count: var(--uui-text-secondary);
333
+ --uui-tag-label: var(--uui-text-secondary);
334
+ --uui-tag-border-radius: var(--uui-border-radius);
335
+
336
+ /* Badge vars */
337
+ --uui-badge-border-radius: 100px;
338
+
339
+ /* TextArea vars */
340
+ --uui-text-area-bg: var(--uui-control-bg);
341
+ --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);
342
+ --uui-text-area-border: var(--uui-control-border);
343
+ --uui-text-area-border-disabled: var(--uui-control-border-disabled);
344
+ --uui-text-area-border-hover: var(--uui-control-textinput-border-hover);
345
+ --uui-text-area-border-active: var(--uui-control-border-checked);
346
+ --uui-text-area-border-error: var(--uui-negative);
347
+ --uui-text-area-placeholder: var(--uui-control-placeholder);
348
+ --uui-text-area-text: var(--uui-control-text);
349
+ --uui-text-area-text-disabled: var(--uui-control-text-disabled);
350
+ --uui-text-area-icon: var(--uui-icon);
351
+ --uui-text-area-border-radius: var(--uui-border-radius);
352
+
353
+ /* DropMarker vars */
354
+ --uui-drop-marker: var(--uui-primary);
355
+ --uui-drop-marker-blocked: var(--uui-error);
356
+
357
+ /* ScrollBars vars */
358
+ --uui-scroll-bars-bg: var(--gray40);
359
+ --uui-scroll-bars-bg-active: var(--gray60);
360
+
361
+ /* Tooltip vars */
362
+ /* noinspection CssInvalidFunction */
363
+ --uui-tooltip-shadow: var(--uui-shadow, 0 1px 4px 0 rgba(44, 47, 60, 0.05), 0 2px 18px 0 rgba(44, 47, 60, 0.03)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */
364
+ --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
365
+ --uui-tooltip-border-radius: var(--uui-border-radius);
366
+
367
+ /* PickerToggler vars */
368
+ --uui-picker-toggler-bg: var(--uui-control-bg);
369
+ --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);
370
+ --uui-picker-toggler-border: var(--uui-control-border);
371
+ --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);
372
+ --uui-picker-toggler-border-hover: var(--uui-control-textinput-border-hover);
373
+ --uui-picker-toggler-border-active: var(--uui-control-border-checked);
374
+ --uui-picker-toggler-border-error: var(--uui-negative);
375
+ --uui-picker-toggler-placeholder: var(--uui-control-placeholder);
376
+ --uui-picker-toggler-text: var(--uui-control-text);
377
+ --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);
378
+ --uui-picker-toggler-icon: var(--uui-control-icon);
379
+ --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);
380
+ --uui-picker-toggler-icon-clickable: var(--uui-icon);
381
+ --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);
382
+ --uui-picker-toggler-border-radius: var(--uui-border-radius);
383
+
384
+ /* DataTable vars */
385
+ --uui-dt-cell-bg: transparent;
386
+ --uui-dt-cell-resize-bg: #EF55331F;
387
+ --uui-dt-cell-border: transparent;
388
+ --uui-dt-cell-editor-bg-invalid: var(--red-lightest);
389
+ --uui-dt-cell-editor-hover-border: var(--uui-control-textinput-border-hover);
390
+ --uui-dt-cell-editor-focus-border: var(--uui-control-border-checked);
391
+ --uui-dt-cell-editor-invalid-border: var(--uui-negative);
392
+
393
+ --uui-dt-row-bg: var(--white);
394
+ --uui-dt-row-bg-hover: var(--gray10);
395
+ --uui-dt-row-bg-invalid: #FEF7F6;
396
+ --uui-dt-row-bg-selected: #EBF7FF;
397
+ --uui-dt-row-border: transparent;
398
+
399
+ --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
400
+ --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
401
+ --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
402
+ --uui-dt-left-marker-shadow: inset 2px 0 0 0 var(--uui-primary);
403
+ --uui-dt-right-marker-shadow: inset -2px 0 0 0 var(--uui-primary);
404
+ --uui-dt-header-hover-shadow: inset 1px 0 0 var(--gray30), inset -1px 0 0 var(--gray30);
405
+
406
+ /* Panel */
407
+ --uui-panel-border-radius: var(--uui-border-radius);
408
+ --uui-panel-shadow: var(--uui-shadow);
409
+
410
+ /* Modals */
411
+ --uui-modals-border-radius: var(--uui-border-radius);
412
+ --uui-modals-overlay: rgba(29, 30, 38, 0.8);
413
+ --uui-modals-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
414
+ --uui-modals-bg: var(--uui-surface);
415
+
416
+ /* TextPlaceholder */
417
+ --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);
418
+ --uui-text-placeholder: var(--uui-skeleton);
419
+
420
+ /* LabeledInput */
421
+ --uui-labeled-input: var(--uui-text-primary);
422
+ --uui-labeled-input-disabled: var(--uui-text-disabled);
423
+ --uui-labeled-input-error: var(--uui-error);
424
+ --uui-labeled-input-fill: var(--uui-icon);
425
+ --uui-labeled-input-info-fill: var(--uui-icon);
426
+ --uui-labeled-input-optional-text: var(--uui-text-secondary);
427
+ --uui-labeled-input-asterisk: var(--uui-error);
428
+
429
+ /* Accordion */
430
+ --uui-accordion-bg: var(--uui-surface);
431
+ --uui-accordion-border: var(--uui-divider);
432
+ --uui-accordion-border-radius: 0px;
433
+ --uui-accordion-text: var(--uui-text-primary);
434
+ --uui-accordion-text-disabled: var(--uui-text-disabled);
435
+ --uui-accordion-icon: var(--uui-icon);
436
+ --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);
437
+ --uui-accordion-focus: var(--uui-primary);
438
+ --uui-accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
439
+ --uui-accordion-shadow-hovered: 0 6px 12px 0 rgba(29, 30, 38, 0.10), 0 3px 6px 0 rgba(29, 30, 38, 0.10);
440
+
441
+ /* Switch */
442
+ --uui-switch-bg: var(--gray40);
443
+ --uui-switch-border-hover: var(--gray60);
444
+ --uui-switch-bg-checked: var(--uui-control-bg-checked);
445
+ --uui-switch-bg-hover: var(--uui-control-bg-hover);
446
+ --uui-switch-bg-disabled: var(--uui-control-bg-disabled);
447
+ --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);
448
+ --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);
449
+ --uui-switch-border: var(--uui-control-border);
450
+ --uui-switch-border-checked: var(--uui-control-border-checked);
451
+ --uui-switch-border-disabled: var(--uui-control-border-disabled);
452
+ --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);
453
+ --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);
454
+ --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);
455
+ --uui-switch-label: var(--uui-control-label);
456
+ --uui-switch-label-disabled: var(--uui-control-label-disabled);
457
+ --uui-switch-toggler-bg: var(--white);
458
+ --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);
459
+ --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);
460
+ --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);
461
+ --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);
462
+ --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);
463
+ --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);
464
+
465
+ /* DropdownContainer */
466
+ --uui-dropdown-container-border-radius: 0;
467
+ --uui-dropdown-container-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.1), 0 3px 12px 0 rgba(29, 30, 38, 0.1);
468
+ --uui-dropdown-container-bg: var(--white);
469
+
470
+ /* MainMenu */
471
+ --uui-main_menu-text: var(--white);
472
+ --uui-main_menu-bg: var(--gray80);
473
+ --uui-main_menu-bg-hover: var(--gray80);
474
+ --uui-main_menu-active: var(--gray90);
475
+ --uui-main_menu-hover: var(--gray90);
476
+ --uui-main_menu-border-active: var(--uui-primary);
477
+ --uui-main_menu-border-light: var(--white);
478
+
479
+ --uui-main_menu-dropdown-bg: var(--gray90);
480
+ --uui-main_menu-dropdown-hover: var(--uui-primary);
481
+
482
+ --uui-main_menu-search-bg: var(--gray70);
483
+ --uui-main_menu-search-border: var(--gray70);
484
+ --uui-main_menu-search-placeholder: var(--uui-text-disabled);
485
+ --uui-main_menu-search-text: var(--uui-contrast);
486
+ --uui-main_menu-search-icon: var(--uui-icon-disabled);
487
+
488
+ --uui-main_menu-icon: var(--white);
489
+ --uui-main_menu-icon-hover: var(--white);
490
+ --uui-main_menu-icon-active: var(--white);
491
+
492
+ /* BurgerMenu */
493
+ --uui-burger_menu-bg: var(--gray90);
494
+ --uui-burger_menu-bg-hover: var(--uui-primary-dark);
495
+ --uui-burger_menu-caption: var(--uui-contrast);
496
+ --uui-burger_menu-caption-hover: var(--uui-primary);
497
+ --uui-burger_menu-overlay: var(--uui-overlay);
498
+ --uui-burger_icon: var(--white);
499
+ --uui-burger_item: var(--uui-text-brand);
500
+
501
+ /* BurgerGroupHeader */
502
+ --uui-burger_group-text: var(--gray50);
503
+ --uui-burger_group-bg: var(--gray80);
504
+ --uui-burger_group-line: var(--gray60);
505
+
506
+ /* BurgerButton */
507
+ --uui-burger_btn: var(--white);
508
+ --uui-burger_btn-hover: var(--uui-primary);
509
+ --uui-burger_btn-active: var(--uui-primary);
510
+ --uui-burger_btn-border: var(--gray30);
511
+
512
+ /* BurgerSearch */
513
+ --uui-burger_search: var(--gray40);
514
+ --uui-burger_search-fill: var(--gray50);
515
+ --uui-burger_search-bg: var(--gray80);
516
+ --uui-burger_search-placeholder: var(--gray50);
517
+
518
+ /* NumericInput */
519
+ --uui-numeric-input-bg: var(--uui-control-bg);
520
+ --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);
521
+ --uui-numeric-input-border: var(--uui-control-border);
522
+ --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);
523
+ --uui-numeric-input-border-hover: var(--uui-control-textinput-border-hover);
524
+ --uui-numeric-input-border-active: var(--uui-control-border-checked);
525
+ --uui-numeric-input-border-error: var(--uui-negative);
526
+ --uui-numeric-input-placeholder: var(--uui-control-placeholder);
527
+ --uui-numeric-input-text: var(--uui-control-text);
528
+ --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);
529
+ --uui-numeric-input-icon-clickable: var(--uui-icon);
530
+ --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);
531
+ --uui-numeric-input-border-radius: var(--uui-border-radius);
532
+
533
+ /* TimePicker */
534
+ --uui-time-picker-bg: var(--uui-control-bg);
535
+ --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);
536
+ --uui-time-picker-border: var(--uui-control-border);
537
+ --uui-time-picker-border-disabled: var(--uui-control-border-disabled);
538
+ --uui-time-picker-border-hover: var(--uui-control-textinput-border-hover);
539
+ --uui-time-picker-border-active: var(--uui-control-border-checked);
540
+ --uui-time-picker-border-error: var(--uui-negative);
541
+ --uui-time-picker-placeholder: var(--uui-control-placeholder);
542
+ --uui-time-picker-text: var(--uui-control-text);
543
+ --uui-time-picker-text-disabled: var(--uui-control-text-disabled);
544
+ --uui-time-picker-icon-clickable: var(--uui-icon);
545
+ --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);
546
+ --uui-time-picker-border-radius: var(--uui-border-radius);
547
+
548
+ /* SearchPicker */
549
+ --uui-search-input-bg: var(--uui-control-bg);
550
+ --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);
551
+ --uui-search-input-border: var(--uui-control-border);
552
+ --uui-search-input-border-disabled: var(--uui-control-border-disabled);
553
+ --uui-search-input-border-hover: var(--uui-control-textinput-border-hover);
554
+ --uui-search-input-border-active: var(--uui-control-border-checked);
555
+ --uui-search-input-border-error: var(--uui-negative);
556
+ --uui-search-input-placeholder: var(--uui-control-placeholder);
557
+ --uui-search-input-text: var(--uui-control-text);
558
+ --uui-search-input-text-disabled: var(--uui-control-text-disabled);
559
+ --uui-search-input-icon-clickable: var(--uui-icon);
560
+ --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);
561
+ --uui-search-input-icon-disabled: var(--uui-icon-disabled);
562
+ --uui-search-input-border-radius: var(--uui-border-radius);
563
+
564
+ /* Popover */
565
+ --uui-popover-shadow: 0 5px 18px 0 rgba(29, 30, 38, 0.1), 0 3px 12px 0 rgba(29, 30, 38, 0.1);
566
+
567
+ /* Footer */
568
+ --uui-footer-bg: var(--gray80);
569
+
570
+ /* NotificationCard */
571
+ --uui-notification-card-border-radius: var(--uui-border-radius);
572
+ --uui-notification-card-border-width: 1px;
573
+ --uui-notification-card-border-top-width: 6px;
574
+ --uui-notification-card-shadow: unset;
575
+
576
+ /* Alert */
577
+ --uui-alert-border-radius: var(--uui-border-radius);
578
+
579
+ /* FilterPanelItemToggler vars */
580
+ --uui-filters-toggler-border: var(--uui-text-input-border);
581
+ --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);
582
+ --uui-filters-toggler-border-radius: var(--uui-border-radius);
583
+ --uui-filters-toggler-bg: var(--white);
584
+ --uui-filters-toggler-bg-hover: var(--gray10);
585
+ --uui-filters-toggler-text: var(--uui-text-brand);
586
+ --uui-filters-toggler-label: var(--uui-text-secondary);
587
+ --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);
588
+
589
+ /* Spinner */
590
+ --uui-spinner: var(--uui-primary);
591
+
592
+ /* Blocker */
593
+ --uui-blocker-bg: var(--uui-background);
594
+ --uui-blocker-bg-with-opacity: #F5F6FA80;
595
+
596
+ /* modification of the states of table components */
597
+
598
+ :global(.uui-dt-cell-border) {
599
+ --uui-dt-cell-border: var(--gray30);
600
+ }
601
+
602
+ :global(.uui-dt-row-border) {
603
+ --uui-dt-row-border: var(--gray30);
604
+ }
605
+
606
+ :global(.uui-table-header-row) {
607
+ --uui-dt-row-bg: var(--gray5);
608
+ --uui-dt-row-bg-hover: var(--gray20);
609
+ --uui-dt-row-border: var(--gray30);
610
+ }
611
+
612
+ /* ------------------------------------ */
613
+
614
+ :global(.tooltip-contrast) {
615
+ --uui-tooltip-bg: var(--uui-surface-inverted);
616
+ --uui-tooltip-text: var(--uui-contrast);
617
+ }
618
+
619
+ :global(.tooltip-default) {
620
+ --uui-tooltip-bg: var(--uui-surface);
621
+ --uui-tooltip-text: var(--uui-text-primary);
622
+ }
623
+
624
+ :global(.tooltip-critical) {
625
+ --uui-tooltip-bg: var(--uui-error-dark);
626
+ --uui-tooltip-text: var(--uui-contrast);
627
+ }
628
+
629
+ :global(.badge-cyan) {
630
+ --uui-badge-bg: var(--cyan-30);
631
+ --uui-badge-bg-hover: var(--cyan-40);
632
+ --uui-badge-caption-solid: var(--white);
633
+ --uui-badge-caption-halftone: var(--cyan-50);
634
+ --uui-badge-count-bg: var(--white);
635
+ --uui-badge-count: var(--uui-text-secondary);
636
+ --uui-badge-bg-halftone: var(--cyan-10);
637
+ --uui-badge-bg-halftone-hover: var(--cyan-20);
638
+ --uui-badge-border-halftone: var(--cyan-20);
639
+ --uui-badge-border-halftone-hover: var(--cyan-30);
640
+ }
641
+
642
+ :global(.badge-violet) {
643
+ --uui-badge-bg: var(--violet-30);
644
+ --uui-badge-bg-hover: var(--violet-40);
645
+ --uui-badge-caption-solid: var(--white);
646
+ --uui-badge-caption-halftone: var(--violet-50);
647
+ --uui-badge-count-bg: var(--white);
648
+ --uui-badge-count: var(--uui-text-secondary);
649
+ --uui-badge-bg-halftone: var(--violet-10);
650
+ --uui-badge-bg-halftone-hover: var(--violet-20);
651
+ --uui-badge-border-halftone: var(--violet-20);
652
+ --uui-badge-border-halftone-hover: var(--violet-30);
653
+ }
654
+
655
+ :global(.badge-orange) {
656
+ --uui-badge-bg: var(--orange-30);
657
+ --uui-badge-bg-hover: var(--orange-40);
658
+ --uui-badge-caption-solid: var(--white);
659
+ --uui-badge-caption-halftone: var(--orange-50);
660
+ --uui-badge-count-bg: var(--white);
661
+ --uui-badge-count: var(--uui-text-secondary);
662
+ --uui-badge-bg-halftone: var(--orange-10);
663
+ --uui-badge-bg-halftone-hover: var(--orange-20);
664
+ --uui-badge-border-halftone: var(--orange-20);
665
+ --uui-badge-border-halftone-hover: var(--orange-30);
666
+ }
667
+
668
+ :global(.badge-purple) {
669
+ --uui-badge-bg: var(--purple-30);
670
+ --uui-badge-bg-hover: var(--purple-40);
671
+ --uui-badge-caption-solid: var(--white);
672
+ --uui-badge-caption-halftone: var(--purple-50);
673
+ --uui-badge-count-bg: var(--white);
674
+ --uui-badge-count: var(--uui-text-secondary);
675
+ --uui-badge-bg-halftone: var(--purple-10);
676
+ --uui-badge-bg-halftone-hover: var(--purple-20);
677
+ --uui-badge-border-halftone: var(--purple-20);
678
+ --uui-badge-border-halftone-hover: var(--purple-30);
679
+ }
680
+
681
+ :global(.badge-default), :global(.badge-gray30) {
682
+ --uui-badge-bg: var(--gray30);
683
+ --uui-badge-bg-hover: var(--gray40);
684
+ --uui-badge-caption-solid: var(--uui-text-primary);
685
+ --uui-badge-caption-halftone: var(--uui-text-primary);
686
+ --uui-badge-count-bg: var(--white);
687
+ --uui-badge-count: var(--uui-text-secondary);
688
+ --uui-badge-bg-halftone: var(--gray20);
689
+ --uui-badge-bg-halftone-hover: var(--gray30);
690
+ --uui-badge-border-halftone: var(--gray40);
691
+ --uui-badge-border-halftone-hover: var(--gray50);
692
+ }
693
+
694
+ :global(.badge-info), :global(.badge-blue) {
695
+ --uui-badge-bg: var(--uui-info);
696
+ --uui-badge-bg-hover: var(--uui-info-dark);
697
+ --uui-badge-caption-solid: var(--uui-contrast);
698
+ --uui-badge-caption-halftone: var(--uui-info-darkest);
699
+ --uui-badge-count-bg: var(--white);
700
+ --uui-badge-count: var(--uui-text-secondary);
701
+ --uui-badge-bg-halftone: var(--uui-info-lightest);
702
+ --uui-badge-bg-halftone-hover: var(--uui-info-light);
703
+ --uui-badge-border-halftone: var(--uui-info-light);
704
+ --uui-badge-border-halftone-hover: var(--uui-info);
705
+ }
706
+
707
+ :global(.badge-success), :global(.badge-green) {
708
+ --uui-badge-bg: var(--uui-success);
709
+ --uui-badge-bg-hover: var(--uui-success-dark);
710
+ --uui-badge-caption-solid: var(--uui-contrast);
711
+ --uui-badge-caption-halftone: var(--uui-success-darkest);
712
+ --uui-badge-count-bg: var(--white);
713
+ --uui-badge-count: var(--uui-text-secondary);
714
+ --uui-badge-bg-halftone: var(--uui-success-lightest);
715
+ --uui-badge-bg-halftone-hover: var(--uui-success-light);
716
+ --uui-badge-border-halftone: var(--uui-success-light);
717
+ --uui-badge-border-halftone-hover: var(--uui-success);
718
+ }
719
+
720
+ :global(.badge-warning), :global(.badge-amber) {
721
+ --uui-badge-bg: var(--uui-warning);
722
+ --uui-badge-bg-hover: var(--uui-warning-dark);
723
+ --uui-badge-caption-solid: var(--uui-text-primary);
724
+ --uui-badge-caption-halftone: var(--uui-warning-darkest);
725
+ --uui-badge-count-bg: var(--white);
726
+ --uui-badge-count: var(--uui-text-secondary);
727
+ --uui-badge-bg-halftone: var(--uui-warning-lightest);
728
+ --uui-badge-bg-halftone-hover: var(--uui-warning-light);
729
+ --uui-badge-border-halftone: var(--uui-warning-light);
730
+ --uui-badge-border-halftone-hover: var(--uui-warning);
731
+ }
732
+
733
+ :global(.badge-error), :global(.badge-red) {
734
+ --uui-badge-bg: var(--uui-error);
735
+ --uui-badge-bg-hover: var(--uui-error-dark);
736
+ --uui-badge-caption-solid: var(--uui-contrast);
737
+ --uui-badge-caption-halftone: var(--uui-error-darkest);
738
+ --uui-badge-count-bg: var(--white);
739
+ --uui-badge-count: var(--uui-text-secondary);
740
+ --uui-badge-bg-halftone: var(--uui-error-lightest);
741
+ --uui-badge-bg-halftone-hover: var(--uui-error-light);
742
+ --uui-badge-border-halftone: var(--uui-error-light);
743
+ --uui-badge-border-halftone-hover: var(--uui-error);
744
+ }
745
+
746
+ :global(.button-blue), :global(.button-primary) {
747
+ --uui-btn-bg: var(--uui-primary);
748
+ --uui-btn-bg-hover: var(--uui-primary-dark);
749
+ --uui-btn-bg-active: var(--uui-primary-darkest);
750
+ --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
751
+ --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);
752
+ --uui-btn-bg-halftone-active: var(--uui-primary-light);
753
+ --uui-btn-border: var(--uui-primary);
754
+ --uui-btn-border-hover: var(--uui-primary-dark);
755
+ --uui-btn-border-active: var(--uui-primary-darkest);
756
+ --uui-btn-bg-disabled: var(--uui-disabled);
757
+ --uui-btn-border-disabled: var(--uui-disabled);
758
+ --uui-btn-caption: var(--uui-contrast);
759
+ --uui-btn-caption-halftone: var(--uui-primary);
760
+ --uui-btn-caption-disabled: var(--uui-button-caption-disabled);
761
+ }
762
+
763
+ :global(.button-green), :global(.button-accent) {
764
+ --uui-btn-bg: var(--uui-accent);
765
+ --uui-btn-bg-hover: var(--uui-accent-dark);
766
+ --uui-btn-bg-active: var(--uui-accent-darkest);
767
+ --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
768
+ --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);
769
+ --uui-btn-bg-halftone-active: var(--uui-accent-light);
770
+ --uui-btn-border: var(--uui-accent);
771
+ --uui-btn-border-hover: var(--uui-accent-dark);
772
+ --uui-btn-border-active: var(--uui-accent-darkest);
773
+ --uui-btn-bg-disabled: var(--uui-disabled);
774
+ --uui-btn-border-disabled: var(--uui-disabled);
775
+ --uui-btn-caption: var(--uui-contrast);
776
+ --uui-btn-caption-halftone: var(--uui-accent);
777
+ --uui-btn-caption-disabled: var(--uui-button-caption-disabled);
778
+ }
779
+
780
+ :global(.button-red), :global(.button-negative) {
781
+ --uui-btn-bg: var(--uui-negative);
782
+ --uui-btn-bg-hover: var(--uui-negative-dark);
783
+ --uui-btn-bg-active: var(--uui-negative-darkest);
784
+ --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
785
+ --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);
786
+ --uui-btn-bg-halftone-active: var(--uui-negative-light);
787
+ --uui-btn-border: var(--uui-negative);
788
+ --uui-btn-border-hover: var(--uui-negative-dark);
789
+ --uui-btn-border-active: var(--uui-negative-darkest);
790
+ --uui-btn-bg-disabled: var(--uui-disabled);
791
+ --uui-btn-border-disabled: var(--uui-disabled);
792
+ --uui-btn-caption: var(--uui-contrast);
793
+ --uui-btn-caption-halftone: var(--uui-negative);
794
+ --uui-btn-caption-disabled: var(--uui-button-caption-disabled);
795
+ }
796
+
797
+ :global(.button-gray50), :global(.button-secondary) {
798
+ --uui-btn-bg: var(--uui-secondary);
799
+ --uui-btn-bg-hover: var(--uui-secondary-dark);
800
+ --uui-btn-bg-active: var(--uui-secondary-darkest);
801
+ --uui-btn-bg-halftone: var(--uui-button-bg-halftone);
802
+ --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);
803
+ --uui-btn-bg-halftone-active: var(--uui-secondary-light);
804
+ --uui-btn-border: var(--uui-secondary);
805
+ --uui-btn-border-hover: var(--uui-secondary-dark);
806
+ --uui-btn-border-active: var(--uui-secondary-darkest);
807
+ --uui-btn-bg-disabled: var(--uui-disabled);
808
+ --uui-btn-border-disabled: var(--uui-disabled);
809
+ --uui-btn-caption: var(--uui-contrast);
810
+ --uui-btn-caption-halftone: var(--uui-secondary-dark);
811
+ --uui-btn-caption-disabled: var(--uui-button-caption-disabled);
812
+ }
813
+
814
+ :global(.icon-button-blue),
815
+ :global(.icon-button-info) {
816
+ --uui-icon-btn: var(--uui-info);
817
+ --uui-icon-btn-hover: var(--uui-info-dark);
818
+ --uui-icon-btn-active: var(--uui-info-darkest);
819
+ --uui-icon-btn-disabled: var(--uui-icon-disabled);
820
+ }
821
+
822
+ :global(.icon-button-green),
823
+ :global(.icon-button-success) {
824
+ --uui-icon-btn: var(--uui-success);
825
+ --uui-icon-btn-hover: var(--uui-success-dark);
826
+ --uui-icon-btn-active: var(--uui-success-darkest);
827
+ --uui-icon-btn-disabled: var(--uui-icon-disabled);
828
+ }
829
+
830
+ :global(.icon-button-amber),
831
+ :global(.icon-button-warning) {
832
+ --uui-icon-btn: var(--uui-warning);
833
+ --uui-icon-btn-hover: var(--uui-warning-dark);
834
+ --uui-icon-btn-active: var(--uui-warning-darkest);
835
+ --uui-icon-btn-disabled: var(--uui-icon-disabled);
836
+ }
837
+
838
+ :global(.icon-button-red),
839
+ :global(.icon-button-error) {
840
+ --uui-icon-btn: var(--uui-error);
841
+ --uui-icon-btn-hover: var(--uui-error-dark);
842
+ --uui-icon-btn-active: var(--uui-error-darkest);
843
+ --uui-icon-btn-disabled: var(--uui-icon-disabled);
844
+ }
845
+
846
+ :global(.icon-button-gray30) {
847
+ --uui-icon-btn: var(--uui-secondary-light);
848
+ --uui-icon-btn-hover: var(--uui-button-bg-halftone);
849
+ --uui-icon-btn-active: var(--uui-text-contrast);
850
+ --uui-icon-btn-disabled: var(--uui-icon-disabled);;
851
+ }
852
+
853
+ :global(.icon-button-gray50),
854
+ :global(.icon-button-secondary) {
855
+ --uui-icon-btn: var(--uui-secondary);
856
+ --uui-icon-btn-hover: var(--uui-secondary-dark);
857
+ --uui-icon-btn-active: var(--uui-secondary-darkest);
858
+ --uui-icon-btn-disabled: var(--uui-icon-disabled);
859
+ }
860
+
861
+ :global(.icon-button-gray60),
862
+ :global(.icon-button-default) {
863
+ --uui-icon-btn: var(--uui-icon);
864
+ --uui-icon-btn-hover: var(--uui-icon-hover);
865
+ --uui-icon-btn-active: var(--uui-icon-active);
866
+ --uui-icon-btn-disabled: var(--uui-icon-disabled);
867
+ }
868
+
869
+ :global(.notification-card-amber),
870
+ :global(.notification-card-warning) {
871
+ --uui-notification-card-fill: var(--uui-warning);
872
+ --uui-notification-card-border: var(--uui-warning);
873
+ --uui-notification-card-bg: var(--uui-surface);
874
+ --uui-notification-card-text: var(--uui-text-primary);
875
+ }
876
+
877
+ :global(.notification-card-success) ,
878
+ :global(.notification-card-green) {
879
+ --uui-notification-card-fill: var(--uui-success);
880
+ --uui-notification-card-border: var(--uui-success);
881
+ --uui-notification-card-bg: var(--uui-surface);
882
+ --uui-notification-card-text: var(--uui-text-primary);
883
+ }
884
+
885
+ :global(.notification-card-info),
886
+ :global(.notification-card-blue) {
887
+ --uui-notification-card-fill: var(--uui-info);
888
+ --uui-notification-card-border: var(--uui-info);
889
+ --uui-notification-card-bg: var(--uui-surface);
890
+ --uui-notification-card-text: var(--uui-text-primary);
891
+ }
892
+
893
+ :global(.notification-card-error),
894
+ :global(.notification-card-red) {
895
+ --uui-notification-card-fill: var(--uui-error);
896
+ --uui-notification-card-border: var(--uui-error);
897
+ --uui-notification-card-bg: var(--uui-surface);
898
+ --uui-notification-card-text: var(--uui-text-primary);
899
+ }
900
+
901
+ :global(.notification-card-gray60) {
902
+ --uui-notification-card-fill: var(--uui-secondary-dark);
903
+ --uui-notification-card-border: var(--uui-secondary-dark);
904
+ --uui-notification-card-bg: var(--uui-surface);
905
+ --uui-notification-card-text: var(--uui-text-primary);
906
+ }
907
+
908
+ :global(.alert-error),
909
+ :global(.alert-red) {
910
+ --uui-alert-text: var(--uui-text-primary);
911
+ --uui-alert-bg: var(--uui-error-lightest);
912
+ --uui-alert-border: var(--uui-negative);
913
+ --uui-alert-icon: var(--uui-negative);
914
+ }
915
+
916
+ :global(.alert-warning),
917
+ :global(.alert-amber) {
918
+ --uui-alert-text: var(--uui-text-primary);
919
+ --uui-alert-bg: var(--uui-warning-lightest);
920
+ --uui-alert-border: var(--amber);
921
+ --uui-alert-icon: var(--amber);
922
+ }
923
+
924
+ :global(.alert-success),
925
+ :global(.alert-green) {
926
+ --uui-alert-text: var(--uui-text-primary);
927
+ --uui-alert-bg: var(--uui-success-lightest);
928
+ --uui-alert-border: var(--uui-accent);
929
+ --uui-alert-icon: var(--uui-accent);
930
+ }
931
+
932
+ :global(.alert-info),
933
+ :global(.alert-blue) {
934
+ --uui-alert-text: var(--uui-text-primary);
935
+ --uui-alert-bg: var(--uui-info-lightest);
936
+ --uui-alert-border: var(--uui-primary);
937
+ --uui-alert-icon: var(--uui-primary);
938
+ }
939
+
940
+ :global(.informer-color-default) {
941
+ --uui-informer-bg: var(--gray30);
942
+ --uui-informer-caption: var(--gray60);
943
+ }
944
+
945
+ :global(.informer-color-focus) {
946
+ --uui-informer-bg: var(--red);
947
+ --uui-informer-caption: var(--uui-contrast);
948
+ }
949
+
950
+ :global(.informer-color-white) {
951
+ --uui-informer-bg: var(--uui-surface);
952
+ --uui-informer-caption: var(--uui-text-secondary);
953
+ }
954
+
955
+ :global(.informer-vars) {
956
+ --uui-informer-border-radius: 50px;
957
+ }
958
+
959
+ :global(.icon-container-color-info),
960
+ :global(.icon-container-color-blue) {
961
+ --uui-icon-container-fill: var(--uui-info);
962
+ }
963
+
964
+ :global(.icon-container-color-success),
965
+ :global(.icon-container-color-green) {
966
+ --uui-icon-container-fill: var(--uui-success);
967
+ }
968
+
969
+ :global(.icon-container-color-warning),
970
+ :global(.icon-container-color-amber) {
971
+ --uui-icon-container-fill: var(--uui-warning);
972
+ }
973
+
974
+ :global(.icon-container-color-error),
975
+ :global(.icon-container-color-red) {
976
+ --uui-icon-container-fill: var(--uui-error);
977
+ }
978
+
979
+ :global(.icon-container-color-default),
980
+ :global(.icon-container-color-gray60) {
981
+ --uui-icon-container-fill: var(--uui-icon);
982
+ }
983
+
984
+ :global(.icon-container-color-secondary),
985
+ :global(.icon-container-color-gray50) {
986
+ --uui-icon-container-fill: var(--uui-secondary);
987
+ }
988
+
989
+ :global(.icon-container-color-gray30) {
990
+ --uui-icon-container-fill: var(--uui-secondary-light);
991
+ }
992
+
993
+ :global(.uui-text-brand),
994
+ :global(.uui-text-gray90 ) {
995
+ --uui-text: var(--uui-text-brand);
996
+ }
997
+
998
+ :global(.uui-text-primary),
999
+ :global(.uui-text-gray80 ) {
1000
+ --uui-text: var(--uui-text-primary);
1001
+ }
1002
+
1003
+ :global(.uui-text-secondary),
1004
+ :global(.uui-text-gray60 ) {
1005
+ --uui-text: var(--uui-text-secondary);
1006
+ }
1007
+
1008
+ :global(.uui-text-disabled),
1009
+ :global(.uui-text-gray50 ) {
1010
+ --uui-text: var(--uui-text-disabled);
1011
+ }
1012
+
1013
+ :global(.uui-text-contrast),
1014
+ :global(.uui-text-gray5 ) {
1015
+ --uui-text: var(--uui-text-contrast);
1016
+ }
1017
+
1018
+ :global(.uui-font-regular),
1019
+ :global(.uui-font-sans) {
1020
+ --uui-font: var(--font-regular);
1021
+ }
1022
+
1023
+ :global(.uui-font-semibold),
1024
+ :global(.uui-font-sans-semibold) {
1025
+ --uui-font: var(--font-semibold);
1026
+ }
1027
+
1028
+ :global(.uui-font-italic),
1029
+ :global(.uui-font-sans-italic) {
1030
+ --uui-font: var(--font-italic);
1031
+ }
1032
+
1033
+ :global(.uui-font-primary),
1034
+ :global(.uui-font-museo-sans) {
1035
+ --uui-font: var(--font-primary);
1036
+ }
1037
+
1038
+ :global(.uui-font-promo),
1039
+ :global(.uui-font-museo-slab) {
1040
+ --uui-font: var(--font-promo);
1041
+ }
1042
+
1043
+ :global(.dropdown-container-white) {
1044
+ --uui-dropdown-container-bg: var(--white);
1045
+ }
1046
+
1047
+ :global(.dropdown-container-gray70) {
1048
+ --uui-dropdown-container-bg: var(--gray70);
1049
+ }
1050
+
1051
+ :global(.panel-white) {
1052
+ --uui-panel-bg: var(--uui-surface);
1053
+ }
1054
+
1055
+ :global(.panel-gray90) {
1056
+ --uui-panel-bg: var(--uui-surface-inverted);
1057
+ }
1058
1058
  }