@funkit/connect 9.20.0 → 9.21.0

package/dist/clients/{chunk-CSONEKIF.js → chunk-KSSSSWR6.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Box
-} from "./chunk-JVTKIEOP.js";
+} from "./chunk-52NKHZS2.js";
 
 // src/components/Text/Text.tsx
 import React from "react";

package/dist/clients/{chunk-47AQXZQE.js → chunk-NCCAYPLO.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Box
-} from "./chunk-JVTKIEOP.js";
+} from "./chunk-52NKHZS2.js";
 import {
   logger
 } from "./chunk-UUHGOBKZ.js";

package/dist/clients/{chunk-JOM2J5WB.js → chunk-OWXKWC7I.js}

@@ -1,23 +1,23 @@
 "use client";
 import {
-  POLYMARKET_PERPS_ROUTING_ID,
-  POLYMARKET_PREDICTIONS_ROUTING_ID
-} from "./chunk-4752IYY6.js";
+  usePolymarketAccountBalances
+} from "./chunk-MRBN4XCA.js";
 import {
   Text
-} from "./chunk-CSONEKIF.js";
+} from "./chunk-KSSSSWR6.js";
 import {
   Box,
   themeVars,
   useFunkitTranslation
-} from "./chunk-JVTKIEOP.js";
+} from "./chunk-52NKHZS2.js";
+import {
+  POLYMARKET_PERPS_ROUTING_ID,
+  POLYMARKET_PREDICTIONS_ROUTING_ID
+} from "./chunk-4752IYY6.js";
 import {
   POLYGON_USDCE,
   PUSD_TOKEN
 } from "./chunk-MOUTRRN3.js";
-import {
-  usePolymarketAccountBalances
-} from "./chunk-MRBN4XCA.js";
 import {
   logger
 } from "./chunk-UUHGOBKZ.js";
@@ -278,6 +278,7 @@ var baseTheme = ({
   customBorderWidths,
   customBorderRadiuses = radiusScales[borderRadius],
   customDimensions,
+  customOpacities,
   customSpacings,
   customTextTransforms,
   overlayBlur = "small",
@@ -433,6 +434,10 @@ var baseTheme = ({
     txSummaryBoxBorderWidth: "1px",
     ...customBorderWidths
   },
+  opacities: {
+    buttonPrimaryDisabled: "1",
+    ...customOpacities
+  },
   spacing: {
     confirmationStepMarginTop: "6px",
     confirmationStepVerticalGap: "18px",
@@ -675,6 +680,7 @@ var darkTheme = ({
     // option Boxes
     optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000",
     // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
+    optionBoxBorderedBackground: customColors?.optionBoxBorderedBackground ?? customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000",
     optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
     optionBoxBorderBase: customColors?.optionBoxBorderBase ?? customColors?.mediumStroke ?? "#333333",
     optionBoxBorderHover: customColors?.optionBoxBorderHover ?? customColors?.mediumStroke ?? "#333333",
@@ -693,7 +699,9 @@ var darkTheme = ({
     modalBackgroundCheckoutComplete: customColors?.modalBackgroundCheckoutComplete ?? customColors?.modalBackground ?? "#000",
     counterRingColor: customColors?.counterRingColor ?? accentColor,
     cryptoCashToggleContainerBorderColor: customColors?.cryptoCashToggleContainerBorderColor ?? "transparent",
-    cryptoCashToggleBackground: customColors?.cryptoCashToggleBackground ?? "transparent"
+    cryptoCashToggleBackground: customColors?.cryptoCashToggleBackground ?? "transparent",
+    qrCodeBackground: customColors?.qrCodeBackground ?? customColors?.modalBackground ?? "#000000",
+    qrCodeForeground: customColors?.qrCodeForeground ?? customColors?.primaryText ?? "#FFFFFF"
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
@@ -916,6 +924,7 @@ var lightTheme = ({
     // option Boxes
     optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
+    optionBoxBorderedBackground: customColors?.optionBoxBorderedBackground ?? customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
     optionBoxBorderBase: customColors?.optionBoxBorderBase ?? customColors?.mediumStroke ?? "#F0F0F0",
     optionBoxBorderHover: customColors?.optionBoxBorderHover ?? customColors?.mediumStroke ?? "#F0F0F0",
@@ -934,7 +943,9 @@ var lightTheme = ({
     modalBackgroundCheckoutComplete: customColors?.modalBackgroundCheckoutComplete ?? customColors?.modalBackground ?? "#FFF",
     counterRingColor: customColors?.counterRingColor ?? accentColor,
     cryptoCashToggleContainerBorderColor: customColors?.cryptoCashToggleContainerBorderColor ?? "transparent",
-    cryptoCashToggleBackground: customColors?.cryptoCashToggleBackground ?? "transparent"
+    cryptoCashToggleBackground: customColors?.cryptoCashToggleBackground ?? "transparent",
+    qrCodeBackground: customColors?.qrCodeBackground ?? customColors?.modalBackground ?? "#FFF",
+    qrCodeForeground: customColors?.qrCodeForeground ?? customColors?.primaryText ?? "#000"
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
@@ -1039,12 +1050,12 @@ function FunSkeletonBlock({
 // src/components/FunInput/FunInput.css.ts
 var baseWrapperStyles = "zue0i60";
 var baseWrapperStylesNoTransition = "zue0i61";
-var inputClass = "zue0i64 _1rsrm2f2py _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
-var inputClassDisabled = "zue0i68 _1rsrm2f2ta _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
-var inputClassDisabledNoTransition = "zue0i6a _1rsrm2f2ta _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
-var inputClassError = "zue0i6c _1rsrm2f2py _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
-var inputClassErrorNoTransition = "zue0i6f _1rsrm2f2py _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
-var inputClassNoTransition = "zue0i66 _1rsrm2f2py _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
+var inputClass = "zue0i64 _1rsrm2f2qy _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
+var inputClassDisabled = "zue0i68 _1rsrm2f2ua _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
+var inputClassDisabledNoTransition = "zue0i6a _1rsrm2f2ua _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
+var inputClassError = "zue0i6c _1rsrm2f2qy _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
+var inputClassErrorNoTransition = "zue0i6f _1rsrm2f2qy _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
+var inputClassNoTransition = "zue0i66 _1rsrm2f2qy _1rsrm2fri _1rsrm2ftj _1rsrm2fvl _1rsrm2fpi";
 var numberInputResetStyle = "zue0i62";
 
 // src/components/FunInput/FunInput.tsx

package/dist/clients/{chunk-UNCVGPTD.js → chunk-ZMVXBMON.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useFunkitTranslation
-} from "./chunk-JVTKIEOP.js";
+} from "./chunk-52NKHZS2.js";
 
 // src/providers/FunkitConfigContext.tsx
 import {