@funkit/connect 8.2.1-next.0 → 8.2.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.
Files changed (65) hide show
  1. package/CHANGELOG.md +85 -0
  2. package/dist/{chunk-MGQZMUZ2.js → chunk-BP7VOYBS.js} +9 -0
  3. package/dist/{chunk-OTMBU2BL.js → chunk-KKGSXLMH.js} +5 -1
  4. package/dist/{chunk-FBCU3TQA.js → chunk-MYPFORR2.js} +5 -1
  5. package/dist/clients/fanatics.css +3862 -3481
  6. package/dist/clients/fanatics.js +247 -3
  7. package/dist/components/AsyncImage/useAsyncImage.d.ts +2 -0
  8. package/dist/components/Box/Box.d.ts +28 -28
  9. package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryBottomBar.d.ts +10 -0
  10. package/dist/components/FunOptionBox/FunOptionBox.css.d.ts +1 -1
  11. package/dist/components/TransactionStatus/AnimatedSpinner/AnimatedSpinner.d.ts +10 -0
  12. package/dist/components/TransactionStatus/AnimatedSpinner/AnimatedSpinnerLoading.d.ts +6 -0
  13. package/dist/css/sprinkles.css.d.ts +52 -28
  14. package/dist/hooks/queries/useRecentCheckouts.d.ts +0 -5
  15. package/dist/hooks/useCheckoutTimeEstimate.d.ts +1 -1
  16. package/dist/index.css +3862 -3481
  17. package/dist/index.js +2583 -2366
  18. package/dist/modals/CheckoutModal/{SelectAsset.d.ts → SelectAsset/SelectAsset.d.ts} +3 -3
  19. package/dist/modals/CheckoutModal/SelectAsset/SelectAssetInfoSection.d.ts +12 -0
  20. package/dist/modals/CheckoutModal/SelectAsset/SelectAssetList.d.ts +24 -0
  21. package/dist/modals/CheckoutModal/stepTransition.d.ts +1 -1
  22. package/dist/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.d.ts +1 -1
  23. package/dist/providers/FunkitConfigContext.d.ts +8 -0
  24. package/dist/providers/FunkitThemeProvider.d.ts +36 -0
  25. package/dist/themes/baseTheme.js +1 -1
  26. package/dist/themes/darkTheme.js +2 -2
  27. package/dist/themes/lightTheme.js +2 -2
  28. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  29. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
  31. package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
  33. package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
  35. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  36. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  37. package/dist/wallets/walletConnectors/index.js +41 -41
  38. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  39. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  40. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  41. package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
  42. package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
  43. package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
  44. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  45. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  46. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  47. package/package.json +4 -4
  48. package/dist/wallets/walletConnectors/{chunk-T5KHVUFR.js → chunk-3ZWIUCOI.js} +3 -3
  49. package/dist/wallets/walletConnectors/{chunk-77UTBHGP.js → chunk-4SC3PZVM.js} +3 -3
  50. package/dist/wallets/walletConnectors/{chunk-5EAOMOTO.js → chunk-5AV2NSL3.js} +3 -3
  51. package/dist/wallets/walletConnectors/{chunk-RA7MCWF4.js → chunk-5FWURLPF.js} +3 -3
  52. package/dist/wallets/walletConnectors/{chunk-R6Y36CMA.js → chunk-6677RKVT.js} +3 -3
  53. package/dist/wallets/walletConnectors/{chunk-MRRZOQGZ.js → chunk-75A4Q5E5.js} +3 -3
  54. package/dist/wallets/walletConnectors/{chunk-U5QP7MI5.js → chunk-ENLR4LXN.js} +3 -3
  55. package/dist/wallets/walletConnectors/{chunk-2E4PDCEJ.js → chunk-FT5BX7TL.js} +3 -3
  56. package/dist/wallets/walletConnectors/{chunk-JFHP4YJG.js → chunk-GEMN6DM5.js} +3 -3
  57. package/dist/wallets/walletConnectors/{chunk-CZYUE3AR.js → chunk-GXTI2PZD.js} +3 -3
  58. package/dist/wallets/walletConnectors/{chunk-47QF6EET.js → chunk-LGT6IAXI.js} +3 -3
  59. package/dist/wallets/walletConnectors/{chunk-W7Y6I22Y.js → chunk-N7475PGA.js} +3 -3
  60. package/dist/wallets/walletConnectors/{chunk-FA5DTT5R.js → chunk-O6YFVGVQ.js} +3 -3
  61. package/dist/wallets/walletConnectors/{chunk-UOTQQJJD.js → chunk-OCM5YHT5.js} +3 -3
  62. package/dist/wallets/walletConnectors/{chunk-HPHADOYD.js → chunk-PRGCIJ7Y.js} +3 -3
  63. package/dist/wallets/walletConnectors/{chunk-VYNVAGSV.js → chunk-RNIMZDHW.js} +3 -3
  64. package/dist/wallets/walletConnectors/{chunk-RLRQYUYC.js → chunk-TLOROKED.js} +3 -3
  65. package/dist/wallets/walletConnectors/{chunk-YLJDPTYF.js → chunk-WNQ3NPHX.js} +3 -3
@@ -1,3 +1,5 @@
1
1
  export type AsyncImageSrc = () => Promise<string>;
2
2
  export declare function loadImages(...urls: (string | AsyncImageSrc)[]): Promise<(string | undefined)[]>;
3
3
  export declare function useAsyncImage(url?: string | AsyncImageSrc): string | undefined;
4
+ /** Preload remote images by triggering browser fetches via Image(). */
5
+ export declare function preloadRemoteImages(...imageUrls: string[]): void;
@@ -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" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | {
7
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
8
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
9
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
10
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
11
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
12
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
6
+ background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | {
7
+ base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
8
+ hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
9
+ active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
10
+ selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
11
+ focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
12
+ focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | 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" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | {
15
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
16
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
17
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
18
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
19
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
20
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
14
+ borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | {
15
+ base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
16
+ hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
17
+ active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
18
+ selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
19
+ focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
20
+ focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
21
21
  } | undefined;
22
22
  boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | {
23
23
  base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
@@ -27,13 +27,13 @@ export declare const Box: React.ForwardRefExoticComponent<{
27
27
  focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | undefined;
28
28
  focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonShadowTertiary" | "buttonFocusedShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadow" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonDisabledShadowTertiary" | "buttonInnerShadow" | "buttonInnerShadowTertiary" | "buttonFocusedInnerShadow" | "buttonFocusedInnerShadowTertiary" | "buttonHoverInnerShadow" | "buttonHoverInnerShadowTertiary" | "buttonDisabledInnerShadow" | "buttonDisabledInnerShadowTertiary" | "selectedDropdownItem" | 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" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | {
31
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
32
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
33
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
34
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
35
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
36
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
30
+ color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | {
31
+ base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
32
+ hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
33
+ active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
34
+ selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
35
+ focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
36
+ focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "delayedStatusIcon" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "modalTopbarIconBackground" | "modalTopbarIconBackgroundHover" | "modalTopbarIconBackgroundPressed" | "modalTopbarIconStroke" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "activeTabBorderColor" | "activeTabBackground" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "buttonBorderTertiary" | "buttonBorderFocusedTertiary" | "buttonFocusedOutline" | "buttonBorderGradient" | "buttonHoverBorderGradient" | "buttonDisabledBorderGradient" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "newBadgeBackground" | "newBadgeBorder" | "newBadgeText" | "approvedBadgeBackground" | "approvedBadgeBorder" | "approvedBadgeText" | "failedBadgeBackground" | "failedBadgeBorder" | "failedBadgeText" | "inputAmountQuickOptionBaseBackground" | "inputAmountQuickOptionHoverBackground" | "inputAmountQuickOptionActiveBackground" | "inputAmountQuickOptionDisabledBackground" | "inputAmountQuickOptionBaseBorder" | "inputAmountQuickOptionHoverBorder" | "inputAmountQuickOptionActiveBorder" | "inputAmountQuickOptionFocusedBorder" | "inputAmountFiatDecimalsColor" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "optionBoxBackgroundUninteractive" | "dropdownActiveItemBackgroundBase" | "dropdownActiveItemBackgroundHover" | "dropdownActiveItemBackgroundDisabled" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | "txSummaryBoxBackground" | "txSummaryBoxBorder" | undefined;
37
37
  } | undefined;
38
38
  } & {
39
39
  alignItems?: "center" | "flex-end" | "flex-start" | {
@@ -52,21 +52,21 @@ export declare const Box: React.ForwardRefExoticComponent<{
52
52
  readonly borderWidth?: "0" | "1" | "activeOptionBorderWidth" | "buttonTertiaryBorderWidth" | "txSummaryBoxBorderWidth" | "2" | "3" | "4" | "0.5" | undefined;
53
53
  readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
54
54
  readonly flexDirection?: "column" | "row" | undefined;
55
- readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
55
+ readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "amountValue" | "body" | "header" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | undefined;
56
56
  readonly fontSize?: "inherit" | "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "body" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "header-14" | "header-36" | "dollarValue" | "modalTopbarSubtitle" | "youPayYouReceivePrimaryFontSize" | "youPayYouReceiveSecondaryFontSize" | "transferTokenLabelFontSize" | "depositAddressFontSize" | "funFeatureListItemFontSize" | undefined;
57
57
  readonly fontWeight?: "inherit" | "medium" | "bold" | "inputAmount" | "txStatusDescription" | "txStatusTitle" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | "modalBottomBarButtonText" | "paymentMethodItemSubtitle" | "paymentMethodItemTitle" | "selectAssetItemSubtitle" | "selectAssetItemTitle" | "transferTokenLabelFontWeight" | "txBreakdown" | "txSummaryLabel" | "txSummaryValue" | undefined;
58
58
  readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
59
- readonly height?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "selectAssetItemIconSize" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
59
+ readonly height?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "selectAssetItemIconSize" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "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
62
  readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
63
63
  readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
64
64
  readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
65
65
  readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
66
- readonly minHeight?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "selectAssetItemIconSize" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
67
- readonly maxHeight?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "selectAssetItemIconSize" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
68
- readonly maxWidth?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "selectAssetItemIconSize" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
69
- readonly minWidth?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "selectAssetItemIconSize" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
66
+ readonly minHeight?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "selectAssetItemIconSize" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
67
+ readonly maxHeight?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "selectAssetItemIconSize" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
68
+ readonly maxWidth?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "selectAssetItemIconSize" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
69
+ readonly minWidth?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "selectAssetItemIconSize" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
70
70
  readonly overflow?: "hidden" | undefined;
71
71
  readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
72
72
  readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
@@ -77,7 +77,7 @@ export declare const Box: React.ForwardRefExoticComponent<{
77
77
  readonly textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | "txStatusTitle" | "inputAmountQuickOptionButton" | undefined;
78
78
  readonly transition?: "transform" | "default" | undefined;
79
79
  readonly userSelect?: "none" | undefined;
80
- readonly width?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "selectAssetItemIconSize" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
80
+ readonly width?: "1" | "connectExchangeIconSize" | "dollarValueSkeletonHeight" | "dollarValueSkeletonWidth" | "inputAmountQuickOptionButtonHeight" | "inputAmountMinHeight" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "paymentAmountSkeletonBlockHeight" | "paymentAmountSkeletonBlockWidth" | "paymentAmountSkeletonCircleSize" | "selectAssetItemIconSize" | "txBreakdownSkeletonWidth" | "txSummaryLineSkeletonHeight" | "txSummaryLineSkeletonWidth" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "76" | "93" | "96" | "100" | "108" | "120" | "160" | "180" | "200" | "240" | "half" | "max" | undefined;
81
81
  readonly backdropFilter?: "modalOverlay" | undefined;
82
82
  margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
83
83
  marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "confirmationStepMarginTop" | "confirmationStepVerticalGap" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "selectAssetItemPaddingX" | "selectAssetItemPaddingY" | "selectAssetItemTextGap" | "selectBrokerageItemPaddingX" | "selectBrokerageItemPaddingY" | "txBreakdownMarginY" | "txBreakdownPaddingX" | "txSummaryBoxPaddingX" | "txSummaryBoxPaddingY" | "txSummaryLineItemPadding" | "txSummaryDividerMarginX" | "txSummaryDividerMarginY" | "youPayYouReceivePaddingY" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
@@ -0,0 +1,10 @@
1
+ import { type FC } from 'react';
2
+ import type { FunButtonProps } from '../../components/FunButton/FunButton';
3
+ interface FunDirectExecutionHistoryBottomBarProps {
4
+ isProcessing: boolean;
5
+ isLoaded: boolean;
6
+ onClose?: () => void;
7
+ actionButtonProps?: FunButtonProps;
8
+ }
9
+ export declare const FunDirectExecutionHistoryBottomBar: FC<FunDirectExecutionHistoryBottomBarProps>;
10
+ export {};
@@ -1 +1 @@
1
- export declare const funOptionBoxStyle: Record<"baseStyle" | "compactListStyle" | "defaultBorder" | "transparentBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "activeBackground" | "uninteractiveBackground", string>;
1
+ export declare const funOptionBoxStyle: Record<"activeBackground" | "baseStyle" | "compactListStyle" | "defaultBorder" | "transparentBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "uninteractiveBackground", string>;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import type { CheckoutProgressStep } from '../../../providers/FunkitCheckoutContext';
3
+ import type { TransactionStatusProps } from '../TransactionStatus';
4
+ interface AnimatedSpinnerProps {
5
+ currentStatus: TransactionStatusProps['status'];
6
+ initialStatus: TransactionStatusProps['status'];
7
+ initialStep: CheckoutProgressStep;
8
+ }
9
+ export declare const AnimatedSpinner: React.FC<AnimatedSpinnerProps>;
10
+ export {};