npm - @particle-network/ui-shared - Versions diffs - 0.3.0-beta.6 → 0.3.0-beta.7 - Mend

@particle-network/ui-shared 0.3.0-beta.6 → 0.3.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/color.d.ts CHANGED Viewed

@@ -36,5 +36,4 @@ export type ColorString = `#${string}`;
 export declare function hexColorToHSLValue(hex: ColorString): string;
 export declare function hexColorToHSL(hex: ColorString): string;
 export declare function hslToHex(hslStr: string): string;
-export declare const getHexColorFromCSSVariable: (color: UXColor) => string;
 export declare const setColorWithOpacity: (color: string, opacity: number) => string;

package/dist/color.js CHANGED Viewed

@@ -11,14 +11,14 @@ const colorMap = {
         alert: '#F57733',
         warning: '#FF9821',
         gold: '#FFB800',
-        bullish: '#FFAC34',
+        bullish: '#FFB800',
         bearish: '#E84A5A',
         'bg-default': '#000000',
         'bg-200': '#1F1F23',
         'bg-300': '#17171C',
         'bg-400': '#0F0F0F',
         overlay: '#17171C',
-        divider: '#282828',
+        divider: '#26272D',
         transparent: 'transparent'
     },
     light: {
@@ -197,13 +197,6 @@ function hslToHex(hslStr) {
     const toHex = (n)=>Math.round((n + m) * 255).toString(16).padStart(2, '0');
     return `#${toHex(r)}${toHex(g)}${toHex(b)}`.toUpperCase();
 }
-const getHexColorFromCSSVariable = (color)=>{
-    if ('transparent' === color) return 'transparent';
-    const rootStyles = getComputedStyle(document.documentElement);
-    const value = rootStyles.getPropertyValue(colorToCSSVariable[color]).trim();
-    if (!value) return '#000000';
-    return value.startsWith('#') ? value : hslToHex(value);
-};
 const setColorWithOpacity = (color, opacity)=>{
     let r, g, b;
     if (color.startsWith('#')) {
@@ -222,4 +215,4 @@ const setColorWithOpacity = (color, opacity)=>{
     }
     return `rgba(${r}, ${g}, ${b}, ${opacity})`;
 };
-export { backgroundColorList, colorMap, colorToCSSVariable, colorToClassName, foregroundColorList, getHexColorFromCSSVariable, hexColorToHSL, hexColorToHSLValue, hslToHex, setColorWithOpacity, uxColorList };
+export { backgroundColorList, colorMap, colorToCSSVariable, colorToClassName, foregroundColorList, hexColorToHSL, hexColorToHSLValue, hslToHex, setColorWithOpacity, uxColorList };

package/dist/theme-data.d.ts CHANGED Viewed

@@ -9,6 +9,6 @@ export interface ThemeItemType {
     colorScheme: ColorScheme;
     colorVariables: Record<UXColor, string>;
 }
-export declare const DEFAULT_THEME_ID = "ux-purple-gold-dark";
+export declare const DEFAULT_THEME_ID = "ux-green-red-soft-dark";
 export declare const themeData: ThemeItemType[];
 export declare const themeKeys: ThemeId[];

package/dist/theme-data.js CHANGED Viewed

@@ -1,9 +1,65 @@
-const DEFAULT_THEME_ID = 'ux-purple-gold-dark';
+const DEFAULT_THEME_ID = 'ux-green-red-soft-dark';
 const themeData = [
+    {
+        id: 'ux-green-red-soft-dark',
+        zhName: 'UX Dark',
+        enName: 'UX Dark',
+        colorScheme: 'dark',
+        colorVariables: {
+            default: '#FDFDFE',
+            white: '#FFFFFF',
+            transparent: 'transparent',
+            foreground: '#FDFDFE',
+            secondary: '#BBBBC4',
+            tertiary: '#70707C',
+            primary: '#D745FF',
+            success: '#73D090',
+            danger: '#F46271',
+            alert: '#F37A39',
+            warning: '#F8BF63',
+            gold: '#FFB800',
+            'bg-default': '#100E11',
+            'bg-200': '#2A2A30',
+            'bg-300': '#17171C',
+            'bg-400': '#171517',
+            overlay: '#17171C',
+            divider: '#26272D',
+            bullish: '#73D090',
+            bearish: '#F46271'
+        }
+    },
+    {
+        id: 'ux-green-red-soft-light',
+        zhName: 'UX Light',
+        enName: 'UX Light',
+        colorScheme: 'light',
+        colorVariables: {
+            default: '#000000',
+            white: '#FFFFFF',
+            transparent: 'transparent',
+            foreground: '#000000',
+            secondary: '#3D3C3F',
+            tertiary: '#CFCFD7',
+            primary: '#D745FF',
+            success: '#19AB5E',
+            danger: '#FF5868',
+            alert: '#F07939',
+            warning: '#F6932B',
+            gold: '#FFB800',
+            'bg-default': '#F6F6F6',
+            'bg-200': '#E9E7EE',
+            'bg-300': '#F6F6F6',
+            'bg-400': '#FFFFFF',
+            overlay: '#FFFFFF',
+            divider: '#DAD7E0',
+            bullish: '#19AB5E',
+            bearish: '#FF5868'
+        }
+    },
     {
         id: 'ux-purple-gold-dark',
-        zhName: 'UX 紫金 Dark',
-        enName: 'UX Purple/Gold Dark',
+        zhName: 'UX 经典 Dark',
+        enName: 'UX Classic Dark',
         colorScheme: 'dark',
         colorVariables: {
             default: '#FFFFFF',
@@ -23,15 +79,15 @@ const themeData = [
             'bg-300': '#17171C',
             'bg-400': '#0F0F0F',
             overlay: '#17171C',
-            divider: '#282828',
+            divider: '#26272D',
             bullish: '#D745FF',
-            bearish: '#FFAC34'
+            bearish: '#FFB800'
         }
     },
     {
         id: 'ux-purple-gold-light',
-        zhName: 'UX 紫金 Light',
-        enName: 'UX Purple/Gold Light',
+        zhName: 'UX 经典 Light',
+        enName: 'UX Classic Light',
         colorScheme: 'light',
         colorVariables: {
             default: '#0C0C0F',
@@ -53,7 +109,7 @@ const themeData = [
             overlay: '#FFFFFF',
             divider: '#E8E8ED',
             bullish: '#D745FF',
-            bearish: '#F9A01E'
+            bearish: '#F38300'
         }
     },
     {
@@ -79,7 +135,7 @@ const themeData = [
             'bg-300': '#17171C',
             'bg-400': '#0F0F0F',
             overlay: '#17171C',
-            divider: '#282828',
+            divider: '#26272D',
             bullish: '#45B167',
             bearish: '#E84A5A'
         }
@@ -108,64 +164,8 @@ const themeData = [
             'bg-400': '#FFFFFF',
             overlay: '#FFFFFF',
             divider: '#E8E8ED',
-            bullish: '#45B167',
-            bearish: '#E84A5A'
-        }
-    },
-    {
-        id: 'ux-green-red-soft-dark',
-        zhName: 'UX 柔和 Dark',
-        enName: 'UX Soft Dark',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#FDFDFE',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#FDFDFE',
-            secondary: '#BBBBC4',
-            tertiary: '#70707C',
-            primary: '#D745FF',
-            success: '#73D090',
-            danger: '#F46271',
-            alert: '#F37A39',
-            warning: '#F8BF63',
-            gold: '#FFB800',
-            'bg-default': '#100E11',
-            'bg-200': '#2A2A30',
-            'bg-300': '#17171C',
-            'bg-400': '#171517',
-            overlay: '#17171C',
-            divider: '#282828',
-            bullish: '#73D090',
-            bearish: '#F46271'
-        }
-    },
-    {
-        id: 'ux-green-red-soft-light',
-        zhName: 'UX 柔和 Light',
-        enName: 'UX Soft Light',
-        colorScheme: 'light',
-        colorVariables: {
-            default: '#000000',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#000000',
-            secondary: '#3D3C3F',
-            tertiary: '#CFCFD7',
-            primary: '#D745FF',
-            success: '#19AB5E',
-            danger: '#FF5868',
-            alert: '#F07939',
-            warning: '#F6932B',
-            gold: '#FFB800',
-            'bg-default': '#F6F6F6',
-            'bg-200': '#E9E7EE',
-            'bg-300': '#F6F6F6',
-            'bg-400': '#FFFFFF',
-            overlay: '#FFFFFF',
-            divider: '#DAD7E0',
-            bullish: '#19AB5E',
-            bearish: '#FF5868'
+            bullish: '#2E9F4A',
+            bearish: '#DE4A40'
         }
     },
     {
@@ -185,22 +185,22 @@ const themeData = [
             success: '#86D99F',
             danger: '#F26682',
             alert: '#F55832',
-            warning: '#EDB951',
+            warning: '#F2C366',
             gold: '#F5DA54',
             'bg-default': '#0C0C0F',
             'bg-200': '#1F2024',
             'bg-300': '#1A1B1F',
             'bg-400': '#111214',
             overlay: '#1A1B1F',
-            divider: '#282828',
-            bullish: '#1DB069',
-            bearish: '#DE4E52'
+            divider: '#26272D',
+            bullish: '#86D99F',
+            bearish: '#F26682'
         }
     },
     {
         id: 'axiom-dark',
-        zhName: 'AXIOM',
-        enName: 'AXIOM',
+        zhName: 'Axiom',
+        enName: 'Axiom',
         fontName: 'Geist',
         colorScheme: 'dark',
         colorVariables: {
@@ -222,8 +222,8 @@ const themeData = [
             'bg-400': '#101114',
             overlay: '#18181A',
             divider: '#25272E',
-            bullish: '#0B9981',
-            bearish: '#F23646'
+            bullish: '#2FE3AC',
+            bearish: '#EC397A'
         }
     },
     {
@@ -250,8 +250,8 @@ const themeData = [
             'bg-400': '#0F1A1F',
             overlay: '#1B2429',
             divider: '#394145',
-            bullish: '#51D2C1',
-            bearish: '#D45B71'
+            bullish: '#50D2C1',
+            bearish: '#ED7088'
         }
     },
     {
@@ -270,7 +270,7 @@ const themeData = [
             success: '#2EC08B',
             danger: '#F7525F',
             alert: '#FF9C3F',
-            warning: '#FFD13F',
+            warning: '#FFE629',
             gold: '#FFD13F',
             'bg-default': '#13121A',
             'bg-200': '#2C2C38',
@@ -312,8 +312,8 @@ const themeData = [
     },
     {
         id: 'bullx-dark',
-        zhName: "Bullx's",
-        enName: "Bullx's",
+        zhName: 'BullX',
+        enName: 'BullX',
         fontName: 'IBM Plex Sans',
         colorScheme: 'dark',
         colorVariables: {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-shared",
-  "version": "0.3.0-beta.6",
+  "version": "0.3.0-beta.7",
   "type": "module",
   "main": "./dist/index.js",
   "react-native": "./dist/index.js",
@@ -45,8 +45,8 @@
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
-    "@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"
   },
   "scripts": {
     "build": "rslib build",