@particle-network/ui-shared 0.3.1 → 0.3.2-beta.0

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 (4) hide show
  1. package/dist/color.js +1 -1
  2. package/dist/theme-data.d.ts +2 -2
  3. package/dist/theme-data.js +35 -33
  4. package/package.json +1 -1
package/dist/color.js CHANGED
@@ -25,7 +25,7 @@ const colorMap = {
25
25
  default: '#000000',
26
26
  white: '#FFFFFF',
27
27
  foreground: '#000000',
28
- secondary: '#767A80',
28
+ secondary: '#61656B',
29
29
  tertiary: '#D8D8DE',
30
30
  primary: '#D745FF',
31
31
  success: '#2E9F4A',
package/dist/theme-data.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type UXColor } from './color';
2
- export type ThemeId = 'ux-purple-gold-dark' | 'ux-purple-gold-light' | 'ux-green-red-dark' | 'ux-green-red-light' | 'ux-green-red-soft-dark' | 'ux-green-red-soft-light' | 'gmgn-dark' | 'axiom-dark' | 'hyperliquid-dark' | 'phantom-dark' | 'binance-dark' | 'bullx-dark';
2
+ export type ThemeId = 'ux-purple-gold-dark' | 'ux-purple-gold-light' | 'ux-green-red-dark' | 'ux-green-red-light' | 'ux-green-red-soft-dark' | 'ux-green-red-soft-light' | 'gmgn-dark' | 'axiom-dark' | 'hyperliquid-dark' | 'phantom-dark' | 'binance-dark' | 'bullx-dark' | 'custom';
3
3
  export type ColorScheme = 'dark' | 'light';
4
4
  export interface ThemeItemType {
5
5
  id: ThemeId;
@@ -7,7 +7,7 @@ export interface ThemeItemType {
7
7
  enName: string;
8
8
  fontName?: string;
9
9
  colorScheme: ColorScheme;
10
- colorVariables: Record<UXColor, string>;
10
+ colorVariables: Record<Exclude<UXColor, 'transparent' | 'white'>, string>;
11
11
  }
12
12
  export declare const DEFAULT_THEME_ID = "ux-green-red-soft-dark";
13
13
  export declare const themeData: ThemeItemType[];
package/dist/theme-data.js CHANGED
@@ -7,25 +7,23 @@ const themeData = [
7
7
  colorScheme: 'dark',
8
8
  colorVariables: {
9
9
  default: '#FDFDFE',
10
- white: '#FFFFFF',
11
- transparent: 'transparent',
12
10
  foreground: '#FDFDFE',
13
11
  secondary: '#BBBBC4',
14
12
  tertiary: '#4E4E56',
15
13
  primary: '#D745FF',
16
- success: '#73D090',
17
- danger: '#F46271',
14
+ success: '#19AB5E',
15
+ danger: '#FF5868',
18
16
  alert: '#F37A39',
19
17
  warning: '#F8BF63',
20
18
  gold: '#FFB800',
21
19
  'bg-default': '#100E11',
22
20
  'bg-200': '#2A2A30',
23
- 'bg-300': '#17171C',
21
+ 'bg-300': '#1F2025',
24
22
  'bg-400': '#171517',
25
- overlay: '#17171C',
23
+ overlay: '#1F2025',
26
24
  divider: '#26272D',
27
- bullish: '#73D090',
28
- bearish: '#F46271'
25
+ bullish: '#19AB5E',
26
+ bearish: '#FF5868'
29
27
  }
30
28
  },
31
29
  {
@@ -35,10 +33,8 @@ const themeData = [
35
33
  colorScheme: 'light',
36
34
  colorVariables: {
37
35
  default: '#000000',
38
- white: '#FFFFFF',
39
- transparent: 'transparent',
40
36
  foreground: '#000000',
41
- secondary: '#3D3C3F',
37
+ secondary: '#55585C',
42
38
  tertiary: '#CFCFD7',
43
39
  primary: '#D745FF',
44
40
  success: '#19AB5E',
@@ -63,8 +59,6 @@ const themeData = [
63
59
  colorScheme: 'dark',
64
60
  colorVariables: {
65
61
  default: '#FFFFFF',
66
- white: '#FFFFFF',
67
- transparent: 'transparent',
68
62
  foreground: '#FFFFFF',
69
63
  secondary: '#A1A1AA',
70
64
  tertiary: '#4E4E56',
@@ -91,10 +85,8 @@ const themeData = [
91
85
  colorScheme: 'light',
92
86
  colorVariables: {
93
87
  default: '#0C0C0F',
94
- white: '#FFFFFF',
95
- transparent: 'transparent',
96
88
  foreground: '#0C0C0F',
97
- secondary: '#767A80',
89
+ secondary: '#61656B',
98
90
  tertiary: '#D8D8DE',
99
91
  primary: '#D745FF',
100
92
  success: '#2E9F4A',
@@ -119,8 +111,6 @@ const themeData = [
119
111
  colorScheme: 'dark',
120
112
  colorVariables: {
121
113
  default: '#FFFFFF',
122
- white: '#FFFFFF',
123
- transparent: 'transparent',
124
114
  foreground: '#FFFFFF',
125
115
  secondary: '#A1A1AA',
126
116
  tertiary: '#4E4E56',
@@ -147,8 +137,6 @@ const themeData = [
147
137
  colorScheme: 'light',
148
138
  colorVariables: {
149
139
  default: '#000000',
150
- white: '#FFFFFF',
151
- transparent: 'transparent',
152
140
  foreground: '#000000',
153
141
  secondary: '#767A80',
154
142
  tertiary: '#D8D8DE',
@@ -176,8 +164,6 @@ const themeData = [
176
164
  colorScheme: 'dark',
177
165
  colorVariables: {
178
166
  default: '#F0F5F5',
179
- white: '#FFFFFF',
180
- transparent: 'transparent',
181
167
  foreground: '#F0F5F5',
182
168
  secondary: '#C4CCCC',
183
169
  tertiary: '#5D6466',
@@ -205,8 +191,6 @@ const themeData = [
205
191
  colorScheme: 'dark',
206
192
  colorVariables: {
207
193
  default: '#FCFCFC',
208
- white: '#FFFFFF',
209
- transparent: 'transparent',
210
194
  foreground: '#FCFCFC',
211
195
  secondary: '#C8C9D1',
212
196
  tertiary: '#4A4D5E',
@@ -233,8 +217,6 @@ const themeData = [
233
217
  colorScheme: 'dark',
234
218
  colorVariables: {
235
219
  default: '#F6FEFD',
236
- white: '#FFFFFF',
237
- transparent: 'transparent',
238
220
  foreground: '#F6FEFD',
239
221
  secondary: '#D1D4DC',
240
222
  tertiary: '#5D6466',
@@ -261,8 +243,6 @@ const themeData = [
261
243
  colorScheme: 'dark',
262
244
  colorVariables: {
263
245
  default: '#FFFFFF',
264
- white: '#FFFFFF',
265
- transparent: 'transparent',
266
246
  foreground: '#FFFFFF',
267
247
  secondary: '#999999',
268
248
  tertiary: '#54515E',
@@ -289,8 +269,6 @@ const themeData = [
289
269
  colorScheme: 'dark',
290
270
  colorVariables: {
291
271
  default: '#EAECEF',
292
- white: '#FFFFFF',
293
- transparent: 'transparent',
294
272
  foreground: '#EAECEF',
295
273
  secondary: '#929AA5',
296
274
  tertiary: '#444A56',
@@ -318,12 +296,10 @@ const themeData = [
318
296
  colorScheme: 'dark',
319
297
  colorVariables: {
320
298
  default: '#E9E9E9',
321
- white: '#FFFFFF',
322
- transparent: 'transparent',
323
299
  foreground: '#E9E9E9',
324
300
  secondary: '#98989B',
325
301
  tertiary: '#4B4D51',
326
- primary: '#61DC9B',
302
+ primary: '#459C6E',
327
303
  success: '#459C6E',
328
304
  danger: '#A13C45',
329
305
  alert: '#E9BF52',
@@ -338,6 +314,32 @@ const themeData = [
338
314
  bullish: '#459C6E',
339
315
  bearish: '#A13C45'
340
316
  }
317
+ },
318
+ {
319
+ id: 'custom',
320
+ zhName: 'Custom',
321
+ enName: 'Custom',
322
+ colorScheme: 'dark',
323
+ colorVariables: {
324
+ default: '#FDFDFE',
325
+ foreground: '#FDFDFE',
326
+ secondary: '#BBBBC4',
327
+ tertiary: '#4E4E56',
328
+ primary: '#19AB5E',
329
+ success: '#19AB5E',
330
+ danger: '#FF5868',
331
+ alert: '#F37A39',
332
+ warning: '#F8BF63',
333
+ gold: '#FFB800',
334
+ 'bg-default': '#100E11',
335
+ 'bg-200': '#2A2A30',
336
+ 'bg-300': '#1F2025',
337
+ 'bg-400': '#171517',
338
+ overlay: '#1F2025',
339
+ divider: '#26272D',
340
+ bullish: '#19AB5E',
341
+ bearish: '#FF5868'
342
+ }
341
343
  }
342
344
  ];
343
345
  const themeKeys = themeData.map((theme)=>theme.id);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-network/ui-shared",
3
- "version": "0.3.1",
3
+ "version": "0.3.2-beta.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "react-native": "./dist/index.js",