@funkit/connect 6.15.12 → 6.15.13

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 (63) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/{chunk-L3BEU75V.js → chunk-DN7UTQK5.js} +10 -2
  3. package/dist/{chunk-KG5Q63KL.js → chunk-OVMNR35O.js} +11 -3
  4. package/dist/{chunk-WCUXJAGT.js → chunk-RJAD5CZH.js} +14 -2
  5. package/dist/components/Box/Box.d.ts +30 -30
  6. package/dist/components/Icons/StatusIcons.css.d.ts +1 -1
  7. package/dist/consts/customers.d.ts +1 -0
  8. package/dist/css/sprinkles.css.d.ts +76 -32
  9. package/dist/domains/asset.d.ts +1 -3
  10. package/dist/hooks/useCheckoutDirectExecutionHistory.d.ts +2 -1
  11. package/dist/hooks/useCheckoutTimeEstimate.d.ts +2 -2
  12. package/dist/hooks/usePaymentMethodIcon.d.ts +0 -1
  13. package/dist/index.css +3291 -3081
  14. package/dist/index.js +16487 -16765
  15. package/dist/modals/CheckoutModal/ConfirmationStep/CheckoutPrimaryInfo.d.ts +1 -1
  16. package/dist/providers/FunkitConfigContext.d.ts +28 -17
  17. package/dist/providers/FunkitThemeProvider.d.ts +69 -3
  18. package/dist/providers/GeneralWalletProvider.d.ts +0 -1
  19. package/dist/providers/provideFunkitConnectChains.d.ts +2 -7
  20. package/dist/themes/baseTheme.d.ts +1 -1
  21. package/dist/themes/baseTheme.js +1 -1
  22. package/dist/themes/darkTheme.js +2 -2
  23. package/dist/themes/lightTheme.js +2 -2
  24. package/dist/utils/checkout.d.ts +1 -2
  25. package/dist/utils/flags/config.d.ts +4 -13
  26. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  27. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  28. package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
  29. package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
  31. package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
  33. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  35. package/dist/wallets/walletConnectors/index.js +42 -42
  36. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  37. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  38. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  39. package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
  40. package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
  41. package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
  42. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  43. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  44. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  45. package/package.json +7 -7
  46. package/dist/wallets/walletConnectors/{chunk-UYGJO62F.js → chunk-2HYNUNAS.js} +3 -3
  47. package/dist/wallets/walletConnectors/{chunk-3CICVJUN.js → chunk-2KUBG3S6.js} +3 -3
  48. package/dist/wallets/walletConnectors/{chunk-J3LI3FYZ.js → chunk-2L43XSW3.js} +3 -3
  49. package/dist/wallets/walletConnectors/{chunk-LNEC5RNX.js → chunk-2STUC6QL.js} +3 -3
  50. package/dist/wallets/walletConnectors/{chunk-CNPKISHN.js → chunk-7QONTUXT.js} +3 -3
  51. package/dist/wallets/walletConnectors/{chunk-UIASLGLV.js → chunk-A5N6B5UW.js} +3 -3
  52. package/dist/wallets/walletConnectors/{chunk-CJGUM55H.js → chunk-FKJJQNKX.js} +3 -3
  53. package/dist/wallets/walletConnectors/{chunk-ZSI5N4VV.js → chunk-JWFF4AAL.js} +3 -3
  54. package/dist/wallets/walletConnectors/{chunk-2GJQ4XZQ.js → chunk-M3NZ6R2E.js} +3 -3
  55. package/dist/wallets/walletConnectors/{chunk-EC6CHBSZ.js → chunk-NT2HYJKW.js} +3 -3
  56. package/dist/wallets/walletConnectors/{chunk-QLVVUKYB.js → chunk-NWIQNBJU.js} +3 -3
  57. package/dist/wallets/walletConnectors/{chunk-KIDC67XJ.js → chunk-OBOVHCEI.js} +3 -3
  58. package/dist/wallets/walletConnectors/{chunk-Q3H3TRBS.js → chunk-SULRQO27.js} +3 -3
  59. package/dist/wallets/walletConnectors/{chunk-VWCLFMWJ.js → chunk-TCAGNB4B.js} +3 -3
  60. package/dist/wallets/walletConnectors/{chunk-5W7VDOCL.js → chunk-TDAVGY5F.js} +3 -3
  61. package/dist/wallets/walletConnectors/{chunk-AFXHGWBH.js → chunk-TDIEHTMB.js} +3 -3
  62. package/dist/wallets/walletConnectors/{chunk-JCHN6A47.js → chunk-VR4TBQ6S.js} +3 -3
  63. package/dist/wallets/walletConnectors/{chunk-RKPCWHXL.js → chunk-VYBAYMP3.js} +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,36 @@
1
1
  # @funkit/connect
2
2
 
3
+ ## 6.15.13
4
+
5
+ ### Patch Changes
6
+
7
+ - 9d74ea9: hyperedge theme implemented
8
+ - bcee435: fix styling for hyperedge
9
+ - 0fe3516: chore(connect): deprecate Web2 as a LoginType
10
+ - f827f85: feat(connect): apply default UI customizations globally
11
+ - f605798: rarebetsports theme implemented
12
+ - ce3f8ab: tr i18n improvements
13
+ - 42a88b7: Move chain metadata to @funkit/chains package
14
+
15
+ Refactored chain metadata (icons, backgrounds, and names) from @funkit/connect to @funkit/chains package for better code organization and reusability. The chainMetadataById export is now available from @funkit/chains and re-exported from @funkit/connect for backward compatibility.
16
+
17
+ - 90d0127: fix(connect): fix DE notification to use latest DE record. This resolves the reported "flash" bug.
18
+ - 54a787d: feat(connect): update exchange icons
19
+ - f89e6a5: ginza theme implemented
20
+ - 70d5198: feat(connect): add separate tertiary button shadows
21
+ - 7f6c7f4: feat(connect): bluvo 100% rollout
22
+ - fe140b2: feat(connect): use quote metadata.oftEnabled rather than listenerInfo.layerZeroStatusResponse
23
+ - Updated dependencies [2e991bc]
24
+ - Updated dependencies [aec480c]
25
+ - Updated dependencies [42a88b7]
26
+ - Updated dependencies [fe140b2]
27
+ - @funkit/api-base@1.12.19
28
+ - @funkit/fun-relay@2.1.14
29
+ - @funkit/chains@0.5.0
30
+ - @funkit/utils@1.1.20
31
+ - @funkit/core@2.3.66
32
+ - @funkit/wagmi-tools@3.0.89
33
+
3
34
  ## 6.15.12
4
35
 
5
36
  ### Patch Changes
package/dist/{chunk-L3BEU75V.js → chunk-DN7UTQK5.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "./chunk-WCUXJAGT.js";
4
+ } from "./chunk-RJAD5CZH.js";
5
5
 
6
6
  // src/themes/lightTheme.ts
7
7
  var accentColors = {
@@ -42,6 +42,8 @@ var lightTheme = ({
42
42
  focusedOptionBorder: "#737373",
43
43
  standby: "#F6851B",
44
44
  success: "#66CC00",
45
+ delayedStatusIcon: customColors?.secondaryText ?? "#737373",
46
+ // backward compatibility
45
47
  chainIconBorder: "#fff",
46
48
  // FUNKIT COLORS
47
49
  // modal backgrounds
@@ -163,15 +165,21 @@ var lightTheme = ({
163
165
  notification: "0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
164
166
  qrCode: "0px 0px 0px 1px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px 0px rgba(8, 7, 7, 0.10)",
165
167
  buttonShadow: "none",
168
+ buttonShadowTertiary: customShadows?.buttonShadow ?? "none",
166
169
  buttonFocusedShadow: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
167
- buttonHoverShadow: "none",
168
170
  buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
171
+ buttonHoverShadow: "none",
169
172
  buttonHoverShadowTertiary: "none",
170
173
  buttonDisabledShadow: "none",
174
+ buttonDisabledShadowTertiary: customShadows?.buttonDisabledShadow ?? "none",
171
175
  buttonInnerShadow: "none",
176
+ buttonInnerShadowTertiary: customShadows?.buttonInnerShadow ?? "none",
172
177
  buttonFocusedInnerShadow: "none",
178
+ buttonFocusedInnerShadowTertiary: customShadows?.buttonFocusedInnerShadow ?? "none",
173
179
  buttonHoverInnerShadow: "none",
180
+ buttonHoverInnerShadowTertiary: customShadows?.buttonHoverInnerShadow ?? "none",
174
181
  buttonDisabledInnerShadow: "none",
182
+ buttonDisabledInnerShadowTertiary: customShadows?.buttonDisabledInnerShadow ?? "none",
175
183
  selectedDropdownItem: "none",
176
184
  // Override shadows
177
185
  ...customShadows || {}
package/dist/{chunk-KG5Q63KL.js → chunk-OVMNR35O.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "./chunk-WCUXJAGT.js";
4
+ } from "./chunk-RJAD5CZH.js";
5
5
 
6
6
  // src/themes/darkTheme.ts
7
7
  var accentColors = {
@@ -42,6 +42,8 @@ var darkTheme = ({
42
42
  focusedOptionBorder: "#8C8C8C",
43
43
  standby: "#F6851B",
44
44
  success: "#66CC00",
45
+ delayedStatusIcon: customColors?.secondaryText ?? "#8C8C8C",
46
+ // backward compatibility
45
47
  chainIconBorder: "#fff",
46
48
  // FUNKIT COLORS
47
49
  // modal backgrounds
@@ -163,15 +165,21 @@ var darkTheme = ({
163
165
  notification: "0px 0px 0px 1px rgba(255, 255, 255, 0.20), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
164
166
  qrCode: "0px 0px 0px 1px rgba(255, 255, 255, 0.16)",
165
167
  buttonShadow: "none",
166
- buttonFocusedShadow: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
168
+ buttonShadowTertiary: "none",
167
169
  buttonHoverShadow: "none",
168
- buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
169
170
  buttonHoverShadowTertiary: "none",
171
+ buttonFocusedShadow: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
172
+ buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
170
173
  buttonDisabledShadow: "none",
174
+ buttonDisabledShadowTertiary: "none",
171
175
  buttonInnerShadow: "none",
176
+ buttonInnerShadowTertiary: customShadows?.buttonInnerShadow ?? "none",
172
177
  buttonFocusedInnerShadow: "none",
178
+ buttonFocusedInnerShadowTertiary: customShadows?.buttonFocusedInnerShadow ?? "none",
173
179
  buttonHoverInnerShadow: "none",
180
+ buttonHoverInnerShadowTertiary: customShadows?.buttonHoverInnerShadow ?? "none",
174
181
  buttonDisabledInnerShadow: "none",
182
+ buttonDisabledInnerShadowTertiary: customShadows?.buttonDisabledInnerShadow ?? "none",
175
183
  selectedDropdownItem: "none",
176
184
  // Override shadows
177
185
  ...customShadows || {}
package/dist/{chunk-WCUXJAGT.js → chunk-RJAD5CZH.js} RENAMED
@@ -154,8 +154,17 @@ var baseTheme = ({
154
154
  modalTopBarHeight: "56px",
155
155
  ...customDimensions
156
156
  },
157
- fonts: {
158
- body: customFontFamily || fontStacks[fontStack]
157
+ fonts: typeof customFontFamily === "string" ? {
158
+ buttonTextPrimary: customFontFamily,
159
+ buttonTextSecondary: customFontFamily,
160
+ buttonTextTertiary: customFontFamily,
161
+ body: customFontFamily
162
+ } : {
163
+ buttonTextPrimary: fontStacks[fontStack],
164
+ buttonTextSecondary: fontStacks[fontStack],
165
+ buttonTextTertiary: fontStacks[fontStack],
166
+ body: fontStacks[fontStack],
167
+ ...customFontFamily
159
168
  },
160
169
  fontWeight: {
161
170
  ...DEFAULT_FONT_WEIGHTS,
@@ -165,6 +174,9 @@ var baseTheme = ({
165
174
  },
166
175
  fontSize: {
167
176
  ...FONT_SIZINGS[fontSizing],
177
+ buttonTextPrimary: FONT_SIZINGS[fontSizing][12],
178
+ buttonTextSecondary: FONT_SIZINGS[fontSizing][10],
179
+ buttonTextTertiary: FONT_SIZINGS[fontSizing][12],
168
180
  modalTopbarSubtitle: FONT_SIZINGS[fontSizing][10],
169
181
  modalTopbarTitle: FONT_SIZINGS[fontSizing][13],
170
182
  modalBottomBarButtonText: FONT_SIZINGS[fontSizing][12],
package/dist/components/Box/Box.d.ts CHANGED
@@ -3,37 +3,37 @@ import * as React from 'react';
3
3
  export type BoxBorderType = Pick<BoxProps, 'borderColor' | 'borderStyle' | 'borderWidth'>;
4
4
  type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
5
5
  export declare const Box: React.ForwardRefExoticComponent<{
6
- background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | {
7
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
8
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
9
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
10
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
11
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
12
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | {
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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
13
13
  } | undefined;
14
- borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | {
15
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
16
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
17
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
18
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
19
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
20
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | {
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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
21
21
  } | undefined;
22
- boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | {
23
- base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
24
- hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
25
- active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
26
- selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
27
- focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
28
- focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
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
+ 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;
24
+ hover?: "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;
25
+ active?: "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;
26
+ selection?: "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
+ 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
+ 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" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | {
31
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
32
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
33
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
34
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
35
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
36
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "offBackground" | "offBackgroundInverse" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "modalTopbarIcon" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | {
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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | 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" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextHover" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonBackgroundDisabledTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundPressed" | "buttonBackgroundDisabled" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "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" | "youPayYouReceiveBackground" | "youPayYouReceiveBorder" | "youPayYouReceivePrimaryText" | "youPayYouReceiveSecondaryText" | "announceGradientFrom" | "announceGradientTo" | "modalHeaderDivider" | "modalFooterDivider" | "fiatPendingGradientFrom" | "fiatPendingGradientTo" | "fiatSuccessBackgroundFill" | "fiatFailedBackgroundFill" | "fiatStatusIconBorder" | "fiatAccountIconFill" | "fiatAccountGradientFrom" | "fiatAccountGradientTo" | "optionBoxBackground" | "spinnerBackground" | "spinnerIndicator" | "spinnerBackgroundVerifyAccount" | "spinnerIndicatorVerifyAccount" | undefined;
37
37
  } | undefined;
38
38
  } & {
39
39
  alignItems?: "center" | "flex-end" | "flex-start" | {
@@ -52,8 +52,8 @@ export declare const Box: React.ForwardRefExoticComponent<{
52
52
  readonly borderWidth?: "0" | "1" | "activeOptionBorderWidth" | "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?: "body" | undefined;
56
- readonly fontSize?: "modalTopbarTitle" | "modalBottomBarButtonText" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | undefined;
55
+ readonly fontFamily?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "body" | undefined;
56
+ readonly fontSize?: "buttonTextPrimary" | "buttonTextTertiary" | "buttonTextSecondary" | "modalTopbarTitle" | "modalBottomBarButtonText" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | undefined;
57
57
  readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | "modalBottomBarButtonText" | undefined;
58
58
  readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottomUpper" | "modalPaddingBottomLower" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
59
59
  readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "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;