@rash2x/bridge-widget 0.3.3 → 0.3.5

package/dist/evaa-bridge.mjs

@@ -2259,10 +2259,10 @@ const SwapButton = () => {
     {
       onClick: handleSwap,
       disabled: !canSwap || isSwapping,
-      variant: "secondary",
+      variant: "card",
       size: "sm",
       className: cn(
-        "backdrop-blur-md h-9 w-9 p-0",
+        "bg-bridge-button 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-primary font-medium underline hover:opacity-70 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",
+      className: "shrink-0 gap-2 h-9 !pl-2 bg-bridge-button text-bridge-button-foreground",
       "aria-label": label,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
@@ -2569,7 +2569,7 @@ const ChainSelectModal = ({
         onClick: () => onChainPick(chain, willChangeSrc, willChangeTokenAndSrc),
         className: cn(
           "w-full cursor-pointer flex shadow-none rounded-xs 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" : "",
+          isSelected ? "border border-primary" : "",
           willChangeSrc || willChangeTokenAndSrc ? "opacity-50 hover:opacity-100" : ""
         ),
         children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -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-primary text-primary", children: buttonText }),
+          isConnected && /* @__PURE__ */ jsx(EditIcon, { className: "text-primary -ml-0.5" })
         ]
       }
     ),
@@ -3162,7 +3162,7 @@ const Details = () => {
   const totalFeeDisplay = !quote ? "—" : gas.requiredNative > 0 ? `${gas.requiredNative.toFixed(6)} ${gas.nativeSym}` : "—";
   const currentSlippageText = !quote ? "—" : formatPercentage(slippageBps);
   const routeText = quote?.route ? getRouteDisplayName(quote.route) : t(`settings.routePresets.${routePriority}`);
-  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full border-b-0", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-card/50 rounded-sm", children: [
+  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full border-b-0", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted/50 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: t("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: [
@@ -6210,7 +6210,7 @@ const TokenRow = ({
     Button,
     {
       onClick: onPick,
-      className: `w-full px-5 rounded-xs bg-transparent flex items-center justify-between gap-3 hover:bg-accent hover:scale-100 ${isSelected ? "border border-ring" : ""}`,
+      className: `w-full px-5 rounded-xs bg-transparent flex items-center justify-between gap-3 hover:bg-accent hover:scale-100 ${isSelected ? "border border-primary" : ""}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
@@ -6553,7 +6553,7 @@ const RefreshButton = () => {
       onClick: handleRefresh,
       disabled: spinning,
       variant: "secondary",
-      className: "h-9 w-11",
+      className: "bg-bridge-button 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",
+      className: "shrink-0 gap-2 h-9 !pl-2 bg-bridge-button text-bridge-button-foreground",
       type: "button",
       "aria-label": label,
       children: [
@@ -6629,7 +6629,7 @@ const Toolbar = () => {
         {
           onClick: onOpenSettings,
           size: "sm",
-          className: "h-9 w-11",
+          className: "bg-bridge-button text-bridge-button-foreground h-9 w-11",
           variant: "secondary",
           children: /* @__PURE__ */ jsx(BoltIcon, { stroke: "currentColor" })
         }