@rash2x/bridge-widget 0.3.6 → 0.3.8

package/dist/evaa-bridge.mjs

@@ -2262,7 +2262,7 @@ const SwapButton = () => {
       variant: "secondary",
       size: "sm",
       className: cn(
-        "bg-bridge-button text-bridge-button-foreground backdrop-blur-md h-9 w-9 p-0",
+        "bg-bridge-button text-bridge-button-foreground hover:text-bridge-button-foreground backdrop-blur-md h-9 w-9 p-0",
         "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"
       ),
@@ -2299,7 +2299,7 @@ const WalletBalance = (props) => {
         variant: "ghost",
         size: "sm",
         onClick: onMaxClick,
-        className: "h-auto p-0 px-0 text-xs text-link font-medium underline hover:opacity-70 cursor-pointer rounded-none",
+        className: "h-auto p-0 px-0 text-xs text-bridge-link font-medium underline hover:opacity-70 hover:bg-transparent cursor-pointer rounded-none",
         children: t("bridge.max")
       }
     )
@@ -2331,7 +2331,7 @@ const SelectNetworkButton = ({
       size: "sm",
       variant: "secondary",
       type: "button",
-      className: "shrink-0 gap-2 h-9 !pl-2 bg-bridge-button text-bridge-button-foreground",
+      className: "shrink-0 gap-2 h-9 !pl-2 bg-bridge-button text-bridge-button-foreground hover:text-bridge-button-foreground",
       "aria-label": label,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
@@ -2587,7 +2587,7 @@ const ChainSelectModal = ({
       chain.chainKey
     );
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col p-10 pt-8 max-w-md", children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "text-left pb-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl leading-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
       /* @__PURE__ */ jsx("div", { children: t("bridge.select") }),
       /* @__PURE__ */ jsx("div", { children: t(isSource ? "bridge.sourceNetwork" : "bridge.destinationNetwork") })
@@ -2740,8 +2740,8 @@ const WalletInlineButton = ({
         className: "flex gap-1 cursor-pointer hover:opacity-60 hover:bg-transparent !px-0 pr-1 h-5",
         children: [
           /* @__PURE__ */ jsx("span", { children: isConnected ? prefixIcons[wallet] : null }),
-          /* @__PURE__ */ jsx("span", { className: "leading-3 text-sm border-b border-dotted border-link text-link", children: buttonText }),
-          isConnected && /* @__PURE__ */ jsx(EditIcon, { className: "text-link -ml-0.5" })
+          /* @__PURE__ */ jsx("span", { className: "leading-3 text-sm border-b border-dotted border-bridge-link text-bridge-link", children: buttonText }),
+          isConnected && /* @__PURE__ */ jsx(EditIcon, { className: "text-bridge-link -ml-0.5" })
         ]
       }
     ),
@@ -2980,7 +2980,7 @@ const AnotherAddress = () => {
                 Button,
                 {
                   variant: "secondary",
-                  className: "bg-accent text-card-foreground uppercase text-xs",
+                  className: "bg-bridge-button text-bridge-button-foreground hover:text-bridge-button-foreground uppercase text-xs",
                   size: "sm",
                   onClick: onPaste,
                   children: t("common.paste")
@@ -4026,7 +4026,7 @@ const WalletSelectModal = () => {
       wallets: tronWallets.filter(notConnected)
     }
   ].filter((category) => category.wallets.length > 0);
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "p-10 pt-8 max-w-md", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "text-left", children: [
       /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t("wallets.chooseWallet") }),
       /* @__PURE__ */ jsx(DialogDescription, { children: t("wallets.oneWalletPerEnv") })
@@ -6105,7 +6105,7 @@ const SettingsModal = ({ isOpen, onClose }) => {
   );
   const activeBtn = "bg-primary hover:bg-primary/80 text-primary-foreground transition-colors";
   const notActiveBtn = "bg-accent hover:bg-accent/80 text-accent-foreground transition-colors";
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { onOpenAutoFocus: (e) => e.preventDefault(), children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { onOpenAutoFocus: (e) => e.preventDefault(), className: "p-10 pt-8 max-w-md", children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t("settings.title") }) }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
@@ -6389,7 +6389,7 @@ const TokenSelectModal = ({
     [groupedTokens.willChangeSrcChain]
   );
   const hasNoResults = tokensToRender.length === 0 && willChangeSrcTokens.length === 0;
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col p-10 pt-8 max-w-md", children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t("bridge.selectToken") }) }),
     /* @__PURE__ */ jsx(
       SearchInput,
@@ -6553,7 +6553,7 @@ const RefreshButton = () => {
       onClick: handleRefresh,
       disabled: spinning,
       variant: "secondary",
-      className: "bg-bridge-button text-bridge-button-foreground h-9 w-11",
+      className: "bg-bridge-button text-bridge-button-foreground hover:text-bridge-button-foreground h-9 w-11",
       size: "sm",
       children: /* @__PURE__ */ jsx(
         ReloadIcon,
@@ -6581,7 +6581,7 @@ const SelectTokenButton = ({
       onClick,
       size: "sm",
       variant: "secondary",
-      className: "shrink-0 gap-2 h-9 !pl-2 bg-bridge-button text-bridge-button-foreground",
+      className: "shrink-0 gap-2 h-9 !pl-2 bg-bridge-button text-bridge-button-foreground hover:text-bridge-button-foreground",
       type: "button",
       "aria-label": label,
       children: [
@@ -6629,7 +6629,7 @@ const Toolbar = () => {
         {
           onClick: onOpenSettings,
           size: "sm",
-          className: "bg-bridge-button text-bridge-button-foreground h-9 w-11",
+          className: "bg-bridge-button text-bridge-button-foreground hover:text-bridge-button-foreground h-9 w-11",
           variant: "secondary",
           children: /* @__PURE__ */ jsx(BoltIcon, { stroke: "currentColor" })
         }