@0xsquid/ui 3.4.1-beta-deposit-with-memo.0 → 3.5.0

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/cjs/index.js CHANGED
@@ -42107,7 +42107,7 @@ function DepositAddressView({ isOpen = true, fromToken, toToken, handleClose, fr
42107
42107
  tooltipContent: tooltips.memo,
42108
42108
  tooltipWidth: "max",
42109
42109
  }
42110
- : undefined })), jsxRuntime.jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsxRuntime.jsx(ArrowRightUpIcon, { size: "15", strokeWidth: "1.5" }), label: "Send exactly", detail: jsxRuntime.jsx(IconLabel, { src: fromToken.logoUrl, rounded: "full", children: jsxRuntime.jsx(CaptionText, { children: fromAmount }) }) }), jsxRuntime.jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsxRuntime.jsx(ArrowRightDownIcon, { size: "15", strokeWidth: "1.5" }), label: "You receive", detail: jsxRuntime.jsx(IconLabel, { src: toToken.logoUrl, rounded: "full", children: jsxRuntime.jsx(CaptionText, { children: toAmount }) }) }), jsxRuntime.jsx(PropertyListItem, { icon: jsxRuntime.jsx(ChainLink, { size: "24", strokeWidth: "2" }), label: "Chain", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Image$2, { src: fromChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsxRuntime.jsx(CaptionText, { children: fromChain.networkName })] }), to: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Image$2, { src: toChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsxRuntime.jsx(CaptionText, { children: toChain.networkName })] }) }) }), timeRemainingSeconds != null && (jsxRuntime.jsx(TimeRemaining, { timeRemainingSeconds: timeRemainingSeconds, tooltipContent: tooltips === null || tooltips === void 0 ? void 0 : tooltips.timeRemaining }))] })] }), jsxRuntime.jsx(Button, { size: "lg", variant: "secondary", label: "Cancel", onClick: handleClose, className: "tw-min-h-button" })] }));
42110
+ : undefined })), jsxRuntime.jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsxRuntime.jsx(ArrowRightUpIcon, { size: "15", strokeWidth: "1.5" }), label: "Send exactly", detail: jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-1 tw-text-royal-500", children: [jsxRuntime.jsx(IconLabel, { src: fromToken.logoUrl, rounded: "full", children: jsxRuntime.jsx(CaptionText, { children: fromAmount }) }), jsxRuntime.jsx(CopyButton, { copyText: fromAmount })] }) }), jsxRuntime.jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsxRuntime.jsx(ArrowRightDownIcon, { size: "15", strokeWidth: "1.5" }), label: "You receive", detail: jsxRuntime.jsx(IconLabel, { src: toToken.logoUrl, rounded: "full", children: jsxRuntime.jsx(CaptionText, { children: toAmount }) }) }), jsxRuntime.jsx(PropertyListItem, { icon: jsxRuntime.jsx(ChainLink, { size: "24", strokeWidth: "2" }), label: "Chain", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Image$2, { src: fromChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsxRuntime.jsx(CaptionText, { children: fromChain.networkName })] }), to: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Image$2, { src: toChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsxRuntime.jsx(CaptionText, { children: toChain.networkName })] }) }) }), timeRemainingSeconds != null && (jsxRuntime.jsx(TimeRemaining, { timeRemainingSeconds: timeRemainingSeconds, tooltipContent: tooltips === null || tooltips === void 0 ? void 0 : tooltips.timeRemaining }))] })] }), jsxRuntime.jsx(Button, { size: "lg", variant: "secondary", label: "Cancel", onClick: handleClose, className: "tw-min-h-button" })] }));
42111
42111
  }
42112
42112
  function TimeRemaining({ timeRemainingSeconds, tooltipContent, }) {
42113
42113
  const timeRemaining = useCountdown(timeRemainingSeconds);
package/dist/esm/index.js CHANGED
@@ -42087,7 +42087,7 @@ function DepositAddressView({ isOpen = true, fromToken, toToken, handleClose, fr
42087
42087
  tooltipContent: tooltips.memo,
42088
42088
  tooltipWidth: "max",
42089
42089
  }
42090
- : undefined })), jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsx(ArrowRightUpIcon, { size: "15", strokeWidth: "1.5" }), label: "Send exactly", detail: jsx(IconLabel, { src: fromToken.logoUrl, rounded: "full", children: jsx(CaptionText, { children: fromAmount }) }) }), jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsx(ArrowRightDownIcon, { size: "15", strokeWidth: "1.5" }), label: "You receive", detail: jsx(IconLabel, { src: toToken.logoUrl, rounded: "full", children: jsx(CaptionText, { children: toAmount }) }) }), jsx(PropertyListItem, { icon: jsx(ChainLink, { size: "24", strokeWidth: "2" }), label: "Chain", detail: jsx(Transfer, { from: jsxs(Fragment, { children: [jsx(Image$2, { src: fromChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsx(CaptionText, { children: fromChain.networkName })] }), to: jsxs(Fragment, { children: [jsx(Image$2, { src: toChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsx(CaptionText, { children: toChain.networkName })] }) }) }), timeRemainingSeconds != null && (jsx(TimeRemaining, { timeRemainingSeconds: timeRemainingSeconds, tooltipContent: tooltips === null || tooltips === void 0 ? void 0 : tooltips.timeRemaining }))] })] }), jsx(Button, { size: "lg", variant: "secondary", label: "Cancel", onClick: handleClose, className: "tw-min-h-button" })] }));
42090
+ : undefined })), jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsx(ArrowRightUpIcon, { size: "15", strokeWidth: "1.5" }), label: "Send exactly", detail: jsxs("div", { className: "tw-flex tw-items-center tw-gap-1 tw-text-royal-500", children: [jsx(IconLabel, { src: fromToken.logoUrl, rounded: "full", children: jsx(CaptionText, { children: fromAmount }) }), jsx(CopyButton, { copyText: fromAmount })] }) }), jsx(PropertyListItem, { iconClassName: "tw-flex tw-items-center tw-justify-center", icon: jsx(ArrowRightDownIcon, { size: "15", strokeWidth: "1.5" }), label: "You receive", detail: jsx(IconLabel, { src: toToken.logoUrl, rounded: "full", children: jsx(CaptionText, { children: toAmount }) }) }), jsx(PropertyListItem, { icon: jsx(ChainLink, { size: "24", strokeWidth: "2" }), label: "Chain", detail: jsx(Transfer, { from: jsxs(Fragment, { children: [jsx(Image$2, { src: fromChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsx(CaptionText, { children: fromChain.networkName })] }), to: jsxs(Fragment, { children: [jsx(Image$2, { src: toChain.logoUrl, rounded: "xxs", shadow: true, size: "medium" }), jsx(CaptionText, { children: toChain.networkName })] }) }) }), timeRemainingSeconds != null && (jsx(TimeRemaining, { timeRemainingSeconds: timeRemainingSeconds, tooltipContent: tooltips === null || tooltips === void 0 ? void 0 : tooltips.timeRemaining }))] })] }), jsx(Button, { size: "lg", variant: "secondary", label: "Cancel", onClick: handleClose, className: "tw-min-h-button" })] }));
42091
42091
  }
42092
42092
  function TimeRemaining({ timeRemainingSeconds, tooltipContent, }) {
42093
42093
  const timeRemaining = useCountdown(timeRemainingSeconds);
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "3.4.1-beta-deposit-with-memo.0",
8
+ "version": "3.5.0",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {