@cuby-ui/core 0.0.131 → 0.0.132

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