@funkit/connect 5.0.10 → 5.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 +25 -0
- package/dist/{chunk-W45X55GI.js → chunk-5HIKBJTA.js} +9 -2
- package/dist/{chunk-N7ULOOYE.js → chunk-DYPSSLLL.js} +9 -2
- package/dist/components/Box/Box.d.ts +21 -21
- package/dist/components/Dialog/DialogContent.css.d.ts +1 -0
- package/dist/components/Dropdown/BaseActiveDropdownItem.d.ts +3 -2
- package/dist/components/Dropdown/BaseDropdown.d.ts +1 -0
- package/dist/components/Dropdown/BaseDropdownItem.d.ts +3 -1
- package/dist/components/Dropdown/TokenDropdown.d.ts +2 -2
- package/dist/components/DydxSwitchModalTab/DydxSwitchModalTab.d.ts +6 -3
- package/dist/components/FunAsset/FunAssetBadge.d.ts +2 -2
- package/dist/components/FunButton/FunIconButton.d.ts +0 -2
- package/dist/components/FunButton/FunRedirectButton.d.ts +6 -0
- package/dist/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.d.ts +13 -10
- package/dist/components/FunCountdown/FunCountdown.css.d.ts +0 -2
- package/dist/components/FunCountdown/FunCountdown.d.ts +6 -2
- package/dist/components/FunInfoBanner/EphemeralInfoBanner.d.ts +1 -1
- package/dist/components/FunNoResults/FunNoResults.d.ts +6 -2
- package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts +0 -1
- package/dist/components/FunTransactionSummary/PaymentAmountSummary.d.ts +14 -0
- package/dist/components/FunTransactionSummary/PaymentMethodSummary.d.ts +4 -17
- package/dist/components/FunTransactionSummary/PaymentRouteSummary.d.ts +12 -0
- package/dist/components/Icons/Icons.css.d.ts +1 -0
- package/dist/consts/customers.d.ts +1 -0
- package/dist/css/sprinkles.css.d.ts +40 -25
- package/dist/domains/asset.d.ts +2 -2
- package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +1 -1
- package/dist/hooks/useCheckoutTransferInit.d.ts +8 -0
- package/dist/hooks/useEnabledTokenTransferChainTokens.d.ts +2 -1
- package/dist/index.css +1851 -1449
- package/dist/index.js +3200 -3261
- package/dist/modals/CheckoutModal/useSourceAssetConfirm.d.ts +1 -2
- package/dist/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.d.ts +3 -2
- package/dist/providers/FunkitThemeProvider.d.ts +27 -6
- package/dist/providers/GeneralWalletProvider.d.ts +8 -8
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.js +1 -1
- package/dist/utils/checkout.d.ts +3 -3
- 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 +5 -5
- package/dist/hooks/useCheckoutTransferDepositAddress.d.ts +0 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 5.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 8a056b6: feat: add solana source chain
|
|
8
|
+
- 8a056b6: feat: add solana qr code support
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- 42b62f7: fix(connect): add top padding for Get help modal title
|
|
13
|
+
- dd93bef: feat(connect): replace FunSelect with BaseDropdown in Get help section
|
|
14
|
+
- fcd8616: feat: update visuals of pending checkout state
|
|
15
|
+
- 55fcce6: fix(connect): adjust width & height of modal on mobile
|
|
16
|
+
- 6a6011a: feat(connect): add background color to inputs on hover
|
|
17
|
+
- 8de54a2: feat(connect): show YouPayYouReceive for exchange and card checkouts
|
|
18
|
+
- 4d2277d: fix: remove unused refuel field
|
|
19
|
+
- Updated dependencies [8a056b6]
|
|
20
|
+
- Updated dependencies [8a056b6]
|
|
21
|
+
- Updated dependencies [0e52daf]
|
|
22
|
+
- Updated dependencies [4d2277d]
|
|
23
|
+
- @funkit/chains@0.2.0
|
|
24
|
+
- @funkit/api-base@1.6.0
|
|
25
|
+
- @funkit/core@2.3.12
|
|
26
|
+
- @funkit/wagmi-tools@3.0.34
|
|
27
|
+
|
|
3
28
|
## 5.0.10
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -80,16 +80,23 @@ var darkTheme = ({
|
|
|
80
80
|
buttonBackgroundHoverTertiary: "#333333",
|
|
81
81
|
buttonTextTertiary: "#FFF",
|
|
82
82
|
buttonTextDisabledTertiary: "rgba(255, 255, 255, 0.65)",
|
|
83
|
-
buttonStrokeTertiary: "rgba(255, 255, 255, 0.35)",
|
|
84
83
|
buttonBackground: "#FFF",
|
|
85
84
|
buttonBackgroundHover: "#f2f2f2",
|
|
86
85
|
buttonBackgroundDisabled: "rgba(255, 255, 255, 0.65)",
|
|
87
|
-
buttonStroke: "rgba(255, 255, 255, 0.35)",
|
|
88
86
|
buttonTextSecondaryDisabled: "rgba(255, 255, 255, 0.65)",
|
|
89
87
|
buttonTextSecondary: "#FFFFFF",
|
|
90
88
|
buttonIconBackgroundHover: "#333333",
|
|
91
89
|
buttonIconBackgroundPressed: "#333333",
|
|
92
90
|
buttonIconStroke: "rgba(255, 255, 255, 0.35)",
|
|
91
|
+
buttonBorder: "transparent",
|
|
92
|
+
buttonBorderHover: "transparent",
|
|
93
|
+
buttonBorderActive: "transparent",
|
|
94
|
+
buttonBorderFocused: "rgba(255, 255, 255, 0.35)",
|
|
95
|
+
buttonBorderTertiary: "transparent",
|
|
96
|
+
buttonBorderHoverTertiary: "transparent",
|
|
97
|
+
buttonBorderActiveTertiary: "transparent",
|
|
98
|
+
buttonBorderFocusedTertiary: "rgba(255, 255, 255, 0.35)",
|
|
99
|
+
buttonFocusedOutline: "none",
|
|
93
100
|
// TODO: Make common colors when refactoring the design system
|
|
94
101
|
inputAmountQuickOptionBaseBackground: "#1F1F1F",
|
|
95
102
|
inputAmountQuickOptionHoverBackground: "#333333",
|
|
@@ -80,16 +80,23 @@ var lightTheme = ({
|
|
|
80
80
|
buttonBackgroundHoverTertiary: "#F0F0F0",
|
|
81
81
|
buttonTextTertiary: "#000",
|
|
82
82
|
buttonTextDisabledTertiary: "rgba(0, 0, 0, 0.5)",
|
|
83
|
-
buttonStrokeTertiary: "rgba(0, 0, 0, 0.35)",
|
|
84
83
|
buttonBackground: "#000",
|
|
85
84
|
buttonBackgroundHover: "#333333",
|
|
86
85
|
buttonBackgroundDisabled: "rgba(0, 0, 0, 0.5)",
|
|
87
|
-
buttonStroke: "rgba(0, 0, 0, 0.5)",
|
|
88
86
|
buttonTextSecondaryDisabled: "rgba(0, 0, 0, 0.5)",
|
|
89
87
|
buttonTextSecondary: "#000000",
|
|
90
88
|
buttonIconBackgroundHover: "#F7F7F7",
|
|
91
89
|
buttonIconBackgroundPressed: "#F0F0F0",
|
|
92
90
|
buttonIconStroke: "rgba(0, 0, 0, 0.35)",
|
|
91
|
+
buttonBorder: "transparent",
|
|
92
|
+
buttonBorderHover: "transparent",
|
|
93
|
+
buttonBorderActive: "transparent",
|
|
94
|
+
buttonBorderFocused: "rgba(0, 0, 0, 0.5)",
|
|
95
|
+
buttonBorderTertiary: "transparent",
|
|
96
|
+
buttonBorderHoverTertiary: "transparent",
|
|
97
|
+
buttonBorderActiveTertiary: "transparent",
|
|
98
|
+
buttonBorderFocusedTertiary: "rgba(0, 0, 0, 0.35)",
|
|
99
|
+
buttonFocusedOutline: "none",
|
|
93
100
|
// TODO: Make common colors when refactoring the design system
|
|
94
101
|
inputAmountQuickOptionBaseBackground: "#F7F7F7",
|
|
95
102
|
inputAmountQuickOptionHoverBackground: "#F0F0F0",
|
|
@@ -3,21 +3,21 @@ 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" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | {
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | undefined;
|
|
13
13
|
} | undefined;
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | {
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | undefined;
|
|
21
21
|
} | undefined;
|
|
22
22
|
boxShadow?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | "qrCode" | {
|
|
23
23
|
base?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | "qrCode" | undefined;
|
|
@@ -27,13 +27,13 @@ export declare const Box: React.ForwardRefExoticComponent<{
|
|
|
27
27
|
focused?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | "qrCode" | undefined;
|
|
28
28
|
focusedVisible?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | "qrCode" | undefined;
|
|
29
29
|
} | undefined;
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | {
|
|
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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | 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" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorder" | "buttonBorderHover" | "buttonBorderActive" | "buttonBorderFocused" | "buttonBorderTertiary" | "buttonBorderHoverTertiary" | "buttonBorderActiveTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | undefined;
|
|
37
37
|
} | undefined;
|
|
38
38
|
} & {
|
|
39
39
|
alignItems?: "center" | "flex-end" | "flex-start" | {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const SCROLL_BAR_WIDTH = 6;
|
|
2
2
|
export declare const BASE_DIALOG_PADDING = "6";
|
|
3
|
+
export declare const DIALOG_BOTTOM_PADDING = "15";
|
|
3
4
|
export declare const dialog: string;
|
|
4
5
|
export declare const dialogCompact: string;
|
|
5
6
|
export declare const dialogMedium: string;
|
|
@@ -8,11 +8,12 @@ export interface BaseActiveDropdownItemProps {
|
|
|
8
8
|
horizontalIconGap?: BoxProps['gap'];
|
|
9
9
|
alwaysVisibleLabel?: string;
|
|
10
10
|
tagComponent?: React.ReactNode;
|
|
11
|
-
size?: 'regular' | 'compact';
|
|
11
|
+
size?: 'regular' | 'compact' | 'large';
|
|
12
12
|
color?: BoxProps['color'];
|
|
13
|
+
background?: BoxProps['background'];
|
|
13
14
|
}
|
|
14
15
|
/**
|
|
15
16
|
* Represents the component used to open the dropdown, usually displayed all the time.
|
|
16
17
|
*/
|
|
17
|
-
declare function BaseActiveDropdownItem({ iconComponent, label, isOpened, onClick, horizontalIconGap, alwaysVisibleLabel, tagComponent, size, color, }: BaseActiveDropdownItemProps): React.JSX.Element;
|
|
18
|
+
declare function BaseActiveDropdownItem({ iconComponent, label, isOpened, onClick, horizontalIconGap, alwaysVisibleLabel, tagComponent, size, color, background, }: BaseActiveDropdownItemProps): React.JSX.Element;
|
|
18
19
|
export default BaseActiveDropdownItem;
|
|
@@ -17,6 +17,7 @@ export interface BaseDropdownProps {
|
|
|
17
17
|
color?: BaseActiveDropdownItemProps['color'];
|
|
18
18
|
alwaysVisibleLabel?: string;
|
|
19
19
|
tagComponent?: React.ReactNode;
|
|
20
|
+
background?: BaseActiveDropdownItemProps['background'];
|
|
20
21
|
};
|
|
21
22
|
options: BaseDropdownOption[];
|
|
22
23
|
onOptionSelected?: (item: BaseDropdownOption) => void;
|
|
@@ -9,9 +9,11 @@ interface BaseDropdownItemProps {
|
|
|
9
9
|
isDisabled?: boolean;
|
|
10
10
|
horizontalIconGap?: BoxProps['gap'];
|
|
11
11
|
tagComponent?: React.ReactNode;
|
|
12
|
+
horizontalPadding?: BoxProps['paddingX'];
|
|
13
|
+
verticalPadding?: BoxProps['paddingY'];
|
|
12
14
|
}
|
|
13
15
|
/**
|
|
14
16
|
* Represents a single option in a dropdown.
|
|
15
17
|
*/
|
|
16
|
-
declare function BaseDropdownItem({ iconComponent, label, id, onClick, isSelected, isDisabled, horizontalIconGap, tagComponent, }: BaseDropdownItemProps): React.JSX.Element;
|
|
18
|
+
declare function BaseDropdownItem({ iconComponent, label, id, onClick, isSelected, isDisabled, horizontalIconGap, tagComponent, horizontalPadding, verticalPadding, }: BaseDropdownItemProps): React.JSX.Element;
|
|
17
19
|
export default BaseDropdownItem;
|
|
@@ -6,5 +6,5 @@ interface TokenDropdownProps {
|
|
|
6
6
|
onTokenSelected: (token: string, chainId?: number) => void;
|
|
7
7
|
defaultSelectedToken?: string;
|
|
8
8
|
}
|
|
9
|
-
declare const TokenDropdown: ({ assets, selectedChainId, defaultSelectedToken, onTokenSelected, }: TokenDropdownProps) => React.JSX.Element;
|
|
10
|
-
export
|
|
9
|
+
export declare const TokenDropdown: ({ assets, selectedChainId, defaultSelectedToken, onTokenSelected, }: TokenDropdownProps) => React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
|
|
3
2
|
interface DydxSwitchTabProps {
|
|
4
|
-
|
|
3
|
+
onSwitch: (() => void) | undefined;
|
|
5
4
|
showSwitch: boolean;
|
|
6
5
|
onClose?: () => void;
|
|
7
6
|
}
|
|
8
|
-
export declare function
|
|
7
|
+
export declare function DydxSwitchTabInternal({ limitLabel, onSwitch, }: {
|
|
8
|
+
limitLabel: string;
|
|
9
|
+
onSwitch: () => void;
|
|
10
|
+
}): React.JSX.Element;
|
|
11
|
+
export declare function DydxSwitchTab({ onSwitch, showSwitch, onClose, }: DydxSwitchTabProps): React.JSX.Element | null;
|
|
9
12
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type BoxProps } from '../Box/Box';
|
|
3
3
|
interface FunAssetBadgeProps {
|
|
4
|
-
|
|
4
|
+
text: React.ReactNode;
|
|
5
5
|
background?: BoxProps['background'];
|
|
6
6
|
borderColor?: BoxProps['borderColor'];
|
|
7
7
|
color?: BoxProps['color'];
|
|
@@ -12,5 +12,5 @@ export interface BadgeColors {
|
|
|
12
12
|
text: BoxProps['color'];
|
|
13
13
|
}
|
|
14
14
|
export declare const defaultBadgeColors: BadgeColors;
|
|
15
|
-
export declare function FunAssetBadge({
|
|
15
|
+
export declare function FunAssetBadge({ text, background, borderColor, color, }: FunAssetBadgeProps): React.JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -6,12 +6,10 @@ type FunIconButtonVariant = 'filled' | 'quiet' | 'outlined';
|
|
|
6
6
|
interface FunIconButtonCustomColors {
|
|
7
7
|
baseBackground?: BackgroundColorType;
|
|
8
8
|
disabledBackground?: BackgroundColorType;
|
|
9
|
-
pressedBackground?: BackgroundColorType;
|
|
10
9
|
hoverBackground?: BackgroundColorType;
|
|
11
10
|
activeBackground?: BackgroundColorType;
|
|
12
11
|
baseBorder?: BorderColorType;
|
|
13
12
|
hoverBorder?: BorderColorType;
|
|
14
|
-
activeBorder?: BorderColorType;
|
|
15
13
|
focusedBorder?: BorderColorType;
|
|
16
14
|
}
|
|
17
15
|
export interface FunIconButtonProps extends Pick<BoxProps, 'as' | 'borderRadius' | 'color' | 'fontSize' | 'fontWeight' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'style'> {
|
|
@@ -5,4 +5,10 @@ interface FunRedirectButtonProps extends Omit<FunIconButtonProps, 'icon'> {
|
|
|
5
5
|
to: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const FunRedirectButton: ({ to, size, paddingX, paddingY, icon, ...buttonProps }: FunRedirectButtonProps) => React.JSX.Element;
|
|
8
|
+
interface AddressRedirectButtonProps {
|
|
9
|
+
chainId: string;
|
|
10
|
+
address: string;
|
|
11
|
+
customRedirectUrl?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const AddressRedirectButton: ({ chainId, address, customRedirectUrl, }: AddressRedirectButtonProps) => React.JSX.Element;
|
|
8
14
|
export {};
|
|
@@ -1,10 +1,6 @@
|
|
|
1
|
-
import React, { type ReactNode
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
2
|
import type { Address } from 'viem';
|
|
3
|
-
|
|
4
|
-
* Hook for sharing the logic for the custom status icon animation in checkout details. This is very
|
|
5
|
-
* much _not_ generic or intended to be reused anywhere, but the component itself is duplicated.
|
|
6
|
-
*/
|
|
7
|
-
export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, isCheckoutDetailView, paddingTop, topbar, withTopDivider, }: {
|
|
3
|
+
interface CustomStatusAnimationParams {
|
|
8
4
|
depositAddress: Address | undefined;
|
|
9
5
|
/** Whether status icon is currently shown */
|
|
10
6
|
isCheckoutDetailView: boolean;
|
|
@@ -14,13 +10,20 @@ export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, is
|
|
|
14
10
|
topbar: ReactNode;
|
|
15
11
|
/** Whether to show the topbar divider when _not_ in checkout detail view */
|
|
16
12
|
withTopDivider: 'always' | 'never' | 'scroll' | undefined;
|
|
17
|
-
|
|
13
|
+
/** ID of the element to scroll (main dialog content) when scrolling over the overflowed title */
|
|
14
|
+
scrollableContent: string;
|
|
15
|
+
}
|
|
16
|
+
interface CustomStatusAnimationReturn {
|
|
18
17
|
/** To be passed to scrolling container, to sync the scroll position */
|
|
19
18
|
onScroll: React.UIEventHandler<HTMLElement>;
|
|
20
|
-
/** To be passed to scrolling container, to initialize the scroll position */
|
|
21
|
-
ref: RefCallback<HTMLElement>;
|
|
22
19
|
/** Modal topbar, to which a modulated-opacity background was added */
|
|
23
20
|
topbar: ReactNode;
|
|
24
21
|
/** Whether to show the topbar divider */
|
|
25
22
|
withTopDivider: 'always' | 'never' | 'scroll' | undefined;
|
|
26
|
-
}
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Hook for sharing the logic for the custom status icon animation in checkout details. This is very
|
|
26
|
+
* much _not_ generic or intended to be reused anywhere, but the component itself is duplicated.
|
|
27
|
+
*/
|
|
28
|
+
export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, isCheckoutDetailView, paddingTop, topbar, withTopDivider, scrollableContent, }: CustomStatusAnimationParams): CustomStatusAnimationReturn;
|
|
29
|
+
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type AnimationProps } from 'motion/react';
|
|
1
2
|
import React, { type ReactNode } from 'react';
|
|
2
3
|
export interface FunCountdownProps {
|
|
3
4
|
countdownSeconds: number;
|
|
@@ -11,6 +12,9 @@ export interface FunCountdownProps {
|
|
|
11
12
|
children?: ReactNode | ((remainingSeconds: number) => ReactNode);
|
|
12
13
|
isHidden?: boolean;
|
|
13
14
|
isPaused?: boolean;
|
|
14
|
-
|
|
15
|
+
/** Optional component to be used instead of the countdown after it ends */
|
|
16
|
+
delayedComponent?: ReactNode;
|
|
17
|
+
/** Animation props to controll how the coundown is replaced with the delayedComponent */
|
|
18
|
+
motionProps?: AnimationProps;
|
|
15
19
|
}
|
|
16
|
-
export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children,
|
|
20
|
+
export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children, delayedComponent, motionProps, }: FunCountdownProps) => React.JSX.Element | null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type InfoBannerProps } from './InfoBanner';
|
|
3
|
-
/** InfoBanner that
|
|
3
|
+
/** InfoBanner that disappears at a certain point in time */
|
|
4
4
|
export declare const EphemeralInfoBanner: ({ expireAtMs, ...props }: InfoBannerProps & {
|
|
5
5
|
expireAtMs: number;
|
|
6
6
|
}) => React.JSX.Element | null;
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
import React
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface FunNoResultsProps {
|
|
3
|
+
text: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const FunNoResults: ({ text }: FunNoResultsProps) => React.JSX.Element;
|
|
6
|
+
export {};
|