@cuby-ui/core 0.0.193 → 0.0.194

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 (348) hide show
  1. package/README.md +24 -24
  2. package/animations/animations.d.ts +36 -36
  3. package/animations/index.d.ts +1 -1
  4. package/classes/accessors.d.ts +17 -17
  5. package/classes/driver.d.ts +16 -16
  6. package/classes/index.d.ts +3 -3
  7. package/classes/vehicle.d.ts +6 -6
  8. package/components/accordion/accordion-item/accordion-item.component.d.ts +11 -11
  9. package/components/accordion/accordion.component.d.ts +5 -5
  10. package/components/accordion/accordion.module.d.ts +11 -11
  11. package/components/accordion/index.d.ts +3 -3
  12. package/components/alert/alert.component.d.ts +13 -13
  13. package/components/alert/alert.interfaces.d.ts +9 -9
  14. package/components/alert/alert.module.d.ts +11 -11
  15. package/components/alert/alert.service.d.ts +7 -7
  16. package/components/alert/alert.tokens.d.ts +16 -16
  17. package/components/alert/alert.types.d.ts +3 -3
  18. package/components/alert/alerts.component.d.ts +17 -17
  19. package/components/alert/index.d.ts +8 -8
  20. package/components/badge/badge.component.d.ts +10 -10
  21. package/components/badge/badge.module.d.ts +8 -8
  22. package/components/badge/badge.options.d.ts +8 -8
  23. package/components/badge/index.d.ts +2 -2
  24. package/components/banner/banner.component.d.ts +21 -21
  25. package/components/banner/banner.module.d.ts +11 -11
  26. package/components/banner/banner.options.d.ts +13 -13
  27. package/components/banner/index.d.ts +3 -3
  28. package/components/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +6 -6
  29. package/components/breadcrumbs/breadcrumbs.component.d.ts +7 -7
  30. package/components/breadcrumbs/breadcrumbs.module.d.ts +10 -10
  31. package/components/breadcrumbs/index.d.ts +3 -3
  32. package/components/button/button.component.d.ts +38 -38
  33. package/components/button/button.module.d.ts +9 -9
  34. package/components/button/button.options.d.ts +9 -9
  35. package/components/button/index.d.ts +3 -3
  36. package/components/button-group/button-group.component.d.ts +5 -5
  37. package/components/button-group/button-group.module.d.ts +7 -7
  38. package/components/button-group/index.d.ts +2 -2
  39. package/components/checkbox/checkbox.component.d.ts +5 -5
  40. package/components/checkbox/checkbox.module.d.ts +7 -7
  41. package/components/checkbox/index.d.ts +2 -2
  42. package/components/context-menu/context-menu.component.d.ts +39 -39
  43. package/components/context-menu/context-menu.module.d.ts +9 -9
  44. package/components/context-menu/index.d.ts +2 -2
  45. package/components/dialog/dialog-actions/dialog-actions.component.d.ts +5 -5
  46. package/components/dialog/dialog-header/dialog-header.component.d.ts +13 -13
  47. package/components/dialog/dialog.component.d.ts +33 -33
  48. package/components/dialog/dialog.interfaces.d.ts +11 -11
  49. package/components/dialog/dialog.module.d.ts +14 -14
  50. package/components/dialog/dialog.service.d.ts +7 -7
  51. package/components/dialog/dialog.tokens.d.ts +8 -8
  52. package/components/dialog/dialogs.component.d.ts +18 -18
  53. package/components/dialog/index.d.ts +8 -8
  54. package/components/form-field/form-field.component.d.ts +5 -5
  55. package/components/form-field/form-field.module.d.ts +7 -7
  56. package/components/form-field/index.d.ts +2 -2
  57. package/components/hint/hint.component.d.ts +7 -7
  58. package/components/hint/hint.module.d.ts +7 -7
  59. package/components/hint/index.d.ts +2 -2
  60. package/components/icon-button/icon-button.component.d.ts +13 -13
  61. package/components/icon-button/icon-button.module.d.ts +9 -9
  62. package/components/icon-button/index.d.ts +2 -2
  63. package/components/index.d.ts +26 -26
  64. package/components/input-number/index.d.ts +2 -2
  65. package/components/input-number/input-number.component.d.ts +38 -38
  66. package/components/input-number/input-number.module.d.ts +12 -12
  67. package/components/input-password/index.d.ts +2 -2
  68. package/components/input-password/input-password.component.d.ts +31 -31
  69. package/components/input-password/input-password.module.d.ts +11 -11
  70. package/components/input-text/index.d.ts +2 -2
  71. package/components/input-text/input-text.component.d.ts +31 -31
  72. package/components/input-text/input-text.module.d.ts +11 -11
  73. package/components/input-time/index.d.ts +3 -3
  74. package/components/input-time/input-time.component.d.ts +36 -36
  75. package/components/input-time/input-time.module.d.ts +12 -12
  76. package/components/input-time/input-time.options.d.ts +7 -7
  77. package/components/label/index.d.ts +2 -2
  78. package/components/label/label.component.d.ts +6 -6
  79. package/components/label/label.module.d.ts +8 -8
  80. package/components/notification/index.d.ts +3 -3
  81. package/components/notification/notification.component.d.ts +18 -18
  82. package/components/notification/notification.module.d.ts +9 -9
  83. package/components/notification/notification.options.d.ts +17 -17
  84. package/components/radio/index.d.ts +2 -2
  85. package/components/radio/radio.component.d.ts +5 -5
  86. package/components/radio/radio.module.d.ts +7 -7
  87. package/components/root/index.d.ts +3 -3
  88. package/components/root/root.component.d.ts +11 -11
  89. package/components/root/root.module.d.ts +11 -11
  90. package/components/root/root.options.d.ts +1 -1
  91. package/components/select/index.d.ts +2 -2
  92. package/components/select/select.component.d.ts +53 -53
  93. package/components/select/select.module.d.ts +11 -11
  94. package/components/svg/index.d.ts +2 -2
  95. package/components/svg/svg.component.d.ts +16 -16
  96. package/components/svg/svg.module.d.ts +8 -8
  97. package/components/tabs/index.d.ts +3 -3
  98. package/components/tabs/tab/index.d.ts +1 -1
  99. package/components/tabs/tab/tab.component.d.ts +8 -8
  100. package/components/tabs/tabs.component.d.ts +16 -16
  101. package/components/tabs/tabs.module.d.ts +8 -8
  102. package/components/textarea/index.d.ts +2 -2
  103. package/components/textarea/textarea.component.d.ts +10 -10
  104. package/components/textarea/textarea.module.d.ts +7 -7
  105. package/components/toggle/index.d.ts +2 -2
  106. package/components/toggle/toggle.component.d.ts +5 -5
  107. package/components/toggle/toggle.module.d.ts +7 -7
  108. package/directives/index.d.ts +2 -2
  109. package/directives/text-field-controller/index.d.ts +8 -8
  110. package/directives/text-field-controller/text-field-controller.module.d.ts +11 -11
  111. package/directives/text-field-controller/text-field-controller.provider.d.ts +4 -4
  112. package/directives/text-field-controller/text-field-icon-left.directive.d.ts +9 -9
  113. package/directives/text-field-controller/text-field-id.directive.d.ts +8 -8
  114. package/directives/text-field-controller/text-field-is-error.directive.d.ts +8 -8
  115. package/directives/text-field-controller/text-field-placeholder.directive.d.ts +8 -8
  116. package/directives/text-field-controller/text-field-size.directive.d.ts +9 -9
  117. package/directives/text-field-controller/text-field.controller.d.ts +20 -20
  118. package/directives/tooltip/index.d.ts +16 -16
  119. package/directives/tooltip/tooltip-describe.directive.d.ts +16 -16
  120. package/directives/tooltip/tooltip-driver.directive.d.ts +7 -7
  121. package/directives/tooltip/tooltip-host.directive.d.ts +9 -9
  122. package/directives/tooltip/tooltip-hover.directive.d.ts +21 -21
  123. package/directives/tooltip/tooltip-manual.directive.d.ts +13 -13
  124. package/directives/tooltip/tooltip-options.directive.d.ts +36 -36
  125. package/directives/tooltip/tooltip-overflow.directive.d.ts +8 -8
  126. package/directives/tooltip/tooltip-pointer.directive.d.ts +10 -10
  127. package/directives/tooltip/tooltip-position.directive.d.ts +20 -20
  128. package/directives/tooltip/tooltip-unstyled.component.d.ts +17 -17
  129. package/directives/tooltip/tooltip.component.d.ts +33 -33
  130. package/directives/tooltip/tooltip.d.ts +13 -13
  131. package/directives/tooltip/tooltip.directive.d.ts +26 -26
  132. package/directives/tooltip/tooltip.providers.d.ts +5 -5
  133. package/directives/tooltip/tooltip.service.d.ts +13 -13
  134. package/directives/tooltip/tooltips.component.d.ts +12 -12
  135. package/esm2022/animations/animations.mjs +272 -272
  136. package/esm2022/animations/index.mjs +1 -1
  137. package/esm2022/classes/accessors.mjs +31 -31
  138. package/esm2022/classes/driver.mjs +35 -35
  139. package/esm2022/classes/index.mjs +4 -4
  140. package/esm2022/classes/vehicle.mjs +7 -7
  141. package/esm2022/components/accordion/accordion-item/accordion-item.component.mjs +28 -28
  142. package/esm2022/components/accordion/accordion.component.mjs +11 -11
  143. package/esm2022/components/accordion/accordion.module.mjs +37 -37
  144. package/esm2022/components/accordion/index.mjs +4 -4
  145. package/esm2022/components/alert/alert.component.mjs +36 -36
  146. package/esm2022/components/alert/alert.interfaces.mjs +2 -2
  147. package/esm2022/components/alert/alert.module.mjs +40 -40
  148. package/esm2022/components/alert/alert.service.mjs +17 -17
  149. package/esm2022/components/alert/alert.tokens.mjs +20 -20
  150. package/esm2022/components/alert/alert.types.mjs +2 -2
  151. package/esm2022/components/alert/alerts.component.mjs +36 -36
  152. package/esm2022/components/alert/index.mjs +9 -9
  153. package/esm2022/components/badge/badge.component.mjs +31 -31
  154. package/esm2022/components/badge/badge.module.mjs +18 -18
  155. package/esm2022/components/badge/badge.options.mjs +8 -8
  156. package/esm2022/components/badge/index.mjs +3 -3
  157. package/esm2022/components/banner/banner.component.mjs +68 -68
  158. package/esm2022/components/banner/banner.module.mjs +31 -31
  159. package/esm2022/components/banner/banner.options.mjs +6 -6
  160. package/esm2022/components/banner/index.mjs +4 -4
  161. package/esm2022/components/breadcrumbs/breadcrumb/breadcrumb.component.mjs +16 -16
  162. package/esm2022/components/breadcrumbs/breadcrumbs.component.mjs +17 -17
  163. package/esm2022/components/breadcrumbs/breadcrumbs.module.mjs +33 -33
  164. package/esm2022/components/breadcrumbs/index.mjs +4 -4
  165. package/esm2022/components/button/button.component.mjs +138 -138
  166. package/esm2022/components/button/button.module.mjs +24 -24
  167. package/esm2022/components/button/button.options.mjs +10 -10
  168. package/esm2022/components/button/index.mjs +4 -4
  169. package/esm2022/components/button-group/button-group.component.mjs +11 -11
  170. package/esm2022/components/button-group/button-group.module.mjs +16 -16
  171. package/esm2022/components/button-group/index.mjs +3 -3
  172. package/esm2022/components/checkbox/checkbox.component.mjs +11 -11
  173. package/esm2022/components/checkbox/checkbox.module.mjs +16 -16
  174. package/esm2022/components/checkbox/index.mjs +3 -3
  175. package/esm2022/components/context-menu/context-menu.component.mjs +148 -146
  176. package/esm2022/components/context-menu/context-menu.module.mjs +24 -24
  177. package/esm2022/components/context-menu/index.mjs +3 -3
  178. package/esm2022/components/dialog/dialog-actions/dialog-actions.component.mjs +11 -11
  179. package/esm2022/components/dialog/dialog-header/dialog-header.component.mjs +28 -28
  180. package/esm2022/components/dialog/dialog.component.mjs +67 -67
  181. package/esm2022/components/dialog/dialog.interfaces.mjs +2 -2
  182. package/esm2022/components/dialog/dialog.module.mjs +49 -49
  183. package/esm2022/components/dialog/dialog.service.mjs +17 -17
  184. package/esm2022/components/dialog/dialog.tokens.mjs +12 -12
  185. package/esm2022/components/dialog/dialogs.component.mjs +51 -51
  186. package/esm2022/components/dialog/index.mjs +9 -9
  187. package/esm2022/components/form-field/form-field.component.mjs +11 -11
  188. package/esm2022/components/form-field/form-field.module.mjs +16 -16
  189. package/esm2022/components/form-field/index.mjs +3 -3
  190. package/esm2022/components/hint/hint.component.mjs +19 -19
  191. package/esm2022/components/hint/hint.module.mjs +16 -16
  192. package/esm2022/components/hint/index.mjs +3 -3
  193. package/esm2022/components/icon-button/icon-button.component.mjs +32 -32
  194. package/esm2022/components/icon-button/icon-button.module.mjs +24 -24
  195. package/esm2022/components/icon-button/index.mjs +3 -3
  196. package/esm2022/components/index.mjs +27 -27
  197. package/esm2022/components/input-number/index.mjs +3 -3
  198. package/esm2022/components/input-number/input-number.component.mjs +113 -113
  199. package/esm2022/components/input-number/input-number.module.mjs +36 -36
  200. package/esm2022/components/input-password/index.mjs +3 -3
  201. package/esm2022/components/input-password/input-password.component.mjs +89 -89
  202. package/esm2022/components/input-password/input-password.module.mjs +33 -33
  203. package/esm2022/components/input-text/index.mjs +3 -3
  204. package/esm2022/components/input-text/input-text.component.mjs +87 -87
  205. package/esm2022/components/input-text/input-text.module.mjs +33 -33
  206. package/esm2022/components/input-time/index.mjs +4 -4
  207. package/esm2022/components/input-time/input-time.component.mjs +99 -99
  208. package/esm2022/components/input-time/input-time.module.mjs +36 -36
  209. package/esm2022/components/input-time/input-time.options.mjs +8 -8
  210. package/esm2022/components/label/index.mjs +3 -3
  211. package/esm2022/components/label/label.component.mjs +17 -17
  212. package/esm2022/components/label/label.module.mjs +18 -18
  213. package/esm2022/components/notification/index.mjs +4 -4
  214. package/esm2022/components/notification/notification.component.mjs +47 -47
  215. package/esm2022/components/notification/notification.module.mjs +24 -24
  216. package/esm2022/components/notification/notification.options.mjs +53 -53
  217. package/esm2022/components/radio/index.mjs +3 -3
  218. package/esm2022/components/radio/radio.component.mjs +11 -11
  219. package/esm2022/components/radio/radio.module.mjs +16 -16
  220. package/esm2022/components/root/index.mjs +4 -4
  221. package/esm2022/components/root/root.component.mjs +32 -32
  222. package/esm2022/components/root/root.module.mjs +31 -31
  223. package/esm2022/components/root/root.options.mjs +1 -1
  224. package/esm2022/components/select/index.mjs +3 -3
  225. package/esm2022/components/select/select.component.mjs +172 -172
  226. package/esm2022/components/select/select.module.mjs +32 -32
  227. package/esm2022/components/svg/index.mjs +3 -3
  228. package/esm2022/components/svg/svg.component.mjs +50 -50
  229. package/esm2022/components/svg/svg.module.mjs +18 -18
  230. package/esm2022/components/tabs/index.mjs +4 -4
  231. package/esm2022/components/tabs/tab/index.mjs +1 -1
  232. package/esm2022/components/tabs/tab/tab.component.mjs +21 -21
  233. package/esm2022/components/tabs/tabs.component.mjs +49 -49
  234. package/esm2022/components/tabs/tabs.module.mjs +18 -18
  235. package/esm2022/components/textarea/index.mjs +3 -3
  236. package/esm2022/components/textarea/textarea.component.mjs +35 -35
  237. package/esm2022/components/textarea/textarea.module.mjs +16 -16
  238. package/esm2022/components/toggle/index.mjs +3 -3
  239. package/esm2022/components/toggle/toggle.component.mjs +11 -11
  240. package/esm2022/components/toggle/toggle.module.mjs +16 -16
  241. package/esm2022/cuby-ui-core.mjs +4 -4
  242. package/esm2022/directives/index.mjs +3 -3
  243. package/esm2022/directives/text-field-controller/index.mjs +9 -9
  244. package/esm2022/directives/text-field-controller/text-field-controller.module.mjs +40 -40
  245. package/esm2022/directives/text-field-controller/text-field-controller.provider.mjs +24 -24
  246. package/esm2022/directives/text-field-controller/text-field-icon-left.directive.mjs +21 -21
  247. package/esm2022/directives/text-field-controller/text-field-id.directive.mjs +21 -21
  248. package/esm2022/directives/text-field-controller/text-field-is-error.directive.mjs +24 -24
  249. package/esm2022/directives/text-field-controller/text-field-placeholder.directive.mjs +21 -21
  250. package/esm2022/directives/text-field-controller/text-field-size.directive.mjs +24 -24
  251. package/esm2022/directives/text-field-controller/text-field.controller.mjs +25 -25
  252. package/esm2022/directives/tooltip/index.mjs +17 -17
  253. package/esm2022/directives/tooltip/tooltip-describe.directive.mjs +45 -45
  254. package/esm2022/directives/tooltip/tooltip-driver.directive.mjs +18 -18
  255. package/esm2022/directives/tooltip/tooltip-host.directive.mjs +26 -26
  256. package/esm2022/directives/tooltip/tooltip-hover.directive.mjs +53 -53
  257. package/esm2022/directives/tooltip/tooltip-manual.directive.mjs +31 -31
  258. package/esm2022/directives/tooltip/tooltip-options.directive.mjs +83 -83
  259. package/esm2022/directives/tooltip/tooltip-overflow.directive.mjs +31 -31
  260. package/esm2022/directives/tooltip/tooltip-pointer.directive.mjs +31 -31
  261. package/esm2022/directives/tooltip/tooltip-position.directive.mjs +96 -96
  262. package/esm2022/directives/tooltip/tooltip-unstyled.component.mjs +40 -40
  263. package/esm2022/directives/tooltip/tooltip.component.mjs +110 -110
  264. package/esm2022/directives/tooltip/tooltip.directive.mjs +92 -92
  265. package/esm2022/directives/tooltip/tooltip.mjs +27 -27
  266. package/esm2022/directives/tooltip/tooltip.providers.mjs +7 -7
  267. package/esm2022/directives/tooltip/tooltip.service.mjs +28 -28
  268. package/esm2022/directives/tooltip/tooltips.component.mjs +33 -33
  269. package/esm2022/index.mjs +7 -7
  270. package/esm2022/interfaces/context-menu-item.mjs +2 -2
  271. package/esm2022/interfaces/index.mjs +3 -3
  272. package/esm2022/interfaces/option.mjs +2 -2
  273. package/esm2022/services/index.mjs +5 -5
  274. package/esm2022/services/position.service.mjs +23 -23
  275. package/esm2022/services/theme.options.mjs +6 -6
  276. package/esm2022/services/theme.service.mjs +30 -30
  277. package/esm2022/services/visual-viewport.service.mjs +28 -28
  278. package/esm2022/tokens/animations-speed.mjs +8 -8
  279. package/esm2022/tokens/index.mjs +4 -4
  280. package/esm2022/tokens/reduced-motion.mjs +6 -6
  281. package/esm2022/tokens/viewport.mjs +31 -31
  282. package/esm2022/types/appearance.mjs +2 -2
  283. package/esm2022/types/hint-type.mjs +2 -2
  284. package/esm2022/types/index.mjs +10 -10
  285. package/esm2022/types/point.mjs +2 -2
  286. package/esm2022/types/portal-item.mjs +2 -2
  287. package/esm2022/types/position.mjs +2 -2
  288. package/esm2022/types/resizing.mjs +2 -2
  289. package/esm2022/types/shape.mjs +2 -2
  290. package/esm2022/types/size.mjs +2 -2
  291. package/esm2022/types/status.mjs +2 -2
  292. package/esm2022/utils/format/index.mjs +3 -3
  293. package/esm2022/utils/format/remove-spaces.mjs +4 -4
  294. package/esm2022/utils/format/replace.mjs +5 -5
  295. package/esm2022/utils/index.mjs +3 -3
  296. package/esm2022/utils/miscellaneous/index.mjs +4 -4
  297. package/esm2022/utils/miscellaneous/is-obscured.mjs +8 -8
  298. package/esm2022/utils/miscellaneous/override-options.mjs +11 -11
  299. package/esm2022/utils/miscellaneous/to-animation-options.mjs +14 -14
  300. package/fesm2022/cuby-ui-core.mjs +3195 -3193
  301. package/fesm2022/cuby-ui-core.mjs.map +1 -1
  302. package/fonts/Inter-Bold.svg +25443 -25443
  303. package/fonts/Inter-Medium.svg +25400 -25400
  304. package/fonts/Inter-Regular.svg +24341 -24341
  305. package/fonts/Inter-SemiBold.svg +25459 -25459
  306. package/index.d.ts +6 -6
  307. package/interfaces/context-menu-item.d.ts +7 -7
  308. package/interfaces/index.d.ts +2 -2
  309. package/interfaces/option.d.ts +5 -5
  310. package/package.json +3 -3
  311. package/services/index.d.ts +4 -4
  312. package/services/position.service.d.ts +10 -10
  313. package/services/theme.options.d.ts +5 -5
  314. package/services/theme.service.d.ts +12 -12
  315. package/services/visual-viewport.service.d.ts +9 -9
  316. package/styles/fonts.scss +51 -51
  317. package/styles/global.scss +9 -9
  318. package/styles/mixins/buttons.scss +13 -13
  319. package/styles/mixins/headings.scss +115 -115
  320. package/styles/mixins/inputs.scss +91 -91
  321. package/styles/mixins/lists.scss +5 -5
  322. package/styles/mixins/paddings.scss +35 -35
  323. package/styles/mixins/shadows.scss +38 -38
  324. package/styles/mixins/texts.scss +225 -225
  325. package/styles/theme.scss +385 -385
  326. package/styles/variables/colors.scss +253 -253
  327. package/tokens/animations-speed.d.ts +4 -4
  328. package/tokens/index.d.ts +3 -3
  329. package/tokens/reduced-motion.d.ts +1 -1
  330. package/tokens/viewport.d.ts +7 -7
  331. package/types/appearance.d.ts +8 -8
  332. package/types/hint-type.d.ts +1 -1
  333. package/types/index.d.ts +9 -9
  334. package/types/point.d.ts +1 -1
  335. package/types/portal-item.d.ts +9 -9
  336. package/types/position.d.ts +2 -2
  337. package/types/resizing.d.ts +2 -2
  338. package/types/shape.d.ts +1 -1
  339. package/types/size.d.ts +4 -4
  340. package/types/status.d.ts +1 -1
  341. package/utils/format/index.d.ts +2 -2
  342. package/utils/format/remove-spaces.d.ts +1 -1
  343. package/utils/format/replace.d.ts +1 -1
  344. package/utils/index.d.ts +2 -2
  345. package/utils/miscellaneous/index.d.ts +3 -3
  346. package/utils/miscellaneous/is-obscured.d.ts +4 -4
  347. package/utils/miscellaneous/override-options.d.ts +1 -1
  348. package/utils/miscellaneous/to-animation-options.d.ts +4 -4
package/styles/theme.scss CHANGED
@@ -1,385 +1,385 @@
1
- :root {
2
- --cui-main-font: Inter, sans-serif;
3
-
4
- --cui-black: #000000;
5
-
6
- --cui-gray-0: #FFFFFF;
7
- --cui-gray-10: #F9FAFB;
8
- --cui-gray-50: #EFF0F2;
9
- --cui-gray-100: #E9EBEE;
10
- --cui-gray-200: #DCDEE3;
11
- --cui-gray-300: #AEB2BC;
12
- --cui-gray-400: #7F8493;
13
- --cui-gray-500: #595E6A;
14
- --cui-gray-600: #474B55;
15
- --cui-gray-700: #363840;
16
- --cui-gray-800: #24262B;
17
- --cui-gray-900: #121315;
18
-
19
- --cui-slate-10: #F6FBFF;
20
- --cui-slate-50: #E4ECF3;
21
- --cui-slate-100: #D3DDE8;
22
- --cui-slate-200: #C5D1DE;
23
- --cui-slate-300: #ADBAC7;
24
- --cui-slate-400: #717E8B;
25
- --cui-slate-500: #444C56;
26
- --cui-slate-600: #373E47;
27
- --cui-slate-700: #2D333B;
28
- --cui-slate-800: #22272E;
29
- --cui-slate-900: #1C2128;
30
-
31
- --cui-cyan-100: #F0F6F6;
32
- --cui-cyan-200: #D6EAEA;
33
- --cui-cyan-300: #BADCDC;
34
- --cui-cyan-400: #98CBCA;
35
- --cui-cyan-500: #53A8A7;
36
- --cui-cyan-600: #319795;
37
- --cui-cyan-700: #297F7E;
38
- --cui-cyan-800: #1A6B6A;
39
- --cui-cyan-900: #0D4949;
40
-
41
- --cui-green-50: #ECFFF3;
42
- --cui-green-100: #C1FFDA;
43
- --cui-green-200: #97FFC0;
44
- --cui-green-300: #6DFFA7;
45
- --cui-green-400: #3EEE84;
46
- --cui-green-500: #29CC6A;
47
- --cui-green-600: #17C174;
48
- --cui-green-700: #039855;
49
- --cui-green-800: #006F3D;
50
- --cui-green-900: #004627;
51
-
52
- --cui-yellow-50: #FFFAEB;
53
- --cui-yellow-100: #FFE6B7;
54
- --cui-yellow-200: #FFD892;
55
- --cui-yellow-300: #FFC354;
56
- --cui-yellow-400: #FDB022;
57
- --cui-yellow-500: #DB9411;
58
- --cui-yellow-600: #B97904;
59
- --cui-yellow-700: #976200;
60
- --cui-yellow-800: #754C00;
61
- --cui-yellow-900: #533600;
62
-
63
- --cui-orange-50: #FFF4EE;
64
- --cui-orange-100: #FFEBDD;
65
- --cui-orange-200: #FFE0CF;
66
- --cui-orange-300: #FFD7BA;
67
- --cui-orange-400: #FFBC8B;
68
- --cui-orange-500: #FFA05C;
69
- --cui-orange-600: #FF852C;
70
- --cui-orange-700: #B75119;
71
- --cui-orange-800: #8E3605;
72
- --cui-orange-900: #652400;
73
-
74
- --cui-red-50: #FFEEEE;
75
- --cui-red-100: #FFC8C8;
76
- --cui-red-200: #FFA2A2;
77
- --cui-red-300: #FF7C7C;
78
- --cui-red-400: #FC5555;
79
- --cui-red-500: #D92D20;
80
- --cui-red-600: #B82E2E;
81
- --cui-red-700: #961F1F;
82
- --cui-red-800: #741313;
83
- --cui-red-900: #520909;
84
-
85
- --cui-light-blue-50: #F0F9FF;
86
- --cui-light-blue-100: #E5F5FF;
87
- --cui-light-blue-200: #C4E7FF;
88
- --cui-light-blue-300: #98D6FF;
89
- --cui-light-blue-400: #6DC4FF;
90
- --cui-light-blue-500: #2EABFF;
91
- --cui-light-blue-600: #0099FF;
92
- --cui-light-blue-700: #0068AD;
93
- --cui-light-blue-800: #005085;
94
- --cui-light-blue-900: #00375C;
95
-
96
- --cui-blue-50: #F0F7FF;
97
- --cui-blue-100: #E8F1FF;
98
- --cui-blue-200: #BED9FF;
99
- --cui-blue-300: #94C0FF;
100
- --cui-blue-400: #4190FF;
101
- --cui-blue-500: #4190FF;
102
- --cui-blue-600: #1570EF;
103
- --cui-blue-700: #0354C6;
104
- --cui-blue-800: #00429D;
105
- --cui-blue-900: #002B67;
106
-
107
- --cui-magenta-50: #FFE5FF;
108
- --cui-magenta-100: #FFE5FF;
109
- --cui-magenta-200: #F38DE2;
110
- --cui-magenta-300: #EC5FD6;
111
- --cui-magenta-400: #E633C9;
112
- --cui-magenta-500: #CC19B0;
113
- --cui-magenta-600: #A0128A;
114
- --cui-magenta-700: #720A63;
115
- --cui-magenta-800: #46033D;
116
- --cui-magenta-900: #1C0018;
117
-
118
- --cui-violet-50: #F2EFFF;
119
- --cui-violet-100: #D4CBFF;
120
- --cui-violet-200: #B6A8FF;
121
- --cui-violet-300: #9984FF;
122
- --cui-violet-400: #7B61FF;
123
- --cui-violet-500: #634BDD;
124
- --cui-violet-600: #4D38BB;
125
- --cui-violet-700: #3A2799;
126
- --cui-violet-800: #291A77;
127
- --cui-violet-900: #1A0F55;
128
-
129
- --cui-purple-50: #F4F2FF;
130
- --cui-purple-100: #D4CDFF;
131
- --cui-purple-200: #B4A7FF;
132
- --cui-purple-300: #9382FF;
133
- --cui-purple-400: #806FEA;
134
- --cui-purple-500: #6A5ACD;
135
- --cui-purple-600: #5647B0;
136
- --cui-purple-700: #433693;
137
- --cui-purple-800: #322776;
138
- --cui-purple-900: #231A58;
139
-
140
- --cui-base: var(--cui-black);
141
- --cui-base-0: var(--cui-gray-0);
142
- --cui-base-10: var(--cui-gray-10);
143
- --cui-base-50: var(--cui-gray-50);
144
- --cui-base-100: var(--cui-gray-100);
145
- --cui-base-200: var(--cui-gray-200);
146
- --cui-base-300: var(--cui-gray-300);
147
- --cui-base-400: var(--cui-gray-400);
148
- --cui-base-500: var(--cui-gray-500);
149
- --cui-base-900: var(--cui-gray-900);
150
-
151
- --cui-success: var(--cui-green-600);
152
-
153
- --cui-warning: var(--cui-yellow-400);
154
-
155
- --cui-danger: var(--cui-red-500);
156
-
157
- --cui-info: var(--cui-blue-600);
158
-
159
- --cui-accent-1: var(--cui-cyan-800);
160
-
161
- --cui-accent-2: var(--cui-light-blue-600);
162
-
163
- --cui-accent-3: var(--cui-purple-500);
164
-
165
- --cui-accent-4: var(--cui-orange-600);
166
-
167
- --cui-focus: var(--cui-blue-100);
168
-
169
- --cui-input: var(--cui-gray-10);
170
-
171
- --cui-bg-light: var(--cui-gray-0);
172
-
173
- --cui-bg-light-blue: var(--cui-light-blue-500);
174
-
175
- --cui-bg-light-blue-1: var(--cui-light-blue-50);
176
-
177
- --cui-label-text: var(--cui-gray-500);
178
-
179
- --cui-sidebar: var(--cui-gray-50);
180
-
181
- --cui-scrollbar: var(--cui-gray-200);
182
-
183
- --cui-track: var(--cui-gray-10);
184
-
185
- --cui-btn-bg: var(--cui-light-blue-500);
186
-
187
- --cui-badge-info-bg: var(--cui-blue-50);
188
- --cui-badge-info-label: var(--cui-gray-900);
189
-
190
- --cui-badge-danger-bg: var(--cui-red-50);
191
- --cui-badge-danger-label: var(--cui-gray-900);
192
-
193
- --cui-badge-success-bg: var(--cui-green-50);
194
- --cui-badge-success-label: var(--cui-gray-900);
195
-
196
- --cui-badge-warning-bg: var(--cui-yellow-50);
197
- --cui-badge-warning-label: var(--cui-gray-900);
198
-
199
- --cui-badge-gray-bg: var(--cui-gray-100);
200
- --cui-badge-gray-label: var(--cui-gray-900);
201
-
202
- --cui-badge-light-blue-bg: var(--cui-light-blue-50);
203
- --cui-badge-light-blue-label: var(--cui-gray-900);
204
-
205
- --cui-badge-magenta-bg: var(--cui-magenta-50);
206
- --cui-badge-magenta-label: var(--cui-gray-900);
207
-
208
- --cui-badge-violet-bg: var(--cui-violet-50);
209
- --cui-badge-violet-label: var(--cui-gray-900);
210
-
211
- --cui-badge-orange-bg: var(--cui-orange-50);
212
- --cui-badge-orange-label: var(--cui-gray-900);
213
-
214
- --cui-badge-blue-border: var(--cui-blue-200);
215
- --cui-badge-blue-bg: var(--cui-blue-50);
216
-
217
- --cui-badge-purple-border: var(--cui-purple-100);
218
- --cui-badge-purple-bg: var(--cui-purple-50);
219
-
220
- --cui-banner-alert-bg: var(--cui-yellow-100);
221
- --cui-banner-alert-text: var(--cui-orange-800);
222
- --cui-banner-alert-icon: var(--cui-orange-800);
223
- --cui-banner-alert-link: var(--cui-blue-600);
224
-
225
- --cui-banner-info-bg: var(--cui-blue-50);
226
- --cui-banner-info-text: var(--cui-light-blue-800);
227
- --cui-banner-info-icon: var(--cui-light-blue-800);
228
-
229
- --cui-banner-danger-bg: var(--cui-red-50);
230
- --cui-banner-danger-text: var(--cui-gray-900);
231
- --cui-banner-danger-icon: var(--cui-red-500);
232
- --cui-banner-danger-link: var(--cui-blue-600);
233
-
234
- --cui-banner-success-bg: var(--cui-green-50);
235
- --cui-banner-success-text: var(--cui-gray-900);
236
- --cui-banner-success-icon: var(--cui-green-600);
237
- --cui-banner-success-link: var(--cui-blue-600);
238
-
239
- --cui-toast-alert-bg: var(--cui-gray-800);
240
- --cui-toast-alert-text: var(--cui-gray-0);
241
- --cui-toast-alert-icon: var(--cui-yellow-400);
242
-
243
- --cui-toast-info-bg: var(--cui-gray-800);
244
- --cui-toast-info-text: var(--cui-gray-0);
245
- --cui-toast-info-icon: var(--cui-blue-600);
246
-
247
- --cui-toast-danger-bg: var(--cui-gray-800);
248
- --cui-toast-danger-text: var(--cui-gray-0);
249
- --cui-toast-danger-icon: var(--cui-red-500);
250
-
251
- --cui-toast-success-bg: var(--cui-gray-800);
252
- --cui-toast-success-text: var(--cui-gray-0);
253
- --cui-toast-success-icon: var(--cui-green-600);
254
-
255
- --cui-cyan-bg: var(--cui-cyan-600);
256
- --cui-yellow-bg: var(--cui-yellow-400);
257
- --cui-violet-bg: var(--cui-violet-400);
258
-
259
- // TODO: Добавить для всех кнопок и свойств их
260
- --c-action-background: var(--cui-bg-light-blue);
261
- --c-action-background-hover: var(--cui-light-blue-600);
262
- --c-action-border-color: var(--cui-light-blue-500);
263
-
264
- --c-outlined-gray-color: var(--cui-base-900);
265
- }
266
-
267
- [cuiTheme='dark'] {
268
- --cui-base-0: var(--cui-slate-900);
269
- --cui-base-10: var(--cui-slate-800);
270
- --cui-base-50: var(--cui-slate-700);
271
- --cui-base-100: var(--cui-slate-600);
272
- --cui-base-200: var(--cui-slate-500);
273
- --cui-base-300: var(--cui-gray-400);
274
- --cui-base-400: var(--cui-slate-400);
275
- --cui-base-500: var(--cui-slate-300);
276
- --cui-base-900: var(--cui-slate-200);
277
-
278
- --cui-success: var(--cui-green-500);
279
-
280
- --cui-warning: var(--cui-yellow-300);
281
-
282
- --cui-danger: var(--cui-red-400);
283
-
284
- --cui-info: var(--cui-blue-500);
285
-
286
- --cui-accent-1: var(--cui-cyan-700);
287
-
288
- --cui-accent-2: var(--cui-light-blue-600);
289
-
290
- --cui-accent-3: var(--cui-purple-400);
291
-
292
- --cui-accent-4: var(--cui-orange-500);
293
-
294
- --cui-focus: var(--cui-light-blue-700);
295
-
296
- --cui-input: var(--cui-slate-700);
297
-
298
- --cui-bg-light: var(--cui-slate-700);
299
-
300
- --cui-bg-light-blue: var(--cui-light-blue-700);
301
-
302
- --cui-bg-light-blue-1: var(--cui-light-blue-800);
303
-
304
- --cui-label-text: var(--cui-gray-0);
305
-
306
- --cui-sidebar: var(--cui-slate-800);
307
-
308
- --cui-scrollbar: var(--cui-gray-500);
309
-
310
- --cui-track: var(--cui-slate-700);
311
-
312
- --cui-btn-bg: var(--cui-light-blue-700);
313
-
314
- --cui-badge-info-bg: var(--cui-blue-900);
315
- --cui-badge-info-label: var(--cui-light-blue-600);
316
-
317
- --cui-badge-danger-bg: var(--cui-red-900);
318
- --cui-badge-danger-label: var(--cui-red-400);
319
-
320
- --cui-badge-success-bg: var(--cui-green-900);
321
- --cui-badge-success-label: var(--cui-green-600);
322
-
323
- --cui-badge-warning-bg: var(--cui-yellow-900);
324
- --cui-badge-warning-label: var(--cui-yellow-400);
325
-
326
- --cui-badge-gray-bg: var(--cui-gray-600);
327
- --cui-badge-gray-label: var(--cui-gray-0);
328
-
329
- --cui-badge-light-blue-bg: var(--cui-light-blue-900);
330
- --cui-badge-light-blue-label: var(--cui-light-blue-600);
331
-
332
- --cui-badge-magenta-bg: var(--cui-magenta-900);
333
- --cui-badge-magenta-label: var(--cui-magenta-500);
334
-
335
- --cui-badge-violet-bg: var(--cui-violet-900);
336
- --cui-badge-violet-label: var(--cui-violet-400);
337
-
338
- --cui-badge-orange-bg: var(--cui-orange-900);
339
- --cui-badge-orange-label: var(--cui-orange-600);
340
-
341
- --cui-badge-blue-border: var(--cui-blue-800);
342
- --cui-badge-blue-bg: var(--cui-blue-900);
343
-
344
- --cui-badge-purple-border: var(--cui-purple-800);
345
- --cui-badge-purple-bg: var(--cui-purple-900);
346
-
347
- --cui-banner-alert-bg: var(--cui-yellow-900);
348
- --cui-banner-alert-text: var(--cui-gray-0);
349
- --cui-banner-alert-icon: var(--cui-yellow-300);
350
- --cui-banner-alert-link: var(--cui-yellow-300);
351
-
352
- --cui-banner-info-bg: var(--cui-blue-900);
353
- --cui-banner-info-text: var(--cui-light-blue-400);
354
- --cui-banner-info-icon: var(--cui-light-blue-400);
355
-
356
- --cui-banner-danger-bg: var(--cui-red-900);
357
- --cui-banner-danger-text: var(--cui-gray-0);
358
- --cui-banner-danger-icon: var(--cui-red-400);
359
- --cui-banner-danger-link: var(--cui-red-400);
360
-
361
- --cui-banner-success-bg: var(--cui-green-900);
362
- --cui-banner-success-text: var(--cui-gray-0);
363
- --cui-banner-success-icon: var(--cui-green-500);
364
- --cui-banner-success-link: var(--cui-green-500);
365
-
366
- --cui-toast-alert-bg: var(--cui-yellow-900);
367
- --cui-toast-alert-text: var(--cui-gray-0);
368
- --cui-toast-alert-icon: var(--cui-yellow-300);
369
-
370
- --cui-toast-info-bg: var(--cui-blue-900);
371
- --cui-toast-info-text: var(--cui-gray-0);
372
- --cui-toast-info-icon: var(--cui-light-blue-400);
373
-
374
- --cui-toast-danger-bg: var(--cui-red-900);
375
- --cui-toast-danger-text: var(--cui-gray-0);
376
- --cui-toast-danger-icon: var(--cui-red-400);
377
-
378
- --cui-toast-success-bg: var(--cui-green-900);
379
- --cui-toast-success-text: var(--cui-gray-0);
380
- --cui-toast-success-icon: var(--cui-green-500);
381
-
382
- --cui-cyan-bg: var(--cui-cyan-800);
383
- --cui-yellow-bg: var(--cui-yellow-600);
384
- --cui-violet-bg: var(-cui-violet-600);
385
- }
1
+ :root {
2
+ --cui-main-font: Inter, sans-serif;
3
+
4
+ --cui-black: #000000;
5
+
6
+ --cui-gray-0: #FFFFFF;
7
+ --cui-gray-10: #F9FAFB;
8
+ --cui-gray-50: #EFF0F2;
9
+ --cui-gray-100: #E9EBEE;
10
+ --cui-gray-200: #DCDEE3;
11
+ --cui-gray-300: #AEB2BC;
12
+ --cui-gray-400: #7F8493;
13
+ --cui-gray-500: #595E6A;
14
+ --cui-gray-600: #474B55;
15
+ --cui-gray-700: #363840;
16
+ --cui-gray-800: #24262B;
17
+ --cui-gray-900: #121315;
18
+
19
+ --cui-slate-10: #F6FBFF;
20
+ --cui-slate-50: #E4ECF3;
21
+ --cui-slate-100: #D3DDE8;
22
+ --cui-slate-200: #C5D1DE;
23
+ --cui-slate-300: #ADBAC7;
24
+ --cui-slate-400: #717E8B;
25
+ --cui-slate-500: #444C56;
26
+ --cui-slate-600: #373E47;
27
+ --cui-slate-700: #2D333B;
28
+ --cui-slate-800: #22272E;
29
+ --cui-slate-900: #1C2128;
30
+
31
+ --cui-cyan-100: #F0F6F6;
32
+ --cui-cyan-200: #D6EAEA;
33
+ --cui-cyan-300: #BADCDC;
34
+ --cui-cyan-400: #98CBCA;
35
+ --cui-cyan-500: #53A8A7;
36
+ --cui-cyan-600: #319795;
37
+ --cui-cyan-700: #297F7E;
38
+ --cui-cyan-800: #1A6B6A;
39
+ --cui-cyan-900: #0D4949;
40
+
41
+ --cui-green-50: #ECFFF3;
42
+ --cui-green-100: #C1FFDA;
43
+ --cui-green-200: #97FFC0;
44
+ --cui-green-300: #6DFFA7;
45
+ --cui-green-400: #3EEE84;
46
+ --cui-green-500: #29CC6A;
47
+ --cui-green-600: #17C174;
48
+ --cui-green-700: #039855;
49
+ --cui-green-800: #006F3D;
50
+ --cui-green-900: #004627;
51
+
52
+ --cui-yellow-50: #FFFAEB;
53
+ --cui-yellow-100: #FFE6B7;
54
+ --cui-yellow-200: #FFD892;
55
+ --cui-yellow-300: #FFC354;
56
+ --cui-yellow-400: #FDB022;
57
+ --cui-yellow-500: #DB9411;
58
+ --cui-yellow-600: #B97904;
59
+ --cui-yellow-700: #976200;
60
+ --cui-yellow-800: #754C00;
61
+ --cui-yellow-900: #533600;
62
+
63
+ --cui-orange-50: #FFF4EE;
64
+ --cui-orange-100: #FFEBDD;
65
+ --cui-orange-200: #FFE0CF;
66
+ --cui-orange-300: #FFD7BA;
67
+ --cui-orange-400: #FFBC8B;
68
+ --cui-orange-500: #FFA05C;
69
+ --cui-orange-600: #FF852C;
70
+ --cui-orange-700: #B75119;
71
+ --cui-orange-800: #8E3605;
72
+ --cui-orange-900: #652400;
73
+
74
+ --cui-red-50: #FFEEEE;
75
+ --cui-red-100: #FFC8C8;
76
+ --cui-red-200: #FFA2A2;
77
+ --cui-red-300: #FF7C7C;
78
+ --cui-red-400: #FC5555;
79
+ --cui-red-500: #D92D20;
80
+ --cui-red-600: #B82E2E;
81
+ --cui-red-700: #961F1F;
82
+ --cui-red-800: #741313;
83
+ --cui-red-900: #520909;
84
+
85
+ --cui-light-blue-50: #F0F9FF;
86
+ --cui-light-blue-100: #E5F5FF;
87
+ --cui-light-blue-200: #C4E7FF;
88
+ --cui-light-blue-300: #98D6FF;
89
+ --cui-light-blue-400: #6DC4FF;
90
+ --cui-light-blue-500: #2EABFF;
91
+ --cui-light-blue-600: #0099FF;
92
+ --cui-light-blue-700: #0068AD;
93
+ --cui-light-blue-800: #005085;
94
+ --cui-light-blue-900: #00375C;
95
+
96
+ --cui-blue-50: #F0F7FF;
97
+ --cui-blue-100: #E8F1FF;
98
+ --cui-blue-200: #BED9FF;
99
+ --cui-blue-300: #94C0FF;
100
+ --cui-blue-400: #4190FF;
101
+ --cui-blue-500: #4190FF;
102
+ --cui-blue-600: #1570EF;
103
+ --cui-blue-700: #0354C6;
104
+ --cui-blue-800: #00429D;
105
+ --cui-blue-900: #002B67;
106
+
107
+ --cui-magenta-50: #FFE5FF;
108
+ --cui-magenta-100: #FFE5FF;
109
+ --cui-magenta-200: #F38DE2;
110
+ --cui-magenta-300: #EC5FD6;
111
+ --cui-magenta-400: #E633C9;
112
+ --cui-magenta-500: #CC19B0;
113
+ --cui-magenta-600: #A0128A;
114
+ --cui-magenta-700: #720A63;
115
+ --cui-magenta-800: #46033D;
116
+ --cui-magenta-900: #1C0018;
117
+
118
+ --cui-violet-50: #F2EFFF;
119
+ --cui-violet-100: #D4CBFF;
120
+ --cui-violet-200: #B6A8FF;
121
+ --cui-violet-300: #9984FF;
122
+ --cui-violet-400: #7B61FF;
123
+ --cui-violet-500: #634BDD;
124
+ --cui-violet-600: #4D38BB;
125
+ --cui-violet-700: #3A2799;
126
+ --cui-violet-800: #291A77;
127
+ --cui-violet-900: #1A0F55;
128
+
129
+ --cui-purple-50: #F4F2FF;
130
+ --cui-purple-100: #D4CDFF;
131
+ --cui-purple-200: #B4A7FF;
132
+ --cui-purple-300: #9382FF;
133
+ --cui-purple-400: #806FEA;
134
+ --cui-purple-500: #6A5ACD;
135
+ --cui-purple-600: #5647B0;
136
+ --cui-purple-700: #433693;
137
+ --cui-purple-800: #322776;
138
+ --cui-purple-900: #231A58;
139
+
140
+ --cui-base: var(--cui-black);
141
+ --cui-base-0: var(--cui-gray-0);
142
+ --cui-base-10: var(--cui-gray-10);
143
+ --cui-base-50: var(--cui-gray-50);
144
+ --cui-base-100: var(--cui-gray-100);
145
+ --cui-base-200: var(--cui-gray-200);
146
+ --cui-base-300: var(--cui-gray-300);
147
+ --cui-base-400: var(--cui-gray-400);
148
+ --cui-base-500: var(--cui-gray-500);
149
+ --cui-base-900: var(--cui-gray-900);
150
+
151
+ --cui-success: var(--cui-green-600);
152
+
153
+ --cui-warning: var(--cui-yellow-400);
154
+
155
+ --cui-danger: var(--cui-red-500);
156
+
157
+ --cui-info: var(--cui-blue-600);
158
+
159
+ --cui-accent-1: var(--cui-cyan-800);
160
+
161
+ --cui-accent-2: var(--cui-light-blue-600);
162
+
163
+ --cui-accent-3: var(--cui-purple-500);
164
+
165
+ --cui-accent-4: var(--cui-orange-600);
166
+
167
+ --cui-focus: var(--cui-blue-100);
168
+
169
+ --cui-input: var(--cui-gray-10);
170
+
171
+ --cui-bg-light: var(--cui-gray-0);
172
+
173
+ --cui-bg-light-blue: var(--cui-light-blue-500);
174
+
175
+ --cui-bg-light-blue-1: var(--cui-light-blue-50);
176
+
177
+ --cui-label-text: var(--cui-gray-500);
178
+
179
+ --cui-sidebar: var(--cui-gray-50);
180
+
181
+ --cui-scrollbar: var(--cui-gray-200);
182
+
183
+ --cui-track: var(--cui-gray-10);
184
+
185
+ --cui-btn-bg: var(--cui-light-blue-500);
186
+
187
+ --cui-badge-info-bg: var(--cui-blue-50);
188
+ --cui-badge-info-label: var(--cui-gray-900);
189
+
190
+ --cui-badge-danger-bg: var(--cui-red-50);
191
+ --cui-badge-danger-label: var(--cui-gray-900);
192
+
193
+ --cui-badge-success-bg: var(--cui-green-50);
194
+ --cui-badge-success-label: var(--cui-gray-900);
195
+
196
+ --cui-badge-warning-bg: var(--cui-yellow-50);
197
+ --cui-badge-warning-label: var(--cui-gray-900);
198
+
199
+ --cui-badge-gray-bg: var(--cui-gray-100);
200
+ --cui-badge-gray-label: var(--cui-gray-900);
201
+
202
+ --cui-badge-light-blue-bg: var(--cui-light-blue-50);
203
+ --cui-badge-light-blue-label: var(--cui-gray-900);
204
+
205
+ --cui-badge-magenta-bg: var(--cui-magenta-50);
206
+ --cui-badge-magenta-label: var(--cui-gray-900);
207
+
208
+ --cui-badge-violet-bg: var(--cui-violet-50);
209
+ --cui-badge-violet-label: var(--cui-gray-900);
210
+
211
+ --cui-badge-orange-bg: var(--cui-orange-50);
212
+ --cui-badge-orange-label: var(--cui-gray-900);
213
+
214
+ --cui-badge-blue-border: var(--cui-blue-200);
215
+ --cui-badge-blue-bg: var(--cui-blue-50);
216
+
217
+ --cui-badge-purple-border: var(--cui-purple-100);
218
+ --cui-badge-purple-bg: var(--cui-purple-50);
219
+
220
+ --cui-banner-alert-bg: var(--cui-yellow-100);
221
+ --cui-banner-alert-text: var(--cui-orange-800);
222
+ --cui-banner-alert-icon: var(--cui-orange-800);
223
+ --cui-banner-alert-link: var(--cui-blue-600);
224
+
225
+ --cui-banner-info-bg: var(--cui-blue-50);
226
+ --cui-banner-info-text: var(--cui-light-blue-800);
227
+ --cui-banner-info-icon: var(--cui-light-blue-800);
228
+
229
+ --cui-banner-danger-bg: var(--cui-red-50);
230
+ --cui-banner-danger-text: var(--cui-gray-900);
231
+ --cui-banner-danger-icon: var(--cui-red-500);
232
+ --cui-banner-danger-link: var(--cui-blue-600);
233
+
234
+ --cui-banner-success-bg: var(--cui-green-50);
235
+ --cui-banner-success-text: var(--cui-gray-900);
236
+ --cui-banner-success-icon: var(--cui-green-600);
237
+ --cui-banner-success-link: var(--cui-blue-600);
238
+
239
+ --cui-toast-alert-bg: var(--cui-gray-800);
240
+ --cui-toast-alert-text: var(--cui-gray-0);
241
+ --cui-toast-alert-icon: var(--cui-yellow-400);
242
+
243
+ --cui-toast-info-bg: var(--cui-gray-800);
244
+ --cui-toast-info-text: var(--cui-gray-0);
245
+ --cui-toast-info-icon: var(--cui-blue-600);
246
+
247
+ --cui-toast-danger-bg: var(--cui-gray-800);
248
+ --cui-toast-danger-text: var(--cui-gray-0);
249
+ --cui-toast-danger-icon: var(--cui-red-500);
250
+
251
+ --cui-toast-success-bg: var(--cui-gray-800);
252
+ --cui-toast-success-text: var(--cui-gray-0);
253
+ --cui-toast-success-icon: var(--cui-green-600);
254
+
255
+ --cui-cyan-bg: var(--cui-cyan-600);
256
+ --cui-yellow-bg: var(--cui-yellow-400);
257
+ --cui-violet-bg: var(--cui-violet-400);
258
+
259
+ // TODO: Добавить для всех кнопок и свойств их
260
+ --c-action-background: var(--cui-bg-light-blue);
261
+ --c-action-background-hover: var(--cui-light-blue-600);
262
+ --c-action-border-color: var(--cui-light-blue-500);
263
+
264
+ --c-outlined-gray-color: var(--cui-base-900);
265
+ }
266
+
267
+ [cuiTheme='dark'] {
268
+ --cui-base-0: var(--cui-slate-900);
269
+ --cui-base-10: var(--cui-slate-800);
270
+ --cui-base-50: var(--cui-slate-700);
271
+ --cui-base-100: var(--cui-slate-600);
272
+ --cui-base-200: var(--cui-slate-500);
273
+ --cui-base-300: var(--cui-gray-400);
274
+ --cui-base-400: var(--cui-slate-400);
275
+ --cui-base-500: var(--cui-slate-300);
276
+ --cui-base-900: var(--cui-slate-200);
277
+
278
+ --cui-success: var(--cui-green-500);
279
+
280
+ --cui-warning: var(--cui-yellow-300);
281
+
282
+ --cui-danger: var(--cui-red-400);
283
+
284
+ --cui-info: var(--cui-blue-500);
285
+
286
+ --cui-accent-1: var(--cui-cyan-700);
287
+
288
+ --cui-accent-2: var(--cui-light-blue-600);
289
+
290
+ --cui-accent-3: var(--cui-purple-400);
291
+
292
+ --cui-accent-4: var(--cui-orange-500);
293
+
294
+ --cui-focus: var(--cui-light-blue-700);
295
+
296
+ --cui-input: var(--cui-slate-700);
297
+
298
+ --cui-bg-light: var(--cui-slate-700);
299
+
300
+ --cui-bg-light-blue: var(--cui-light-blue-700);
301
+
302
+ --cui-bg-light-blue-1: var(--cui-light-blue-800);
303
+
304
+ --cui-label-text: var(--cui-gray-0);
305
+
306
+ --cui-sidebar: var(--cui-slate-800);
307
+
308
+ --cui-scrollbar: var(--cui-gray-500);
309
+
310
+ --cui-track: var(--cui-slate-700);
311
+
312
+ --cui-btn-bg: var(--cui-light-blue-700);
313
+
314
+ --cui-badge-info-bg: var(--cui-blue-900);
315
+ --cui-badge-info-label: var(--cui-light-blue-600);
316
+
317
+ --cui-badge-danger-bg: var(--cui-red-900);
318
+ --cui-badge-danger-label: var(--cui-red-400);
319
+
320
+ --cui-badge-success-bg: var(--cui-green-900);
321
+ --cui-badge-success-label: var(--cui-green-600);
322
+
323
+ --cui-badge-warning-bg: var(--cui-yellow-900);
324
+ --cui-badge-warning-label: var(--cui-yellow-400);
325
+
326
+ --cui-badge-gray-bg: var(--cui-gray-600);
327
+ --cui-badge-gray-label: var(--cui-gray-0);
328
+
329
+ --cui-badge-light-blue-bg: var(--cui-light-blue-900);
330
+ --cui-badge-light-blue-label: var(--cui-light-blue-600);
331
+
332
+ --cui-badge-magenta-bg: var(--cui-magenta-900);
333
+ --cui-badge-magenta-label: var(--cui-magenta-500);
334
+
335
+ --cui-badge-violet-bg: var(--cui-violet-900);
336
+ --cui-badge-violet-label: var(--cui-violet-400);
337
+
338
+ --cui-badge-orange-bg: var(--cui-orange-900);
339
+ --cui-badge-orange-label: var(--cui-orange-600);
340
+
341
+ --cui-badge-blue-border: var(--cui-blue-800);
342
+ --cui-badge-blue-bg: var(--cui-blue-900);
343
+
344
+ --cui-badge-purple-border: var(--cui-purple-800);
345
+ --cui-badge-purple-bg: var(--cui-purple-900);
346
+
347
+ --cui-banner-alert-bg: var(--cui-yellow-900);
348
+ --cui-banner-alert-text: var(--cui-gray-0);
349
+ --cui-banner-alert-icon: var(--cui-yellow-300);
350
+ --cui-banner-alert-link: var(--cui-yellow-300);
351
+
352
+ --cui-banner-info-bg: var(--cui-blue-900);
353
+ --cui-banner-info-text: var(--cui-light-blue-400);
354
+ --cui-banner-info-icon: var(--cui-light-blue-400);
355
+
356
+ --cui-banner-danger-bg: var(--cui-red-900);
357
+ --cui-banner-danger-text: var(--cui-gray-0);
358
+ --cui-banner-danger-icon: var(--cui-red-400);
359
+ --cui-banner-danger-link: var(--cui-red-400);
360
+
361
+ --cui-banner-success-bg: var(--cui-green-900);
362
+ --cui-banner-success-text: var(--cui-gray-0);
363
+ --cui-banner-success-icon: var(--cui-green-500);
364
+ --cui-banner-success-link: var(--cui-green-500);
365
+
366
+ --cui-toast-alert-bg: var(--cui-yellow-900);
367
+ --cui-toast-alert-text: var(--cui-gray-0);
368
+ --cui-toast-alert-icon: var(--cui-yellow-300);
369
+
370
+ --cui-toast-info-bg: var(--cui-blue-900);
371
+ --cui-toast-info-text: var(--cui-gray-0);
372
+ --cui-toast-info-icon: var(--cui-light-blue-400);
373
+
374
+ --cui-toast-danger-bg: var(--cui-red-900);
375
+ --cui-toast-danger-text: var(--cui-gray-0);
376
+ --cui-toast-danger-icon: var(--cui-red-400);
377
+
378
+ --cui-toast-success-bg: var(--cui-green-900);
379
+ --cui-toast-success-text: var(--cui-gray-0);
380
+ --cui-toast-success-icon: var(--cui-green-500);
381
+
382
+ --cui-cyan-bg: var(--cui-cyan-800);
383
+ --cui-yellow-bg: var(--cui-yellow-600);
384
+ --cui-violet-bg: var(-cui-violet-600);
385
+ }