diff --git a/examples/react/src/config.ts b/examples/react/src/config.ts index 70b3a3402..0eef463a1 100644 --- a/examples/react/src/config.ts +++ b/examples/react/src/config.ts @@ -108,7 +108,13 @@ export const config = }, walletConnect: { projectId: walletConnectProjectId - } + }, + additionalWallets: [ + immutable({ + passportInstance, + environment: Environment.SANDBOX + }) + ] }) : createConfig('universal', { ...connectConfig, diff --git a/packages/connect/src/config/defaultConnectors.ts b/packages/connect/src/config/defaultConnectors.ts index d20ca2541..91674ed9b 100644 --- a/packages/connect/src/config/defaultConnectors.ts +++ b/packages/connect/src/config/defaultConnectors.ts @@ -193,6 +193,10 @@ export const getDefaultWaasConnectors = (options: DefaultWaasConnectorOptions): ) } + if (options?.additionalWallets && options?.additionalWallets.length > 0) { + wallets.push(...options.additionalWallets) + } + return getConnectWallets(projectAccessKey, wallets) } diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts index 3965d605a..b7ebd83b6 100644 --- a/packages/connect/src/styles.ts +++ b/packages/connect/src/styles.ts @@ -302,6 +302,9 @@ export const styles = String.raw` .my-4 { margin-block: calc(var(--spacing) * 4); } + .mt-0 { + margin-top: calc(var(--spacing) * 0); + } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } @@ -383,6 +386,9 @@ export const styles = String.raw` .inline-flex { display: inline-flex; } + .table { + display: table; + } .aspect-square { aspect-ratio: 1 / 1; } @@ -476,6 +482,9 @@ export const styles = String.raw` .min-h-full { min-height: 100%; } + .w-1 { + width: calc(var(--spacing) * 1); + } .w-1\/2 { width: calc(1/2 * 100%); } @@ -551,6 +560,9 @@ export const styles = String.raw` .w-screen { width: 100vw; } + .max-w-1 { + max-width: calc(var(--spacing) * 1); + } .max-w-1\/2 { max-width: calc(1/2 * 100%); } @@ -575,12 +587,21 @@ export const styles = String.raw` .min-w-full { min-width: 100%; } + .flex-shrink { + flex-shrink: 1; + } .shrink-0 { flex-shrink: 0; } + .flex-grow { + flex-grow: 1; + } .grow { flex-grow: 1; } + .border-collapse { + border-collapse: collapse; + } .origin-top { transform-origin: top; } @@ -922,6 +943,9 @@ export const styles = String.raw` .pt-0 { padding-top: calc(var(--spacing) * 0); } + .pt-1 { + padding-top: calc(var(--spacing) * 1); + } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } @@ -1191,6 +1215,9 @@ export const styles = String.raw` .ring-border-normal { --tw-ring-color: var(--seq-color-border-normal); } + .ring-white { + --tw-ring-color: var(--color-white); + } .ring-white\/10 { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } @@ -1226,6 +1253,10 @@ export const styles = String.raw` -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } + .backdrop-filter { + -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); + } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));