@rash2x/bridge-widget 0.1.31 → 0.1.34

package/dist/evaa-bridge.mjs

@@ -1645,7 +1645,7 @@ const SelectTokenButton = ({
       onClick,
       size: "sm",
       variant: "secondary",
-      className: "shrink-0 gap-2 bg-card text-card-foreground h-9",
+      className: "shrink-0 gap-2 bg-card text-card-foreground hover:text-card-foreground h-9",
       type: "button",
       "aria-label": label,
       children: [
@@ -1693,7 +1693,7 @@ const FormHeaderComponent = () => {
         {
           onClick: onOpenSettings,
           size: "sm",
-          className: "bg-card text-card-foreground h-9",
+          className: "bg-card text-card-foreground hover:text-card-foreground h-9",
           variant: "secondary",
           children: /* @__PURE__ */ jsx(BoltIcon, { stroke: "currentColor" })
         }
@@ -2270,7 +2270,7 @@ const SwapButton = () => {
       variant: "secondary",
       size: "sm",
       className: cn(
-        "bg-card text-card-foreground backdrop-blur-md h-9",
+        "bg-card text-card-foreground hover:text-card-foreground backdrop-blur-md h-9",
         "absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2",
         !canSwap || isSwapping ? "opacity-50 cursor-not-allowed" : "hover:scale-110"
       ),
@@ -2326,7 +2326,7 @@ const SelectNetworkButton = ({
       size: "sm",
       variant: "secondary",
       type: "button",
-      className: "shrink-0 gap-2 bg-card text-card-foreground h-9",
+      className: "shrink-0 gap-2 bg-card text-card-foreground hover:text-card-foreground h-9",
       "aria-label": label,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
@@ -2478,7 +2478,7 @@ const ChainSelectModal = ({
       Button,
       {
         onClick: () => onChainPick(chain, willChangeSrc),
-        className: `w-full cursor-pointer flex shadow-none rounded-sm items-center justify-between gap-3 px-5 py-4 h-13 font-semibold capitalize hover:bg-muted bg-transparent transition-[300] ${isSelected ? "border border-ring" : ""}`,
+        className: `w-full cursor-pointer flex shadow-none rounded-sm items-center justify-between gap-3 px-5 py-4 h-13 font-semibold capitalize bg-transparent hover:scale-100 hover:bg-accent ${isSelected ? "border border-ring" : ""}`,
         children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
             NetworkSymbol,
@@ -2579,10 +2579,12 @@ const WalletButton = ({
           e.preventDefault();
         },
         disabled: isButtonDisabled,
-        className: "p-0 flex gap-1 cursor-pointer shadow-none hover:bg-transparent bg-transparent text-foreground rounded-none h-5",
+        variant: "ghost",
+        size: "sm",
+        className: "flex gap-1 cursor-pointer px-0 h-5",
         children: [
-          isConnected ? prefixIcons[wallet] : null,
-          /* @__PURE__ */ jsx("p", { className: "leading-4 text-sm border-b-1 border-dotted border-foreground", children: buttonText })
+          /* @__PURE__ */ jsx("span", { children: isConnected ? prefixIcons[wallet] : null }),
+          /* @__PURE__ */ jsx("span", { className: "leading-3 text-sm border-b border-dotted border-foreground", children: buttonText })
         ]
       }
     ),
@@ -3681,7 +3683,7 @@ const SubmitButton = () => {
     }
   };
   const disabled = isBusy || amountNum <= 0 || status === "loading" || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer;
-  return /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "pt-4", children: /* @__PURE__ */ jsx(
     Button,
     {
       onClick: handleClick,
@@ -3804,7 +3806,7 @@ const WalletSelectModal = () => {
         /* @__PURE__ */ jsx("div", { className: "py-2 font-semibold text-muted-foreground uppercase", children: t2("wallets.connected") }),
         /* @__PURE__ */ jsx("div", { className: "", children: connectedWallets.map((wallet) => {
           const IconComponent = wallet.icon;
-          return /* @__PURE__ */ jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxs(Button, { className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-start gap-3 px-3 py-3 hover:bg-muted h-auto rounded-md transition-[300]", children: [
+          return /* @__PURE__ */ jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxs(Button, { className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-start gap-3 px-3 py-3 hover:bg-muted h-auto rounded-md", children: [
             /* @__PURE__ */ jsx(IconComponent, { className: "min-w-8 min-h-8" }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
               /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground text-sm leading-4 truncate", children: short(wallet.address) }),
@@ -3843,7 +3845,7 @@ const WalletSelectModal = () => {
                 }
               },
               disabled: isEvmConnector ? isPending : !wallet.enabled,
-              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-start gap-3 px-3 py-3 hover:bg-muted h-auto rounded-sm transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
+              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-start gap-3 px-3 py-3 h-auto rounded-sm disabled:opacity-50 disabled:cursor-not-allowed hover:scale-100 hover:bg-accent",
               children: [
                 /* @__PURE__ */ jsx(IconComponent, { className: "min-w-8 min-h-8" }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [