@hyperbridge/ui 0.0.8 → 0.0.9

package/dist/index.d.mts

@@ -632,6 +632,7 @@ declare function TxListItemProcessing(props: ItemProps & {
 }): react_jsx_runtime.JSX.Element;
 type TxListItemProps = ItemProps & {
     completedAt: string;
+    mode: "send" | "rollback";
 } & React__default.ComponentPropsWithRef<"button">;
 declare const TxListItem: (props: TxListItemProps) => react_jsx_runtime.JSX.Element;
 declare function TxList({ children }: {

package/dist/index.mjs

@@ -3565,7 +3565,7 @@ function TxListItemProcessing(props) {
         }
       ),
       /* @__PURE__ */ jsxs26("div", { className: "flex flex-grow flex-col text-start", children: [
-        /* @__PURE__ */ jsx37("span", { className: "text-brand-white-500 text-[0.875rem] h-[1.25rem]", children: props.caption }),
+        /* @__PURE__ */ jsx37("span", { className: "text-brand-white-500 whitespace-nowrap text-[0.875rem] h-[1.25rem]", children: props.caption }),
         /* @__PURE__ */ jsxs26(StatusBadge, { variant: props.status === "failed" ? "error" : "none", children: [
           "~ ",
           props.eta
@@ -3618,7 +3618,7 @@ function TxListItemProcessing(props) {
   ] }) });
 }
 var TxListItem = function TxListItem2(props) {
-  const _a = props, { caption, completedAt, from, to, amount } = _a, rest = __objRest(_a, ["caption", "completedAt", "from", "to", "amount"]);
+  const _a = props, { caption, completedAt, mode, from, to, amount } = _a, rest = __objRest(_a, ["caption", "completedAt", "mode", "from", "to", "amount"]);
   return /* @__PURE__ */ jsx37(
     "button",
     __spreadProps(__spreadValues({}, rest), {
@@ -3629,9 +3629,9 @@ var TxListItem = function TxListItem2(props) {
       ),
       children: /* @__PURE__ */ jsxs26("div", { className: "flex gap-[1rem] flex-1 z-20 text-brand-black-100 font-medium", children: [
         /* @__PURE__ */ jsx37(TokenTransferPair, { fromToken: from, toToken: to, size: "2rem" }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-grow flex-col text-start", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-grow flex-col text-start whitespace-nowrap", children: [
           /* @__PURE__ */ jsx37("span", { className: "text-brand-white-500 text-[0.875rem] h-[1.25rem]", children: caption }),
-          /* @__PURE__ */ jsx37(StatusBadge, { variant: "success" })
+          /* @__PURE__ */ jsx37(StatusBadge, { variant: mode === "rollback" ? "refunded" : "success" })
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: "shrink-0 flex flex-col text-end", children: [
           /* @__PURE__ */ jsx37("span", { className: "text-base text-brand-white-500 h-[1.25rem]", children: amount }),
@@ -3651,6 +3651,10 @@ function StatusBadge({
       " ",
       /* @__PURE__ */ jsx37("span", { children: "Success" })
     ] }) : null,
+    variant === "refunded" ? /* @__PURE__ */ jsxs26(Fragment9, { children: [
+      /* @__PURE__ */ jsx37(StepBack_default, { strokeWidth: 2, width: "0.75rem", height: "0.75rem" }),
+      /* @__PURE__ */ jsx37("span", { children: "Refunded" })
+    ] }) : null,
     variant === "error" ? /* @__PURE__ */ jsxs26(Fragment9, { children: [
       /* @__PURE__ */ jsx37(
         Alert_default,

package/package.json

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