@funkit/connect 2.0.2 → 2.0.4
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 +17 -0
- package/dist/{chunk-FRT63PFR.js → chunk-3AR2EI7X.js} +0 -9
- package/dist/{chunk-ICLRFHOV.js → chunk-BZPWFPPL.js} +0 -9
- package/dist/components/Box/Box.d.ts +15 -15
- package/dist/components/ConnectButton/ConnectButtonRenderer.d.ts +1 -1
- package/dist/components/FunkitProvider/FunkitThemeProvider.d.ts +0 -36
- package/dist/components/FunkitProvider/GeneralWalletProvider.d.ts +4 -4
- package/dist/components/index.d.ts +0 -1
- package/dist/css/sprinkles.css.d.ts +15 -33
- package/dist/index.css +871 -1285
- package/dist/index.d.ts +8 -8
- package/dist/index.js +1662 -2500
- package/dist/themes/darkTheme.d.ts +0 -9
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.d.ts +0 -9
- package/dist/themes/lightTheme.js +1 -1
- package/dist/wallets/walletConnectors/index.js +63 -63
- package/package.json +3 -3
- package/dist/components/Button/ActionButton.d.ts +0 -14
- package/dist/components/ConnectModal/ConnectModalIntro.d.ts +0 -5
- package/dist/components/Disclaimer/DisclaimerLink.d.ts +0 -5
- package/dist/components/Disclaimer/DisclaimerText.d.ts +0 -4
- package/dist/components/FunProgressBar/FunProgressBar.d.ts +0 -6
- package/dist/components/FunProgressBar/FunVerticalProgressBar.d.ts +0 -14
- package/dist/components/FunkitProvider/CoolModeContext.d.ts +0 -1
- package/dist/components/FunkitProvider/ShowRecentTransactionsContext.d.ts +0 -1
- package/dist/components/FunkitProvider/WalletButtonContext.d.ts +0 -12
- package/dist/components/FunkitProvider/useCoolMode.d.ts +0 -1
- package/dist/components/InfoButton/InfoButton.d.ts +0 -5
- package/dist/components/SignIn/SignIn.d.ts +0 -6
- package/dist/components/Txs/TxItem.d.ts +0 -7
- package/dist/components/Txs/TxList.d.ts +0 -7
- package/dist/components/Txs/Txs.css.d.ts +0 -2
- package/dist/components/WalletButton/WalletButton.css.d.ts +0 -2
- package/dist/components/WalletButton/WalletButton.d.ts +0 -8
- package/dist/components/WalletButton/WalletButtonRenderer.d.ts +0 -15
- package/dist/sign-FZVB2CS6.js +0 -6
- package/dist/transactions/TransactionStoreContext.d.ts +0 -6
- package/dist/transactions/transactionStore.d.ts +0 -21
- package/dist/transactions/useAddRecentTransaction.d.ts +0 -2
- package/dist/transactions/useClearRecentTransactions.d.ts +0 -1
- package/dist/transactions/useRecentTransactions.d.ts +0 -2
- package/dist/utils/chainToExplorerUrl.d.ts +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 2.0.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- b19d447: feat: expose accurate displayName and displayAvatar in ConnectButtonRenderer
|
|
8
|
+
- b19d447: feat: expose FunkitAvatar component
|
|
9
|
+
|
|
10
|
+
## 2.0.3
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- ca119b5: refactor: deprecate WalletButton
|
|
15
|
+
- ca119b5: refactor: deprecate unused components and styles
|
|
16
|
+
- Updated dependencies [637c90f]
|
|
17
|
+
- @funkit/core@2.0.1
|
|
18
|
+
- @funkit/wagmi-tools@3.0.1
|
|
19
|
+
|
|
3
20
|
## 2.0.2
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -26,19 +26,13 @@ var lightTheme = ({
|
|
|
26
26
|
accentColor,
|
|
27
27
|
accentColorForeground,
|
|
28
28
|
actionButtonBorder: "rgba(0, 0, 0, 0.04)",
|
|
29
|
-
actionButtonBorderMobile: "rgba(0, 0, 0, 0.06)",
|
|
30
29
|
actionButtonSecondaryBackground: "rgba(0, 0, 0, 0.06)",
|
|
31
|
-
actionButtonDisabled: "#31A3F859",
|
|
32
|
-
closeButton: "rgba(60, 66, 66, 0.8)",
|
|
33
|
-
closeButtonBackground: "rgba(0, 0, 0, 0.06)",
|
|
34
30
|
connectButtonBackground: "#FFF",
|
|
35
31
|
connectButtonBackgroundError: "#C60000",
|
|
36
32
|
connectButtonInnerBackground: "linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.06))",
|
|
37
33
|
connectButtonText: "#25292E",
|
|
38
34
|
connectButtonTextError: "#FFF",
|
|
39
35
|
connectionIndicator: "#30E000",
|
|
40
|
-
downloadBottomCardBackground: "linear-gradient(126deg, rgba(255, 255, 255, 0) 9.49%, rgba(171, 171, 171, 0.04) 71.04%), #FFFFFF",
|
|
41
|
-
downloadTopCardBackground: "linear-gradient(126deg, rgba(171, 171, 171, 0.2) 9.49%, rgba(255, 255, 255, 0) 71.04%), #FFFFFF",
|
|
42
36
|
error: "#FF494A",
|
|
43
37
|
generalBorder: "rgba(0, 0, 0, 0.06)",
|
|
44
38
|
generalBorderDim: "rgba(0, 0, 0, 0.03)",
|
|
@@ -54,9 +48,6 @@ var lightTheme = ({
|
|
|
54
48
|
paymentOptionBorderHover: "transparent",
|
|
55
49
|
paymentOptionBorderActive: "transparent",
|
|
56
50
|
paymentOptionBorderActiveHover: "transparent",
|
|
57
|
-
solidLine: "#000",
|
|
58
|
-
rightTranslucentLine: "linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5))",
|
|
59
|
-
leftTranslucentLine: "linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))",
|
|
60
51
|
standby: "#F6851B",
|
|
61
52
|
loadingBase: "rgba(0, 0, 0, 0.05)",
|
|
62
53
|
loadingAccent: "rgba(0, 0, 0, 0.2)",
|
|
@@ -26,19 +26,13 @@ var darkTheme = ({
|
|
|
26
26
|
accentColor,
|
|
27
27
|
accentColorForeground,
|
|
28
28
|
actionButtonBorder: "rgba(255, 255, 255, 0.04)",
|
|
29
|
-
actionButtonBorderMobile: "rgba(255, 255, 255, 0.1)",
|
|
30
29
|
actionButtonSecondaryBackground: "rgba(255, 255, 255, 0.08)",
|
|
31
|
-
actionButtonDisabled: "rgba(255, 255, 255, 0.08)",
|
|
32
|
-
closeButton: "rgba(255, 255, 255, 0.7)",
|
|
33
|
-
closeButtonBackground: "rgba(255, 255, 255, 0.08)",
|
|
34
30
|
connectButtonBackground: "#000",
|
|
35
31
|
connectButtonBackgroundError: "#C60000",
|
|
36
32
|
connectButtonInnerBackground: "linear-gradient(0deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12))",
|
|
37
33
|
connectButtonText: "#FFF",
|
|
38
34
|
connectButtonTextError: "#FFF",
|
|
39
35
|
connectionIndicator: "#30E000",
|
|
40
|
-
downloadBottomCardBackground: "linear-gradient(126deg, rgba(0, 0, 0, 0) 9.49%, rgba(120, 120, 120, 0.1) 71.04%), #050505",
|
|
41
|
-
downloadTopCardBackground: "linear-gradient(126deg, rgba(120, 120, 120, 0.1) 9.49%, rgba(0, 0, 0, 0) 71.04%), #050505",
|
|
42
36
|
error: "#FF494A",
|
|
43
37
|
generalBorder: "rgba(255, 255, 255, 0.08)",
|
|
44
38
|
generalBorderDim: "rgba(255, 255, 255, 0.04)",
|
|
@@ -54,9 +48,6 @@ var darkTheme = ({
|
|
|
54
48
|
paymentOptionBorderHover: "transparent",
|
|
55
49
|
paymentOptionBorderActive: "transparent",
|
|
56
50
|
paymentOptionBorderActiveHover: "transparent",
|
|
57
|
-
solidLine: "#FFF",
|
|
58
|
-
rightTranslucentLine: "linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5))",
|
|
59
|
-
leftTranslucentLine: "linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0))",
|
|
60
51
|
standby: "#F6851B",
|
|
61
52
|
loadingBase: "rgba(255, 255, 255, 0.05)",
|
|
62
53
|
loadingAccent: "rgba(255, 255, 255, 0.2)",
|
|
@@ -2,17 +2,17 @@ import { ClassValue } from 'clsx';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
|
|
4
4
|
export declare const Box: React.ForwardRefExoticComponent<{
|
|
5
|
-
background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
6
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
7
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
8
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
9
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
5
|
+
background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
|
|
6
|
+
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
7
|
+
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
8
|
+
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
9
|
+
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
10
10
|
} | undefined;
|
|
11
|
-
borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
12
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
13
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
14
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
15
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
11
|
+
borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
|
|
12
|
+
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
13
|
+
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
14
|
+
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
15
|
+
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
16
16
|
} | undefined;
|
|
17
17
|
boxShadow?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
|
|
18
18
|
base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
|
|
@@ -20,11 +20,11 @@ export declare const Box: React.ForwardRefExoticComponent<{
|
|
|
20
20
|
active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
|
|
21
21
|
selection?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
|
|
22
22
|
} | undefined;
|
|
23
|
-
color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
24
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
25
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
26
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
27
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
23
|
+
color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
|
|
24
|
+
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
25
|
+
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
26
|
+
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
27
|
+
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
|
|
28
28
|
} | undefined;
|
|
29
29
|
} & {
|
|
30
30
|
alignItems?: "center" | "flex-end" | "flex-start" | {
|
|
@@ -9,9 +9,9 @@ export interface ConnectButtonRendererProps {
|
|
|
9
9
|
balanceSymbol?: string;
|
|
10
10
|
displayBalance?: string;
|
|
11
11
|
displayName: string;
|
|
12
|
+
displayAvatar: string;
|
|
12
13
|
ensAvatar?: string;
|
|
13
14
|
ensName?: string;
|
|
14
|
-
hasPendingTransactions: boolean;
|
|
15
15
|
};
|
|
16
16
|
chain?: {
|
|
17
17
|
hasIcon: boolean;
|
|
@@ -5,19 +5,13 @@ export declare const defaultTheme: {
|
|
|
5
5
|
accentColor: string;
|
|
6
6
|
accentColorForeground: string;
|
|
7
7
|
actionButtonBorder: string;
|
|
8
|
-
actionButtonBorderMobile: string;
|
|
9
8
|
actionButtonSecondaryBackground: string;
|
|
10
|
-
actionButtonDisabled: string;
|
|
11
|
-
closeButton: string;
|
|
12
|
-
closeButtonBackground: string;
|
|
13
9
|
connectButtonBackground: string;
|
|
14
10
|
connectButtonBackgroundError: string;
|
|
15
11
|
connectButtonInnerBackground: string;
|
|
16
12
|
connectButtonText: string;
|
|
17
13
|
connectButtonTextError: string;
|
|
18
14
|
connectionIndicator: string;
|
|
19
|
-
downloadBottomCardBackground: string;
|
|
20
|
-
downloadTopCardBackground: string;
|
|
21
15
|
error: string;
|
|
22
16
|
generalBorder: string;
|
|
23
17
|
generalBorderDim: string;
|
|
@@ -34,9 +28,6 @@ export declare const defaultTheme: {
|
|
|
34
28
|
paymentOptionBorderActive: string;
|
|
35
29
|
paymentOptionBorderActiveHover: string;
|
|
36
30
|
standby: string;
|
|
37
|
-
solidLine: string;
|
|
38
|
-
leftTranslucentLine: string;
|
|
39
|
-
rightTranslucentLine: string;
|
|
40
31
|
loadingBase: string;
|
|
41
32
|
loadingAccent: string;
|
|
42
33
|
modalBackdrop: string;
|
|
@@ -151,19 +142,13 @@ export declare const useActiveTheme: () => {
|
|
|
151
142
|
accentColor: string;
|
|
152
143
|
accentColorForeground: string;
|
|
153
144
|
actionButtonBorder: string;
|
|
154
|
-
actionButtonBorderMobile: string;
|
|
155
145
|
actionButtonSecondaryBackground: string;
|
|
156
|
-
actionButtonDisabled: string;
|
|
157
|
-
closeButton: string;
|
|
158
|
-
closeButtonBackground: string;
|
|
159
146
|
connectButtonBackground: string;
|
|
160
147
|
connectButtonBackgroundError: string;
|
|
161
148
|
connectButtonInnerBackground: string;
|
|
162
149
|
connectButtonText: string;
|
|
163
150
|
connectButtonTextError: string;
|
|
164
151
|
connectionIndicator: string;
|
|
165
|
-
downloadBottomCardBackground: string;
|
|
166
|
-
downloadTopCardBackground: string;
|
|
167
152
|
error: string;
|
|
168
153
|
generalBorder: string;
|
|
169
154
|
generalBorderDim: string;
|
|
@@ -180,9 +165,6 @@ export declare const useActiveTheme: () => {
|
|
|
180
165
|
paymentOptionBorderActive: string;
|
|
181
166
|
paymentOptionBorderActiveHover: string;
|
|
182
167
|
standby: string;
|
|
183
|
-
solidLine: string;
|
|
184
|
-
leftTranslucentLine: string;
|
|
185
|
-
rightTranslucentLine: string;
|
|
186
168
|
loadingBase: string;
|
|
187
169
|
loadingAccent: string;
|
|
188
170
|
modalBackdrop: string;
|
|
@@ -285,19 +267,13 @@ export declare const useActiveTheme: () => {
|
|
|
285
267
|
accentColor: string;
|
|
286
268
|
accentColorForeground: string;
|
|
287
269
|
actionButtonBorder: string;
|
|
288
|
-
actionButtonBorderMobile: string;
|
|
289
270
|
actionButtonSecondaryBackground: string;
|
|
290
|
-
actionButtonDisabled: string;
|
|
291
|
-
closeButton: string;
|
|
292
|
-
closeButtonBackground: string;
|
|
293
271
|
connectButtonBackground: string;
|
|
294
272
|
connectButtonBackgroundError: string;
|
|
295
273
|
connectButtonInnerBackground: string;
|
|
296
274
|
connectButtonText: string;
|
|
297
275
|
connectButtonTextError: string;
|
|
298
276
|
connectionIndicator: string;
|
|
299
|
-
downloadBottomCardBackground: string;
|
|
300
|
-
downloadTopCardBackground: string;
|
|
301
277
|
error: string;
|
|
302
278
|
generalBorder: string;
|
|
303
279
|
generalBorderDim: string;
|
|
@@ -314,9 +290,6 @@ export declare const useActiveTheme: () => {
|
|
|
314
290
|
paymentOptionBorderActive: string;
|
|
315
291
|
paymentOptionBorderActiveHover: string;
|
|
316
292
|
standby: string;
|
|
317
|
-
solidLine: string;
|
|
318
|
-
leftTranslucentLine: string;
|
|
319
|
-
rightTranslucentLine: string;
|
|
320
293
|
loadingBase: string;
|
|
321
294
|
loadingAccent: string;
|
|
322
295
|
modalBackdrop: string;
|
|
@@ -418,19 +391,13 @@ export declare const useActiveTheme: () => {
|
|
|
418
391
|
accentColor: string;
|
|
419
392
|
accentColorForeground: string;
|
|
420
393
|
actionButtonBorder: string;
|
|
421
|
-
actionButtonBorderMobile: string;
|
|
422
394
|
actionButtonSecondaryBackground: string;
|
|
423
|
-
actionButtonDisabled: string;
|
|
424
|
-
closeButton: string;
|
|
425
|
-
closeButtonBackground: string;
|
|
426
395
|
connectButtonBackground: string;
|
|
427
396
|
connectButtonBackgroundError: string;
|
|
428
397
|
connectButtonInnerBackground: string;
|
|
429
398
|
connectButtonText: string;
|
|
430
399
|
connectButtonTextError: string;
|
|
431
400
|
connectionIndicator: string;
|
|
432
|
-
downloadBottomCardBackground: string;
|
|
433
|
-
downloadTopCardBackground: string;
|
|
434
401
|
error: string;
|
|
435
402
|
generalBorder: string;
|
|
436
403
|
generalBorderDim: string;
|
|
@@ -447,9 +414,6 @@ export declare const useActiveTheme: () => {
|
|
|
447
414
|
paymentOptionBorderActive: string;
|
|
448
415
|
paymentOptionBorderActiveHover: string;
|
|
449
416
|
standby: string;
|
|
450
|
-
solidLine: string;
|
|
451
|
-
leftTranslucentLine: string;
|
|
452
|
-
rightTranslucentLine: string;
|
|
453
417
|
loadingBase: string;
|
|
454
418
|
loadingAccent: string;
|
|
455
419
|
modalBackdrop: string;
|
|
@@ -91,8 +91,8 @@ export declare const useFunkitDisconnect: () => {
|
|
|
91
91
|
disconnectAsync: () => void;
|
|
92
92
|
reset: () => void;
|
|
93
93
|
error: null;
|
|
94
|
-
status: "idle";
|
|
95
94
|
data: undefined;
|
|
95
|
+
status: "idle";
|
|
96
96
|
isError: false;
|
|
97
97
|
isPending: false;
|
|
98
98
|
isSuccess: false;
|
|
@@ -109,8 +109,8 @@ export declare const useFunkitDisconnect: () => {
|
|
|
109
109
|
disconnectAsync: () => void;
|
|
110
110
|
reset: () => void;
|
|
111
111
|
error: null;
|
|
112
|
-
status: "pending";
|
|
113
112
|
data: undefined;
|
|
113
|
+
status: "pending";
|
|
114
114
|
isError: false;
|
|
115
115
|
isPending: true;
|
|
116
116
|
isSuccess: false;
|
|
@@ -127,8 +127,8 @@ export declare const useFunkitDisconnect: () => {
|
|
|
127
127
|
disconnectAsync: () => void;
|
|
128
128
|
reset: () => void;
|
|
129
129
|
error: import("@wagmi/core").DisconnectErrorType;
|
|
130
|
-
status: "error";
|
|
131
130
|
data: undefined;
|
|
131
|
+
status: "error";
|
|
132
132
|
isError: true;
|
|
133
133
|
isPending: false;
|
|
134
134
|
isSuccess: false;
|
|
@@ -145,8 +145,8 @@ export declare const useFunkitDisconnect: () => {
|
|
|
145
145
|
disconnectAsync: () => void;
|
|
146
146
|
reset: () => void;
|
|
147
147
|
error: null;
|
|
148
|
-
status: "success";
|
|
149
148
|
data: void;
|
|
149
|
+
status: "success";
|
|
150
150
|
isError: false;
|
|
151
151
|
isPending: false;
|
|
152
152
|
isSuccess: true;
|