@particle-network/ui-native 0.5.1-beta.1 → 0.5.1-beta.3

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.style.js

@@ -1,7 +1,7 @@
 import { useColors, useMs, useRadius, useSpacing } from "../../../hooks/index.js";
 import { useShadow } from "../../../hooks/useShadow.js";
 const useBoxStyle = (props)=>{
-    const { fullWidth, fullHeight, h, minH, maxH, w, minW, maxW, m, mt, mr, mb, ml, ms, me, mh, mv, p, pt, pr, pb, pl, ps, pe, ph, pv, borderStyle, border, borderTop, borderRight, borderBottom, borderLeft, borderStart, borderEnd, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderStartColor, borderEndColor, radius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, topStartRadius, topEndRadius, bottomStartRadius, bottomEndRadius, position, top, right, bottom, left, start, end, bg, bgOpacity, opacity, zIndex, overflow, shadow } = props;
+    const { fullWidth, fullHeight, h, minH, maxH, w, minW, maxW, m, mt, mr, mb, ml, ms, me, mh, mv, p, pt, pr, pb, pl, ps, pe, ph, px, py, pv, borderStyle, border, borderTop, borderRight, borderBottom, borderLeft, borderStart, borderEnd, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderStartColor, borderEndColor, radius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, topStartRadius, topEndRadius, bottomStartRadius, bottomEndRadius, position, top, right, bottom, left, start, end, bg, bgOpacity, opacity, zIndex, overflow, shadow } = props;
     const { ms: uxms } = useMs();
     const { getColor } = useColors();
     const { getSpacing } = useSpacing();
@@ -25,8 +25,8 @@ const useBoxStyle = (props)=>{
     styleObj.marginLeft = getSpacing(ml);
     styleObj.marginStart = getSpacing(ms);
     styleObj.marginEnd = getSpacing(me);
-    styleObj.marginHorizontal = getSpacing(mh);
-    styleObj.marginVertical = getSpacing(mv);
+    styleObj.marginHorizontal = getSpacing(mh || px);
+    styleObj.marginVertical = getSpacing(mv || py);
     styleObj.padding = getSpacing(p);
     styleObj.paddingTop = getSpacing(pt);
     styleObj.paddingRight = getSpacing(pr);

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.
@@ -101,10 +101,12 @@ export interface UseBoxProps {
      * Shorthand for the `paddingHorizontal` style property.
      */
     ph?: SpacingType;
+    px?: SpacingType;
     /**
      * Shorthand for the `paddingVertical` style property.
      */
     pv?: SpacingType;
+    py?: SpacingType;
     /**
      * Shorthand for the `borderStyle` style property.
      */
@@ -140,31 +142,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 +234,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.1",
+  "version": "0.5.1-beta.3",
   "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.1",
-    "@particle-network/ui-shared": "0.4.1-beta.0"
+    "@particle-network/ui-shared": "0.4.1-beta.2",
+    "@particle-network/icons": "0.5.1-beta.3"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -90,8 +90,8 @@
     "vite": "^6.3.5",
     "zustand": "^5.0.8",
     "@particle-network/eslint-config": "0.3.0",
-    "@particle-network/icons": "0.5.1-beta.1",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/icons": "0.5.1-beta.3"
   },
   "overrides": {
     "react-docgen-typescript": "2.2.2",