@lifi/widget 3.0.0-alpha.32 → 3.0.0-alpha.34

package/_esm/themes/createTheme.js

@@ -0,0 +1,356 @@
+import { loadingButtonClasses } from '@mui/lab';
+import { alpha, createTheme as createMuiTheme, css, darken, dialogActionsClasses, getContrastRatio, keyframes, lighten, touchRippleClasses, } from '@mui/material';
+import { getStyleOverrides } from './utils.js';
+const palette = {
+    primary: {
+        main: '#5C67FF',
+        light: lighten('#5C67FF', 0.84),
+        dark: darken('#5C67FF', 0.2),
+    },
+    secondary: {
+        main: '#F5B5FF',
+        light: lighten('#F5B5FF', 0.84),
+        dark: darken('#F5B5FF', 0.2),
+    },
+    success: {
+        main: '#0AA65B',
+    },
+    warning: {
+        main: '#FFCC00',
+    },
+    error: {
+        main: '#E5452F',
+    },
+    info: {
+        main: '#297EFF',
+    },
+    common: {
+        black: '#000',
+        white: '#fff',
+    },
+};
+const paletteLight = {
+    background: {
+    // default: '#c0c9d2',
+    // paper: '#dfdfdf',
+    },
+    text: {
+        primary: '#000000',
+        secondary: '#747474',
+    },
+};
+const paletteDark = {
+    background: {
+        paper: '#212121',
+    },
+};
+const shape = {
+    borderRadius: 12,
+    borderRadiusSecondary: 12,
+    borderRadiusTertiary: 24,
+};
+const enterKeyframe = keyframes `
+  0% {
+    transform: scale(0);
+    opacity: 0.05;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0.1;
+  }
+`;
+export const createTheme = (mode, 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;
+    return createMuiTheme({
+        container: widgetTheme.container,
+        navigation: {
+            edge: true,
+            dense: true,
+            ...widgetTheme.navigation,
+        },
+        typography: {
+            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),
+            },
+        },
+        shape: {
+            ...shape,
+            ...widgetTheme.shape,
+        },
+        breakpoints: {
+            values: {
+                xs: 360,
+                sm: 416,
+                md: 900,
+                lg: 1200,
+                xl: 1536,
+            },
+        },
+        components: {
+            MuiScopedCssBaseline: {
+                styleOverrides: {
+                    root: {
+                        fontFamily: 'Inter, sans-serif',
+                        ...widgetTheme.typography,
+                        '@supports (font-variation-settings: normal)': {
+                            fontFamily: 'Inter var, sans-serif',
+                            ...widgetTheme.typography,
+                        },
+                    },
+                },
+            },
+            MuiAppBar: {
+                styleOverrides: {
+                    root: ({ ownerState, theme }) => ({
+                        minHeight: 40,
+                        padding: 0,
+                        ...getStyleOverrides('MuiAppBar', 'root', widgetTheme, ownerState),
+                    }),
+                },
+            },
+            MuiCard: {
+                defaultProps: {
+                    variant: 'outlined',
+                    ...widgetTheme.components?.MuiCard?.defaultProps,
+                },
+                styleOverrides: {
+                    root: ({ ownerState, theme }) => {
+                        const root = widgetTheme.components?.MuiCard?.styleOverrides
+                            ?.root;
+                        const rootHover = root?.['&:hover'];
+                        return {
+                            backgroundColor: theme.palette.background.paper,
+                            borderRadius: theme.shape.borderRadius,
+                            overflow: 'hidden',
+                            position: 'relative',
+                            boxSizing: 'border-box',
+                            transition: theme.transitions.create(['background-color', 'filter'], {
+                                duration: theme.transitions.duration.enteringScreen,
+                                easing: theme.transitions.easing.easeOut,
+                            }),
+                            ...(!!ownerState.onClick && {
+                                '&:hover': {
+                                    cursor: 'pointer',
+                                },
+                            }),
+                            ...(!!ownerState.onClick &&
+                                (ownerState.variant === 'outlined' ||
+                                    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),
+                                },
+                            }),
+                            ...(!!ownerState.onClick &&
+                                ownerState.variant === 'elevation' && {
+                                '&:hover': {
+                                    cursor: 'pointer',
+                                    filter: `drop-shadow(0 1px 4px ${alpha(theme.palette.common.black, 0.08)})`,
+                                },
+                            }),
+                            ...(typeof root === 'object' && root),
+                            ...(!!ownerState.onClick &&
+                                !!rootHover && {
+                                '&:hover': {
+                                    ...rootHover,
+                                },
+                            }),
+                            ...(!ownerState.onClick && {
+                                '&:hover': {},
+                            }),
+                        };
+                    },
+                },
+                variants: widgetTheme.components?.MuiCard?.variants ?? [
+                    {
+                        props: { variant: 'outlined' },
+                        style: ({ theme }) => ({
+                            borderWidth: 1,
+                            borderStyle: 'solid',
+                            borderColor: theme.palette.mode === 'light'
+                                ? theme.palette.grey[300]
+                                : theme.palette.grey[800],
+                        }),
+                    },
+                    {
+                        props: { variant: 'elevation' },
+                        style: ({ theme }) => ({
+                            border: 'none',
+                            boxShadow: 'none',
+                            filter: `drop-shadow(0 1px 4px ${alpha(theme.palette.common.black, 0.04)})`,
+                        }),
+                    },
+                    {
+                        props: { variant: 'filled' },
+                        style: {
+                            border: 'none',
+                        },
+                    },
+                ],
+            },
+            MuiInputCard: {
+                ...widgetTheme.components?.MuiInputCard,
+            },
+            MuiButtonBase: {
+                styleOverrides: {
+                    // This `css()` function invokes keyframes. `styled-components` only supports keyframes
+                    // in string templates. Do not convert these styles in JS object as it will break.
+                    root: css `
+            &
+              .${touchRippleClasses.ripple}.${touchRippleClasses.rippleVisible} {
+              opacity: 0.1;
+              animation-name: ${enterKeyframe};
+            }
+          `,
+                },
+            },
+            MuiButton: {
+                defaultProps: {
+                    disableElevation: true,
+                    ...widgetTheme.components?.MuiButton?.defaultProps,
+                },
+                styleOverrides: {
+                    root: ({ theme, ownerState }) => ({
+                        borderRadius: borderRadiusSecondary,
+                        textTransform: 'none',
+                        fontSize: 16,
+                        fontWeight: 600,
+                        [`&.Mui-disabled, &.Mui-disabled:hover`]: {
+                            color: alpha(mode === 'light' ? palette.common.black : palette.common.white, 0.56),
+                            cursor: 'not-allowed',
+                            pointerEvents: 'auto',
+                        },
+                        [`&.${loadingButtonClasses.loading}.Mui-disabled`]: {
+                            backgroundColor: primaryMainColor,
+                            color: contrastButtonColor,
+                            cursor: 'auto',
+                            pointerEvents: 'auto',
+                        },
+                        [`.${loadingButtonClasses.loadingIndicator}`]: {
+                            color: contrastButtonColor,
+                        },
+                        [`&.${loadingButtonClasses.root}.${loadingButtonClasses.loading}`]: {
+                            color: 'transparent',
+                        },
+                        ...getStyleOverrides('MuiButton', 'root', widgetTheme, ownerState),
+                    }),
+                    text: ({ theme, ownerState }) => ({
+                        backgroundColor: mode === 'light'
+                            ? alpha(primaryMainColor, 0.08)
+                            : alpha(primaryMainColor, 0.42),
+                        '&:hover': {
+                            backgroundColor: mode === 'light'
+                                ? alpha(primaryMainColor, 0.12)
+                                : alpha(primaryMainColor, 0.56),
+                        },
+                        color: mode === 'light' ? primaryMainColor : contrastTextButtonColor,
+                        ...getStyleOverrides('MuiButton', 'text', widgetTheme, ownerState),
+                    }),
+                    contained: ({ theme, ownerState }) => ({
+                        '&:hover': {
+                            color: contrastButtonColor,
+                        },
+                        ...getStyleOverrides('MuiButton', 'contained', widgetTheme, ownerState),
+                    }),
+                    sizeMedium: ({ theme, ownerState }) => ({
+                        padding: '10px 14px',
+                        [`.${dialogActionsClasses.root} &`]: {
+                            padding: '6px 12px',
+                        },
+                        ...getStyleOverrides('MuiButton', 'sizeMedium', widgetTheme, ownerState),
+                    }),
+                },
+            },
+            MuiIconButton: {
+                ...widgetTheme.components?.MuiIconButton,
+                styleOverrides: {
+                    ...widgetTheme.components?.MuiIconButton?.styleOverrides,
+                    root: ({ theme, ownerState }) => ({
+                        color: 'inherit',
+                        '&:hover': {
+                            color: 'inherit',
+                        },
+                        ...getStyleOverrides('MuiIconButton', 'root', widgetTheme, ownerState),
+                    }),
+                },
+            },
+            MuiAvatar: {
+                styleOverrides: {
+                    root: {
+                        height: 40,
+                        width: 40,
+                    },
+                    img: {
+                        objectFit: 'contain',
+                    },
+                },
+                ...widgetTheme.components?.MuiAvatar,
+            },
+            MuiListItemText: {
+                styleOverrides: {
+                    primary: ({ theme }) => ({
+                        fontWeight: 600,
+                        fontSize: '1.125rem',
+                        lineHeight: '1.2778',
+                        color: theme.palette.text.primary,
+                    }),
+                    secondary: ({ theme }) => ({
+                        fontWeight: 500,
+                        fontSize: '0.75rem',
+                        color: theme.palette.text.secondary,
+                    }),
+                },
+            },
+            MuiTooltip: {
+                styleOverrides: {
+                    tooltip: ({ theme }) => ({
+                        backgroundColor: 'rgb(0 0 0 / 64%)',
+                        backdropFilter: 'blur(3px)',
+                        fontSize: '0.75rem',
+                        padding: theme.spacing(1, 1.5),
+                    }),
+                    arrow: {
+                        color: 'rgb(0 0 0 / 64%)',
+                    },
+                },
+            },
+            MuiMenu: {
+                styleOverrides: {
+                    paper: ({ theme }) => ({
+                        backgroundColor: theme.palette.background.default,
+                    }),
+                },
+            },
+        },
+    });
+};
+//# sourceMappingURL=createTheme.js.map

package/_esm/themes/createTheme.js.map

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

package/_esm/themes/jumper.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetTheme } from '../types/widget.js';
+export declare const jumperTheme: WidgetTheme;

package/_esm/themes/jumper.js

@@ -0,0 +1,36 @@
+export const jumperTheme = {
+    palette: {},
+    // shape: {
+    //   borderRadius: 0,
+    //   borderRadiusSecondary: 0,
+    //   borderRadiusTertiary: 0,
+    // },
+    container: {},
+    playground: {},
+    components: {
+        MuiIconButton: {
+            styleOverrides: {
+            // root: ({ theme }) => ({
+            //   backgroundColor: alpha(
+            //     theme.palette.mode === 'light'
+            //       ? theme.palette.common.black
+            //       : theme.palette.common.white,
+            //     0.04,
+            //   ),
+            //   color: 'inherit',
+            //   borderRadius: theme.shape.borderRadiusSecondary,
+            //   '&:hover': {
+            //     backgroundColor: alpha(
+            //       theme.palette.mode === 'light'
+            //         ? theme.palette.common.black
+            //         : theme.palette.common.white,
+            //       0.08,
+            //     ),
+            //     color: 'inherit',
+            //   },
+            // }),
+            },
+        },
+    },
+};
+//# sourceMappingURL=jumper.js.map

package/_esm/themes/jumper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jumper.js","sourceRoot":"","sources":["../../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,CAAC"}

package/_esm/themes/types.d.ts

@@ -0,0 +1,49 @@
+import type { CardProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
+import type { CSSProperties } from 'react';
+import type { NavigationProps } from '../types/widget.js';
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        '@supports (font-variation-settings: normal)': React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        '@supports (font-variation-settings: normal)'?: React.CSSProperties;
+    }
+    interface Shape {
+        borderRadius: number;
+        borderRadiusSecondary: number;
+        borderRadiusTertiary: number;
+    }
+    interface Theme {
+        shape: Shape;
+        container: CSSProperties;
+        navigation: NavigationProps;
+    }
+    interface ThemeOptions {
+        shape?: Partial<Shape>;
+        container?: CSSProperties;
+        navigation?: NavigationProps;
+    }
+    interface ComponentNameToClassKey {
+        MuiInputCard: 'root';
+    }
+    interface ComponentsPropsList {
+        MuiInputCard: Partial<CardProps>;
+    }
+    interface Components {
+        MuiInputCard?: {
+            defaultProps?: ComponentsPropsList['MuiInputCard'];
+            styleOverrides?: ComponentsOverrides<Omit<Theme, 'components'>>['MuiInputCard'];
+            variants?: ComponentsVariants['MuiInputCard'];
+        };
+    }
+}
+declare module '@mui/material/Paper' {
+    interface PaperPropsVariantOverrides {
+        filled: true;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        '@supports (font-variation-settings: normal)': true;
+    }
+}

package/_esm/themes/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/_esm/{components/NFT → themes}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/NFT/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../themes/types.ts"],"names":[],"mappings":""}

package/_esm/themes/utils.d.ts

@@ -0,0 +1,4 @@
+import type { WidgetTheme, WidgetThemeComponents } from '../types/widget.js';
+type ComponentName = keyof WidgetThemeComponents;
+export declare const getStyleOverrides: (componentName: ComponentName, styleOverrideProp: string, theme: WidgetTheme, ownerState?: any) => any;
+export {};

package/_esm/themes/utils.js

@@ -0,0 +1,9 @@
+export const getStyleOverrides = (componentName, styleOverrideProp, theme, ownerState) => {
+    const component = theme.components?.[componentName];
+    const property = component?.styleOverrides?.[styleOverrideProp];
+    if (typeof property === 'function') {
+        return property({ theme, ownerState });
+    }
+    return property;
+};
+//# sourceMappingURL=utils.js.map

package/_esm/themes/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../themes/utils.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,aAA4B,EAC5B,iBAAyB,EACzB,KAAkB,EAClB,UAAgB,EAChB,EAAE;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC,aAAa,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAI,SAAS,EAAE,cAAsB,EAAE,CAAC,iBAAiB,CAAC,CAAC;IAEzE,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,OAAO,QAAQ,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}

package/_esm/themes/windows95.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetTheme } from '../types/widget.js';
+export declare const windows95Theme: WidgetTheme;

package/_esm/themes/windows95.js

@@ -0,0 +1,92 @@
+export const windows95Theme = {
+    palette: {
+        primary: {
+            main: '#0000ff',
+        },
+        secondary: {
+            main: '#f7c303',
+        },
+        text: {
+            primary: '#30313d',
+            secondary: '#6d6e78',
+        },
+        background: {
+            default: '#c0c9d2',
+            paper: '#dfdfdf',
+        },
+        grey: {
+            300: '#bbb',
+        },
+    },
+    shape: {
+        borderRadius: 0,
+        borderRadiusSecondary: 0,
+        borderRadiusTertiary: 0,
+    },
+    container: {
+        border: '1px solid #0a0a0a',
+    },
+    playground: {
+        background: '#008080',
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    '&:hover': {
+                        boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    },
+                },
+            },
+        },
+        MuiCard: {
+            defaultProps: {
+                variant: 'outlined',
+            },
+            styleOverrides: {
+                root: {
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    borderWidth: 0,
+                    '&:hover': {
+                        cursor: 'pointer',
+                        backgroundColor: '#ccc',
+                    },
+                },
+            },
+            variants: [
+                {
+                    props: { variant: 'outlined' },
+                    style: {
+                        borderWidth: 0,
+                    },
+                },
+            ],
+        },
+        MuiInputCard: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: '#fff',
+                    boxShadow: 'inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080',
+                },
+            },
+        },
+        MuiIconButton: {
+            defaultProps: {
+            // disableRipple: true,
+            },
+            styleOverrides: {
+                root: {
+                    borderRadius: 0,
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    backgroundColor: '#dfdfdf',
+                    '&:hover': {
+                        color: 'inherit',
+                        backgroundColor: '#ccc',
+                    },
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=windows95.js.map

package/_esm/themes/windows95.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windows95.js","sourceRoot":"","sources":["../../themes/windows95.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,MAAM;SACZ;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC;QACf,qBAAqB,EAAE,CAAC;QACxB,oBAAoB,EAAE,CAAC;KACxB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,mBAAmB;KAC5B;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EACP,gGAAgG;oBAClG,SAAS,EAAE;wBACT,SAAS,EACP,gGAAgG;qBACnG;iBACF;aACF;SACF;QACD,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,OAAO,EAAE,UAAU;aACpB;YACD,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EACP,gGAAgG;oBAClG,WAAW,EAAE,CAAC;oBACd,SAAS,EAAE;wBACT,MAAM,EAAE,SAAS;wBACjB,eAAe,EAAE,MAAM;qBACxB;iBACF;aACF;YACD,QAAQ,EAAE;gBACR;oBACE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;oBAC9B,KAAK,EAAE;wBACL,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF;QACD,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,MAAM;oBACvB,SAAS,EACP,gGAAgG;iBACnG;aACF;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE;YACZ,uBAAuB;aACxB;YACD,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,YAAY,EAAE,CAAC;oBACf,SAAS,EACP,gGAAgG;oBAClG,eAAe,EAAE,SAAS;oBAC1B,SAAS,EAAE;wBACT,KAAK,EAAE,SAAS;wBAChB,eAAe,EAAE,MAAM;qBACxB;iBACF;aACF;SACF;KACF;CACF,CAAC"}

package/_esm/types/events.d.ts

@@ -10,7 +10,8 @@ export declare enum WidgetEvent {
     DestinationChainTokenSelected = "destinationChainTokenSelected",
     SendToWalletToggled = "sendToWalletToggled",
     ReviewTransactionPageEntered = "reviewTransactionPageEntered",
-    WalletConnected = "walletConnected"
+    WalletConnected = "walletConnected",
+    WidgetExpanded = "widgetExpanded"
 }
 export type WidgetEvents = {
     routeExecutionStarted: Route;
@@ -24,6 +25,7 @@ export type WidgetEvents = {
     sendToWalletToggled: boolean;
     reviewTransactionPageEntered?: Route;
     walletConnected: WalletConnected;
+    widgetExpanded: boolean;
 };
 export interface ContactSupport {
     supportId?: string;

package/_esm/types/events.js

@@ -11,5 +11,6 @@ export var WidgetEvent;
     WidgetEvent["SendToWalletToggled"] = "sendToWalletToggled";
     WidgetEvent["ReviewTransactionPageEntered"] = "reviewTransactionPageEntered";
     WidgetEvent["WalletConnected"] = "walletConnected";
+    WidgetEvent["WidgetExpanded"] = "widgetExpanded";
 })(WidgetEvent || (WidgetEvent = {}));
 //# sourceMappingURL=events.js.map

package/_esm/types/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../types/events.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,WAYX;AAZD,WAAY,WAAW;IACrB,8DAA+C,CAAA;IAC/C,8DAA+C,CAAA;IAC/C,kEAAmD,CAAA;IACnD,4DAA6C,CAAA;IAC7C,wDAAyC,CAAA;IACzC,gDAAiC,CAAA;IACjC,oEAAqD,CAAA;IACrD,8EAA+D,CAAA;IAC/D,0DAA2C,CAAA;IAC3C,4EAA6D,CAAA;IAC7D,kDAAmC,CAAA;AACrC,CAAC,EAZW,WAAW,KAAX,WAAW,QAYtB"}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../types/events.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,WAaX;AAbD,WAAY,WAAW;IACrB,8DAA+C,CAAA;IAC/C,8DAA+C,CAAA;IAC/C,kEAAmD,CAAA;IACnD,4DAA6C,CAAA;IAC7C,wDAAyC,CAAA;IACzC,gDAAiC,CAAA;IACjC,oEAAqD,CAAA;IACrD,8EAA+D,CAAA;IAC/D,0DAA2C,CAAA;IAC3C,4EAA6D,CAAA;IAC7D,kDAAmC,CAAA;IACnC,gDAAiC,CAAA;AACnC,CAAC,EAbW,WAAW,KAAX,WAAW,QAatB"}