coinley-pay 0.0.6 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -47421,21 +47421,21 @@ const RedesignedCoinleyPaymentInternal = ({
47421
47421
  "button",
47422
47422
  {
47423
47423
  onClick: () => handleNetworkSelect(network),
47424
- className: `flex items-center gap-3 p-4 rounded-xl border-2 transition-all w-[248px] h-[59px] ${(selectedNetwork == null ? void 0 : selectedNetwork.id) === network.id ? "border-[#7042D2] bg-purple-50" : "border-gray-100 hover:border-[#7042D2] hover:bg-purple-50"}`,
47424
+ className: `flex items-center gap-3 p-3 rounded-xl border-2 transition-all ${(selectedNetwork == null ? void 0 : selectedNetwork.id) === network.id ? "border-[#7042D2] bg-purple-50" : "border-gray-100 hover:border-[#7042D2] hover:bg-purple-50"}`,
47425
47425
  children: [
47426
47426
  /* @__PURE__ */ jsx(
47427
47427
  "img",
47428
47428
  {
47429
47429
  src: getNetworkLogoUrl(network),
47430
47430
  alt: network.name,
47431
- className: "w-10 h-10 rounded-full",
47431
+ className: "w-6 h-6 rounded-full",
47432
47432
  onError: (e) => {
47433
47433
  e.target.src = `https://ui-avatars.com/api/?name=${network.shortName}&background=7042D2&color=fff`;
47434
47434
  }
47435
47435
  }
47436
47436
  ),
47437
47437
  /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
47438
- /* @__PURE__ */ jsx("p", { className: "font-semibold text-gray-900", children: network.name }),
47438
+ /* @__PURE__ */ jsx("p", { className: "font-medium text-sm text-gray-900", children: network.name }),
47439
47439
  /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400", children: "Blockchain network" })
47440
47440
  ] })
47441
47441
  ]
@@ -47450,14 +47450,14 @@ const RedesignedCoinleyPaymentInternal = ({
47450
47450
  "button",
47451
47451
  {
47452
47452
  onClick: () => handleTokenSelect(token),
47453
- className: `flex items-center gap-3 p-4 rounded-xl border-2 transition-all w-[246px] h-[59px] ${(selectedToken == null ? void 0 : selectedToken.id) === token.id ? "border-[#7042D2] bg-purple-50" : "border-gray-100 hover:border-[#7042D2] hover:bg-purple-50"}`,
47453
+ className: `flex items-center gap-3 p-3 rounded-xl border-2 transition-all ${(selectedToken == null ? void 0 : selectedToken.id) === token.id ? "border-[#7042D2] bg-purple-50" : "border-gray-100 hover:border-[#7042D2] hover:bg-purple-50"}`,
47454
47454
  children: [
47455
47455
  /* @__PURE__ */ jsx(
47456
47456
  "img",
47457
47457
  {
47458
47458
  src: getTokenLogoUrl(token.symbol),
47459
47459
  alt: token.symbol,
47460
- className: "w-10 h-10 rounded-full",
47460
+ className: "w-6 h-6 rounded-full",
47461
47461
  onError: (e) => {
47462
47462
  e.target.src = `https://ui-avatars.com/api/?name=${token.symbol}&background=7042D2&color=fff`;
47463
47463
  }
@@ -47465,7 +47465,7 @@ const RedesignedCoinleyPaymentInternal = ({
47465
47465
  ),
47466
47466
  /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
47467
47467
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
47468
- /* @__PURE__ */ jsx("p", { className: "font-semibold text-gray-900", children: token.name || token.symbol }),
47468
+ /* @__PURE__ */ jsx("p", { className: "font-medium text-sm text-gray-900", children: token.name || token.symbol }),
47469
47469
  token.isStablecoin && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600 flex items-center gap-1", children: [
47470
47470
  /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 bg-green-500 rounded-full" }),
47471
47471
  "Stablecoin"