diff --git a/packages/connect/src/components/Connect/Connect.tsx b/packages/connect/src/components/Connect/Connect.tsx index 4a11181a5..7ae9f815d 100644 --- a/packages/connect/src/components/Connect/Connect.tsx +++ b/packages/connect/src/components/Connect/Connect.tsx @@ -50,7 +50,7 @@ import { XWaasConnectButton } from '../ConnectButton/index.js' import type { SequenceConnectProviderProps } from '../SequenceConnectProvider/index.js' -import { PoweredBySequence } from '../SequenceLogo/index.js' +import { PoweredByPolygon } from '../PolygonBrand/index.js' import { Banner } from './Banner.js' import { ConnectedWallets } from './ConnectedWallets.js' @@ -901,7 +901,7 @@ export const Connect = (props: ConnectProps) => {
- +
) @@ -1120,7 +1120,7 @@ export const Connect = (props: ConnectProps) => { )}
- +
)} diff --git a/packages/connect/src/components/PolygonBrand/PolygonLogo.tsx b/packages/connect/src/components/PolygonBrand/PolygonLogo.tsx new file mode 100644 index 000000000..c8b13a015 --- /dev/null +++ b/packages/connect/src/components/PolygonBrand/PolygonLogo.tsx @@ -0,0 +1,14 @@ +export const PolygonLogo = () => { + return ( + + + + + + + ) +} diff --git a/packages/connect/src/components/PolygonBrand/PoweredByPolygon.tsx b/packages/connect/src/components/PolygonBrand/PoweredByPolygon.tsx new file mode 100644 index 000000000..d9635c91c --- /dev/null +++ b/packages/connect/src/components/PolygonBrand/PoweredByPolygon.tsx @@ -0,0 +1,23 @@ +import { Text } from '@0xsequence/design-system' + +import { PolygonLogo } from './PolygonLogo.js' + +export const PoweredByPolygon = () => { + return ( +
{ + if (typeof window !== 'undefined') { + window.open('https://polygon.technology') + } + }} + > + + Powered by + +
+ +
+
+ ) +} diff --git a/packages/connect/src/components/PolygonBrand/index.ts b/packages/connect/src/components/PolygonBrand/index.ts new file mode 100644 index 000000000..77a90d5f5 --- /dev/null +++ b/packages/connect/src/components/PolygonBrand/index.ts @@ -0,0 +1,2 @@ +export { PoweredByPolygon } from './PoweredByPolygon.js' +export { PolygonLogo } from './PolygonLogo.js' diff --git a/packages/connect/src/components/SequenceConnectInlineProvider/SequenceConnectInlineProvider.tsx b/packages/connect/src/components/SequenceConnectInlineProvider/SequenceConnectInlineProvider.tsx index d1b0eaf83..fa4f70a03 100644 --- a/packages/connect/src/components/SequenceConnectInlineProvider/SequenceConnectInlineProvider.tsx +++ b/packages/connect/src/components/SequenceConnectInlineProvider/SequenceConnectInlineProvider.tsx @@ -38,7 +38,7 @@ import { EpicAuthProvider } from '../EpicAuthProvider/index.js' import { JsonTreeViewer } from '../JsonTreeViewer.js' import { NetworkBadge } from '../NetworkBadge/index.js' import { PageHeading } from '../PageHeading/index.js' -import { PoweredBySequence } from '../SequenceLogo/index.js' +import { PoweredByPolygon } from '../PolygonBrand/index.js' import { ShadowRoot } from '../ShadowRoot/index.js' import { SocialLink } from '../SocialLink/SocialLink.js' import { TxnDetails } from '../TxnDetails/index.js' @@ -379,7 +379,7 @@ export const SequenceConnectInlineProvider = (props: SequenceConnectInlineProvid
- +
diff --git a/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx b/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx index 6df1b9a44..18bd658e1 100644 --- a/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx +++ b/packages/connect/src/components/SequenceConnectProvider/SequenceConnectProvider.tsx @@ -36,7 +36,7 @@ import { EpicAuthProvider } from '../EpicAuthProvider/index.js' import { JsonTreeViewer } from '../JsonTreeViewer.js' import { NetworkBadge } from '../NetworkBadge/index.js' import { PageHeading } from '../PageHeading/index.js' -import { PoweredBySequence } from '../SequenceLogo/index.js' +import { PoweredByPolygon } from '../PolygonBrand/index.js' import { ShadowRoot } from '../ShadowRoot/index.js' import { SocialLink } from '../SocialLink/SocialLink.js' import { TxnDetails } from '../TxnDetails/index.js' @@ -375,7 +375,7 @@ export const SequenceConnectProvider = (props: SequenceConnectProviderProps) =>
- +
diff --git a/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx b/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx deleted file mode 100644 index 596d65a1f..000000000 --- a/packages/connect/src/components/SequenceLogo/PoweredBySequence.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import { Text } from '@0xsequence/design-system' - -import { SequenceLogo } from './SequenceLogo.js' - -export const PoweredBySequence = () => { - return ( -
{ - if (typeof window !== 'undefined') { - window.open('https://sequence.xyz') - } - }} - > - - Powered by - -
- -
-
- ) -} diff --git a/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx b/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx deleted file mode 100644 index 6cbc61397..000000000 --- a/packages/connect/src/components/SequenceLogo/SequenceLogo.tsx +++ /dev/null @@ -1,77 +0,0 @@ -export const SequenceLogo = () => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - ) -} diff --git a/packages/connect/src/components/SequenceLogo/index.ts b/packages/connect/src/components/SequenceLogo/index.ts deleted file mode 100644 index 6150da07e..000000000 --- a/packages/connect/src/components/SequenceLogo/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export { PoweredBySequence } from './PoweredBySequence.js' -export { SequenceLogo } from './SequenceLogo.js' diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts index 6e79c2a54..2c5d57976 100644 --- a/packages/connect/src/styles.ts +++ b/packages/connect/src/styles.ts @@ -819,9 +819,6 @@ export const styles = String.raw` .w-\[56px\] { width: 56px; } - .w-\[80px\] { - width: 80px; - } .w-\[100px\] { width: 100px; } @@ -897,6 +894,9 @@ export const styles = String.raw` .flex-1 { flex: 1; } + .flex-none { + flex: none; + } .flex-shrink { flex-shrink: 1; }