@particle-network/ui-react 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/components/UXThemeSwitch/index.d.ts

@@ -1,6 +1,5 @@
 export * from './theme-data';
 export * from './theme-switch';
 export * from './use-color-scheme';
-export * from './use-quote-color';
 export * from './use-theme';
 export * from './use-theme-color';

package/dist/components/UXThemeSwitch/index.js

@@ -1,6 +1,5 @@
 export * from "./theme-data.js";
 export * from "./theme-switch.js";
 export * from "./use-color-scheme.js";
-export * from "./use-quote-color.js";
 export * from "./use-theme.js";
 export * from "./use-theme-color.js";

package/dist/components/UXThemeSwitch/theme-data.d.ts

@@ -1,9 +1,10 @@
 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';
+export type ColorScheme = 'dark' | 'light';
 export interface ThemeItemType {
     id: ThemeId;
     zhName: string;
     enName: string;
-    colorScheme: 'dark' | 'light';
+    colorScheme: ColorScheme;
     colorVariables: {
         foreground: string;
         secondary: string;

package/dist/components/UXThemeSwitch/theme-item.js

@@ -8,11 +8,12 @@ const ThemeItem = ({ id, zhName, enName, isSelected, onClick })=>{
     const lang = useLang();
     return /*#__PURE__*/ jsxs(VStack, {
         center: true,
+        gap: 2,
         className: cn('cursor-pointer hover:scale-105 transition-all duration-300', id),
         onClick: onClick,
         children: [
             /*#__PURE__*/ jsx("div", {
-                className: cn('rounded-small border-1.5', isSelected ? 'border-primary' : 'border-transparent'),
+                className: cn('rounded-medium border-2', isSelected ? 'border-primary' : 'border-transparent'),
                 children: /*#__PURE__*/ jsxs("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "180",

package/dist/components/UXThemeSwitch/use-color-scheme.d.ts

@@ -1 +1,5 @@
-export declare const useColorScheme: () => "dark" | "light";
+export declare const useColorScheme: () => {
+    colorScheme: import("./theme-data").ColorScheme;
+    isDark: boolean;
+    isLight: boolean;
+};

package/dist/components/UXThemeSwitch/use-color-scheme.js

@@ -1,6 +1,11 @@
 import { useThemeStore } from "./use-theme-store.js";
 const useColorScheme = ()=>{
     const { selectedTheme } = useThemeStore();
-    return selectedTheme.colorScheme;
+    const { colorScheme } = selectedTheme;
+    return {
+        colorScheme,
+        isDark: 'dark' === colorScheme,
+        isLight: 'light' === colorScheme
+    };
 };
 export { useColorScheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.0-beta.1",
+  "version": "0.4.0-beta.3",
   "type": "module",
   "exports": {
     ".": {
@@ -50,7 +50,7 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.0-beta.0",
+    "@particle-network/icons": "0.4.0-beta.1",
     "@particle-network/ui-shared": "0.3.0-beta.0"
   },
   "scripts": {

package/dist/components/UXThemeSwitch/use-quote-color.d.ts

@@ -1,6 +0,0 @@
-export declare const useQuoteColor: () => {
-    bullish: string;
-    bearish: string;
-    upColor: string;
-    downColor: string;
-};

package/dist/components/UXThemeSwitch/use-quote-color.js

@@ -1,12 +0,0 @@
-import { useThemeStore } from "./use-theme-store.js";
-const useQuoteColor = ()=>{
-    const { selectedTheme } = useThemeStore();
-    const { bullish, bearish } = selectedTheme.colorVariables;
-    return {
-        bullish,
-        bearish,
-        upColor: bullish,
-        downColor: bearish
-    };
-};
-export { useQuoteColor };