fix: WT-2059 Update biome version to fix framed logo size in Connect …

…& Bridge (#1365)
immutable · Jan 22, 2024 · 8af7145 · 8af7145
1 parent d3849d9
commit 8af7145
Show file tree

Hide file tree

Showing 16 changed files with 64 additions and 77 deletions.
diff --git a/packages/checkout/sdk-sample-app/package.json b/packages/checkout/sdk-sample-app/package.json
@@ -14,7 +14,7 @@
     ]
   },
   "dependencies": {
-    "@biom3/react": "^0.19.34",
+    "@biom3/react": "^0.19.40",
     "@imtbl/checkout-sdk": "0.0.0",
     "@imtbl/checkout-widgets": "0.0.0",
     "@imtbl/config": "0.0.0",

diff --git a/packages/checkout/widgets-lib/package.json b/packages/checkout/widgets-lib/package.json
@@ -14,8 +14,8 @@
     ]
   },
   "dependencies": {
-    "@biom3/design-tokens": "0.2.9",
-    "@biom3/react": "^0.19.34",
+    "@biom3/design-tokens": "^0.2.10",
+    "@biom3/react": "^0.19.40",
     "@ethersproject/providers": "^5.7.2",
     "@imtbl/bridge-sdk": "0.0.0",
     "@imtbl/checkout-sdk": "0.0.0",

diff --git a/packages/checkout/widgets-lib/src/widgets/bridge/components/BridgeReviewSummary.tsx b/packages/checkout/widgets-lib/src/widgets/bridge/components/BridgeReviewSummary.tsx
@@ -36,7 +36,6 @@ import {
   bridgeReviewWrapperStyles,
   gasAmountHeadingStyles,
   topMenuItemStyles,
-  walletLogoStyles,
 } from './BridgeReviewSummaryStyles';
 import { BridgeContext } from '../context/BridgeContext';
 import { ViewActions, ViewContext } from '../../../context/view-context/ViewContext';
@@ -248,7 +247,7 @@ export function BridgeReviewSummary() {
         {fromWalletProviderName && (
           <MenuItem.FramedLogo
             logo={logo[fromWalletProviderName] as any}
-            sx={walletLogoStyles(fromWalletProviderName)}
+            sx={{ backgroundColor: 'base.color.translucent.standard.200' }}
           />
         )}
         <MenuItem.Label>
@@ -285,7 +284,7 @@ export function BridgeReviewSummary() {
         {toWalletProviderName && (
           <MenuItem.FramedLogo
             logo={logo[toWalletProviderName] as any}
-            sx={walletLogoStyles(toWalletProviderName)}
+            sx={{ backgroundColor: 'base.color.translucent.standard.200' }}
           />
         )}
         <MenuItem.Label>

diff --git a/packages/checkout/widgets-lib/src/widgets/bridge/components/BridgeReviewSummaryStyles.ts b/packages/checkout/widgets-lib/src/widgets/bridge/components/BridgeReviewSummaryStyles.ts
@@ -1,5 +1,3 @@
-import { WalletProviderName } from '@imtbl/checkout-sdk';
-
 export const topMenuItemStyles = {
   borderBottomLeftRadius: '0px',
   borderBottomRightRadius: '0px',
@@ -36,13 +34,6 @@ export const arrowIconStyles = {
   transform: 'rotate(270deg)',
 };
 
-export const walletLogoStyles = (walletName: WalletProviderName) => ({
-  minWidth: 'base.icon.size.400',
-  padding: walletName === WalletProviderName.PASSPORT ? 'base.spacing.x1' : '',
-  backgroundColor: 'base.color.translucent.standard.200',
-  borderRadius: 'base.borderRadius.x2',
-});
-
 export const gasAmountHeadingStyles = {
   marginBottom: 'base.spacing.x4',
   color: 'base.color.text.secondary',

diff --git a/packages/checkout/widgets-lib/src/widgets/bridge/components/WalletItem.tsx b/packages/checkout/widgets-lib/src/widgets/bridge/components/WalletItem.tsx
@@ -2,7 +2,6 @@ import { WalletProviderName } from '@imtbl/checkout-sdk';
 import { MenuItem } from '@biom3/react';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { walletItemLogoStyles } from './WalletItemStyles';
 
 export interface WalletItemProps {
   testId: string;
@@ -42,7 +41,7 @@ export function WalletItem({
     >
       <MenuItem.FramedLogo
         logo={logo[walletProviderName] as any}
-        sx={walletItemLogoStyles}
+        sx={{ backgroundColor: 'base.color.translucent.standard.200' }}
       />
       <MenuItem.Label size="medium">
         {t(`wallets.${walletProviderName}.heading`)}

diff --git a/packages/checkout/widgets-lib/src/widgets/bridge/components/WalletItemStyles.ts b/packages/checkout/widgets-lib/src/widgets/bridge/components/WalletItemStyles.ts
diff --git a/packages/checkout/widgets-lib/src/widgets/connect/components/WalletItem.tsx b/packages/checkout/widgets-lib/src/widgets/connect/components/WalletItem.tsx
@@ -24,12 +24,7 @@ export function WalletItem(props: WalletProps) {
     >
       <MenuItem.FramedLogo
         logo={logo[wallet.walletProviderName] as any}
-        sx={{
-          minWidth: 'base.icon.size.500',
-          padding: 'base.spacing.x1',
-          backgroundColor: 'base.color.translucent.standard.100',
-          borderRadius: 'base.borderRadius.x2',
-        }}
+        sx={{ backgroundColor: 'base.color.translucent.standard.200' }}
       />
       <MenuItem.Label size="medium">
         {t(`wallets.${wallet.walletProviderName}.heading`)}

diff --git a/packages/checkout/widgets-sample-app/package.json b/packages/checkout/widgets-sample-app/package.json
@@ -14,8 +14,8 @@
     ]
   },
   "dependencies": {
-    "@biom3/design-tokens": "0.2.9",
-    "@biom3/react": "^0.19.34",
+    "@biom3/design-tokens": "^0.2.10",
+    "@biom3/react": "^0.19.40",
     "@imtbl/checkout-sdk": "0.0.0",
     "@imtbl/checkout-widgets": "0.0.0",
     "@imtbl/config": "0.0.0",

diff --git a/packages/config/package.json b/packages/config/package.json
@@ -6,12 +6,12 @@
   "bugs": "https://github.com/immutable/ts-immutable-sdk/issues",
   "dependencies": {
     "@imtbl/core-sdk": "^2.4.0",
-    "@magic-ext/oidc": "^4.2.0",
+    "@magic-ext/oidc": "4.2.0",
     "@metamask/detect-provider": "^2.0.0",
     "axios": "^1.6.5",
     "ethers": "^5.7.2",
     "magic-sdk": "^21.2.0",
-    "oidc-client-ts": "^2.2.1"
+    "oidc-client-ts": "2.2.1"
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^11.0.0",

diff --git a/packages/internal/toolkit/package.json b/packages/internal/toolkit/package.json
@@ -9,14 +9,14 @@
     "@ethersproject/providers": "^5.7.2",
     "@ethersproject/wallet": "^5.7.0",
     "@imtbl/core-sdk": "^2.4.0",
-    "@magic-ext/oidc": "^4.2.0",
+    "@magic-ext/oidc": "4.2.0",
     "@metamask/detect-provider": "^2.0.0",
     "axios": "^1.6.5",
     "bn.js": "^5.2.1",
     "enc-utils": "^3.0.0",
     "ethers": "^5.7.2",
     "magic-sdk": "^21.2.0",
-    "oidc-client-ts": "^2.2.1"
+    "oidc-client-ts": "2.2.1"
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^11.0.0",

diff --git a/packages/passport/sdk-sample-app/package.json b/packages/passport/sdk-sample-app/package.json
@@ -2,8 +2,8 @@
   "name": "@imtbl/passport-sdk-sample-app",
   "version": "0.1.0",
   "dependencies": {
-    "@biom3/design-tokens": "0.2.9",
-    "@biom3/react": "^0.19.34",
+    "@biom3/design-tokens": "^0.2.10",
+    "@biom3/react": "^0.19.40",
     "@imtbl/config": "0.0.0",
     "@imtbl/core-sdk": "^2.4.0",
     "@imtbl/immutablex-client": "0.0.0",

diff --git a/packages/passport/sdk/package.json b/packages/passport/sdk/package.json
@@ -15,13 +15,13 @@
     "@imtbl/immutablex-client": "0.0.0",
     "@imtbl/provider": "0.0.0",
     "@imtbl/toolkit": "0.0.0",
-    "@magic-ext/oidc": "^4.2.0",
+    "@magic-ext/oidc": "4.2.0",
     "@metamask/detect-provider": "^2.0.0",
     "axios": "^1.6.5",
     "ethers": "^5.7.2",
     "jwt-decode": "^3.1.2",
     "magic-sdk": "^21.2.0",
-    "oidc-client-ts": "^2.2.1"
+    "oidc-client-ts": "2.2.1"
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^11.0.0",

diff --git a/packages/provider/package.json b/packages/provider/package.json
@@ -8,12 +8,12 @@
     "@imtbl/config": "0.0.0",
     "@imtbl/core-sdk": "^2.4.0",
     "@imtbl/toolkit": "0.0.0",
-    "@magic-ext/oidc": "^4.2.0",
+    "@magic-ext/oidc": "4.2.0",
     "@metamask/detect-provider": "^2.0.0",
     "axios": "^1.6.5",
     "ethers": "^5.7.2",
     "magic-sdk": "^21.2.0",
-    "oidc-client-ts": "^2.2.1"
+    "oidc-client-ts": "2.2.1"
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^11.0.0",

diff --git a/packages/provider/src/sample-app/package.json b/packages/provider/src/sample-app/package.json
@@ -14,7 +14,7 @@
     ]
   },
   "dependencies": {
-    "@biom3/react": "^0.19.34",
+    "@biom3/react": "^0.19.40",
     "@imtbl/core-sdk": "^2.4.0",
     "@imtbl/sdk": "0.0.0",
     "@testing-library/jest-dom": "^5.16.5",

diff --git a/sdk/package.json b/sdk/package.json
@@ -8,16 +8,16 @@
   "dependencies": {
     "@0xsequence/abi": "^1.4.3",
     "@0xsequence/core": "^1.4.3",
-    "@biom3/design-tokens": "0.2.9",
-    "@biom3/react": "^0.19.34",
+    "@biom3/design-tokens": "^0.2.10",
+    "@biom3/react": "^0.19.40",
     "@ethersproject/abi": "^5.7.0",
     "@ethersproject/abstract-signer": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
     "@ethersproject/wallet": "^5.7.0",
     "@imtbl/core-sdk": "^2.4.0",
     "@imtbl/react-analytics": "0.2.1-alpha",
     "@jest/globals": "^29.5.0",
-    "@magic-ext/oidc": "^4.2.0",
+    "@magic-ext/oidc": "4.2.0",
     "@metamask/detect-provider": "^2.0.0",
     "@opensea/seaport-js": "2.0.7",
     "@uniswap/router-sdk": "^1.4.0",
@@ -35,7 +35,7 @@
     "i18next-browser-languagedetector": "^7.2.0",
     "jwt-decode": "^3.1.2",
     "magic-sdk": "^21.2.0",
-    "oidc-client-ts": "^2.2.1",
+    "oidc-client-ts": "2.2.1",
     "os-browserify": "^0.3.0",
     "pako": "^2.1.0",
     "react-i18next": "^13.5.0",
@@ -127,7 +127,7 @@
   },
   "repository": "immutable/ts-immutable-sdk.git",
   "resolutions": {
-    "@biom3/design-tokens": "0.2.9",
+    "@biom3/design-tokens": "^0.2.10",
     "@openzeppelin/contracts": "3.4.2-solc-0.7"
   },
   "scripts": {