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

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

@@ -1,4 +1,4 @@
-import type React from 'react';
-import type ExtendedTooltip from './tooltip.extend';
+import React from 'react';
+import ExtendedTooltip from './tooltip.extend';
 export type UXTooltipProps = React.ComponentPropsWithRef<typeof ExtendedTooltip>;
 export declare const UXTooltip: React.FC<UXTooltipProps>;

package/dist/components/UXTooltip/index.js

@@ -1,3 +1,32 @@
-const UXTooltip = (props)=>props.children;
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { hasLongWord } from "../../utils/index.js";
+import tooltip_extend from "./tooltip.extend.js";
+const renderContent = (content)=>{
+    if (!content) return null;
+    if ('string' != typeof content) return content;
+    if (!content.includes('\n')) return content;
+    return content.split('\n').flatMap((x, i, arr)=>i < arr.length - 1 ? [
+            x,
+            /*#__PURE__*/ jsx("br", {}, i)
+        ] : [
+            x
+        ]);
+};
+const UXTooltip = (props)=>{
+    const { content, classNames, ...restProps } = props;
+    const { content: contentClassName, ...restClassNames } = classNames ?? {};
+    return /*#__PURE__*/ jsx(tooltip_extend, {
+        content: renderContent(content),
+        classNames: {
+            content: [
+                hasLongWord(content) && 'break-all',
+                contentClassName
+            ],
+            ...restClassNames
+        },
+        ...restProps
+    });
+};
 UXTooltip.displayName = 'UX.Tooltip';
 export { UXTooltip };

package/dist/components/UXTooltip/tooltip.extend.js

@@ -27,7 +27,7 @@ const ExtendedTooltip = extendVariants(Tooltip, {
         shadow: 'md',
         backdrop: 'transparent',
         delay: 300,
-        closeDelay: 200
+        closeDelay: 100
     }
 });
 const tooltip_extend = ExtendedTooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.1-beta.3",
+  "version": "0.5.0-beta.1",
   "type": "module",
   "exports": {
     ".": {
@@ -38,8 +38,8 @@
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
     "react": "^19.1.2",
-    "@particle-network/lintstaged-config": "0.1.0",
-    "@particle-network/eslint-config": "0.3.0"
+    "@particle-network/eslint-config": "0.3.0",
+    "@particle-network/lintstaged-config": "0.1.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -49,7 +49,7 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.1-beta.0",
+    "@particle-network/icons": "0.5.0-beta.1",
     "@particle-network/ui-shared": "0.3.1-beta.0"
   },
   "scripts": {

package/tailwind-preset.js

@@ -449,7 +449,7 @@ module.exports = {
               DEFAULT: '#100E11',
             },
             foreground: {
-              100: '#70707C',
+              100: '#4E4E56',
               300: '#BBBBC4',
               500: '#FDFDFE',
               DEFAULT: '#FDFDFE',
@@ -476,7 +476,7 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
-              DEFAULT: '#70707C',
+              DEFAULT: '#4E4E56',
               foreground: '#FFFFFF',
             },
             success: {
@@ -781,7 +781,7 @@ module.exports = {
               DEFAULT: '#0A1318',
             },
             foreground: {
-              100: '#949E9C',
+              100: '#5D6466',
               300: '#D1D4DC',
               500: '#F6FEFD',
               DEFAULT: '#F6FEFD',
@@ -808,7 +808,7 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
-              DEFAULT: '#949E9C',
+              DEFAULT: '#5D6466',
               foreground: '#000000',
             },
             success: {
@@ -1014,83 +1014,83 @@ module.exports = {
         'bullx-dark': {
           extend: 'dark',
           colors: {
+            content1: {
+              DEFAULT: '#15171A',
+              foreground: '#FFFFFF',
+            },
+            overlay: {
+              DEFAULT: '#15171A',
+              foreground: '#FFFFFF',
+            },
+            background: {
+              200: '#1B1D22',
+              300: '#15171A',
+              400: '#0F0F0F',
+              500: '#09090B',
+              DEFAULT: '#09090B',
+            },
+            foreground: {
+              100: '#4B4D51',
+              300: '#98989B',
+              500: '#E9E9E9',
+              DEFAULT: '#E9E9E9',
+            },
             default: {
-              DEFAULT: '#F6FEFD',
+              DEFAULT: '#1F1F23',
+              foreground: '#FFFFFF',
+            },
+            primary: {
+              100: '#EFF6F3',
+              200: '#D2E9DE',
+              300: '#B0E1C9',
+              400: '#8BDCB3',
+              500: '#61DC9B',
+              600: '#34CD79',
+              700: '#2A9B5A',
+              800: '#1F693E',
+              900: '#133A22',
+              DEFAULT: '#61DC9B',
               foreground: '#000000',
             },
             secondary: {
-              DEFAULT: '#D1D4DC',
+              DEFAULT: '#98989B',
               foreground: '#000000',
             },
             tertiary: {
-              DEFAULT: '#949E9C',
-              foreground: '#000000',
-            },
-            primary: {
-              100: '#EFF5F5',
-              200: '#CEE6E4',
-              300: '#A8DBD6',
-              400: '#7ED4CB',
-              500: '#50D2C1',
-              600: '#34B9A5',
-              700: '#2B8C7C',
-              800: '#206255',
-              900: '#143831',
-              DEFAULT: '#50D2C1',
-              foreground: '#000000',
+              DEFAULT: '#4B4D51',
+              foreground: '#FFFFFF',
             },
             success: {
-              DEFAULT: '#19AB5E',
-              foreground: '#000000',
+              DEFAULT: '#459C6E',
+              foreground: '#FFFFFF',
             },
             danger: {
-              DEFAULT: '#E84A5A',
-              foreground: '#000000',
-            },
-            alert: {
-              DEFAULT: '#F57733',
-              foreground: '#000000',
+              DEFAULT: '#A13C45',
+              foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FFD13F',
-              foreground: '#000000',
-            },
-            gold: {
-              DEFAULT: '#E9BF52',
+              DEFAULT: '#DCC161',
               foreground: '#000000',
             },
-            overlay: {
-              DEFAULT: '#1B2429',
-              foreground: '#FFFFFF',
-            },
             divider: {
-              DEFAULT: '#394145',
+              DEFAULT: '#1E2025',
               foreground: '#FFFFFF',
             },
-            bullish: {
-              DEFAULT: '#D745FF',
+            alert: {
+              DEFAULT: '#E9BF52',
               foreground: '#000000',
             },
-            bearish: {
-              DEFAULT: '#F38300',
+            gold: {
+              DEFAULT: '#E9BF52',
               foreground: '#000000',
             },
-            content1: {
-              DEFAULT: '#1B2429',
+            bullish: {
+              DEFAULT: '#459C6E',
               foreground: '#FFFFFF',
             },
-            background: {
-              200: '#222D33',
-              300: '#1B2429',
-              400: '#0F1A1F',
-              500: '#0A1318',
-              DEFAULT: '#0A1318',
-            },
-            foreground: {
-              100: '#949E9C',
-              300: '#D1D4DC',
-              500: '#F6FEFD',
-              DEFAULT: '#F6FEFD',
+            bearish: {
+              DEFAULT: '#A13C45',
+              foreground: '#FFFFFF',
             },
           },
         },