@hyperbridge/ui 0.0.32 → 0.0.33

package/dist/index.d.mts

@@ -412,7 +412,8 @@ declare function SwapReviewItem(props: {
         symbol: string;
         secondaryValue: React__default.ReactNode;
     };
-    mode: "processing" | "reviewing";
+    variant: "processing" | "reviewing";
+    pendingMode?: "idle" | "complete";
     addressButton?: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare const SwapReviewCopyAddressButton: React__default.ForwardRefExoticComponent<Omit<Omit<{

package/dist/index.mjs

@@ -3068,31 +3068,43 @@ import React11 from "react";
 import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 function SwapReviewItem(props) {
   const addressButton = props.addressButton;
+  const { pendingMode = "idle" } = props;
   return /* @__PURE__ */ jsxs22("li", { className: "font-medium text-brand-black-100 items-center w-full h-[calc(48rem/16)] flex gap-[1rem]", children: [
     /* @__PURE__ */ jsx31(BadgeIcon, __spreadValues({ size: "2.5rem" }, props.badge)),
     /* @__PURE__ */ jsxs22("div", { className: "flex-1 text-start flex flex-col", children: [
       /* @__PURE__ */ jsx31("span", { className: "text-[calc(12rem/16)] leading-[1rem]", children: props.tag === "from" ? "Amount in" : "Amount out" }),
-      /* @__PURE__ */ jsxs22("span", { className: "text-[calc(20rem/16)] leading-[1.25] text-brand-white-500", children: [
-        props.asset.amount,
-        " ",
-        props.asset.symbol
-      ] })
+      /* @__PURE__ */ jsxs22(
+        "span",
+        {
+          className: cn(
+            "text-[calc(20rem/16)] leading-[1.25] text-brand-white-500",
+            {
+              "text-brand-success-400": pendingMode === "complete" && props.tag === "to"
+            }
+          ),
+          children: [
+            props.asset.amount,
+            " ",
+            props.asset.symbol
+          ]
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs22("div", { className: "flex self-stretch items-end text-end shrink-0", children: [
-      /* @__PURE__ */ jsx31(if_default, { cond: props.mode === "processing", children: /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx31(if_default, { cond: props.variant === "processing", children: /* @__PURE__ */ jsx31(
         "span",
         {
           className: cn(
             "transition-all opacity-0 translate-y-full delay-200 transform mb-1 text-[calc(12rem/16)] leading-[1rem] duration-400 ease-fluid",
             {
               "opacity-100 translate-y-0 delay-100": props.asset.secondaryValue !== null,
-              "text-brand-success-400": props.tag === "to"
+              "text-brand-success-400": pendingMode === "complete" && props.tag === "to"
             }
           ),
           children: props.asset.secondaryValue
         }
       ) }),
-      /* @__PURE__ */ jsx31(if_default, { cond: props.mode === "reviewing", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-end gap-1.5", children: [
+      /* @__PURE__ */ jsx31(if_default, { cond: props.variant === "reviewing", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-end gap-1.5", children: [
         addressButton,
         /* @__PURE__ */ jsxs22("span", { className: "text-[calc(11rem/16)] text-brand-black-100 px-2", children: [
           props.wallet.networkName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperbridge/ui",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "sideEffects": false,
   "license": "MIT",
   "private": false,
@@ -33,8 +33,8 @@
     "typescript": "5.8.3",
     "vite": "^6.3.4",
     "vitest": "^3.1.2",
-    "@repo/typescript-config": "0.0.0",
-    "@repo/eslint-config": "0.0.0"
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.14",