@cuby-ui/core 0.0.85 → 0.0.87

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 (260) hide show
  1. package/README.md +24 -24
  2. package/components/accordion/accordion-item/accordion-item.component.d.ts +9 -9
  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 +37 -37
  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.component.d.ts +33 -33
  41. package/components/dialog/dialog.interfaces.d.ts +8 -8
  42. package/components/dialog/dialog.module.d.ts +12 -12
  43. package/components/dialog/dialog.service.d.ts +7 -7
  44. package/components/dialog/dialog.tokens.d.ts +8 -8
  45. package/components/dialog/dialogs.component.d.ts +16 -16
  46. package/components/dialog/index.d.ts +7 -7
  47. package/components/form-field/form-field.component.d.ts +5 -5
  48. package/components/form-field/form-field.module.d.ts +7 -7
  49. package/components/form-field/index.d.ts +2 -2
  50. package/components/hint/hint.component.d.ts +7 -7
  51. package/components/hint/hint.module.d.ts +7 -7
  52. package/components/hint/index.d.ts +2 -2
  53. package/components/icon-button/icon-button.component.d.ts +13 -13
  54. package/components/icon-button/icon-button.module.d.ts +9 -9
  55. package/components/icon-button/index.d.ts +2 -2
  56. package/components/index.d.ts +24 -24
  57. package/components/input-number/index.d.ts +2 -2
  58. package/components/input-number/input-number.component.d.ts +55 -55
  59. package/components/input-number/input-number.module.d.ts +11 -11
  60. package/components/input-number/input-number.options.d.ts +9 -9
  61. package/components/input-password/index.d.ts +2 -2
  62. package/components/input-password/input-password.component.d.ts +31 -31
  63. package/components/input-password/input-password.module.d.ts +11 -11
  64. package/components/input-text/index.d.ts +2 -2
  65. package/components/input-text/input-text.component.d.ts +31 -31
  66. package/components/input-text/input-text.module.d.ts +11 -11
  67. package/components/label/index.d.ts +2 -2
  68. package/components/label/label.component.d.ts +6 -6
  69. package/components/label/label.module.d.ts +8 -8
  70. package/components/notification/index.d.ts +3 -3
  71. package/components/notification/notification.component.d.ts +13 -13
  72. package/components/notification/notification.module.d.ts +10 -10
  73. package/components/notification/notification.options.d.ts +13 -13
  74. package/components/radio/index.d.ts +2 -2
  75. package/components/radio/radio.component.d.ts +5 -5
  76. package/components/radio/radio.module.d.ts +7 -7
  77. package/components/root/index.d.ts +2 -2
  78. package/components/root/root.component.d.ts +11 -11
  79. package/components/root/root.module.d.ts +10 -10
  80. package/components/select/index.d.ts +2 -2
  81. package/components/select/select.component.d.ts +44 -44
  82. package/components/select/select.module.d.ts +10 -10
  83. package/components/svg/index.d.ts +2 -2
  84. package/components/svg/svg.component.d.ts +16 -16
  85. package/components/svg/svg.module.d.ts +8 -8
  86. package/components/textarea/index.d.ts +2 -2
  87. package/components/textarea/textarea.component.d.ts +10 -10
  88. package/components/textarea/textarea.module.d.ts +7 -7
  89. package/components/toggle/index.d.ts +2 -2
  90. package/components/toggle/toggle.component.d.ts +5 -5
  91. package/components/toggle/toggle.module.d.ts +7 -7
  92. package/directives/index.d.ts +1 -1
  93. package/directives/text-field-controller/index.d.ts +8 -8
  94. package/directives/text-field-controller/text-field-controller.module.d.ts +11 -11
  95. package/directives/text-field-controller/text-field-controller.provider.d.ts +4 -4
  96. package/directives/text-field-controller/text-field-icon-left.directive.d.ts +9 -9
  97. package/directives/text-field-controller/text-field-id.directive.d.ts +8 -8
  98. package/directives/text-field-controller/text-field-is-error.directive.d.ts +8 -8
  99. package/directives/text-field-controller/text-field-placeholder.directive.d.ts +8 -8
  100. package/directives/text-field-controller/text-field-size.directive.d.ts +9 -9
  101. package/directives/text-field-controller/text-field.controller.d.ts +20 -20
  102. package/esm2020/components/accordion/accordion-item/accordion-item.component.mjs +22 -22
  103. package/esm2020/components/accordion/accordion.component.mjs +11 -11
  104. package/esm2020/components/accordion/accordion.module.mjs +37 -37
  105. package/esm2020/components/accordion/index.mjs +4 -4
  106. package/esm2020/components/alert/alert.component.mjs +37 -37
  107. package/esm2020/components/alert/alert.interfaces.mjs +2 -2
  108. package/esm2020/components/alert/alert.module.mjs +40 -40
  109. package/esm2020/components/alert/alert.service.mjs +17 -17
  110. package/esm2020/components/alert/alert.tokens.mjs +19 -19
  111. package/esm2020/components/alert/alert.types.mjs +2 -2
  112. package/esm2020/components/alert/alerts.component.mjs +36 -36
  113. package/esm2020/components/alert/index.mjs +9 -9
  114. package/esm2020/components/badge/badge.component.mjs +31 -31
  115. package/esm2020/components/badge/badge.module.mjs +18 -18
  116. package/esm2020/components/badge/badge.options.mjs +8 -8
  117. package/esm2020/components/badge/index.mjs +3 -3
  118. package/esm2020/components/banner/banner.component.mjs +68 -68
  119. package/esm2020/components/banner/banner.module.mjs +31 -31
  120. package/esm2020/components/banner/banner.options.mjs +6 -6
  121. package/esm2020/components/banner/index.mjs +4 -4
  122. package/esm2020/components/breadcrumbs/breadcrumb/breadcrumb.component.mjs +16 -16
  123. package/esm2020/components/breadcrumbs/breadcrumbs.component.mjs +17 -17
  124. package/esm2020/components/breadcrumbs/breadcrumbs.module.mjs +33 -33
  125. package/esm2020/components/breadcrumbs/index.mjs +4 -4
  126. package/esm2020/components/button/button.component.mjs +104 -104
  127. package/esm2020/components/button/button.module.mjs +24 -24
  128. package/esm2020/components/button/button.options.mjs +10 -10
  129. package/esm2020/components/button/index.mjs +4 -4
  130. package/esm2020/components/button-group/button-group.component.mjs +11 -11
  131. package/esm2020/components/button-group/button-group.module.mjs +16 -16
  132. package/esm2020/components/button-group/index.mjs +3 -3
  133. package/esm2020/components/checkbox/checkbox.component.mjs +11 -11
  134. package/esm2020/components/checkbox/checkbox.module.mjs +16 -16
  135. package/esm2020/components/checkbox/index.mjs +3 -3
  136. package/esm2020/components/context-menu/context-menu.component.mjs +135 -135
  137. package/esm2020/components/context-menu/context-menu.module.mjs +24 -24
  138. package/esm2020/components/context-menu/index.mjs +3 -3
  139. package/esm2020/components/dialog/dialog-actions/dialog-actions.component.mjs +11 -11
  140. package/esm2020/components/dialog/dialog.component.mjs +65 -65
  141. package/esm2020/components/dialog/dialog.interfaces.mjs +2 -2
  142. package/esm2020/components/dialog/dialog.module.mjs +41 -41
  143. package/esm2020/components/dialog/dialog.service.mjs +17 -17
  144. package/esm2020/components/dialog/dialog.tokens.mjs +11 -11
  145. package/esm2020/components/dialog/dialogs.component.mjs +33 -33
  146. package/esm2020/components/dialog/index.mjs +8 -8
  147. package/esm2020/components/form-field/form-field.component.mjs +11 -11
  148. package/esm2020/components/form-field/form-field.module.mjs +16 -16
  149. package/esm2020/components/form-field/index.mjs +3 -3
  150. package/esm2020/components/hint/hint.component.mjs +19 -19
  151. package/esm2020/components/hint/hint.module.mjs +16 -16
  152. package/esm2020/components/hint/index.mjs +3 -3
  153. package/esm2020/components/icon-button/icon-button.component.mjs +32 -32
  154. package/esm2020/components/icon-button/icon-button.module.mjs +24 -24
  155. package/esm2020/components/icon-button/index.mjs +3 -3
  156. package/esm2020/components/index.mjs +25 -25
  157. package/esm2020/components/input-number/index.mjs +3 -3
  158. package/esm2020/components/input-number/input-number.component.mjs +204 -204
  159. package/esm2020/components/input-number/input-number.module.mjs +33 -33
  160. package/esm2020/components/input-number/input-number.options.mjs +11 -11
  161. package/esm2020/components/input-password/index.mjs +3 -3
  162. package/esm2020/components/input-password/input-password.component.mjs +89 -89
  163. package/esm2020/components/input-password/input-password.module.mjs +33 -33
  164. package/esm2020/components/input-text/index.mjs +3 -3
  165. package/esm2020/components/input-text/input-text.component.mjs +87 -87
  166. package/esm2020/components/input-text/input-text.module.mjs +33 -33
  167. package/esm2020/components/label/index.mjs +3 -3
  168. package/esm2020/components/label/label.component.mjs +17 -17
  169. package/esm2020/components/label/label.module.mjs +18 -18
  170. package/esm2020/components/notification/index.mjs +4 -4
  171. package/esm2020/components/notification/notification.component.mjs +51 -51
  172. package/esm2020/components/notification/notification.module.mjs +27 -27
  173. package/esm2020/components/notification/notification.options.mjs +6 -6
  174. package/esm2020/components/radio/index.mjs +3 -3
  175. package/esm2020/components/radio/radio.component.mjs +11 -11
  176. package/esm2020/components/radio/radio.module.mjs +16 -16
  177. package/esm2020/components/root/index.mjs +3 -3
  178. package/esm2020/components/root/root.component.mjs +30 -30
  179. package/esm2020/components/root/root.module.mjs +28 -28
  180. package/esm2020/components/select/index.mjs +3 -3
  181. package/esm2020/components/select/select.component.mjs +115 -115
  182. package/esm2020/components/select/select.module.mjs +29 -29
  183. package/esm2020/components/svg/index.mjs +3 -3
  184. package/esm2020/components/svg/svg.component.mjs +50 -50
  185. package/esm2020/components/svg/svg.module.mjs +18 -18
  186. package/esm2020/components/textarea/index.mjs +3 -3
  187. package/esm2020/components/textarea/textarea.component.mjs +35 -35
  188. package/esm2020/components/textarea/textarea.module.mjs +16 -16
  189. package/esm2020/components/toggle/index.mjs +3 -3
  190. package/esm2020/components/toggle/toggle.component.mjs +11 -11
  191. package/esm2020/components/toggle/toggle.module.mjs +16 -16
  192. package/esm2020/cuby-ui-core.mjs +4 -4
  193. package/esm2020/directives/index.mjs +2 -2
  194. package/esm2020/directives/text-field-controller/index.mjs +9 -9
  195. package/esm2020/directives/text-field-controller/text-field-controller.module.mjs +40 -40
  196. package/esm2020/directives/text-field-controller/text-field-controller.provider.mjs +24 -24
  197. package/esm2020/directives/text-field-controller/text-field-icon-left.directive.mjs +21 -21
  198. package/esm2020/directives/text-field-controller/text-field-id.directive.mjs +21 -21
  199. package/esm2020/directives/text-field-controller/text-field-is-error.directive.mjs +24 -24
  200. package/esm2020/directives/text-field-controller/text-field-placeholder.directive.mjs +21 -21
  201. package/esm2020/directives/text-field-controller/text-field-size.directive.mjs +24 -24
  202. package/esm2020/directives/text-field-controller/text-field.controller.mjs +25 -25
  203. package/esm2020/index.mjs +7 -7
  204. package/esm2020/interfaces/context-menu-item.mjs +2 -2
  205. package/esm2020/interfaces/index.mjs +3 -3
  206. package/esm2020/interfaces/option.mjs +2 -2
  207. package/esm2020/services/index.mjs +3 -3
  208. package/esm2020/services/theme.options.mjs +6 -6
  209. package/esm2020/services/theme.service.mjs +30 -30
  210. package/esm2020/types/appearance.mjs +2 -2
  211. package/esm2020/types/hint-type.mjs +2 -2
  212. package/esm2020/types/index.mjs +8 -8
  213. package/esm2020/types/position.mjs +2 -2
  214. package/esm2020/types/resizing.mjs +2 -2
  215. package/esm2020/types/shape.mjs +2 -2
  216. package/esm2020/types/size.mjs +2 -2
  217. package/esm2020/types/status.mjs +2 -2
  218. package/esm2020/utils/format/index.mjs +3 -3
  219. package/esm2020/utils/format/remove-spaces.mjs +4 -4
  220. package/esm2020/utils/format/replace.mjs +5 -5
  221. package/esm2020/utils/index.mjs +2 -2
  222. package/fesm2015/cuby-ui-core.mjs +1859 -1859
  223. package/fesm2015/cuby-ui-core.mjs.map +1 -1
  224. package/fesm2020/cuby-ui-core.mjs +1859 -1859
  225. package/fesm2020/cuby-ui-core.mjs.map +1 -1
  226. package/fonts/Inter-Bold.svg +25443 -25443
  227. package/fonts/Inter-Medium.svg +25400 -25400
  228. package/fonts/Inter-Regular.svg +24341 -24341
  229. package/fonts/Inter-SemiBold.svg +25459 -25459
  230. package/index.d.ts +6 -6
  231. package/interfaces/context-menu-item.d.ts +7 -7
  232. package/interfaces/index.d.ts +2 -2
  233. package/interfaces/option.d.ts +4 -4
  234. package/package.json +3 -3
  235. package/services/index.d.ts +2 -2
  236. package/services/theme.options.d.ts +5 -5
  237. package/services/theme.service.d.ts +12 -12
  238. package/styles/fonts.scss +51 -51
  239. package/styles/global.scss +9 -9
  240. package/styles/mixins/buttons.scss +12 -12
  241. package/styles/mixins/headings.scss +115 -115
  242. package/styles/mixins/inputs.scss +95 -95
  243. package/styles/mixins/lists.scss +5 -5
  244. package/styles/mixins/paddings.scss +35 -35
  245. package/styles/mixins/shadows.scss +38 -38
  246. package/styles/mixins/texts.scss +219 -219
  247. package/styles/theme.scss +150 -150
  248. package/styles/variables/colors.scss +125 -125
  249. package/types/appearance.d.ts +8 -8
  250. package/types/hint-type.d.ts +1 -1
  251. package/types/index.d.ts +7 -7
  252. package/types/position.d.ts +2 -2
  253. package/types/resizing.d.ts +2 -2
  254. package/types/shape.d.ts +1 -1
  255. package/types/size.d.ts +4 -4
  256. package/types/status.d.ts +1 -1
  257. package/utils/format/index.d.ts +2 -2
  258. package/utils/format/remove-spaces.d.ts +1 -1
  259. package/utils/format/replace.d.ts +1 -1
  260. package/utils/index.d.ts +1 -1
package/styles/theme.scss CHANGED
@@ -1,150 +1,150 @@
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: #E2E4E9;
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-800: #297F7E;
30
- --cui-cyan-900: #1A6B6A;
31
-
32
- --cui-green-50: #ECFFF3;
33
- --cui-green-100: #C1FFDA;
34
- --cui-green-200: #97FFC0;
35
- --cui-green-300: #6DFFA7;
36
- --cui-green-400: #3EEE84;
37
- --cui-green-500: #29CC6A;
38
- --cui-green-600: #17C174;
39
- --cui-green-700: #039855;
40
- --cui-green-800: #006F3D;
41
- --cui-green-900: #004627;
42
-
43
- --cui-yellow-50: #FFFAEB;
44
- --cui-yellow-100: #FFE6B7;
45
- --cui-yellow-200: #FFD892;
46
- --cui-yellow-300: #FFC354;
47
- --cui-yellow-400: #FDB022;
48
- --cui-yellow-500: #DB9411;
49
- --cui-yellow-600: #B97904;
50
- --cui-yellow-700: #976200;
51
- --cui-yellow-800: #754C00;
52
- --cui-yellow-900: #533600;
53
-
54
- --cui-orange-50: #FFF4EE;
55
- --cui-orange-100: #FFEBDD;
56
- --cui-orange-200: #FFE0CF;
57
- --cui-orange-300: #FFD7BA;
58
- --cui-orange-400: #FFBC8B;
59
- --cui-orange-500: #FFA05C;
60
- --cui-orange-600: #FF852C;
61
- --cui-orange-700: #B75119;
62
- --cui-orange-800: #8E3605;
63
- --cui-orange-900: #652400;
64
-
65
- --cui-red-50: #FFEEEE;
66
- --cui-red-100: #FFC8C8;
67
- --cui-red-200: #FFA2A2;
68
- --cui-red-300: #FF7C7C;
69
- --cui-red-400: #FC5555;
70
- --cui-red-500: #D92D20;
71
- --cui-red-600: #B82E2E;
72
- --cui-red-700: #961F1F;
73
- --cui-red-800: #741313;
74
- --cui-red-900: #520909;
75
-
76
- --cui-light-blue-50: #F0F9FF;
77
- --cui-light-blue-100: #E5F5FF;
78
- --cui-light-blue-200: #C4E7FF;
79
- --cui-light-blue-300: #98D6FF;
80
- --cui-light-blue-400: #6DC4FF;
81
- --cui-light-blue-500: #2EABFF;
82
- --cui-light-blue-600: #0099FF;
83
- --cui-light-blue-700: #0068AD;
84
- --cui-light-blue-800: #005085;
85
- --cui-light-blue-900: #00375C;
86
-
87
- --cui-blue-50: #F0F7FF;
88
- --cui-blue-100: #E8F1FF;
89
- --cui-blue-200: #BED9FF;
90
- --cui-blue-300: #94C0FF;
91
- --cui-blue-400: #4190FF;
92
- --cui-blue-500: #4190FF;
93
- --cui-blue-600: #1570EF;
94
- --cui-blue-700: #0354C6;
95
- --cui-blue-800: #00429D;
96
- --cui-blue-900: #002B67;
97
-
98
- --cui-magenta-50: #FFE5FF;
99
- --cui-magenta-100: #FFE5FF;
100
- --cui-magenta-200: #F38DE2;
101
- --cui-magenta-300: #EC5FD6;
102
- --cui-magenta-400: #E633C9;
103
- --cui-magenta-500: #CC19B0;
104
- --cui-magenta-600: #A0128A;
105
- --cui-magenta-700: #720A63;
106
- --cui-magenta-800: #46033D;
107
- --cui-magenta-900: #1C0018;
108
-
109
- --cui-base-0: var(--cui-gray-0);
110
- --cui-base-10: var(--cui-gray-10);
111
- --cui-base-50: var(--cui-gray-50);
112
- --cui-base-100: var(--cui-gray-100);
113
- --cui-base-200: var(--cui-gray-200);
114
- --cui-base-300: var(--cui-gray-300);
115
- --cui-base-400: var(--cui-gray-400);
116
- --cui-base-500: var(--cui-gray-500);
117
- --cui-base-900: var(--cui-gray-900);
118
-
119
- --cui-success: var(--cui-green-600);
120
-
121
- --cui-warning: var(--cui-yellow-400);
122
-
123
- --cui-danger: var(--cui-red-500);
124
-
125
- --cui-info: var(--cui-blue-600);
126
-
127
- --cui-focus: var(--cui-blue-100);
128
- }
129
-
130
- [cuiTheme='dark'] {
131
- --cui-base-0: var(--cui-slate-900);
132
- --cui-base-10: var(--cui-slate-800);
133
- --cui-base-50: var(--cui-slate-700);
134
- --cui-base-100: var(--cui-slate-600);
135
- --cui-base-200: var(--cui-slate-500);
136
- --cui-base-300: var(--cui-gray-400);
137
- --cui-base-400: var(--cui-slate-400);
138
- --cui-base-500: var(--cui-slate-300);
139
- --cui-base-900: var(--cui-slate-200);
140
-
141
- --cui-success: var(--cui-green-500);
142
-
143
- --cui-warning: var(--cui-yellow-300);
144
-
145
- --cui-danger: var(--cui-red-400);
146
-
147
- --cui-info: var(--cui-blue-500);
148
-
149
- --cui-focus: var(--cui-light-blue-700);
150
- }
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: #E2E4E9;
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-800: #297F7E;
30
+ --cui-cyan-900: #1A6B6A;
31
+
32
+ --cui-green-50: #ECFFF3;
33
+ --cui-green-100: #C1FFDA;
34
+ --cui-green-200: #97FFC0;
35
+ --cui-green-300: #6DFFA7;
36
+ --cui-green-400: #3EEE84;
37
+ --cui-green-500: #29CC6A;
38
+ --cui-green-600: #17C174;
39
+ --cui-green-700: #039855;
40
+ --cui-green-800: #006F3D;
41
+ --cui-green-900: #004627;
42
+
43
+ --cui-yellow-50: #FFFAEB;
44
+ --cui-yellow-100: #FFE6B7;
45
+ --cui-yellow-200: #FFD892;
46
+ --cui-yellow-300: #FFC354;
47
+ --cui-yellow-400: #FDB022;
48
+ --cui-yellow-500: #DB9411;
49
+ --cui-yellow-600: #B97904;
50
+ --cui-yellow-700: #976200;
51
+ --cui-yellow-800: #754C00;
52
+ --cui-yellow-900: #533600;
53
+
54
+ --cui-orange-50: #FFF4EE;
55
+ --cui-orange-100: #FFEBDD;
56
+ --cui-orange-200: #FFE0CF;
57
+ --cui-orange-300: #FFD7BA;
58
+ --cui-orange-400: #FFBC8B;
59
+ --cui-orange-500: #FFA05C;
60
+ --cui-orange-600: #FF852C;
61
+ --cui-orange-700: #B75119;
62
+ --cui-orange-800: #8E3605;
63
+ --cui-orange-900: #652400;
64
+
65
+ --cui-red-50: #FFEEEE;
66
+ --cui-red-100: #FFC8C8;
67
+ --cui-red-200: #FFA2A2;
68
+ --cui-red-300: #FF7C7C;
69
+ --cui-red-400: #FC5555;
70
+ --cui-red-500: #D92D20;
71
+ --cui-red-600: #B82E2E;
72
+ --cui-red-700: #961F1F;
73
+ --cui-red-800: #741313;
74
+ --cui-red-900: #520909;
75
+
76
+ --cui-light-blue-50: #F0F9FF;
77
+ --cui-light-blue-100: #E5F5FF;
78
+ --cui-light-blue-200: #C4E7FF;
79
+ --cui-light-blue-300: #98D6FF;
80
+ --cui-light-blue-400: #6DC4FF;
81
+ --cui-light-blue-500: #2EABFF;
82
+ --cui-light-blue-600: #0099FF;
83
+ --cui-light-blue-700: #0068AD;
84
+ --cui-light-blue-800: #005085;
85
+ --cui-light-blue-900: #00375C;
86
+
87
+ --cui-blue-50: #F0F7FF;
88
+ --cui-blue-100: #E8F1FF;
89
+ --cui-blue-200: #BED9FF;
90
+ --cui-blue-300: #94C0FF;
91
+ --cui-blue-400: #4190FF;
92
+ --cui-blue-500: #4190FF;
93
+ --cui-blue-600: #1570EF;
94
+ --cui-blue-700: #0354C6;
95
+ --cui-blue-800: #00429D;
96
+ --cui-blue-900: #002B67;
97
+
98
+ --cui-magenta-50: #FFE5FF;
99
+ --cui-magenta-100: #FFE5FF;
100
+ --cui-magenta-200: #F38DE2;
101
+ --cui-magenta-300: #EC5FD6;
102
+ --cui-magenta-400: #E633C9;
103
+ --cui-magenta-500: #CC19B0;
104
+ --cui-magenta-600: #A0128A;
105
+ --cui-magenta-700: #720A63;
106
+ --cui-magenta-800: #46033D;
107
+ --cui-magenta-900: #1C0018;
108
+
109
+ --cui-base-0: var(--cui-gray-0);
110
+ --cui-base-10: var(--cui-gray-10);
111
+ --cui-base-50: var(--cui-gray-50);
112
+ --cui-base-100: var(--cui-gray-100);
113
+ --cui-base-200: var(--cui-gray-200);
114
+ --cui-base-300: var(--cui-gray-300);
115
+ --cui-base-400: var(--cui-gray-400);
116
+ --cui-base-500: var(--cui-gray-500);
117
+ --cui-base-900: var(--cui-gray-900);
118
+
119
+ --cui-success: var(--cui-green-600);
120
+
121
+ --cui-warning: var(--cui-yellow-400);
122
+
123
+ --cui-danger: var(--cui-red-500);
124
+
125
+ --cui-info: var(--cui-blue-600);
126
+
127
+ --cui-focus: var(--cui-blue-100);
128
+ }
129
+
130
+ [cuiTheme='dark'] {
131
+ --cui-base-0: var(--cui-slate-900);
132
+ --cui-base-10: var(--cui-slate-800);
133
+ --cui-base-50: var(--cui-slate-700);
134
+ --cui-base-100: var(--cui-slate-600);
135
+ --cui-base-200: var(--cui-slate-500);
136
+ --cui-base-300: var(--cui-gray-400);
137
+ --cui-base-400: var(--cui-slate-400);
138
+ --cui-base-500: var(--cui-slate-300);
139
+ --cui-base-900: var(--cui-slate-200);
140
+
141
+ --cui-success: var(--cui-green-500);
142
+
143
+ --cui-warning: var(--cui-yellow-300);
144
+
145
+ --cui-danger: var(--cui-red-400);
146
+
147
+ --cui-info: var(--cui-blue-500);
148
+
149
+ --cui-focus: var(--cui-light-blue-700);
150
+ }
@@ -1,125 +1,125 @@
1
- $cui-gray-0: var(--cui-gray-0);
2
- $cui-gray-10: var(--cui-gray-10);
3
- $cui-gray-50: var(--cui-gray-50);
4
- $cui-gray-100: var(--cui-gray-100);
5
- $cui-gray-200: var(--cui-gray-200);
6
- $cui-gray-300: var(--cui-gray-300);
7
- $cui-gray-400: var(--cui-gray-400);
8
- $cui-gray-500: var(--cui-gray-500);
9
- $cui-gray-600: var(--cui-gray-600);
10
- $cui-gray-700: var(--cui-gray-700);
11
- $cui-gray-800: var(--cui-gray-800);
12
- $cui-gray-900: var(--cui-gray-900);
13
-
14
- $cui-slate-10: var(--cui-slate-10);
15
- $cui-slate-50: var(--cui-slate-50);
16
- $cui-slate-100: var(--cui-slate-100);
17
- $cui-slate-200: var(--cui-slate-200);
18
- $cui-slate-300: var(--cui-slate-300);
19
- $cui-slate-400: var(--cui-slate-400);
20
- $cui-slate-500: var(--cui-slate-500);
21
- $cui-slate-600: var(--cui-slate-600);
22
- $cui-slate-700: var(--cui-slate-700);
23
- $cui-slate-800: var(--cui-slate-800);
24
- $cui-slate-900: var(--cui-slate-900);
25
-
26
- $cui-cyan-800: var(--cui-cyan-800);
27
- $cui-cyan-900: var(--cui-cyan-900);
28
-
29
- $cui-green-50: var(--cui-green-50);
30
- $cui-green-100: var(--cui-green-100);
31
- $cui-green-200: var(--cui-green-200);
32
- $cui-green-300: var(--cui-green-300);
33
- $cui-green-400: var(--cui-green-400);
34
- $cui-green-500: var(--cui-green-500);
35
- $cui-green-600: var(--cui-green-600);
36
- $cui-green-700: var(--cui-green-700);
37
- $cui-green-800: var(--cui-green-800);
38
- $cui-green-900: var(--cui-green-900);
39
-
40
- $cui-yellow-50: var(--cui-yellow-50);
41
- $cui-yellow-100: var(--cui-yellow-100);
42
- $cui-yellow-200: var(--cui-yellow-200);
43
- $cui-yellow-300: var(--cui-yellow-300);
44
- $cui-yellow-400: var(--cui-yellow-400);
45
- $cui-yellow-500: var(--cui-yellow-500);
46
- $cui-yellow-600: var(--cui-yellow-600);
47
- $cui-yellow-700: var(--cui-yellow-700);
48
- $cui-yellow-800: var(--cui-yellow-800);
49
- $cui-yellow-900: var(--cui-yellow-900);
50
-
51
- $cui-orange-50: var(--cui-orange-50);
52
- $cui-orange-100: var(--cui-orange-100);
53
- $cui-orange-200: var(--cui-orange-200);
54
- $cui-orange-300: var(--cui-orange-300);
55
- $cui-orange-400: var(--cui-orange-400);
56
- $cui-orange-500: var(--cui-orange-500);
57
- $cui-orange-600: var(--cui-orange-600);
58
- $cui-orange-700: var(--cui-orange-700);
59
- $cui-orange-800: var(--cui-orange-800);
60
- $cui-orange-900: var(--cui-orange-900);
61
-
62
- $cui-red-50: var(--cui-red-50);
63
- $cui-red-100: var(--cui-red-100);
64
- $cui-red-200: var(--cui-red-200);
65
- $cui-red-300: var(--cui-red-300);
66
- $cui-red-400: var(--cui-red-400);
67
- $cui-red-500: var(--cui-red-500);
68
- $cui-red-600: var(--cui-red-600);
69
- $cui-red-700: var(--cui-red-700);
70
- $cui-red-800: var(--cui-red-800);
71
- $cui-red-900: var(--cui-red-900);
72
-
73
- $cui-light-blue-50: var(--cui-light-blue-50);
74
- $cui-light-blue-100: var(--cui-light-blue-100);
75
- $cui-light-blue-200: var(--cui-light-blue-200);
76
- $cui-light-blue-300: var(--cui-light-blue-300);
77
- $cui-light-blue-400: var(--cui-light-blue-400);
78
- $cui-light-blue-500: var(--cui-light-blue-500);
79
- $cui-light-blue-600: var(--cui-light-blue-600);
80
- $cui-light-blue-700: var(--cui-light-blue-700);
81
- $cui-light-blue-800: var(--cui-light-blue-800);
82
- $cui-light-blue-900: var(--cui-light-blue-900);
83
-
84
- $cui-blue-50: var(--cui-blue-50);
85
- $cui-blue-100: var(--cui-blue-100);
86
- $cui-blue-200: var(--cui-blue-200);
87
- $cui-blue-300: var(--cui-blue-300);
88
- $cui-blue-400: var(--cui-blue-400);
89
- $cui-blue-500: var(--cui-blue-500);
90
- $cui-blue-600: var(--cui-blue-600);
91
- $cui-blue-700: var(--cui-blue-700);
92
- $cui-blue-800: var(--cui-blue-800);
93
- $cui-blue-900: var(--cui-blue-900);
94
-
95
- $cui-magenta-50: var(--cui-magenta-50);
96
- $cui-magenta-100: var(--cui-magenta-100);
97
- $cui-magenta-200: var(--cui-magenta-200);
98
- $cui-magenta-300: var(--cui-magenta-300);
99
- $cui-magenta-400: var(--cui-magenta-400);
100
- $cui-magenta-500: var(--cui-magenta-500);
101
- $cui-magenta-600: var(--cui-magenta-600);
102
- $cui-magenta-700: var(--cui-magenta-700);
103
- $cui-magenta-800: var(--cui-magenta-800);
104
- $cui-magenta-900: var(--cui-magenta-900);
105
-
106
- $cui-base-0: var(--cui-base-0);
107
- $cui-base-10: var(--cui-base-10);
108
- $cui-base-50: var(--cui-base-50);
109
- $cui-base-100: var(--cui-base-100);
110
- $cui-base-200: var(--cui-base-200);
111
- $cui-base-300: var(--cui-base-300);
112
- $cui-base-400: var(--cui-base-400);
113
- $cui-base-500: var(--cui-base-500);
114
- $cui-base-600: var(--cui-base-600);
115
- $cui-base-900: var(--cui-base-900);
116
-
117
- $cui-success: var(--cui-success);
118
-
119
- $cui-warning: var(--cui-warning);
120
-
121
- $cui-danger: var(--cui-danger);
122
-
123
- $cui-info: var(--cui-info);
124
-
125
- $cui-focus: var(--cui-focus);
1
+ $cui-gray-0: var(--cui-gray-0);
2
+ $cui-gray-10: var(--cui-gray-10);
3
+ $cui-gray-50: var(--cui-gray-50);
4
+ $cui-gray-100: var(--cui-gray-100);
5
+ $cui-gray-200: var(--cui-gray-200);
6
+ $cui-gray-300: var(--cui-gray-300);
7
+ $cui-gray-400: var(--cui-gray-400);
8
+ $cui-gray-500: var(--cui-gray-500);
9
+ $cui-gray-600: var(--cui-gray-600);
10
+ $cui-gray-700: var(--cui-gray-700);
11
+ $cui-gray-800: var(--cui-gray-800);
12
+ $cui-gray-900: var(--cui-gray-900);
13
+
14
+ $cui-slate-10: var(--cui-slate-10);
15
+ $cui-slate-50: var(--cui-slate-50);
16
+ $cui-slate-100: var(--cui-slate-100);
17
+ $cui-slate-200: var(--cui-slate-200);
18
+ $cui-slate-300: var(--cui-slate-300);
19
+ $cui-slate-400: var(--cui-slate-400);
20
+ $cui-slate-500: var(--cui-slate-500);
21
+ $cui-slate-600: var(--cui-slate-600);
22
+ $cui-slate-700: var(--cui-slate-700);
23
+ $cui-slate-800: var(--cui-slate-800);
24
+ $cui-slate-900: var(--cui-slate-900);
25
+
26
+ $cui-cyan-800: var(--cui-cyan-800);
27
+ $cui-cyan-900: var(--cui-cyan-900);
28
+
29
+ $cui-green-50: var(--cui-green-50);
30
+ $cui-green-100: var(--cui-green-100);
31
+ $cui-green-200: var(--cui-green-200);
32
+ $cui-green-300: var(--cui-green-300);
33
+ $cui-green-400: var(--cui-green-400);
34
+ $cui-green-500: var(--cui-green-500);
35
+ $cui-green-600: var(--cui-green-600);
36
+ $cui-green-700: var(--cui-green-700);
37
+ $cui-green-800: var(--cui-green-800);
38
+ $cui-green-900: var(--cui-green-900);
39
+
40
+ $cui-yellow-50: var(--cui-yellow-50);
41
+ $cui-yellow-100: var(--cui-yellow-100);
42
+ $cui-yellow-200: var(--cui-yellow-200);
43
+ $cui-yellow-300: var(--cui-yellow-300);
44
+ $cui-yellow-400: var(--cui-yellow-400);
45
+ $cui-yellow-500: var(--cui-yellow-500);
46
+ $cui-yellow-600: var(--cui-yellow-600);
47
+ $cui-yellow-700: var(--cui-yellow-700);
48
+ $cui-yellow-800: var(--cui-yellow-800);
49
+ $cui-yellow-900: var(--cui-yellow-900);
50
+
51
+ $cui-orange-50: var(--cui-orange-50);
52
+ $cui-orange-100: var(--cui-orange-100);
53
+ $cui-orange-200: var(--cui-orange-200);
54
+ $cui-orange-300: var(--cui-orange-300);
55
+ $cui-orange-400: var(--cui-orange-400);
56
+ $cui-orange-500: var(--cui-orange-500);
57
+ $cui-orange-600: var(--cui-orange-600);
58
+ $cui-orange-700: var(--cui-orange-700);
59
+ $cui-orange-800: var(--cui-orange-800);
60
+ $cui-orange-900: var(--cui-orange-900);
61
+
62
+ $cui-red-50: var(--cui-red-50);
63
+ $cui-red-100: var(--cui-red-100);
64
+ $cui-red-200: var(--cui-red-200);
65
+ $cui-red-300: var(--cui-red-300);
66
+ $cui-red-400: var(--cui-red-400);
67
+ $cui-red-500: var(--cui-red-500);
68
+ $cui-red-600: var(--cui-red-600);
69
+ $cui-red-700: var(--cui-red-700);
70
+ $cui-red-800: var(--cui-red-800);
71
+ $cui-red-900: var(--cui-red-900);
72
+
73
+ $cui-light-blue-50: var(--cui-light-blue-50);
74
+ $cui-light-blue-100: var(--cui-light-blue-100);
75
+ $cui-light-blue-200: var(--cui-light-blue-200);
76
+ $cui-light-blue-300: var(--cui-light-blue-300);
77
+ $cui-light-blue-400: var(--cui-light-blue-400);
78
+ $cui-light-blue-500: var(--cui-light-blue-500);
79
+ $cui-light-blue-600: var(--cui-light-blue-600);
80
+ $cui-light-blue-700: var(--cui-light-blue-700);
81
+ $cui-light-blue-800: var(--cui-light-blue-800);
82
+ $cui-light-blue-900: var(--cui-light-blue-900);
83
+
84
+ $cui-blue-50: var(--cui-blue-50);
85
+ $cui-blue-100: var(--cui-blue-100);
86
+ $cui-blue-200: var(--cui-blue-200);
87
+ $cui-blue-300: var(--cui-blue-300);
88
+ $cui-blue-400: var(--cui-blue-400);
89
+ $cui-blue-500: var(--cui-blue-500);
90
+ $cui-blue-600: var(--cui-blue-600);
91
+ $cui-blue-700: var(--cui-blue-700);
92
+ $cui-blue-800: var(--cui-blue-800);
93
+ $cui-blue-900: var(--cui-blue-900);
94
+
95
+ $cui-magenta-50: var(--cui-magenta-50);
96
+ $cui-magenta-100: var(--cui-magenta-100);
97
+ $cui-magenta-200: var(--cui-magenta-200);
98
+ $cui-magenta-300: var(--cui-magenta-300);
99
+ $cui-magenta-400: var(--cui-magenta-400);
100
+ $cui-magenta-500: var(--cui-magenta-500);
101
+ $cui-magenta-600: var(--cui-magenta-600);
102
+ $cui-magenta-700: var(--cui-magenta-700);
103
+ $cui-magenta-800: var(--cui-magenta-800);
104
+ $cui-magenta-900: var(--cui-magenta-900);
105
+
106
+ $cui-base-0: var(--cui-base-0);
107
+ $cui-base-10: var(--cui-base-10);
108
+ $cui-base-50: var(--cui-base-50);
109
+ $cui-base-100: var(--cui-base-100);
110
+ $cui-base-200: var(--cui-base-200);
111
+ $cui-base-300: var(--cui-base-300);
112
+ $cui-base-400: var(--cui-base-400);
113
+ $cui-base-500: var(--cui-base-500);
114
+ $cui-base-600: var(--cui-base-600);
115
+ $cui-base-900: var(--cui-base-900);
116
+
117
+ $cui-success: var(--cui-success);
118
+
119
+ $cui-warning: var(--cui-warning);
120
+
121
+ $cui-danger: var(--cui-danger);
122
+
123
+ $cui-info: var(--cui-info);
124
+
125
+ $cui-focus: var(--cui-focus);
@@ -1,8 +1,8 @@
1
- export type CuiAppearanceAction = 'action';
2
- export type CuiAppearanceSecondary = 'secondary';
3
- export type CuiAppearanceOutlined = 'outlined';
4
- export type CuiAppearanceOutlinedGray = 'outlined-gray';
5
- export type CuiAppearanceGhost = 'ghost';
6
- export type CuiAppearanceFlat = 'flat';
7
- export type CuiAppearanceDestructive = 'destructive';
8
- export type CuiAppearanceLink = 'link';
1
+ export type CuiAppearanceAction = 'action';
2
+ export type CuiAppearanceSecondary = 'secondary';
3
+ export type CuiAppearanceOutlined = 'outlined';
4
+ export type CuiAppearanceOutlinedGray = 'outlined-gray';
5
+ export type CuiAppearanceGhost = 'ghost';
6
+ export type CuiAppearanceFlat = 'flat';
7
+ export type CuiAppearanceDestructive = 'destructive';
8
+ export type CuiAppearanceLink = 'link';
@@ -1 +1 @@
1
- export type CuiHintType = 'info' | 'error';
1
+ export type CuiHintType = 'info' | 'error';
package/types/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export * from './appearance';
2
- export * from './hint-type';
3
- export * from './position';
4
- export * from './resizing';
5
- export * from './shape';
6
- export * from './size';
7
- export * from './status';
1
+ export * from './appearance';
2
+ export * from './hint-type';
3
+ export * from './position';
4
+ export * from './resizing';
5
+ export * from './shape';
6
+ export * from './size';
7
+ export * from './status';
@@ -1,2 +1,2 @@
1
- export type CuiPositionCenter = 'center';
2
- export type CuiPositionRight = 'right';
1
+ export type CuiPositionCenter = 'center';
2
+ export type CuiPositionRight = 'right';
@@ -1,2 +1,2 @@
1
- export type CuiResizingHug = 'hug';
2
- export type CuiResizingFixed = 'fixed';
1
+ export type CuiResizingHug = 'hug';
2
+ export type CuiResizingFixed = 'fixed';
package/types/shape.d.ts CHANGED
@@ -1 +1 @@
1
- export type CuiShapeRounded = 'rounded';
1
+ export type CuiShapeRounded = 'rounded';
package/types/size.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type CuiSizeXxs = 'xxs';
2
- export type CuiSizeXs = 'xs';
3
- export type CuiSizeSm = 'sm';
4
- export type CuiSizeMd = 'md';
1
+ export type CuiSizeXxs = 'xxs';
2
+ export type CuiSizeXs = 'xs';
3
+ export type CuiSizeSm = 'sm';
4
+ export type CuiSizeMd = 'md';
package/types/status.d.ts CHANGED
@@ -1 +1 @@
1
- export type CuiStatus = 'success' | 'info' | 'alert' | 'error';
1
+ export type CuiStatus = 'success' | 'info' | 'alert' | 'error';
@@ -1,2 +1,2 @@
1
- export * from './remove-spaces';
2
- export * from './replace';
1
+ export * from './remove-spaces';
2
+ export * from './replace';
@@ -1 +1 @@
1
- export declare function cuiRemoveSpaces(value: string): string;
1
+ export declare function cuiRemoveSpaces(value: string): string;
@@ -1 +1 @@
1
- export declare function cuiReplace(value: string, search: string, replace: string): string;
1
+ export declare function cuiReplace(value: string, search: string, replace: string): string;
package/utils/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './format';
1
+ export * from './format';