@funkit/connect 4.0.2 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +56 -0
- package/dist/{chunk-3F3EYDDR.js → chunk-5BMBHTAR.js} +2 -9
- package/dist/{chunk-OMAXDH7G.js → chunk-REN4AGZZ.js} +0 -2
- package/dist/{chunk-LTOE4GIY.js → chunk-TO3BYKDH.js} +2 -9
- package/dist/components/Box/Box.d.ts +52 -52
- package/dist/components/FunButton/FunButton.css.d.ts +1 -0
- package/dist/components/FunCountdown/FunCountdown.d.ts +2 -1
- package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
- package/dist/components/FunPayments/FunPaymentMethods.d.ts +2 -1
- package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts +0 -5
- package/dist/components/FunTransactionSummary/PaymentFeesSummary.css.d.ts +2 -0
- package/dist/components/FunTransactionSummary/PaymentFeesSummary.d.ts +6 -4
- package/dist/components/HelpAlert/HelpAlert.d.ts +6 -0
- package/dist/config/getDefaultConfig.d.ts +34 -34
- package/dist/consts/customers.d.ts +2 -0
- package/dist/consts/funkit.d.ts +0 -1
- package/dist/css/sprinkles.css.d.ts +54 -84
- package/dist/domains/checkoutFees.d.ts +1 -1
- package/dist/domains/paymentMethods.d.ts +7 -9
- package/dist/domains/quote.d.ts +2 -6
- package/dist/hooks/useFunkitMaxCheckoutUsdInfo.d.ts +25 -0
- package/dist/hooks/useMesh.d.ts +2 -2
- package/dist/hooks/useMountEffect.d.ts +8 -0
- package/dist/index.css +1917 -2399
- package/dist/index.d.ts +1 -0
- package/dist/index.js +8770 -8396
- package/dist/modals/CheckoutModal/ConfirmationStep/CheckoutPrimaryInfo.d.ts +7 -2
- package/dist/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.d.ts +1 -0
- package/dist/modals/CheckoutModal/ConfirmationStep/DisclaimerText.d.ts +7 -0
- package/dist/modals/CheckoutModal/{InputAmount → ConfirmationStep}/useCheckoutQuote.d.ts +3 -4
- package/dist/modals/CheckoutModal/SourceChange/SourceChange.d.ts +6 -0
- package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -0
- package/dist/modals/CheckoutModal/useSourceAssetConfirm.d.ts +5 -1
- package/dist/modals/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.css.d.ts +1 -0
- package/dist/modals/ProfileDetails/FunProfileViews/Home/Home.css.d.ts +1 -0
- package/dist/providers/FunkitCheckoutContext.d.ts +3 -11
- package/dist/providers/FunkitConfigContext.d.ts +0 -7
- package/dist/providers/FunkitHistoryContext.d.ts +1 -1
- package/dist/providers/FunkitMeshProvider.d.ts +11 -15
- package/dist/providers/FunkitThemeProvider.d.ts +3 -48
- package/dist/providers/GeneralWalletProvider.d.ts +8 -8
- package/dist/providers/ModalContext.d.ts +0 -4
- package/dist/providers/UserPresenceContext.d.ts +9 -0
- package/dist/scroll-G3S4ZVYZ.js +7 -0
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/types/utils.d.ts +0 -6
- package/dist/utils/checkout.d.ts +13 -40
- package/dist/utils/checkoutHistory.d.ts +7 -0
- package/dist/utils/flags/config.d.ts +23 -1
- package/dist/utils/mesh.d.ts +3 -2
- package/dist/wallets/groupedWallets.d.ts +0 -1
- package/dist/wallets/latestWalletId.d.ts +0 -2
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
- package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
- package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
- package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
- package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +65 -65
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
- package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
- package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +6 -6
- package/dist/components/FunButton/FunViewTxButton.d.ts +0 -5
- package/dist/components/FunNotification/FunCheckoutNotification.d.ts +0 -7
- package/dist/components/FunProgressBar/FunHorizontalStepper.d.ts +0 -7
- package/dist/hooks/useChainId.d.ts +0 -1
- package/dist/hooks/useCheckoutChains.d.ts +0 -1
- package/dist/hooks/useCheckoutType.d.ts +0 -5
- package/dist/hooks/useWindowSize.d.ts +0 -4
- package/dist/modals/CheckoutModal/useCheckoutQuote.d.ts +0 -7
- package/dist/modals/DevTest/FunDevTestModal.d.ts +0 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,61 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 4.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 76c5b60: chore: remove unused FunkitConfig props
|
|
8
|
+
- 68af67d: feat: add mesh information persistence support
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- a2d00f6: refactor: improve accuracy of completion times
|
|
13
|
+
- d4c9072: refactor: update tooltip copy, increase max width
|
|
14
|
+
- 0e07f60: refactor: remove tooltip box shadow
|
|
15
|
+
- 565c802: feat: expedited checkout history fetch on history page
|
|
16
|
+
- 5072b2e: fix: add public rpc fallbacks
|
|
17
|
+
- 68af67d: fix: fix unlink button spacing
|
|
18
|
+
- 5480b02: feat: replace text based focused colors with appropriate color variables
|
|
19
|
+
- Updated dependencies [95d0e1a]
|
|
20
|
+
- Updated dependencies [eb0f97b]
|
|
21
|
+
- Updated dependencies [68af67d]
|
|
22
|
+
- Updated dependencies [4a2ce90]
|
|
23
|
+
- Updated dependencies [eb0f97b]
|
|
24
|
+
- Updated dependencies [5072b2e]
|
|
25
|
+
- @funkit/core@2.3.0
|
|
26
|
+
- @funkit/api-base@1.5.0
|
|
27
|
+
- @funkit/wagmi-tools@3.0.21
|
|
28
|
+
|
|
29
|
+
## 4.0.3
|
|
30
|
+
|
|
31
|
+
### Patch Changes
|
|
32
|
+
|
|
33
|
+
- aa8cf95: feat: display confirmation step immediately when quoting starts
|
|
34
|
+
- b965382: fix: add mobile modal max height
|
|
35
|
+
- 959807e: feat(connect): add input amount tooltip
|
|
36
|
+
- 48754fa: feat(connect,core,utils): unify json parsing
|
|
37
|
+
- cecbc0a: feat: add scroll chain icon
|
|
38
|
+
- 243f27f: feat: add useFunkitMaxCheckoutUsdInfo hook
|
|
39
|
+
- 04c91f2: chore: migrate custom error codes to utils package
|
|
40
|
+
- 763a16f: feat(connect): clean mesh metadata sent to be backend
|
|
41
|
+
- f8a81e2: feat: use dynamic flag text in dydx modal
|
|
42
|
+
- 21144e0: fix: pause hidden countdown during confirmation
|
|
43
|
+
- a150758: fix(connect): fix accessibility of elements
|
|
44
|
+
- af06c99: refactor(connect): refactor mesh metadata
|
|
45
|
+
- d4aadb5: feat: detect user presence
|
|
46
|
+
- 33d1eb6: fix: dedupe arbitrum usdc and usdc.e
|
|
47
|
+
- 3d19b46: fix: remove unused function in FunkitContext
|
|
48
|
+
- f486a82: fix: keep uninterrupted loading state during intial quoting retries
|
|
49
|
+
- aba0334: feat(connect): adjust spacings and alignment for FunPoweredTagline
|
|
50
|
+
- Updated dependencies [48754fa]
|
|
51
|
+
- Updated dependencies [04c91f2]
|
|
52
|
+
- Updated dependencies [84b7225]
|
|
53
|
+
- Updated dependencies [0733732]
|
|
54
|
+
- @funkit/utils@1.0.3
|
|
55
|
+
- @funkit/core@2.2.9
|
|
56
|
+
- @funkit/api-base@1.4.2
|
|
57
|
+
- @funkit/wagmi-tools@3.0.20
|
|
58
|
+
|
|
3
59
|
## 4.0.2
|
|
4
60
|
|
|
5
61
|
### Patch Changes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
baseTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-REN4AGZZ.js";
|
|
5
5
|
|
|
6
6
|
// src/themes/lightTheme.ts
|
|
7
7
|
var accentColors = {
|
|
@@ -39,11 +39,9 @@ var lightTheme = ({
|
|
|
39
39
|
generalBorderDim: "rgba(0, 0, 0, 0.03)",
|
|
40
40
|
menuItemBackground: "#FCFCFC",
|
|
41
41
|
selectedOptionBorder: "#F7F7F7",
|
|
42
|
-
|
|
42
|
+
focusedOptionBorder: "#737373",
|
|
43
43
|
standby: "#F6851B",
|
|
44
44
|
success: "#66CC00",
|
|
45
|
-
loadingBase: "rgba(0, 0, 0, 0.05)",
|
|
46
|
-
loadingAccent: "rgba(0, 0, 0, 0.2)",
|
|
47
45
|
chainIconBorder: "#fff",
|
|
48
46
|
// FUNKIT COLORS
|
|
49
47
|
// modal backgrounds
|
|
@@ -53,7 +51,6 @@ var lightTheme = ({
|
|
|
53
51
|
notificationPrimary: "rgba(49, 163, 248, 0.15)",
|
|
54
52
|
offBackground: "#F7F7F7",
|
|
55
53
|
hoverState: "#F0F0F0",
|
|
56
|
-
offBackgroundInverse: "#333",
|
|
57
54
|
lightStroke: "#F7F7F7",
|
|
58
55
|
mediumStroke: "#F0F0F0",
|
|
59
56
|
strokeColor: "#E8E8E8",
|
|
@@ -75,8 +72,6 @@ var lightTheme = ({
|
|
|
75
72
|
buttonDisabled: "#31A3F826",
|
|
76
73
|
buttonWarning: accentColors.red.accentColor,
|
|
77
74
|
buttonSuccess: "#2EA200",
|
|
78
|
-
buttonTextWarning: "#FFFFFF",
|
|
79
|
-
buttonTextSuccess: "#FFFFFF",
|
|
80
75
|
buttonTextPrimary: "#FFFFFF",
|
|
81
76
|
buttonTextDisabled: "#FFF",
|
|
82
77
|
transparent: "transparent",
|
|
@@ -102,8 +97,6 @@ var lightTheme = ({
|
|
|
102
97
|
dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
|
|
103
98
|
selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
|
|
104
99
|
selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.12)",
|
|
105
|
-
button: "0px 1px 2px 0px rgba(0, 0, 0, 0.20)",
|
|
106
|
-
tooltip: "0px 4px 4px rgba(0, 0, 0, 0.05)",
|
|
107
100
|
// Override shadows
|
|
108
101
|
...customShadows || {}
|
|
109
102
|
},
|
|
@@ -54,7 +54,6 @@ var DEFAULT_FONT_WEIGHTS = {
|
|
|
54
54
|
heavy: "800"
|
|
55
55
|
};
|
|
56
56
|
var DEFAULT_FONT_SIZES = {
|
|
57
|
-
"8": { fontSize: "8px", lineHeight: "10px" },
|
|
58
57
|
"10": { fontSize: "10px", lineHeight: "15px" },
|
|
59
58
|
"12": { fontSize: "12px", lineHeight: "14px" },
|
|
60
59
|
"13": { fontSize: "13px", lineHeight: "18px" },
|
|
@@ -62,7 +61,6 @@ var DEFAULT_FONT_SIZES = {
|
|
|
62
61
|
"16": { fontSize: "16px", lineHeight: "20px" },
|
|
63
62
|
"18": { fontSize: "18px", lineHeight: "24px" },
|
|
64
63
|
"20": { fontSize: "20px", lineHeight: "20px" },
|
|
65
|
-
"23": { fontSize: "23px", lineHeight: "29px" },
|
|
66
64
|
"40": { fontSize: "40px", lineHeight: "48px" },
|
|
67
65
|
"57": { fontSize: "57px", lineHeight: "68px" }
|
|
68
66
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
baseTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-REN4AGZZ.js";
|
|
5
5
|
|
|
6
6
|
// src/themes/darkTheme.ts
|
|
7
7
|
var accentColors = {
|
|
@@ -39,11 +39,9 @@ var darkTheme = ({
|
|
|
39
39
|
generalBorderDim: "rgba(255, 255, 255, 0.04)",
|
|
40
40
|
menuItemBackground: "rgba(255, 255, 255, 0.03)",
|
|
41
41
|
selectedOptionBorder: "rgba(224, 232, 255, 0.1)",
|
|
42
|
-
|
|
42
|
+
focusedOptionBorder: "#8C8C8C",
|
|
43
43
|
standby: "#F6851B",
|
|
44
44
|
success: "#66CC00",
|
|
45
|
-
loadingBase: "rgba(255, 255, 255, 0.05)",
|
|
46
|
-
loadingAccent: "rgba(255, 255, 255, 0.2)",
|
|
47
45
|
chainIconBorder: "#fff",
|
|
48
46
|
// FUNKIT COLORS
|
|
49
47
|
// modal backgrounds
|
|
@@ -53,7 +51,6 @@ var darkTheme = ({
|
|
|
53
51
|
notificationPrimary: "rgba(255, 255, 255, 0.03)",
|
|
54
52
|
offBackground: "#1F1F1F",
|
|
55
53
|
hoverState: "#333333",
|
|
56
|
-
offBackgroundInverse: "#F2F2F2",
|
|
57
54
|
lightStroke: "#333333",
|
|
58
55
|
mediumStroke: "#333333",
|
|
59
56
|
strokeColor: "#333333",
|
|
@@ -77,8 +74,6 @@ var darkTheme = ({
|
|
|
77
74
|
buttonTextDisabled: "#000000",
|
|
78
75
|
buttonWarning: accentColors.red.accentColor,
|
|
79
76
|
buttonSuccess: "#2EA200",
|
|
80
|
-
buttonTextWarning: "#FFFFFF",
|
|
81
|
-
buttonTextSuccess: "#FFFFFF",
|
|
82
77
|
transparent: "transparent",
|
|
83
78
|
buttonBackgroundTertiary: "#333333",
|
|
84
79
|
buttonBackgroundHoverTertiary: "#333333",
|
|
@@ -102,8 +97,6 @@ var darkTheme = ({
|
|
|
102
97
|
dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
|
|
103
98
|
selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
|
|
104
99
|
selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
|
|
105
|
-
button: "0px 1px 2px 0px rgba(0, 0, 0, 0.20)",
|
|
106
|
-
tooltip: "0px 4px 4px rgba(0, 0, 0, 0.05)",
|
|
107
100
|
// Override shadows
|
|
108
101
|
...customShadows || {}
|
|
109
102
|
},
|
|
@@ -3,37 +3,37 @@ import * as React from 'react';
|
|
|
3
3
|
export type BoxBorderType = Pick<BoxProps, 'borderColor' | 'borderStyle' | 'borderWidth'>;
|
|
4
4
|
type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
|
|
5
5
|
export declare const Box: React.ForwardRefExoticComponent<{
|
|
6
|
-
background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
7
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
8
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
9
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
10
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
11
|
-
focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
12
|
-
focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
6
|
+
background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | {
|
|
7
|
+
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
8
|
+
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
9
|
+
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
10
|
+
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
11
|
+
focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
12
|
+
focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
13
13
|
} | undefined;
|
|
14
|
-
borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
15
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
16
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
17
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
18
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
19
|
-
focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
20
|
-
focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
14
|
+
borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | {
|
|
15
|
+
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
16
|
+
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
17
|
+
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
18
|
+
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
19
|
+
focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
20
|
+
focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
21
21
|
} | undefined;
|
|
22
|
-
boxShadow?: "
|
|
23
|
-
base?: "
|
|
24
|
-
hover?: "
|
|
25
|
-
active?: "
|
|
26
|
-
selection?: "
|
|
27
|
-
focused?: "
|
|
28
|
-
focusedVisible?: "
|
|
22
|
+
boxShadow?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | {
|
|
23
|
+
base?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
|
|
24
|
+
hover?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
|
|
25
|
+
active?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
|
|
26
|
+
selection?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
|
|
27
|
+
focused?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
|
|
28
|
+
focusedVisible?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
|
|
29
29
|
} | undefined;
|
|
30
|
-
color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
31
|
-
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
32
|
-
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
33
|
-
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
34
|
-
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
35
|
-
focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
36
|
-
focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "
|
|
30
|
+
color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | {
|
|
31
|
+
base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
32
|
+
hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
33
|
+
active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
34
|
+
selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
35
|
+
focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
36
|
+
focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
|
|
37
37
|
} | undefined;
|
|
38
38
|
} & {
|
|
39
39
|
alignItems?: "center" | "flex-end" | "flex-start" | {
|
|
@@ -47,43 +47,43 @@ export declare const Box: React.ForwardRefExoticComponent<{
|
|
|
47
47
|
} & {
|
|
48
48
|
readonly alignSelf?: "center" | "flex-end" | "flex-start" | undefined;
|
|
49
49
|
readonly backgroundSize?: "cover" | undefined;
|
|
50
|
-
readonly borderRadius?: "1" | "
|
|
50
|
+
readonly borderRadius?: "1" | "10" | "13" | "16" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "4" | "6" | "8" | "11" | "24" | "full" | undefined;
|
|
51
51
|
readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
|
|
52
52
|
readonly borderWidth?: "0" | "1" | "2" | "3" | "4" | "0.5" | undefined;
|
|
53
|
-
readonly cursor?: "default" | "not-allowed" | "pointer" | undefined;
|
|
53
|
+
readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
|
|
54
54
|
readonly flexDirection?: "column" | "row" | undefined;
|
|
55
55
|
readonly fontFamily?: "body" | undefined;
|
|
56
|
-
readonly fontSize?: "
|
|
56
|
+
readonly fontSize?: "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | undefined;
|
|
57
57
|
readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
|
|
58
|
-
readonly gap?: "0" | "1" | "
|
|
59
|
-
readonly height?: "1" | "
|
|
58
|
+
readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
59
|
+
readonly height?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
60
60
|
readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
|
|
61
61
|
readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
|
|
62
|
-
readonly marginBottom?: "auto" | "0" | "1" | "
|
|
63
|
-
readonly marginLeft?: "auto" | "0" | "1" | "
|
|
64
|
-
readonly marginRight?: "auto" | "0" | "1" | "
|
|
65
|
-
readonly marginTop?: "auto" | "0" | "1" | "
|
|
66
|
-
readonly minHeight?: "1" | "
|
|
67
|
-
readonly maxHeight?: "1" | "
|
|
68
|
-
readonly maxWidth?: "1" | "
|
|
69
|
-
readonly minWidth?: "1" | "
|
|
62
|
+
readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
63
|
+
readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
64
|
+
readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
65
|
+
readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
66
|
+
readonly minHeight?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
67
|
+
readonly maxHeight?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
68
|
+
readonly maxWidth?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
69
|
+
readonly minWidth?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
70
70
|
readonly overflow?: "hidden" | undefined;
|
|
71
|
-
readonly paddingBottom?: "0" | "1" | "
|
|
72
|
-
readonly paddingLeft?: "0" | "1" | "
|
|
73
|
-
readonly paddingRight?: "0" | "1" | "
|
|
74
|
-
readonly paddingTop?: "0" | "1" | "
|
|
71
|
+
readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
72
|
+
readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
73
|
+
readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
74
|
+
readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
75
75
|
readonly position?: "fixed" | "absolute" | "relative" | undefined;
|
|
76
76
|
readonly right?: "0" | undefined;
|
|
77
77
|
readonly transition?: "transform" | "default" | undefined;
|
|
78
78
|
readonly userSelect?: "none" | undefined;
|
|
79
|
-
readonly width?: "1" | "
|
|
79
|
+
readonly width?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
|
|
80
80
|
readonly backdropFilter?: "modalOverlay" | undefined;
|
|
81
|
-
margin?: "auto" | "0" | "1" | "
|
|
82
|
-
marginX?: "auto" | "0" | "1" | "
|
|
83
|
-
marginY?: "auto" | "0" | "1" | "
|
|
84
|
-
padding?: "0" | "1" | "
|
|
85
|
-
paddingX?: "0" | "1" | "
|
|
86
|
-
paddingY?: "0" | "1" | "
|
|
81
|
+
margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
82
|
+
marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
83
|
+
marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
|
|
84
|
+
padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
85
|
+
paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
86
|
+
paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
|
|
87
87
|
} & {
|
|
88
88
|
reset?: keyof JSX.IntrinsicElements;
|
|
89
89
|
} & HTMLProperties<HTMLElement> & {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const funLinkButtonStyle: string;
|
|
2
2
|
export declare const transitionStyles: string;
|
|
3
3
|
export declare const pressedStyles: string;
|
|
4
|
+
export declare const baseFunIconButtonStyle: string;
|
|
4
5
|
export declare const funIconButtonClickableStyle: string;
|
|
5
6
|
export declare const funIconButtonNonClickableStyle: string;
|
|
6
7
|
export declare const funIconButtonDisabledStyle: string;
|
|
@@ -10,6 +10,7 @@ export interface FunCountdownProps {
|
|
|
10
10
|
onCountdownLastSecond?: () => void;
|
|
11
11
|
children?: ReactNode | ((remainingSeconds: number) => ReactNode);
|
|
12
12
|
isHidden?: boolean;
|
|
13
|
+
isPaused?: boolean;
|
|
13
14
|
showPending?: boolean;
|
|
14
15
|
}
|
|
15
|
-
export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, children, showPending, }: FunCountdownProps) => React.JSX.Element | null;
|
|
16
|
+
export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children, showPending, }: FunCountdownProps) => React.JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const funOptionBoxStyle: Record<"defaultBorder" | "defaultBackground" | "baseStyle" | "transparentBorder" | "activeBorder" | "
|
|
1
|
+
export declare const funOptionBoxStyle: Record<"defaultBorder" | "defaultBackground" | "baseStyle" | "transparentBorder" | "activeBorder" | "disabledOptionBorder" | "activeBackground", string>;
|
|
@@ -4,13 +4,14 @@ interface ConnectedMeshPaymentMethodItemProps {
|
|
|
4
4
|
paymentMethodInfo: PaymentMethodBrokerageInfo;
|
|
5
5
|
isSelected: boolean;
|
|
6
6
|
onSelect: () => void;
|
|
7
|
+
onBrokerageError?: () => void;
|
|
7
8
|
targetChainId: string;
|
|
8
9
|
}
|
|
9
10
|
/** it is different from BrokeragePaymentMethodItem
|
|
10
11
|
* this component is for connected mesh brokerage like robinhood
|
|
11
12
|
* the other one is for connecting new brokerage button
|
|
12
13
|
* */
|
|
13
|
-
export declare const ConnectedMeshPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, targetChainId, }: ConnectedMeshPaymentMethodItemProps) => React.JSX.Element;
|
|
14
|
+
export declare const ConnectedMeshPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, onBrokerageError, targetChainId, }: ConnectedMeshPaymentMethodItemProps) => React.JSX.Element;
|
|
14
15
|
export declare const AccountBalancePaymentMethodItem: ({ isActive, isSource, customValueIcon, onClick, targetChainId, }: BasePaymentMethodItemProps & {
|
|
15
16
|
targetChainId: string;
|
|
16
17
|
}) => React.JSX.Element;
|
|
@@ -3,11 +3,6 @@ import React, { type ReactNode } from 'react';
|
|
|
3
3
|
import { type BoxProps } from '../Box/Box';
|
|
4
4
|
export declare function FunTxSummaryBox({ children, ...otherProps }: BoxProps): React.JSX.Element;
|
|
5
5
|
export declare function FunTxSummaryLineItem({ children, ...otherProps }: BoxProps): React.JSX.Element;
|
|
6
|
-
export declare function FunTxSummaryLineItemCollapsibleTrigger({ children, isDisabled, onClick, }: {
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
isDisabled: boolean;
|
|
9
|
-
onClick: () => void;
|
|
10
|
-
}): React.JSX.Element;
|
|
11
6
|
export declare function FunTxSummaryCollapsibleBox({ isExpanded, children, }: {
|
|
12
7
|
isExpanded: boolean;
|
|
13
8
|
children: ReactNode;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
|
|
2
|
+
import type { FunkitCheckoutQuoteResult } from '../../providers/FunkitCheckoutContext';
|
|
3
|
+
interface PaymentFeesSummaryProps {
|
|
4
4
|
isLoading: boolean;
|
|
5
|
-
|
|
6
|
-
}
|
|
5
|
+
quote: FunkitCheckoutQuoteResult | null | undefined;
|
|
6
|
+
}
|
|
7
|
+
export declare function PaymentFeesSummary({ isLoading, quote, }: PaymentFeesSummaryProps): React.JSX.Element;
|
|
8
|
+
export {};
|