Removing walletContent styles

0xsequence · May 3, 2024 · d7fc893 · d7fc893
1 parent 5e6bc4d
commit d7fc893
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 42 deletions.
diff --git a/packages/checkout/src/shared/components/KitCheckoutProvider.tsx b/packages/checkout/src/shared/components/KitCheckoutProvider.tsx
@@ -9,7 +9,6 @@ import { PendingTransaction, TransactionError, TransactionSuccess, CheckoutSelec
 import { History, Navigation, NavigationContextProvider, CheckoutModalContextProvider, CheckoutSettings } from '../../contexts'
 
 import { NavigationHeader } from '../../shared/components/NavigationHeader'
-import * as sharedStyles from '../../shared/styles.css'
 
 import '@0xsequence/design-system/styles.css'
 
@@ -105,7 +104,7 @@ export const KitCheckoutContent = ({ children }: KitCheckoutProvider) => {
                   backdropColor="backgroundBackdrop"
                   onClose={() => setOpenCheckoutModal(false)}
                 >
-                  <Box id="sequence-kit-checkout-content" className={sharedStyles.walletContent}>
+                  <Box id="sequence-kit-checkout-content">
                     {getHeader()}
                     {getContent()}
                   </Box>

diff --git a/packages/checkout/src/shared/styles.css.ts b/packages/checkout/src/shared/styles.css.ts
diff --git a/packages/kit/src/components/KitProvider/index.tsx b/packages/kit/src/components/KitProvider/index.tsx
@@ -202,7 +202,7 @@ export const KitProvider = (props: KitConnectProviderProps) => {
                           }}
                           onClose={() => setOpenConnectModal(false)}
                         >
-                          <Box padding="4" className={sharedStyles.walletContent}>
+                          <Box padding="4">
                             <Box
                               justifyContent="center"
                               color="text100"
@@ -256,7 +256,7 @@ export const KitProvider = (props: KitConnectProviderProps) => {
                             rejectPendingRequest('')
                           }}
                         >
-                          <Box paddingX="4" paddingTop="4" paddingBottom="2" className={sharedStyles.walletContent}>
+                          <Box paddingX="4" paddingTop="4" paddingBottom="2">
                             <Box
                               flexDirection="column"
                               justifyContent="center"

diff --git a/packages/kit/src/components/styles.css.ts b/packages/kit/src/components/styles.css.ts
@@ -39,18 +39,6 @@ globalStyle(`${walletLogoContainerExtended} svg`, {
   width: '30px'
 })
 
-export const walletContent = style({})
-
-// // Will affect the close button in the modal
-// globalStyle(`${walletContent} + button`, {
-//   backgroundColor: 'transparent'
-// })
-
-// globalStyle(`${walletContent} + button > svg`, {
-//   width: '20px',
-//   height: '20px'
-// })
-
 export const googleWaasButtonContainer = style({})
 
 globalStyle(`${googleWaasButtonContainer}`, {

diff --git a/packages/wallet/src/shared/KitWalletProvider/index.tsx b/packages/wallet/src/shared/KitWalletProvider/index.tsx
@@ -106,7 +106,7 @@ export const KitWalletContent = ({ children }: KitWalletProviderProps) => {
                   backdropColor="backgroundBackdrop"
                   onClose={() => setOpenWalletModal(false)}
                 >
-                  <Box className={styles.walletContent} id="sequence-kit-wallet-content">
+                  <Box id="sequence-kit-wallet-content">
                     {getHeader(navigation)}
 
                     {displayScrollbar ? (

diff --git a/packages/wallet/src/shared/styles.css.ts b/packages/wallet/src/shared/styles.css.ts
@@ -15,15 +15,3 @@ export const scrollbar = style({
     overflowY: 'scroll'
   }
 })
-
-export const walletContent = style({})
-
-// // Will affect the close button in the modal
-// globalStyle(`${walletContent} + button`, {
-//   backgroundColor: 'transparent'
-// })
-
-// globalStyle(`${walletContent} + button > svg`, {
-//   width: '20px',
-//   height: '20px'
-// })