@particle-network/ui-react 0.4.0-beta.2 → 0.4.0-beta.21

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