@particle-network/ui-react 0.4.0-beta.13 → 0.4.0-beta.15

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 (28) hide show
  1. package/dist/components/UXAutocomplete/index.d.ts +5 -0
  2. package/dist/components/UXAutocomplete/index.js +72 -0
  3. package/dist/components/UXEmpty/index.d.ts +1 -1
  4. package/dist/components/UXHint/index.d.ts +1 -1
  5. package/dist/components/UXInput/index.d.ts +28 -28
  6. package/dist/components/UXInput/input.extend.d.ts +28 -28
  7. package/dist/components/UXSwitch/index.d.ts +17 -17
  8. package/dist/components/UXSwitch/switch.extend.d.ts +17 -17
  9. package/dist/components/UXTable/index.d.ts +17 -17
  10. package/dist/components/UXTable/table.extend.d.ts +17 -17
  11. package/dist/components/UXThemeSwitch/index.d.ts +0 -1
  12. package/dist/components/UXThemeSwitch/index.js +0 -1
  13. package/dist/components/UXThemeSwitch/theme-item.d.ts +1 -1
  14. package/dist/components/UXThemeSwitch/theme-switch.js +1 -1
  15. package/dist/components/UXThemeSwitch/use-color-scheme.d.ts +1 -1
  16. package/dist/components/UXThemeSwitch/use-theme-store.d.ts +1 -1
  17. package/dist/components/UXThemeSwitch/use-theme-store.js +1 -1
  18. package/dist/components/UXThemeSwitch/use-theme.d.ts +1 -1
  19. package/dist/components/UXThemeSwitch/use-theme.js +1 -1
  20. package/dist/components/UXToast/index.d.ts +6 -4
  21. package/dist/components/UXToast/index.js +19 -15
  22. package/dist/components/UXTooltip/tooltip.extend.d.ts +19 -19
  23. package/dist/components/index.d.ts +1 -0
  24. package/dist/components/index.js +1 -0
  25. package/package.json +3 -3
  26. package/tailwind-preset.js +108 -36
  27. package/dist/components/UXThemeSwitch/theme-data.d.ts +0 -12
  28. package/dist/components/UXThemeSwitch/theme-data.js +0 -340
@@ -1,340 +0,0 @@
1
- const themeData = [
2
- {
3
- id: 'ux-purple-gold-dark',
4
- zhName: 'UX 紫金 Dark',
5
- enName: 'UX Purple/Gold Dark',
6
- colorScheme: 'dark',
7
- colorVariables: {
8
- default: '#FFFFFF',
9
- white: '#FFFFFF',
10
- transparent: 'transparent',
11
- foreground: '#FFFFFF',
12
- secondary: '#A1A1AA',
13
- tertiary: '#4E4E56',
14
- primary: '#D745FF',
15
- success: '#45B167',
16
- danger: '#E84A5A',
17
- alert: '#F57733',
18
- warning: '#FF9821',
19
- gold: '#FFB800',
20
- 'bg-default': '#000000',
21
- 'bg-200': '#1F1F23',
22
- 'bg-300': '#17171C',
23
- 'bg-400': '#0F0F0F',
24
- overlay: '#17171C',
25
- divider: '#282828',
26
- bullish: '#D745FF',
27
- bearish: '#FFAC34'
28
- }
29
- },
30
- {
31
- id: 'ux-purple-gold-light',
32
- zhName: 'UX 紫金 Light',
33
- enName: 'UX Purple/Gold Light',
34
- colorScheme: 'light',
35
- colorVariables: {
36
- default: '#000000',
37
- white: '#FFFFFF',
38
- transparent: 'transparent',
39
- foreground: '#000000',
40
- secondary: '#767A80',
41
- tertiary: '#D8D8DE',
42
- primary: '#D745FF',
43
- success: '#2E9F4A',
44
- danger: '#DE4A40',
45
- alert: '#E65E16',
46
- warning: '#FF9821',
47
- gold: '#F38300',
48
- 'bg-default': '#F8F8FA',
49
- 'bg-200': '#F0F0F2',
50
- 'bg-300': '#F8F8FA',
51
- 'bg-400': '#FFFFFF',
52
- overlay: '#FFFFFF',
53
- divider: '#E8E8ED',
54
- bullish: '#D745FF',
55
- bearish: '#F9A01E'
56
- }
57
- },
58
- {
59
- id: 'ux-green-red-dark',
60
- zhName: 'UX 绿红 Dark',
61
- enName: 'UX Green/Red Dark',
62
- colorScheme: 'dark',
63
- colorVariables: {
64
- default: '#FFFFFF',
65
- white: '#FFFFFF',
66
- transparent: 'transparent',
67
- foreground: '#FFFFFF',
68
- secondary: '#A1A1AA',
69
- tertiary: '#4E4E56',
70
- primary: '#D745FF',
71
- success: '#45B167',
72
- danger: '#E84A5A',
73
- alert: '#F57733',
74
- warning: '#FF9821',
75
- gold: '#FFB800',
76
- 'bg-default': '#000000',
77
- 'bg-200': '#1F1F23',
78
- 'bg-300': '#17171C',
79
- 'bg-400': '#0F0F0F',
80
- overlay: '#17171C',
81
- divider: '#282828',
82
- bullish: '#45B167',
83
- bearish: '#E84A5A'
84
- }
85
- },
86
- {
87
- id: 'ux-green-red-light',
88
- zhName: 'UX 绿红 Light',
89
- enName: 'UX Green/Red Light',
90
- colorScheme: 'light',
91
- colorVariables: {
92
- default: '#000000',
93
- white: '#FFFFFF',
94
- transparent: 'transparent',
95
- foreground: '#000000',
96
- secondary: '#767A80',
97
- tertiary: '#D8D8DE',
98
- primary: '#D745FF',
99
- success: '#2E9F4A',
100
- danger: '#DE4A40',
101
- alert: '#E65E16',
102
- warning: '#FF9821',
103
- gold: '#F38300',
104
- 'bg-default': '#F8F8FA',
105
- 'bg-200': '#F0F0F2',
106
- 'bg-300': '#F8F8FA',
107
- 'bg-400': '#FFFFFF',
108
- overlay: '#FFFFFF',
109
- divider: '#E8E8ED',
110
- bullish: '#45B167',
111
- bearish: '#E84A5A'
112
- }
113
- },
114
- {
115
- id: 'ux-green-red-soft-dark',
116
- zhName: 'UX 柔和 Dark',
117
- enName: 'UX Soft Dark',
118
- colorScheme: 'dark',
119
- colorVariables: {
120
- default: '#FDFDFE',
121
- white: '#FFFFFF',
122
- transparent: 'transparent',
123
- foreground: '#FDFDFE',
124
- secondary: '#BBBBC4',
125
- tertiary: '#70707C',
126
- primary: '#D745FF',
127
- success: '#73D090',
128
- danger: '#F46271',
129
- alert: '#F37A39',
130
- warning: '#F8BF63',
131
- gold: '#FFB800',
132
- 'bg-default': '#100E11',
133
- 'bg-200': '#2A2A30',
134
- 'bg-300': '#17171C',
135
- 'bg-400': '#19161B',
136
- overlay: '#17171C',
137
- divider: '#282828',
138
- bullish: '#73D090',
139
- bearish: '#F46271'
140
- }
141
- },
142
- {
143
- id: 'ux-green-red-soft-light',
144
- zhName: 'UX 柔和 Light',
145
- enName: 'UX Soft Light',
146
- colorScheme: 'light',
147
- colorVariables: {
148
- default: '#0C0C0F',
149
- white: '#FFFFFF',
150
- transparent: 'transparent',
151
- foreground: '#0C0C0F',
152
- secondary: '#363538',
153
- tertiary: '#7B7B85',
154
- primary: '#D745FF',
155
- success: '#19AB5E',
156
- danger: '#FF5868',
157
- alert: '#F07939',
158
- warning: '#F6932B',
159
- gold: '#FFB800',
160
- 'bg-default': '#F6F6F6',
161
- 'bg-200': '#E9E7EE',
162
- 'bg-300': '#F6F6F6',
163
- 'bg-400': '#FFFFFF',
164
- overlay: '#FFFFFF',
165
- divider: '#DAD7E0',
166
- bullish: '#19AB5E',
167
- bearish: '#FF5868'
168
- }
169
- },
170
- {
171
- id: 'gmgn-dark',
172
- zhName: 'GMGN',
173
- enName: 'GMGN',
174
- colorScheme: 'dark',
175
- colorVariables: {
176
- default: '#F0F5F5',
177
- white: '#FFFFFF',
178
- transparent: 'transparent',
179
- foreground: '#F0F5F5',
180
- secondary: '#C4CCCC',
181
- tertiary: '#757E80',
182
- primary: '#86D99F',
183
- success: '#86D99F',
184
- danger: '#F26682',
185
- alert: '#F55832',
186
- warning: '#EDB951',
187
- gold: '#F5DA54',
188
- 'bg-default': '#0C0C0F',
189
- 'bg-200': '#282A2E',
190
- 'bg-300': '#1A1B1F',
191
- 'bg-400': '#111214',
192
- overlay: '#1A1B1F',
193
- divider: '#282828',
194
- bullish: '#1DB069',
195
- bearish: '#DE4E52'
196
- }
197
- },
198
- {
199
- id: 'axiom-dark',
200
- zhName: 'AXIOM',
201
- enName: 'AXIOM',
202
- colorScheme: 'dark',
203
- colorVariables: {
204
- default: '#FCFCFC',
205
- white: '#FFFFFF',
206
- transparent: 'transparent',
207
- foreground: '#FCFCFC',
208
- secondary: '#C8C9D1',
209
- tertiary: '#777A8C',
210
- primary: '#526FFF',
211
- success: '#2FE3AC',
212
- danger: '#EC397A',
213
- alert: '#F57733',
214
- warning: '#F7931A',
215
- gold: '#F7931A',
216
- 'bg-default': '#0C0C0F',
217
- 'bg-200': '#333542',
218
- 'bg-300': '#18181A',
219
- 'bg-400': '#101114',
220
- overlay: '#18181A',
221
- divider: '#333542',
222
- bullish: '#0B9981',
223
- bearish: '#F23646'
224
- }
225
- },
226
- {
227
- id: 'hyperliquid-dark',
228
- zhName: 'Hyperliquid',
229
- enName: 'Hyperliquid',
230
- colorScheme: 'dark',
231
- colorVariables: {
232
- default: '#F6FEFD',
233
- white: '#FFFFFF',
234
- transparent: 'transparent',
235
- foreground: '#F6FEFD',
236
- secondary: '#D1D4DC',
237
- tertiary: '#949E9C',
238
- primary: '#50D2C1',
239
- success: '#1FA67D',
240
- danger: '#ED7088',
241
- alert: '#EF8F50',
242
- warning: '#FFB648',
243
- gold: '#FFB648',
244
- 'bg-default': '#0F1A1F',
245
- 'bg-200': '#273035',
246
- 'bg-300': '#1B2429',
247
- 'bg-400': '#0F1A1F',
248
- overlay: '#1B2429',
249
- divider: '#444651',
250
- bullish: '#51D2C1',
251
- bearish: '#D45B71'
252
- }
253
- },
254
- {
255
- id: 'phantom-dark',
256
- zhName: 'Phantom',
257
- enName: 'Phantom',
258
- colorScheme: 'dark',
259
- colorVariables: {
260
- default: '#FFFFFF',
261
- white: '#FFFFFF',
262
- transparent: 'transparent',
263
- foreground: '#FFFFFF',
264
- secondary: '#999999',
265
- tertiary: '#757E80',
266
- primary: '#AB9FF2',
267
- success: '#2EC08B',
268
- danger: '#F7525F',
269
- alert: '#FF9C3F',
270
- warning: '#FFD13F',
271
- gold: '#FFD13F',
272
- 'bg-default': '#13121A',
273
- 'bg-200': '#222222',
274
- 'bg-300': '#272735',
275
- 'bg-400': '#22212A',
276
- overlay: '#272735',
277
- divider: '#323232',
278
- bullish: '#2EC08B',
279
- bearish: '#FF7243'
280
- }
281
- },
282
- {
283
- id: 'binance-dark',
284
- zhName: 'Binance',
285
- enName: 'Binance',
286
- colorScheme: 'dark',
287
- colorVariables: {
288
- default: '#EAECEF',
289
- white: '#FFFFFF',
290
- transparent: 'transparent',
291
- foreground: '#EAECEF',
292
- secondary: '#929AA5',
293
- tertiary: '#707A8A',
294
- primary: '#FCD535',
295
- success: '#2EBD85',
296
- danger: '#F6465D',
297
- alert: '#FF693D',
298
- warning: '#F0B90B',
299
- gold: '#2DBD85',
300
- 'bg-default': '#0B0E11',
301
- 'bg-200': '#29313D',
302
- 'bg-300': '#202630',
303
- 'bg-400': '#181A20',
304
- overlay: '#202630',
305
- divider: '#343B47',
306
- bullish: '#2EBD85',
307
- bearish: '#F6465D'
308
- }
309
- },
310
- {
311
- id: 'bullx-dark',
312
- zhName: "Bullx's",
313
- enName: "Bullx's",
314
- colorScheme: 'dark',
315
- colorVariables: {
316
- default: '#E9E9E9',
317
- white: '#FFFFFF',
318
- transparent: 'transparent',
319
- foreground: '#E9E9E9',
320
- secondary: '#98989B',
321
- tertiary: '#686a6d',
322
- primary: '#61DC9B',
323
- success: '#459C6E',
324
- danger: '#A13C45',
325
- alert: '#E9BF52',
326
- warning: '#DCC161',
327
- gold: '#E9BF52',
328
- 'bg-default': '#09090B',
329
- 'bg-200': '#1B1D22',
330
- 'bg-300': '#0D0D10',
331
- 'bg-400': '#0F0F0F',
332
- overlay: '#0D0D10',
333
- divider: '#1E2025',
334
- bullish: '#459C6E',
335
- bearish: '#A13C45'
336
- }
337
- }
338
- ];
339
- const themeKeys = themeData.map((theme)=>theme.id);
340
- export { themeData, themeKeys };