@particle-network/ui-native 0.5.1-beta.0 → 0.5.1-beta.2

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type StyleProp, type ViewStyle } from 'react-native';
-import type { UXForegroundColor, UXRadius } from '@particle-network/ui-shared';
+import type { HexColor, UXForegroundColor, UXRadius } from '@particle-network/ui-shared';
 import { type FlexProps } from '../layout/Flex';
 export interface ProgressWrapperProps extends Omit<FlexProps, 'radius' | 'width' | 'height' | 'w' | 'h'> {
     /**
@@ -26,7 +26,7 @@ export interface ProgressWrapperProps extends Omit<FlexProps, 'radius' | 'width'
     /**
      * 进度条颜色
      */
-    color?: UXForegroundColor | 'transparent' | `#${string}`;
+    color?: UXForegroundColor | 'transparent' | HexColor;
     /**
      * SVG 样式
      */

package/dist/components/Text/text.types.d.ts

@@ -1,5 +1,5 @@
 import type { TextProps as RNTextProps, TextStyle } from 'react-native';
-import type { UXForegroundColor } from '@particle-network/ui-shared';
+import type { HexColor, UXForegroundColor } from '@particle-network/ui-shared';
 import type { UseBoxProps } from '../layout/Box';
 type TextVariant = 'h1' | 'h2' | 'h3' | 'body1' | 'body1Bold' | 'body2' | 'body2Bold' | 'body3' | 'body3Bold' | 'caption1' | 'caption1Bold';
 type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
@@ -76,7 +76,7 @@ export interface TextProps extends RNTextProps, UseBoxProps {
      * | extrabold | 800         |
      */
     fontWeight?: TextWeight;
-    color?: UXForegroundColor | `#${string}`;
+    color?: UXForegroundColor | HexColor;
     lineHeight?: TextLineHeight;
     align?: TextAlign;
     underlineStyle?: TextStyle['textDecorationStyle'];

package/dist/components/UXCheckbox/types.d.ts

@@ -1,5 +1,5 @@
 export interface UXCheckboxCommonProps {
-    color?: 'secondary' | 'primary' | 'success' | 'danger' | 'alert' | 'warning' | 'gold' | 'bullish' | 'bearish';
+    color?: 'secondary' | 'primary' | 'success' | 'danger' | 'alert' | 'warning' | 'bullish' | 'bearish';
     size?: 'sm' | 'md' | 'lg';
     isDisabled?: boolean;
     labelPlacement?: 'left' | 'right';

package/dist/components/UXChip/types.d.ts

@@ -1,8 +1,8 @@
 import type React from 'react';
-import type { UXForegroundColor } from '@particle-network/ui-shared';
+import type { HexColor, UXForegroundColor } from '@particle-network/ui-shared';
 import type { HStackProps } from '../layout/HStack';
 export interface UXChipProps extends HStackProps {
-    color?: UXForegroundColor | `#${string}`;
+    color?: UXForegroundColor | HexColor;
     size?: 'sm' | 'md' | 'lg';
     variant?: 'solid' | 'flat';
     isDisabled?: boolean;

package/dist/components/layout/Box/useBox.type.d.ts

@@ -1,5 +1,5 @@
 import type { ViewStyle } from 'react-native';
-import type { RadiusType, SpacingType, UXColor } from '@particle-network/ui-shared';
+import type { HexColor, RadiusType, SpacingType, UXColor } from '@particle-network/ui-shared';
 export interface UseBoxProps {
     /**
      * Shorthand for the `width=100%` style property.
@@ -140,31 +140,31 @@ export interface UseBoxProps {
     /**
      * Shorthand for the `borderColor` style property.
      */
-    borderColor?: UXColor | `#${string}`;
+    borderColor?: UXColor | HexColor;
     /**
      * Shorthand for the `borderTopColor` style property.
      */
-    borderTopColor?: UXColor | `#${string}`;
+    borderTopColor?: UXColor | HexColor;
     /**
      * Shorthand for the `borderRightColor` style property.
      */
-    borderRightColor?: UXColor | `#${string}`;
+    borderRightColor?: UXColor | HexColor;
     /**
      * Shorthand for the `borderBottomColor` style property.
      */
-    borderBottomColor?: UXColor | `#${string}`;
+    borderBottomColor?: UXColor | HexColor;
     /**
      * Shorthand for the `borderLeftColor` style property.
      */
-    borderLeftColor?: UXColor | `#${string}`;
+    borderLeftColor?: UXColor | HexColor;
     /**
      * Shorthand for the `borderStartColor` style property.
      */
-    borderStartColor?: UXColor | `#${string}`;
+    borderStartColor?: UXColor | HexColor;
     /**
      * Shorthand for the `borderEndColor` style property.
      */
-    borderEndColor?: UXColor | `#${string}`;
+    borderEndColor?: UXColor | HexColor;
     /**
      * Shorthand for the `borderRadius` style property.
      */
@@ -232,7 +232,7 @@ export interface UseBoxProps {
     /**
      * Shorthand for the `backgroundColor` style property.
      */
-    bg?: UXColor | `#${string}`;
+    bg?: UXColor | HexColor;
     /**
      * 背景色透明度
      * @example bgOpacity={0.2}

package/dist/hooks/useColors.d.ts

@@ -1,7 +1,7 @@
-import { type UXColor } from '@particle-network/ui-shared';
+import { type HexColor, type UXColor } from '@particle-network/ui-shared';
 /**
  * 颜色工具 Hook
  */
 export declare function useColors(): {
-    getColor: (name?: UXColor | `#${string}`, opacity?: number) => string | undefined;
+    getColor: (name?: UXColor | HexColor, opacity?: number) => string | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.5.1-beta.0",
+  "version": "0.5.1-beta.2",
   "main": "./entry.js",
   "react-native": "./dist/index.js",
   "module": "./dist/index.js",
@@ -45,8 +45,8 @@
     "react-native-size-matters": "^0.4.2",
     "react-native-toast-message": "^2.3.3",
     "react-native-worklets": "0.5.1",
-    "@particle-network/icons": "0.5.1-beta.0",
-    "@particle-network/ui-shared": "0.4.0"
+    "@particle-network/ui-shared": "0.4.1-beta.1",
+    "@particle-network/icons": "0.5.1-beta.2"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -89,9 +89,9 @@
     "unfetch": "^4.2.0",
     "vite": "^6.3.5",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.5.1-beta.0",
     "@particle-network/lintstaged-config": "0.1.0",
-    "@particle-network/eslint-config": "0.3.0"
+    "@particle-network/eslint-config": "0.3.0",
+    "@particle-network/icons": "0.5.1-beta.2"
   },
   "overrides": {
     "react-docgen-typescript": "2.2.2",