@particle-network/ui-native 0.5.1-beta.7 → 0.5.1-beta.9

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

@@ -1,9 +1,10 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import CircleQuestionIcon from '@particle-network/icons/native/CircleQuestionIcon';
 import type { SquareProps } from '../layout/Square';
 import { type UXTooltipProps } from '../UXTooltip';
 export type UXHintProps = UXTooltipProps & {
     style?: SquareProps['style'];
-    iconStyle?: IconProps['style'];
+    iconStyle?: React.ComponentProps<typeof CircleQuestionIcon>['style'];
+    iconColor?: React.ComponentProps<typeof CircleQuestionIcon>['color'];
 };
 export declare const UXHint: React.FC<UXHintProps>;

package/dist/components/UXHint/index.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import CircleQuestionIcon from "@particle-network/icons/native/CircleQuestionIcon";
 import { useMs } from "../../hooks/index.js";
-import { Icon } from "../../icons/index.js";
 import { Square } from "../layout/Square.js";
 import { UXTooltip } from "../UXTooltip/index.js";
 const UXHint = (props)=>{
-    const { content, children, iconStyle, style, ...restProps } = props;
+    const { content, children, iconStyle, iconColor = 'secondary', style, ...restProps } = props;
     const { ms } = useMs();
     return /*#__PURE__*/ jsx(UXTooltip, {
         content: content || children,
@@ -14,9 +14,8 @@ const UXHint = (props)=>{
             center: true,
             size: 16,
             style: style,
-            children: /*#__PURE__*/ jsx(Icon, {
-                name: "question",
-                color: "secondary",
+            children: /*#__PURE__*/ jsx(CircleQuestionIcon, {
+                color: iconColor,
                 size: ms(14),
                 style: iconStyle
             })

package/dist/components/UXToast/ToastView.d.ts

@@ -4,6 +4,7 @@ import type { ToastProps } from './types';
 interface ToastViewProps {
     type: ToastType;
     text: string;
+    text2?: string;
     props?: ToastProps;
 }
 export declare const ToastView: React.FC<ToastViewProps>;

package/dist/components/UXToast/ToastView.js

@@ -1,15 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import react_native_toast_message from "react-native-toast-message";
-import { Flex } from "../layout/Flex/index.js";
-import { HStack } from "../layout/HStack.js";
+import { HStack, VStack } from "../layout/index.js";
 import { Text } from "../Text/index.js";
 import { UXButton } from "../UXButton/index.js";
 import { useComponentConfig, useTheme } from "../../hooks/index.js";
 import { Icon } from "../../icons/index.js";
 import { ToastIcon } from "./ToastIcon.js";
-const ToastView = ({ type, text, props: toastProps })=>{
-    const { btnText, numberOfLines = 4, colorBg, onPress = ()=>null } = toastProps ?? {};
+const ToastView = ({ type, text, text2, props: toastProps })=>{
+    const { btnText, numberOfLines = 10, colorBg, onPress = ()=>null } = toastProps ?? {};
     const { toast: toastConfig } = useComponentConfig();
     const { colors } = useTheme();
     const bg = useMemo(()=>{
@@ -39,14 +38,23 @@ const ToastView = ({ type, text, props: toastProps })=>{
                 /*#__PURE__*/ jsx(ToastIcon, {
                     type: type
                 }),
-                /*#__PURE__*/ jsx(Flex, {
+                /*#__PURE__*/ jsxs(VStack, {
                     shrink: 1,
-                    children: /*#__PURE__*/ jsx(Text, {
-                        body2Bold: true,
-                        color: colorBg ? 'white' : 'foreground',
-                        numberOfLines: numberOfLines,
-                        children: text
-                    })
+                    gap: 4,
+                    children: [
+                        /*#__PURE__*/ jsx(Text, {
+                            body2Bold: true,
+                            color: colorBg ? 'white' : 'foreground',
+                            numberOfLines: 2,
+                            children: text
+                        }),
+                        text2 && /*#__PURE__*/ jsx(Text, {
+                            body3: true,
+                            color: "secondary",
+                            numberOfLines: numberOfLines,
+                            children: text2
+                        })
+                    ]
                 }),
                 btnText && onPress ? /*#__PURE__*/ jsx(UXButton, {
                     variant: "text",

package/dist/components/UXToast/toastConfig.d.ts

@@ -1,16 +1,19 @@
 import React from 'react';
 import type { ToastProps } from './types';
 export declare const toastConfig: {
-    success: ({ text1, props }: {
+    success: ({ text1, text2, props }: {
         text1: string;
+        text2?: string;
         props?: ToastProps;
     }) => React.JSX.Element;
-    error: ({ text1, props }: {
+    error: ({ text1, text2, props }: {
         text1: string;
+        text2?: string;
         props?: ToastProps;
     }) => React.JSX.Element;
-    loading: ({ text1, props }: {
+    loading: ({ text1, text2, props }: {
         text1: string;
+        text2?: string;
         props?: ToastProps;
     }) => React.JSX.Element;
 };

package/dist/components/UXToast/toastConfig.js

@@ -2,19 +2,22 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import { ToastView } from "./ToastView.js";
 const toastConfig = {
-    success: ({ text1, props })=>/*#__PURE__*/ jsx(ToastView, {
+    success: ({ text1, text2, props })=>/*#__PURE__*/ jsx(ToastView, {
             type: "success",
             text: text1,
+            text2: text2,
             props: props
         }),
-    error: ({ text1, props })=>/*#__PURE__*/ jsx(ToastView, {
+    error: ({ text1, text2, props })=>/*#__PURE__*/ jsx(ToastView, {
             type: "error",
             text: text1,
+            text2: text2,
             props: props
         }),
-    loading: ({ text1, props })=>/*#__PURE__*/ jsx(ToastView, {
+    loading: ({ text1, text2, props })=>/*#__PURE__*/ jsx(ToastView, {
             type: "loading",
             text: text1,
+            text2: text2,
             props: props
         })
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.5.1-beta.7",
+  "version": "0.5.1-beta.9",
   "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.6",
-    "@particle-network/ui-shared": "0.4.1-beta.5"
+    "@particle-network/ui-shared": "0.4.1-beta.5",
+    "@particle-network/icons": "0.5.1-beta.6"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
@@ -89,9 +89,9 @@
     "unfetch": "^4.2.0",
     "vite": "^6.3.5",
     "zustand": "^5.0.8",
-    "@particle-network/eslint-config": "0.3.0",
     "@particle-network/icons": "0.5.1-beta.6",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "overrides": {
     "react-docgen-typescript": "2.2.2",