@lifi/widget 3.18.7 → 3.19.0-beta.1

package/dist/esm/themes/createTheme.js

@@ -1,4 +1,4 @@
-import { alpha, buttonClasses, createTheme as createMuiTheme, css, darken, dialogActionsClasses, getContrastRatio, keyframes, lighten, tabsClasses, touchRippleClasses, } from '@mui/material';
+import { alpha, buttonClasses, createTheme as createMuiTheme, css, darken, dialogActionsClasses, keyframes, lighten, tabsClasses, touchRippleClasses, } from '@mui/material';
 import { palette, paletteDark, paletteLight } from './palettes.js';
 import { getStyleOverrides } from './utils.js';
 const shape = {
@@ -16,21 +16,51 @@ const enterKeyframe = keyframes `
     opacity: 0.1;
   }
 `;
-export const createTheme = (mode, widgetTheme = {}) => {
+export const createTheme = (widgetTheme = {}) => {
     const primaryMainColor = widgetTheme.palette?.primary?.main ??
         palette.primary.main;
     const primaryLightColor = lighten(primaryMainColor, 0.84);
     const primaryDarkColor = darken(primaryMainColor, 0.2);
     const secondaryMainColor = widgetTheme.palette?.secondary?.main ??
         palette.secondary.main;
-    const contrastButtonColor = getContrastRatio(palette.common.white, primaryMainColor) >= 3
-        ? palette.common.white
-        : palette.common.black;
-    const contrastTextButtonColor = getContrastRatio(palette.common.white, alpha(primaryMainColor, 0.08)) >= 3
-        ? palette.common.white
-        : palette.common.black;
-    const borderRadiusSecondary = widgetTheme.shape?.borderRadiusSecondary ?? shape.borderRadiusSecondary;
     const theme = createMuiTheme({
+        cssVariables: { cssVarPrefix: 'lifi', colorSchemeSelector: 'class' },
+        colorSchemes: {
+            light: {
+                palette: {
+                    ...palette,
+                    ...paletteLight,
+                    ...(widgetTheme.colorScheme?.light?.palette ?? widgetTheme.palette),
+                    primary: {
+                        main: primaryMainColor,
+                        light: primaryLightColor,
+                        dark: primaryDarkColor,
+                    },
+                    secondary: {
+                        main: secondaryMainColor,
+                        light: lighten(secondaryMainColor, 0.84),
+                        dark: darken(secondaryMainColor, 0.2),
+                    },
+                },
+            },
+            dark: {
+                palette: {
+                    ...palette,
+                    ...paletteDark,
+                    ...(widgetTheme.colorScheme?.dark?.palette ?? widgetTheme.palette),
+                    primary: {
+                        main: primaryMainColor,
+                        light: primaryLightColor,
+                        dark: primaryDarkColor,
+                    },
+                    secondary: {
+                        main: secondaryMainColor,
+                        light: lighten(secondaryMainColor, 0.84),
+                        dark: darken(secondaryMainColor, 0.2),
+                    },
+                },
+            },
+        },
         container: widgetTheme.container,
         header: widgetTheme.header,
         navigation: {
@@ -41,22 +71,22 @@ export const createTheme = (mode, widgetTheme = {}) => {
             fontFamily: 'Inter var, Inter, sans-serif',
             ...widgetTheme.typography,
         },
-        palette: {
-            mode,
-            ...palette,
-            ...(mode === 'light' ? paletteLight : paletteDark),
-            ...widgetTheme.palette,
-            primary: {
-                main: primaryMainColor,
-                light: primaryLightColor,
-                dark: primaryDarkColor,
-            },
-            secondary: {
-                main: secondaryMainColor,
-                light: lighten(secondaryMainColor, 0.84),
-                dark: darken(secondaryMainColor, 0.2),
-            },
-        },
+        // palette: {
+        //   mode,
+        //   ...palette,
+        //   ...(mode === 'light' ? paletteLight : paletteDark),
+        //   ...widgetTheme.palette,
+        //   primary: {
+        //     main: primaryMainColor,
+        //     light: primaryLightColor,
+        //     dark: primaryDarkColor,
+        //   },
+        //   secondary: {
+        //     main: secondaryMainColor,
+        //     light: lighten(secondaryMainColor, 0.84),
+        //     dark: darken(secondaryMainColor, 0.2),
+        //   },
+        // },
         shape: {
             ...shape,
             ...widgetTheme.shape,
@@ -103,8 +133,8 @@ export const createTheme = (mode, widgetTheme = {}) => {
                             ?.root;
                         const rootHover = root?.['&:hover'];
                         return {
-                            backgroundColor: theme.palette.background.paper,
-                            borderRadius: theme.shape.borderRadius,
+                            backgroundColor: theme.vars.palette.background.paper,
+                            borderRadius: theme.vars.shape.borderRadius,
                             overflow: 'hidden',
                             position: 'relative',
                             boxSizing: 'border-box',
@@ -122,16 +152,17 @@ export const createTheme = (mode, widgetTheme = {}) => {
                                     ownerState.variant === 'filled') && {
                                 '&:hover': {
                                     cursor: 'pointer',
-                                    backgroundColor: theme.palette.mode === 'light'
-                                        ? darken(theme.palette.background.paper, 0.02)
-                                        : lighten(theme.palette.background.paper, 0.02),
+                                    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, black)`,
+                                    ...theme.applyStyles('dark', {
+                                        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, white)`,
+                                    }),
                                 },
                             }),
                             ...(!!ownerState.onClick &&
                                 ownerState.variant === 'elevation' && {
                                 '&:hover': {
                                     cursor: 'pointer',
-                                    filter: `drop-shadow(0 1px 4px ${alpha(theme.palette.common.black, 0.08)})`,
+                                    filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08))`,
                                 },
                             }),
                             ...(typeof root === 'object' && root),
@@ -153,9 +184,10 @@ export const createTheme = (mode, widgetTheme = {}) => {
                         style: ({ theme }) => ({
                             borderWidth: 1,
                             borderStyle: 'solid',
-                            borderColor: theme.palette.mode === 'light'
-                                ? theme.palette.grey[300]
-                                : theme.palette.grey[800],
+                            borderColor: theme.vars.palette.grey[300],
+                            ...theme.applyStyles('dark', {
+                                borderColor: theme.vars.palette.grey[800],
+                            }),
                         }),
                     },
                     {
@@ -163,7 +195,7 @@ export const createTheme = (mode, widgetTheme = {}) => {
                         style: ({ theme }) => ({
                             border: 'none',
                             boxShadow: 'none',
-                            filter: `drop-shadow(0 1px 4px ${alpha(theme.palette.common.black, 0.04)})`,
+                            filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04))`,
                         }),
                     },
                     {
@@ -196,45 +228,48 @@ export const createTheme = (mode, widgetTheme = {}) => {
                     ...widgetTheme.components?.MuiButton?.defaultProps,
                 },
                 styleOverrides: {
-                    root: ({ ownerState }) => ({
-                        borderRadius: borderRadiusSecondary,
+                    root: ({ theme, ownerState }) => ({
+                        borderRadius: theme.vars.shape.borderRadiusSecondary,
                         textTransform: 'none',
                         fontSize: 16,
                         fontWeight: 600,
                         '&.Mui-disabled, &.Mui-disabled:hover': {
-                            color: alpha(mode === 'light' ? palette.common.black : palette.common.white, 0.56),
+                            color: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.56)`,
                             cursor: 'not-allowed',
                             pointerEvents: 'auto',
                         },
                         [`&.${buttonClasses.loading}.Mui-disabled`]: {
-                            backgroundColor: primaryMainColor,
-                            color: contrastButtonColor,
+                            backgroundColor: theme.vars.palette.primary.main,
+                            color: theme.palette.getContrastText(theme.palette.primary.main),
                             cursor: 'auto',
                             pointerEvents: 'auto',
                         },
                         [`.${buttonClasses.loadingIndicator}`]: {
-                            color: contrastButtonColor,
+                            color: theme.palette.getContrastText(theme.palette.primary.main),
                         },
                         [`&.${buttonClasses.root}.${buttonClasses.loading}`]: {
                             color: 'transparent',
                         },
                         ...getStyleOverrides('MuiButton', 'root', widgetTheme, ownerState),
                     }),
-                    text: ({ ownerState }) => ({
-                        backgroundColor: mode === 'light'
-                            ? alpha(primaryMainColor, 0.08)
-                            : alpha(primaryMainColor, 0.42),
+                    text: ({ theme, ownerState }) => ({
+                        backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.08)`,
+                        color: theme.vars.palette.primary.main,
                         '&:hover': {
-                            backgroundColor: mode === 'light'
-                                ? alpha(primaryMainColor, 0.12)
-                                : alpha(primaryMainColor, 0.56),
+                            backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.12)`,
                         },
-                        color: mode === 'light' ? primaryMainColor : contrastTextButtonColor,
+                        ...theme.applyStyles('dark', {
+                            backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.42)`,
+                            color: theme.palette.getContrastText(alpha(theme.palette.primary.main, 0.08)),
+                            '&:hover': {
+                                backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.56)`,
+                            },
+                        }),
                         ...getStyleOverrides('MuiButton', 'text', widgetTheme, ownerState),
                     }),
                     contained: ({ ownerState }) => ({
                         '&:hover': {
-                            color: contrastButtonColor,
+                            color: theme.palette.getContrastText(theme.palette.primary.main),
                         },
                         ...getStyleOverrides('MuiButton', 'contained', widgetTheme, ownerState),
                     }),
@@ -278,12 +313,12 @@ export const createTheme = (mode, widgetTheme = {}) => {
                         fontWeight: 600,
                         fontSize: '1.125rem',
                         lineHeight: '1.2778',
-                        color: theme.palette.text.primary,
+                        color: theme.vars.palette.text.primary,
                     }),
                     secondary: ({ theme }) => ({
                         fontWeight: 500,
                         fontSize: '0.75rem',
-                        color: theme.palette.text.secondary,
+                        color: theme.vars.palette.text.secondary,
                     }),
                 },
             },
@@ -309,7 +344,7 @@ export const createTheme = (mode, widgetTheme = {}) => {
             MuiMenu: {
                 styleOverrides: {
                     paper: ({ theme }) => ({
-                        backgroundColor: theme.palette.background.default,
+                        backgroundColor: theme.vars.palette.background.default,
                     }),
                 },
             },
@@ -320,19 +355,21 @@ export const createTheme = (mode, widgetTheme = {}) => {
                     root: ({ theme, ownerState }) => {
                         const rootStyleOverrides = getStyleOverrides('MuiTabs', 'root', widgetTheme, ownerState);
                         return {
-                            backgroundColor: theme.palette.mode === 'light'
-                                ? alpha(theme.palette.common.black, 0.04)
-                                : alpha(theme.palette.common.white, 0.08),
-                            borderRadius: theme.shape.borderRadius,
+                            backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
+                            ...theme.applyStyles('dark', {
+                                backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08)`,
+                            }),
+                            borderRadius: theme.vars.shape.borderRadius,
                             ...rootStyleOverrides,
                             [`.${tabsClasses.indicator}`]: {
-                                backgroundColor: theme.palette.mode === 'light'
-                                    ? theme.palette.background.paper
-                                    : alpha(theme.palette.common.black, 0.56),
+                                backgroundColor: theme.vars.palette.background.paper,
+                                ...theme.applyStyles('dark', {
+                                    backgroundColor: `rgba(${theme.vars.palette.common.backgroundChannel} / 0.56)`,
+                                }),
                                 borderRadius: theme.shape.borderRadius > 0
-                                    ? theme.shape.borderRadius - 4
-                                    : theme.shape.borderRadius,
-                                boxShadow: `0px 2px 4px ${alpha(theme.palette.common.black, 0.04)}`,
+                                    ? `calc(${theme.vars.shape.borderRadius} - 4px)`
+                                    : theme.vars.shape.borderRadius,
+                                boxShadow: `0px 2px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
                                 ...rootStyleOverrides?.[`.${tabsClasses.indicator}`],
                             },
                         };

package/dist/esm/themes/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../../../src/themes/createTheme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../../../src/themes/createTheme.ts"],"names":[],"mappings":"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"}

package/dist/esm/themes/jumper.js

@@ -18,7 +18,7 @@ export const jumperTheme = {
             //     0.04,
             //   ),
             //   color: 'inherit',
-            //   borderRadius: theme.shape.borderRadiusSecondary,
+            //   borderRadius: theme.vars.shape.borderRadiusSecondary,
             //   '&:hover': {
             //     backgroundColor: alpha(
             //       theme.palette.mode === 'light'

package/dist/esm/themes/jumper.js.map

@@ -1 +1 @@
-{"version":3,"file":"jumper.js","sourceRoot":"","sources":["../../../src/themes/jumper.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,OAAO,EAAE,EAAE;IACX,WAAW;IACX,qBAAqB;IACrB,8BAA8B;IAC9B,6BAA6B;IAC7B,KAAK;IACL,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;IACd,UAAU,EAAE;QACV,aAAa,EAAE;YACb,cAAc,EAAE;YACd,0BAA0B;YAC1B,4BAA4B;YAC5B,qCAAqC;YACrC,qCAAqC;YACrC,sCAAsC;YACtC,YAAY;YACZ,OAAO;YACP,sBAAsB;YACtB,qDAAqD;YACrD,iBAAiB;YACjB,8BAA8B;YAC9B,uCAAuC;YACvC,uCAAuC;YACvC,wCAAwC;YACxC,cAAc;YACd,SAAS;YACT,wBAAwB;YACxB,OAAO;YACP,MAAM;aACP;SACF;KACF;CACF,CAAA"}
+{"version":3,"file":"jumper.js","sourceRoot":"","sources":["../../../src/themes/jumper.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,OAAO,EAAE,EAAE;IACX,WAAW;IACX,qBAAqB;IACrB,8BAA8B;IAC9B,6BAA6B;IAC7B,KAAK;IACL,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;IACd,UAAU,EAAE;QACV,aAAa,EAAE;YACb,cAAc,EAAE;YACd,0BAA0B;YAC1B,4BAA4B;YAC5B,qCAAqC;YACrC,qCAAqC;YACrC,sCAAsC;YACtC,YAAY;YACZ,OAAO;YACP,sBAAsB;YACtB,0DAA0D;YAC1D,iBAAiB;YACjB,8BAA8B;YAC9B,uCAAuC;YACvC,uCAAuC;YACvC,wCAAwC;YACxC,cAAc;YACd,SAAS;YACT,wBAAwB;YACxB,OAAO;YACP,MAAM;aACP;SACF;KACF;CACF,CAAA"}

package/dist/esm/themes/watermelonLight.js

@@ -45,7 +45,7 @@ export const watermelonLightTheme = {
         //     root: ({ theme }) => ({
         //       backgroundColor: alpha(theme.palette.common.white, 0.04),
         //       color: 'inherit',
-        //       borderRadius: theme.shape.borderRadiusSecondary,
+        //       borderRadius: theme.vars.shape.borderRadiusSecondary,
         //       '&:hover': {
         //         backgroundColor: alpha(
         //           theme.palette.mode === 'light'

package/dist/esm/themes/watermelonLight.js.map

@@ -1 +1 @@
-{"version":3,"file":"watermelonLight.js","sourceRoot":"","sources":["../../../src/themes/watermelonLight.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAgB;IAC/C,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,qBAAqB,EAAE,EAAE;QACzB,oBAAoB,EAAE,EAAE;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;QACD,mBAAmB;QACnB,sBAAsB;QACtB,8BAA8B;QAC9B,kEAAkE;QAClE,0BAA0B;QAC1B,yDAAyD;QACzD,qBAAqB;QACrB,kCAAkC;QAClC,2CAA2C;QAC3C,2CAA2C;QAC3C,4CAA4C;QAC5C,kBAAkB;QAClB,aAAa;QACb,4BAA4B;QAC5B,WAAW;QACX,UAAU;QACV,OAAO;QACP,KAAK;KACN;CACa,CAAA"}
+{"version":3,"file":"watermelonLight.js","sourceRoot":"","sources":["../../../src/themes/watermelonLight.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAgB;IAC/C,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,qBAAqB,EAAE,EAAE;QACzB,oBAAoB,EAAE,EAAE;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;QACD,mBAAmB;QACnB,sBAAsB;QACtB,8BAA8B;QAC9B,kEAAkE;QAClE,0BAA0B;QAC1B,8DAA8D;QAC9D,qBAAqB;QACrB,kCAAkC;QAClC,2CAA2C;QAC3C,2CAA2C;QAC3C,4CAA4C;QAC5C,kBAAkB;QAClB,aAAa;QACb,4BAA4B;QAC5B,WAAW;QACX,UAAU;QACV,OAAO;QACP,KAAK;KACN;CACa,CAAA"}

package/dist/esm/types/widget.d.ts

@@ -1,7 +1,7 @@
 import type { BaseToken, ChainType, ContractCall, Order, RouteExtended, RouteOptions, SDKConfig, StaticToken, Token } from '@lifi/sdk';
 import type { Components, PaletteMode, PaletteOptions, Shape, SxProps, Theme } from '@mui/material';
-import type { TypographyOptions } from '@mui/material/styles/createTypography.js';
-import type { CSSProperties, FC, MutableRefObject, ReactNode, RefObject } from 'react';
+import type { TypographyVariantsOptions } from '@mui/material/styles';
+import type { CSSProperties, FC, ReactNode, RefObject } from 'react';
 import type { CoinbaseWalletParameters, MetaMaskParameters, WalletConnectParameters } from 'wagmi/connectors';
 import type { LanguageKey, LanguageResources } from '../providers/I18nProvider/types.js';
 import type { DefaultFieldValues } from '../stores/form/types.js';
@@ -13,7 +13,7 @@ export interface SubvariantOptions {
     split?: SplitSubvariant;
     custom?: CustomSubvariant;
 }
-export type Appearance = PaletteMode | 'auto';
+export type Appearance = PaletteMode | 'system';
 export interface NavigationProps {
     /**
      * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.
@@ -23,9 +23,20 @@ export interface NavigationProps {
 }
 export type WidgetThemeComponents = Pick<Components<Theme>, 'MuiAppBar' | 'MuiAvatar' | 'MuiButton' | 'MuiCard' | 'MuiIconButton' | 'MuiInputCard' | 'MuiTabs'>;
 export type WidgetTheme = {
+    /**
+     * @deprecated Use `colorScheme` instead.
+     */
     palette?: Pick<PaletteOptions, 'background' | 'grey' | 'primary' | 'secondary' | 'text'>;
+    colorScheme?: {
+        light?: {
+            palette: Pick<PaletteOptions, 'background' | 'grey' | 'primary' | 'secondary' | 'text'>;
+        };
+        dark?: {
+            palette: Pick<PaletteOptions, 'background' | 'grey' | 'primary' | 'secondary' | 'text'>;
+        };
+    };
     shape?: Partial<Shape>;
-    typography?: TypographyOptions;
+    typography?: TypographyVariantsOptions;
     components?: WidgetThemeComponents;
     container?: CSSProperties;
     header?: CSSProperties;
@@ -209,7 +220,7 @@ export type SetFieldValueFunction = <K extends FieldNames>(key: K, value: FieldV
 export type FormState = {
     setFieldValue: SetFieldValueFunction;
 };
-export type FormRef = MutableRefObject<FormState | null>;
+export type FormRef = RefObject<FormState | null>;
 export interface FormRefProps {
     formRef?: FormRef;
 }

package/dist/esm/types/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AAgFA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAYX;AAZD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,2DAA+C,CAAA;IAC/C,uDAA2C,CAAA;IAC3C,2DAA+C,CAAA;AACjD,CAAC,EAZW,QAAQ,KAAR,QAAQ,QAYnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/types/widget.ts"],"names":[],"mappings":"AA2FA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QAYX;AAZD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,2DAA+C,CAAA;IAC/C,uDAA2C,CAAA;IAC3C,2DAA+C,CAAA;AACjD,CAAC,EAZW,QAAQ,KAAR,QAAQ,QAYnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.18.7",
+  "version": "3.19.0-beta.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -35,13 +35,13 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@lifi/sdk": "^3.6.8",
-    "@mui/icons-material": "6.0.2",
-    "@mui/material": "^6.4.11",
-    "@mui/system": "^6.4.11",
+    "@mui/icons-material": "^7.0.2",
+    "@mui/material": "^7.0.2",
+    "@mui/system": "^7.0.2",
     "@solana/wallet-adapter-base": "^0.9.24",
     "@solana/web3.js": "^1.98.0",
     "@tanstack/react-virtual": "^3.13.6",
-    "i18next": "^24.2.3",
+    "i18next": "^25.0.0",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
     "react-i18next": "^15.4.1",
@@ -49,7 +49,7 @@
     "react-router-dom": "^6.30.0",
     "viem": "^2.27.0",
     "zustand": "^5.0.3",
-    "@lifi/wallet-management": "^3.7.4"
+    "@lifi/wallet-management": "^3.8.0-beta.1"
   },
   "peerDependencies": {
     "@bigmi/react": ">=0.1.0",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.18.7",
+  "version": "3.19.0-beta.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./src/index.ts",
@@ -55,13 +55,13 @@
     "@emotion/styled": "^11.14.0",
     "@lifi/sdk": "^3.6.8",
     "@lifi/wallet-management": "workspace:^",
-    "@mui/icons-material": "6.0.2",
-    "@mui/material": "^6.4.11",
-    "@mui/system": "^6.4.11",
+    "@mui/icons-material": "^7.0.2",
+    "@mui/material": "^7.0.2",
+    "@mui/system": "^7.0.2",
     "@solana/wallet-adapter-base": "^0.9.24",
     "@solana/web3.js": "^1.98.0",
     "@tanstack/react-virtual": "^3.13.6",
-    "i18next": "^24.2.3",
+    "i18next": "^25.0.0",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
     "react-i18next": "^15.4.1",

package/src/AppDrawer.tsx

@@ -73,6 +73,15 @@ export const AppDrawer = forwardRef<
         open={drawerOpen}
         onClose={closeDrawer}
         slotProps={{
+          paper: {
+            sx: (theme) => ({
+              width: theme?.container?.width ?? '100%',
+              minWidth:
+                theme?.container?.minWidth ?? theme.breakpoints.values.xs,
+              maxWidth:
+                theme?.container?.maxWidth ?? theme.breakpoints.values.sm,
+            }),
+          },
           backdrop: {
             sx: {
               backgroundColor: 'rgb(0 0 0 / 48%)',
@@ -80,13 +89,6 @@ export const AppDrawer = forwardRef<
             },
           },
         }}
-        PaperProps={{
-          sx: (theme) => ({
-            width: theme?.container?.width ?? '100%',
-            minWidth: theme?.container?.minWidth ?? theme.breakpoints.values.xs,
-            maxWidth: theme?.container?.maxWidth ?? theme.breakpoints.values.sm,
-          }),
-        }}
         keepMounted
       >
         {children}

package/src/components/ActiveTransactions/ActiveTransactionItem.tsx

@@ -1,4 +1,6 @@
-import { ArrowForward, ErrorRounded, InfoRounded } from '@mui/icons-material'
+import ArrowForward from '@mui/icons-material/ArrowForward'
+import ErrorRounded from '@mui/icons-material/ErrorRounded'
+import InfoRounded from '@mui/icons-material/InfoRounded'
 import { ListItemAvatar, ListItemText, Typography } from '@mui/material'
 import { useNavigate } from 'react-router-dom'
 import { useProcessMessage } from '../../hooks/useProcessMessage.js'

package/src/components/ActiveTransactions/ActiveTransactions.style.ts

@@ -5,15 +5,14 @@ import {
   listItemSecondaryActionClasses,
   styled,
 } from '@mui/material'
-import { getContrastAlphaColor } from '../../utils/colors.js'
 
 export const ListItemButton = styled(MuiListItemButton)(({ theme }) => ({
-  borderRadius: theme.shape.borderRadius,
+  borderRadius: theme.vars.shape.borderRadius,
   paddingLeft: theme.spacing(1.5),
   paddingRight: theme.spacing(1.5),
   height: 64,
   '&:hover': {
-    backgroundColor: getContrastAlphaColor(theme, 0.04),
+    backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
   },
 }))
 

package/src/components/AmountInput/AmountInputAdornment.style.tsx

@@ -10,5 +10,5 @@ export const MaxButton = styled(MuiButton)(({ theme }) => ({
 export const MaxButtonSkeleton = styled(Skeleton)(({ theme }) => ({
   width: 46,
   height: 24,
-  borderRadius: theme.shape.borderRadiusSecondary,
+  borderRadius: theme.vars.shape.borderRadiusSecondary,
 }))

package/src/components/AppContainer.tsx

@@ -48,7 +48,7 @@ export const RelativeContainer = styled(Box, {
     width: '100%',
     minWidth: theme.breakpoints.values.xs,
     maxWidth: theme.breakpoints.values.sm,
-    background: theme.palette.background.default,
+    background: theme.vars.palette.background.default,
     overflow: 'auto',
     flex: 1,
     zIndex: 0,

package/src/components/Avatar/AccountAvatar.tsx

@@ -1,6 +1,6 @@
 import type { Account } from '@lifi/wallet-management'
 import { getConnectorIcon } from '@lifi/wallet-management'
-import { Wallet } from '@mui/icons-material'
+import Wallet from '@mui/icons-material/Wallet'
 import { Badge } from '@mui/material'
 import { useChain } from '../../hooks/useChain.js'
 import type { ToAddress } from '../../types/widget.js'

package/src/components/Avatar/Avatar.style.tsx

@@ -36,37 +36,37 @@ export const AvatarDefault = styled(Box)(({ theme }) => {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    background: theme.palette.grey[800],
     borderRadius: '50%',
     height: root?.height,
     width: root?.width,
-    color: theme.palette.text.secondary,
+    color: theme.vars.palette.text.secondary,
     mask: avatarMask16,
-    ...theme.applyStyles('light', {
-      background: theme.palette.grey[300],
+    background: theme.vars.palette.grey[300],
+    ...theme.applyStyles('dark', {
+      background: theme.vars.palette.grey[800],
     }),
   }
 })
 
 export const AvatarDefaultBadge = styled(Box)(({ theme }) => {
   return {
-    background: theme.palette.grey[800],
     borderRadius: '50%',
     height: 16,
     width: 16,
-    ...theme.applyStyles('light', {
-      background: theme.palette.grey[300],
+    background: theme.vars.palette.grey[300],
+    ...theme.applyStyles('dark', {
+      background: theme.vars.palette.grey[800],
     }),
   }
 })
 
 export const AvatarSkeletonContainer = styled(Box)(({ theme }) => ({
-  background: theme.palette.background.paper,
+  background: theme.vars.palette.background.paper,
   borderRadius: '50%',
 }))
 
 export const AvatarSkeletonMaskedContainer = styled(Box)(({ theme }) => ({
-  background: theme.palette.background.paper,
+  background: theme.vars.palette.background.paper,
   borderRadius: '50%',
   mask: avatarMask16,
 }))

package/src/components/Avatar/SmallAvatar.tsx

@@ -2,7 +2,7 @@ import { Avatar, Skeleton, styled } from '@mui/material'
 import { AvatarSkeletonContainer } from './Avatar.style.js'
 
 export const SmallAvatar = styled(Avatar)(({ theme }) => ({
-  background: theme.palette.background.paper,
+  background: theme.vars.palette.background.paper,
   width: 16,
   height: 16,
 }))