@particle-network/ui-react 0.4.0-beta.0 → 0.4.0-beta.10

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 (25) 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/UXDropdown/dropdown-item.js +1 -1
  4. package/dist/components/UXSelect/index.js +2 -2
  5. package/dist/components/UXTabs/tabs.classes.js +7 -7
  6. package/dist/components/UXThemeSwitch/index.d.ts +2 -0
  7. package/dist/components/UXThemeSwitch/index.js +2 -0
  8. package/dist/components/UXThemeSwitch/theme-data.d.ts +7 -23
  9. package/dist/components/UXThemeSwitch/theme-data.js +97 -61
  10. package/dist/components/UXThemeSwitch/theme-item.d.ts +1 -1
  11. package/dist/components/UXThemeSwitch/theme-item.js +27 -17
  12. package/dist/components/UXThemeSwitch/theme-switch.d.ts +3 -0
  13. package/dist/components/UXThemeSwitch/theme-switch.js +105 -77
  14. package/dist/components/UXThemeSwitch/use-color-scheme.d.ts +5 -0
  15. package/dist/components/UXThemeSwitch/use-color-scheme.js +11 -0
  16. package/dist/components/UXThemeSwitch/use-theme-color.d.ts +1 -0
  17. package/dist/components/UXThemeSwitch/use-theme-color.js +6 -0
  18. package/dist/components/UXThemeSwitch/use-theme-store.d.ts +16 -0
  19. package/dist/components/UXThemeSwitch/use-theme-store.js +20 -1
  20. package/dist/components/UXThemeSwitch/use-theme.d.ts +4 -0
  21. package/dist/components/UXThemeSwitch/use-theme.js +49 -11
  22. package/dist/hooks/useI18n.d.ts +3 -0
  23. package/dist/hooks/useI18n.js +8 -2
  24. package/package.json +5 -5
  25. package/tailwind-preset.js +15 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-network/ui-react",
3
- "version": "0.4.0-beta.0",
3
+ "version": "0.4.0-beta.10",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -39,8 +39,8 @@
39
39
  "@types/react": "^19.1.10",
40
40
  "react": "^19.1.0",
41
41
  "typescript": "^5.8.3",
42
- "@particle-network/lintstaged-config": "0.1.0",
43
- "@particle-network/eslint-config": "0.3.0"
42
+ "@particle-network/eslint-config": "0.3.0",
43
+ "@particle-network/lintstaged-config": "0.1.0"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "react": ">=16.9.0",
@@ -50,8 +50,8 @@
50
50
  "ahooks": "^3.9.4",
51
51
  "copy-to-clipboard": "^3.3.3",
52
52
  "zustand": "^5.0.8",
53
- "@particle-network/icons": "0.3.1",
54
- "@particle-network/ui-shared": "0.2.0"
53
+ "@particle-network/ui-shared": "0.3.0-beta.1",
54
+ "@particle-network/icons": "0.4.0-beta.4"
55
55
  },
56
56
  "scripts": {
57
57
  "build": "rslib build",
package/tailwind-preset.js CHANGED
@@ -6,6 +6,9 @@ const plugin = require('tailwindcss/plugin');
6
6
  module.exports = {
7
7
  theme: {
8
8
  extend: {
9
+ colors: {
10
+ brand: '#D745FF',
11
+ },
9
12
  gap: {
10
13
  xs: '0.125rem', // 2px
11
14
  sm: '0.375rem', // 6px
@@ -72,12 +75,12 @@ module.exports = {
72
75
  },
73
76
  },
74
77
  },
75
- darkMode: 'class',
78
+ darkMode: ['selector', '[data-theme="dark"]'],
76
79
  plugins: [
77
80
  heroui({
78
81
  addCommonColors: true,
79
- defaultTheme: 'ux-purple-gold-light',
80
- defaultExtendTheme: 'light',
82
+ defaultTheme: 'ux-purple-gold-dark',
83
+ defaultExtendTheme: 'ux-purple-gold-dark',
81
84
  layout: {
82
85
  radius: {
83
86
  small: '6px', // rounded-small
@@ -509,7 +512,7 @@ module.exports = {
509
512
  },
510
513
  tertiary: {
511
514
  DEFAULT: '#7B7B85',
512
- foreground: '#000000',
515
+ foreground: '#FFFFFF',
513
516
  },
514
517
  success: {
515
518
  DEFAULT: '#19AB5E',
@@ -584,7 +587,7 @@ module.exports = {
584
587
  },
585
588
  tertiary: {
586
589
  DEFAULT: '#757E80',
587
- foreground: '#FFFFFF',
590
+ foreground: '#000000',
588
591
  },
589
592
  success: {
590
593
  DEFAULT: '#86D99F',
@@ -659,7 +662,7 @@ module.exports = {
659
662
  },
660
663
  tertiary: {
661
664
  DEFAULT: '#777A8C',
662
- foreground: '#FFFFFF',
665
+ foreground: '#000000',
663
666
  },
664
667
  success: {
665
668
  DEFAULT: '#2FE3AC',
@@ -734,7 +737,7 @@ module.exports = {
734
737
  },
735
738
  tertiary: {
736
739
  DEFAULT: '#949E9C',
737
- foreground: '#FFFFFF',
740
+ foreground: '#000000',
738
741
  },
739
742
  success: {
740
743
  DEFAULT: '#1FA67D',
@@ -809,7 +812,7 @@ module.exports = {
809
812
  },
810
813
  tertiary: {
811
814
  DEFAULT: '#757E80',
812
- foreground: '#FFFFFF',
815
+ foreground: '#000000',
813
816
  },
814
817
  success: {
815
818
  DEFAULT: '#2EC08B',
@@ -884,7 +887,7 @@ module.exports = {
884
887
  },
885
888
  tertiary: {
886
889
  DEFAULT: '#707A8A',
887
- foreground: '#FFFFFF',
890
+ foreground: '#000000',
888
891
  },
889
892
  success: {
890
893
  DEFAULT: '#2EBD85',
@@ -959,7 +962,7 @@ module.exports = {
959
962
  },
960
963
  tertiary: {
961
964
  DEFAULT: '#686a6d',
962
- foreground: '#FFFFFF',
965
+ foreground: '#000000',
963
966
  },
964
967
  success: {
965
968
  DEFAULT: '#459C6E',
@@ -1014,7 +1017,7 @@ module.exports = {
1014
1017
  addVariant('max-2xh', '@media (max-height: 1300px)');
1015
1018
 
1016
1019
  // light mode variant
1017
- addVariant('light', '&:not(.dark *)');
1020
+ addVariant('light', '&:not([data-theme="dark"] *)');
1018
1021
 
1019
1022
  // button styles
1020
1023
  addComponents({
@@ -1064,7 +1067,7 @@ module.exports = {
1064
1067
  '.shadow-box': {
1065
1068
  boxShadow: '0px 2px 12px 0px rgba(23, 23, 28, 0.15)',
1066
1069
  },
1067
- '.dark .shadow-box': {
1070
+ '[data-theme="dark"] .shadow-box': {
1068
1071
  boxShadow: '0px 2px 12px 0px rgba(0, 0, 0, 0.5)',
1069
1072
  },
1070
1073
  });