@particle-network/ui-react 0.5.1-beta.8 → 0.6.0

package/tailwind-preset.js

@@ -148,7 +148,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#75757E',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#4E4E56',
@@ -231,7 +231,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#83878D',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             cursor: {
               DEFAULT: '#D8D8DE',
@@ -314,7 +314,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#75757E',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#4E4E56',
@@ -397,7 +397,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#83878D',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             cursor: {
               DEFAULT: '#D8D8DE',
@@ -480,7 +480,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#888891',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#4E4E56',
@@ -563,7 +563,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#7A7E84',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             cursor: {
               DEFAULT: '#CFCFD7',
@@ -646,7 +646,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#757E80',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#5D6466',
@@ -729,7 +729,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#777A8C',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#4A4D5E',
@@ -812,7 +812,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#949E9C',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#5D6466',
@@ -895,7 +895,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#717373',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#54515E',
@@ -978,7 +978,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#707A8A',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#444A56',
@@ -986,11 +986,11 @@ module.exports = {
             },
             success: {
               DEFAULT: '#2EBD85',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             danger: {
-              DEFAULT: '#F6465D',
-              foreground: '#000000',
+              DEFAULT: '#F5465D',
+              foreground: '#FFFFFF',
             },
             warning: {
               DEFAULT: '#F0B90B',
@@ -1006,11 +1006,11 @@ module.exports = {
             },
             bullish: {
               DEFAULT: '#2EBD85',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             bearish: {
-              DEFAULT: '#F6465D',
-              foreground: '#000000',
+              DEFAULT: '#F5465D',
+              foreground: '#FFFFFF',
             },
           },
         },
@@ -1061,7 +1061,7 @@ module.exports = {
             },
             tertiary: {
               DEFAULT: '#686A6D',
-              foreground: '#FFFFFF',
+              foreground: '#000000',
             },
             cursor: {
               DEFAULT: '#4B4D51',

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

@@ -1,5 +0,0 @@
-export declare const useColorScheme: () => {
-    colorScheme: import("@particle-network/ui-shared").ColorScheme;
-    isDark: boolean;
-    isLight: boolean;
-};

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

@@ -1,14 +0,0 @@
-import { useMemo } from "react";
-import { useThemeStore } from "./use-theme-store.js";
-const useColorScheme = ()=>{
-    const { colorScheme } = useThemeStore((state)=>state.theme);
-    const scheme = useMemo(()=>({
-            colorScheme,
-            isDark: 'dark' === colorScheme,
-            isLight: 'light' === colorScheme
-        }), [
-        colorScheme
-    ]);
-    return scheme;
-};
-export { useColorScheme };

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

@@ -1 +0,0 @@
-export declare const useThemeColor: () => Record<import("@particle-network/ui-shared").ThemeColorVariable, string>;

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

@@ -1,6 +0,0 @@
-import { useThemeStore } from "./use-theme-store.js";
-const useThemeColor = ()=>{
-    const { colorVariables } = useThemeStore((state)=>state.theme);
-    return colorVariables;
-};
-export { useThemeColor };

package/dist/components/UXThemeSwitch/use-theme-store.d.ts

@@ -1,46 +0,0 @@
-import { type ThemeItemType } from '@particle-network/ui-shared';
-export type FontLoadStatus = 'idle' | 'loading' | 'success' | 'error';
-interface State {
-    /**
-     * 保存的主题
-     */
-    theme: ThemeItemType;
-    /**
-     * 保存的自定义主题配置（当切换到其他主题时保存，切回 custom 时恢复）
-     */
-    customTheme: ThemeItemType;
-    /**
-     * 保存的字体链接
-     */
-    fontUrl: string;
-    /**
-     * 应用的字体名称
-     */
-    fontName: string;
-    /**
-     * 字体加载状态
-     */
-    fontLoadStatus: FontLoadStatus;
-}
-interface Actions {
-    setTheme: (theme: ThemeItemType) => void;
-    setCustomTheme: (customTheme: ThemeItemType) => void;
-    setFontUrl: (fontUrl: string) => void;
-    setFontLoadStatus: (status: FontLoadStatus) => void;
-    setFontName: (name: string) => void;
-}
-type ThemeStore = State & Actions;
-export declare const useThemeStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ThemeStore>, "setState" | "persist"> & {
-    setState(partial: ThemeStore | Partial<ThemeStore> | ((state: ThemeStore) => ThemeStore | Partial<ThemeStore>), replace?: false | undefined): unknown;
-    setState(state: ThemeStore | ((state: ThemeStore) => ThemeStore), replace: true): unknown;
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ThemeStore, unknown, unknown>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => Promise<void> | void;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: ThemeStore) => void) => () => void;
-        onFinishHydration: (fn: (state: ThemeStore) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ThemeStore, unknown, unknown>>;
-    };
-}>;
-export {};

package/dist/components/UXThemeSwitch/use-theme-store.js

@@ -1,36 +0,0 @@
-import { CustomTheme, UXDarkTheme } from "@particle-network/ui-shared";
-import { create } from "zustand";
-import { createJSONStorage, persist } from "zustand/middleware";
-const useThemeStore = create()(persist((set)=>({
-        theme: UXDarkTheme,
-        customTheme: CustomTheme,
-        fontUrl: '',
-        fontName: '',
-        fontLoadStatus: 'idle',
-        setTheme: (theme)=>set({
-                theme
-            }),
-        setCustomTheme: (customTheme)=>set({
-                customTheme
-            }),
-        setFontUrl: (fontUrl)=>set({
-                fontUrl
-            }),
-        setFontLoadStatus: (fontLoadStatus)=>set({
-                fontLoadStatus
-            }),
-        setFontName: (fontName)=>set({
-                fontName
-            })
-    }), {
-    name: 'ux-preference-theme',
-    version: 1,
-    storage: createJSONStorage(()=>'undefined' != typeof window ? window.localStorage : {}),
-    partialize: (state)=>({
-            theme: state.theme,
-            customTheme: state.customTheme,
-            fontName: state.fontName,
-            fontUrl: state.fontUrl
-        })
-}));
-export { useThemeStore };