@lifi/widget 2.6.2 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/AppDrawer.js +1 -1
  2. package/cjs/AppDrawer.js +1 -1
  3. package/cjs/components/AppContainer.js +1 -1
  4. package/cjs/components/SelectTokenButton/SelectTokenButton.style.js +7 -1
  5. package/cjs/components/Step/CircularProgress.style.js +7 -7
  6. package/cjs/config/version.d.ts +1 -1
  7. package/cjs/config/version.js +1 -1
  8. package/components/AppContainer.js +1 -1
  9. package/components/SelectTokenButton/SelectTokenButton.style.js +7 -1
  10. package/components/Step/CircularProgress.style.js +7 -7
  11. package/config/version.d.ts +1 -1
  12. package/config/version.js +1 -1
  13. package/package.json +9 -9
  14. package/tsconfig.cjs.tsbuildinfo +1 -1
package/AppDrawer.js CHANGED
@@ -43,7 +43,7 @@ export const AppDrawer = forwardRef(({ elementRef, open, integrator, config }, r
43
43
  }, PaperProps: {
44
44
  sx: {
45
45
  width: config?.containerStyle?.width ?? '100%',
46
- minWidth: config?.containerStyle?.minWidth ?? 375,
46
+ minWidth: config?.containerStyle?.minWidth ?? 360,
47
47
  maxWidth: config?.containerStyle?.maxWidth ?? 392,
48
48
  },
49
49
  }, keepMounted: true, children: [_jsx(CloseButtonLayout, { onClick: closeDrawer, edge: "end", children: _jsx(CloseIcon, {}) }), _jsx(AppDefault, {})] })] }));
package/cjs/AppDrawer.js CHANGED
@@ -46,7 +46,7 @@ exports.AppDrawer = (0, react_1.forwardRef)(({ elementRef, open, integrator, con
46
46
  }, PaperProps: {
47
47
  sx: {
48
48
  width: config?.containerStyle?.width ?? '100%',
49
- minWidth: config?.containerStyle?.minWidth ?? 375,
49
+ minWidth: config?.containerStyle?.minWidth ?? 360,
50
50
  maxWidth: config?.containerStyle?.maxWidth ?? 392,
51
51
  },
52
52
  }, keepMounted: true, children: [(0, jsx_runtime_1.jsx)(AppDrawer_style_1.CloseButtonLayout, { onClick: closeDrawer, edge: "end", children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, {}) }), (0, jsx_runtime_1.jsx)(App_1.AppDefault, {})] })] }));
package/cjs/components/AppContainer.js CHANGED
@@ -22,7 +22,7 @@ const RelativeContainer = (0, styles_1.styled)(material_1.Box, {
22
22
  position: 'relative',
23
23
  boxSizing: 'content-box',
24
24
  width: '100%',
25
- minWidth: 375,
25
+ minWidth: 360,
26
26
  maxWidth: 392,
27
27
  maxHeight: variant === 'drawer' ? 'none' : exports.maxHeight,
28
28
  background: theme.palette.background.default,
package/cjs/components/SelectTokenButton/SelectTokenButton.style.js CHANGED
@@ -15,14 +15,20 @@ exports.SelectTokenCardHeader = (0, styles_1.styled)(Card_1.CardHeader, {
15
15
  textOverflow: 'ellipsis',
16
16
  whiteSpace: 'nowrap',
17
17
  overflow: 'hidden',
18
- width: compact ? (selected ? 92 : 142) : 256,
18
+ width: compact ? 92 : 256,
19
19
  fontWeight: selected ? 500 : 400,
20
20
  fontSize: compact && !selected ? '1rem' : '1.125rem',
21
+ [theme.breakpoints.down(392)]: {
22
+ width: compact ? 92 : 224,
23
+ },
21
24
  },
22
25
  [`.${CardHeader_1.cardHeaderClasses.subheader}`]: {
23
26
  textOverflow: 'ellipsis',
24
27
  whiteSpace: 'nowrap',
25
28
  overflow: 'hidden',
26
29
  width: compact ? 92 : 256,
30
+ [theme.breakpoints.down(392)]: {
31
+ width: compact ? 92 : 224,
32
+ },
27
33
  },
28
34
  }));
package/cjs/components/Step/CircularProgress.style.js CHANGED
@@ -57,16 +57,16 @@ exports.CircularProgressPending = (0, styles_1.styled)(material_1.CircularProgre
57
57
  color: ${({ theme }) => theme.palette.mode === 'light'
58
58
  ? theme.palette.primary.main
59
59
  : theme.palette.primary.light};
60
- animation-duration: '3s';
61
- position: 'absolute';
62
- left: '-2px';
60
+ animation-duration: 3s;
61
+ position: absolute;
62
+ left: -2px;
63
63
  .${CircularProgress_1.circularProgressClasses.circle} {
64
- animation-duration: '2s';
65
- animation-timing-function: 'linear';
64
+ animation-duration: 2s;
65
+ animation-timing-function: linear;
66
66
  animation-name: ${circleAnimation};
67
67
  stroke-dasharray: 129;
68
68
  stroke-dashoffset: 129;
69
- stroke-linecap: 'round';
70
- transform-origin: '100% 100%';
69
+ stroke-linecap: round;
70
+ transform-origin: 100% 100%;
71
71
  }
72
72
  `;
package/cjs/config/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export declare const name = "@lifi/widget";
2
- export declare const version = "2.6.2";
2
+ export declare const version = "2.7.0";
package/cjs/config/version.js CHANGED
@@ -2,4 +2,4 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.version = exports.name = void 0;
4
4
  exports.name = '@lifi/widget';
5
- exports.version = '2.6.2';
5
+ exports.version = '2.7.0';
package/components/AppContainer.js CHANGED
@@ -19,7 +19,7 @@ const RelativeContainer = styled(Box, {
19
19
  position: 'relative',
20
20
  boxSizing: 'content-box',
21
21
  width: '100%',
22
- minWidth: 375,
22
+ minWidth: 360,
23
23
  maxWidth: 392,
24
24
  maxHeight: variant === 'drawer' ? 'none' : maxHeight,
25
25
  background: theme.palette.background.default,
package/components/SelectTokenButton/SelectTokenButton.style.js CHANGED
@@ -12,14 +12,20 @@ export const SelectTokenCardHeader = styled(CardHeader, {
12
12
  textOverflow: 'ellipsis',
13
13
  whiteSpace: 'nowrap',
14
14
  overflow: 'hidden',
15
- width: compact ? (selected ? 92 : 142) : 256,
15
+ width: compact ? 92 : 256,
16
16
  fontWeight: selected ? 500 : 400,
17
17
  fontSize: compact && !selected ? '1rem' : '1.125rem',
18
+ [theme.breakpoints.down(392)]: {
19
+ width: compact ? 92 : 224,
20
+ },
18
21
  },
19
22
  [`.${cardHeaderClasses.subheader}`]: {
20
23
  textOverflow: 'ellipsis',
21
24
  whiteSpace: 'nowrap',
22
25
  overflow: 'hidden',
23
26
  width: compact ? 92 : 256,
27
+ [theme.breakpoints.down(392)]: {
28
+ width: compact ? 92 : 224,
29
+ },
24
30
  },
25
31
  }));
package/components/Step/CircularProgress.style.js CHANGED
@@ -54,16 +54,16 @@ export const CircularProgressPending = styled(MuiCircularProgress) `
54
54
  color: ${({ theme }) => theme.palette.mode === 'light'
55
55
  ? theme.palette.primary.main
56
56
  : theme.palette.primary.light};
57
- animation-duration: '3s';
58
- position: 'absolute';
59
- left: '-2px';
57
+ animation-duration: 3s;
58
+ position: absolute;
59
+ left: -2px;
60
60
  .${circularProgressClasses.circle} {
61
- animation-duration: '2s';
62
- animation-timing-function: 'linear';
61
+ animation-duration: 2s;
62
+ animation-timing-function: linear;
63
63
  animation-name: ${circleAnimation};
64
64
  stroke-dasharray: 129;
65
65
  stroke-dashoffset: 129;
66
- stroke-linecap: 'round';
67
- transform-origin: '100% 100%';
66
+ stroke-linecap: round;
67
+ transform-origin: 100% 100%;
68
68
  }
69
69
  `;
package/config/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export declare const name = "@lifi/widget";
2
- export declare const version = "2.6.2";
2
+ export declare const version = "2.7.0";
package/config/version.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = '@lifi/widget';
2
- export const version = '2.6.2';
2
+ export const version = '2.7.0';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lifi/widget",
3
- "version": "2.6.2",
3
+ "version": "2.7.0",
4
4
  "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./index.js",
@@ -44,23 +44,23 @@
44
44
  "@ethersproject/experimental": "^5.7.0",
45
45
  "@ethersproject/providers": "^5.7.2",
46
46
  "@lifi/sdk": "^2.4.3",
47
- "@lifi/wallet-management": "^2.3.7",
48
- "@mui/icons-material": "^5.14.13",
49
- "@mui/lab": "^5.0.0-alpha.148",
50
- "@mui/material": "^5.14.13",
47
+ "@lifi/wallet-management": "^2.4.0",
48
+ "@mui/icons-material": "^5.14.14",
49
+ "@mui/lab": "^5.0.0-alpha.149",
50
+ "@mui/material": "^5.14.14",
51
51
  "@tanstack/react-query": "^4.36.1",
52
- "@tanstack/react-virtual": "^3.0.0-beta.65",
52
+ "@tanstack/react-virtual": "^3.0.0-beta.66",
53
53
  "big.js": "^6.2.1",
54
- "i18next": "^23.5.1",
54
+ "i18next": "^23.6.0",
55
55
  "i18next-browser-languagedetector": "^7.1.0",
56
56
  "microdiff": "^1.3.2",
57
57
  "mitt": "^3.0.1",
58
58
  "react": "^18.2.0",
59
59
  "react-dom": "^18.2.0",
60
60
  "react-hook-form": "^7.47.0",
61
- "react-i18next": "^13.2.2",
61
+ "react-i18next": "^13.3.0",
62
62
  "react-intersection-observer": "^9.5.2",
63
- "react-router-dom": "^6.16.0",
63
+ "react-router-dom": "^6.17.0",
64
64
  "react-timer-hook": "^3.0.7",
65
65
  "uuid": "^9.0.1",
66
66
  "zustand": "^4.4.3"