@funkit/connect 5.3.5 → 5.4.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @funkit/connect
 
+## 5.4.0
+
+### Minor Changes
+
+- 5830fe9: feat: add katana chain
+
+### Patch Changes
+
+- ac8d2b9: feat: card and brokerage flags
+- d5b3850: fix fee display ui
+- 3b43c3b: feat(connect, api-base): add Ethereal theme
+- 4c74602: chore: support katana chain
+- 11cc938: feat: expose more information to checkout/de listener hooks
+- 2a9539a: feat: fallback price fetch to relay implementation
+- Updated dependencies [ac8d2b9]
+- Updated dependencies [3b43c3b]
+- Updated dependencies [4c74602]
+- Updated dependencies [2a9539a]
+- Updated dependencies [5830fe9]
+  - @funkit/utils@1.0.14
+  - @funkit/api-base@1.8.3
+  - @funkit/fun-relay@0.1.3
+  - @funkit/chains@0.3.0
+  - @funkit/core@2.3.20
+  - @funkit/wagmi-tools@3.0.42
+
+## 5.3.6
+
+### Patch Changes
+
+- cf2ab03: feat(connect): handle Relay not finding route
+- c6ca047: feat(connect): refactor checkout listener hooks, including direct executions
+- 6cb808b: chore(connect): upgrade fun-relay
+- 1846641: feat(connect): adjust selection of tokens and chains for Transfer crypto
+- Updated dependencies [6cb808b]
+  - @funkit/fun-relay@0.1.2
+
 ## 5.3.5
 
 ### Patch Changes

package/dist/{chunk-CRTRMZFT.js → chunk-ICCAQZHZ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-CRPOYQ6X.js";
+} from "./chunk-R2UFCJL7.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {

package/dist/{chunk-CRPOYQ6X.js → chunk-R2UFCJL7.js}

@@ -10,6 +10,7 @@ var fontStacks = {
 var radiusScales = {
   large: {
     actionButton: "12px",
+    actionButtonInner: "10px",
     connectButton: "12px",
     modal: "24px",
     modalMobile: "28px",
@@ -26,6 +27,7 @@ var radiusScales = {
   },
   medium: {
     actionButton: "10px",
+    actionButtonInner: "8px",
     connectButton: "10px",
     modal: "16px",
     modalMobile: "18px",
@@ -42,6 +44,7 @@ var radiusScales = {
   },
   none: {
     actionButton: "0px",
+    actionButtonInner: "0px",
     connectButton: "0px",
     modal: "0px",
     modalMobile: "0px",
@@ -58,6 +61,7 @@ var radiusScales = {
   },
   small: {
     actionButton: "8px",
+    actionButtonInner: "6px",
     connectButton: "8px",
     modal: "8px",
     modalMobile: "8px",
@@ -151,6 +155,7 @@ var baseTheme = ({
   },
   radii: {
     actionButton: radiusScales[borderRadius].actionButton,
+    actionButtonInner: radiusScales[borderRadius].actionButtonInner,
     connectButton: radiusScales[borderRadius].connectButton,
     menuButton: radiusScales[borderRadius].connectButton,
     modal: radiusScales[borderRadius].modal,

package/dist/{chunk-KCSHTK5R.js → chunk-RN4I4Y57.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-CRPOYQ6X.js";
+} from "./chunk-R2UFCJL7.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {

package/dist/components/Box/Box.d.ts

@@ -47,7 +47,7 @@ export declare const Box: React.ForwardRefExoticComponent<{
 } & {
     readonly alignSelf?: "center" | "flex-end" | "flex-start" | undefined;
     readonly backgroundSize?: "cover" | undefined;
-    readonly borderRadius?: "tooltip" | "1" | "10" | "13" | "16" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "modalActionButton" | "modalActionButtonMobile" | "summaryBox" | "youPayYouReceive" | "inputAmountSwitcher" | "qrCode" | "skeleton" | "dropdown" | "dropdownItem" | "4" | "6" | "8" | "11" | "24" | "30" | "full" | "badge" | "smallBadge" | undefined;
+    readonly borderRadius?: "tooltip" | "1" | "10" | "13" | "16" | "actionButton" | "actionButtonInner" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "modalActionButton" | "modalActionButtonMobile" | "summaryBox" | "youPayYouReceive" | "inputAmountSwitcher" | "qrCode" | "skeleton" | "dropdown" | "dropdownItem" | "4" | "6" | "8" | "11" | "24" | "30" | "full" | "badge" | "smallBadge" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
     readonly borderWidth?: "0" | "1" | "2" | "3" | "4" | "0.5" | undefined;
     readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;

package/dist/components/Dropdown/ChainDropdown.d.ts

@@ -6,8 +6,11 @@ interface ChainDropdownProps {
     assets: TokenTransferSourceChainsAndAssets;
     chainIds?: number[];
     selectedChainId?: number;
-    selectedToken?: string;
-    onChainSelected: (chainId: number | undefined) => void;
+    onChainSelected: (chainId: number | undefined, 
+    /**
+     * If true, it will trigger automatic updates for the matching token in the parent component.
+     */
+    autoUpdate?: boolean) => void;
     /** Provides option to allow going back to unselected state and displays that state as a selectable option */
     allowUnselect?: boolean;
     activeItemProps?: BaseDropdownProps['activeItemProps'];
@@ -15,5 +18,5 @@ interface ChainDropdownProps {
     size?: BaseActiveDropdownItemProps['size'];
     isLoading?: BaseDropdownProps['isLoading'];
 }
-export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, isLoading, }: ChainDropdownProps) => React.JSX.Element;
+export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, isLoading, }: ChainDropdownProps) => React.JSX.Element;
 export {};

package/dist/components/Dropdown/TokenDropdown.d.ts

@@ -4,9 +4,13 @@ import { type BaseDropdownProps } from './BaseDropdown';
 interface TokenDropdownProps {
     selectedChainId: number;
     assets: TokenTransferSourceChainsAndAssets;
-    onTokenSelected: (token: string, chainId?: number) => void;
-    defaultSelectedToken?: string;
+    onTokenSelected: (token: string, chainId?: number, 
+    /**
+     * If true, it will trigger automatic updates for the matching chain in the parent component.
+     */
+    autoUpdate?: boolean) => void;
+    selectedToken?: string;
     isLoading?: BaseDropdownProps['isLoading'];
 }
-export declare const TokenDropdown: ({ assets, selectedChainId, defaultSelectedToken, onTokenSelected, isLoading, }: TokenDropdownProps) => React.JSX.Element;
+export declare const TokenDropdown: ({ assets, selectedChainId, selectedToken, onTokenSelected, isLoading, }: TokenDropdownProps) => React.JSX.Element;
 export {};

package/dist/components/FunFeatureList/FunFeatureList.d.ts

@@ -7,7 +7,9 @@ interface FunFeatureListProps {
     isExpandable?: boolean;
     disabled?: boolean;
     withBackgroundContainer?: boolean;
+    /** Whether background should be applied only to individual items. Defaults to false since background is applied to the container by default */
+    withBackgroundItem?: boolean;
     gapBetweenItems?: Extract<BoxProps['gap'], string>;
 }
-export declare const FunFeatureList: ({ items, isExpandable, disabled, withBackgroundContainer, gapBetweenItems, }: FunFeatureListProps) => React.JSX.Element;
+export declare const FunFeatureList: ({ items, isExpandable, disabled, withBackgroundContainer, withBackgroundItem, gapBetweenItems, }: FunFeatureListProps) => React.JSX.Element;
 export {};