@particle-network/ui-shared 0.2.0-beta.2 → 0.2.0-beta.3

package/README.md

@@ -249,7 +249,7 @@ MIT © [UniversalX Team](https://github.com/particle-network)
 
 - [主项目仓库](https://gitlab.minijoy.work/frontend/ux-design)
 - [React 组件库](../ui-react)
-- [React Native 组件库](../ui-react-native)
+- [React Native 组件库](../ui-native)
 
 ---
 

package/dist/color.d.ts

@@ -23,6 +23,21 @@ export declare const colorToCSSVariable: {
     readonly bullish: "--bullish-color";
     readonly bearish: "--bearish-color";
 };
+export declare const colorToClassName: {
+    readonly default: "text-foreground";
+    readonly white: "text-white";
+    readonly foreground: "text-foreground";
+    readonly secondary: "text-secondary";
+    readonly tertiary: "text-tertiary";
+    readonly primary: "text-primary";
+    readonly success: "text-success";
+    readonly danger: "text-danger";
+    readonly alert: "text-alert";
+    readonly warning: "text-warning";
+    readonly gold: "text-gold";
+    readonly bullish: "text-bullish";
+    readonly bearish: "text-bearish";
+};
 export type ColorString = `#${string}`;
 export declare function hexColorToHSLValue(hex: ColorString): string;
 export declare function hexColorToHSL(hex: ColorString): string;

package/dist/color.js

@@ -72,6 +72,21 @@ const colorToCSSVariable = {
     bullish: '--bullish-color',
     bearish: '--bearish-color'
 };
+const colorToClassName = {
+    default: 'text-foreground',
+    white: 'text-white',
+    foreground: 'text-foreground',
+    secondary: 'text-secondary',
+    tertiary: 'text-tertiary',
+    primary: 'text-primary',
+    success: 'text-success',
+    danger: 'text-danger',
+    alert: 'text-alert',
+    warning: 'text-warning',
+    gold: 'text-gold',
+    bullish: 'text-bullish',
+    bearish: 'text-bearish'
+};
 function hexColorToHSLValue(hex) {
     const hexWithoutHash = hex.replace('#', '');
     const r = parseInt(hexWithoutHash.substring(0, 2), 16) / 255;
@@ -180,4 +195,4 @@ const setColorWithOpacity = (color, opacity)=>{
     }
     return `rgba(${r}, ${g}, ${b}, ${opacity})`;
 };
-export { colorMap, colorToCSSVariable, foregroundColorList, getHexColorFromCSSVariable, hexColorToHSL, hexColorToHSLValue, hslToHex, setColorWithOpacity };
+export { colorMap, colorToCSSVariable, colorToClassName, foregroundColorList, getHexColorFromCSSVariable, hexColorToHSL, hexColorToHSLValue, hslToHex, setColorWithOpacity };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-shared",
-  "version": "0.2.0-beta.2",
+  "version": "0.2.0-beta.3",
   "type": "module",
   "main": "./dist/index.js",
   "react-native": "./dist/index.js",
@@ -14,6 +14,10 @@
       "android": "./dist/index.js",
       "ios": "./dist/index.js",
       "default": "./dist/index.js"
+    },
+    "./tailwind-color": {
+      "types": "./dist/tailwind-color.d.ts",
+      "import": "./dist/tailwind-color.js"
     }
   },
   "license": "MIT",
@@ -42,8 +46,8 @@
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
     "typescript": "^5.8.3",
-    "@particle-network/eslint-config": "0.3.0",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "scripts": {
     "build": "rslib build",