@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.
- package/dist/{chunk-P6ZB76ND.js → chunk-HS4VFULE.js} +1432 -1133
- package/dist/{chunk-IRPFZ4HK.js → chunk-LKGTFED3.js} +7 -6
- package/dist/{chunk-U7T37VQU.js → chunk-VGM7OU7P.js} +8 -3
- package/dist/{chunk-AHK324EF.js → chunk-WJHR5YCY.js} +1432 -1133
- package/dist/components/Box/Box.d.ts +7 -7
- package/dist/components/FunButton/FunButton.css.d.ts +1 -0
- package/dist/components/FunButton/FunIconButton.d.ts +2 -1
- package/dist/components/FunDivider/FunDivider.d.ts +2 -1
- package/dist/components/FunInput/FunInput.d.ts +3 -2
- package/dist/components/FunNotification/FunNotification.d.ts +3 -1
- package/dist/components/FunPayments/FunPaymentMoonpayType.css.d.ts +1 -0
- package/dist/components/FunSelect/FunSelect.d.ts +2 -1
- package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts +13 -8
- package/dist/components/FunkitProvider/FunkitProvider.d.ts +3 -3
- package/dist/components/FunkitWeb2Provider/FunkitWeb2Provider.d.ts +4 -0
- package/dist/components/Icons/NoAssetsFoundIcon.d.ts +4 -0
- package/dist/components/Icons/SearchIcon.d.ts +3 -1
- package/dist/components/SkeletalLoader/SkeletalLoader.css.d.ts +1 -0
- package/dist/components/SkeletalLoader/SkeletalLoader.d.ts +2 -0
- package/dist/components/index.css +874 -805
- package/dist/components/index.js +2 -2
- package/dist/css/sprinkles.css.d.ts +21 -0
- package/dist/index.css +874 -805
- package/dist/index.d.ts +0 -1
- package/dist/index.js +5 -10
- package/dist/themes/baseTheme.d.ts +1 -1
- package/dist/themes/darkTheme.d.ts +4 -0
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.d.ts +4 -0
- package/dist/themes/lightTheme.js +1 -1
- package/dist/utils/checkout.d.ts +28 -1
- package/dist/utils/formatNumber.d.ts +2 -0
- package/dist/wallets/walletConnectors/argentWallet/argentWallet.js +2 -2
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +52 -52
- package/dist/wallets/walletConnectors/ledgerWallet/ledgerWallet.js +2 -2
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/oktoWallet/oktoWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/omniWallet/omniWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/walletConnectWallet/walletConnectWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +4 -4
- package/dist/chunk-FDHEHORE.js +0 -68
- package/dist/chunk-U7C2G4O4.js +0 -67
- package/dist/themes/funTheme.d.ts +0 -63
- package/dist/themes/funTheme.js +0 -8
- package/dist/themes/midnightTheme.d.ts +0 -59
- package/dist/themes/midnightTheme.js +0 -8
package/dist/chunk-U7C2G4O4.js
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import {
|
|
3
|
-
baseTheme
|
|
4
|
-
} from "./chunk-VP4CAK4A.js";
|
|
5
|
-
|
|
6
|
-
// src/themes/midnightTheme.ts
|
|
7
|
-
var accentColors = {
|
|
8
|
-
blue: { accentColor: "#3898FF", accentColorForeground: "#FFF" },
|
|
9
|
-
green: { accentColor: "#4BD166", accentColorForeground: "#000" },
|
|
10
|
-
orange: { accentColor: "#FF983D", accentColorForeground: "#000" },
|
|
11
|
-
pink: { accentColor: "#FF7AB8", accentColorForeground: "#000" },
|
|
12
|
-
purple: { accentColor: "#7A70FF", accentColorForeground: "#FFF" },
|
|
13
|
-
red: { accentColor: "#FF6257", accentColorForeground: "#FFF" }
|
|
14
|
-
};
|
|
15
|
-
var defaultAccentColor = accentColors.blue;
|
|
16
|
-
var midnightTheme = ({
|
|
17
|
-
accentColor = defaultAccentColor.accentColor,
|
|
18
|
-
accentColorForeground = defaultAccentColor.accentColorForeground,
|
|
19
|
-
...baseThemeOptions
|
|
20
|
-
} = {}) => ({
|
|
21
|
-
...baseTheme(baseThemeOptions),
|
|
22
|
-
colors: {
|
|
23
|
-
accentColor,
|
|
24
|
-
accentColorForeground,
|
|
25
|
-
actionButtonBorder: "rgba(255, 255, 255, 0.04)",
|
|
26
|
-
actionButtonBorderMobile: "rgba(255, 255, 255, 0.1)",
|
|
27
|
-
actionButtonSecondaryBackground: "rgba(255, 255, 255, 0.08)",
|
|
28
|
-
closeButton: "rgba(255, 255, 255, 0.7)",
|
|
29
|
-
closeButtonBackground: "rgba(255, 255, 255, 0.08)",
|
|
30
|
-
connectButtonBackground: "#000",
|
|
31
|
-
connectButtonBackgroundError: "#FF494A",
|
|
32
|
-
connectButtonInnerBackground: "linear-gradient(0deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12))",
|
|
33
|
-
connectButtonText: "#FFF",
|
|
34
|
-
connectButtonTextError: "#FFF",
|
|
35
|
-
connectionIndicator: "#30E000",
|
|
36
|
-
downloadBottomCardBackground: "linear-gradient(126deg, rgba(0, 0, 0, 0) 9.49%, rgba(120, 120, 120, 0.1) 71.04%), #050505",
|
|
37
|
-
downloadTopCardBackground: "linear-gradient(126deg, rgba(120, 120, 120, 0.1) 9.49%, rgba(0, 0, 0, 0) 71.04%), #050505",
|
|
38
|
-
error: "#FF494A",
|
|
39
|
-
generalBorder: "rgba(255, 255, 255, 0.08)",
|
|
40
|
-
generalBorderDim: "rgba(255, 255, 255, 0.04)",
|
|
41
|
-
menuItemBackground: "rgba(255, 255, 255, 0.08)",
|
|
42
|
-
modalBackdrop: "rgba(0, 0, 0, 0.7)",
|
|
43
|
-
modalBackground: "#000",
|
|
44
|
-
modalBorder: "rgba(255, 255, 255, 0.08)",
|
|
45
|
-
modalText: "#FFF",
|
|
46
|
-
modalTextDim: "rgba(255, 255, 255, 0.2)",
|
|
47
|
-
modalTextSecondary: "rgba(255, 255, 255, 0.6)",
|
|
48
|
-
profileAction: "rgba(255, 255, 255, 0.1)",
|
|
49
|
-
profileActionHover: "rgba(255, 255, 255, 0.2)",
|
|
50
|
-
profileForeground: "rgba(255, 255, 255, 0.06)",
|
|
51
|
-
selectedOptionBorder: "rgba(224, 232, 255, 0.1)",
|
|
52
|
-
standby: "#FFD641"
|
|
53
|
-
},
|
|
54
|
-
shadows: {
|
|
55
|
-
connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
|
|
56
|
-
dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
|
|
57
|
-
profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
|
|
58
|
-
selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
|
|
59
|
-
selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
|
|
60
|
-
walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
midnightTheme.accentColors = accentColors;
|
|
64
|
-
|
|
65
|
-
export {
|
|
66
|
-
midnightTheme
|
|
67
|
-
};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { AccentColor, AccentColorPreset, ThemeOptions } from './baseTheme';
|
|
2
|
-
export declare const funTheme: {
|
|
3
|
-
({ accentColor, accentColorForeground, ...baseThemeOptions }?: ThemeOptions): {
|
|
4
|
-
colors: {
|
|
5
|
-
accentColor: string;
|
|
6
|
-
accentColorForeground: string;
|
|
7
|
-
actionButtonBorder: string;
|
|
8
|
-
actionButtonBorderMobile: string;
|
|
9
|
-
actionButtonSecondaryBackground: string;
|
|
10
|
-
actionButtonDisabled: string;
|
|
11
|
-
closeButton: string;
|
|
12
|
-
closeButtonBackground: string;
|
|
13
|
-
connectButtonBackground: string;
|
|
14
|
-
connectButtonBackgroundError: string;
|
|
15
|
-
connectButtonInnerBackground: string;
|
|
16
|
-
connectButtonText: string;
|
|
17
|
-
connectButtonTextError: string;
|
|
18
|
-
connectionIndicator: string;
|
|
19
|
-
downloadBottomCardBackground: string;
|
|
20
|
-
downloadTopCardBackground: string;
|
|
21
|
-
error: string;
|
|
22
|
-
generalBorder: string;
|
|
23
|
-
generalBorderDim: string;
|
|
24
|
-
menuItemBackground: string;
|
|
25
|
-
modalBackdrop: string;
|
|
26
|
-
modalBackground: string;
|
|
27
|
-
modalBorder: string;
|
|
28
|
-
modalText: string;
|
|
29
|
-
modalTextDim: string;
|
|
30
|
-
modalTextSecondary: string;
|
|
31
|
-
profileAction: string;
|
|
32
|
-
profileActionHover: string;
|
|
33
|
-
profileForeground: string;
|
|
34
|
-
selectedOptionBorder: string;
|
|
35
|
-
solidLine: string;
|
|
36
|
-
rightTranslucentLine: string;
|
|
37
|
-
leftTranslucentLine: string;
|
|
38
|
-
standby: string;
|
|
39
|
-
};
|
|
40
|
-
shadows: {
|
|
41
|
-
connectButton: string;
|
|
42
|
-
dialog: string;
|
|
43
|
-
profileDetailsAction: string;
|
|
44
|
-
selectedOption: string;
|
|
45
|
-
selectedWallet: string;
|
|
46
|
-
walletLogo: string;
|
|
47
|
-
};
|
|
48
|
-
fonts: {
|
|
49
|
-
body: string;
|
|
50
|
-
};
|
|
51
|
-
radii: {
|
|
52
|
-
actionButton: string;
|
|
53
|
-
connectButton: string;
|
|
54
|
-
menuButton: string;
|
|
55
|
-
modal: string;
|
|
56
|
-
modalMobile: string;
|
|
57
|
-
};
|
|
58
|
-
blurs: {
|
|
59
|
-
modalOverlay: string;
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
accentColors: Record<AccentColorPreset, AccentColor>;
|
|
63
|
-
};
|
package/dist/themes/funTheme.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { AccentColor, AccentColorPreset, ThemeOptions } from './baseTheme';
|
|
2
|
-
export declare const midnightTheme: {
|
|
3
|
-
({ accentColor, accentColorForeground, ...baseThemeOptions }?: ThemeOptions): {
|
|
4
|
-
colors: {
|
|
5
|
-
accentColor: string;
|
|
6
|
-
accentColorForeground: string;
|
|
7
|
-
actionButtonBorder: string;
|
|
8
|
-
actionButtonBorderMobile: string;
|
|
9
|
-
actionButtonSecondaryBackground: string;
|
|
10
|
-
closeButton: string;
|
|
11
|
-
closeButtonBackground: string;
|
|
12
|
-
connectButtonBackground: string;
|
|
13
|
-
connectButtonBackgroundError: string;
|
|
14
|
-
connectButtonInnerBackground: string;
|
|
15
|
-
connectButtonText: string;
|
|
16
|
-
connectButtonTextError: string;
|
|
17
|
-
connectionIndicator: string;
|
|
18
|
-
downloadBottomCardBackground: string;
|
|
19
|
-
downloadTopCardBackground: string;
|
|
20
|
-
error: string;
|
|
21
|
-
generalBorder: string;
|
|
22
|
-
generalBorderDim: string;
|
|
23
|
-
menuItemBackground: string;
|
|
24
|
-
modalBackdrop: string;
|
|
25
|
-
modalBackground: string;
|
|
26
|
-
modalBorder: string;
|
|
27
|
-
modalText: string;
|
|
28
|
-
modalTextDim: string;
|
|
29
|
-
modalTextSecondary: string;
|
|
30
|
-
profileAction: string;
|
|
31
|
-
profileActionHover: string;
|
|
32
|
-
profileForeground: string;
|
|
33
|
-
selectedOptionBorder: string;
|
|
34
|
-
standby: string;
|
|
35
|
-
};
|
|
36
|
-
shadows: {
|
|
37
|
-
connectButton: string;
|
|
38
|
-
dialog: string;
|
|
39
|
-
profileDetailsAction: string;
|
|
40
|
-
selectedOption: string;
|
|
41
|
-
selectedWallet: string;
|
|
42
|
-
walletLogo: string;
|
|
43
|
-
};
|
|
44
|
-
fonts: {
|
|
45
|
-
body: string;
|
|
46
|
-
};
|
|
47
|
-
radii: {
|
|
48
|
-
actionButton: string;
|
|
49
|
-
connectButton: string;
|
|
50
|
-
menuButton: string;
|
|
51
|
-
modal: string;
|
|
52
|
-
modalMobile: string;
|
|
53
|
-
};
|
|
54
|
-
blurs: {
|
|
55
|
-
modalOverlay: string;
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
accentColors: Record<AccentColorPreset, AccentColor>;
|
|
59
|
-
};
|