@funkit/connect 9.2.0 → 9.2.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @funkit/connect
 
+## 9.2.1
+
+### Patch Changes
+
+- 2e118a1: opinion theme updates
+- f991fe5: feat(connect): show Unavailable badge for geo-blocked payment methods
+- f991fe5: feat(connect): swapped coming soon if enabled without uda params
+- 48ad728: feat(connect): limit forms of payments, sticky top section
+- 030b288: Make logger mandatory on BaseApiRequest and update all call sites
+- 61cd479: feat: hide sepa if not in eu
+- Updated dependencies [030b288]
+  - @funkit/api-base@3.0.0
+
 ## 9.2.0
 
 ### Minor Changes

package/dist/{chunk-SC53AFEE.js → chunk-3U6TWV25.js}

@@ -24,7 +24,9 @@ var radiusScales = {
     skeleton: "4px",
     dropdown: "12px",
     dropdownItem: "4px",
-    modalTopbarIcon: "9999px"
+    dropdownList: "12px",
+    modalTopbarIcon: "9999px",
+    withdrawalInput: "12px"
   },
   medium: {
     actionButton: "10px",
@@ -42,7 +44,9 @@ var radiusScales = {
     skeleton: "4px",
     dropdown: "10px",
     dropdownItem: "4px",
-    modalTopbarIcon: "9999px"
+    dropdownList: "10px",
+    modalTopbarIcon: "9999px",
+    withdrawalInput: "10px"
   },
   none: {
     actionButton: "0px",
@@ -60,7 +64,9 @@ var radiusScales = {
     skeleton: "0px",
     dropdown: "0px",
     dropdownItem: "0px",
-    modalTopbarIcon: "0px"
+    dropdownList: "0px",
+    modalTopbarIcon: "0px",
+    withdrawalInput: "0px"
   },
   small: {
     actionButton: "8px",
@@ -78,7 +84,9 @@ var radiusScales = {
     skeleton: "4px",
     dropdown: "8px",
     dropdownItem: "4px",
-    modalTopbarIcon: "9999px"
+    dropdownList: "8px",
+    modalTopbarIcon: "9999px",
+    withdrawalInput: "8px"
   }
 };
 var blurs = {
@@ -272,7 +280,9 @@ var baseTheme = ({
     tooltip: radiusScales[borderRadius].tooltip,
     dropdown: radiusScales[borderRadius].dropdown,
     dropdownItem: radiusScales[borderRadius].dropdownItem,
+    dropdownList: customBorderRadiuses?.dropdownList ?? customBorderRadiuses?.dropdown ?? radiusScales[borderRadius].dropdown,
     modalTopbarIcon: radiusScales[borderRadius].modalTopbarIcon,
+    withdrawalInput: radiusScales[borderRadius].withdrawalInput,
     ...customBorderRadiuses
   },
   borderWidths: {

package/dist/{chunk-XCM74QX2.js → chunk-P6FYL3PM.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-SC53AFEE.js";
+} from "./chunk-3U6TWV25.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -67,6 +67,8 @@ var lightTheme = ({
     secondaryText: "#737373",
     tertiaryText: "rgba(0, 0, 0, 0.35)",
     textSelection: "rgba(0, 0, 0, 0.10)",
+    selectedDropdownItemText: customColors?.primaryText ?? "#000",
+    selectedDropdownItemBackground: "transparent",
     // input
     inputBackground: "#FFFFFF",
     inputBorderBase: "#F0F0F0",
@@ -165,7 +167,9 @@ var lightTheme = ({
     optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
     optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
+    optionBoxBorderHover: customColors?.optionBoxBorderHover ?? customColors?.mediumStroke ?? "#F0F0F0",
     dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#FFF",
+    openDropdownBackgroundColor: customColors?.openDropdownBackgroundColor ?? customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#F7F7F7",
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#FFF",

package/dist/{chunk-WSCXOKCX.js → chunk-VLXKSNSJ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-SC53AFEE.js";
+} from "./chunk-3U6TWV25.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -67,6 +67,8 @@ var darkTheme = ({
     secondaryText: "#8C8C8C",
     tertiaryText: "rgba(255, 255, 255, 0.35)",
     textSelection: "rgba(255, 255, 255, 0.10)",
+    selectedDropdownItemText: customColors?.primaryText ?? "#FFF",
+    selectedDropdownItemBackground: "transparent",
     // input
     inputBackground: "#000000",
     inputBorderBase: "#333333",
@@ -165,7 +167,9 @@ var darkTheme = ({
     optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000",
     // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
     optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
+    optionBoxBorderHover: customColors?.optionBoxBorderHover ?? customColors?.mediumStroke ?? "#333333",
     dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#000000",
+    openDropdownBackgroundColor: customColors?.openDropdownBackgroundColor ?? customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000",
     dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#1F1F1F",
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#000",