@funkit/connect 1.0.20 → 1.0.22

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @funkit/connect
 
+## 1.0.22
+
+### Patch Changes
+
+- ce16f10: feat: checkout help flow v2
+- Updated dependencies [ce16f10]
+  - @funkit/core@1.0.8
+  - @funkit/wagmi-tools@1.0.9
+
+## 1.0.21
+
+### Patch Changes
+
+- abd0295: feat: new optional checkout config disableEditing
+- e3b0b4b: feat: "Powered by Fun.xyz" tag line
+- ab3f917: feat: new customShadows theme configuration
+- abd0295: chore: standardize localStorage keys
+- f4772ec: feat: normalized quote time estimations
+- abd0295: feat: theme toggle persistence
+- f4772ec: feat: support more known token images
+- Updated dependencies [dcd80d5]
+  - @funkit/core@1.0.7
+  - @funkit/wagmi-tools@1.0.8
+
 ## 1.0.20
 
 ### Patch Changes

package/dist/{chunk-I4LVVIYS.js → chunk-2GFNZKMA.js}

@@ -18,6 +18,7 @@ var darkTheme = ({
   accentColor = defaultAccentColor.accentColor,
   accentColorForeground = defaultAccentColor.accentColorForeground,
   customColors,
+  customShadows,
   ...baseThemeOptions
 } = {}) => ({
   ...baseTheme(baseThemeOptions),
@@ -73,10 +74,12 @@ var darkTheme = ({
     buttonProcessing: accentColorForeground,
     buttonDisabled: "rgba(255, 255, 255, 0.20)",
     buttonTextPrimary: "#000000",
-    buttonTextSecondary: "#FFF",
+    buttonTextSecondary: "#FFFFFF",
     buttonTextDisabled: "#000000",
     buttonWarning: "#C60000",
-    buttonTextWarning: "#FFF",
+    buttonSuccess: "#1DB847",
+    buttonTextWarning: "#FFFFFF",
+    buttonTextSuccess: "#FFFFFF",
     transparent: "transparent",
     ...customColors || {}
   },
@@ -86,7 +89,8 @@ var darkTheme = ({
     profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
     selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
     selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
+    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)",
+    ...customShadows || {}
   },
   moonpayTheme: "dark"
 });

package/dist/{chunk-AF763GD5.js → chunk-RA4J3G3B.js}

@@ -18,6 +18,7 @@ var lightTheme = ({
   accentColor = defaultAccentColor.accentColor,
   accentColorForeground = defaultAccentColor.accentColorForeground,
   customColors,
+  customShadows,
   ...baseThemeOptions
 } = {}) => ({
   ...baseTheme(baseThemeOptions),
@@ -73,7 +74,9 @@ var lightTheme = ({
     buttonProcessing: accentColorForeground,
     buttonDisabled: "#31A3F826",
     buttonWarning: "#C60000",
-    buttonTextWarning: "#FFF",
+    buttonSuccess: "#1DB847",
+    buttonTextWarning: "#FFFFFF",
+    buttonTextSuccess: "#FFFFFF",
     buttonTextPrimary: "#FFFFFF",
     buttonTextSecondary: "#000000",
     buttonTextDisabled: "#FFF",
@@ -86,7 +89,8 @@ var lightTheme = ({
     profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
     selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
     selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.12)",
-    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
+    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)",
+    ...customShadows || {}
   },
   moonpayTheme: "light"
 });

package/dist/components/Box/Box.d.ts

@@ -2,17 +2,17 @@ import { ClassValue } from 'clsx';
 import * as React from 'react';
 type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
 export declare const Box: React.ForwardRefExoticComponent<{
-    background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
     } | undefined;
-    borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
     } | undefined;
     boxShadow?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
         base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
@@ -20,11 +20,11 @@ export declare const Box: React.ForwardRefExoticComponent<{
         active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
         selection?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
     } | undefined;
-    color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
     } | undefined;
 } & {
     alignItems?: "center" | "flex-end" | "flex-start" | {
@@ -47,17 +47,17 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly fontSize?: "10" | "13" | "16" | "12" | "14" | "18" | "20" | "23" | "57" | undefined;
     readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
     readonly gap?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly height?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly height?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "600" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "center" | undefined;
     readonly marginBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginRight?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginTop?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly minHeight?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxHeight?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxWidth?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly minWidth?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly minHeight?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "600" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "half" | "max" | undefined;
+    readonly maxHeight?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "600" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "half" | "max" | undefined;
+    readonly maxWidth?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "600" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "half" | "max" | undefined;
+    readonly minWidth?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "600" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "half" | "max" | undefined;
     readonly overflow?: "hidden" | undefined;
     readonly paddingBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly paddingLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
@@ -67,7 +67,7 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly width?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly width?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "600" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "half" | "max" | undefined;
     readonly backdropFilter?: "modalOverlay" | undefined;
     margin?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     marginX?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;

package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts

@@ -5,9 +5,10 @@ interface FunAssetAvatarProps {
     assetTicker?: string;
     assetName: string;
     assetIconSize?: BoxProps['height'] | BoxProps['width'];
-    chainId: string | number;
+    chainId?: string | number;
     chainIconSize?: BoxProps['height'] | BoxProps['width'];
     prioritizeDefaults?: boolean;
+    hideIfUnknown?: boolean;
 }
-export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, }: FunAssetAvatarProps): React.JSX.Element;
+export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, hideIfUnknown, }: FunAssetAvatarProps): React.JSX.Element | null;
 export {};

package/dist/components/FunButton/FunViewTxButton.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare function FunViewTxButton({ onClick }: {
+export declare function FunViewTxButton({ text, onClick, }: {
+    text?: string;
     onClick: () => void;
 }): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.d.ts

@@ -1,6 +1,6 @@
 import { CheckoutHistoryItem } from '@funkit/core';
 import React, { Dispatch, SetStateAction } from 'react';
-import { HistoryModalPages } from './FunCheckoutHistoryModal';
+import { HistoryModalPages } from '../../utils/checkoutHistory';
 /**
  * Processing info about a checkout history item (already created in backend)
  */

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
-export declare enum HistoryModalPages {
-    DETAIL = 0,
-    HELP = 1
-}
+import { HistoryModalPages } from '../../utils/checkoutHistory';
 interface FunCheckoutHistoryModalProps {
     open: boolean;
     onClose: () => void;
     depositAddress: `0x${string}`;
+    initialPage: HistoryModalPages;
 }
-export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, }: FunCheckoutHistoryModalProps): React.JSX.Element;
+export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, initialPage, }: FunCheckoutHistoryModalProps): React.JSX.Element;
 export {};

package/dist/components/FunPoweredTagline/FunPoweredTagline.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FunPoweredTagline(): React.JSX.Element;

package/dist/components/FunSelect/FunSelect.d.ts

@@ -1,11 +1,12 @@
 import React, { ReactNode } from 'react';
 import { BoxProps } from '../Box/Box';
+import { TextProps } from '../Text/Text';
 export interface FunSelectOption {
     value: string;
     label: ReactNode;
     isDisabled: boolean;
 }
-export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, options, selectedValue, containerPaddingY, containerMarginTop, optionItemPadding, showBorder, }: {
+export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, options, selectedValue, containerPaddingY, containerMarginTop, optionItemPadding, showBorder, activeOptionBackgroundColor, }: {
     handleSelect: (newValue: FunSelectOption['value']) => void;
     isDropdownOpen: boolean;
     options: FunSelectOption[];
@@ -14,6 +15,7 @@ export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, option
     containerMarginTop?: BoxProps['marginTop'];
     optionItemPadding?: BoxProps['padding'];
     showBorder?: boolean;
+    activeOptionBackgroundColor?: BoxProps['background'];
 }): React.JSX.Element | null;
 interface FunSelectProps {
     initValue?: FunSelectOption['value'];
@@ -22,6 +24,8 @@ interface FunSelectProps {
     placeholder?: string;
     isDisabled?: boolean;
     showBorder?: boolean;
+    label?: string;
+    labelColor?: TextProps['color'];
 }
-export declare function FunSelect({ initValue, options, onChange, placeholder, isDisabled, showBorder, }: FunSelectProps): React.JSX.Element;
+export declare function FunSelect({ initValue, options, onChange, placeholder, isDisabled, showBorder, label, labelColor, }: FunSelectProps): React.JSX.Element;
 export {};

package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts

@@ -45,6 +45,8 @@ export interface FunkitCheckoutConfig {
     checkoutItemDescription?: string;
     /** The quantity of the item being checked out. If not specified (0, null, undefined), it will default to blank. **/
     checkoutItemAmount?: number;
+    /** Whether targetAssetAmount is editable by end users in cases where 1. checkout has empty actionsParams and 2. initial targetAssetAmount <= 0 **/
+    disableEditing?: boolean;
     /** *****************************
      * Miscellaneous configurations *
      ********************************/

package/dist/components/FunkitProvider/FunkitThemeProvider.d.ts

@@ -53,7 +53,9 @@ export declare const defaultTheme: {
         buttonProcessing: string;
         buttonDisabled: string;
         buttonWarning: string;
+        buttonSuccess: string;
         buttonTextWarning: string;
+        buttonTextSuccess: string;
         buttonTextPrimary: string;
         buttonTextSecondary: string;
         buttonTextDisabled: string;
@@ -148,7 +150,9 @@ export declare const useActiveTheme: () => {
             buttonProcessing: string;
             buttonDisabled: string;
             buttonWarning: string;
+            buttonSuccess: string;
             buttonTextWarning: string;
+            buttonTextSuccess: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextDisabled: string;
@@ -231,7 +235,9 @@ export declare const useActiveTheme: () => {
             buttonProcessing: string;
             buttonDisabled: string;
             buttonWarning: string;
+            buttonSuccess: string;
             buttonTextWarning: string;
+            buttonTextSuccess: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextDisabled: string;
@@ -313,7 +319,9 @@ export declare const useActiveTheme: () => {
             buttonProcessing: string;
             buttonDisabled: string;
             buttonWarning: string;
+            buttonSuccess: string;
             buttonTextWarning: string;
+            buttonTextSuccess: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextDisabled: string;

package/dist/components/FunkitProvider/ModalContext.d.ts

@@ -30,7 +30,7 @@ export declare function useFunCheckoutModal(): {
 };
 export declare function useFunCheckoutHistoryModal(): {
     funCheckoutHistoryModalOpen: boolean;
-    openFunCheckoutHistoryModal: ((depositAddress: string) => void) | undefined;
+    openFunCheckoutHistoryModal: ((depositAddressInitialPageCombined: string) => void) | undefined;
 };
 export declare function useFunDevTestModal(): {
     funDevTestModalOpen: boolean;

package/dist/components/ProfileDetails/FunProfileViews/Home/Home.css.d.ts

@@ -14,4 +14,3 @@ export declare const animateAvatarInClass: string;
 export declare const animateAvatarOutClass: string;
 export declare const animateContentInClass: string;
 export declare const animateContentOutClass: string;
-export declare const scroll: string;

package/dist/consts/assets.d.ts

@@ -1,29 +1,3 @@
-export declare enum CheckoutAsset {
-    ETH = "eth",
-    WETH = "weth",
-    MATIC = "matic",
-    ARB = "arb",
-    STETH = "steth",
-    AAVE = "aave",
-    WSTETH = "wsteth",
-    MWETHWPUNKS40 = "mweth-wpunks:40",
-    TWOXETH = "2x eth",
-    USDC = "usdc",
-    DAI = "dai",
-    APOLWMATIC = "apolwmatic",
-    AARBUSDCN = "aarbusdcn"
-}
-interface CheckoutAssetType {
-    [key: string]: {
-        ticker: string;
-        name: string;
-        icon: string;
-        iconSVG?: () => any;
-        decimals: number;
-    };
-}
-export declare const CHECKOUT_ASSET: CheckoutAssetType;
 export declare const ASSET_LOGO_SRCS: {
     [x: string]: string;
 };
-export {};

package/dist/css/scrollStyles.css.d.ts

@@ -0,0 +1 @@
+export declare const hideScrollBar: string;