@lifi/widget 1.6.0 → 1.6.1

package/components/AppContainer.js

@@ -19,10 +19,13 @@ const CssBaselineContainer = styled(ScopedCssBaseline)(({ theme }) => ({
 }));
 const RelativeContainer = styled(Box)(({ theme }) => ({
     position: 'relative',
-    width: 392,
+    width: '100%',
+    minWidth: 375,
+    maxWidth: 392,
     background: theme.palette.background.default,
     overflow: 'auto',
     flex: 1,
+    boxSizing: 'content-box',
 }));
 const ScrollableContainer = styled(Box)({
     // position: 'fixed',
@@ -30,6 +33,7 @@ const ScrollableContainer = styled(Box)({
     height: '100%',
     flex: 1,
     display: 'flex',
+    zIndex: 0,
 });
 const FlexContainer = styled(Container)({
     display: 'flex',

package/components/SelectTokenButton/SelectTokenButton.style.js

@@ -19,13 +19,13 @@ export const SelectTokenCardHeader = styled(CardHeader, {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
         overflow: 'hidden',
-        width: compact ? 92 : 244,
+        width: compact ? 92 : 224,
         fontWeight: selected ? 500 : 400,
     },
     [`.${cardHeaderClasses.subheader}`]: {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
         overflow: 'hidden',
-        width: compact ? 92 : 244,
+        width: compact ? 92 : 224,
     },
 }));

package/components/SwapButton/ButtonTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonTooltip: ({ title, children, }: {
     title?: string | undefined;
     children: JSX.Element;

package/components/SwapInput/FormPriceHelperText.js

@@ -21,7 +21,7 @@ export const FormPriceHelperText = ({ formType, selected }) => {
                     overflowWrap: 'break-word',
                 } }, { children: t(`swap.currency`, {
                     value: fromAmountTokenPrice,
-                }) })), isLoading && isFetching ? (_jsx(Skeleton, { variant: "text", width: 48, height: 16, sx: { borderRadius: 0.25 } })) : token ? (_jsx(Typography, Object.assign({ fontWeight: 400, fontSize: 12, color: "text.secondary", lineHeight: 1.3334, pl: 0.25 }, { children: t(`swap.maxAmount`, {
+                }) })), isLoading && isFetching ? (_jsx(Skeleton, { variant: "text", width: 48, height: 16, sx: { borderRadius: 0.25 } })) : (token === null || token === void 0 ? void 0 : token.amount) ? (_jsx(Typography, Object.assign({ fontWeight: 400, fontSize: 12, color: "text.secondary", lineHeight: 1.3334, pl: 0.25 }, { children: t(`swap.maxAmount`, {
                     amount: token === null || token === void 0 ? void 0 : token.amount,
                 }) }))) : null] })));
 };

package/components/SwapInput/SwapInputAdornment.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SwapFormTypeProps } from '../../providers/SwapFormProvider';
 export declare const SwapInputAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.6.0";
+export declare const version = "1.6.1";

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '1.6.0';
+export const version = '1.6.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "sideEffects": false,
   "main": "./index.js",
@@ -42,20 +42,20 @@
     "@ethersproject/experimental": "^5.6.3",
     "@ethersproject/providers": "^5.6.8",
     "@lifi/wallet-management": "^1.0.4",
-    "@lifinance/sdk": "^1.0.0-beta.13",
+    "@lifinance/sdk": "^1.0.0-beta.14",
     "@mui/icons-material": "^5.8.4",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
-    "@sentry/integrations": "^7.5.0",
-    "@sentry/react": "^7.5.0",
-    "@sentry/tracing": "^7.5.0",
+    "@sentry/integrations": "^7.5.1",
+    "@sentry/react": "^7.5.1",
+    "@sentry/tracing": "^7.5.1",
     "big.js": "^6.2.0",
-    "i18next": "^21.8.12",
+    "i18next": "^21.8.13",
     "immer": "^9.0.15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.33.1",
-    "react-i18next": "^11.17.4",
+    "react-i18next": "^11.18.0",
     "react-query": "^4.0.0-beta.23",
     "react-resize-detector": "^7.1.2",
     "react-router-dom": "^6.3.0",

package/pages/SelectTokenPage/ChainSelect.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SwapFormTypeProps } from '../../providers/SwapFormProvider';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SearchTokenInput: () => JSX.Element;

package/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SelectWalletPage: () => JSX.Element;

package/pages/SettingsPage/AdvancedPreferences.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AdvancedPreferences: () => JSX.Element;

package/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const GasPriceSelect: () => JSX.Element;

package/pages/SettingsPage/SettingsPage.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SettingsPage: () => JSX.Element;

package/pages/SettingsPage/SlippageInput.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SlippageInput: () => JSX.Element;

package/pages/SwapPage/CircularProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Status } from '@lifinance/sdk';
 export declare function CircularProgress({ status }: {
     status: Status;