@funkit/connect 0.1.4 → 0.1.5

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 (54) hide show
  1. package/dist/{chunk-P6ZB76ND.js → chunk-HS4VFULE.js} +1432 -1133
  2. package/dist/{chunk-IRPFZ4HK.js → chunk-LKGTFED3.js} +7 -6
  3. package/dist/{chunk-U7T37VQU.js → chunk-VGM7OU7P.js} +8 -3
  4. package/dist/{chunk-AHK324EF.js → chunk-WJHR5YCY.js} +1432 -1133
  5. package/dist/components/Box/Box.d.ts +7 -7
  6. package/dist/components/FunButton/FunButton.css.d.ts +1 -0
  7. package/dist/components/FunButton/FunIconButton.d.ts +2 -1
  8. package/dist/components/FunDivider/FunDivider.d.ts +2 -1
  9. package/dist/components/FunInput/FunInput.d.ts +3 -2
  10. package/dist/components/FunNotification/FunNotification.d.ts +3 -1
  11. package/dist/components/FunPayments/FunPaymentMoonpayType.css.d.ts +1 -0
  12. package/dist/components/FunSelect/FunSelect.d.ts +2 -1
  13. package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts +13 -8
  14. package/dist/components/FunkitProvider/FunkitProvider.d.ts +3 -3
  15. package/dist/components/FunkitWeb2Provider/FunkitWeb2Provider.d.ts +4 -0
  16. package/dist/components/Icons/NoAssetsFoundIcon.d.ts +4 -0
  17. package/dist/components/Icons/SearchIcon.d.ts +3 -1
  18. package/dist/components/SkeletalLoader/SkeletalLoader.css.d.ts +1 -0
  19. package/dist/components/SkeletalLoader/SkeletalLoader.d.ts +2 -0
  20. package/dist/components/index.css +874 -805
  21. package/dist/components/index.js +2 -2
  22. package/dist/css/sprinkles.css.d.ts +21 -0
  23. package/dist/index.css +874 -805
  24. package/dist/index.d.ts +0 -1
  25. package/dist/index.js +5 -10
  26. package/dist/themes/baseTheme.d.ts +1 -1
  27. package/dist/themes/darkTheme.d.ts +4 -0
  28. package/dist/themes/darkTheme.js +1 -1
  29. package/dist/themes/lightTheme.d.ts +4 -0
  30. package/dist/themes/lightTheme.js +1 -1
  31. package/dist/utils/checkout.d.ts +28 -1
  32. package/dist/utils/formatNumber.d.ts +2 -0
  33. package/dist/wallets/walletConnectors/argentWallet/argentWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  35. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  36. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  37. package/dist/wallets/walletConnectors/index.js +52 -52
  38. package/dist/wallets/walletConnectors/ledgerWallet/ledgerWallet.js +2 -2
  39. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  40. package/dist/wallets/walletConnectors/oktoWallet/oktoWallet.js +2 -2
  41. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  42. package/dist/wallets/walletConnectors/omniWallet/omniWallet.js +2 -2
  43. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  44. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  45. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  46. package/dist/wallets/walletConnectors/walletConnectWallet/walletConnectWallet.js +2 -2
  47. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  48. package/package.json +4 -4
  49. package/dist/chunk-FDHEHORE.js +0 -68
  50. package/dist/chunk-U7C2G4O4.js +0 -67
  51. package/dist/themes/funTheme.d.ts +0 -63
  52. package/dist/themes/funTheme.js +0 -8
  53. package/dist/themes/midnightTheme.d.ts +0 -59
  54. package/dist/themes/midnightTheme.js +0 -8
package/dist/{chunk-IRPFZ4HK.js → chunk-LKGTFED3.js} RENAMED
@@ -3,17 +3,18 @@ import {
3
3
  baseTheme
4
4
  } from "./chunk-VP4CAK4A.js";
5
5
 
6
- // src/themes/funTheme.ts
6
+ // src/themes/darkTheme.ts
7
7
  var accentColors = {
8
8
  blue: { accentColor: "#3898FF", accentColorForeground: "#FFF" },
9
9
  green: { accentColor: "#4BD166", accentColorForeground: "#000" },
10
10
  orange: { accentColor: "#FF983D", accentColorForeground: "#000" },
11
11
  pink: { accentColor: "#FF7AB8", accentColorForeground: "#000" },
12
12
  purple: { accentColor: "#7A70FF", accentColorForeground: "#FFF" },
13
- red: { accentColor: "#FFF", accentColorForeground: "#000" }
13
+ red: { accentColor: "#FF6257", accentColorForeground: "#FFF" },
14
+ white: { accentColor: "#FFF", accentColorForeground: "#000" }
14
15
  };
15
- var defaultAccentColor = accentColors.red;
16
- var funTheme = ({
16
+ var defaultAccentColor = accentColors.white;
17
+ var darkTheme = ({
17
18
  accentColor = defaultAccentColor.accentColor,
18
19
  accentColorForeground = defaultAccentColor.accentColorForeground,
19
20
  ...baseThemeOptions
@@ -64,8 +65,8 @@ var funTheme = ({
64
65
  walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
65
66
  }
66
67
  });
67
- funTheme.accentColors = accentColors;
68
+ darkTheme.accentColors = accentColors;
68
69
 
69
70
  export {
70
- funTheme
71
+ darkTheme
71
72
  };
package/dist/{chunk-U7T37VQU.js → chunk-VGM7OU7P.js} RENAMED
@@ -10,7 +10,8 @@ var accentColors = {
10
10
  orange: { accentColor: "#FF801F", accentColorForeground: "#FFF" },
11
11
  pink: { accentColor: "#FF5CA0", accentColorForeground: "#FFF" },
12
12
  purple: { accentColor: "#5F5AFA", accentColorForeground: "#FFF" },
13
- red: { accentColor: "#FA423C", accentColorForeground: "#FFF" }
13
+ red: { accentColor: "#FA423C", accentColorForeground: "#FFF" },
14
+ white: { accentColor: "#FFF", accentColorForeground: "#000" }
14
15
  };
15
16
  var defaultAccentColor = accentColors.blue;
16
17
  var lightTheme = ({
@@ -25,6 +26,7 @@ var lightTheme = ({
25
26
  actionButtonBorder: "rgba(0, 0, 0, 0.04)",
26
27
  actionButtonBorderMobile: "rgba(0, 0, 0, 0.06)",
27
28
  actionButtonSecondaryBackground: "rgba(0, 0, 0, 0.06)",
29
+ actionButtonDisabled: "rgb(28, 29, 33)",
28
30
  closeButton: "rgba(60, 66, 66, 0.8)",
29
31
  closeButtonBackground: "rgba(0, 0, 0, 0.06)",
30
32
  connectButtonBackground: "#FFF",
@@ -39,9 +41,9 @@ var lightTheme = ({
39
41
  generalBorder: "rgba(0, 0, 0, 0.06)",
40
42
  generalBorderDim: "rgba(0, 0, 0, 0.03)",
41
43
  menuItemBackground: "rgba(60, 66, 66, 0.1)",
42
- modalBackdrop: "rgba(0, 0, 0, 0.3)",
44
+ modalBackdrop: "rgba(0, 0, 0, 0.4)",
43
45
  modalBackground: "#FFF",
44
- modalBorder: "transparent",
46
+ modalBorder: "rgba(0, 0, 0, 0.10)",
45
47
  modalText: "#25292E",
46
48
  modalTextDim: "rgba(60, 66, 66, 0.3)",
47
49
  modalTextSecondary: "rgba(60, 66, 66, 0.6)",
@@ -49,6 +51,9 @@ var lightTheme = ({
49
51
  profileActionHover: "rgba(255, 255, 255, 0.5)",
50
52
  profileForeground: "rgba(60, 66, 66, 0.06)",
51
53
  selectedOptionBorder: "rgba(60, 66, 66, 0.1)",
54
+ solidLine: "#000",
55
+ rightTranslucentLine: "linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5))",
56
+ leftTranslucentLine: "linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))",
52
57
  standby: "#FFD641"
53
58
  },
54
59
  shadows: {