@particle-network/ui-react 0.5.1-beta.3 → 0.5.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.
- package/dist/components/ProgressWrapper/index.d.ts +2 -2
- package/dist/components/UXChip/chip.extend.d.ts +2 -1
- package/dist/components/UXChip/index.d.ts +1 -1
- package/dist/components/UXColorPicker/color-picker.js +13 -7
- package/dist/components/UXColorPicker/types.d.ts +11 -0
- package/dist/components/UXThemeSwitch/constants.d.ts +9 -0
- package/dist/components/UXThemeSwitch/constants.js +3 -0
- package/dist/components/UXThemeSwitch/custom-theme-config.d.ts +2 -0
- package/dist/components/UXThemeSwitch/custom-theme-config.js +169 -0
- package/dist/components/UXThemeSwitch/theme-item.js +93 -14
- package/dist/components/UXThemeSwitch/theme-switch.js +24 -3
- package/dist/components/UXThemeSwitch/use-theme-color.d.ts +1 -22
- package/dist/components/UXThemeSwitch/use-theme-color.js +1 -9
- package/dist/components/UXThemeSwitch/use-theme-store.d.ts +5 -0
- package/dist/components/UXThemeSwitch/use-theme-store.js +9 -4
- package/dist/components/UXThemeSwitch/use-theme.d.ts +2 -0
- package/dist/components/UXThemeSwitch/use-theme.js +10 -53
- package/dist/components/UXThemeSwitch/utils.d.ts +28 -0
- package/dist/components/UXThemeSwitch/utils.js +202 -0
- package/dist/components/typography/Text.type.d.ts +2 -2
- package/dist/components/typography/Text.type.js +0 -1
- package/dist/heroui/constants.d.ts +18 -0
- package/dist/heroui/constants.js +98 -0
- package/dist/heroui/types.d.ts +91 -0
- package/dist/heroui/types.js +0 -0
- package/dist/heroui/utils/colors.d.ts +34 -0
- package/dist/heroui/utils/colors.js +121 -0
- package/dist/heroui/utils/object.d.ts +1 -0
- package/dist/heroui/utils/object.js +17 -0
- package/dist/hooks/useI18n.d.ts +129 -25
- package/dist/hooks/useI18n.js +80 -2
- package/dist/hooks/useLang.d.ts +5 -1
- package/dist/hooks/useLang.js +13 -1
- package/package.json +5 -3
- package/tailwind-preset.js +22 -148
package/tailwind-preset.js
CHANGED
|
@@ -8,6 +8,7 @@ module.exports = {
|
|
|
8
8
|
extend: {
|
|
9
9
|
colors: {
|
|
10
10
|
brand: '#D745FF',
|
|
11
|
+
'background-pure': 'var(--background-pure)',
|
|
11
12
|
},
|
|
12
13
|
gap: {
|
|
13
14
|
xs: '0.125rem', // 2px
|
|
@@ -79,8 +80,8 @@ module.exports = {
|
|
|
79
80
|
plugins: [
|
|
80
81
|
heroui({
|
|
81
82
|
addCommonColors: true,
|
|
82
|
-
defaultTheme: 'ux-
|
|
83
|
-
defaultExtendTheme: 'ux-
|
|
83
|
+
defaultTheme: 'ux-classic-dark',
|
|
84
|
+
defaultExtendTheme: 'ux-classic-dark',
|
|
84
85
|
layout: {
|
|
85
86
|
radius: {
|
|
86
87
|
small: '6px', // rounded-small
|
|
@@ -98,7 +99,7 @@ module.exports = {
|
|
|
98
99
|
hoverOpacity: 0.7,
|
|
99
100
|
},
|
|
100
101
|
themes: {
|
|
101
|
-
'ux-
|
|
102
|
+
'ux-classic-dark': {
|
|
102
103
|
extend: 'dark',
|
|
103
104
|
colors: {
|
|
104
105
|
content1: {
|
|
@@ -156,7 +157,7 @@ module.exports = {
|
|
|
156
157
|
foreground: '#FFFFFF',
|
|
157
158
|
},
|
|
158
159
|
warning: {
|
|
159
|
-
DEFAULT: '#
|
|
160
|
+
DEFAULT: '#FFB800',
|
|
160
161
|
foreground: '#FFFFFF',
|
|
161
162
|
},
|
|
162
163
|
divider: {
|
|
@@ -167,10 +168,6 @@ module.exports = {
|
|
|
167
168
|
DEFAULT: '#F57733',
|
|
168
169
|
foreground: '#FFFFFF',
|
|
169
170
|
},
|
|
170
|
-
gold: {
|
|
171
|
-
DEFAULT: '#FFB800',
|
|
172
|
-
foreground: '#FFFFFF',
|
|
173
|
-
},
|
|
174
171
|
bullish: {
|
|
175
172
|
DEFAULT: '#D745FF',
|
|
176
173
|
foreground: '#FFFFFF',
|
|
@@ -181,7 +178,7 @@ module.exports = {
|
|
|
181
178
|
},
|
|
182
179
|
},
|
|
183
180
|
},
|
|
184
|
-
'ux-
|
|
181
|
+
'ux-classic-light': {
|
|
185
182
|
extend: 'light',
|
|
186
183
|
colors: {
|
|
187
184
|
content1: {
|
|
@@ -239,7 +236,7 @@ module.exports = {
|
|
|
239
236
|
foreground: '#FFFFFF',
|
|
240
237
|
},
|
|
241
238
|
warning: {
|
|
242
|
-
DEFAULT: '#
|
|
239
|
+
DEFAULT: '#F38300',
|
|
243
240
|
foreground: '#FFFFFF',
|
|
244
241
|
},
|
|
245
242
|
divider: {
|
|
@@ -250,10 +247,6 @@ module.exports = {
|
|
|
250
247
|
DEFAULT: '#E65E16',
|
|
251
248
|
foreground: '#FFFFFF',
|
|
252
249
|
},
|
|
253
|
-
gold: {
|
|
254
|
-
DEFAULT: '#F38300',
|
|
255
|
-
foreground: '#FFFFFF',
|
|
256
|
-
},
|
|
257
250
|
bullish: {
|
|
258
251
|
DEFAULT: '#D745FF',
|
|
259
252
|
foreground: '#FFFFFF',
|
|
@@ -322,7 +315,7 @@ module.exports = {
|
|
|
322
315
|
foreground: '#FFFFFF',
|
|
323
316
|
},
|
|
324
317
|
warning: {
|
|
325
|
-
DEFAULT: '#
|
|
318
|
+
DEFAULT: '#FFB800',
|
|
326
319
|
foreground: '#FFFFFF',
|
|
327
320
|
},
|
|
328
321
|
divider: {
|
|
@@ -333,10 +326,6 @@ module.exports = {
|
|
|
333
326
|
DEFAULT: '#F57733',
|
|
334
327
|
foreground: '#FFFFFF',
|
|
335
328
|
},
|
|
336
|
-
gold: {
|
|
337
|
-
DEFAULT: '#FFB800',
|
|
338
|
-
foreground: '#FFFFFF',
|
|
339
|
-
},
|
|
340
329
|
bullish: {
|
|
341
330
|
DEFAULT: '#45B167',
|
|
342
331
|
foreground: '#FFFFFF',
|
|
@@ -367,7 +356,7 @@ module.exports = {
|
|
|
367
356
|
},
|
|
368
357
|
foreground: {
|
|
369
358
|
100: '#D8D8DE',
|
|
370
|
-
300: '#
|
|
359
|
+
300: '#61656B',
|
|
371
360
|
500: '#000000',
|
|
372
361
|
DEFAULT: '#000000',
|
|
373
362
|
},
|
|
@@ -389,7 +378,7 @@ module.exports = {
|
|
|
389
378
|
foreground: '#FFFFFF',
|
|
390
379
|
},
|
|
391
380
|
secondary: {
|
|
392
|
-
DEFAULT: '#
|
|
381
|
+
DEFAULT: '#61656B',
|
|
393
382
|
foreground: '#FFFFFF',
|
|
394
383
|
},
|
|
395
384
|
tertiary: {
|
|
@@ -405,7 +394,7 @@ module.exports = {
|
|
|
405
394
|
foreground: '#FFFFFF',
|
|
406
395
|
},
|
|
407
396
|
warning: {
|
|
408
|
-
DEFAULT: '#
|
|
397
|
+
DEFAULT: '#F38300',
|
|
409
398
|
foreground: '#FFFFFF',
|
|
410
399
|
},
|
|
411
400
|
divider: {
|
|
@@ -416,10 +405,6 @@ module.exports = {
|
|
|
416
405
|
DEFAULT: '#E65E16',
|
|
417
406
|
foreground: '#FFFFFF',
|
|
418
407
|
},
|
|
419
|
-
gold: {
|
|
420
|
-
DEFAULT: '#F38300',
|
|
421
|
-
foreground: '#FFFFFF',
|
|
422
|
-
},
|
|
423
408
|
bullish: {
|
|
424
409
|
DEFAULT: '#2E9F4A',
|
|
425
410
|
foreground: '#FFFFFF',
|
|
@@ -430,7 +415,7 @@ module.exports = {
|
|
|
430
415
|
},
|
|
431
416
|
},
|
|
432
417
|
},
|
|
433
|
-
'ux-
|
|
418
|
+
'ux-dark': {
|
|
434
419
|
extend: 'dark',
|
|
435
420
|
colors: {
|
|
436
421
|
content1: {
|
|
@@ -442,9 +427,9 @@ module.exports = {
|
|
|
442
427
|
foreground: '#FFFFFF',
|
|
443
428
|
},
|
|
444
429
|
background: {
|
|
445
|
-
200: '#
|
|
430
|
+
200: '#282930',
|
|
446
431
|
300: '#1F2025',
|
|
447
|
-
400: '#
|
|
432
|
+
400: '#151517',
|
|
448
433
|
500: '#100E11',
|
|
449
434
|
DEFAULT: '#100E11',
|
|
450
435
|
},
|
|
@@ -488,7 +473,7 @@ module.exports = {
|
|
|
488
473
|
foreground: '#FFFFFF',
|
|
489
474
|
},
|
|
490
475
|
warning: {
|
|
491
|
-
DEFAULT: '#
|
|
476
|
+
DEFAULT: '#FFB800',
|
|
492
477
|
foreground: '#FFFFFF',
|
|
493
478
|
},
|
|
494
479
|
divider: {
|
|
@@ -499,10 +484,6 @@ module.exports = {
|
|
|
499
484
|
DEFAULT: '#F37A39',
|
|
500
485
|
foreground: '#FFFFFF',
|
|
501
486
|
},
|
|
502
|
-
gold: {
|
|
503
|
-
DEFAULT: '#FFB800',
|
|
504
|
-
foreground: '#FFFFFF',
|
|
505
|
-
},
|
|
506
487
|
bullish: {
|
|
507
488
|
DEFAULT: '#19AB5E',
|
|
508
489
|
foreground: '#FFFFFF',
|
|
@@ -513,7 +494,7 @@ module.exports = {
|
|
|
513
494
|
},
|
|
514
495
|
},
|
|
515
496
|
},
|
|
516
|
-
'ux-
|
|
497
|
+
'ux-light': {
|
|
517
498
|
extend: 'light',
|
|
518
499
|
colors: {
|
|
519
500
|
content1: {
|
|
@@ -525,7 +506,7 @@ module.exports = {
|
|
|
525
506
|
foreground: '#000000',
|
|
526
507
|
},
|
|
527
508
|
background: {
|
|
528
|
-
200: '#
|
|
509
|
+
200: '#EFEDF5',
|
|
529
510
|
300: '#F6F6F6',
|
|
530
511
|
400: '#FFFFFF',
|
|
531
512
|
500: '#F6F6F6',
|
|
@@ -571,7 +552,7 @@ module.exports = {
|
|
|
571
552
|
foreground: '#FFFFFF',
|
|
572
553
|
},
|
|
573
554
|
warning: {
|
|
574
|
-
DEFAULT: '#
|
|
555
|
+
DEFAULT: '#F38300',
|
|
575
556
|
foreground: '#FFFFFF',
|
|
576
557
|
},
|
|
577
558
|
divider: {
|
|
@@ -579,11 +560,7 @@ module.exports = {
|
|
|
579
560
|
foreground: '#000000',
|
|
580
561
|
},
|
|
581
562
|
alert: {
|
|
582
|
-
DEFAULT: '#
|
|
583
|
-
foreground: '#FFFFFF',
|
|
584
|
-
},
|
|
585
|
-
gold: {
|
|
586
|
-
DEFAULT: '#FFB800',
|
|
563
|
+
DEFAULT: '#E65E16',
|
|
587
564
|
foreground: '#FFFFFF',
|
|
588
565
|
},
|
|
589
566
|
bullish: {
|
|
@@ -654,7 +631,7 @@ module.exports = {
|
|
|
654
631
|
foreground: '#000000',
|
|
655
632
|
},
|
|
656
633
|
warning: {
|
|
657
|
-
DEFAULT: '#
|
|
634
|
+
DEFAULT: '#F5DA54',
|
|
658
635
|
foreground: '#000000',
|
|
659
636
|
},
|
|
660
637
|
divider: {
|
|
@@ -665,10 +642,6 @@ module.exports = {
|
|
|
665
642
|
DEFAULT: '#F55832',
|
|
666
643
|
foreground: '#000000',
|
|
667
644
|
},
|
|
668
|
-
gold: {
|
|
669
|
-
DEFAULT: '#F5DA54',
|
|
670
|
-
foreground: '#000000',
|
|
671
|
-
},
|
|
672
645
|
bullish: {
|
|
673
646
|
DEFAULT: '#86D99F',
|
|
674
647
|
foreground: '#000000',
|
|
@@ -748,10 +721,6 @@ module.exports = {
|
|
|
748
721
|
DEFAULT: '#F57733',
|
|
749
722
|
foreground: '#000000',
|
|
750
723
|
},
|
|
751
|
-
gold: {
|
|
752
|
-
DEFAULT: '#F7931A',
|
|
753
|
-
foreground: '#000000',
|
|
754
|
-
},
|
|
755
724
|
bullish: {
|
|
756
725
|
DEFAULT: '#2FE3AC',
|
|
757
726
|
foreground: '#000000',
|
|
@@ -831,10 +800,6 @@ module.exports = {
|
|
|
831
800
|
DEFAULT: '#EF8F50',
|
|
832
801
|
foreground: '#000000',
|
|
833
802
|
},
|
|
834
|
-
gold: {
|
|
835
|
-
DEFAULT: '#FFB648',
|
|
836
|
-
foreground: '#000000',
|
|
837
|
-
},
|
|
838
803
|
bullish: {
|
|
839
804
|
DEFAULT: '#50D2C1',
|
|
840
805
|
foreground: '#000000',
|
|
@@ -903,7 +868,7 @@ module.exports = {
|
|
|
903
868
|
foreground: '#000000',
|
|
904
869
|
},
|
|
905
870
|
warning: {
|
|
906
|
-
DEFAULT: '#
|
|
871
|
+
DEFAULT: '#FFD13F',
|
|
907
872
|
foreground: '#000000',
|
|
908
873
|
},
|
|
909
874
|
divider: {
|
|
@@ -914,10 +879,6 @@ module.exports = {
|
|
|
914
879
|
DEFAULT: '#FF9C3F',
|
|
915
880
|
foreground: '#000000',
|
|
916
881
|
},
|
|
917
|
-
gold: {
|
|
918
|
-
DEFAULT: '#FFD13F',
|
|
919
|
-
foreground: '#000000',
|
|
920
|
-
},
|
|
921
882
|
bullish: {
|
|
922
883
|
DEFAULT: '#2EC08B',
|
|
923
884
|
foreground: '#000000',
|
|
@@ -997,10 +958,6 @@ module.exports = {
|
|
|
997
958
|
DEFAULT: '#FF693D',
|
|
998
959
|
foreground: '#000000',
|
|
999
960
|
},
|
|
1000
|
-
gold: {
|
|
1001
|
-
DEFAULT: '#2DBD85',
|
|
1002
|
-
foreground: '#000000',
|
|
1003
|
-
},
|
|
1004
961
|
bullish: {
|
|
1005
962
|
DEFAULT: '#2EBD85',
|
|
1006
963
|
foreground: '#000000',
|
|
@@ -1069,7 +1026,7 @@ module.exports = {
|
|
|
1069
1026
|
foreground: '#FFFFFF',
|
|
1070
1027
|
},
|
|
1071
1028
|
warning: {
|
|
1072
|
-
DEFAULT: '#
|
|
1029
|
+
DEFAULT: '#E9BF52',
|
|
1073
1030
|
foreground: '#000000',
|
|
1074
1031
|
},
|
|
1075
1032
|
divider: {
|
|
@@ -1080,10 +1037,6 @@ module.exports = {
|
|
|
1080
1037
|
DEFAULT: '#E9BF52',
|
|
1081
1038
|
foreground: '#000000',
|
|
1082
1039
|
},
|
|
1083
|
-
gold: {
|
|
1084
|
-
DEFAULT: '#E9BF52',
|
|
1085
|
-
foreground: '#000000',
|
|
1086
|
-
},
|
|
1087
1040
|
bullish: {
|
|
1088
1041
|
DEFAULT: '#459C6E',
|
|
1089
1042
|
foreground: '#FFFFFF',
|
|
@@ -1094,85 +1047,6 @@ module.exports = {
|
|
|
1094
1047
|
},
|
|
1095
1048
|
},
|
|
1096
1049
|
},
|
|
1097
|
-
'product-test': {
|
|
1098
|
-
extend: 'dark',
|
|
1099
|
-
colors: {
|
|
1100
|
-
default: {
|
|
1101
|
-
DEFAULT: '#222D33',
|
|
1102
|
-
foreground: '#F6FEFD',
|
|
1103
|
-
},
|
|
1104
|
-
secondary: {
|
|
1105
|
-
DEFAULT: '#D1D4DC',
|
|
1106
|
-
foreground: '#000000',
|
|
1107
|
-
},
|
|
1108
|
-
tertiary: {
|
|
1109
|
-
DEFAULT: '#949E9C',
|
|
1110
|
-
foreground: '#000000',
|
|
1111
|
-
},
|
|
1112
|
-
primary: {
|
|
1113
|
-
100: '#EFF5F5',
|
|
1114
|
-
200: '#CEE6E4',
|
|
1115
|
-
300: '#A8DBD6',
|
|
1116
|
-
400: '#7ED4CB',
|
|
1117
|
-
500: '#50D2C1',
|
|
1118
|
-
600: '#34B9A5',
|
|
1119
|
-
700: '#2B8C7C',
|
|
1120
|
-
800: '#206255',
|
|
1121
|
-
900: '#143831',
|
|
1122
|
-
DEFAULT: '#50D2C1',
|
|
1123
|
-
foreground: '#000000',
|
|
1124
|
-
},
|
|
1125
|
-
success: {
|
|
1126
|
-
DEFAULT: '#19AB5E',
|
|
1127
|
-
foreground: '#000000',
|
|
1128
|
-
},
|
|
1129
|
-
danger: {
|
|
1130
|
-
DEFAULT: '#E84A5A',
|
|
1131
|
-
foreground: '#000000',
|
|
1132
|
-
},
|
|
1133
|
-
alert: {
|
|
1134
|
-
DEFAULT: '#F57733',
|
|
1135
|
-
foreground: '#000000',
|
|
1136
|
-
},
|
|
1137
|
-
warning: {
|
|
1138
|
-
DEFAULT: '#FFD13F',
|
|
1139
|
-
foreground: '#000000',
|
|
1140
|
-
},
|
|
1141
|
-
gold: {
|
|
1142
|
-
DEFAULT: '#FFB800',
|
|
1143
|
-
foreground: '#000000',
|
|
1144
|
-
},
|
|
1145
|
-
overlay: {
|
|
1146
|
-
DEFAULT: '#1B2429',
|
|
1147
|
-
foreground: '#FFFFFF',
|
|
1148
|
-
},
|
|
1149
|
-
divider: {
|
|
1150
|
-
DEFAULT: '#394145',
|
|
1151
|
-
foreground: '#FFFFFF',
|
|
1152
|
-
},
|
|
1153
|
-
bullish: {
|
|
1154
|
-
DEFAULT: '#D745FF',
|
|
1155
|
-
foreground: '#000000',
|
|
1156
|
-
},
|
|
1157
|
-
bearish: {
|
|
1158
|
-
DEFAULT: '#F38300',
|
|
1159
|
-
foreground: '#000000',
|
|
1160
|
-
},
|
|
1161
|
-
background: {
|
|
1162
|
-
200: '#222D33',
|
|
1163
|
-
300: '#1B2429',
|
|
1164
|
-
400: '#0F1A1F',
|
|
1165
|
-
500: '#0A1318',
|
|
1166
|
-
DEFAULT: '#0A1318',
|
|
1167
|
-
},
|
|
1168
|
-
foreground: {
|
|
1169
|
-
100: '#949E9C',
|
|
1170
|
-
300: '#D1D4DC',
|
|
1171
|
-
500: '#F6FEFD',
|
|
1172
|
-
DEFAULT: '#F6FEFD',
|
|
1173
|
-
},
|
|
1174
|
-
},
|
|
1175
|
-
},
|
|
1176
1050
|
},
|
|
1177
1051
|
function({ addVariant, addComponents }) {
|
|
1178
1052
|
addVariant('child', '& > *');
|