@particle-network/ui-shared 0.4.1-beta.3 → 0.4.1-beta.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 (5) hide show
  1. package/dist/color.d.ts +1 -1
  2. package/dist/color.js +20 -20
  3. package/dist/theme-data.d.ts +1 -1
  4. package/dist/theme-data.js +51 -50
  5. package/package.json +1 -1
package/dist/color.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export type UXComponentColor = 'foreground' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'danger' | 'warning' | 'alert' | 'bullish' | 'bearish';
2
2
  export type UXForegroundColor = 'default' | 'white' | 'foreground' | 'secondary' | 'tertiary' | 'primary' | 'success' | 'danger' | 'alert' | 'warning' | 'blue' | 'bullish' | 'bearish';
3
- export type UXBackgroundColor = 'bg-pure' | 'bg-default' | 'bg-300' | 'bg-200' | 'bg-400' | 'cursor' | 'divider' | 'transparent' | 'overlay';
3
+ export type UXBackgroundColor = 'bgPure' | 'bgDefault' | 'bg300' | 'bg200' | 'bg400' | 'cursor' | 'divider' | 'transparent' | 'overlay';
4
4
  export type UXColor = UXForegroundColor | UXBackgroundColor;
5
5
  export type UpDownColor = 'candleUp' | 'candleDown' | 'candleWickUp' | 'candleWickDown' | 'candleBorderUp' | 'candleBorderDown';
6
6
  export interface DynamicColors {
package/dist/color.js CHANGED
@@ -14,11 +14,11 @@ const colorMap = {
14
14
  blue: '#0ea5e9',
15
15
  bullish: '#FFB800',
16
16
  bearish: '#E84A5A',
17
- 'bg-pure': '#000000',
18
- 'bg-default': '#000000',
19
- 'bg-200': '#1F1F23',
20
- 'bg-300': '#17171C',
21
- 'bg-400': '#0F0F0F',
17
+ bgPure: '#000000',
18
+ bgDefault: '#000000',
19
+ bg200: '#1F1F23',
20
+ bg300: '#17171C',
21
+ bg400: '#0F0F0F',
22
22
  overlay: '#17171C',
23
23
  divider: '#26272D',
24
24
  transparent: 'transparent'
@@ -38,11 +38,11 @@ const colorMap = {
38
38
  blue: '#0ea5e9',
39
39
  bullish: '#FFAC34',
40
40
  bearish: '#E84A5A',
41
- 'bg-pure': '#FFFFFF',
42
- 'bg-default': '#F8F8FA',
43
- 'bg-200': '#F0F0F2',
44
- 'bg-300': '#F8F8FA',
45
- 'bg-400': '#FFFFFF',
41
+ bgPure: '#FFFFFF',
42
+ bgDefault: '#F8F8FA',
43
+ bg200: '#F0F0F2',
44
+ bg300: '#F8F8FA',
45
+ bg400: '#FFFFFF',
46
46
  overlay: '#FFFFFF',
47
47
  divider: '#E8E8ED',
48
48
  transparent: 'transparent'
@@ -61,11 +61,11 @@ const componentColorList = [
61
61
  'bearish'
62
62
  ];
63
63
  const backgroundColorList = [
64
- 'bg-pure',
65
- 'bg-default',
66
- 'bg-200',
67
- 'bg-300',
68
- 'bg-400',
64
+ 'bgPure',
65
+ 'bgDefault',
66
+ 'bg200',
67
+ 'bg300',
68
+ 'bg400',
69
69
  'cursor',
70
70
  'overlay',
71
71
  'divider',
@@ -90,11 +90,11 @@ const colorToClassName = {
90
90
  blue: 'text-blue',
91
91
  bullish: 'text-bullish',
92
92
  bearish: 'text-bearish',
93
- 'bg-pure': 'text-background-pure',
94
- 'bg-default': 'text-background',
95
- 'bg-200': 'text-background-200',
96
- 'bg-300': 'text-background-300',
97
- 'bg-400': 'text-background-400',
93
+ bgPure: 'text-background-pure',
94
+ bgDefault: 'text-background',
95
+ bg200: 'text-background-200',
96
+ bg300: 'text-background-300',
97
+ bg400: 'text-background-400',
98
98
  overlay: 'text-overlay',
99
99
  divider: 'text-divider',
100
100
  transparent: 'text-transparent'
package/dist/theme-data.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { UpDownColor, UXColor } from './color';
2
2
  export type ThemeId = 'ux-classic-dark' | 'ux-classic-light' | 'ux-green-red-dark' | 'ux-green-red-light' | 'ux-dark' | 'ux-light' | 'gmgn-dark' | 'axiom-dark' | 'hyperliquid-dark' | 'phantom-dark' | 'binance-dark' | 'bullx-dark' | 'custom';
3
3
  export type ColorScheme = 'dark' | 'light';
4
- export type ThemeColorVariable = UpDownColor | Exclude<UXColor, 'transparent' | 'white' | 'bg-pure' | 'default'>;
4
+ export type ThemeColorVariable = UpDownColor | Exclude<UXColor, 'transparent' | 'white' | 'bgPure' | 'default'>;
5
5
  export interface ThemeItemType {
6
6
  id: ThemeId;
7
7
  zhName: string;
package/dist/theme-data.js CHANGED
@@ -27,10 +27,10 @@ const UXDarkTheme = {
27
27
  danger: '#FF5868',
28
28
  alert: '#F37A39',
29
29
  warning: '#FFB800',
30
- 'bg-default': '#100E11',
31
- 'bg-200': '#282930',
32
- 'bg-300': '#1F2025',
33
- 'bg-400': '#151517',
30
+ bgDefault: '#100E11',
31
+ bg200: '#282930',
32
+ bg300: '#1F2025',
33
+ bg400: '#151517',
34
34
  overlay: '#1F2025',
35
35
  divider: '#26272D',
36
36
  bullish: '#19AB5E',
@@ -54,10 +54,10 @@ const UXLightTheme = {
54
54
  danger: '#FF5868',
55
55
  alert: '#E65E16',
56
56
  warning: '#F38300',
57
- 'bg-default': '#F6F6F6',
58
- 'bg-200': '#EFEDF5',
59
- 'bg-300': '#F6F6F6',
60
- 'bg-400': '#FFFFFF',
57
+ bgDefault: '#F6F6F6',
58
+ bg200: '#EFEDF5',
59
+ bg300: '#F6F6F6',
60
+ bg400: '#FFFFFF',
61
61
  overlay: '#FFFFFF',
62
62
  divider: '#DAD7E0',
63
63
  bullish: '#19AB5E',
@@ -81,10 +81,10 @@ const UXClassicDarkTheme = {
81
81
  danger: '#E84A5A',
82
82
  alert: '#F57733',
83
83
  warning: '#FFB800',
84
- 'bg-default': '#000000',
85
- 'bg-200': '#1F1F23',
86
- 'bg-300': '#17171C',
87
- 'bg-400': '#0F0F0F',
84
+ bgDefault: '#000000',
85
+ bg200: '#1F1F23',
86
+ bg300: '#17171C',
87
+ bg400: '#0F0F0F',
88
88
  overlay: '#17171C',
89
89
  divider: '#26272D',
90
90
  bullish: '#D745FF',
@@ -108,10 +108,10 @@ const UXClassicLightTheme = {
108
108
  danger: '#DE4A40',
109
109
  alert: '#E65E16',
110
110
  warning: '#F38300',
111
- 'bg-default': '#F8F8FA',
112
- 'bg-200': '#F0F0F2',
113
- 'bg-300': '#F8F8FA',
114
- 'bg-400': '#FFFFFF',
111
+ bgDefault: '#F8F8FA',
112
+ bg200: '#F0F0F2',
113
+ bg300: '#F8F8FA',
114
+ bg400: '#FFFFFF',
115
115
  overlay: '#FFFFFF',
116
116
  divider: '#E8E8ED',
117
117
  bullish: '#D745FF',
@@ -135,10 +135,10 @@ const UXGreenRedDarkTheme = {
135
135
  danger: '#E84A5A',
136
136
  alert: '#F57733',
137
137
  warning: '#FFB800',
138
- 'bg-default': '#000000',
139
- 'bg-200': '#1F1F23',
140
- 'bg-300': '#17171C',
141
- 'bg-400': '#0F0F0F',
138
+ bgDefault: '#000000',
139
+ bg200: '#1F1F23',
140
+ bg300: '#17171C',
141
+ bg400: '#0F0F0F',
142
142
  overlay: '#17171C',
143
143
  divider: '#26272D',
144
144
  bullish: '#45B167',
@@ -162,10 +162,10 @@ const UXGreenRedLightTheme = {
162
162
  danger: '#DE4A40',
163
163
  alert: '#E65E16',
164
164
  warning: '#F38300',
165
- 'bg-default': '#F8F8FA',
166
- 'bg-200': '#F0F0F2',
167
- 'bg-300': '#F8F8FA',
168
- 'bg-400': '#FFFFFF',
165
+ bgDefault: '#F8F8FA',
166
+ bg200: '#F0F0F2',
167
+ bg300: '#F8F8FA',
168
+ bg400: '#FFFFFF',
169
169
  overlay: '#FFFFFF',
170
170
  divider: '#E8E8ED',
171
171
  bullish: '#2E9F4A',
@@ -190,10 +190,10 @@ const GMGNTheme = {
190
190
  danger: '#F26682',
191
191
  alert: '#F55832',
192
192
  warning: '#F5DA54',
193
- 'bg-default': '#0C0C0F',
194
- 'bg-200': '#1F2024',
195
- 'bg-300': '#1A1B1F',
196
- 'bg-400': '#111214',
193
+ bgDefault: '#0C0C0F',
194
+ bg200: '#1F2024',
195
+ bg300: '#1A1B1F',
196
+ bg400: '#111214',
197
197
  overlay: '#1A1B1F',
198
198
  divider: '#26272D',
199
199
  bullish: '#86D99F',
@@ -218,10 +218,10 @@ const AxiomTheme = {
218
218
  danger: '#EC397A',
219
219
  alert: '#F57733',
220
220
  warning: '#F7931A',
221
- 'bg-default': '#0C0C0F',
222
- 'bg-200': '#22242D',
223
- 'bg-300': '#18181A',
224
- 'bg-400': '#101114',
221
+ bgDefault: '#0C0C0F',
222
+ bg200: '#22242D',
223
+ bg300: '#18181A',
224
+ bg400: '#101114',
225
225
  overlay: '#18181A',
226
226
  divider: '#25272E',
227
227
  bullish: '#2FE3AC',
@@ -245,10 +245,10 @@ const HyperliquidTheme = {
245
245
  danger: '#ED7088',
246
246
  alert: '#EF8F50',
247
247
  warning: '#FFB648',
248
- 'bg-default': '#0A1318',
249
- 'bg-200': '#222D33',
250
- 'bg-300': '#1B2429',
251
- 'bg-400': '#0F1A1F',
248
+ bgDefault: '#0A1318',
249
+ bg200: '#222D33',
250
+ bg300: '#1B2429',
251
+ bg400: '#0F1A1F',
252
252
  overlay: '#1B2429',
253
253
  divider: '#394145',
254
254
  bullish: '#50D2C1',
@@ -272,10 +272,10 @@ const PhantomTheme = {
272
272
  danger: '#F7525F',
273
273
  alert: '#FF9C3F',
274
274
  warning: '#FFD13F',
275
- 'bg-default': '#13121A',
276
- 'bg-200': '#2C2C38',
277
- 'bg-300': '#272735',
278
- 'bg-400': '#22212A',
275
+ bgDefault: '#13121A',
276
+ bg200: '#2C2C38',
277
+ bg300: '#272735',
278
+ bg400: '#22212A',
279
279
  overlay: '#272735',
280
280
  divider: '#323232',
281
281
  bullish: '#2EC08B',
@@ -299,10 +299,10 @@ const BinanceTheme = {
299
299
  danger: '#F6465D',
300
300
  alert: '#FF693D',
301
301
  warning: '#F0B90B',
302
- 'bg-default': '#0B0E11',
303
- 'bg-200': '#252B36',
304
- 'bg-300': '#202630',
305
- 'bg-400': '#181A20',
302
+ bgDefault: '#0B0E11',
303
+ bg200: '#252B36',
304
+ bg300: '#202630',
305
+ bg400: '#181A20',
306
306
  overlay: '#202630',
307
307
  divider: '#343B47',
308
308
  bullish: '#2EBD85',
@@ -327,10 +327,10 @@ const BullXTheme = {
327
327
  danger: '#A13C45',
328
328
  alert: '#E9BF52',
329
329
  warning: '#E9BF52',
330
- 'bg-default': '#09090B',
331
- 'bg-200': '#1B1D22',
332
- 'bg-300': '#15171A',
333
- 'bg-400': '#0F0F0F',
330
+ bgDefault: '#09090B',
331
+ bg200: '#1B1D22',
332
+ bg300: '#15171A',
333
+ bg400: '#0F0F0F',
334
334
  overlay: '#15171A',
335
335
  divider: '#1E2025',
336
336
  bullish: '#459C6E',
@@ -343,14 +343,15 @@ const CustomTheme = {
343
343
  ...UXDarkTheme,
344
344
  id: 'custom',
345
345
  zhName: '自定义',
346
- enName: 'Custom'
346
+ enName: 'Custom',
347
+ baseThemeId: UXDarkTheme.id
347
348
  };
348
349
  const themeData = [
349
350
  UXDarkTheme,
350
351
  UXLightTheme,
351
- UXGreenRedDarkTheme,
352
352
  UXClassicDarkTheme,
353
353
  UXClassicLightTheme,
354
+ UXGreenRedDarkTheme,
354
355
  UXGreenRedLightTheme,
355
356
  GMGNTheme,
356
357
  AxiomTheme,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-network/ui-shared",
3
- "version": "0.4.1-beta.3",
3
+ "version": "0.4.1-beta.5",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "react-native": "./dist/index.js",