@relayprotocol/relay-kit-ui 7.1.6 → 8.0.0

package/_cjs/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.js

@@ -7,10 +7,11 @@ const index_js_1 = require("../../../primitives/index.js");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 const faChevronDown_1 = require("@fortawesome/free-solid-svg-icons/faChevronDown");
 const Modal_js_1 = require("../../../../components/common/Modal.js");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faMagnifyingGlass_1 = require("@fortawesome/free-solid-svg-icons/faMagnifyingGlass");
 const fuse_js_1 = tslib_1.__importDefault(require("fuse.js"));
 const useMoonPayCurrencies_js_1 = tslib_1.__importDefault(require("../../../../hooks/useMoonPayCurrencies.js"));
 const moonPayFiatCurrencies_js_1 = tslib_1.__importDefault(require("../../../../constants/moonPayFiatCurrencies.js"));
+const cn_js_1 = require("../../../../utils/cn.js");
 const fuseSearchOptions = {
     includeScore: true,
     includeMatches: true,
@@ -56,41 +57,13 @@ const FiatCurrencyModal = ({ moonPayApiKey, fiatCurrency, setFiatCurrency }) =>
             return sortedFiatCurrencies;
         }
     }, [currencySearchInput, currenciesFuse]);
-    return ((0, jsx_runtime_1.jsxs)(Modal_js_1.Modal, { trigger: (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "white", corners: "pill", css: {
-                height: 28,
-                minHeight: 28,
-                width: 'max-content',
-                flexShrink: 0,
-                overflow: 'hidden',
-                gap: '1',
-                display: 'flex',
-                alignItems: 'center',
-                py: '1',
-                px: '2',
-                backgroundColor: 'gray2',
-                border: 'none',
-                _hover: {
-                    backgroundColor: 'gray3'
-                }
-            }, children: [(0, jsx_runtime_1.jsx)("img", { alt: "currency-icon", src: fiatCurrency.icon, style: { width: 16, height: 16, borderRadius: '50%' } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: fiatCurrency.code.toUpperCase() }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9', width: 14 }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChevronDown_1.faChevronDown, width: 14 }) })] }), open: open, onOpenChange: (open) => {
+    return ((0, jsx_runtime_1.jsxs)(Modal_js_1.Modal, { trigger: (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "white", corners: "pill", className: "relay:h-[28px] relay:min-h-[28px] relay:w-max relay:shrink-0 relay:overflow-hidden relay:gap-1 relay:flex relay:items-center relay:py-1 relay:px-2 relay:bg-[var(--relay-colors-gray2)] relay:border-none relay:hover:bg-[var(--relay-colors-gray3)]", children: [(0, jsx_runtime_1.jsx)("img", { alt: "currency-icon", src: fiatCurrency.icon, className: "relay:w-[16px] relay:h-[16px] relay:rounded-full" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: fiatCurrency.code.toUpperCase() }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-gray9)] relay:w-[14px]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChevronDown_1.faChevronDown, width: 14 }) })] }), open: open, onOpenChange: (open) => {
             if (open) {
             }
             else {
             }
             setOpen(open);
-        }, css: {
-            overflow: 'hidden',
-            p: '4',
-            maxWidth: '100vw',
-            maxHeight: '450px !important',
-            height: 450,
-            sm: {
-                maxWidth: '400px !important'
-            }
-        }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: {
-                    width: '100%',
-                    textAlign: 'left'
-                }, children: "Select a currency" }), (0, jsx_runtime_1.jsxs)(index_js_1.AccessibleList, { onSelect: (value) => {
+        }, className: "relay:overflow-hidden relay:p-4 relay:max-w-[100vw] relay:!max-h-[450px] relay:h-[450px] sm:!relay-max-w-[400px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", className: "relay:w-full relay:text-left", children: "Select a currency" }), (0, jsx_runtime_1.jsxs)(index_js_1.AccessibleList, { onSelect: (value) => {
                     if (value && value !== 'input') {
                         const selectedCurrency = sortedFiatCurrencies?.find((currency) => currency.code === value);
                         if (selectedCurrency) {
@@ -98,74 +71,12 @@ const FiatCurrencyModal = ({ moonPayApiKey, fiatCurrency, setFiatCurrency }) =>
                         }
                         setOpen(false);
                     }
-                }, css: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    width: '100%',
-                    gap: '1',
-                    height: 'calc(100% - 24px)',
-                    overflowY: 'auto',
-                    scrollPaddingTop: '40px'
-                }, children: [(0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: "input", asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
-                                bg: 'modal-background',
-                                position: 'sticky',
-                                py: '2',
-                                zIndex: 1,
-                                top: 0
-                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Input, { placeholder: "Search for a currency", icon: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faMagnifyingGlass, width: 16, height: 16 }) }), containerCss: {
-                                    width: '100%',
-                                    height: 40,
-                                    scrollSnapAlign: 'start'
-                                }, css: {
-                                    width: '100%',
-                                    _placeholder_parent: {
-                                        textOverflow: 'ellipsis'
-                                    }
-                                }, value: currencySearchInput, onChange: (e) => {
+                }, className: "relay:flex relay:flex-col relay:w-full relay:gap-1 relay:overflow-y-auto relay:h-[calc(100%-24px)] relay:scroll-pt-[40px]", children: [(0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: "input", asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:sticky relay:py-2 relay:z-[1] relay:top-0 relay:bg-[var(--relay-colors-modal-background)]", children: (0, jsx_runtime_1.jsx)(index_js_1.Input, { placeholder: "Search for a currency", icon: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:flex relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faMagnifyingGlass_1.faMagnifyingGlass, width: 16, height: 16 }) }), containerClassName: "relay:w-full", style: { scrollSnapAlign: 'start' }, className: "relay:w-full relay:h-[40px]", value: currencySearchInput, onChange: (e) => {
                                     setCurrencySearchInput(e.target.value);
                                 } }) }) }), filteredCurrencies.map((currency, i) => {
                         const active = fiatCurrency.code === currency.code;
-                        return ((0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: currency.code, asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", css: {
-                                    scrollSnapAlign: 'start',
-                                    p: '2',
-                                    mb: i + 1 < (fiatCurrencies?.length ?? 0) ? '1' : 0,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    gap: '2',
-                                    position: 'relative',
-                                    ...(active && {
-                                        _before: {
-                                            content: '""',
-                                            position: 'absolute',
-                                            borderRadius: 8,
-                                            top: 0,
-                                            left: 0,
-                                            width: '100%',
-                                            height: '100%',
-                                            opacity: 0.15,
-                                            backgroundColor: 'primary-color',
-                                            zIndex: -1
-                                        }
-                                    }),
-                                    transition: 'backdrop-filter 250ms linear',
-                                    _hover: {
-                                        backgroundColor: active ? '' : 'gray/10'
-                                    },
-                                    '--focusColor': 'colors.focus-color',
-                                    _focusVisible: {
-                                        boxShadow: 'inset 0 0 0 2px var(--focusColor)'
-                                    },
-                                    '&[data-state="on"]': {
-                                        boxShadow: 'inset 0 0 0 2px var(--focusColor)'
-                                    },
-                                    _active: {
-                                        boxShadow: 'inset 0 0 0 2px var(--focusColor)'
-                                    },
-                                    _focusWithin: {
-                                        boxShadow: 'inset 0 0 0 2px var(--focusColor)'
-                                    }
-                                }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '2' }, children: [(0, jsx_runtime_1.jsx)("img", { src: currency.icon, alt: `${currency.name} icon`, style: { width: 32, height: 32, borderRadius: '50%' } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '2px', textAlign: 'left' }, direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: currency.name }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", children: currency.code.toUpperCase() })] })] }) }) }, currency.code));
-                    }), filteredCurrencies.length === 0 ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: { textAlign: 'center', py: '5' }, children: "No results found." })) : null] })] }));
+                        return ((0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: currency.code, asChild: true, children: (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", size: "none", className: (0, cn_js_1.cn)('relay:p-2 relay:flex relay:items-center relay:gap-2 relay:relative', 'relay:transition-[backdrop-filter] relay:duration-[250ms] relay:ease-linear', 'relay:focus-visible:shadow-[inset_0_0_0_2px_var(--relay-colors-focus-color)]', 'relay:[&[data-state=on]]:shadow-[inset_0_0_0_2px_var(--relay-colors-focus-color)]', 'relay:active:shadow-[inset_0_0_0_2px_var(--relay-colors-focus-color)]', !active && 'relay:hover:bg-[rgba(128,128,128,0.1)]', i + 1 < (fiatCurrencies?.length ?? 0) ? 'relay:mb-1' : ''), style: { scrollSnapAlign: 'start' }, children: [active ? ((0, jsx_runtime_1.jsx)("div", { className: "relay:absolute relay:rounded-[8px] relay:top-0 relay:left-0 relay:w-full relay:h-full relay:opacity-[0.15] relay:z-[-1] relay:bg-[var(--relay-colors-primary-color)]" })) : null, (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: currency.icon, alt: `${currency.name} icon`, className: "relay:w-[32px] relay:h-[32px] relay:rounded-full" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:gap-[2px] relay:text-left", direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: currency.name }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", children: currency.code.toUpperCase() })] })] })] }) }, currency.code));
+                    }), filteredCurrencies.length === 0 ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", className: "relay:text-center relay:py-5", children: "No results found." })) : null] })] }));
 };
 exports.default = FiatCurrencyModal;
 //# sourceMappingURL=FiatCurrencyModal.js.map

package/_cjs/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiatCurrencyModal.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FiatCurrencyModal.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/widgets/OnrampWidget/widget/index.js

@@ -7,7 +7,10 @@ const index_js_1 = require("../../../primitives/index.js");
 const AmountInput_js_1 = tslib_1.__importDefault(require("../../../common/AmountInput.js"));
 const react_1 = require("react");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faArrowDownLong_1 = require("@fortawesome/free-solid-svg-icons/faArrowDownLong");
+const faArrowUpLong_1 = require("@fortawesome/free-solid-svg-icons/faArrowUpLong");
+const faClipboard_1 = require("@fortawesome/free-solid-svg-icons/faClipboard");
+const faCreditCard_1 = require("@fortawesome/free-solid-svg-icons/faCreditCard");
 const TokenSelector_js_1 = tslib_1.__importDefault(require("../../../common/TokenSelector/TokenSelector.js"));
 const events_js_1 = require("../../../../constants/events.js");
 const TokenTrigger_js_1 = require("../../../common/TokenSelector/triggers/TokenTrigger.js");
@@ -83,21 +86,7 @@ const OnrampWidget = ({ defaultWalletAddress, moonPayApiKey, moonpayOnUrlSignatu
                         minimumSignificantDigits: 1,
                         maximumSignificantDigits: amount.length
                     }).format(+amount);
-            return ((0, jsx_runtime_1.jsxs)("div", { className: "relay-kit-reset", style: { maxWidth: 408, minWidth: 320, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", css: {
-                            gap: '2',
-                            border: 'widget-border',
-                            width: '100%'
-                        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
-                                width: '100%',
-                                overflow: 'hidden',
-                                borderRadius: 'widget-card-border-radius',
-                                backgroundColor: 'widget-background',
-                                border: 'widget-card-border',
-                                mb: 'widget-card-section-gutter',
-                                px: '4',
-                                pt: '40px',
-                                pb: '24px'
-                            }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", css: { textAlign: 'center' }, children: "Enter an amount" }), (0, jsx_runtime_1.jsx)(AmountInput_js_1.default, { value: displayCurrency
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "relay-kit-reset relay:max-w-[408px] relay:min-w-[320px] relay:w-full", children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", className: "relay:gap-2 relay:w-full relay:border-widget", children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:w-full relay:overflow-hidden relay:px-4 relay:pt-[40px] relay:pb-[24px] relay:rounded-widget-card relay:bg-[var(--relay-colors-widget-background)] relay:border-widget-card relay:mb-[var(--relay-spacing-widget-card-section-gutter)]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", className: "relay:text-center", children: "Enter an amount" }), (0, jsx_runtime_1.jsx)(AmountInput_js_1.default, { value: displayCurrency
                                         ? amountToToken !== ''
                                             ? `${amountToToken} ${token.symbol}`
                                             : ''
@@ -158,7 +147,7 @@ const OnrampWidget = ({ defaultWalletAddress, moonPayApiKey, moonpayOnUrlSignatu
                                             }
                                         }
                                         input.style.caretColor = 'initial';
-                                    }, css: {
+                                    }, className: "relay:text-center relay:whitespace-pre", inputStyle: {
                                         fontWeight: '700',
                                         fontSize: 48,
                                         lineHeight: '58px',
@@ -166,24 +155,10 @@ const OnrampWidget = ({ defaultWalletAddress, moonPayApiKey, moonpayOnUrlSignatu
                                         textIndent: amount === '' || amountToToken === ''
                                             ? '-36px'
                                             : undefined,
-                                        whiteSpace: 'pre',
-                                        _placeholder: {
-                                            color: 'text-subtle'
-                                        }
-                                    }, containerCss: {
-                                        mb: '2',
-                                        width: '100%'
-                                    } }), notEnoughFiat ? ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { color: "red", css: { mb: 24, textAlign: 'center' }, children: ["Minimum amount is", ' ', displayCurrency && minAmountCurrency
+                                        whiteSpace: 'pre'
+                                    }, containerClassName: "relay:mb-2 relay:w-full" }), notEnoughFiat ? ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { color: "red", className: "relay:mb-[24px] relay:text-center", children: ["Minimum amount is", ' ', displayCurrency && minAmountCurrency
                                             ? `${minAmountCurrency} ${token.symbol}`
-                                            : '$20'] })) : undefined, (0, jsx_runtime_1.jsxs)("button", { style: {
-                                        gap: '8px',
-                                        cursor: 'pointer',
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'center',
-                                        marginBottom: '16px',
-                                        alignSelf: 'center'
-                                    }, onClick: () => {
+                                            : '$20'] })) : undefined, (0, jsx_runtime_1.jsxs)("button", { className: "relay:gap-2 relay:cursor-pointer relay:flex relay:items-center relay:justify-center relay:mb-[16px] relay:self-center", onClick: () => {
                                         const _displayCurrency = !displayCurrency;
                                         setDisplayCurrency(_displayCurrency);
                                         if (_displayCurrency) {
@@ -195,75 +170,19 @@ const OnrampWidget = ({ defaultWalletAddress, moonPayApiKey, moonpayOnUrlSignatu
                                         }
                                     }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body2", color: "subtle", children: displayCurrency
                                                 ? formattedAmount
-                                                : `${amountToTokenFormatted} ${token.symbol}` }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: {
-                                                color: 'gray8'
-                                            }, children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { style: { height: 14 }, icon: free_solid_svg_icons_1.faArrowUpLong }), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { style: { height: 14 }, icon: free_solid_svg_icons_1.faArrowDownLong })] })] }), (0, jsx_runtime_1.jsx)(TokenSelector_js_1.default, { address: recipient, isValidAddress: isValidRecipient, token: token, onAnalyticEvent: onAnalyticEvent, fromChainWalletVMSupported: false, supportedWalletVMs: [], setToken: (token) => {
+                                                : `${amountToTokenFormatted} ${token.symbol}` }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:text-[color:var(--relay-colors-gray8)]", children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { className: "relay:h-[14px]", icon: faArrowUpLong_1.faArrowUpLong }), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { className: "relay:h-[14px]", icon: faArrowDownLong_1.faArrowDownLong })] })] }), (0, jsx_runtime_1.jsx)(TokenSelector_js_1.default, { address: recipient, isValidAddress: isValidRecipient, token: token, onAnalyticEvent: onAnalyticEvent, fromChainWalletVMSupported: false, supportedWalletVMs: [], setToken: (token) => {
                                         setToken(token);
                                         onTokenChange?.(token);
-                                    }, context: "to", trigger: (0, jsx_runtime_1.jsx)("div", { style: {
-                                            width: 'max-content',
-                                            margin: '0 auto',
-                                            marginBottom: '16px'
-                                        }, "data-testid": "onramp-token-select-button", children: (0, jsx_runtime_1.jsx)(TokenTrigger_js_1.TokenTrigger, { token: token }) }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '2', margin: '0 auto' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "white", corners: "pill", css: {
-                                                minHeight: 28,
-                                                px: 3,
-                                                py: 1,
-                                                _light: {
-                                                    filter: amount === '100' && !displayCurrency
-                                                        ? 'brightness(97%)'
-                                                        : undefined
-                                                },
-                                                _dark: {
-                                                    filter: amount === '100' && !displayCurrency
-                                                        ? 'brightness(130%)'
-                                                        : undefined
-                                                }
-                                            }, onClick: () => {
+                                    }, context: "to", trigger: (0, jsx_runtime_1.jsx)("div", { className: "relay:w-max relay:mx-auto relay:mb-[16px]", "data-testid": "onramp-token-select-button", children: (0, jsx_runtime_1.jsx)(TokenTrigger_js_1.TokenTrigger, { token: token }) }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:gap-2 relay:mx-auto", children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "white", corners: "pill", size: "none", className: "relay:h-[30px] relay:px-[14px] relay:py-[4px] relay:text-[14px]", onClick: () => {
                                                 setDisplayCurrency(false);
                                                 setInputValue('100', false);
-                                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "$100" }) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "white", corners: "pill", css: {
-                                                minHeight: 28,
-                                                px: 3,
-                                                py: 1,
-                                                _light: {
-                                                    filter: amount === '300' && !displayCurrency
-                                                        ? 'brightness(97%)'
-                                                        : undefined
-                                                },
-                                                _dark: {
-                                                    filter: amount === '300' && !displayCurrency
-                                                        ? 'brightness(130%)'
-                                                        : undefined
-                                                }
-                                            }, onClick: () => {
+                                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "$100" }) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "white", corners: "pill", size: "none", className: "relay:h-[30px] relay:px-[14px] relay:py-[4px] relay:text-[14px]", onClick: () => {
                                                 setDisplayCurrency(false);
                                                 setInputValue('300', false);
-                                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "$300" }) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "white", corners: "pill", css: {
-                                                minHeight: 28,
-                                                px: 3,
-                                                py: 1,
-                                                _light: {
-                                                    filter: amount === '1000' && !displayCurrency
-                                                        ? 'brightness(97%)'
-                                                        : undefined
-                                                },
-                                                _dark: {
-                                                    filter: amount === '1000' && !displayCurrency
-                                                        ? 'brightness(130%)'
-                                                        : undefined
-                                                }
-                                            }, onClick: () => {
+                                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "$300" }) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "white", corners: "pill", size: "none", className: "relay:h-[30px] relay:px-[14px] relay:py-[4px] relay:text-[14px]", onClick: () => {
                                                 setDisplayCurrency(false);
                                                 setInputValue('1000', false);
-                                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "$1,000" }) })] })] }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
-                            width: '100%',
-                            overflow: 'hidden',
-                            borderRadius: 'widget-card-border-radius',
-                            backgroundColor: 'widget-background',
-                            border: 'widget-card-border',
-                            mb: 'widget-card-section-gutter',
-                            p: '4'
-                        }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", align: "center", css: { mb: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "subtitle2", children: "Recipient" }), multiWalletSupportEnabled === true &&
+                                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "$1,000" }) })] })] }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:w-full relay:overflow-hidden relay:p-4 relay:rounded-widget-card relay:bg-[var(--relay-colors-widget-background)] relay:border-widget-card relay:mb-[var(--relay-spacing-widget-card-section-gutter)]", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", align: "center", className: "relay:mb-2", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "subtitle2", children: "Recipient" }), multiWalletSupportEnabled === true &&
                                         toChainWalletVMSupported ? ((0, jsx_runtime_1.jsx)(MultiWalletDropdown_js_1.MultiWalletDropdown, { context: "destination", selectedWalletAddress: recipient, onSelect: (wallet) => setRecipient(wallet.address), chain: toChain, onLinkNewWallet: () => {
                                             if ((!linkedWallets || linkedWallets.length === 0) &&
                                                 toChainWalletVMSupported) {
@@ -279,25 +198,12 @@ const OnrampWidget = ({ defaultWalletAddress, moonPayApiKey, moonpayOnUrlSignatu
                                             }
                                         }, setAddressModalOpen: setAddressModalOpen, wallets: linkedWallets, onAnalyticEvent: onAnalyticEvent, disablePasteWalletAddressOption: disablePasteWalletAddressOption, testId: "onramp-wallet-select-button" })) : null, !multiWalletSupportEnabled || !toChainWalletVMSupported ? ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: isValidRecipient && !isRecipientLinked
                                             ? 'warning'
-                                            : 'secondary', corners: "pill", size: "none", css: {
-                                            display: 'flex',
-                                            alignItems: 'center',
-                                            px: '2',
-                                            py: '1'
-                                        }, onClick: () => {
+                                            : 'secondary', corners: "pill", size: "none", className: "relay:flex relay:items-center relay:px-2 relay:py-1", onClick: () => {
                                             setAddressModalOpen(true);
                                             onAnalyticEvent?.(events_js_1.EventNames.SWAP_ADDRESS_MODAL_CLICKED);
-                                        }, children: [isValidRecipient && !isRecipientLinked ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'amber11' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faClipboard, width: 16, height: 16 }) })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: {
-                                                    color: isValidRecipient && !isRecipientLinked
-                                                        ? 'amber11'
-                                                        : 'anchor-color'
-                                                }, children: !isValidRecipient ? `Enter Address` : toDisplayName })] })) : null] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", align: "center", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "subtitle2", children: "Paying with" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: {
-                                            alignItems: 'center',
-                                            gap: '2',
-                                            ml: 'auto',
-                                            mr: '2',
-                                            color: 'gray9'
-                                        }, children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { style: { width: 16 }, icon: free_solid_svg_icons_1.faCreditCard }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Card" })] })] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, css: { width: '100%', justifyContent: 'center' }, disabled: notEnoughFiat, onClick: () => {
+                                        }, children: [isValidRecipient && !isRecipientLinked ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-amber11)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faClipboard_1.faClipboard, width: 16, height: 16 }) })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", className: isValidRecipient && !isRecipientLinked
+                                                    ? 'relay:text-[color:var(--relay-colors-amber11)]'
+                                                    : 'relay:text-[color:var(--relay-colors-anchor-color)]', children: !isValidRecipient ? `Enter Address` : toDisplayName })] })) : null] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", align: "center", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "subtitle2", children: "Paying with" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:items-center relay:gap-2 relay:ml-auto relay:mr-2 relay:text-[color:var(--relay-colors-gray9)]", children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { style: { width: 16 }, icon: faCreditCard_1.faCreditCard }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Card" })] })] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, className: "relay:w-full relay:justify-center", disabled: notEnoughFiat, onClick: () => {
                             if (!recipient && toChainWalletVMSupported) {
                                 if (!linkedWallets || linkedWallets.length === 0) {
                                     onConnectWallet?.();

package/_cjs/src/components/widgets/OnrampWidget/widget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/OnrampWidget/widget/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/OnrampWidget/widget/index.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/widgets/PriceImpactTooltip.js

@@ -11,18 +11,12 @@ const getFeeColor = (value) => {
     return value > 0 ? 'success' : undefined;
 };
 const PriceImpactTooltip = ({ feeBreakdown, children, tooltipProps }) => {
-    return ((0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { content: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { minWidth: 200 }, direction: "column", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", css: { mr: 'auto' }, children: ["Total Price Impact", ' '] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", css: { mr: '1', ml: '2' }, color: feeBreakdown?.totalFees?.priceImpactColor, children: feeBreakdown?.totalFees.priceImpact }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", color: feeBreakdown?.totalFees?.priceImpactColor, children: ["(", feeBreakdown?.totalFees.priceImpactPercentage, ")"] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
-                        width: '100%',
-                        height: 1,
-                        backgroundColor: 'slate.6',
-                        marginTop: '2',
-                        marginBottom: '2'
-                    } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", css: { mr: 'auto' }, children: "Swap Impact" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: getFeeColor(feeBreakdown?.totalFees?.swapImpact?.value), children: feeBreakdown?.totalFees?.swapImpact?.formatted })] }), feeBreakdown?.breakdown.map((fee) => {
+    return ((0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { content: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:min-w-[200px]", direction: "column", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:w-full", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", className: "relay:mr-auto", children: ["Total Price Impact", ' '] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", className: "relay:mr-1 relay:ml-2", color: feeBreakdown?.totalFees?.priceImpactColor, children: feeBreakdown?.totalFees.priceImpact }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", color: feeBreakdown?.totalFees?.priceImpactColor, children: ["(", feeBreakdown?.totalFees.priceImpactPercentage, ")"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "relay:w-full relay:h-px relay:bg-[var(--relay-colors-slate-6)] relay:my-2" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:w-full", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", className: "relay:mr-auto", children: "Swap Impact" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: getFeeColor(feeBreakdown?.totalFees?.swapImpact?.value), children: feeBreakdown?.totalFees?.swapImpact?.formatted })] }), feeBreakdown?.breakdown.map((fee) => {
                     if (fee.id === 'origin-gas') {
                         return null;
                     }
-                    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", css: { mr: 'auto' }, children: fee.name }), feeBreakdown.isGasSponsored && fee.usd.value === 0 ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "success", children: "Free" })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: getFeeColor(fee.usd.value), children: fee.usd.formatted }))] }, fee.id));
-                }), (0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: "https://docs.relay.link/references/api/api_core_concepts/fees#relay-fees", target: "_blank", rel: "noopener noreferrer", css: { color: 'primary11', fontSize: 12 }, children: "Learn more about the fees" })] }), ...tooltipProps, children: children }));
+                    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:w-full", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", className: "relay:mr-auto", children: fee.name }), feeBreakdown.isGasSponsored && fee.usd.value === 0 ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "success", children: "Free" })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: getFeeColor(fee.usd.value), children: fee.usd.formatted }))] }, fee.id));
+                }), (0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: "https://docs.relay.link/references/api/api_core_concepts/fees#relay-fees", target: "_blank", rel: "noopener noreferrer", className: "relay:text-[color:var(--relay-colors-primary11)] relay:!text-[12px]", children: "Learn more about the fees" })] }), ...tooltipProps, children: children }));
 };
 exports.PriceImpactTooltip = PriceImpactTooltip;
 //# sourceMappingURL=PriceImpactTooltip.js.map

package/_cjs/src/components/widgets/PriceImpactTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceImpactTooltip.js","sourceRoot":"","sources":["../../../../src/components/widgets/PriceImpactTooltip.tsx"],"names":[],"mappings":";;;;;AACA,qDAAgE;AAChE,kFAA8C;AAS9C,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,EAAE;IAChD,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IACxD,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;AAC1C,CAAC,CAAA;AAEM,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,YAAY,EACZ,QAAQ,EACR,YAAY,EACb,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,oBAAO,IACN,OAAO,EACL,wBAAC,eAAI,IAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,SAAS,EAAC,QAAQ,aAC9C,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACzC,wBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,mCACtB,GAAG,IACjB,EACP,uBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EACzB,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,YAE/C,YAAY,EAAE,SAAS,CAAC,WAAW,GAC/B,EACP,wBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,kBAE9C,YAAY,EAAE,SAAS,CAAC,qBAAqB,SAC1C,IACF,EACP,uBAAC,cAAG,IACF,GAAG,EAAE;wBACH,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,CAAC;wBACT,eAAe,EAAE,SAAS;wBAC1B,SAAS,EAAE,GAAG;wBACd,YAAY,EAAE,GAAG;qBAClB,GACD,EACF,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACzC,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,4BAEnD,EACP,uBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,YAE7D,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,GAC1C,IACF,EACN,YAAY,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACnC,IAAI,GAAG,CAAC,EAAE,KAAK,YAAY,EAAE,CAAC;wBAC5B,OAAO,IAAI,CAAA;oBACb,CAAC;oBACD,OAAO,CACL,wBAAC,eAAI,IAAc,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACtD,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,YACvD,GAAG,CAAC,IAAI,GACJ,EACN,YAAY,CAAC,cAAc,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACpD,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,qBAEhC,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,YACtD,GAAG,CAAC,GAAG,CAAC,SAAS,GACb,CACR,KAZQ,GAAG,CAAC,EAAE,CAaV,CACR,CAAA;gBACH,CAAC,CAAC,EAGF,uBAAC,iBAAM,IACL,IAAI,EAAC,0EAA0E,EAC/E,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,0CAGlC,IACJ,KAEL,YAAY,YAEf,QAAQ,GACD,CACX,CAAA;AACH,CAAC,CAAA;AArFY,QAAA,kBAAkB,sBAqF9B"}
+{"version":3,"file":"PriceImpactTooltip.js","sourceRoot":"","sources":["../../../../src/components/widgets/PriceImpactTooltip.tsx"],"names":[],"mappings":";;;;;AACA,qDAA2D;AAC3D,kFAA8C;AAS9C,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,EAAE;IAChD,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IACxD,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;AAC1C,CAAC,CAAA;AAEM,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,YAAY,EACZ,QAAQ,EACR,YAAY,EACb,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,oBAAO,IACN,OAAO,EACL,wBAAC,eAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,SAAS,EAAC,QAAQ,aACtD,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,aAC3C,wBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,eAAe,mCAC5B,GAAG,IACjB,EACP,uBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,YAE/C,YAAY,EAAE,SAAS,CAAC,WAAW,GAC/B,EACP,wBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,kBAE9C,YAAY,EAAE,SAAS,CAAC,qBAAqB,SAC1C,IACF,EACP,gCACE,SAAS,EAAC,2EAA2E,GACrF,EACF,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,aAC3C,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,4BAEzD,EACP,uBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,YAE7D,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,GAC1C,IACF,EACN,YAAY,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACnC,IAAI,GAAG,CAAC,EAAE,KAAK,YAAY,EAAE,CAAC;wBAC5B,OAAO,IAAI,CAAA;oBACb,CAAC;oBACD,OAAO,CACL,wBAAC,eAAI,IAAc,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,aACxD,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,YAC7D,GAAG,CAAC,IAAI,GACJ,EACN,YAAY,CAAC,cAAc,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACpD,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,qBAEhC,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,YACtD,GAAG,CAAC,GAAG,CAAC,SAAS,GACb,CACR,KAZQ,GAAG,CAAC,EAAE,CAaV,CACR,CAAA;gBACH,CAAC,CAAC,EAGF,uBAAC,iBAAM,IACL,IAAI,EAAC,0EAA0E,EAC/E,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,qEAAqE,0CAGxE,IACJ,KAEL,YAAY,YAEf,QAAQ,GACD,CACX,CAAA;AACH,CAAC,CAAA;AA/EY,QAAA,kBAAkB,sBA+E9B"}

package/_cjs/src/components/widgets/SwapButton.js

@@ -4,6 +4,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_js_1 = require("../primitives/index.js");
 const index_js_2 = require("../../hooks/index.js");
 const events_js_1 = require("../../constants/events.js");
+const cn_js_1 = require("../../utils/cn.js");
 const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFromAddress, isValidToAddress, context, showHighPriceImpactWarning = false, disableSwapButton = false, tokenWidgetMode = false, hasValidAmount = true, onConnectWallet, quote, address, hasInsufficientBalance, isInsufficientLiquidityError, debouncedInputAmountValue, debouncedOutputAmountValue, isSameCurrencySameRecipientSwap, fromChainWalletVMSupported, recipientWalletSupportsChain, onClick, ctaCopy, onAnalyticEvent, isFetchingQuote }) => {
     const isMounted = (0, index_js_2.useMounted)();
     if (isMounted && (address || !fromChainWalletVMSupported)) {
@@ -33,25 +34,13 @@ const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFrom
         const buttonLabel = tokenWidgetMode && isFetchingQuote && hasValidAmount
             ? 'Fetching quote'
             : ctaCopy;
-        return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { css: {
-                justifyContent: 'center',
-                width: tokenWidgetMode ? '100%' : undefined,
-                ...(!tokenWidgetMode && {
-                    textTransform: 'none'
-                })
-            }, color: showHighPriceImpactWarning ? 'error' : 'primary', "aria-label": context, cta: true, disabled: buttonDisabled, "data-testid": tokenWidgetMode ? 'token-action-button' : 'swap-button', onClick: () => {
+        return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { className: (0, cn_js_1.cn)('relay:justify-center relay:w-full', !tokenWidgetMode && 'relay:normal-case'), color: showHighPriceImpactWarning ? 'error' : 'primary', "aria-label": context, cta: true, disabled: buttonDisabled, "data-testid": tokenWidgetMode ? 'token-action-button' : 'swap-button', onClick: () => {
                 if (!buttonDisabled) {
                     onClick();
                 }
             }, children: buttonLabel }));
     }
-    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, css: {
-            justifyContent: 'center',
-            width: tokenWidgetMode ? '100%' : undefined,
-            ...(!tokenWidgetMode && {
-                textTransform: 'none'
-            })
-        }, "aria-label": "Connect wallet", onClick: () => {
+    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, className: (0, cn_js_1.cn)('relay:justify-center relay:w-full', !tokenWidgetMode && 'relay:normal-case'), "aria-label": "Connect wallet", onClick: () => {
             if (!onConnectWallet) {
                 throw 'Missing onWalletConnect function';
             }

package/_cjs/src/components/widgets/SwapButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapButton.js","sourceRoot":"","sources":["../../../../src/components/widgets/SwapButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SwapButton.js","sourceRoot":"","sources":["../../../../src/components/widgets/SwapButton.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/widgets/SwapWidget/GasTopUpSection.js

@@ -4,7 +4,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_js_1 = require("../../primitives/index.js");
 const numbers_js_1 = require("../../../utils/numbers.js");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faClose_1 = require("@fortawesome/free-solid-svg-icons/faClose");
+const faPlus_1 = require("@fortawesome/free-solid-svg-icons/faPlus");
 const relay_sdk_1 = require("@relayprotocol/relay-sdk");
 const GasTopUpSection = ({ toChain, gasTopUpEnabled, onGasTopUpEnabled, gasTopUpRequired, gasTopUpAmount, gasTopUpAmountUsd, gasTopUpBalance }) => {
     const currency = toChain?.currency;
@@ -13,19 +14,13 @@ const GasTopUpSection = ({ toChain, gasTopUpEnabled, onGasTopUpEnabled, gasTopUp
         return null;
     }
     const currencyIcon = `${relay_sdk_1.ASSETS_RELAY_API}/icons/currencies/${currency?.id ?? currency?.symbol?.toLowerCase() ?? toChain?.id}.png`;
-    return ((0, jsx_runtime_1.jsx)(index_js_1.Pill, { color: "primary", css: { display: 'flex', alignItems: 'center', cursor: 'pointer' }, onClick: () => {
+    return ((0, jsx_runtime_1.jsx)(index_js_1.Pill, { color: "primary", className: "relay:flex relay:items-center relay:cursor-pointer relay:self-start", onClick: () => {
             onGasTopUpEnabled(!gasTopUpEnabled);
-        }, children: gasTopUpEnabled ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", css: {
-                        color: 'primary12',
-                        mr: '2'
-                    }, children: ["+", gasTopUpAmount
+        }, children: gasTopUpEnabled ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", className: "relay:mr-2", color: "primary12", children: ["+", gasTopUpAmount
                             ? (0, numbers_js_1.formatBN)(gasTopUpAmount, 5, currency.decimals ?? 18)
-                            : '-', ' ', gasTopUpAmountUsd ? `(${(0, numbers_js_1.formatDollar)(+gasTopUpAmountUsd)})` : '-'] }), (0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toChain?.id, tokenlogoURI: currencyIcon, size: "sm", chainRadius: 2 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", ellipsify: true, children: toChain?.currency?.symbol }), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faClose })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", css: {
-                        color: 'primary12',
-                        mr: '6px'
-                    }, children: ["Add Gas (Balance:", ' ', gasTopUpBalance
+                            : '-', ' ', gasTopUpAmountUsd ? `(${(0, numbers_js_1.formatDollar)(+gasTopUpAmountUsd)})` : '-'] }), (0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toChain?.id, tokenlogoURI: currencyIcon, size: "sm", chainRadius: 2 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "primary12", ellipsify: true, children: toChain?.currency?.symbol }), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faClose_1.faClose })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", className: "relay:mr-[6px]", color: "primary12", children: ["Add Gas (Balance:", ' ', gasTopUpBalance
                             ? (0, numbers_js_1.formatBN)(gasTopUpBalance, 5, currency.decimals ?? 18)
-                            : '0', ' ', currency.symbol, ")"] }), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faPlus })] })) }));
+                            : '0', ' ', currency.symbol, ")"] }), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faPlus_1.faPlus })] })) }));
 };
 exports.default = GasTopUpSection;
 //# sourceMappingURL=GasTopUpSection.js.map

package/_cjs/src/components/widgets/SwapWidget/GasTopUpSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"GasTopUpSection.js","sourceRoot":"","sources":["../../../../../src/components/widgets/SwapWidget/GasTopUpSection.tsx"],"names":[],"mappings":";;;AAEA,wDAAsE;AACtE,0DAAkE;AAClE,sEAAgE;AAChE,4EAAmE;AACnE,wDAA2D;AAY3D,MAAM,eAAe,GAAc,CAAC,EAClC,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAA;IAClC,MAAM,mBAAmB,GAAG,OAAO,EAAE,QAAQ,EAAE,gBAAgB,CAAA;IAE/D,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3D,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,YAAY,GAAG,GAAG,4BAAgB,qBACtC,QAAQ,EAAE,EAAE,IAAI,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,OAAO,EAAE,EAC9D,MAAM,CAAA;IAEN,OAAO,CACL,uBAAC,eAAI,IACH,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EACjE,OAAO,EAAE,GAAG,EAAE;YACZ,iBAAiB,CAAC,CAAC,eAAe,CAAC,CAAA;QACrC,CAAC,YAEA,eAAe,CAAC,CAAC,CAAC,CACjB,6DACE,wBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE;wBACH,KAAK,EAAE,WAAW;wBAClB,EAAE,EAAE,GAAG;qBACR,kBAGA,cAAc;4BACb,CAAC,CAAC,IAAA,qBAAQ,EAAC,cAAc,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;4BACtD,CAAC,CAAC,GAAG,EAAE,GAAG,EACX,iBAAiB,CAAC,CAAC,CAAC,IAAI,IAAA,yBAAY,EAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAC7D,EACP,uBAAC,yBAAc,IACb,OAAO,EAAE,OAAO,EAAE,EAAE,EACpB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,CAAC,GACd,EACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,kBAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,GACrB,EACP,uBAAC,mCAAe,IAAC,IAAI,EAAE,8BAAO,GAAI,IACjC,CACJ,CAAC,CAAC,CAAC,CACF,6DACE,wBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE;wBACH,KAAK,EAAE,WAAW;wBAClB,EAAE,EAAE,KAAK;qBACV,kCAEiB,GAAG,EACpB,eAAe;4BACd,CAAC,CAAC,IAAA,qBAAQ,EAAC,eAAe,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;4BACvD,CAAC,CAAC,GAAG,EAAE,GAAG,EACX,QAAQ,CAAC,MAAM,SACX,EACP,uBAAC,mCAAe,IAAC,IAAI,EAAE,6BAAM,GAAI,IAChC,CACJ,GACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
+{"version":3,"file":"GasTopUpSection.js","sourceRoot":"","sources":["../../../../../src/components/widgets/SwapWidget/GasTopUpSection.tsx"],"names":[],"mappings":";;;AAEA,wDAAsE;AACtE,0DAAkE;AAClE,sEAAgE;AAChE,uEAAmE;AACnE,qEAAiE;AACjE,wDAA2D;AAY3D,MAAM,eAAe,GAAc,CAAC,EAClC,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAA;IAClC,MAAM,mBAAmB,GAAG,OAAO,EAAE,QAAQ,EAAE,gBAAgB,CAAA;IAE/D,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3D,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,YAAY,GAAG,GAAG,4BAAgB,qBACtC,QAAQ,EAAE,EAAE,IAAI,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,OAAO,EAAE,EAC9D,MAAM,CAAA;IAEN,OAAO,CACL,uBAAC,eAAI,IACH,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,qEAAqE,EAC/E,OAAO,EAAE,GAAG,EAAE;YACZ,iBAAiB,CAAC,CAAC,eAAe,CAAC,CAAA;QACrC,CAAC,YAEA,eAAe,CAAC,CAAC,CAAC,CACjB,6DACE,wBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,WAAW,kBAGhB,cAAc;4BACb,CAAC,CAAC,IAAA,qBAAQ,EAAC,cAAc,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;4BACtD,CAAC,CAAC,GAAG,EAAE,GAAG,EACX,iBAAiB,CAAC,CAAC,CAAC,IAAI,IAAA,yBAAY,EAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAC7D,EACP,uBAAC,yBAAc,IACb,OAAO,EAAE,OAAO,EAAE,EAAE,EACpB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,CAAC,GACd,EACF,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,kBAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,GACrB,EACP,uBAAC,mCAAe,IAAC,IAAI,EAAE,iBAAO,GAAI,IACjC,CACJ,CAAC,CAAC,CAAC,CACF,6DACE,wBAAC,eAAI,IACH,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAC,WAAW,kCAEC,GAAG,EACpB,eAAe;4BACd,CAAC,CAAC,IAAA,qBAAQ,EAAC,eAAe,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;4BACvD,CAAC,CAAC,GAAG,EAAE,GAAG,EACX,QAAQ,CAAC,MAAM,SACX,EACP,uBAAC,mCAAe,IAAC,IAAI,EAAE,eAAM,GAAI,IAChC,CACJ,GACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}