@funkit/connect 2.0.7 → 3.0.0-next.1

package/dist/{chunk-BZPWFPPL.js → chunk-LKYHSF23.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-I24HX4XM.js";
+} from "./chunk-HFT6OV3T.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
   blue: { accentColor: "#3898FF", accentColorForeground: "#FFF" },
-  green: { accentColor: "#4BD166", accentColorForeground: "#000" },
-  orange: { accentColor: "#FF983D", accentColorForeground: "#000" },
+  green: { accentColor: "#66CC00", accentColorForeground: "#000" },
+  orange: { accentColor: "#F6851B", accentColorForeground: "#000" },
   pink: { accentColor: "#FF7AB8", accentColorForeground: "#000" },
   purple: { accentColor: "#7A70FF", accentColorForeground: "#FFF" },
-  red: { accentColor: "#FF6257", accentColorForeground: "#FFF" },
+  red: { accentColor: "#F34126", accentColorForeground: "#FFF" },
   white: { accentColor: "#FFF", accentColorForeground: "#000" }
 };
 var defaultAccentColor = accentColors.white;
@@ -26,65 +26,77 @@ var darkTheme = ({
     accentColor,
     accentColorForeground,
     actionButtonBorder: "rgba(255, 255, 255, 0.04)",
-    actionButtonSecondaryBackground: "rgba(255, 255, 255, 0.08)",
     connectButtonBackground: "#000",
     connectButtonBackgroundError: "#C60000",
-    connectButtonInnerBackground: "linear-gradient(0deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12))",
     connectButtonText: "#FFF",
     connectButtonTextError: "#FFF",
     connectionIndicator: "#30E000",
-    error: "#FF494A",
-    generalBorder: "rgba(255, 255, 255, 0.08)",
+    error: accentColors.red.accentColor,
+    generalBorder: "#292929",
+    // strokeColor in figma
     generalBorderDim: "rgba(255, 255, 255, 0.04)",
     menuItemBackground: "rgba(255, 255, 255, 0.03)",
-    modalText: "#FFF",
-    modalTextDim: "rgba(255, 255, 255, 0.4)",
-    modalTextSecondary: "rgba(255, 255, 255, 0.6)",
-    profileAction: "rgba(255, 255, 255, 0.1)",
-    profileActionHover: "rgba(255, 255, 255, 0.2)",
-    profileForeground: "rgba(255, 255, 255, 0.06)",
     selectedOptionBorder: "rgba(224, 232, 255, 0.1)",
-    paymentOptionBorderBase: "transparent",
-    paymentOptionBorderHover: "transparent",
-    paymentOptionBorderActive: "transparent",
-    paymentOptionBorderActiveHover: "transparent",
+    paymentOptionBorderDisabled: "#333333",
     standby: "#F6851B",
+    success: "#66CC00",
     loadingBase: "rgba(255, 255, 255, 0.05)",
     loadingAccent: "rgba(255, 255, 255, 0.2)",
-    modalBackdrop: "rgba(0, 0, 0, 0.4)",
+    chainIconBorder: "#E5E5E5",
+    // FUNKIT COLORS
+    // modal backgrounds
+    modalBackdrop: "rgba(0, 0, 0, 0.2)",
     modalBackground: "#1A1B1F",
-    modalBorder: "rgba(255, 255, 255, 0.10)",
+    modalBorder: "#292929",
     notificationPrimary: "rgba(255, 255, 255, 0.03)",
-    textPrimary: "#FFF",
-    textSecondary: "rgba(255, 255, 255, 0.4)",
-    textTertiary: "",
-    textDisabled: "",
+    offBackground: "#1F1F1F",
+    hoverState: "#333333",
+    offBackgroundInverse: "#F2F2F2",
+    //Text
+    primaryText: "#FFF",
+    secondaryText: "#8C8C8C",
+    tertiaryText: "rgba(255, 255, 255, 0.35)",
     textSelection: "rgba(255, 255, 255, 0.10)",
-    inputFieldPrimary: "#FFF",
-    inputFieldPlaceholder: "",
-    inputFieldDisabled: "",
-    optionBackground: "rgba(255, 255, 255, 0.10)",
-    optionBackgroundSecondary: "transparent",
+    // input
+    inputBackground: "#000000",
+    inputBorderBase: "#333333",
+    inputBorderHover: "#525252",
+    // button
+    actionColor: "#FFF",
+    actionColorHover: "rgba(255, 255, 255, 0.8)",
+    actionColorDisabled: "rgba(255, 255, 255, 0.65)",
     buttonPrimary: accentColor,
-    buttonProcessing: accentColorForeground,
     buttonDisabled: "rgba(255, 255, 255, 0.20)",
     buttonTextPrimary: "#000000",
-    buttonTextSecondary: "#FFFFFF",
-    buttonTextDisabled: "#000000",
-    buttonWarning: "#F34126",
+    buttonTextDisabled: "#595959",
+    buttonWarning: accentColors.red.accentColor,
     buttonSuccess: "#2EA200",
     buttonTextWarning: "#FFFFFF",
     buttonTextSuccess: "#FFFFFF",
     transparent: "transparent",
+    buttonBackgroundTertiary: "#333333",
+    buttonBackgroundHoverTertiary: "#333333",
+    buttonTextTertiary: "#FFF",
+    buttonTextDisabledTertiary: "rgba(255, 255, 255, 0.65)",
+    buttonStrokeTertiary: "rgba(255, 255, 255, 0.35)",
+    buttonBackground: "#FFF",
+    buttonBackgroundHover: "#f2f2f2",
+    buttonBackgroundDisabled: "rgba(255, 255, 255, 0.65)",
+    buttonText: "#000",
+    buttonStroke: "rgba(255, 255, 255, 0.35)",
+    buttonTextSecondaryDisabled: "rgba(255, 255, 255, 0.65)",
+    buttonTextSecondary: "#FFFFFF",
+    // Override colors
     ...customColors || {}
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
     dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
-    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)",
+    button: "0px 1px 2px 0px rgba(0, 0, 0, 0.20)",
+    callToAction: "0px 4px 4px rgba(0, 0, 0, 0.25)",
+    // Override shadows
     ...customShadows || {}
   },
   moonpayTheme: "dark"

package/dist/{chunk-3AR2EI7X.js → chunk-SCKVYTAC.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-I24HX4XM.js";
+} from "./chunk-HFT6OV3T.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
   blue: { accentColor: "#31A3F8", accentColorForeground: "#31A3F859" },
-  green: { accentColor: "#1DB847", accentColorForeground: "#FFF" },
-  orange: { accentColor: "#FF801F", accentColorForeground: "#FFF" },
+  green: { accentColor: "#66CC00", accentColorForeground: "#FFF" },
+  orange: { accentColor: "#F6851B", accentColorForeground: "#FFF" },
   pink: { accentColor: "#FF5CA0", accentColorForeground: "#FFF" },
   purple: { accentColor: "#5F5AFA", accentColorForeground: "#FFF" },
-  red: { accentColor: "#FA423C", accentColorForeground: "#FFF" },
-  white: { accentColor: "#31A3F8", accentColorForeground: "#fff" }
+  red: { accentColor: "#F34126", accentColorForeground: "#FFF" },
+  white: { accentColor: "#000000", accentColorForeground: "#FFF" }
 };
 var defaultAccentColor = accentColors.white;
 var lightTheme = ({
@@ -26,65 +26,77 @@ var lightTheme = ({
     accentColor,
     accentColorForeground,
     actionButtonBorder: "rgba(0, 0, 0, 0.04)",
-    actionButtonSecondaryBackground: "rgba(0, 0, 0, 0.06)",
     connectButtonBackground: "#FFF",
     connectButtonBackgroundError: "#C60000",
-    connectButtonInnerBackground: "linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.06))",
     connectButtonText: "#25292E",
     connectButtonTextError: "#FFF",
     connectionIndicator: "#30E000",
-    error: "#FF494A",
-    generalBorder: "rgba(0, 0, 0, 0.06)",
+    error: accentColors.red.accentColor,
+    generalBorder: "#F7F7F7",
+    // strokeColor in figma
     generalBorderDim: "rgba(0, 0, 0, 0.03)",
     menuItemBackground: "#FCFCFC",
-    modalText: "rgba(0, 0, 0, 1)",
-    modalTextDim: "rgba(60, 66, 66, 0.3)",
-    modalTextSecondary: "rgba(26, 27, 31, 0.35)",
-    profileAction: "#FFF",
-    profileActionHover: "rgba(255, 255, 255, 0.40)",
-    profileForeground: "rgba(60, 66, 66, 0.06)",
     selectedOptionBorder: "#F7F7F7",
-    paymentOptionBorderBase: "transparent",
-    paymentOptionBorderHover: "transparent",
-    paymentOptionBorderActive: "transparent",
-    paymentOptionBorderActiveHover: "transparent",
+    paymentOptionBorderDisabled: "#F7F7F7",
     standby: "#F6851B",
+    success: "#66CC00",
     loadingBase: "rgba(0, 0, 0, 0.05)",
     loadingAccent: "rgba(0, 0, 0, 0.2)",
-    modalBackdrop: "rgba(0, 0, 0, 0.4)",
+    chainIconBorder: "#E5E5E5",
+    // FUNKIT COLORS
+    // modal backgrounds
+    modalBackdrop: "rgba(0, 0, 0, 0.2)",
     modalBackground: "#FFF",
-    modalBorder: "rgba(0, 0, 0, 0.05)",
+    modalBorder: "#F7F7F7",
     notificationPrimary: "rgba(49, 163, 248, 0.15)",
-    textPrimary: "#000000",
-    textSecondary: "#1A1B1F99",
-    textTertiary: "#1A1B1F59",
-    textDisabled: "",
+    offBackground: "#F7F7F7",
+    hoverState: "#F0F0F0",
+    offBackgroundInverse: "#333",
+    //Text
+    primaryText: "#000",
+    secondaryText: "#737373",
+    tertiaryText: "rgba(0, 0, 0, 0.35)",
     textSelection: "rgba(0, 0, 0, 0.10)",
-    inputFieldPrimary: "#000000",
-    inputFieldPlaceholder: "rgba(26, 27, 31, 0.60)",
-    inputFieldDisabled: "#1A1B1F99",
-    optionBackground: "rgba(0, 0, 0, 0.05)",
-    optionBackgroundSecondary: "transparent",
+    // input
+    inputBackground: "#FFFFFF",
+    inputBorderBase: "#F0F0F0",
+    inputBorderHover: "#E5E5E5",
+    // button
+    actionColor: "#000",
+    actionColorHover: "rgba(0, 0, 0, 0.7)",
+    actionColorDisabled: "rgba(0, 0, 0, 0.50)",
     buttonPrimary: accentColor,
-    buttonProcessing: accentColorForeground,
     buttonDisabled: "#31A3F826",
-    buttonWarning: "#F34126",
+    buttonWarning: accentColors.red.accentColor,
     buttonSuccess: "#2EA200",
     buttonTextWarning: "#FFFFFF",
     buttonTextSuccess: "#FFFFFF",
     buttonTextPrimary: "#FFFFFF",
-    buttonTextSecondary: "#000000",
     buttonTextDisabled: "#FFF",
     transparent: "transparent",
+    buttonBackgroundTertiary: "#F7F7F7",
+    buttonBackgroundHoverTertiary: "#F0F0F0",
+    buttonTextTertiary: "#000",
+    buttonTextDisabledTertiary: "rgba(0, 0, 0, 0.5)",
+    buttonStrokeTertiary: "rgba(0, 0, 0, 0.35)",
+    buttonBackground: "#000",
+    buttonBackgroundHover: "#333333",
+    buttonBackgroundDisabled: "rgba(0, 0, 0, 0.5)",
+    buttonText: "#FFF",
+    buttonStroke: "rgba(0, 0, 0, 0.5)",
+    buttonTextSecondaryDisabled: "rgba(0, 0, 0, 0.5)",
+    buttonTextSecondary: "#000000",
+    // Override colors
     ...customColors || {}
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
     dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
-    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)",
+    button: "0px 1px 2px 0px rgba(0, 0, 0, 0.20)",
+    callToAction: "0px 4px 4px rgba(0, 0, 0, 0.25)",
+    // Override shadows
     ...customShadows || {}
   },
   moonpayTheme: "light"

package/dist/clvWallet-ZIMSRU5J.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/wallets/walletConnectors/clvWallet/clvWallet.svg
+var clvWallet_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="url(%23a)" d="M0 0h28v28H0z"/><path fill="%230C0B0B" fill-rule="evenodd" d="M14.014 22.96c4.954 0 8.97-4.012 8.97-8.96 0-4.948-4.016-8.96-8.97-8.96-4.953 0-8.97 4.012-8.97 8.96 0 4.948 4.017 8.96 8.97 8.96ZM12.432 9.723c0-.258.208-.467.466-.467h2.232c.258 0 .467.21.467.467v2.729h-3.165v3.096h3.165v2.729a.467.467 0 0 1-.466.466h-2.233a.467.467 0 0 1-.466-.466v-2.63h-2.7a.467.467 0 0 1-.466-.466v-2.262c0-.258.21-.467.467-.467h2.699V9.723Zm3.165 2.729h2.7c.258 0 .466.209.466.467v2.262a.467.467 0 0 1-.466.467h-2.7v-3.196Z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="2.331" x2="26.805" y1="25.667" y2="1.75" gradientUnits="userSpaceOnUse"><stop stop-color="%23BDFDE2"/><stop offset="1" stop-color="%239BDAF6"/></linearGradient></defs></svg>';
+export {
+  clvWallet_default as default
+};

package/dist/coin98Wallet-RFXRNVWP.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/wallets/walletConnectors/coin98Wallet/coin98Wallet.svg
+var coin98Wallet_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><g clip-path="url(%23a)"><path fill="url(%23b)" d="M0 0h28v28H0z"/><path fill="%23252525" d="M9.428 7a4.372 4.372 0 0 0-3.088 7.461A4.371 4.371 0 1 0 9.428 7Zm0 6.951a2.58 2.58 0 1 1 2.58-2.579 2.587 2.587 0 0 1-2.58 2.58Zm12.888-3.212a3.678 3.678 0 0 1-.46 1.789 5.022 5.022 0 0 0-1.57-.865 1.946 1.946 0 1 0-3.66-.924c-.001.323.08.641.235.924a5.026 5.026 0 0 0-1.57.865A3.735 3.735 0 0 1 18.575 7a3.745 3.745 0 0 1 3.74 3.74Zm-3.741 1.513a4.372 4.372 0 0 0-3.098 7.46 4.371 4.371 0 0 0 7.466-3.084 4.38 4.38 0 0 0-4.368-4.376Zm0 6.947a2.576 2.576 0 1 1 .006-5.152 2.576 2.576 0 0 1-.006 5.152Zm-5.406-1.945a3.741 3.741 0 0 1-7.484 0H7.48a1.945 1.945 0 0 0 3.893 0h1.796Z"/></g><defs><linearGradient id="b" x1="26.572" x2="1.815" y1="1.428" y2="26.185" gradientUnits="userSpaceOnUse"><stop stop-color="%23F1D961"/><stop offset="1" stop-color="%23CDA146"/></linearGradient><clipPath id="a"><path fill="%23fff" d="M0 0h28v28H0z"/></clipPath></defs></svg>';
+export {
+  coin98Wallet_default as default
+};

package/dist/coinbaseWallet-WWX6LF36.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/wallets/walletConnectors/coinbaseWallet/coinbaseWallet.svg
+var coinbaseWallet_default = 'data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="28" height="28" fill="%232C5FF6"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M14 23.8C19.4124 23.8 23.8 19.4124 23.8 14C23.8 8.58761 19.4124 4.2 14 4.2C8.58761 4.2 4.2 8.58761 4.2 14C4.2 19.4124 8.58761 23.8 14 23.8ZM11.55 10.8C11.1358 10.8 10.8 11.1358 10.8 11.55V16.45C10.8 16.8642 11.1358 17.2 11.55 17.2H16.45C16.8642 17.2 17.2 16.8642 17.2 16.45V11.55C17.2 11.1358 16.8642 10.8 16.45 10.8H11.55Z" fill="white"/>%0A</svg>%0A';
+export {
+  coinbaseWallet_default as default
+};

package/dist/components/AccountModal/AccountModal.d.ts

@@ -3,4 +3,4 @@ export interface AccountModalProps {
     open: boolean;
     onClose: () => void;
 }
-export declare function AccountModal({ onClose, open }: AccountModalProps): React.JSX.Element;
+export declare function AccountModal({ onClose, open }: AccountModalProps): React.JSX.Element | null;