@particle-network/ui-react 0.5.0-beta.0 → 0.5.0

package/dist/utils/input-classes.js

@@ -7,7 +7,8 @@ const inputClasses = {
         labelPlacement: 'outside',
         isDisabled: false,
         hideStepper: true,
-        textAlign: 'left'
+        textAlign: 'left',
+        isColorText: false
     },
     variants: {
         variant: {
@@ -38,18 +39,20 @@ const inputClasses = {
                 input: 'text-right'
             }
         },
+        isColorText: {
+            true: {},
+            false: {}
+        },
         color: {
             default: {
-                inputWrapper: 'caret-foreground',
-                input: 'text-foreground'
+                inputWrapper: 'caret-foreground'
             },
             primary: {
                 inputWrapper: 'caret-primary',
                 stepperButton: 'text-primary'
             },
             secondary: {
-                inputWrapper: 'caret-foreground',
-                input: 'text-secondary'
+                inputWrapper: 'caret-foreground'
             },
             success: {
                 inputWrapper: 'caret-success',
@@ -190,7 +193,7 @@ const inputClasses = {
             class: {
                 inputWrapper: 'bg-background-200 text-tertiary font-medium',
                 label: 'font-medium',
-                input: '!outline-none placeholder:text-tertiary dark:placeholder:text-tertiary placeholder:font-medium font-medium text-foreground'
+                input: '!outline-none placeholder:text-tertiary placeholder:font-medium font-medium text-foreground'
             }
         },
         {
@@ -353,6 +356,62 @@ const inputClasses = {
                 ]
             }
         },
+        {
+            isColorText: true,
+            color: 'default',
+            class: {
+                input: 'text-foreground'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'primary',
+            class: {
+                input: 'text-primary'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'secondary',
+            class: {
+                input: 'text-secondary'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'success',
+            class: {
+                input: 'text-success'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'warning',
+            class: {
+                input: 'text-warning'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'danger',
+            class: {
+                input: 'text-danger'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'bullish',
+            class: {
+                input: 'text-bullish'
+            }
+        },
+        {
+            isColorText: true,
+            color: 'bearish',
+            class: {
+                input: 'text-bearish'
+            }
+        },
         {
             labelPlacement: 'inside',
             color: 'default',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.5.0-beta.0",
+  "version": "0.5.0",
   "type": "module",
   "exports": {
     ".": {
@@ -37,7 +37,7 @@
     "@rsbuild/plugin-react": "^1.3.5",
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
-    "react": "^19.1.2",
+    "react": "^19.1.0",
     "@particle-network/lintstaged-config": "0.1.0",
     "@particle-network/eslint-config": "0.3.0"
   },
@@ -49,13 +49,13 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.5.0-beta.0",
-    "@particle-network/ui-shared": "0.3.0"
+    "@particle-network/icons": "0.5.0",
+    "@particle-network/ui-shared": "0.4.0"
   },
   "scripts": {
     "build": "rslib build",
     "dev": "rslib build --watch",
-    "type-check": "npx tsgo --noEmit -p ./tsconfig.json",
+    "type-check": "npx tsc --noEmit -p ./tsconfig.json",
     "lint": "eslint . --no-error-on-unmatched-pattern --quiet",
     "lint:fix": "eslint . --fix --no-error-on-unmatched-pattern --quiet",
     "clean": "rm -rf .turbo node_modules dist"

package/tailwind-preset.js

@@ -201,7 +201,7 @@ module.exports = {
             },
             foreground: {
               100: '#D8D8DE',
-              300: '#767A80',
+              300: '#61656B',
               500: '#0C0C0F',
               DEFAULT: '#0C0C0F',
             },
@@ -223,7 +223,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             secondary: {
-              DEFAULT: '#767A80',
+              DEFAULT: '#61656B',
               foreground: '#FFFFFF',
             },
             tertiary: {
@@ -434,22 +434,22 @@ module.exports = {
           extend: 'dark',
           colors: {
             content1: {
-              DEFAULT: '#17171C',
+              DEFAULT: '#1F2025',
               foreground: '#FFFFFF',
             },
             overlay: {
-              DEFAULT: '#17171C',
+              DEFAULT: '#1F2025',
               foreground: '#FFFFFF',
             },
             background: {
               200: '#2A2A30',
-              300: '#17171C',
+              300: '#1F2025',
               400: '#171517',
               500: '#100E11',
               DEFAULT: '#100E11',
             },
             foreground: {
-              100: '#70707C',
+              100: '#4E4E56',
               300: '#BBBBC4',
               500: '#FDFDFE',
               DEFAULT: '#FDFDFE',
@@ -476,20 +476,20 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
-              DEFAULT: '#70707C',
+              DEFAULT: '#4E4E56',
               foreground: '#FFFFFF',
             },
             success: {
-              DEFAULT: '#73D090',
-              foreground: '#000000',
+              DEFAULT: '#19AB5E',
+              foreground: '#FFFFFF',
             },
             danger: {
-              DEFAULT: '#F46271',
-              foreground: '#000000',
+              DEFAULT: '#FF5868',
+              foreground: '#FFFFFF',
             },
             warning: {
               DEFAULT: '#F8BF63',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             divider: {
               DEFAULT: '#26272D',
@@ -497,19 +497,19 @@ module.exports = {
             },
             alert: {
               DEFAULT: '#F37A39',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             gold: {
               DEFAULT: '#FFB800',
-              foreground: '#000000',
+              foreground: '#FFFFFF',
             },
             bullish: {
-              DEFAULT: '#73D090',
-              foreground: '#000000',
+              DEFAULT: '#19AB5E',
+              foreground: '#FFFFFF',
             },
             bearish: {
-              DEFAULT: '#F46271',
-              foreground: '#000000',
+              DEFAULT: '#FF5868',
+              foreground: '#FFFFFF',
             },
           },
         },
@@ -533,7 +533,7 @@ module.exports = {
             },
             foreground: {
               100: '#CFCFD7',
-              300: '#3D3C3F',
+              300: '#55585C',
               500: '#000000',
               DEFAULT: '#000000',
             },
@@ -555,7 +555,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             secondary: {
-              DEFAULT: '#3D3C3F',
+              DEFAULT: '#55585C',
               foreground: '#FFFFFF',
             },
             tertiary: {
@@ -781,7 +781,7 @@ module.exports = {
               DEFAULT: '#0A1318',
             },
             foreground: {
-              100: '#949E9C',
+              100: '#5D6466',
               300: '#D1D4DC',
               500: '#F6FEFD',
               DEFAULT: '#F6FEFD',
@@ -808,8 +808,8 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
-              DEFAULT: '#949E9C',
-              foreground: '#000000',
+              DEFAULT: '#5D6466',
+              foreground: '#FFFFFF',
             },
             success: {
               DEFAULT: '#1FA67D',
@@ -1040,16 +1040,16 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             primary: {
-              100: '#EFF6F3',
-              200: '#D2E9DE',
-              300: '#B0E1C9',
-              400: '#8BDCB3',
-              500: '#61DC9B',
-              600: '#34CD79',
-              700: '#2A9B5A',
-              800: '#1F693E',
-              900: '#133A22',
-              DEFAULT: '#61DC9B',
+              100: '#F0F4F2',
+              200: '#C8DBD2',
+              300: '#9CC6B2',
+              400: '#6DB590',
+              500: '#459C6E',
+              600: '#3B805B',
+              700: '#316648',
+              800: '#264B35',
+              900: '#1A3224',
+              DEFAULT: '#459C6E',
               foreground: '#000000',
             },
             secondary: {
@@ -1094,6 +1094,85 @@ module.exports = {
             },
           },
         },
+        'product-test': {
+          extend: 'dark',
+          colors: {
+            default: {
+              DEFAULT: '#222D33',
+              foreground: '#F6FEFD',
+            },
+            secondary: {
+              DEFAULT: '#D1D4DC',
+              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',
+            },
+            success: {
+              DEFAULT: '#19AB5E',
+              foreground: '#000000',
+            },
+            danger: {
+              DEFAULT: '#E84A5A',
+              foreground: '#000000',
+            },
+            alert: {
+              DEFAULT: '#F57733',
+              foreground: '#000000',
+            },
+            warning: {
+              DEFAULT: '#FFD13F',
+              foreground: '#000000',
+            },
+            gold: {
+              DEFAULT: '#FFB800',
+              foreground: '#000000',
+            },
+            overlay: {
+              DEFAULT: '#1B2429',
+              foreground: '#FFFFFF',
+            },
+            divider: {
+              DEFAULT: '#394145',
+              foreground: '#FFFFFF',
+            },
+            bullish: {
+              DEFAULT: '#D745FF',
+              foreground: '#000000',
+            },
+            bearish: {
+              DEFAULT: '#F38300',
+              foreground: '#000000',
+            },
+            background: {
+              200: '#222D33',
+              300: '#1B2429',
+              400: '#0F1A1F',
+              500: '#0A1318',
+              DEFAULT: '#0A1318',
+            },
+            foreground: {
+              100: '#949E9C',
+              300: '#D1D4DC',
+              500: '#F6FEFD',
+              DEFAULT: '#F6FEFD',
+            },
+          },
+        },
       },
       function({ addVariant, addComponents }) {
         addVariant('child', '& > *');