@funkit/connect 8.1.0 → 8.2.0

package/dist/components/FunButton/FunIconButton.d.ts

@@ -12,7 +12,7 @@ interface FunIconButtonCustomColors {
     hoverBorder?: BorderColorType;
     focusedBorder?: BorderColorType;
 }
-export interface FunIconButtonProps extends Pick<BoxProps, 'as' | 'borderRadius' | 'color' | 'fontSize' | 'fontWeight' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'style'> {
+export interface FunIconButtonProps extends Pick<BoxProps, 'as' | 'borderRadius' | 'color' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'style' | 'textTransform'> {
     onClick?: () => void;
     /** Icon element to be rendered */
     icon: React.ReactNode;

package/dist/components/FunInfoBanner/FunInfoBanner.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const FunInfoBanner: () => React.JSX.Element | null;
+interface FunInfoBannerProps {
+    configName?: 'showinfobanner' | 'withdrawalinfobanner';
+}
+export declare const FunInfoBanner: ({ configName, }: FunInfoBannerProps) => React.JSX.Element | null;
+export {};

package/dist/components/FunInput/FunInput.d.ts

@@ -22,6 +22,7 @@ export interface FunInputProps<T = HTMLInputElement | HTMLTextAreaElement> {
     alwaysFocused?: boolean;
     /** Color meant for prefix & suffix elements. Defaults to secondaryText. */
     adornmentColor?: BoxProps['color'];
+    fontFamily?: BoxProps['fontFamily'];
     textWeight?: BoxProps['fontWeight'];
     ignoreFontSize?: boolean;
     overrideBorderWidth?: BoxProps['borderWidth'];

package/dist/components/FunOptionBox/FunOptionBox.css.d.ts

@@ -1 +1 @@
-export declare const funOptionBoxStyle: Record<"baseStyle" | "defaultBorder" | "transparentBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "activeBackground", string>;
+export declare const funOptionBoxStyle: Record<"baseStyle" | "compactListStyle" | "defaultBorder" | "transparentBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "activeBackground" | "uninteractiveBackground", string>;

package/dist/components/FunOptionBox/FunOptionBox.d.ts

@@ -2,10 +2,11 @@ import React, { type ReactNode } from 'react';
 import { type BoxProps } from '../Box/Box';
 interface FunOptionBoxProps extends Omit<BoxProps, 'className' | 'cursor' | 'tabIndex' | 'style'> {
     isActive?: boolean;
+    isCompactList?: boolean;
     paddingX?: BoxProps['paddingX'];
     paddingY?: BoxProps['paddingY'];
     type?: 'default' | 'bordered';
     children: ReactNode;
 }
-export declare function FunOptionBox({ isActive, onClick, paddingX, paddingY, type, as, borderStyle, borderWidth, borderRadius, display, alignItems, gap, justifyContent, color, children, disabled, ...boxProps }: FunOptionBoxProps): React.JSX.Element;
+export declare function FunOptionBox({ isActive, isCompactList, onClick, paddingX, paddingY, type, as, borderStyle, borderWidth, borderRadius, display, alignItems, gap, justifyContent, color, children, disabled, ...boxProps }: FunOptionBoxProps): React.JSX.Element;
 export {};

package/dist/components/Icons/BitcoinIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const BitcoinIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Icons/New/CashIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CashIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,11 +1,21 @@
 import React from 'react';
+import { type BoxProps } from '../Box/Box';
 export type Tab<T = string> = {
     label: string;
     value: T;
+    icon?: React.ReactNode;
 };
 export type TabsProps = {
     tabs: Tab[];
     activeTab: number;
     onTabChange: (tab: number) => void;
+    /** Custom background color for the active tab highlight */
+    activeBackgroundColor?: string;
+    /** Custom background color for the container */
+    containerBackgroundColor?: BoxProps['background'];
+    /** Custom vertical padding for tab buttons */
+    tabPaddingY?: BoxProps['paddingY'];
+    fontWeight?: BoxProps['fontWeight'];
+    fontSize?: BoxProps['fontSize'];
 };
 export declare const Tabs: React.FC<TabsProps>;

package/dist/consts/customers.d.ts

@@ -13,5 +13,6 @@ export declare function isHyenaCustomer(apiKey: string): apiKey is "pLQBJsA6zS9t
 export declare function isAvantisCustomer(apiKey: string): apiKey is "6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2";
 export declare function isPerplCustomer(apiKey: string): apiKey is "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu";
 export declare function isLighterxyzCustomer(apiKey: string): apiKey is "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2";
+export declare function isFanaticsCustomer(apiKey: string): apiKey is "lI7amueGK94QtGa7sGGVf8n0XhIcn4sHFAZRu5Jj";
 export declare function isLighterEthSpot(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean | undefined;
 export declare function isLighterNativeFlow(apiKey: string, checkoutConfig: Pick<FunkitCheckoutConfig, 'targetChain'> | undefined): boolean;