@addev-be/ui 2.7.3 → 2.7.5

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 (238) hide show
  1. package/assets/icons/arrow-down-1-9.svg +1 -1
  2. package/assets/icons/arrow-down-a-z.svg +1 -1
  3. package/assets/icons/arrow-up-z-a.svg +1 -1
  4. package/assets/icons/check.svg +1 -1
  5. package/assets/icons/circle-check.svg +1 -1
  6. package/assets/icons/down.svg +1 -1
  7. package/assets/icons/filter-full.svg +1 -1
  8. package/assets/icons/filter.svg +1 -1
  9. package/assets/icons/hashtag.svg +1 -1
  10. package/assets/icons/image-slash.svg +1 -1
  11. package/assets/icons/left.svg +1 -1
  12. package/assets/icons/magnifier.svg +1 -1
  13. package/assets/icons/phone.svg +1 -1
  14. package/assets/icons/right.svg +1 -1
  15. package/assets/icons/sort-calendar-ascending.svg +5 -5
  16. package/assets/icons/spinner-third.svg +1 -1
  17. package/assets/icons/table-columns.svg +1 -1
  18. package/assets/icons/table-footer-slash.svg +4 -4
  19. package/assets/icons/table-footer.svg +3 -3
  20. package/assets/icons/up.svg +1 -1
  21. package/assets/icons/user-tie.svg +1 -1
  22. package/assets/icons/x-bar.svg +3 -3
  23. package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +8 -9
  24. package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +72 -21
  25. package/dist/components/data/AdvancedRequestDataGrid/index.js +2 -2
  26. package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +1 -1
  27. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.d.ts +1 -2
  28. package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.js +3 -2
  29. package/dist/services/index.js +7 -17
  30. package/eslint.config.js +3 -3
  31. package/package.json +2 -2
  32. package/src/Icons.tsx +138 -138
  33. package/src/components/auth/LoginForm.tsx +86 -86
  34. package/src/components/auth/LoginPage.tsx +32 -32
  35. package/src/components/auth/PasswordRecoveryForm.tsx +53 -53
  36. package/src/components/auth/PasswordResetForm.tsx +112 -112
  37. package/src/components/auth/styles.ts +14 -14
  38. package/src/components/data/DataGrid/DataGridCell.tsx +81 -81
  39. package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts +9 -9
  40. package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx +59 -59
  41. package/src/components/data/DataGrid/DataGridColumnsModal/index.tsx +182 -182
  42. package/src/components/data/DataGrid/DataGridColumnsModal/styles.ts +104 -104
  43. package/src/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.tsx +37 -37
  44. package/src/components/data/DataGrid/DataGridEditableCell/DateEditableCell.tsx +38 -38
  45. package/src/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.tsx +71 -71
  46. package/src/components/data/DataGrid/DataGridEditableCell/TextEditableCell.tsx +37 -37
  47. package/src/components/data/DataGrid/DataGridEditableCell/index.tsx +106 -106
  48. package/src/components/data/DataGrid/DataGridEditableCell/styles.ts +35 -35
  49. package/src/components/data/DataGrid/DataGridEditableCell/types.ts +18 -18
  50. package/src/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.tsx +129 -129
  51. package/src/components/data/DataGrid/DataGridFilterMenu/hooks.tsx +81 -81
  52. package/src/components/data/DataGrid/DataGridFilterMenu/index.tsx +370 -370
  53. package/src/components/data/DataGrid/DataGridFilterMenu/styles.ts +97 -97
  54. package/src/components/data/DataGrid/DataGridFooter.tsx +47 -47
  55. package/src/components/data/DataGrid/DataGridHeader.tsx +74 -74
  56. package/src/components/data/DataGrid/DataGridHeaderCell.tsx +112 -112
  57. package/src/components/data/DataGrid/DataGridRowTemplate.tsx +83 -83
  58. package/src/components/data/DataGrid/DataGridToolbar.tsx +134 -134
  59. package/src/components/data/DataGrid/FilterModalContent/index.tsx +137 -137
  60. package/src/components/data/DataGrid/FilterModalContent/styles.ts +22 -22
  61. package/src/components/data/DataGrid/constants.ts +6 -6
  62. package/src/components/data/DataGrid/helpers/columns.tsx +449 -449
  63. package/src/components/data/DataGrid/helpers/filters.ts +287 -287
  64. package/src/components/data/DataGrid/helpers/index.ts +2 -2
  65. package/src/components/data/DataGrid/hooks/index.ts +29 -29
  66. package/src/components/data/DataGrid/hooks/useDataGrid.tsx +383 -383
  67. package/src/components/data/DataGrid/hooks/useDataGridChangedRows.ts +97 -97
  68. package/src/components/data/DataGrid/hooks/useDataGridCopy.ts +174 -174
  69. package/src/components/data/DataGrid/hooks/useDataGridSettings.ts +48 -48
  70. package/src/components/data/DataGrid/hooks/useRefreshModal.tsx +48 -48
  71. package/src/components/data/DataGrid/index.tsx +111 -111
  72. package/src/components/data/DataGrid/styles.ts +434 -434
  73. package/src/components/data/DataGrid/types.ts +380 -380
  74. package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +526 -526
  75. package/src/components/data/SqlRequestDataGrid/helpers/index.ts +2 -2
  76. package/src/components/data/SqlRequestDataGrid/helpers/rows.ts +24 -24
  77. package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +17 -17
  78. package/src/components/data/SqlRequestDataGrid/index.tsx +417 -417
  79. package/src/components/data/SqlRequestDataGrid/styles.ts +15 -15
  80. package/src/components/data/SqlRequestDataGrid/types.ts +74 -74
  81. package/src/components/data/SqlRequestForeignList/index.tsx +254 -254
  82. package/src/components/data/SqlRequestForeignList/styles.ts +43 -43
  83. package/src/components/data/SqlRequestForeignList/types.ts +32 -32
  84. package/src/components/data/SqlRequestGrid/filters/FiltersSidebar.tsx +108 -108
  85. package/src/components/data/SqlRequestGrid/filters/styles.ts +88 -88
  86. package/src/components/data/SqlRequestGrid/helpers/index.ts +1 -1
  87. package/src/components/data/SqlRequestGrid/helpers/sqlRequests.ts +16 -16
  88. package/src/components/data/SqlRequestGrid/index.tsx +304 -304
  89. package/src/components/data/SqlRequestGrid/styles.ts +20 -20
  90. package/src/components/data/SqlRequestGrid/types.ts +73 -73
  91. package/src/components/data/VirtualScroller/hooks.ts +71 -71
  92. package/src/components/data/VirtualScroller/index.tsx +89 -89
  93. package/src/components/data/VirtualScroller/styles.ts +57 -57
  94. package/src/components/data/VirtualScroller/types.ts +10 -10
  95. package/src/components/forms/AutoTextArea.tsx +48 -48
  96. package/src/components/forms/BillitIdentifier/index.tsx +78 -78
  97. package/src/components/forms/BillitIdentifier/styles.tsx +43 -43
  98. package/src/components/forms/Button.tsx +132 -132
  99. package/src/components/forms/Form/Checkbox.tsx +12 -12
  100. package/src/components/forms/Form/CustomSelect.tsx +86 -86
  101. package/src/components/forms/Form/FormGroup.tsx +33 -33
  102. package/src/components/forms/Form/Input.tsx +16 -16
  103. package/src/components/forms/Form/Row.tsx +28 -28
  104. package/src/components/forms/Form/Select.tsx +99 -99
  105. package/src/components/forms/Form/TextArea.tsx +17 -17
  106. package/src/components/forms/Form/index.tsx +48 -48
  107. package/src/components/forms/Form/styles.ts +148 -148
  108. package/src/components/forms/IconButton.tsx +61 -61
  109. package/src/components/forms/IndeterminateCheckbox.tsx +46 -46
  110. package/src/components/forms/NumberInput.tsx +53 -53
  111. package/src/components/forms/Select.tsx +34 -34
  112. package/src/components/forms/VerticalLabel.tsx +20 -20
  113. package/src/components/forms/styles.ts +42 -42
  114. package/src/components/layout/Columns.ts +28 -28
  115. package/src/components/layout/Dropdown/index.tsx +113 -113
  116. package/src/components/layout/Dropdown/styles.ts +53 -53
  117. package/src/components/layout/Flexbox.ts +21 -21
  118. package/src/components/layout/Grid/index.tsx +8 -8
  119. package/src/components/layout/Grid/styles.ts +34 -34
  120. package/src/components/layout/Loading/index.tsx +29 -29
  121. package/src/components/layout/Loading/styles.ts +29 -29
  122. package/src/components/layout/Masonry/index.tsx +29 -29
  123. package/src/components/layout/Masonry/styles.ts +20 -20
  124. package/src/components/layout/Modal/index.tsx +51 -51
  125. package/src/components/layout/Modal/styles.ts +125 -125
  126. package/src/components/search/HighlightedText.tsx +41 -41
  127. package/src/components/search/QuickSearchBar.tsx +102 -102
  128. package/src/components/search/QuickSearchResults.tsx +86 -86
  129. package/src/components/search/styles.ts +96 -96
  130. package/src/components/search/types.ts +29 -29
  131. package/src/components/ui/Avatar/index.tsx +54 -54
  132. package/src/components/ui/Card/index.tsx +16 -16
  133. package/src/components/ui/Card/styles.ts +41 -41
  134. package/src/components/ui/ContextMenu/index.tsx +79 -79
  135. package/src/components/ui/ContextMenu/styles.ts +119 -119
  136. package/src/components/ui/Ellipsis.tsx +33 -33
  137. package/src/components/ui/Label.tsx +93 -93
  138. package/src/components/ui/Message/index.tsx +57 -57
  139. package/src/components/ui/Message/styles.ts +44 -44
  140. package/src/components/ui/TabsView/TabsList.tsx +49 -49
  141. package/src/components/ui/TabsView/TabsView.tsx +42 -42
  142. package/src/components/ui/TabsView/styles.ts +84 -84
  143. package/src/components/ui/TabsView/types.ts +15 -15
  144. package/src/config/index.ts +10 -10
  145. package/src/helpers/components.ts +9 -9
  146. package/src/helpers/dates.ts +17 -17
  147. package/src/helpers/getScrollbarSize.ts +14 -14
  148. package/src/helpers/numbers.ts +63 -63
  149. package/src/helpers/responsive.ts +83 -83
  150. package/src/helpers/styled/space.ts +114 -114
  151. package/src/helpers/styled/typography.ts +25 -25
  152. package/src/helpers/text.ts +13 -13
  153. package/src/helpers/types.ts +9 -9
  154. package/src/hooks/useContainerMediaQuery.ts +7 -7
  155. package/src/hooks/useElementSize.ts +24 -24
  156. package/src/hooks/useMediaQuery.ts +9 -9
  157. package/src/hooks/useMediaQueryForWidth.ts +35 -35
  158. package/src/hooks/useMutableState.test.ts +410 -410
  159. package/src/hooks/useMutableState.ts +39 -39
  160. package/src/hooks/useShowArchived.ts +28 -28
  161. package/src/hooks/useWindowSize.ts +20 -20
  162. package/src/index.ts +103 -103
  163. package/src/providers/AuthenticationProvider/helpers.ts +3 -3
  164. package/src/providers/AuthenticationProvider/index.tsx +303 -303
  165. package/src/providers/LoadingProvider/index.tsx +47 -47
  166. package/src/providers/PortalsProvider/index.tsx +54 -54
  167. package/src/providers/PortalsProvider/styles.ts +31 -31
  168. package/src/providers/SettingsProvider/index.tsx +70 -70
  169. package/src/providers/ThemeProvider/defaultTheme.ts +471 -471
  170. package/src/providers/ThemeProvider/helpers.ts +84 -84
  171. package/src/providers/ThemeProvider/index.ts +73 -73
  172. package/src/providers/ThemeProvider/types.ts +134 -134
  173. package/src/providers/ToastProvider/index.tsx +93 -93
  174. package/src/providers/TrackingProvider/index.tsx +71 -71
  175. package/src/providers/UiProviders/index.tsx +76 -76
  176. package/src/providers/UiProviders/styles.ts +10 -10
  177. package/src/providers/hooks.ts +14 -14
  178. package/src/services/HttpService.ts +92 -92
  179. package/src/services/WebSocketService.ts +155 -155
  180. package/src/services/advancedRequests.ts +102 -102
  181. package/src/services/base.ts +23 -23
  182. package/src/services/globalSearch.ts +32 -32
  183. package/src/services/hooks.ts +92 -92
  184. package/src/services/requests/auth.ts +44 -44
  185. package/src/services/requests/generic.ts +62 -62
  186. package/src/services/requests/printing.ts +12 -12
  187. package/src/services/requests/tracking.ts +12 -12
  188. package/src/services/requests/userProfiles.ts +35 -35
  189. package/src/services/requests/users.ts +28 -28
  190. package/src/services/smartQueries.ts +122 -122
  191. package/src/services/sqlRequests.ts +119 -119
  192. package/src/services/types/auth.ts +98 -98
  193. package/src/services/types/base.ts +10 -10
  194. package/src/services/types/generic.ts +82 -82
  195. package/src/services/types/printing.ts +10 -10
  196. package/src/services/types/tracking.ts +29 -29
  197. package/src/services/types/userProfiles.ts +79 -79
  198. package/src/services/types/users.ts +74 -74
  199. package/src/services/updateSqlRequests.ts +32 -32
  200. package/src/styles/animations.scss +30 -30
  201. package/src/styles/index.scss +42 -42
  202. package/src/types.ts +8 -8
  203. package/src/typings.d.ts +2 -2
  204. package/tsconfig.json +18 -18
  205. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.d.ts +0 -10
  206. package/dist/components/data/DataGrid/AdvancedRequestDataGrid.js +0 -173
  207. package/dist/components/data/DataGrid/FilterValuesScroller.d.ts +0 -13
  208. package/dist/components/data/DataGrid/FilterValuesScroller.js +0 -73
  209. package/dist/components/data/DataGrid/VirtualScroller.d.ts +0 -11
  210. package/dist/components/data/DataGrid/VirtualScroller.js +0 -41
  211. package/dist/components/data/DataGrid/helpers/advancedRequests.d.ts +0 -12
  212. package/dist/components/data/DataGrid/helpers/advancedRequests.js +0 -53
  213. package/dist/components/data/DataGrid/helpers.d.ts +0 -28
  214. package/dist/components/data/DataGrid/helpers.js +0 -436
  215. package/dist/components/data/SmartQueryDataGrid/helpers/columns.d.ts +0 -20
  216. package/dist/components/data/SmartQueryDataGrid/helpers/columns.js +0 -160
  217. package/dist/components/data/SmartQueryDataGrid/helpers/hooks.d.ts +0 -5
  218. package/dist/components/data/SmartQueryDataGrid/helpers/hooks.js +0 -41
  219. package/dist/components/data/SmartQueryDataGrid/helpers/index.d.ts +0 -2
  220. package/dist/components/data/SmartQueryDataGrid/helpers/index.js +0 -18
  221. package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.d.ts +0 -3
  222. package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.js +0 -15
  223. package/dist/components/data/SmartQueryDataGrid/hooks.d.ts +0 -9
  224. package/dist/components/data/SmartQueryDataGrid/hooks.js +0 -63
  225. package/dist/components/data/SmartQueryDataGrid/index.d.ts +0 -12
  226. package/dist/components/data/SmartQueryDataGrid/index.js +0 -242
  227. package/dist/components/data/SmartQueryDataGrid/types.d.ts +0 -22
  228. package/dist/components/data/SmartQueryDataGrid/types.js +0 -2
  229. package/dist/components/forms/Form/InputWithLabel.d.ts +0 -2
  230. package/dist/components/forms/Form/InputWithLabel.js +0 -10
  231. package/dist/components/forms/Form/types.d.ts +0 -7
  232. package/dist/components/forms/Form/types.js +0 -2
  233. package/dist/config/types.d.ts +0 -11
  234. package/dist/config/types.js +0 -2
  235. package/dist/helpers/react.d.ts +0 -2
  236. package/dist/helpers/react.js +0 -8
  237. package/dist/services/requests/userPermissions.d.ts +0 -4
  238. package/dist/services/requests/userPermissions.js +0 -20
@@ -1,471 +1,471 @@
1
- import { mapKeys, mapValues } from 'lodash';
2
-
3
- import { Theme } from './types';
4
-
5
- export const defaultTheme: Theme = {
6
- colors: {
7
- slate: {
8
- 0: '#ffffff',
9
- 50: '#f8fafc',
10
- 100: '#f1f5f9',
11
- 200: '#e2e8f0',
12
- 300: '#cbd5e1',
13
- 400: '#94a3b8',
14
- 500: '#64748b',
15
- 600: '#475569',
16
- 700: '#334155',
17
- 800: '#1e293b',
18
- 900: '#0f172a',
19
- 950: '#020617',
20
- },
21
-
22
- gray: {
23
- 0: '#ffffff',
24
- 50: '#f9fafb',
25
- 100: '#f3f4f6',
26
- 200: '#e5e7eb',
27
- 300: '#d1d5db',
28
- 400: '#9ca3af',
29
- 500: '#6b7280',
30
- 600: '#4b5563',
31
- 700: '#374151',
32
- 800: '#1f2937',
33
- 900: '#111827',
34
- 950: '#030712',
35
- },
36
-
37
- zinc: {
38
- 0: '#ffffff',
39
- 50: '#fafafa',
40
- 100: '#f4f4f5',
41
- 200: '#e4e4e7',
42
- 300: '#d4d4d8',
43
- 400: '#a1a1aa',
44
- 500: '#71717a',
45
- 600: '#52525b',
46
- 700: '#3f3f46',
47
- 800: '#27272a',
48
- 900: '#18181b',
49
- 950: '#09090b',
50
- },
51
-
52
- neutral: {
53
- 0: '#ffffff',
54
- 50: '#fafafa',
55
- 100: '#f5f5f5',
56
- 200: '#e5e5e5',
57
- 300: '#d4d4d4',
58
- 400: '#a3a3a3',
59
- 500: '#737373',
60
- 600: '#525252',
61
- 700: '#404040',
62
- 800: '#262626',
63
- 900: '#171717',
64
- 950: '#0a0a0a',
65
- 1000: '#000000',
66
- },
67
- stone: {
68
- 0: '#ffffff',
69
- 50: '#fafaf9',
70
- 100: '#f5f5f4',
71
- 200: '#e7e5e4',
72
- 300: '#d6d3d1',
73
- 400: '#a8a29e',
74
- 500: '#78716c',
75
- 600: '#57534e',
76
- 700: '#44403c',
77
- 800: '#292524',
78
- 900: '#1c1917',
79
- 950: '#0c0a09',
80
- },
81
-
82
- red: {
83
- 0: '#ffffff',
84
- 50: '#fef2f2',
85
- 100: '#fee2e2',
86
- 200: '#fecaca',
87
- 300: '#fca5a5',
88
- 400: '#f87171',
89
- 500: '#ef4444',
90
- 600: '#dc2626',
91
- 700: '#b91c1c',
92
- 800: '#991b1b',
93
- 900: '#7f1d1d',
94
- 950: '#450a0a',
95
- },
96
-
97
- orange: {
98
- 0: '#ffffff',
99
- 50: '#fff7ed',
100
- 100: '#ffedd5',
101
- 200: '#fed7aa',
102
- 300: '#fdba74',
103
- 400: '#fb923c',
104
- 500: '#f97316',
105
- 600: '#ea580c',
106
- 700: '#c2410c',
107
- 800: '#9a3412',
108
- 900: '#7c2d12',
109
- 950: '#431407',
110
- 1000: '#000000',
111
- },
112
-
113
- amber: {
114
- 0: '#ffffff',
115
- 50: '#fffbeb',
116
- 100: '#fef3c7',
117
- 200: '#fde68a',
118
- 300: '#fcd34d',
119
- 400: '#fbbf24',
120
- 500: '#f59e0b',
121
- 600: '#d97706',
122
- 700: '#b45309',
123
- 800: '#92400e',
124
- 900: '#78350f',
125
- 950: '#451a03',
126
- 1000: '#000000',
127
- },
128
-
129
- yellow: {
130
- 0: '#ffffff',
131
- 50: '#fefce8',
132
- 100: '#fef9c3',
133
- 200: '#fef08a',
134
- 300: '#fde047',
135
- 400: '#facc15',
136
- 500: '#eab308',
137
- 600: '#ca8a04',
138
- 700: '#a16207',
139
- 800: '#854d0e',
140
- 900: '#713f12',
141
- 950: '#422006',
142
- 1000: '#000000',
143
- },
144
-
145
- lime: {
146
- 0: '#ffffff',
147
- 50: '#f7fee7',
148
- 100: '#ecfccb',
149
- 200: '#d9f99d',
150
- 300: '#bef264',
151
- 400: '#a3e635',
152
- 500: '#84cc16',
153
- 600: '#65a30d',
154
- 700: '#4d7c0f',
155
- 800: '#3f6212',
156
- 900: '#365314',
157
- 950: '#1a2e05',
158
- 1000: '#000000',
159
- },
160
-
161
- green: {
162
- 0: '#ffffff',
163
- 50: '#f0fdf4',
164
- 100: '#dcfce7',
165
- 200: '#bbf7d0',
166
- 300: '#86efac',
167
- 400: '#4ade80',
168
- 500: '#22c55e',
169
- 600: '#16a34a',
170
- 700: '#15803d',
171
- 800: '#166534',
172
- 900: '#14532d',
173
- 950: '#052e16',
174
- 1000: '#000000',
175
- },
176
-
177
- emerald: {
178
- 0: '#ffffff',
179
- 50: '#ecfdf5',
180
- 100: '#d1fae5',
181
- 200: '#a7f3d0',
182
- 300: '#6ee7b7',
183
- 400: '#34d399',
184
- 500: '#10b981',
185
- 600: '#059669',
186
- 700: '#047857',
187
- 800: '#065f46',
188
- 900: '#064e3b',
189
- 950: '#022c22',
190
- 1000: '#000000',
191
- },
192
-
193
- teal: {
194
- 0: '#ffffff',
195
- 50: '#f0fdfa',
196
- 100: '#ccfbf1',
197
- 200: '#99f6e4',
198
- 300: '#5eead4',
199
- 400: '#2dd4bf',
200
- 500: '#14b8a6',
201
- 600: '#0d9488',
202
- 700: '#0f766e',
203
- 800: '#115e59',
204
- 900: '#134e4a',
205
- 950: '#042f2e',
206
- 1000: '#000000',
207
- },
208
-
209
- cyan: {
210
- 0: '#ffffff',
211
- 50: '#ecfeff',
212
- 100: '#cffafe',
213
- 200: '#a5f3fc',
214
- 300: '#67e8f9',
215
- 400: '#22d3ee',
216
- 500: '#06b6d4',
217
- 600: '#0891b2',
218
- 700: '#0e7490',
219
- 800: '#155e75',
220
- 900: '#164e63',
221
- 950: '#083344',
222
- 1000: '#000000',
223
- },
224
-
225
- sky: {
226
- 0: '#ffffff',
227
- 50: '#f0f9ff',
228
- 100: '#e0f2fe',
229
- 200: '#bae6fd',
230
- 300: '#7dd3fc',
231
- 400: '#38bdf8',
232
- 500: '#0ea5e9',
233
- 600: '#0284c7',
234
- 700: '#0369a1',
235
- 800: '#075985',
236
- 900: '#0c4a6e',
237
- 950: '#082f49',
238
- 1000: '#000000',
239
- },
240
-
241
- blue: {
242
- 0: '#ffffff',
243
- 50: '#eff6ff',
244
- 100: '#dbeafe',
245
- 200: '#bfdbfe',
246
- 300: '#93c5fd',
247
- 400: '#60a5fa',
248
- 500: '#3b82f6',
249
- 600: '#2563eb',
250
- 700: '#1d4ed8',
251
- 800: '#1e40af',
252
- 900: '#1e3a8a',
253
- 950: '#172554',
254
- 1000: '#000000',
255
- },
256
-
257
- indigo: {
258
- 0: '#ffffff',
259
- 50: '#eef2ff',
260
- 100: '#e0e7ff',
261
- 200: '#c7d2fe',
262
- 300: '#a5b4fc',
263
- 400: '#818cf8',
264
- 500: '#6366f1',
265
- 600: '#4f46e5',
266
- 700: '#4338ca',
267
- 800: '#3730a3',
268
- 900: '#312e81',
269
- 950: '#1e1b4b',
270
- 1000: '#000000',
271
- },
272
-
273
- violet: {
274
- 0: '#ffffff',
275
- 50: '#f5f3ff',
276
- 100: '#ede9fe',
277
- 200: '#ddd6fe',
278
- 300: '#c4b5fd',
279
- 400: '#a78bfa',
280
- 500: '#8b5cf6',
281
- 600: '#7c3aed',
282
- 700: '#6d28d9',
283
- 800: '#5b21b6',
284
- 900: '#4c1d95',
285
- 950: '#2e1065',
286
- 1000: '#000000',
287
- },
288
-
289
- purple: {
290
- 0: '#ffffff',
291
- 50: '#faf5ff',
292
- 100: '#f3e8ff',
293
- 200: '#e9d5ff',
294
- 300: '#d8b4fe',
295
- 400: '#c084fc',
296
- 500: '#a855f7',
297
- 600: '#9333ea',
298
- 700: '#7e22ce',
299
- 800: '#6b21a8',
300
- 900: '#581c87',
301
- 950: '#3b0764',
302
- 1000: '#000000',
303
- },
304
-
305
- fuchsia: {
306
- 0: '#ffffff',
307
- 50: '#fdf4ff',
308
- 100: '#fae8ff',
309
- 200: '#f5d0fe',
310
- 300: '#f0abfc',
311
- 400: '#e879f9',
312
- 500: '#d946ef',
313
- 600: '#c026d3',
314
- 700: '#a21caf',
315
- 800: '#86198f',
316
- 900: '#701a75',
317
- 950: '#4a044e',
318
- 1000: '#000000',
319
- },
320
-
321
- pink: {
322
- 0: '#ffffff',
323
- 50: '#fdf2f8',
324
- 100: '#fce7f3',
325
- 200: '#fbcfe8',
326
- 300: '#f9a8d4',
327
- 400: '#f472b6',
328
- 500: '#ec4899',
329
- 600: '#db2777',
330
- 700: '#be185d',
331
- 800: '#9d174d',
332
- 900: '#831843',
333
- 950: '#500724',
334
- 1000: '#000000',
335
- },
336
-
337
- rose: {
338
- 0: '#ffffff',
339
- 50: '#fff1f2',
340
- 100: '#ffe4e6',
341
- 200: '#fecdd3',
342
- 300: '#fda4af',
343
- 400: '#fb7185',
344
- 500: '#f43f5e',
345
- 600: '#e11d48',
346
- 700: '#be123c',
347
- 800: '#9f1239',
348
- 900: '#881337',
349
- 950: '#4c0519',
350
- 1000: '#000000',
351
- },
352
-
353
- base: 'neutral',
354
- text: 'neutral',
355
- primary: 'sky',
356
- secondary: 'gray',
357
- success: 'emerald',
358
- warning: 'amber',
359
- danger: 'red',
360
- info: 'cyan',
361
- },
362
-
363
- texts: {
364
- xs: '0.5rem',
365
- sm: '0.75rem',
366
- base: '0.875rem',
367
- lg: '1rem',
368
- xl: '1.125rem',
369
- '2xl': '1.25rem',
370
- '3xl': '1.5rem',
371
- '4xl': '1.875rem',
372
- '5xl': '2.25rem',
373
- '6xl': '3rem',
374
- },
375
-
376
- fonts: {
377
- sans: "'Montserrat', Helvetica, Arial, Verdana, sans-serif",
378
- serif: "Georgia, Cambria, 'Times New Roman', Times, serif",
379
- mono: "Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
380
- input: "'Montserrat', Helvetica, Arial, Verdana, sans-serif",
381
- },
382
-
383
- weights: {
384
- light: '200',
385
- normal: '400',
386
- bold: '700',
387
- },
388
-
389
- spaces: {
390
- '0': '0',
391
- '0_5': '0.125rem',
392
- '1': '0.25rem',
393
- '1_5': '0.375rem',
394
- '2': '0.5rem',
395
- '3': '0.75rem',
396
- '4': '1rem',
397
- '5': '1.25rem',
398
- '6': '1.5rem',
399
- '8': '2rem',
400
- '10': '2.5rem',
401
- '12': '3rem',
402
- '16': '4rem',
403
- '20': '5rem',
404
- '24': '6rem',
405
- '32': '8rem',
406
- '40': '10rem',
407
- '48': '12rem',
408
- '56': '14rem',
409
- '64': '16rem',
410
- '72': '18rem',
411
- '80': '20rem',
412
- '96': '24rem',
413
- '128': '32rem',
414
- },
415
-
416
- sizes: {
417
- '0': '0',
418
- '0_5': '0.125rem',
419
- '1': '0.25rem',
420
- '1_5': '0.375rem',
421
- '2': '0.5rem',
422
- '3': '0.75rem',
423
- '4': '1rem',
424
- '5': '1.25rem',
425
- '6': '1.5rem',
426
- '8': '2rem',
427
- '10': '2.5rem',
428
- '12': '3rem',
429
- '14': '3.5rem',
430
- '16': '4rem',
431
- '20': '5rem',
432
- '24': '6rem',
433
- '32': '8rem',
434
- '40': '10rem',
435
- '48': '12rem',
436
- '56': '14rem',
437
- '64': '16rem',
438
- '72': '18rem',
439
- '80': '20rem',
440
- '96': '24rem',
441
- '128': '32rem',
442
- },
443
-
444
- rounded: {
445
- none: '0',
446
- sm: '0.125rem',
447
- md: '0.25rem',
448
- lg: '0.5rem',
449
- xl: '1rem',
450
- '2xl': '2rem',
451
- '3xl': '3rem',
452
- full: '9999px',
453
- },
454
-
455
- shadows: {
456
- sm: '0 1px 2px 0 rgba(0, 0, 0, 0.1)',
457
- md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
458
- lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
459
- xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
460
- '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
461
- },
462
- };
463
-
464
- export const defaultDarkTheme: Theme = {
465
- ...defaultTheme,
466
- colors: mapValues(defaultTheme.colors, (color) =>
467
- typeof color === 'string'
468
- ? color
469
- : mapKeys(color, (_, key) => `${1000 - Number(key)}`)
470
- ),
471
- };
1
+ import { mapKeys, mapValues } from 'lodash';
2
+
3
+ import { Theme } from './types';
4
+
5
+ export const defaultTheme: Theme = {
6
+ colors: {
7
+ slate: {
8
+ 0: '#ffffff',
9
+ 50: '#f8fafc',
10
+ 100: '#f1f5f9',
11
+ 200: '#e2e8f0',
12
+ 300: '#cbd5e1',
13
+ 400: '#94a3b8',
14
+ 500: '#64748b',
15
+ 600: '#475569',
16
+ 700: '#334155',
17
+ 800: '#1e293b',
18
+ 900: '#0f172a',
19
+ 950: '#020617',
20
+ },
21
+
22
+ gray: {
23
+ 0: '#ffffff',
24
+ 50: '#f9fafb',
25
+ 100: '#f3f4f6',
26
+ 200: '#e5e7eb',
27
+ 300: '#d1d5db',
28
+ 400: '#9ca3af',
29
+ 500: '#6b7280',
30
+ 600: '#4b5563',
31
+ 700: '#374151',
32
+ 800: '#1f2937',
33
+ 900: '#111827',
34
+ 950: '#030712',
35
+ },
36
+
37
+ zinc: {
38
+ 0: '#ffffff',
39
+ 50: '#fafafa',
40
+ 100: '#f4f4f5',
41
+ 200: '#e4e4e7',
42
+ 300: '#d4d4d8',
43
+ 400: '#a1a1aa',
44
+ 500: '#71717a',
45
+ 600: '#52525b',
46
+ 700: '#3f3f46',
47
+ 800: '#27272a',
48
+ 900: '#18181b',
49
+ 950: '#09090b',
50
+ },
51
+
52
+ neutral: {
53
+ 0: '#ffffff',
54
+ 50: '#fafafa',
55
+ 100: '#f5f5f5',
56
+ 200: '#e5e5e5',
57
+ 300: '#d4d4d4',
58
+ 400: '#a3a3a3',
59
+ 500: '#737373',
60
+ 600: '#525252',
61
+ 700: '#404040',
62
+ 800: '#262626',
63
+ 900: '#171717',
64
+ 950: '#0a0a0a',
65
+ 1000: '#000000',
66
+ },
67
+ stone: {
68
+ 0: '#ffffff',
69
+ 50: '#fafaf9',
70
+ 100: '#f5f5f4',
71
+ 200: '#e7e5e4',
72
+ 300: '#d6d3d1',
73
+ 400: '#a8a29e',
74
+ 500: '#78716c',
75
+ 600: '#57534e',
76
+ 700: '#44403c',
77
+ 800: '#292524',
78
+ 900: '#1c1917',
79
+ 950: '#0c0a09',
80
+ },
81
+
82
+ red: {
83
+ 0: '#ffffff',
84
+ 50: '#fef2f2',
85
+ 100: '#fee2e2',
86
+ 200: '#fecaca',
87
+ 300: '#fca5a5',
88
+ 400: '#f87171',
89
+ 500: '#ef4444',
90
+ 600: '#dc2626',
91
+ 700: '#b91c1c',
92
+ 800: '#991b1b',
93
+ 900: '#7f1d1d',
94
+ 950: '#450a0a',
95
+ },
96
+
97
+ orange: {
98
+ 0: '#ffffff',
99
+ 50: '#fff7ed',
100
+ 100: '#ffedd5',
101
+ 200: '#fed7aa',
102
+ 300: '#fdba74',
103
+ 400: '#fb923c',
104
+ 500: '#f97316',
105
+ 600: '#ea580c',
106
+ 700: '#c2410c',
107
+ 800: '#9a3412',
108
+ 900: '#7c2d12',
109
+ 950: '#431407',
110
+ 1000: '#000000',
111
+ },
112
+
113
+ amber: {
114
+ 0: '#ffffff',
115
+ 50: '#fffbeb',
116
+ 100: '#fef3c7',
117
+ 200: '#fde68a',
118
+ 300: '#fcd34d',
119
+ 400: '#fbbf24',
120
+ 500: '#f59e0b',
121
+ 600: '#d97706',
122
+ 700: '#b45309',
123
+ 800: '#92400e',
124
+ 900: '#78350f',
125
+ 950: '#451a03',
126
+ 1000: '#000000',
127
+ },
128
+
129
+ yellow: {
130
+ 0: '#ffffff',
131
+ 50: '#fefce8',
132
+ 100: '#fef9c3',
133
+ 200: '#fef08a',
134
+ 300: '#fde047',
135
+ 400: '#facc15',
136
+ 500: '#eab308',
137
+ 600: '#ca8a04',
138
+ 700: '#a16207',
139
+ 800: '#854d0e',
140
+ 900: '#713f12',
141
+ 950: '#422006',
142
+ 1000: '#000000',
143
+ },
144
+
145
+ lime: {
146
+ 0: '#ffffff',
147
+ 50: '#f7fee7',
148
+ 100: '#ecfccb',
149
+ 200: '#d9f99d',
150
+ 300: '#bef264',
151
+ 400: '#a3e635',
152
+ 500: '#84cc16',
153
+ 600: '#65a30d',
154
+ 700: '#4d7c0f',
155
+ 800: '#3f6212',
156
+ 900: '#365314',
157
+ 950: '#1a2e05',
158
+ 1000: '#000000',
159
+ },
160
+
161
+ green: {
162
+ 0: '#ffffff',
163
+ 50: '#f0fdf4',
164
+ 100: '#dcfce7',
165
+ 200: '#bbf7d0',
166
+ 300: '#86efac',
167
+ 400: '#4ade80',
168
+ 500: '#22c55e',
169
+ 600: '#16a34a',
170
+ 700: '#15803d',
171
+ 800: '#166534',
172
+ 900: '#14532d',
173
+ 950: '#052e16',
174
+ 1000: '#000000',
175
+ },
176
+
177
+ emerald: {
178
+ 0: '#ffffff',
179
+ 50: '#ecfdf5',
180
+ 100: '#d1fae5',
181
+ 200: '#a7f3d0',
182
+ 300: '#6ee7b7',
183
+ 400: '#34d399',
184
+ 500: '#10b981',
185
+ 600: '#059669',
186
+ 700: '#047857',
187
+ 800: '#065f46',
188
+ 900: '#064e3b',
189
+ 950: '#022c22',
190
+ 1000: '#000000',
191
+ },
192
+
193
+ teal: {
194
+ 0: '#ffffff',
195
+ 50: '#f0fdfa',
196
+ 100: '#ccfbf1',
197
+ 200: '#99f6e4',
198
+ 300: '#5eead4',
199
+ 400: '#2dd4bf',
200
+ 500: '#14b8a6',
201
+ 600: '#0d9488',
202
+ 700: '#0f766e',
203
+ 800: '#115e59',
204
+ 900: '#134e4a',
205
+ 950: '#042f2e',
206
+ 1000: '#000000',
207
+ },
208
+
209
+ cyan: {
210
+ 0: '#ffffff',
211
+ 50: '#ecfeff',
212
+ 100: '#cffafe',
213
+ 200: '#a5f3fc',
214
+ 300: '#67e8f9',
215
+ 400: '#22d3ee',
216
+ 500: '#06b6d4',
217
+ 600: '#0891b2',
218
+ 700: '#0e7490',
219
+ 800: '#155e75',
220
+ 900: '#164e63',
221
+ 950: '#083344',
222
+ 1000: '#000000',
223
+ },
224
+
225
+ sky: {
226
+ 0: '#ffffff',
227
+ 50: '#f0f9ff',
228
+ 100: '#e0f2fe',
229
+ 200: '#bae6fd',
230
+ 300: '#7dd3fc',
231
+ 400: '#38bdf8',
232
+ 500: '#0ea5e9',
233
+ 600: '#0284c7',
234
+ 700: '#0369a1',
235
+ 800: '#075985',
236
+ 900: '#0c4a6e',
237
+ 950: '#082f49',
238
+ 1000: '#000000',
239
+ },
240
+
241
+ blue: {
242
+ 0: '#ffffff',
243
+ 50: '#eff6ff',
244
+ 100: '#dbeafe',
245
+ 200: '#bfdbfe',
246
+ 300: '#93c5fd',
247
+ 400: '#60a5fa',
248
+ 500: '#3b82f6',
249
+ 600: '#2563eb',
250
+ 700: '#1d4ed8',
251
+ 800: '#1e40af',
252
+ 900: '#1e3a8a',
253
+ 950: '#172554',
254
+ 1000: '#000000',
255
+ },
256
+
257
+ indigo: {
258
+ 0: '#ffffff',
259
+ 50: '#eef2ff',
260
+ 100: '#e0e7ff',
261
+ 200: '#c7d2fe',
262
+ 300: '#a5b4fc',
263
+ 400: '#818cf8',
264
+ 500: '#6366f1',
265
+ 600: '#4f46e5',
266
+ 700: '#4338ca',
267
+ 800: '#3730a3',
268
+ 900: '#312e81',
269
+ 950: '#1e1b4b',
270
+ 1000: '#000000',
271
+ },
272
+
273
+ violet: {
274
+ 0: '#ffffff',
275
+ 50: '#f5f3ff',
276
+ 100: '#ede9fe',
277
+ 200: '#ddd6fe',
278
+ 300: '#c4b5fd',
279
+ 400: '#a78bfa',
280
+ 500: '#8b5cf6',
281
+ 600: '#7c3aed',
282
+ 700: '#6d28d9',
283
+ 800: '#5b21b6',
284
+ 900: '#4c1d95',
285
+ 950: '#2e1065',
286
+ 1000: '#000000',
287
+ },
288
+
289
+ purple: {
290
+ 0: '#ffffff',
291
+ 50: '#faf5ff',
292
+ 100: '#f3e8ff',
293
+ 200: '#e9d5ff',
294
+ 300: '#d8b4fe',
295
+ 400: '#c084fc',
296
+ 500: '#a855f7',
297
+ 600: '#9333ea',
298
+ 700: '#7e22ce',
299
+ 800: '#6b21a8',
300
+ 900: '#581c87',
301
+ 950: '#3b0764',
302
+ 1000: '#000000',
303
+ },
304
+
305
+ fuchsia: {
306
+ 0: '#ffffff',
307
+ 50: '#fdf4ff',
308
+ 100: '#fae8ff',
309
+ 200: '#f5d0fe',
310
+ 300: '#f0abfc',
311
+ 400: '#e879f9',
312
+ 500: '#d946ef',
313
+ 600: '#c026d3',
314
+ 700: '#a21caf',
315
+ 800: '#86198f',
316
+ 900: '#701a75',
317
+ 950: '#4a044e',
318
+ 1000: '#000000',
319
+ },
320
+
321
+ pink: {
322
+ 0: '#ffffff',
323
+ 50: '#fdf2f8',
324
+ 100: '#fce7f3',
325
+ 200: '#fbcfe8',
326
+ 300: '#f9a8d4',
327
+ 400: '#f472b6',
328
+ 500: '#ec4899',
329
+ 600: '#db2777',
330
+ 700: '#be185d',
331
+ 800: '#9d174d',
332
+ 900: '#831843',
333
+ 950: '#500724',
334
+ 1000: '#000000',
335
+ },
336
+
337
+ rose: {
338
+ 0: '#ffffff',
339
+ 50: '#fff1f2',
340
+ 100: '#ffe4e6',
341
+ 200: '#fecdd3',
342
+ 300: '#fda4af',
343
+ 400: '#fb7185',
344
+ 500: '#f43f5e',
345
+ 600: '#e11d48',
346
+ 700: '#be123c',
347
+ 800: '#9f1239',
348
+ 900: '#881337',
349
+ 950: '#4c0519',
350
+ 1000: '#000000',
351
+ },
352
+
353
+ base: 'neutral',
354
+ text: 'neutral',
355
+ primary: 'sky',
356
+ secondary: 'gray',
357
+ success: 'emerald',
358
+ warning: 'amber',
359
+ danger: 'red',
360
+ info: 'cyan',
361
+ },
362
+
363
+ texts: {
364
+ xs: '0.5rem',
365
+ sm: '0.75rem',
366
+ base: '0.875rem',
367
+ lg: '1rem',
368
+ xl: '1.125rem',
369
+ '2xl': '1.25rem',
370
+ '3xl': '1.5rem',
371
+ '4xl': '1.875rem',
372
+ '5xl': '2.25rem',
373
+ '6xl': '3rem',
374
+ },
375
+
376
+ fonts: {
377
+ sans: "'Montserrat', Helvetica, Arial, Verdana, sans-serif",
378
+ serif: "Georgia, Cambria, 'Times New Roman', Times, serif",
379
+ mono: "Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
380
+ input: "'Montserrat', Helvetica, Arial, Verdana, sans-serif",
381
+ },
382
+
383
+ weights: {
384
+ light: '200',
385
+ normal: '400',
386
+ bold: '700',
387
+ },
388
+
389
+ spaces: {
390
+ '0': '0',
391
+ '0_5': '0.125rem',
392
+ '1': '0.25rem',
393
+ '1_5': '0.375rem',
394
+ '2': '0.5rem',
395
+ '3': '0.75rem',
396
+ '4': '1rem',
397
+ '5': '1.25rem',
398
+ '6': '1.5rem',
399
+ '8': '2rem',
400
+ '10': '2.5rem',
401
+ '12': '3rem',
402
+ '16': '4rem',
403
+ '20': '5rem',
404
+ '24': '6rem',
405
+ '32': '8rem',
406
+ '40': '10rem',
407
+ '48': '12rem',
408
+ '56': '14rem',
409
+ '64': '16rem',
410
+ '72': '18rem',
411
+ '80': '20rem',
412
+ '96': '24rem',
413
+ '128': '32rem',
414
+ },
415
+
416
+ sizes: {
417
+ '0': '0',
418
+ '0_5': '0.125rem',
419
+ '1': '0.25rem',
420
+ '1_5': '0.375rem',
421
+ '2': '0.5rem',
422
+ '3': '0.75rem',
423
+ '4': '1rem',
424
+ '5': '1.25rem',
425
+ '6': '1.5rem',
426
+ '8': '2rem',
427
+ '10': '2.5rem',
428
+ '12': '3rem',
429
+ '14': '3.5rem',
430
+ '16': '4rem',
431
+ '20': '5rem',
432
+ '24': '6rem',
433
+ '32': '8rem',
434
+ '40': '10rem',
435
+ '48': '12rem',
436
+ '56': '14rem',
437
+ '64': '16rem',
438
+ '72': '18rem',
439
+ '80': '20rem',
440
+ '96': '24rem',
441
+ '128': '32rem',
442
+ },
443
+
444
+ rounded: {
445
+ none: '0',
446
+ sm: '0.125rem',
447
+ md: '0.25rem',
448
+ lg: '0.5rem',
449
+ xl: '1rem',
450
+ '2xl': '2rem',
451
+ '3xl': '3rem',
452
+ full: '9999px',
453
+ },
454
+
455
+ shadows: {
456
+ sm: '0 1px 2px 0 rgba(0, 0, 0, 0.1)',
457
+ md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
458
+ lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
459
+ xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
460
+ '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
461
+ },
462
+ };
463
+
464
+ export const defaultDarkTheme: Theme = {
465
+ ...defaultTheme,
466
+ colors: mapValues(defaultTheme.colors, (color) =>
467
+ typeof color === 'string'
468
+ ? color
469
+ : mapKeys(color, (_, key) => `${1000 - Number(key)}`)
470
+ ),
471
+ };