@funkit/connect 8.3.1-next.0 → 8.4.0

package/dist/chunk-FBCU3TQA.js

@@ -1,204 +0,0 @@
-"use client";
-import {
-  baseTheme
-} from "./chunk-MGQZMUZ2.js";
-
-// src/themes/lightTheme.ts
-var accentColors = {
-  blue: { accentColor: "#31A3F8", accentColorForeground: "#31A3F859" },
-  green: { accentColor: "#66CC00", accentColorForeground: "#FFF" },
-  orange: { accentColor: "#F6851B", accentColorForeground: "#FFF" },
-  pink: { accentColor: "#FF5CA0", accentColorForeground: "#FFF" },
-  purple: { accentColor: "#5F5AFA", accentColorForeground: "#FFF" },
-  red: { accentColor: "#F34126", accentColorForeground: "#FFF" },
-  white: { accentColor: "#000000", accentColorForeground: "#FFF" }
-};
-var defaultAccentColor = accentColors.white;
-var lightTheme = ({
-  accentColor = defaultAccentColor.accentColor,
-  accentColorForeground = defaultAccentColor.accentColorForeground,
-  customColors,
-  customShadows,
-  ...baseThemeOptions
-} = {}) => ({
-  ...baseTheme(baseThemeOptions),
-  colors: {
-    accentColor,
-    accentColorForeground,
-    actionButtonBorder: "rgba(0, 0, 0, 0.04)",
-    connectButtonBackground: "#FFF",
-    connectButtonBackgroundError: "#C60000",
-    connectButtonText: "#25292E",
-    connectButtonTextError: "#FFF",
-    connectionIndicator: "#30E000",
-    error: accentColors.red.accentColor,
-    errorBackground: "#F2E6E4",
-    errorBorder: "rgba(243, 65, 38, 0.2)",
-    generalBorder: "#F7F7F7",
-    // strokeColor in figma
-    generalBorderDim: "rgba(0, 0, 0, 0.03)",
-    menuItemBackground: "#FCFCFC",
-    selectedOptionBorder: "#F7F7F7",
-    focusedOptionBorder: "#737373",
-    standby: "#F6851B",
-    success: "#66CC00",
-    delayedStatusIcon: customColors?.secondaryText ?? "#737373",
-    // backward compatibility
-    chainIconBorder: "#fff",
-    // FUNKIT COLORS
-    // modal backgrounds
-    modalBackdrop: "rgba(0, 0, 0, 0.2)",
-    modalTopbarIcon: "#000",
-    modalBackground: "#FFF",
-    modalBorder: "#F7F7F7",
-    offBackground: "#F7F7F7",
-    offBackgroundInverse: "#333333",
-    hoverState: "#F0F0F0",
-    lightStroke: "#F7F7F7",
-    mediumStroke: "#F0F0F0",
-    heavyStroke: "#E5E5E5",
-    strokeColor: "#E8E8E8",
-    //Text
-    primaryText: "#000",
-    secondaryText: "#737373",
-    tertiaryText: "rgba(0, 0, 0, 0.35)",
-    textSelection: "rgba(0, 0, 0, 0.10)",
-    // input
-    inputBackground: "#FFFFFF",
-    inputBorderBase: "#F0F0F0",
-    inputBorderHover: "#E5E5E5",
-    // tab
-    activeTabBorderColor: "#F7F7F7",
-    activeTabBackground: "#F7F7F7",
-    // button
-    actionColor: "#000",
-    actionColorHover: "rgba(0, 0, 0, 0.7)",
-    actionColorDisabled: "rgba(0, 0, 0, 0.50)",
-    buttonPrimary: accentColor,
-    buttonDisabled: "#31A3F826",
-    buttonWarning: accentColors.red.accentColor,
-    buttonSuccess: "#2EA200",
-    buttonTextPrimary: "#FFFFFF",
-    buttonTextHover: "#FFF",
-    buttonTextDisabled: "#FFF",
-    transparent: "transparent",
-    buttonBackgroundTertiary: "#F7F7F7",
-    buttonBackgroundHoverTertiary: "#F0F0F0",
-    buttonBackgroundDisabledTertiary: "transparent",
-    buttonTextTertiary: "#000",
-    buttonTextDisabledTertiary: "rgba(0, 0, 0, 0.5)",
-    buttonBackground: "#000",
-    buttonBackgroundHover: "#333333",
-    buttonBackgroundPressed: "#000",
-    buttonBackgroundDisabled: "rgba(0, 0, 0, 0.5)",
-    buttonTextSecondaryDisabled: "rgba(0, 0, 0, 0.5)",
-    buttonTextSecondary: "#000000",
-    buttonIconBackgroundHover: "#F7F7F7",
-    buttonIconBackgroundPressed: "#F0F0F0",
-    buttonIconStroke: "rgba(0, 0, 0, 0.35)",
-    buttonBorderTertiary: "transparent",
-    buttonBorderFocusedTertiary: "rgba(0, 0, 0, 0.35)",
-    buttonFocusedOutline: "none",
-    buttonBorderGradient: "none",
-    buttonHoverBorderGradient: "none",
-    buttonDisabledBorderGradient: "none",
-    // TODO: Make common colors when refactoring the design system
-    inputAmountQuickOptionBaseBackground: "#F7F7F7",
-    inputAmountQuickOptionHoverBackground: "#F0F0F0",
-    inputAmountQuickOptionActiveBackground: "#F0F0F0",
-    inputAmountQuickOptionDisabledBackground: "#F7F7F7",
-    inputAmountQuickOptionBaseBorder: "#F7F7F7",
-    inputAmountQuickOptionHoverBorder: "rgba(0, 0, 0, 0.35)",
-    inputAmountQuickOptionActiveBorder: "rgba(0, 0, 0, 0.35)",
-    inputAmountQuickOptionFocusedBorder: "rgba(0, 0, 0, 0.35)",
-    inputAmountFiatDecimalsColor: customColors?.inputAmountFiatDecimalsColor ?? "none",
-    youPayYouReceiveBackground: "#FFF",
-    // modalBackground
-    youPayYouReceiveBorder: "#F0F0F0",
-    // mediumStroke
-    youPayYouReceivePrimaryText: "#000",
-    // primaryText
-    youPayYouReceiveSecondaryText: "#737373",
-    // secondaryText
-    // badges
-    badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
-    badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",
-    badgeTextSuccess: "rgb(124, 242, 136)",
-    newBadgeBackground: "linear-gradient(180deg, #ECFFEA 0%, #E4FFE9 100%)",
-    newBadgeBorder: "rgba(122, 221, 122, 0.5)",
-    newBadgeText: "#028320",
-    approvedBadgeBackground: "linear-gradient(180deg, #ECFFEA 0%, #E4FFE9 100%)",
-    approvedBadgeBorder: "rgba(109, 216, 109, 0.5)",
-    approvedBadgeText: "#028320",
-    failedBadgeBackground: "rgba(255, 61, 61, 0.08)",
-    failedBadgeBorder: "rgba(0, 0, 0, 0.03)",
-    failedBadgeText: "#C2341E",
-    announceGradientFrom: "#595959",
-    announceGradientTo: "#9C9C9C",
-    fiatPendingGradientFrom: "#454545",
-    fiatPendingGradientTo: "#747474",
-    fiatSuccessBackgroundFill: "rgba(102, 204, 0, 0.16)",
-    fiatFailedBackgroundFill: "rgba(255, 61, 61, 0.12)",
-    fiatStatusIconBorder: "rgba(0, 0, 0, 0.03)",
-    fiatAccountIconFill: "#E7F3FE",
-    fiatAccountGradientFrom: "#055DF5",
-    fiatAccountGradientTo: "#4C8DFD",
-    modalHeaderDivider: "#F7F7F7",
-    // lightStroke
-    modalFooterDivider: "#F7F7F7",
-    // lightStroke
-    spinnerBackground: customColors?.mediumStroke ?? "rgba(255, 255, 255, 0.3)",
-    // 30% buttonTextPrimary
-    spinnerIndicator: customColors?.primaryText ?? "#FFF",
-    // 100% buttonTextPrimary
-    spinnerBackgroundVerifyAccount: "rgba(255, 255, 255, 0.3)",
-    // 30% buttonTextPrimary
-    spinnerIndicatorVerifyAccount: customColors?.primaryText ?? "#FFF",
-    // 100% buttonTextPrimary
-    // Override colors
-    ...customColors || {},
-    // option Boxes
-    optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
-    // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
-    optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
-    dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#FFF",
-    dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#F7F7F7",
-    dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
-    txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#FFF",
-    txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#F7F7F7"
-  },
-  shadows: {
-    connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
-    dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
-    selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.12)",
-    dropdown: "0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px 0px rgba(0, 0, 0, 0.03), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
-    notification: "0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
-    qrCode: "0px 0px 0px 1px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px 0px rgba(8, 7, 7, 0.10)",
-    buttonShadow: "none",
-    buttonShadowTertiary: customShadows?.buttonShadow ?? "none",
-    buttonFocusedShadow: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
-    buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
-    buttonHoverShadow: "none",
-    buttonHoverShadowTertiary: "none",
-    buttonDisabledShadow: "none",
-    buttonDisabledShadowTertiary: customShadows?.buttonDisabledShadow ?? "none",
-    buttonInnerShadow: "none",
-    buttonInnerShadowTertiary: customShadows?.buttonInnerShadow ?? "none",
-    buttonFocusedInnerShadow: "none",
-    buttonFocusedInnerShadowTertiary: customShadows?.buttonFocusedInnerShadow ?? "none",
-    buttonHoverInnerShadow: "none",
-    buttonHoverInnerShadowTertiary: customShadows?.buttonHoverInnerShadow ?? "none",
-    buttonDisabledInnerShadow: "none",
-    buttonDisabledInnerShadowTertiary: customShadows?.buttonDisabledInnerShadow ?? "none",
-    selectedDropdownItem: "none",
-    // Override shadows
-    ...customShadows || {}
-  },
-  moonpayTheme: "light"
-});
-lightTheme.accentColors = accentColors;
-
-export {
-  lightTheme
-};

package/dist/chunk-GRQP5R23.js

@@ -1,209 +0,0 @@
-"use client";
-import {
-  baseTheme
-} from "./chunk-A24XIU2M.js";
-
-// src/themes/darkTheme.ts
-var accentColors = {
-  blue: { accentColor: "#3898FF", accentColorForeground: "#FFF" },
-  green: { accentColor: "#66CC00", accentColorForeground: "#000" },
-  orange: { accentColor: "#F6851B", accentColorForeground: "#000" },
-  pink: { accentColor: "#FF7AB8", accentColorForeground: "#000" },
-  purple: { accentColor: "#7A70FF", accentColorForeground: "#FFF" },
-  red: { accentColor: "#F34126", accentColorForeground: "#FFF" },
-  white: { accentColor: "#FFF", accentColorForeground: "#000" }
-};
-var defaultAccentColor = accentColors.white;
-var darkTheme = ({
-  accentColor = defaultAccentColor.accentColor,
-  accentColorForeground = defaultAccentColor.accentColorForeground,
-  customColors,
-  customShadows,
-  ...baseThemeOptions
-} = {}) => ({
-  ...baseTheme(baseThemeOptions),
-  colors: {
-    accentColor,
-    accentColorForeground,
-    actionButtonBorder: "rgba(255, 255, 255, 0.04)",
-    connectButtonBackground: "#000",
-    connectButtonBackgroundError: "#C60000",
-    connectButtonText: "#FFF",
-    connectButtonTextError: "#FFF",
-    connectionIndicator: "#30E000",
-    error: accentColors.red.accentColor,
-    errorBackground: "#F2E6E4",
-    errorBorder: "rgba(243, 65, 38, 0.2)",
-    generalBorder: "#292929",
-    // strokeColor in figma
-    generalBorderDim: "rgba(255, 255, 255, 0.04)",
-    menuItemBackground: "rgba(255, 255, 255, 0.03)",
-    selectedOptionBorder: "rgba(224, 232, 255, 0.1)",
-    focusedOptionBorder: "#8C8C8C",
-    standby: "#F6851B",
-    success: "#66CC00",
-    delayedStatusIcon: customColors?.secondaryText ?? "#8C8C8C",
-    // backward compatibility
-    chainIconBorder: "#fff",
-    // FUNKIT COLORS
-    // modal backgrounds
-    modalBackdrop: "rgba(0, 0, 0, 0.2)",
-    modalBackground: "#000000",
-    modalBorder: "#292929",
-    modalTopbarIcon: "#FFF",
-    modalTopbarIconBackground: customColors?.modalTopbarIconBackground ?? "transparent",
-    modalTopbarIconBackgroundHover: customColors?.modalTopbarIconBackgroundHover ?? customColors?.buttonIconBackgroundHover ?? "#333333",
-    modalTopbarIconBackgroundPressed: customColors?.modalTopbarIconBackgroundPressed ?? customColors?.buttonIconBackgroundPressed ?? "#333333",
-    modalTopbarIconStroke: customColors?.modalTopbarIconStroke ?? customColors?.buttonIconStroke ?? "rgba(255, 255, 255, 0.35)",
-    offBackground: "#1F1F1F",
-    offBackgroundInverse: "#F2F2F2",
-    hoverState: "#333333",
-    lightStroke: "#333333",
-    mediumStroke: "#333333",
-    heavyStroke: "rgba(117, 117, 117, 0.40)",
-    strokeColor: "#333333",
-    //Text
-    primaryText: "#FFF",
-    secondaryText: "#8C8C8C",
-    tertiaryText: "rgba(255, 255, 255, 0.35)",
-    textSelection: "rgba(255, 255, 255, 0.10)",
-    // input
-    inputBackground: "#000000",
-    inputBorderBase: "#333333",
-    inputBorderHover: "#525252",
-    // tab
-    activeTabBorderColor: "#333333",
-    activeTabBackground: "#333333",
-    // button
-    actionColor: "#FFF",
-    actionColorHover: "rgba(255, 255, 255, 0.8)",
-    actionColorDisabled: "rgba(255, 255, 255, 0.65)",
-    buttonPrimary: accentColor,
-    buttonDisabled: "rgba(255, 255, 255, 0.20)",
-    buttonTextPrimary: "#000000",
-    buttonTextHover: "#000000",
-    buttonTextDisabled: "#000000",
-    buttonWarning: accentColors.red.accentColor,
-    buttonSuccess: "#2EA200",
-    transparent: "transparent",
-    buttonBackgroundTertiary: "#333333",
-    buttonBackgroundHoverTertiary: "#333333",
-    buttonBackgroundDisabledTertiary: "transparent",
-    buttonTextTertiary: "#FFF",
-    buttonTextDisabledTertiary: "rgba(255, 255, 255, 0.65)",
-    buttonBackground: "#FFF",
-    buttonBackgroundHover: "#f2f2f2",
-    buttonBackgroundPressed: "#FFF",
-    buttonBackgroundDisabled: "rgba(255, 255, 255, 0.65)",
-    buttonTextSecondaryDisabled: "rgba(255, 255, 255, 0.65)",
-    buttonTextSecondary: "#FFFFFF",
-    buttonIconBackgroundHover: "#333333",
-    buttonIconBackgroundPressed: "#333333",
-    buttonIconStroke: "rgba(255, 255, 255, 0.35)",
-    buttonBorderTertiary: "transparent",
-    buttonBorderFocusedTertiary: "rgba(255, 255, 255, 0.35)",
-    buttonFocusedOutline: "none",
-    buttonBorderGradient: "none",
-    buttonHoverBorderGradient: "none",
-    buttonDisabledBorderGradient: "none",
-    // TODO: Make common colors when refactoring the design system
-    inputAmountQuickOptionBaseBackground: "#1F1F1F",
-    inputAmountQuickOptionHoverBackground: "#333333",
-    inputAmountQuickOptionActiveBackground: "#333333",
-    inputAmountQuickOptionDisabledBackground: "#333333",
-    inputAmountQuickOptionBaseBorder: "#f2f2f2",
-    inputAmountQuickOptionHoverBorder: "rgba(255, 255, 255, 0.35)",
-    inputAmountQuickOptionActiveBorder: "rgba(255, 255, 255, 0.35)",
-    inputAmountQuickOptionFocusedBorder: "rgba(255, 255, 255, 0.35)",
-    inputAmountFiatDecimalsColor: customColors?.inputAmountFiatDecimalsColor ?? "none",
-    youPayYouReceiveBackground: "#000000",
-    // modalBackground
-    youPayYouReceiveBorder: "#333333",
-    // mediumStroke
-    youPayYouReceivePrimaryText: "#FFF",
-    // primaryText
-    youPayYouReceiveSecondaryText: "#8C8C8C",
-    // secondaryText
-    // badges
-    badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
-    badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",
-    badgeTextSuccess: "rgb(124, 242, 136)",
-    newBadgeBackground: "linear-gradient(180deg, rgba(57, 76, 56, 0.55) 0%, rgba(61, 81, 65, 0.55) 100%)",
-    newBadgeBorder: "rgba(122, 221, 122, 0.3)",
-    newBadgeText: "#A4FF9A",
-    approvedBadgeBackground: "linear-gradient(180deg, rgba(236, 255, 234, 0.20) 0%, rgba(228, 255, 233, 0.20) 100%)",
-    approvedBadgeBorder: "rgba(109, 216, 109, 0.08)",
-    approvedBadgeText: "#8FFFA9",
-    failedBadgeBackground: "rgba(255, 61, 61, 0.18)",
-    failedBadgeBorder: "rgba(255, 255, 255, 0.10)",
-    failedBadgeText: "#F88877",
-    announceGradientFrom: "#AAAAAA",
-    announceGradientTo: "#BEBEBE",
-    fiatPendingGradientFrom: "#AAAAAA",
-    fiatPendingGradientTo: "#BEBEBE",
-    fiatSuccessBackgroundFill: "rgba(102, 204, 0, 0.30)",
-    fiatFailedBackgroundFill: "rgba(255, 61, 61, 0.30)",
-    fiatStatusIconBorder: "rgba(255, 255, 255, 0.06)",
-    fiatAccountIconFill: "#002F5E",
-    fiatAccountGradientFrom: "#3A82FE",
-    fiatAccountGradientTo: "#73A7FF",
-    modalHeaderDivider: "#333333",
-    // lightStroke
-    modalFooterDivider: "#333333",
-    // lightStroke
-    spinnerBackground: customColors?.mediumStroke ?? "rgba(0, 0, 0, 0.3)",
-    // 30% buttonTextPrimary
-    spinnerIndicator: customColors?.primaryText ?? "#000",
-    // 100% buttonTextPrimary
-    spinnerBackgroundVerifyAccount: "rgba(0, 0, 0, 0.3)",
-    // 30% buttonTextPrimary
-    spinnerIndicatorVerifyAccount: customColors?.primaryText ?? "#000",
-    // 100% buttonTextPrimary
-    // Override colors
-    ...customColors || {},
-    // option Boxes
-    optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000",
-    // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
-    optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
-    dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#000000",
-    dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#1F1F1F",
-    dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
-    txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#000",
-    txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#333333",
-    counterRingColor: customColors?.counterRingColor ?? accentColor
-  },
-  shadows: {
-    connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
-    dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
-    selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    dropdown: "0px 0px 0px 1px rgba(255, 255, 255, 0.16), 0px 2px 6px rgba(0, 0, 0, 0.03), 0px 4px 42px rgba(0, 0, 0, 0.06)",
-    notification: "0px 0px 0px 1px rgba(255, 255, 255, 0.20), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
-    qrCode: "0px 0px 0px 1px rgba(255, 255, 255, 0.16)",
-    buttonShadow: "none",
-    buttonShadowTertiary: "none",
-    buttonHoverShadow: "none",
-    buttonHoverShadowTertiary: "none",
-    buttonFocusedShadow: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
-    buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(255, 255, 255, 0.25)",
-    buttonDisabledShadow: "none",
-    buttonDisabledShadowTertiary: "none",
-    buttonInnerShadow: "none",
-    buttonInnerShadowTertiary: customShadows?.buttonInnerShadow ?? "none",
-    buttonFocusedInnerShadow: "none",
-    buttonFocusedInnerShadowTertiary: customShadows?.buttonFocusedInnerShadow ?? "none",
-    buttonHoverInnerShadow: "none",
-    buttonHoverInnerShadowTertiary: customShadows?.buttonHoverInnerShadow ?? "none",
-    buttonDisabledInnerShadow: "none",
-    buttonDisabledInnerShadowTertiary: customShadows?.buttonDisabledInnerShadow ?? "none",
-    selectedDropdownItem: "none",
-    // Override shadows
-    ...customShadows || {}
-  },
-  moonpayTheme: "dark"
-});
-darkTheme.accentColors = accentColors;
-
-export {
-  darkTheme
-};