@addev-be/ui 0.2.2 → 0.2.6

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