@funkit/connect 6.15.1 → 6.15.2

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 (53) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/{chunk-3SMGLDNF.js → chunk-KG5Q63KL.js} +4 -0
  3. package/dist/{chunk-XH2UUILF.js → chunk-L3BEU75V.js} +4 -0
  4. package/dist/components/Box/Box.d.ts +7 -7
  5. package/dist/css/sprinkles.css.d.ts +15 -7
  6. package/dist/index.css +847 -763
  7. package/dist/index.js +231 -429
  8. package/dist/modals/CheckoutModal/ConfirmationStep/useAccountBalanceTransfer.d.ts +1 -1
  9. package/dist/providers/FunkitCheckoutContext/index.d.ts +1 -1
  10. package/dist/providers/FunkitThemeProvider.d.ts +12 -0
  11. package/dist/providers/GeneralWalletProvider.d.ts +3 -7
  12. package/dist/themes/darkTheme.js +1 -1
  13. package/dist/themes/lightTheme.js +1 -1
  14. package/dist/utils/flags/config.d.ts +3 -3
  15. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  16. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  17. package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
  18. package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
  19. package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
  20. package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
  21. package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
  22. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  23. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  24. package/dist/wallets/walletConnectors/index.js +39 -39
  25. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  26. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  27. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  28. package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
  29. package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
  31. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  33. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  34. package/package.json +8 -8
  35. package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +0 -32
  36. package/dist/wallets/walletConnectors/{chunk-M3NZ6R2E.js → chunk-2GJQ4XZQ.js} +3 -3
  37. package/dist/wallets/walletConnectors/{chunk-2KUBG3S6.js → chunk-3CICVJUN.js} +3 -3
  38. package/dist/wallets/walletConnectors/{chunk-TDAVGY5F.js → chunk-5W7VDOCL.js} +3 -3
  39. package/dist/wallets/walletConnectors/{chunk-TDIEHTMB.js → chunk-AFXHGWBH.js} +3 -3
  40. package/dist/wallets/walletConnectors/{chunk-FKJJQNKX.js → chunk-CJGUM55H.js} +3 -3
  41. package/dist/wallets/walletConnectors/{chunk-7QONTUXT.js → chunk-CNPKISHN.js} +3 -3
  42. package/dist/wallets/walletConnectors/{chunk-NT2HYJKW.js → chunk-EC6CHBSZ.js} +3 -3
  43. package/dist/wallets/walletConnectors/{chunk-2L43XSW3.js → chunk-J3LI3FYZ.js} +3 -3
  44. package/dist/wallets/walletConnectors/{chunk-VR4TBQ6S.js → chunk-JCHN6A47.js} +3 -3
  45. package/dist/wallets/walletConnectors/{chunk-OBOVHCEI.js → chunk-KIDC67XJ.js} +3 -3
  46. package/dist/wallets/walletConnectors/{chunk-2STUC6QL.js → chunk-LNEC5RNX.js} +3 -3
  47. package/dist/wallets/walletConnectors/{chunk-SULRQO27.js → chunk-Q3H3TRBS.js} +3 -3
  48. package/dist/wallets/walletConnectors/{chunk-NWIQNBJU.js → chunk-QLVVUKYB.js} +3 -3
  49. package/dist/wallets/walletConnectors/{chunk-VYBAYMP3.js → chunk-RKPCWHXL.js} +3 -3
  50. package/dist/wallets/walletConnectors/{chunk-A5N6B5UW.js → chunk-UIASLGLV.js} +3 -3
  51. package/dist/wallets/walletConnectors/{chunk-2HYNUNAS.js → chunk-UYGJO62F.js} +3 -3
  52. package/dist/wallets/walletConnectors/{chunk-TCAGNB4B.js → chunk-VWCLFMWJ.js} +3 -3
  53. package/dist/wallets/walletConnectors/{chunk-JWFF4AAL.js → chunk-ZSI5N4VV.js} +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @funkit/connect
2
2
 
3
+ ## 6.15.2
4
+
5
+ ### Patch Changes
6
+
7
+ - cce196e: feat(connect,api-base): update bluvo packages
8
+ - cf1ca05: feat(connect): add postAction override for QR code
9
+ - 706713f: monad theme implemented
10
+ - 3a8c6fb: chore(connect): deprecate shouldBatchOpBypassInit
11
+ - 5f33162: chore(connect): deprecate funWallet and funWalletAuth usage in GeneralWalletProvider
12
+ - 3825221: megapot theme implemented
13
+ - 405433a: feat(connect): show dynamic target assets on top for Ethereal/Hyena
14
+ - b417cda: chore(connect): deprecate useWeb2AccountBalancePostCheckout and useCheckoutAccountBalanceTransfer hooks
15
+ - Updated dependencies [cce196e]
16
+ - Updated dependencies [d5a7397]
17
+ - @funkit/api-base@1.12.16
18
+ - @funkit/fun-relay@2.1.11
19
+ - @funkit/chains@0.4.5
20
+ - @funkit/core@2.3.61
21
+ - @funkit/wagmi-tools@3.0.84
22
+
3
23
  ## 6.15.1
4
24
 
5
25
  ### Patch Changes
package/dist/{chunk-3SMGLDNF.js → chunk-KG5Q63KL.js} RENAMED
@@ -168,6 +168,10 @@ var darkTheme = ({
168
168
  buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
169
169
  buttonHoverShadowTertiary: "none",
170
170
  buttonDisabledShadow: "none",
171
+ buttonInnerShadow: "none",
172
+ buttonFocusedInnerShadow: "none",
173
+ buttonHoverInnerShadow: "none",
174
+ buttonDisabledInnerShadow: "none",
171
175
  selectedDropdownItem: "none",
172
176
  // Override shadows
173
177
  ...customShadows || {}
package/dist/{chunk-XH2UUILF.js → chunk-L3BEU75V.js} RENAMED
@@ -168,6 +168,10 @@ var lightTheme = ({
168
168
  buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
169
169
  buttonHoverShadowTertiary: "none",
170
170
  buttonDisabledShadow: "none",
171
+ buttonInnerShadow: "none",
172
+ buttonFocusedInnerShadow: "none",
173
+ buttonHoverInnerShadow: "none",
174
+ buttonDisabledInnerShadow: "none",
171
175
  selectedDropdownItem: "none",
172
176
  // Override shadows
173
177
  ...customShadows || {}
package/dist/components/Box/Box.d.ts CHANGED
@@ -19,13 +19,13 @@ export declare const Box: React.ForwardRefExoticComponent<{
19
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
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;
21
21
  } | undefined;
22
- boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | {
23
- base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
24
- hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
25
- active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
26
- selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
27
- focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
28
- focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | 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;
29
29
  } | undefined;
30
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
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;
package/dist/css/sprinkles.css.d.ts CHANGED
@@ -217,6 +217,10 @@ declare const themeContractValues: {
217
217
  buttonFocusedShadowTertiary: string;
218
218
  buttonHoverShadowTertiary: string;
219
219
  buttonDisabledShadow: string;
220
+ buttonInnerShadow: string;
221
+ buttonFocusedInnerShadow: string;
222
+ buttonHoverInnerShadow: string;
223
+ buttonDisabledInnerShadow: string;
220
224
  selectedDropdownItem: string;
221
225
  };
222
226
  spacing: {
@@ -450,6 +454,10 @@ export declare const themeVars: {
450
454
  buttonFocusedShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
451
455
  buttonHoverShadowTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
452
456
  buttonDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
+ buttonInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
458
+ buttonFocusedInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
459
+ buttonHoverInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
460
+ buttonDisabledInnerShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
453
461
  selectedDropdownItem: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
454
462
  };
455
463
  spacing: {
@@ -678,13 +686,13 @@ export declare const sprinkles: ((props: {
678
686
  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;
679
687
  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;
680
688
  } | undefined;
681
- boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | {
682
- base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
683
- hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
684
- active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
685
- selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
686
- focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
687
- focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "selectedDropdownItem" | undefined;
689
+ boxShadow?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | {
690
+ base?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
691
+ hover?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
692
+ active?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
693
+ selection?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
694
+ focused?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
695
+ focusedVisible?: "connectButton" | "qrCode" | "dropdown" | "dialog" | "selectedOption" | "selectedWallet" | "notification" | "buttonShadow" | "buttonFocusedShadow" | "buttonHoverShadow" | "buttonFocusedShadowTertiary" | "buttonHoverShadowTertiary" | "buttonDisabledShadow" | "buttonInnerShadow" | "buttonFocusedInnerShadow" | "buttonHoverInnerShadow" | "buttonDisabledInnerShadow" | "selectedDropdownItem" | undefined;
688
696
  } | undefined;
689
697
  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" | {
690
698
  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;