@particle-network/ui-react 0.5.1-beta.4 → 0.5.1-beta.6

package/dist/hooks/useI18n.d.ts

@@ -26,33 +26,41 @@ export declare const useI18n: () => {
         readonly custom: {
             readonly title: "Custom Theme";
             readonly preset: "Theme Preset";
+            readonly swapUpDown: "Swap Up/Down Color";
             readonly categories: {
                 readonly basic: "Basic";
                 readonly background: "Background";
                 readonly text: "Text";
+                readonly candle: "Candle";
                 readonly signal: "Signal";
             };
-            readonly colors: {
-                readonly primary: "Primary";
-                readonly bullish: "Positive";
-                readonly bearish: "Negative";
-                readonly 'bg-default': "Background";
-                readonly 'bg-200': "Background Quaternary";
-                readonly 'bg-300': "Background Tertiary";
-                readonly 'bg-400': "Background Secondary";
-                readonly overlay: "Overlay";
-                readonly default: "Default";
-                readonly foreground: "Text Primary";
-                readonly secondary: "Text Secondary";
-                readonly tertiary: "Text Tertiary";
-                readonly divider: "Divider";
-                readonly success: "Signal Green";
-                readonly danger: "Signal Red";
-                readonly alert: "Signal Orange";
-                readonly gold: "Signal Yellow";
-            };
         };
     };
+    readonly colors: {
+        readonly primary: "Primary";
+        readonly bullish: "Positive";
+        readonly bearish: "Negative";
+        readonly 'bg-default': "Background";
+        readonly 'bg-200': "Background Quaternary";
+        readonly 'bg-300': "Background Tertiary";
+        readonly 'bg-400': "Background Secondary";
+        readonly overlay: "Overlay";
+        readonly default: "Default";
+        readonly foreground: "Text Primary";
+        readonly secondary: "Text Secondary";
+        readonly tertiary: "Text Tertiary";
+        readonly divider: "Divider";
+        readonly success: "Signal Green";
+        readonly danger: "Signal Red";
+        readonly warning: "Signal Yellow";
+        readonly alert: "Signal Orange";
+        readonly candleUp: "Body (up)";
+        readonly candleDown: "Body (down)";
+        readonly candleWickUp: "Wick (up)";
+        readonly candleWickDown: "Wick (down)";
+        readonly candleBorderUp: "Border (up)";
+        readonly candleBorderDown: "Border (down)";
+    };
     readonly switch: {
         readonly on: "On";
         readonly off: "Off";
@@ -85,33 +93,41 @@ export declare const useI18n: () => {
         readonly custom: {
             readonly title: "自定义主题";
             readonly preset: "主题预设";
+            readonly swapUpDown: "涨跌色互换";
             readonly categories: {
                 readonly basic: "基础";
                 readonly background: "背景";
                 readonly text: "文字";
+                readonly candle: "K线";
                 readonly signal: "信号";
             };
-            readonly colors: {
-                readonly primary: "主要色";
-                readonly bullish: "上涨色";
-                readonly bearish: "下跌色";
-                readonly 'bg-default': "一级背景色";
-                readonly 'bg-200': "四级背景色";
-                readonly 'bg-300': "三级背景色";
-                readonly 'bg-400': "二级背景色";
-                readonly overlay: "浮窗色";
-                readonly default: "默认";
-                readonly foreground: "一级文字色";
-                readonly secondary: "二级文字色";
-                readonly tertiary: "三级文字色";
-                readonly divider: "分割线";
-                readonly success: "绿色信号";
-                readonly danger: "红色信号";
-                readonly alert: "橙色信号";
-                readonly gold: "黄色信号";
-            };
         };
     };
+    readonly colors: {
+        readonly primary: "主要色";
+        readonly bullish: "上涨色";
+        readonly bearish: "下跌色";
+        readonly 'bg-default': "一级背景色";
+        readonly 'bg-200': "四级背景色";
+        readonly 'bg-300': "三级背景色";
+        readonly 'bg-400': "二级背景色";
+        readonly overlay: "浮窗色";
+        readonly default: "默认";
+        readonly foreground: "一级文字色";
+        readonly secondary: "二级文字色";
+        readonly tertiary: "三级文字色";
+        readonly divider: "分割线";
+        readonly success: "绿色信号";
+        readonly danger: "红色信号";
+        readonly warning: "黄色信号";
+        readonly alert: "橙色信号";
+        readonly candleUp: "主体色 (上涨)";
+        readonly candleDown: "主体色 (下跌)";
+        readonly candleWickUp: "影线 (上涨)";
+        readonly candleWickDown: "影线 (下跌)";
+        readonly candleBorderUp: "边框 (上涨)";
+        readonly candleBorderDown: "边框 (下跌)";
+    };
     readonly switch: {
         readonly on: "开";
         readonly off: "关";

package/dist/hooks/useI18n.js

@@ -28,33 +28,41 @@ const en = {
         custom: {
             title: 'Custom Theme',
             preset: 'Theme Preset',
+            swapUpDown: 'Swap Up/Down Color',
             categories: {
                 basic: 'Basic',
                 background: 'Background',
                 text: 'Text',
+                candle: 'Candle',
                 signal: 'Signal'
-            },
-            colors: {
-                primary: 'Primary',
-                bullish: 'Positive',
-                bearish: 'Negative',
-                'bg-default': 'Background',
-                'bg-200': 'Background Quaternary',
-                'bg-300': 'Background Tertiary',
-                'bg-400': 'Background Secondary',
-                overlay: 'Overlay',
-                default: 'Default',
-                foreground: 'Text Primary',
-                secondary: 'Text Secondary',
-                tertiary: 'Text Tertiary',
-                divider: 'Divider',
-                success: 'Signal Green',
-                danger: 'Signal Red',
-                alert: 'Signal Orange',
-                gold: 'Signal Yellow'
             }
         }
     },
+    colors: {
+        primary: 'Primary',
+        bullish: 'Positive',
+        bearish: 'Negative',
+        'bg-default': 'Background',
+        'bg-200': 'Background Quaternary',
+        'bg-300': 'Background Tertiary',
+        'bg-400': 'Background Secondary',
+        overlay: 'Overlay',
+        default: 'Default',
+        foreground: 'Text Primary',
+        secondary: 'Text Secondary',
+        tertiary: 'Text Tertiary',
+        divider: 'Divider',
+        success: 'Signal Green',
+        danger: 'Signal Red',
+        warning: 'Signal Yellow',
+        alert: 'Signal Orange',
+        candleUp: 'Body (up)',
+        candleDown: 'Body (down)',
+        candleWickUp: 'Wick (up)',
+        candleWickDown: 'Wick (down)',
+        candleBorderUp: 'Border (up)',
+        candleBorderDown: 'Border (down)'
+    },
     switch: {
         on: 'On',
         off: 'Off'
@@ -88,33 +96,41 @@ const zh = {
         custom: {
             title: '自定义主题',
             preset: '主题预设',
+            swapUpDown: '涨跌色互换',
             categories: {
                 basic: '基础',
                 background: '背景',
                 text: '文字',
+                candle: 'K线',
                 signal: '信号'
-            },
-            colors: {
-                primary: '主要色',
-                bullish: '上涨色',
-                bearish: '下跌色',
-                'bg-default': '一级背景色',
-                'bg-200': '四级背景色',
-                'bg-300': '三级背景色',
-                'bg-400': '二级背景色',
-                overlay: '浮窗色',
-                default: '默认',
-                foreground: '一级文字色',
-                secondary: '二级文字色',
-                tertiary: '三级文字色',
-                divider: '分割线',
-                success: '绿色信号',
-                danger: '红色信号',
-                alert: '橙色信号',
-                gold: '黄色信号'
             }
         }
     },
+    colors: {
+        primary: '主要色',
+        bullish: '上涨色',
+        bearish: '下跌色',
+        'bg-default': '一级背景色',
+        'bg-200': '四级背景色',
+        'bg-300': '三级背景色',
+        'bg-400': '二级背景色',
+        overlay: '浮窗色',
+        default: '默认',
+        foreground: '一级文字色',
+        secondary: '二级文字色',
+        tertiary: '三级文字色',
+        divider: '分割线',
+        success: '绿色信号',
+        danger: '红色信号',
+        warning: '黄色信号',
+        alert: '橙色信号',
+        candleUp: '主体色 (上涨)',
+        candleDown: '主体色 (下跌)',
+        candleWickUp: '影线 (上涨)',
+        candleWickDown: '影线 (下跌)',
+        candleBorderUp: '边框 (上涨)',
+        candleBorderDown: '边框 (下跌)'
+    },
     switch: {
         on: '开',
         off: '关'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.5.1-beta.4",
+  "version": "0.5.1-beta.6",
   "type": "module",
   "exports": {
     ".": {
@@ -50,9 +50,10 @@
     "copy-to-clipboard": "^3.3.3",
     "immer": "^11.1.3",
     "react-aria-components": "^1.14.0",
+    "values.js": "^2.1.1",
     "zustand": "^5.0.8",
-    "@particle-network/ui-shared": "0.4.1-beta.0",
-    "@particle-network/icons": "0.5.1-beta.1"
+    "@particle-network/icons": "0.5.1-beta.3",
+    "@particle-network/ui-shared": "0.4.1-beta.2"
   },
   "scripts": {
     "build": "rslib build",

package/tailwind-preset.js

@@ -8,6 +8,7 @@ module.exports = {
     extend: {
       colors: {
         brand: '#D745FF',
+        'background-pure': 'var(--background-pure)',
       },
       gap: {
         xs: '0.125rem', // 2px
@@ -79,8 +80,8 @@ module.exports = {
   plugins: [
     heroui({
       addCommonColors: true,
-      defaultTheme: 'ux-purple-gold-dark',
-      defaultExtendTheme: 'ux-purple-gold-dark',
+      defaultTheme: 'ux-classic-dark',
+      defaultExtendTheme: 'ux-classic-dark',
       layout: {
         radius: {
           small: '6px', // rounded-small
@@ -98,7 +99,7 @@ module.exports = {
         hoverOpacity: 0.7,
       },
       themes: {
-        'ux-purple-gold-dark': {
+        'ux-classic-dark': {
           extend: 'dark',
           colors: {
             content1: {
@@ -156,7 +157,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FF9821',
+              DEFAULT: '#FFB800',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -167,10 +168,6 @@ module.exports = {
               DEFAULT: '#F57733',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#FFB800',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
@@ -181,7 +178,7 @@ module.exports = {
             },
           },
         },
-        'ux-purple-gold-light': {
+        'ux-classic-light': {
           extend: 'light',
           colors: {
             content1: {
@@ -239,7 +236,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FF9821',
+              DEFAULT: '#F38300',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -250,10 +247,6 @@ module.exports = {
               DEFAULT: '#E65E16',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#F38300',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
@@ -322,7 +315,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FF9821',
+              DEFAULT: '#FFB800',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -333,10 +326,6 @@ module.exports = {
               DEFAULT: '#F57733',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#FFB800',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#45B167',
               foreground: '#FFFFFF',
@@ -367,7 +356,7 @@ module.exports = {
             },
             foreground: {
               100: '#D8D8DE',
-              300: '#767A80',
+              300: '#61656B',
               500: '#000000',
               DEFAULT: '#000000',
             },
@@ -389,7 +378,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             secondary: {
-              DEFAULT: '#767A80',
+              DEFAULT: '#61656B',
               foreground: '#FFFFFF',
             },
             tertiary: {
@@ -405,7 +394,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FF9821',
+              DEFAULT: '#F38300',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -416,10 +405,6 @@ module.exports = {
               DEFAULT: '#E65E16',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#F38300',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#2E9F4A',
               foreground: '#FFFFFF',
@@ -430,7 +415,7 @@ module.exports = {
             },
           },
         },
-        'ux-green-red-soft-dark': {
+        'ux-dark': {
           extend: 'dark',
           colors: {
             content1: {
@@ -442,9 +427,9 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             background: {
-              200: '#2A2A30',
+              200: '#282930',
               300: '#1F2025',
-              400: '#171517',
+              400: '#151517',
               500: '#100E11',
               DEFAULT: '#100E11',
             },
@@ -488,7 +473,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#F8BF63',
+              DEFAULT: '#FFB800',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -499,10 +484,6 @@ module.exports = {
               DEFAULT: '#F37A39',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#FFB800',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#19AB5E',
               foreground: '#FFFFFF',
@@ -513,7 +494,7 @@ module.exports = {
             },
           },
         },
-        'ux-green-red-soft-light': {
+        'ux-light': {
           extend: 'light',
           colors: {
             content1: {
@@ -525,7 +506,7 @@ module.exports = {
               foreground: '#000000',
             },
             background: {
-              200: '#E9E7EE',
+              200: '#EFEDF5',
               300: '#F6F6F6',
               400: '#FFFFFF',
               500: '#F6F6F6',
@@ -571,7 +552,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#F6932B',
+              DEFAULT: '#F38300',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -579,11 +560,7 @@ module.exports = {
               foreground: '#000000',
             },
             alert: {
-              DEFAULT: '#F07939',
-              foreground: '#FFFFFF',
-            },
-            gold: {
-              DEFAULT: '#FFB800',
+              DEFAULT: '#E65E16',
               foreground: '#FFFFFF',
             },
             bullish: {
@@ -654,7 +631,7 @@ module.exports = {
               foreground: '#000000',
             },
             warning: {
-              DEFAULT: '#F2C366',
+              DEFAULT: '#F5DA54',
               foreground: '#000000',
             },
             divider: {
@@ -665,10 +642,6 @@ module.exports = {
               DEFAULT: '#F55832',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#F5DA54',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#86D99F',
               foreground: '#000000',
@@ -748,10 +721,6 @@ module.exports = {
               DEFAULT: '#F57733',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#F7931A',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#2FE3AC',
               foreground: '#000000',
@@ -831,10 +800,6 @@ module.exports = {
               DEFAULT: '#EF8F50',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#FFB648',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#50D2C1',
               foreground: '#000000',
@@ -903,7 +868,7 @@ module.exports = {
               foreground: '#000000',
             },
             warning: {
-              DEFAULT: '#FFE629',
+              DEFAULT: '#FFD13F',
               foreground: '#000000',
             },
             divider: {
@@ -914,10 +879,6 @@ module.exports = {
               DEFAULT: '#FF9C3F',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#FFD13F',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#2EC08B',
               foreground: '#000000',
@@ -997,10 +958,6 @@ module.exports = {
               DEFAULT: '#FF693D',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#2DBD85',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#2EBD85',
               foreground: '#000000',
@@ -1069,7 +1026,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#DCC161',
+              DEFAULT: '#E9BF52',
               foreground: '#000000',
             },
             divider: {
@@ -1080,10 +1037,6 @@ module.exports = {
               DEFAULT: '#E9BF52',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#E9BF52',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#459C6E',
               foreground: '#FFFFFF',