@funkit/connect 9.3.0 → 9.3.2

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @funkit/connect
 
+## 9.3.2
+
+### Patch Changes
+
+- 7e7e08f: fix(connect): fix brokerage list gap across customers
+- 96d574a: feat: preload swapped icons
+- 7058a47: fix wallet option showing for dust balances by aligning usability check with asset selection screen
+- 192e9d0: feat: update swapped iframe events
+- b735dae: fix overlay scroll bug within swapped iframe in polymarket
+
+## 9.3.1
+
+### Patch Changes
+
+- a77a0a4: feat(connect): show Unavailable badge for geo-blocked payment methods
+- 20f61a0: fix see less text cut off bug
+- a940837: move dropdown to radix ui based implementation
+- 6e3659e: feat: swapped theme edits
+- 06c289a: feat(connect): fanatics withdrawal custom top component
+- 99bcd33: withdrawal max button minimum amount check bug fixed
+- a3e31d3: fix: swapped loader skeleton
+- 466f42d: fix primary button bg mismatch with swapped
+- Updated dependencies [26aca0f]
+  - @funkit/api-base@3.0.2
+
 ## 9.3.0
 
 ### Minor Changes

package/dist/{chunk-FHIMKOGH.js → chunk-AGBRSMZ7.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-TWG76V3I.js";
+} from "./chunk-MXNOQTKX.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -20,7 +20,7 @@ var lightTheme = ({
   customColors,
   customShadows,
   ...baseThemeOptions
-  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: This is a theme file, it's fine to have a lot of properties
+  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: just a bunch of ?? defaults
 } = {}) => ({
   ...baseTheme(baseThemeOptions),
   colors: {
@@ -69,7 +69,6 @@ var lightTheme = ({
     tertiaryText: "rgba(0, 0, 0, 0.35)",
     textSelection: "rgba(0, 0, 0, 0.10)",
     selectedDropdownItemText: customColors?.primaryText ?? "#000",
-    dropdownLabelColor: customColors?.primaryText ?? "#000",
     copyButtonBackgroundBase: customColors?.offBackground ?? "#F7F7F7",
     copyButtonBackgroundHover: customColors?.hoverState ?? "#F0F0F0",
     copyButtonBackgroundActive: customColors?.inputBorderHover ?? "#E5E5E5",
@@ -140,6 +139,9 @@ var lightTheme = ({
     // primaryText
     youPayYouReceiveSecondaryText: "#737373",
     // secondaryText
+    withdrawalYouWillReceiveLabel: customColors?.withdrawalYouWillReceiveLabel ?? customColors?.primaryText ?? "#000",
+    withdrawalYouWillReceiveValueCrypto: customColors?.withdrawalYouWillReceiveValueCrypto ?? customColors?.primaryText ?? "#000",
+    withdrawalYouWillReceiveValueUsd: customColors?.withdrawalYouWillReceiveValueUsd ?? customColors?.secondaryText ?? "#737373",
     // badges
     badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
     badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",

package/dist/{chunk-TWG76V3I.js → chunk-MXNOQTKX.js}

@@ -219,20 +219,24 @@ var baseTheme = ({
     ...DEFAULT_FONT_WEIGHTS,
     cryptoCashToggle: DEFAULT_FONT_WEIGHTS.medium,
     inputAmount: DEFAULT_FONT_WEIGHTS.medium,
+    inputLabel: DEFAULT_FONT_WEIGHTS.medium,
+    inputValue: DEFAULT_FONT_WEIGHTS.medium,
     modalTopbarTitle: DEFAULT_FONT_WEIGHTS.medium,
     modalBottomBarButtonText: DEFAULT_FONT_WEIGHTS.medium,
     paymentMethodItemSubtitle: DEFAULT_FONT_WEIGHTS.regular,
     paymentMethodItemTitle: DEFAULT_FONT_WEIGHTS.medium,
     selectAssetItemSubtitle: DEFAULT_FONT_WEIGHTS.regular,
     selectAssetItemTitle: DEFAULT_FONT_WEIGHTS.medium,
-    transferTokenLabelFontWeight: DEFAULT_FONT_WEIGHTS.medium,
+    sourceListSectionLabelFontWeight: DEFAULT_FONT_WEIGHTS.medium,
     txBreakdown: DEFAULT_FONT_WEIGHTS.regular,
     txStatusDescription: DEFAULT_FONT_WEIGHTS.regular,
     txStatusTitle: DEFAULT_FONT_WEIGHTS.medium,
     txSummaryLabel: DEFAULT_FONT_WEIGHTS.medium,
     txSummaryValue: DEFAULT_FONT_WEIGHTS.medium,
-    sourceListSectionLabelFontWeight: DEFAULT_FONT_WEIGHTS.medium,
     formOfPaymentsListSectionLabelFontWeight: DEFAULT_FONT_WEIGHTS.medium,
+    withdrawalYouWillReceiveLabel: DEFAULT_FONT_WEIGHTS.regular,
+    withdrawalYouWillReceiveValueCrypto: DEFAULT_FONT_WEIGHTS.medium,
+    withdrawalYouWillReceiveValueUsd: DEFAULT_FONT_WEIGHTS.regular,
     ...customFontWeights
   },
   fontSize: {
@@ -246,6 +250,8 @@ var baseTheme = ({
     buttonTextTertiary: FONT_SIZINGS[fontSizing][12],
     dollarValue: FONT_SIZINGS[fontSizing][40],
     inputAmount: FONT_SIZINGS[fontSizing][57],
+    inputLabel: customFontSizings[12] ?? FONT_SIZINGS[fontSizing][12],
+    inputValue: customFontSizings[13] ?? FONT_SIZINGS[fontSizing][13],
     modalTopbarSubtitle: FONT_SIZINGS[fontSizing][10],
     modalTopbarTitle: FONT_SIZINGS[fontSizing][13],
     modalBottomBarButtonText: FONT_SIZINGS[fontSizing][12],
@@ -258,9 +264,9 @@ var baseTheme = ({
     txStatusTitle: FONT_SIZINGS[fontSizing][13],
     txSummaryLabel: FONT_SIZINGS[fontSizing][12],
     txSummaryValue: FONT_SIZINGS[fontSizing][12],
+    withdrawalYouWillReceive: customFontSizings[12] ?? FONT_SIZINGS[fontSizing][12],
     youPayYouReceivePrimaryFontSize: FONT_SIZINGS[fontSizing][12],
     youPayYouReceiveSecondaryFontSize: FONT_SIZINGS[fontSizing][10],
-    transferTokenLabelFontSize: FONT_SIZINGS[fontSizing][12],
     depositAddressFontSize: FONT_SIZINGS[fontSizing][10],
     funFeatureListItemFontSize: FONT_SIZINGS[fontSizing][12],
     dropdownItemFontSize: FONT_SIZINGS[fontSizing][12],
@@ -318,6 +324,7 @@ var baseTheme = ({
     selectAssetItemTextGap: "0px",
     selectBrokerageItemPaddingX: "12px",
     selectBrokerageItemPaddingY: "11px",
+    selectBrokerageListGap: "0px",
     txBreakdownMarginY: "18px",
     txBreakdownPaddingX: "12px",
     txSummaryBoxPaddingX: "12px",
@@ -326,6 +333,7 @@ var baseTheme = ({
     txSummaryDividerMarginX: "12px",
     txSummaryDividerMarginY: "12px",
     verticalSectionGap: "18px",
+    withdrawalModalPaddingTop: "12px",
     youPayYouReceivePaddingLeft: "12px",
     youPayYouReceivePaddingRight: "16px",
     youPayYouReceivePaddingY: "8px",

package/dist/{chunk-NKJYA7IM.js → chunk-RHUOOPDI.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-TWG76V3I.js";
+} from "./chunk-MXNOQTKX.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -20,7 +20,7 @@ var darkTheme = ({
   customColors,
   customShadows,
   ...baseThemeOptions
-  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: This is a theme file, it's fine to have a lot of properties
+  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: just a bunch of ?? defaults
 } = {}) => ({
   ...baseTheme(baseThemeOptions),
   colors: {
@@ -69,7 +69,6 @@ var darkTheme = ({
     tertiaryText: "rgba(255, 255, 255, 0.35)",
     textSelection: "rgba(255, 255, 255, 0.10)",
     selectedDropdownItemText: customColors?.primaryText ?? "#FFF",
-    dropdownLabelColor: customColors?.primaryText ?? "#FFF",
     copyButtonBackgroundBase: customColors?.offBackground ?? "#1F1F1F",
     copyButtonBackgroundHover: customColors?.hoverState ?? "#333333",
     copyButtonBackgroundActive: customColors?.inputBorderHover ?? "#525252",
@@ -140,6 +139,9 @@ var darkTheme = ({
     // primaryText
     youPayYouReceiveSecondaryText: "#8C8C8C",
     // secondaryText
+    withdrawalYouWillReceiveLabel: customColors?.withdrawalYouWillReceiveLabel ?? customColors?.primaryText ?? "#FFF",
+    withdrawalYouWillReceiveValueCrypto: customColors?.withdrawalYouWillReceiveValueCrypto ?? customColors?.primaryText ?? "#FFF",
+    withdrawalYouWillReceiveValueUsd: customColors?.withdrawalYouWillReceiveValueUsd ?? customColors?.secondaryText ?? "#8C8C8C",
     // badges
     badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
     badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",