@funkit/connect 2.0.1 → 2.0.3
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 +16 -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 +0 -1
- package/dist/components/FunkitProvider/FunkitThemeProvider.d.ts +0 -36
- package/dist/components/index.d.ts +0 -1
- package/dist/css/sprinkles.css.d.ts +15 -33
- package/dist/index.css +869 -1279
- package/dist/index.d.ts +7 -8
- package/dist/index.js +411 -1253
- 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 +68 -68
- 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/dist/wallets/walletConnectors/chunk-2DWBVWFI.js +0 -87
- package/dist/wallets/walletConnectors/chunk-3F5GNHAG.js +0 -182
- package/dist/wallets/walletConnectors/chunk-3R3RNCGE.js +0 -100
- package/dist/wallets/walletConnectors/chunk-5L2OLU3J.js +0 -102
- package/dist/wallets/walletConnectors/chunk-BCXBFAL4.js +0 -98
- package/dist/wallets/walletConnectors/chunk-M4SPCKW4.js +0 -66
- package/dist/wallets/walletConnectors/chunk-MFS6NY6T.js +0 -105
- package/dist/wallets/walletConnectors/chunk-MOAWRDEM.js +0 -95
- package/dist/wallets/walletConnectors/chunk-NK3DYIAB.js +0 -92
- package/dist/wallets/walletConnectors/chunk-OMKARG6Y.js +0 -94
- package/dist/wallets/walletConnectors/chunk-OPO2D6GL.js +0 -102
- package/dist/wallets/walletConnectors/chunk-OXWTS7HX.js +0 -98
- package/dist/wallets/walletConnectors/chunk-PJRUHFBT.js +0 -71
- package/dist/wallets/walletConnectors/chunk-R5GNFRXW.js +0 -96
- package/dist/wallets/walletConnectors/chunk-S2IWMXKX.js +0 -94
- package/dist/wallets/walletConnectors/chunk-WH7S23VZ.js +0 -73
- package/dist/wallets/walletConnectors/chunk-XB2GFXBL.js +0 -107
- package/dist/wallets/walletConnectors/chunk-XUXFYTCV.js +0 -96
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 2.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- ca119b5: refactor: deprecate WalletButton
|
|
8
|
+
- ca119b5: refactor: deprecate unused components and styles
|
|
9
|
+
- Updated dependencies [637c90f]
|
|
10
|
+
- @funkit/core@2.0.1
|
|
11
|
+
- @funkit/wagmi-tools@3.0.1
|
|
12
|
+
|
|
13
|
+
## 2.0.2
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- c6dd2bd: fix: MoonPayBuyWidget height fix
|
|
18
|
+
|
|
3
19
|
## 2.0.1
|
|
4
20
|
|
|
5
21
|
### 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" | {
|
|
@@ -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;
|
|
@@ -5,19 +5,13 @@ declare const themeContractValues: {
|
|
|
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 @@ declare const themeContractValues: {
|
|
|
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;
|
|
@@ -139,19 +130,13 @@ export declare const themeVars: {
|
|
|
139
130
|
accentColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
140
131
|
accentColorForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
141
132
|
actionButtonBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
142
|
-
actionButtonBorderMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
143
133
|
actionButtonSecondaryBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
144
|
-
actionButtonDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
145
|
-
closeButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
146
|
-
closeButtonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
147
134
|
connectButtonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
148
135
|
connectButtonBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
149
136
|
connectButtonInnerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
150
137
|
connectButtonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
151
138
|
connectButtonTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
152
139
|
connectionIndicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
153
|
-
downloadBottomCardBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
154
|
-
downloadTopCardBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
155
140
|
error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
156
141
|
generalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
157
142
|
generalBorderDim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -168,9 +153,6 @@ export declare const themeVars: {
|
|
|
168
153
|
paymentOptionBorderActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
169
154
|
paymentOptionBorderActiveHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
170
155
|
standby: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
171
|
-
solidLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
172
|
-
leftTranslucentLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
173
|
-
rightTranslucentLine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
174
156
|
loadingBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
175
157
|
loadingAccent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
176
158
|
modalBackdrop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -465,17 +447,17 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
|
|
|
465
447
|
};
|
|
466
448
|
}, Value>) => Partial<Record<"smallScreen" | "largeScreen", Value>>;
|
|
467
449
|
export declare const sprinkles: ((props: {
|
|
468
|
-
background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
469
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
470
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
471
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
472
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
450
|
+
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" | {
|
|
451
|
+
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;
|
|
452
|
+
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;
|
|
453
|
+
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;
|
|
454
|
+
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;
|
|
473
455
|
} | undefined;
|
|
474
|
-
borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
475
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
476
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
477
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
478
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
456
|
+
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" | {
|
|
457
|
+
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;
|
|
458
|
+
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;
|
|
459
|
+
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;
|
|
460
|
+
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;
|
|
479
461
|
} | undefined;
|
|
480
462
|
boxShadow?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
|
|
481
463
|
base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
|
|
@@ -483,11 +465,11 @@ export declare const sprinkles: ((props: {
|
|
|
483
465
|
active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
|
|
484
466
|
selection?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
|
|
485
467
|
} | undefined;
|
|
486
|
-
color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
487
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
488
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
489
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
490
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "
|
|
468
|
+
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" | {
|
|
469
|
+
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;
|
|
470
|
+
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;
|
|
471
|
+
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;
|
|
472
|
+
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;
|
|
491
473
|
} | undefined;
|
|
492
474
|
} & {
|
|
493
475
|
alignItems?: "center" | "flex-end" | "flex-start" | {
|