@funkit/connect 0.1.8 → 0.1.10

package/README.md

@@ -1,4 +1,8 @@
-## FunKit Connect
+## FunkitConnect
 
+The `@funkit/connect` package elevates decentralize applications via web2 & web3 sign-ins together with one-click onramps & checkouts.
 
+🔗 [Integration guide](https://the-fun-group.notion.site/funkit-connect-integration-guide-90efe96a9f4e40d99cc49e7abecdc437)
 
+> **📝 Note**
+> This package is currently in closed beta. To learn more, reach out to [developers@fun.xyz](mailto:developers@fun.xyz).

package/dist/{chunk-3A7E2IPT.js → chunk-W7RO4DCA.js}

@@ -5,15 +5,15 @@ import {
 
 // src/themes/lightTheme.ts
 var accentColors = {
-  blue: { accentColor: "#0E76FD", accentColorForeground: "#FFF" },
+  blue: { accentColor: "#31A3F8", accentColorForeground: "#31A3F859" },
   green: { accentColor: "#1DB847", accentColorForeground: "#FFF" },
   orange: { accentColor: "#FF801F", accentColorForeground: "#FFF" },
   pink: { accentColor: "#FF5CA0", accentColorForeground: "#FFF" },
   purple: { accentColor: "#5F5AFA", accentColorForeground: "#FFF" },
   red: { accentColor: "#FA423C", accentColorForeground: "#FFF" },
-  white: { accentColor: "#FFF", accentColorForeground: "#000" }
+  white: { accentColor: "#31A3F8", accentColorForeground: "#fff" }
 };
-var defaultAccentColor = accentColors.blue;
+var defaultAccentColor = accentColors.white;
 var lightTheme = ({
   accentColor = defaultAccentColor.accentColor,
   accentColorForeground = defaultAccentColor.accentColorForeground,
@@ -26,11 +26,11 @@ var lightTheme = ({
     actionButtonBorder: "rgba(0, 0, 0, 0.04)",
     actionButtonBorderMobile: "rgba(0, 0, 0, 0.06)",
     actionButtonSecondaryBackground: "rgba(0, 0, 0, 0.06)",
-    actionButtonDisabled: "rgb(28, 29, 33)",
+    actionButtonDisabled: "#31A3F859",
     closeButton: "rgba(60, 66, 66, 0.8)",
     closeButtonBackground: "rgba(0, 0, 0, 0.06)",
     connectButtonBackground: "#FFF",
-    connectButtonBackgroundError: "#FF494A",
+    connectButtonBackgroundError: "#C60000",
     connectButtonInnerBackground: "linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.06))",
     connectButtonText: "#25292E",
     connectButtonTextError: "#FFF",
@@ -40,23 +40,42 @@ var lightTheme = ({
     error: "#FF494A",
     generalBorder: "rgba(0, 0, 0, 0.06)",
     generalBorderDim: "rgba(0, 0, 0, 0.03)",
-    menuItemBackground: "rgba(60, 66, 66, 0.1)",
-    modalBackdrop: "rgba(0, 0, 0, 0.4)",
-    modalBackground: "#FFF",
-    modalBorder: "rgba(0, 0, 0, 0.10)",
-    modalText: "#25292E",
+    menuItemBackground: "#FCFCFC",
+    modalText: "rgba(0, 0, 0, 1)",
     modalTextDim: "rgba(60, 66, 66, 0.3)",
-    modalTextSecondary: "rgba(60, 66, 66, 0.6)",
+    modalTextSecondary: "rgba(26, 27, 31, 0.35)",
     profileAction: "#FFF",
-    profileActionHover: "rgba(255, 255, 255, 0.5)",
+    profileActionHover: "rgba(255, 255, 255, 0.40)",
     profileForeground: "rgba(60, 66, 66, 0.06)",
-    selectedOptionBorder: "rgba(60, 66, 66, 0.1)",
+    selectedOptionBorder: "#F7F7F7",
     solidLine: "#000",
     rightTranslucentLine: "linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5))",
     leftTranslucentLine: "linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))",
     standby: "#FFD641",
     loadingBase: "rgba(0, 0, 0, 0.05)",
-    loadingAccent: "rgba(0, 0, 0, 0.2)"
+    loadingAccent: "rgba(0, 0, 0, 0.2)",
+    modalBackdrop: "rgba(0, 0, 0, 0.4)",
+    modalBackground: "#FFF",
+    modalBorder: "rgba(0, 0, 0, 0.05)",
+    notificationPrimary: "rgba(49, 163, 248, 0.15)",
+    textPrimary: "#000000",
+    textSecondary: "#1A1B1F99",
+    textTertiary: "#1A1B1F59",
+    textDisabled: "",
+    inputFieldPrimary: "#000000",
+    inputFieldPlaceholder: "rgba(26, 27, 31, 0.60)",
+    inputFieldDisabled: "#1A1B1F99",
+    strokePrimary: "#0000000D",
+    strokeSecondary: "",
+    buttonPrimary: "#31A3F8",
+    buttonProcessing: "#31A3F859",
+    buttonDisabled: "#31A3F826",
+    buttonWarning: "#C60000",
+    buttonTextWarning: "#FFF",
+    buttonTextPrimary: "#FFFFFF",
+    buttonTextSecondary: "#000000",
+    buttonTextDisabled: "#FFF",
+    transparent: "transparent"
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",