@funkit/connect 5.5.18 → 5.5.20
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/CHANGELOG.md +44 -0
- package/dist/{chunk-VBAZNW44.js → chunk-ES634CAR.js} +1 -1
- package/dist/{chunk-H5N35KZJ.js → chunk-K4APSFTL.js} +1 -1
- package/dist/{chunk-5XBODEZO.js → chunk-OV3P5HQK.js} +1 -1
- package/dist/components/Box/Box.d.ts +21 -21
- package/dist/components/Dropdown/ChainDropdown.d.ts +2 -1
- package/dist/components/FunBottomBar/FunBottomBar.css.d.ts +1 -1
- package/dist/components/FunInfoBanner/InfoBanner.d.ts +1 -0
- package/dist/components/FunTooltip/FunTooltip.d.ts +5 -1
- package/dist/css/sprinkles.css.d.ts +21 -21
- package/dist/hooks/queries/useWithdrawalQuote.d.ts +1 -1
- package/dist/hooks/useTokenChain.d.ts +1 -0
- package/dist/index.css +2688 -2643
- package/dist/index.d.ts +1 -1
- package/dist/index.js +4679 -3911
- package/dist/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.d.ts +1 -0
- package/dist/modals/CheckoutModal/ConfirmationStep/ConfirmationStepLoading.d.ts +3 -0
- package/dist/modals/CheckoutModal/LoadingAccount.d.ts +4 -2
- package/dist/modals/CheckoutModal/stepTransition.d.ts +3 -2
- package/dist/modals/WithdrwalModal/WithdrawalContent.d.ts +1 -1
- package/dist/providers/FunkitCheckoutContext.d.ts +15 -0
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/utils/address.d.ts +7 -0
- package/dist/utils/checkout.d.ts +1 -1
- package/dist/utils/flags/config.d.ts +28 -0
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitskiWallet/bitskiWallet.js +2 -2
- package/dist/wallets/walletConnectors/braveWallet/braveWallet.js +2 -2
- package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
- package/dist/wallets/walletConnectors/{chunk-KR6JBW5E.js → chunk-2GJQ4XZQ.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-G73C6P5P.js → chunk-2HYNUNAS.js} +112 -40
- package/dist/wallets/walletConnectors/{chunk-2UCNRD7H.js → chunk-2KUBG3S6.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-FRGSRLTS.js → chunk-2L43XSW3.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-6ONTSPEY.js → chunk-2STUC6QL.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-ZSVTX6EK.js → chunk-362NXNTM.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-MOOBCMMB.js → chunk-3CICVJUN.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-A5APNTGL.js → chunk-5W7VDOCL.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-LMZMXEXL.js → chunk-7QONTUXT.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-W6N74MS3.js → chunk-A5N6B5UW.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-3U3BMEH5.js → chunk-AFXHGWBH.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-BVX4XGNP.js → chunk-BBOM42DL.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-NO7XMBB5.js → chunk-BOU4WKRZ.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-PB254NQ4.js → chunk-BPZ2XJO2.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-PIUNLQJG.js → chunk-BYXPFMI7.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-GSOYKKIS.js → chunk-CJGUM55H.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-XYBEMO3C.js → chunk-CNPKISHN.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-SLOIIJGP.js → chunk-D6AOOO5F.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-WRA2DVJ7.js → chunk-DNSG5Q7V.js} +23 -9
- package/dist/wallets/walletConnectors/{chunk-ABFSXBE6.js → chunk-DRO6WYMM.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-MSFKSQBY.js → chunk-EC6CHBSZ.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-3NC26XLM.js → chunk-FKJJQNKX.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-P74YPRF6.js → chunk-HS3C7OQV.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-LN7OD5EC.js → chunk-HWPKCIBE.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-ZMYVTWDF.js → chunk-IFON7E6U.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-IDKVN5CF.js → chunk-J3LI3FYZ.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-JXP2QPW7.js → chunk-JCHN6A47.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-4UM4GTKZ.js → chunk-JWFF4AAL.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-DTRYS3MO.js → chunk-KIDC67XJ.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-W5O4YSZN.js → chunk-LNEC5RNX.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-LEXSM5KI.js → chunk-M3NZ6R2E.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-6LPM6LUQ.js → chunk-NT2HYJKW.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-63YLN6R5.js → chunk-NWIQNBJU.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-KFFJPS5R.js → chunk-OBOVHCEI.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-V57WLZEE.js → chunk-OL5ZO7E4.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-SJTXS4ZW.js → chunk-OLOIXTYS.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-CTU6JCOK.js → chunk-OPAZMNA7.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-ETTNDQQG.js → chunk-Q3H3TRBS.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-25VW5TZP.js → chunk-QLVVUKYB.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-IPOC2VJX.js → chunk-RKPCWHXL.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-JROWU5BP.js → chunk-RNBEDQHF.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-R6RWZRFF.js → chunk-RZIO5TFF.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-4AD7VI2P.js → chunk-SHBUZ7U7.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-AXWP3GD4.js → chunk-SULRQO27.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-3S2U24BJ.js → chunk-TCAGNB4B.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-7GSNBOD3.js → chunk-TDAVGY5F.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-4WEHDI4Y.js → chunk-TDIEHTMB.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-545L7Y4M.js → chunk-UIASLGLV.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-N2NIIUW6.js → chunk-UYGJO62F.js} +112 -40
- package/dist/wallets/walletConnectors/{chunk-HBA36GW3.js → chunk-VR4TBQ6S.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-HKV7EMYZ.js → chunk-VWCLFMWJ.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-ISIBREBO.js → chunk-VYBAYMP3.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-VCVVV2K7.js → chunk-XWUJE7MW.js} +1 -1
- package/dist/wallets/walletConnectors/{chunk-AD2KIJB6.js → chunk-ZSI5N4VV.js} +4 -4
- package/dist/wallets/walletConnectors/{chunk-6P2EMPZI.js → chunk-ZZZRUXZE.js} +1 -1
- package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
- package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
- package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
- package/dist/wallets/walletConnectors/dawnWallet/dawnWallet.js +2 -2
- package/dist/wallets/walletConnectors/desigWallet/desigWallet.js +2 -2
- package/dist/wallets/walletConnectors/enkryptWallet/enkryptWallet.js +2 -2
- package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
- package/dist/wallets/walletConnectors/frameWallet/frameWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +78 -78
- package/dist/wallets/walletConnectors/injectedWallet/injectedWallet.js +2 -2
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/mewWallet/mewWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/oneKeyWallet/oneKeyWallet.js +2 -2
- package/dist/wallets/walletConnectors/phantomWallet/phantomWallet.js +2 -2
- package/dist/wallets/walletConnectors/rabbyWallet/rabbyWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/ramperWallet/ramperWallet.js +2 -2
- package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
- package/dist/wallets/walletConnectors/safeheronWallet/safeheronWallet.js +2 -2
- package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
- package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
- package/dist/wallets/walletConnectors/tahoWallet/tahoWallet.js +2 -2
- package/dist/wallets/walletConnectors/talismanWallet/talismanWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenaryWallet/tokenaryWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/xdefiWallet/xdefiWallet.js +2 -2
- package/dist/wallets/walletConnectors/zealWallet/zealWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +9 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,49 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 5.5.20
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 9101241: feat(connect): open meld provider in small popup window vs new tab
|
|
8
|
+
- 278d17c: feat(connect,fun-relay): display Low amount error for relay quotes in Withdrawal
|
|
9
|
+
- 1e35550: feat(connect): disable chains for unsupported tokens
|
|
10
|
+
- dda560c: feat(connect): add Withdrawal disclaimer for USDC.e
|
|
11
|
+
- 441f56d: fix(connect): display correct receive amount after fees for withdrawal
|
|
12
|
+
- 3042a35: feat(connect): add loading skeleton for confirmation step as the entry step
|
|
13
|
+
- 56ab543: enable non-supported-chain asset
|
|
14
|
+
- 7e4b743: allow change amount in defi mode
|
|
15
|
+
- 8a1a7b3: feat(connect): adjust error message padding above main CTA
|
|
16
|
+
- 07f0406: feat(connect): update how we display costs for withdrawal
|
|
17
|
+
- 9fd66f8: fix: bump viem peer dependency to >=2.22.14
|
|
18
|
+
- fb6585f: feat(connect): adjust background blur for Polymarket
|
|
19
|
+
- Updated dependencies [278d17c]
|
|
20
|
+
- Updated dependencies [9fd66f8]
|
|
21
|
+
- @funkit/fun-relay@0.1.12
|
|
22
|
+
- @funkit/chains@0.3.6
|
|
23
|
+
- @funkit/core@2.3.33
|
|
24
|
+
- @funkit/wagmi-tools@3.0.55
|
|
25
|
+
|
|
26
|
+
## 5.5.19
|
|
27
|
+
|
|
28
|
+
### Patch Changes
|
|
29
|
+
|
|
30
|
+
- f21b29a: feat(connect): reload quotes in the background on withdraws
|
|
31
|
+
- 420895a: feat(connect, apps): express mode by adding the starting step to the config
|
|
32
|
+
- ee5951d: feat(connect): reduce withdrawal modal top content padding
|
|
33
|
+
- e257a90: chore: add usdt0 logo
|
|
34
|
+
- beae754: feat(connect): enable solana withdrawal for sol, usdc, usdt
|
|
35
|
+
- 8e23d77: feat: add abstract chain support
|
|
36
|
+
- 29472ef: feat(connect): design QA for Withdrawal & fix useScrollDivider 1px scroll
|
|
37
|
+
- 27ceca3: feat: add feature flag to control modal navigation flow
|
|
38
|
+
- Updated dependencies [c4dd644]
|
|
39
|
+
- Updated dependencies [8e23d77]
|
|
40
|
+
- Updated dependencies [27ceca3]
|
|
41
|
+
- @funkit/api-base@1.9.9
|
|
42
|
+
- @funkit/chains@0.3.5
|
|
43
|
+
- @funkit/utils@1.1.7
|
|
44
|
+
- @funkit/core@2.3.32
|
|
45
|
+
- @funkit/wagmi-tools@3.0.54
|
|
46
|
+
|
|
3
47
|
## 5.5.18
|
|
4
48
|
|
|
5
49
|
### Patch Changes
|
|
@@ -55,35 +55,35 @@ export declare const Box: React.ForwardRefExoticComponent<{
|
|
|
55
55
|
readonly fontFamily?: "body" | undefined;
|
|
56
56
|
readonly fontSize?: "modalTopbarTitle" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | "modalBottomBarButtonText" | undefined;
|
|
57
57
|
readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | undefined;
|
|
58
|
-
readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
59
|
-
readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
58
|
+
readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
59
|
+
readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
60
60
|
readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
|
|
61
61
|
readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
|
|
62
|
-
readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
63
|
-
readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
64
|
-
readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
65
|
-
readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
66
|
-
readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
67
|
-
readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
68
|
-
readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
69
|
-
readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
62
|
+
readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
63
|
+
readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
64
|
+
readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
65
|
+
readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
66
|
+
readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
67
|
+
readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
68
|
+
readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
69
|
+
readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
70
70
|
readonly overflow?: "hidden" | undefined;
|
|
71
|
-
readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
72
|
-
readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
73
|
-
readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
74
|
-
readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
71
|
+
readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
72
|
+
readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
73
|
+
readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
74
|
+
readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
75
75
|
readonly position?: "fixed" | "absolute" | "relative" | undefined;
|
|
76
76
|
readonly right?: "0" | undefined;
|
|
77
77
|
readonly transition?: "transform" | "default" | undefined;
|
|
78
78
|
readonly userSelect?: "none" | undefined;
|
|
79
|
-
readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
79
|
+
readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
80
80
|
readonly backdropFilter?: "modalOverlay" | undefined;
|
|
81
|
-
margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
82
|
-
marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
83
|
-
marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
84
|
-
padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
85
|
-
paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
86
|
-
paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
81
|
+
margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
82
|
+
marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
83
|
+
marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
84
|
+
padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
85
|
+
paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
86
|
+
paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
87
87
|
} & {
|
|
88
88
|
reset?: keyof JSX.IntrinsicElements;
|
|
89
89
|
} & HTMLProperties<HTMLElement> & {
|
|
@@ -6,6 +6,7 @@ interface ChainDropdownProps {
|
|
|
6
6
|
assets: TokenTransferSourceChainsAndAssets;
|
|
7
7
|
chainIds?: number[];
|
|
8
8
|
selectedChainId?: number;
|
|
9
|
+
selectedToken?: string;
|
|
9
10
|
onChainSelected: (chainId: number | undefined,
|
|
10
11
|
/**
|
|
11
12
|
* If true, it will trigger automatic updates for the matching token in the parent component.
|
|
@@ -22,5 +23,5 @@ interface ChainDropdownProps {
|
|
|
22
23
|
maxDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
|
|
23
24
|
tagComponent?: (value: string) => React.ReactNode;
|
|
24
25
|
}
|
|
25
|
-
export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, }: ChainDropdownProps) => React.JSX.Element;
|
|
26
|
+
export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, }: ChainDropdownProps) => React.JSX.Element;
|
|
26
27
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const BOTTOM_BAR_PADDING_Y:
|
|
1
|
+
export declare const BOTTOM_BAR_PADDING_Y: 18;
|
|
2
2
|
export declare const topSectionDynamicPadding: string;
|
|
@@ -28,6 +28,10 @@ export interface FunTooltipProps {
|
|
|
28
28
|
* Based on display type the countdown starts immediately ('click') or after no longer hovering ('hover')
|
|
29
29
|
*/
|
|
30
30
|
hideDelay?: number;
|
|
31
|
+
/**
|
|
32
|
+
* Delay before the tooltip is shown. Defaults to 0ms. Primarily used when displayType is set to hover and we want to prevent multiple tooltips from being visible due to rapid mouse movements.
|
|
33
|
+
*/
|
|
34
|
+
startDelay?: number;
|
|
31
35
|
width?: BoxProps['width'];
|
|
32
36
|
}
|
|
33
|
-
export declare const FunTooltip: ({ content, children, wrapperElementRef, tooltipPosition, enableDynamicPositioning, bottomOffset, maxWidth, displayType, hideDelay, width, }: FunTooltipProps) => React.JSX.Element;
|
|
37
|
+
export declare const FunTooltip: ({ content, children, wrapperElementRef, tooltipPosition, enableDynamicPositioning, bottomOffset, maxWidth, displayType, hideDelay, startDelay, width, }: FunTooltipProps) => React.JSX.Element;
|
|
@@ -670,35 +670,35 @@ export declare const sprinkles: ((props: {
|
|
|
670
670
|
readonly fontFamily?: "body" | undefined;
|
|
671
671
|
readonly fontSize?: "modalTopbarTitle" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | "modalBottomBarButtonText" | undefined;
|
|
672
672
|
readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | undefined;
|
|
673
|
-
readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
674
|
-
readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
673
|
+
readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
674
|
+
readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
675
675
|
readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
|
|
676
676
|
readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
|
|
677
|
-
readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
678
|
-
readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
679
|
-
readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
680
|
-
readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
681
|
-
readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
682
|
-
readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
683
|
-
readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
684
|
-
readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
677
|
+
readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
678
|
+
readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
679
|
+
readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
680
|
+
readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
681
|
+
readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
682
|
+
readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
683
|
+
readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
684
|
+
readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
685
685
|
readonly overflow?: "hidden" | undefined;
|
|
686
|
-
readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
687
|
-
readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
688
|
-
readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
689
|
-
readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
686
|
+
readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
687
|
+
readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
688
|
+
readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
689
|
+
readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
690
690
|
readonly position?: "fixed" | "absolute" | "relative" | undefined;
|
|
691
691
|
readonly right?: "0" | undefined;
|
|
692
692
|
readonly transition?: "transform" | "default" | undefined;
|
|
693
693
|
readonly userSelect?: "none" | undefined;
|
|
694
|
-
readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
694
|
+
readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
695
695
|
readonly backdropFilter?: "modalOverlay" | undefined;
|
|
696
|
-
margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
697
|
-
marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
698
|
-
marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
699
|
-
padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
700
|
-
paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
701
|
-
paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
696
|
+
margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
697
|
+
marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
698
|
+
marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
699
|
+
padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
700
|
+
paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
701
|
+
paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
702
702
|
}) => string) & {
|
|
703
703
|
properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "backgroundSize" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "userSelect" | "width" | "background" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "transition" | "marginX" | "marginY" | "paddingX" | "paddingY">;
|
|
704
704
|
};
|
|
@@ -9,6 +9,7 @@ interface UseTokenChainResult {
|
|
|
9
9
|
selectedChainId: number;
|
|
10
10
|
handleChainChange: (chainId?: number, autoUpdate?: boolean) => void;
|
|
11
11
|
selectedToken: string;
|
|
12
|
+
selectedChainName: string;
|
|
12
13
|
handleTokenChange: (token: string, chainId?: number, autoUpdate?: boolean) => void;
|
|
13
14
|
}
|
|
14
15
|
/**
|