@funkit/connect 4.0.3 → 4.1.1
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 +33 -0
- package/dist/{chunk-LTOE4GIY.js → chunk-2QK6Y7FR.js} +2 -9
- package/dist/{chunk-3F3EYDDR.js → chunk-JFHTYZ23.js} +2 -9
- package/dist/{chunk-OMAXDH7G.js → chunk-TKJVOYWW.js} +5 -3
- package/dist/components/Box/Box.d.ts +51 -51
- package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
- package/dist/components/FunPayments/FunPaymentMethods.d.ts +2 -1
- package/dist/components/HelpAlert/HelpAlert.d.ts +6 -0
- package/dist/config/getDefaultConfig.d.ts +34 -34
- package/dist/consts/customers.d.ts +1 -0
- package/dist/consts/funkit.d.ts +0 -1
- package/dist/css/sprinkles.css.d.ts +53 -83
- package/dist/domains/checkoutFees.d.ts +1 -1
- package/dist/domains/quote.d.ts +2 -6
- package/dist/hooks/useMountEffect.d.ts +8 -0
- package/dist/index.css +1849 -2397
- package/dist/index.js +1848 -1594
- package/dist/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.d.ts +1 -0
- package/dist/modals/CheckoutModal/SourceChange/SourceChange.d.ts +6 -0
- package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -0
- package/dist/providers/FunkitCheckoutContext.d.ts +2 -3
- package/dist/providers/FunkitConfigContext.d.ts +0 -7
- package/dist/providers/FunkitHistoryContext.d.ts +1 -1
- package/dist/providers/FunkitMeshProvider.d.ts +2 -0
- package/dist/providers/FunkitThemeProvider.d.ts +3 -48
- package/dist/providers/ModalContext.d.ts +0 -4
- package/dist/{scroll-G557LOXM.js → scroll-G3S4ZVYZ.js} +1 -1
- package/dist/themes/baseTheme.d.ts +2 -1
- 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 +8 -39
- package/dist/utils/checkoutHistory.d.ts +7 -0
- package/dist/utils/flags/config.d.ts +21 -7
- 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 +50 -50
- 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/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/DevTest/FunDevTestModal.d.ts +0 -6
- package/dist/wallets/walletConnectors/chunk-25VW5TZP.js +0 -92
- package/dist/wallets/walletConnectors/chunk-3NC26XLM.js +0 -92
- package/dist/wallets/walletConnectors/chunk-3U3BMEH5.js +0 -94
- package/dist/wallets/walletConnectors/chunk-4UM4GTKZ.js +0 -103
- package/dist/wallets/walletConnectors/chunk-545L7Y4M.js +0 -69
- package/dist/wallets/walletConnectors/chunk-6LPM6LUQ.js +0 -110
- package/dist/wallets/walletConnectors/chunk-7GSNBOD3.js +0 -99
- package/dist/wallets/walletConnectors/chunk-ETTNDQQG.js +0 -100
- package/dist/wallets/walletConnectors/chunk-FRGSRLTS.js +0 -93
- package/dist/wallets/walletConnectors/chunk-HKV7EMYZ.js +0 -96
- package/dist/wallets/walletConnectors/chunk-IPOC2VJX.js +0 -106
- package/dist/wallets/walletConnectors/chunk-JXP2QPW7.js +0 -95
- package/dist/wallets/walletConnectors/chunk-KFFJPS5R.js +0 -96
- package/dist/wallets/walletConnectors/chunk-LEXSM5KI.js +0 -87
- package/dist/wallets/walletConnectors/chunk-MOOBCMMB.js +0 -70
- package/dist/wallets/walletConnectors/chunk-N2NIIUW6.js +0 -146
- package/dist/wallets/walletConnectors/chunk-W5O4YSZN.js +0 -98
- package/dist/wallets/walletConnectors/chunk-XYBEMO3C.js +0 -66
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,38 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 4.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 6d4f6fe: feat: allow for custom font sizings
|
|
8
|
+
- d284117: feat: new enable_token_transfer_universal_deposit_address flag, deprecate asset_blacklist flag
|
|
9
|
+
|
|
10
|
+
## 4.1.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- 76c5b60: chore: remove unused FunkitConfig props
|
|
15
|
+
- 68af67d: feat: add mesh information persistence support
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- a2d00f6: refactor: improve accuracy of completion times
|
|
20
|
+
- d4c9072: refactor: update tooltip copy, increase max width
|
|
21
|
+
- 0e07f60: refactor: remove tooltip box shadow
|
|
22
|
+
- 565c802: feat: expedited checkout history fetch on history page
|
|
23
|
+
- 5072b2e: fix: add public rpc fallbacks
|
|
24
|
+
- 68af67d: fix: fix unlink button spacing
|
|
25
|
+
- 5480b02: feat: replace text based focused colors with appropriate color variables
|
|
26
|
+
- Updated dependencies [95d0e1a]
|
|
27
|
+
- Updated dependencies [eb0f97b]
|
|
28
|
+
- Updated dependencies [68af67d]
|
|
29
|
+
- Updated dependencies [4a2ce90]
|
|
30
|
+
- Updated dependencies [eb0f97b]
|
|
31
|
+
- Updated dependencies [5072b2e]
|
|
32
|
+
- @funkit/core@2.3.0
|
|
33
|
+
- @funkit/api-base@1.5.0
|
|
34
|
+
- @funkit/wagmi-tools@3.0.21
|
|
35
|
+
|
|
3
36
|
## 4.0.3
|
|
4
37
|
|
|
5
38
|
### Patch Changes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
baseTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-TKJVOYWW.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
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
baseTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-TKJVOYWW.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
|
};
|
|
@@ -88,6 +86,7 @@ var baseTheme = ({
|
|
|
88
86
|
fontSizing = "regular",
|
|
89
87
|
customFontFamily,
|
|
90
88
|
customFontWeights = DEFAULT_FONT_WEIGHTS,
|
|
89
|
+
customFontSizings = FONT_SIZINGS[fontSizing],
|
|
91
90
|
overlayBlur = "small"
|
|
92
91
|
}) => ({
|
|
93
92
|
blurs: {
|
|
@@ -100,7 +99,10 @@ var baseTheme = ({
|
|
|
100
99
|
...DEFAULT_FONT_WEIGHTS,
|
|
101
100
|
...customFontWeights
|
|
102
101
|
},
|
|
103
|
-
fontSize:
|
|
102
|
+
fontSize: {
|
|
103
|
+
...FONT_SIZINGS[fontSizing],
|
|
104
|
+
...customFontSizings
|
|
105
|
+
},
|
|
104
106
|
radii: {
|
|
105
107
|
actionButton: radiusScales[borderRadius].actionButton,
|
|
106
108
|
connectButton: radiusScales[borderRadius].connectButton,
|
|
@@ -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
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 +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;
|