@rash2x/bridge-widget 0.1.23 → 0.1.26

package/dist/evaa-bridge.mjs

@@ -1517,6 +1517,7 @@ const RefreshButton = () => {
       onClick: handleRefresh,
       disabled: spinning,
       variant: "secondary",
+      className: "bg-card h-9",
       size: "sm",
       children: /* @__PURE__ */ jsx(
         ReloadIcon,
@@ -1544,6 +1545,7 @@ const SelectTokenButton = ({
       onClick,
       size: "sm",
       variant: "secondary",
+      className: "shrink-0 gap-2 bg-card h-9",
       type: "button",
       "aria-label": label,
       children: [
@@ -1586,7 +1588,16 @@ const FormHeaderComponent = () => {
     ] }),
     /* @__PURE__ */ jsxs(CardAction, { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx(RefreshButton, {}),
-      /* @__PURE__ */ jsx(Button, { onClick: onOpenSettings, size: "sm", variant: "secondary", children: /* @__PURE__ */ jsx(BoltIcon, { stroke: "currentColor" }) })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: onOpenSettings,
+          size: "sm",
+          className: "bg-card h-9",
+          variant: "secondary",
+          children: /* @__PURE__ */ jsx(BoltIcon, { stroke: "currentColor" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(
       TokenSelectModal,
@@ -2159,6 +2170,7 @@ const SwapButton = () => {
       variant: "secondary",
       size: "sm",
       className: cn(
+        "bg-card 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"
       ),
@@ -2214,6 +2226,7 @@ const SelectNetworkButton = ({
       size: "sm",
       variant: "secondary",
       type: "button",
+      className: "shrink-0 gap-2 bg-card h-9",
       "aria-label": label,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
@@ -2283,7 +2296,7 @@ const CurrencyInput = forwardRef(
         pattern: "[0-9]*[.,]?[0-9]*",
         readOnly,
         className: cn(
-          "text-[32px] h-12 font-medium leading-9 rounded-none text-end bg-transparent dark:bg-transparent text-foreground shadow-none border-none outline-none ring-0 focus:outline-none",
+          "text-4xl h-12 font-medium leading-9 rounded-none text-end bg-transparent dark:bg-transparent text-foreground shadow-none border-none outline-none ring-0 focus:outline-none focus-visible:ring-0 focus-visible:outline-0 focus-visible:ring-offset-0",
           className
         ),
         max,
@@ -2643,7 +2656,7 @@ const AnotherAddress = () => {
     } catch {
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "p-4 flex flex-col rounded-b-lg bg-muted", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "p-4 flex flex-col rounded-b-sm bg-muted", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm leading-5 font-medium text-muted-foreground", children: t2("bridge.sendToAnotherAddress") }),
       /* @__PURE__ */ jsx(
@@ -2681,7 +2694,7 @@ const AnotherAddress = () => {
                   Input,
                   {
                     className: cn(
-                      "p-0 h-auto text-base leading-5 font-semibold w-full bg-transparent dark:bg-transparent placeholder:text-muted-foreground/50 border-none"
+                      "p-0 h-auto text-base leading-5 font-semibold w-full bg-transparent dark:bg-transparent placeholder:text-muted-foreground/50 border-none focus:outline-none focus:ring-0"
                     ),
                     placeholder: t2("bridge.anotherAddressPlaceholder"),
                     type: "text",
@@ -2861,8 +2874,8 @@ const Details = () => {
   })();
   const currentSlippageText = formatPercentage(slippageBps);
   const routeText = quote?.route ? getRouteDisplayName(quote.route) : t2(`settings.routePresets.${routePriority}`);
-  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted rounded", children: [
-    /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-lg data-[state=open]:pb-3", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted rounded-sm", children: [
+    /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-sm data-[state=open]:pb-3", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm font-normal text-priority leading-4", children: t2("bridge.youWillReceive", { defaultValue: "You will receive" }) }),
       /* @__PURE__ */ jsxs("div", { className: "bg-transparent hover:bg-transparent shadow-none h-4 p-0 px-0 py-0 flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(TokenSymbol, { symbol, className: "w-4 h-4", alt: "token" }),
@@ -7620,7 +7633,7 @@ const EvaaBridgeContent = ({
             /* @__PURE__ */ jsx(
               SwapSection,
               {
-                className: "rounded-t-lg",
+                className: "rounded-t-sm",
                 label: t2("bridge.sourceNetwork"),
                 balance: fromBalance,
                 chain: fromChain,