@rash2x/bridge-widget 0.1.23 → 0.1.26

package/dist/evaa-bridge.cjs

@@ -1540,6 +1540,7 @@ const RefreshButton = () => {
       onClick: handleRefresh,
       disabled: spinning,
       variant: "secondary",
+      className: "bg-card h-9",
       size: "sm",
       children: /* @__PURE__ */ jsxRuntime.jsx(
         ReloadIcon,
@@ -1567,6 +1568,7 @@ const SelectTokenButton = ({
       onClick,
       size: "sm",
       variant: "secondary",
+      className: "shrink-0 gap-2 bg-card h-9",
       type: "button",
       "aria-label": label,
       children: [
@@ -1609,7 +1611,16 @@ const FormHeaderComponent = () => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(card.CardAction, { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(RefreshButton, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { onClick: onOpenSettings, size: "sm", variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(BoltIcon, { stroke: "currentColor" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          onClick: onOpenSettings,
+          size: "sm",
+          className: "bg-card h-9",
+          variant: "secondary",
+          children: /* @__PURE__ */ jsxRuntime.jsx(BoltIcon, { stroke: "currentColor" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       TokenSelectModal,
@@ -2182,6 +2193,7 @@ const SwapButton = () => {
       variant: "secondary",
       size: "sm",
       className: utils.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"
       ),
@@ -2237,6 +2249,7 @@ const SelectNetworkButton = ({
       size: "sm",
       variant: "secondary",
       type: "button",
+      className: "shrink-0 gap-2 bg-card h-9",
       "aria-label": label,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 items-center", children: [
@@ -2306,7 +2319,7 @@ const CurrencyInput = require$$0.forwardRef(
         pattern: "[0-9]*[.,]?[0-9]*",
         readOnly,
         className: utils.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,
@@ -2666,7 +2679,7 @@ const AnotherAddress = () => {
     } catch {
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 flex flex-col rounded-b-lg bg-muted", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 flex flex-col rounded-b-sm bg-muted", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-5 font-medium text-muted-foreground", children: t("bridge.sendToAnotherAddress") }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2704,7 +2717,7 @@ const AnotherAddress = () => {
                   input.Input,
                   {
                     className: utils.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: t("bridge.anotherAddressPlaceholder"),
                     type: "text",
@@ -2884,8 +2897,8 @@ const Details = () => {
   })();
   const currentSlippageText = formatPercentage(slippageBps);
   const routeText = quote?.route ? getRouteDisplayName(quote.route) : t(`settings.routePresets.${routePriority}`);
-  return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionItem, { value: "item-1", className: "bg-muted rounded", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-lg data-[state=open]:pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionItem, { value: "item-1", className: "bg-muted rounded-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-sm data-[state=open]:pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-normal text-priority leading-4", children: t("bridge.youWillReceive", { defaultValue: "You will receive" }) }),
       /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(TokenSymbol, { symbol, className: "w-4 h-4", alt: "token" }),
@@ -7643,7 +7656,7 @@ const EvaaBridgeContent = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               SwapSection,
               {
-                className: "rounded-t-lg",
+                className: "rounded-t-sm",
                 label: t("bridge.sourceNetwork"),
                 balance: fromBalance,
                 chain: fromChain,