@lifi/widget 1.11.4 → 1.13.0

package/types/widget.d.ts

@@ -5,7 +5,7 @@ import { Signer } from 'ethers';
 import { CSSProperties } from 'react';
 export declare type Appearance = PaletteMode | 'auto';
 export declare type ThemeConfig = {
-    palette?: PaletteOptions;
+    palette?: Pick<PaletteOptions, 'primary' | 'secondary'>;
     shape?: Shape;
     typography?: TypographyOptions;
 };
@@ -18,8 +18,7 @@ export interface WidgetWalletManagement {
     signer?: Signer;
 }
 interface WidgetConfigBase {
-    fromAmount?: number;
-    disabledChains?: number[];
+    fromAmount?: number | string;
     containerStyle?: CSSProperties;
     theme?: ThemeConfig;
     appearance?: Appearance;
@@ -27,6 +26,8 @@ interface WidgetConfigBase {
     disableTelemetry?: boolean;
     walletManagement?: WidgetWalletManagement;
     integrator?: string;
+    disabledChains?: number[];
+    featuredTokens?: Token[];
 }
 declare type WidgetFromTokenConfig = {
     fromChain: `${ChainKey}` | number;

package/utils/colors.d.ts

@@ -1,2 +1,3 @@
 import { Theme } from '@mui/material';
 export declare const getContrastAlphaColor: (theme: Theme, alpha: string | number) => string;
+export declare const getContrastTextColor: (theme: Theme, background?: string) => string;

package/utils/colors.js

@@ -1,3 +1,8 @@
+import { getContrastRatio } from '@mui/material/styles';
+import { dark, light } from '@mui/material/styles/createPalette';
 export const getContrastAlphaColor = (theme, alpha) => theme.palette.mode === 'light'
     ? `rgb(0 0 0 / ${alpha})`
     : `rgb(255 255 255 / ${alpha})`;
+export const getContrastTextColor = (theme, background) => getContrastRatio(dark.text.primary, background !== null && background !== void 0 ? background : theme.palette.primary.main) >= 3
+    ? dark.text.primary
+    : light.text.primary;

package/components/TokenList/utils.d.ts

@@ -1,15 +0,0 @@
-import { TokenAmount } from '@lifi/sdk';
-export declare const tokenAmountMock: TokenAmount;
-export declare const skeletonKey = "skeleton";
-export declare const createTokenAmountSkeletons: () => {
-    address: string;
-    name: string;
-    amount: string;
-    blockNumber?: number | undefined;
-    symbol: string;
-    decimals: number;
-    chainId: number;
-    coinKey?: import("@lifi/sdk").CoinKey | undefined;
-    priceUSD?: string | undefined;
-    logoURI?: string | undefined;
-}[];

package/components/TokenList/utils.js

@@ -1,10 +0,0 @@
-export const tokenAmountMock = {
-    address: '-1x0',
-    amount: '',
-    chainId: -1,
-    decimals: 0,
-    name: '',
-    symbol: '',
-};
-export const skeletonKey = 'skeleton';
-export const createTokenAmountSkeletons = () => Array.from({ length: 3 }).map((_, index) => (Object.assign(Object.assign({}, tokenAmountMock), { address: `${tokenAmountMock.address}-${index}`, name: `${skeletonKey}-${index}` })));