diff --git a/.changeset/violet-views-bet.md b/.changeset/violet-views-bet.md
new file mode 100644
index 000000000..7c7e2f738
--- /dev/null
+++ b/.changeset/violet-views-bet.md
@@ -0,0 +1,11 @@
+---
+'@relayprotocol/relay-kit-ui': major
+'@relayprotocol/relay-kit-hooks': minor
+'@relayprotocol/relay-bitcoin-wallet-adapter': patch
+'@relayprotocol/relay-ethers-wallet-adapter': patch
+'@relayprotocol/relay-sui-wallet-adapter': patch
+'@relayprotocol/relay-svm-wallet-adapter': patch
+'@relayprotocol/relay-sdk': patch
+---
+
+Update relay branding
diff --git a/README.md b/README.md
index 111b8fe11..049f2a7dc 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
-This SDK facilitates interacting with Reservoir's Relay infrastructure. Learn more about Relay by checking out the docs .
+This SDK facilitates interacting with the Relay protocol. Learn more about Relay by checking out the docs .
Head over to the sdk docs to learn more about configuring and using the SDK in your application.
@@ -19,10 +19,10 @@ Your contributions are what make the community great. We encourage you to be a p
**We use `changesets` to manage versioning and changelog generation.**
-
When contributing, please run `pnpm package:change` to create a changeset for your modifications. Be sure to include a descriptive summary for your changes; it helps us understand your contribution and makes the release process smoother.
Learn more about changesets [here](https://github.com/atlassian/changesets).
+
#### Getting Started
Before you start, make sure to familiarize yourself with the SDK's architecture and design principles by reading the [SDK documentation](https://docs.relay.link/references/sdk/getting-started). This will help you make meaningful contributions that align with the project's goals.
@@ -31,11 +31,10 @@ Before you start, make sure to familiarize yourself with the SDK's architecture
When you're ready to contribute, submit a pull request with your changes. Our team will review your submission as soon as possible.
-
---
- Home • Documentation • GitHub
+ Home • Documentation • GitHub
- Made with ♥ by the team @ Reservoir
+ Made with ♥ by the team @ Relay
diff --git a/demo/fonts.css b/demo/fonts.css
index fac030551..12f5456b7 100644
--- a/demo/fonts.css
+++ b/demo/fonts.css
@@ -7,204 +7,4 @@ html,
body,
#__next {
height: 100%;
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 100;
- font-display: swap;
- src: url('/fonts/inter/Inter-Thin.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-Thin.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 100;
- font-display: swap;
- src: url('/fonts/inter/Inter-ThinItalic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-ThinItalic.woff?v=3.19') format('woff');
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 200;
- font-display: swap;
- src: url('/fonts/inter/Inter-ExtraLight.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-ExtraLight.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 200;
- font-display: swap;
- src: url('/fonts/inter/Inter-ExtraLightItalic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-ExtraLightItalic.woff?v=3.19') format('woff');
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 300;
- font-display: swap;
- src: url('/fonts/inter/Inter-Light.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-Light.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 300;
- font-display: swap;
- src: url('/fonts/inter/Inter-LightItalic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-LightItalic.woff?v=3.19') format('woff');
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url('/fonts/inter/Inter-Regular.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-Regular.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 400;
- font-display: swap;
- src: url('/fonts/inter/Inter-Italic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-Italic.woff?v=3.19') format('woff');
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 500;
- font-display: swap;
- src: url('/fonts/inter/Inter-Medium.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-Medium.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 500;
- font-display: swap;
- src: url('/fonts/inter/Inter-MediumItalic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-MediumItalic.woff?v=3.19') format('woff');
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 600;
- font-display: swap;
- src: url('/fonts/inter/Inter-SemiBold.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-SemiBold.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 600;
- font-display: swap;
- src: url('/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-SemiBoldItalic.woff?v=3.19') format('woff');
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url('/fonts/inter/Inter-Bold.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-Bold.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 700;
- font-display: swap;
- src: url('/fonts/inter/Inter-BoldItalic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-BoldItalic.woff?v=3.19') format('woff');
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 800;
- font-display: swap;
- src: url('/fonts/inter/Inter-ExtraBold.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-ExtraBold.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 800;
- font-display: swap;
- src: url('/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.19') format('woff');
-}
-
-@font-face {
- font-family: 'Inter';
- font-style: normal;
- font-weight: 900;
- font-display: swap;
- src: url('/fonts/inter/Inter-Black.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-Black.woff?v=3.19') format('woff');
-}
-@font-face {
- font-family: 'Inter';
- font-style: italic;
- font-weight: 900;
- font-display: swap;
- src: url('/fonts/inter/Inter-BlackItalic.woff2?v=3.19') format('woff2'),
- url('/fonts/inter/Inter-BlackItalic.woff?v=3.19') format('woff');
-}
-
-/* -------------------------------------------------------
-Variable font.
-Usage:
-
- html { font-family: 'Inter', sans-serif; }
- @supports (font-variation-settings: normal) {
- html { font-family: 'Inter var', sans-serif; }
- }
-*/
-@font-face {
- font-family: 'Inter var';
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: 'Regular';
- src: url('/fonts/inter/Inter-roman.var.woff2?v=3.19') format('woff2');
-}
-@font-face {
- font-family: 'Inter var';
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: 'Italic';
- src: url('/fonts/inter/Inter-italic.var.woff2?v=3.19') format('woff2');
-}
-
-/* --------------------------------------------------------------------------
-[EXPERIMENTAL] Multi-axis, single variable font.
-
-Slant axis is not yet widely supported (as of February 2019) and thus this
-multi-axis single variable font is opt-in rather than the default.
-
-When using this, you will probably need to set font-variation-settings
-explicitly, e.g.
-
- * { font-variation-settings: "slnt" 0deg }
- .italic { font-variation-settings: "slnt" 10deg }
-
-*/
-@font-face {
- font-family: 'Inter var experimental';
- font-weight: 100 900;
- font-display: swap;
- font-style: oblique 0deg 10deg;
- src: url('/fonts/inter/Inter.var.woff2?v=3.19') format('woff2');
-}
+}
\ No newline at end of file
diff --git a/demo/package.json b/demo/package.json
index 8a4e8ca2a..649072410 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -14,6 +14,7 @@
"trailingComma": "none"
},
"dependencies": {
+ "@dynamic-labs-connectors/abstract-global-wallet-evm": "4.3.1",
"@dynamic-labs/bitcoin": "4.22.2",
"@dynamic-labs/eclipse": "4.22.2",
"@dynamic-labs/ethereum": "4.22.2",
@@ -23,7 +24,7 @@
"@dynamic-labs/sui": "4.22.2",
"@dynamic-labs/utils": "4.22.2",
"@dynamic-labs/wagmi-connector": "4.22.2",
- "@dynamic-labs-connectors/abstract-global-wallet-evm": "4.3.1",
+ "@moonpay/moonpay-react": "^1.8.3",
"@privy-io/cross-app-connect": "0.2.2",
"@radix-ui/colors": "^0.1.8",
"@relayprotocol/relay-bitcoin-wallet-adapter": "workspace:*",
@@ -42,8 +43,7 @@
"react-dom": "^18.0.0",
"usehooks-ts": "^3.1.0",
"viem": ">=2.26.0",
- "wagmi": "^2.15.6",
- "@moonpay/moonpay-react": "^1.8.3"
+ "wagmi": "^2.15.6"
},
"devDependencies": {
"@dynamic-labs/types": "4.10.4",
diff --git a/demo/pages/_app.tsx b/demo/pages/_app.tsx
index 31c247ec8..572e45763 100644
--- a/demo/pages/_app.tsx
+++ b/demo/pages/_app.tsx
@@ -34,6 +34,21 @@ import { AbstractEvmWalletConnectors } from '@dynamic-labs-connectors/abstract-g
import { MoonPayProvider } from 'context/MoonpayProvider'
import { queryRelayChains } from '@relayprotocol/relay-kit-hooks'
import { RelayKitProviderWrapper } from 'components/providers/RelayKitProviderWrapper'
+import { Barlow, Chivo } from 'next/font/google'
+
+export const chivo = Chivo({
+ weight: ['700', '800'],
+ display: 'swap',
+ subsets: ['latin'],
+ variable: '--font-chivo'
+})
+
+export const barlow = Barlow({
+ weight: ['400', '500', '600', '700'],
+ display: 'swap',
+ subsets: ['latin'],
+ variable: '--font-barlow'
+})
type AppWrapperProps = {
children: ReactNode
@@ -86,60 +101,79 @@ const AppWrapper: FC = ({ children, dynamicChains }) => {
)
})
+ useEffect(() => {
+ if (document) {
+ const styleElement = document.createElement('style')
+
+ styleElement.textContent = `
+ :root {
+ --font-chivo: ${chivo.style.fontFamily};
+ --font-barlow: ${barlow.style.fontFamily};
+ }
+ `
+
+ document.body.appendChild(styleElement)
+ }
+ }, [])
+
return (
-
-
+
-
+ {
- return (dynamicChains ?? [])
- .filter((chain) => chain.vmType === 'evm')
- .map((chain) => {
- return convertRelayChainToDynamicNetwork(chain)
- })
+ walletsFilter: walletFilter
+ ? FilterChain(walletFilter)
+ : undefined,
+ overrides: {
+ evmNetworks: () => {
+ return (dynamicChains ?? [])
+ .filter((chain) => chain.vmType === 'evm')
+ .map((chain) => {
+ return convertRelayChainToDynamicNetwork(chain)
+ })
+ }
+ },
+ initialAuthenticationMode: 'connect-only',
+ events: {
+ onAuthFlowClose: () => {
+ setWalletFilter(undefined)
+ }
}
- },
- initialAuthenticationMode: 'connect-only',
- events: {
- onAuthFlowClose: () => {
- setWalletFilter(undefined)
- }
- }
- }}
- >
-
-
- {children}
-
-
-
-
-
+ }}
+ >
+
+
+ {children}
+
+
+
+
+
+
)
}
diff --git a/demo/public/fonts/inter/Inter-Black.woff b/demo/public/fonts/inter/Inter-Black.woff
deleted file mode 100644
index a18593a09..000000000
Binary files a/demo/public/fonts/inter/Inter-Black.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Black.woff2 b/demo/public/fonts/inter/Inter-Black.woff2
deleted file mode 100644
index 68f64c9ed..000000000
Binary files a/demo/public/fonts/inter/Inter-Black.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-BlackItalic.woff b/demo/public/fonts/inter/Inter-BlackItalic.woff
deleted file mode 100644
index b6b01943d..000000000
Binary files a/demo/public/fonts/inter/Inter-BlackItalic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-BlackItalic.woff2 b/demo/public/fonts/inter/Inter-BlackItalic.woff2
deleted file mode 100644
index 1c9c7ca8b..000000000
Binary files a/demo/public/fonts/inter/Inter-BlackItalic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Bold.woff b/demo/public/fonts/inter/Inter-Bold.woff
deleted file mode 100644
index eaf3d4bfd..000000000
Binary files a/demo/public/fonts/inter/Inter-Bold.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Bold.woff2 b/demo/public/fonts/inter/Inter-Bold.woff2
deleted file mode 100644
index 2846f29cc..000000000
Binary files a/demo/public/fonts/inter/Inter-Bold.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-BoldItalic.woff b/demo/public/fonts/inter/Inter-BoldItalic.woff
deleted file mode 100644
index 327507616..000000000
Binary files a/demo/public/fonts/inter/Inter-BoldItalic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-BoldItalic.woff2 b/demo/public/fonts/inter/Inter-BoldItalic.woff2
deleted file mode 100644
index 0b1fe8e12..000000000
Binary files a/demo/public/fonts/inter/Inter-BoldItalic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ExtraBold.woff b/demo/public/fonts/inter/Inter-ExtraBold.woff
deleted file mode 100644
index c2c17edea..000000000
Binary files a/demo/public/fonts/inter/Inter-ExtraBold.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ExtraBold.woff2 b/demo/public/fonts/inter/Inter-ExtraBold.woff2
deleted file mode 100644
index c24c2bdc2..000000000
Binary files a/demo/public/fonts/inter/Inter-ExtraBold.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ExtraBoldItalic.woff b/demo/public/fonts/inter/Inter-ExtraBoldItalic.woff
deleted file mode 100644
index c42f70526..000000000
Binary files a/demo/public/fonts/inter/Inter-ExtraBoldItalic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ExtraBoldItalic.woff2 b/demo/public/fonts/inter/Inter-ExtraBoldItalic.woff2
deleted file mode 100644
index 4a81dc798..000000000
Binary files a/demo/public/fonts/inter/Inter-ExtraBoldItalic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ExtraLight.woff b/demo/public/fonts/inter/Inter-ExtraLight.woff
deleted file mode 100644
index d0de5f397..000000000
Binary files a/demo/public/fonts/inter/Inter-ExtraLight.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ExtraLight.woff2 b/demo/public/fonts/inter/Inter-ExtraLight.woff2
deleted file mode 100644
index f2ea706fa..000000000
Binary files a/demo/public/fonts/inter/Inter-ExtraLight.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ExtraLightItalic.woff b/demo/public/fonts/inter/Inter-ExtraLightItalic.woff
deleted file mode 100644
index 81f1a28ef..000000000
Binary files a/demo/public/fonts/inter/Inter-ExtraLightItalic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ExtraLightItalic.woff2 b/demo/public/fonts/inter/Inter-ExtraLightItalic.woff2
deleted file mode 100644
index 9af717ba9..000000000
Binary files a/demo/public/fonts/inter/Inter-ExtraLightItalic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Italic.woff b/demo/public/fonts/inter/Inter-Italic.woff
deleted file mode 100644
index a806b3820..000000000
Binary files a/demo/public/fonts/inter/Inter-Italic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Italic.woff2 b/demo/public/fonts/inter/Inter-Italic.woff2
deleted file mode 100644
index a619fc548..000000000
Binary files a/demo/public/fonts/inter/Inter-Italic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Light.woff b/demo/public/fonts/inter/Inter-Light.woff
deleted file mode 100644
index c496464d0..000000000
Binary files a/demo/public/fonts/inter/Inter-Light.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Light.woff2 b/demo/public/fonts/inter/Inter-Light.woff2
deleted file mode 100644
index bc4be6658..000000000
Binary files a/demo/public/fonts/inter/Inter-Light.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-LightItalic.woff b/demo/public/fonts/inter/Inter-LightItalic.woff
deleted file mode 100644
index f84a9de35..000000000
Binary files a/demo/public/fonts/inter/Inter-LightItalic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-LightItalic.woff2 b/demo/public/fonts/inter/Inter-LightItalic.woff2
deleted file mode 100644
index 842b2dfcb..000000000
Binary files a/demo/public/fonts/inter/Inter-LightItalic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Medium.woff b/demo/public/fonts/inter/Inter-Medium.woff
deleted file mode 100644
index d546843f2..000000000
Binary files a/demo/public/fonts/inter/Inter-Medium.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Medium.woff2 b/demo/public/fonts/inter/Inter-Medium.woff2
deleted file mode 100644
index f92498a2e..000000000
Binary files a/demo/public/fonts/inter/Inter-Medium.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-MediumItalic.woff b/demo/public/fonts/inter/Inter-MediumItalic.woff
deleted file mode 100644
index 459a65688..000000000
Binary files a/demo/public/fonts/inter/Inter-MediumItalic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-MediumItalic.woff2 b/demo/public/fonts/inter/Inter-MediumItalic.woff2
deleted file mode 100644
index 0e3019f4a..000000000
Binary files a/demo/public/fonts/inter/Inter-MediumItalic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Regular.woff b/demo/public/fonts/inter/Inter-Regular.woff
deleted file mode 100644
index 62d3a6187..000000000
Binary files a/demo/public/fonts/inter/Inter-Regular.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Regular.woff2 b/demo/public/fonts/inter/Inter-Regular.woff2
deleted file mode 100644
index 6c2b6893d..000000000
Binary files a/demo/public/fonts/inter/Inter-Regular.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-SemiBold.woff b/demo/public/fonts/inter/Inter-SemiBold.woff
deleted file mode 100644
index a815f43a9..000000000
Binary files a/demo/public/fonts/inter/Inter-SemiBold.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-SemiBold.woff2 b/demo/public/fonts/inter/Inter-SemiBold.woff2
deleted file mode 100644
index 611e90c95..000000000
Binary files a/demo/public/fonts/inter/Inter-SemiBold.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-SemiBoldItalic.woff b/demo/public/fonts/inter/Inter-SemiBoldItalic.woff
deleted file mode 100644
index 909e43a97..000000000
Binary files a/demo/public/fonts/inter/Inter-SemiBoldItalic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-SemiBoldItalic.woff2 b/demo/public/fonts/inter/Inter-SemiBoldItalic.woff2
deleted file mode 100644
index 545685bd2..000000000
Binary files a/demo/public/fonts/inter/Inter-SemiBoldItalic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Thin.woff b/demo/public/fonts/inter/Inter-Thin.woff
deleted file mode 100644
index 62bc58cd1..000000000
Binary files a/demo/public/fonts/inter/Inter-Thin.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-Thin.woff2 b/demo/public/fonts/inter/Inter-Thin.woff2
deleted file mode 100644
index abbc3a5c9..000000000
Binary files a/demo/public/fonts/inter/Inter-Thin.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ThinItalic.woff b/demo/public/fonts/inter/Inter-ThinItalic.woff
deleted file mode 100644
index 700a7f069..000000000
Binary files a/demo/public/fonts/inter/Inter-ThinItalic.woff and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-ThinItalic.woff2 b/demo/public/fonts/inter/Inter-ThinItalic.woff2
deleted file mode 100644
index ab0b2002a..000000000
Binary files a/demo/public/fonts/inter/Inter-ThinItalic.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-italic.var.woff2 b/demo/public/fonts/inter/Inter-italic.var.woff2
deleted file mode 100644
index b826d5af8..000000000
Binary files a/demo/public/fonts/inter/Inter-italic.var.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter-roman.var.woff2 b/demo/public/fonts/inter/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a068..000000000
Binary files a/demo/public/fonts/inter/Inter-roman.var.woff2 and /dev/null differ
diff --git a/demo/public/fonts/inter/Inter.var.woff2 b/demo/public/fonts/inter/Inter.var.woff2
deleted file mode 100644
index 365eedc50..000000000
Binary files a/demo/public/fonts/inter/Inter.var.woff2 and /dev/null differ
diff --git a/demo/public/relay-loader.lottie b/demo/public/relay-loader.lottie
new file mode 100644
index 000000000..e440495e2
Binary files /dev/null and b/demo/public/relay-loader.lottie differ
diff --git a/packages/hooks/CHANGELOG.md b/packages/hooks/CHANGELOG.md
index 58f4e22b8..ab9e0179f 100644
--- a/packages/hooks/CHANGELOG.md
+++ b/packages/hooks/CHANGELOG.md
@@ -1,5 +1,52 @@
# @reservoir0x/relay-kit-hooks
+## 0.0.0-canary-20250822183549
+
+### Patch Changes
+
+- 4395d49: Fix Unverified modal buttons
+- Updated dependencies [4395d49]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822183549
+
+## 0.0.0-canary-20250822181909
+
+### Patch Changes
+
+- cd12eb9: Implement final share link
+- Updated dependencies [cd12eb9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822181909
+
+## 0.0.0-canary-20250820191554
+
+### Patch Changes
+
+- 7badf0a: Sync with main branch
+- Updated dependencies [7badf0a]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191554
+
+## 0.0.0-canary-20250820191315
+
+### Patch Changes
+
+- e3566e9: Sync with the latest main branch
+- Updated dependencies [e3566e9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191315
+
+## 0.0.0-canary-20250814020954
+
+### Patch Changes
+
+- 1d46491: Rebuild canary build
+- Updated dependencies [1d46491]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250814020954
+
+## 0.0.0-canary-20250813132716
+
+### Patch Changes
+
+- Updated dependencies [ef840d0]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250813132716
+
## 1.12.1
### Patch Changes
diff --git a/packages/relay-bitcoin-wallet-adapter/CHANGELOG.md b/packages/relay-bitcoin-wallet-adapter/CHANGELOG.md
index 3aed58012..2f56c114a 100644
--- a/packages/relay-bitcoin-wallet-adapter/CHANGELOG.md
+++ b/packages/relay-bitcoin-wallet-adapter/CHANGELOG.md
@@ -1,5 +1,52 @@
# @reservoir0x/relay-bitcoin-wallet-adapter
+## 0.0.0-canary-20250822183549
+
+### Patch Changes
+
+- 4395d49: Fix Unverified modal buttons
+- Updated dependencies [4395d49]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822183549
+
+## 0.0.0-canary-20250822181909
+
+### Patch Changes
+
+- cd12eb9: Implement final share link
+- Updated dependencies [cd12eb9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822181909
+
+## 0.0.0-canary-20250820191554
+
+### Patch Changes
+
+- 7badf0a: Sync with main branch
+- Updated dependencies [7badf0a]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191554
+
+## 0.0.0-canary-20250820191315
+
+### Patch Changes
+
+- e3566e9: Sync with the latest main branch
+- Updated dependencies [e3566e9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191315
+
+## 0.0.0-canary-20250814020954
+
+### Patch Changes
+
+- 1d46491: Rebuild canary build
+- Updated dependencies [1d46491]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250814020954
+
+## 0.0.0-canary-20250813132716
+
+### Patch Changes
+
+- Updated dependencies [ef840d0]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250813132716
+
## 10.0.1
### Patch Changes
diff --git a/packages/relay-ethers-wallet-adapter/CHANGELOG.md b/packages/relay-ethers-wallet-adapter/CHANGELOG.md
index d8f2392a8..0369aacce 100644
--- a/packages/relay-ethers-wallet-adapter/CHANGELOG.md
+++ b/packages/relay-ethers-wallet-adapter/CHANGELOG.md
@@ -1,5 +1,52 @@
# @reservoir0x/relay-ethers-wallet-adapter
+## 0.0.0-canary-20250822183549
+
+### Patch Changes
+
+- 4395d49: Fix Unverified modal buttons
+- Updated dependencies [4395d49]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822183549
+
+## 0.0.0-canary-20250822181909
+
+### Patch Changes
+
+- cd12eb9: Implement final share link
+- Updated dependencies [cd12eb9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822181909
+
+## 0.0.0-canary-20250820191554
+
+### Patch Changes
+
+- 7badf0a: Sync with main branch
+- Updated dependencies [7badf0a]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191554
+
+## 0.0.0-canary-20250820191315
+
+### Patch Changes
+
+- e3566e9: Sync with the latest main branch
+- Updated dependencies [e3566e9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191315
+
+## 0.0.0-canary-20250814020954
+
+### Patch Changes
+
+- 1d46491: Rebuild canary build
+- Updated dependencies [1d46491]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250814020954
+
+## 0.0.0-canary-20250813132716
+
+### Patch Changes
+
+- Updated dependencies [ef840d0]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250813132716
+
## 22.0.1
### Patch Changes
diff --git a/packages/relay-sui-wallet-adapter/CHANGELOG.md b/packages/relay-sui-wallet-adapter/CHANGELOG.md
index 452ee17d9..057381d11 100644
--- a/packages/relay-sui-wallet-adapter/CHANGELOG.md
+++ b/packages/relay-sui-wallet-adapter/CHANGELOG.md
@@ -1,5 +1,52 @@
# @reservoir0x/relay-sui-wallet-adapter
+## 0.0.0-canary-20250822183549
+
+### Patch Changes
+
+- 4395d49: Fix Unverified modal buttons
+- Updated dependencies [4395d49]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822183549
+
+## 0.0.0-canary-20250822181909
+
+### Patch Changes
+
+- cd12eb9: Implement final share link
+- Updated dependencies [cd12eb9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822181909
+
+## 0.0.0-canary-20250820191554
+
+### Patch Changes
+
+- 7badf0a: Sync with main branch
+- Updated dependencies [7badf0a]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191554
+
+## 0.0.0-canary-20250820191315
+
+### Patch Changes
+
+- e3566e9: Sync with the latest main branch
+- Updated dependencies [e3566e9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191315
+
+## 0.0.0-canary-20250814020954
+
+### Patch Changes
+
+- 1d46491: Rebuild canary build
+- Updated dependencies [1d46491]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250814020954
+
+## 0.0.0-canary-20250813132716
+
+### Patch Changes
+
+- Updated dependencies [ef840d0]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250813132716
+
## 6.0.1
### Patch Changes
diff --git a/packages/relay-svm-wallet-adapter/CHANGELOG.md b/packages/relay-svm-wallet-adapter/CHANGELOG.md
index 858143b5a..6dbba08d6 100644
--- a/packages/relay-svm-wallet-adapter/CHANGELOG.md
+++ b/packages/relay-svm-wallet-adapter/CHANGELOG.md
@@ -1,5 +1,52 @@
# @reservoir0x/relay-svm-wallet-adapter
+## 0.0.0-canary-20250822183549
+
+### Patch Changes
+
+- 4395d49: Fix Unverified modal buttons
+- Updated dependencies [4395d49]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822183549
+
+## 0.0.0-canary-20250822181909
+
+### Patch Changes
+
+- cd12eb9: Implement final share link
+- Updated dependencies [cd12eb9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822181909
+
+## 0.0.0-canary-20250820191554
+
+### Patch Changes
+
+- 7badf0a: Sync with main branch
+- Updated dependencies [7badf0a]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191554
+
+## 0.0.0-canary-20250820191315
+
+### Patch Changes
+
+- e3566e9: Sync with the latest main branch
+- Updated dependencies [e3566e9]
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191315
+
+## 0.0.0-canary-20250814020954
+
+### Patch Changes
+
+- 1d46491: Rebuild canary build
+- Updated dependencies [1d46491]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250814020954
+
+## 0.0.0-canary-20250813132716
+
+### Patch Changes
+
+- Updated dependencies [ef840d0]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250813132716
+
## 11.0.1
### Patch Changes
diff --git a/packages/sdk/CHANGELOG.md b/packages/sdk/CHANGELOG.md
index a4b5b2658..58b768211 100644
--- a/packages/sdk/CHANGELOG.md
+++ b/packages/sdk/CHANGELOG.md
@@ -1,5 +1,41 @@
# @reservoir0x/relay-sdk
+## 0.0.0-canary-20250822183549
+
+### Patch Changes
+
+- 4395d49: Fix Unverified modal buttons
+
+## 0.0.0-canary-20250822181909
+
+### Patch Changes
+
+- cd12eb9: Implement final share link
+
+## 0.0.0-canary-20250820191554
+
+### Patch Changes
+
+- 7badf0a: Sync with main branch
+
+## 0.0.0-canary-20250820191315
+
+### Patch Changes
+
+- e3566e9: Sync with the latest main branch
+
+## 0.0.0-canary-20250814020954
+
+### Patch Changes
+
+- 1d46491: Rebuild canary build
+
+## 0.0.0-canary-20250813132716
+
+### Minor Changes
+
+- ef840d0: Update theme to better match Relay brand
+
## 2.4.1
### Patch Changes
diff --git a/packages/sdk/readme.md b/packages/sdk/readme.md
index 2fc6e86d6..285746d97 100644
--- a/packages/sdk/readme.md
+++ b/packages/sdk/readme.md
@@ -2,7 +2,7 @@
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
-This SDK facilitates interacting with Reservoir's Relay infrastructure. Learn more about Relay by checking out the docs .
+This SDK facilitates interacting with the Relay protocol. Learn more about Relay by checking out the docs .
Head over to the sdk docs to learn more about configuring and using the SDK in your application.
@@ -15,10 +15,10 @@ Your contributions are what make the community great. We encourage you to be a p
**We use `changesets` to manage versioning and changelog generation.**
-
When contributing, please run `pnpm package:change` to create a changeset for your modifications. Be sure to include a descriptive summary for your changes; it helps us understand your contribution and makes the release process smoother.
Learn more about changesets [here](https://github.com/atlassian/changesets).
+
#### Getting Started
Before you start, make sure to familiarize yourself with the SDK's architecture and design principles by reading the [SDK documentation](https://docs.relay.link/references/sdk/getting-started). This will help you make meaningful contributions that align with the project's goals.
@@ -27,11 +27,10 @@ Before you start, make sure to familiarize yourself with the SDK's architecture
When you're ready to contribute, submit a pull request with your changes. Our team will review your submission as soon as possible.
-
---
- Home • Documentation • GitHub
+ Home • Documentation • GitHub
- Made with ♥ by the team @ Reservoir
+ Made with ♥ by the team @ Relay
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index bc0a82aa1..1153bb659 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -1,5 +1,62 @@
# @reservoir0x/relay-kit-ui
+## 0.0.0-canary-20250822183549
+
+### Patch Changes
+
+- 4395d49: Fix Unverified modal buttons
+- Updated dependencies [4395d49]
+ - @relayprotocol/relay-kit-hooks@0.0.0-canary-20250822183549
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822183549
+
+## 0.0.0-canary-20250822181909
+
+### Patch Changes
+
+- cd12eb9: Implement final share link
+- Updated dependencies [cd12eb9]
+ - @relayprotocol/relay-kit-hooks@0.0.0-canary-20250822181909
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250822181909
+
+## 0.0.0-canary-20250820191554
+
+### Patch Changes
+
+- 7badf0a: Sync with main branch
+- Updated dependencies [7badf0a]
+ - @relayprotocol/relay-kit-hooks@0.0.0-canary-20250820191554
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191554
+
+## 0.0.0-canary-20250820191315
+
+### Patch Changes
+
+- e3566e9: Sync with the latest main branch
+- Updated dependencies [e3566e9]
+ - @relayprotocol/relay-kit-hooks@0.0.0-canary-20250820191315
+ - @relayprotocol/relay-sdk@0.0.0-canary-20250820191315
+
+## 0.0.0-canary-20250814020954
+
+### Patch Changes
+
+- 1d46491: Rebuild canary build
+- Updated dependencies [1d46491]
+ - @reservoir0x/relay-kit-hooks@0.0.0-canary-20250814020954
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250814020954
+
+## 0.0.0-canary-20250813132716
+
+### Minor Changes
+
+- ef840d0: Update theme to better match Relay brand
+
+### Patch Changes
+
+- Updated dependencies [ef840d0]
+ - @reservoir0x/relay-sdk@0.0.0-canary-20250813132716
+ - @reservoir0x/relay-kit-hooks@0.0.0-canary-20250813132716
+
## 2.17.5
### Patch Changes
diff --git a/packages/ui/panda.config.ts b/packages/ui/panda.config.ts
index 98bba2de5..a959b4d34 100644
--- a/packages/ui/panda.config.ts
+++ b/packages/ui/panda.config.ts
@@ -4,19 +4,6 @@ import postcss from 'postcss'
import postcssCascadeLayers from '@csstools/postcss-cascade-layers'
export const Colors = {
- // Primary
- primary1: { value: '{colors.violet.1}' },
- primary2: { value: '{colors.violet.2}' },
- primary3: { value: '{colors.violet.3}' },
- primary4: { value: '{colors.violet.4}' },
- primary5: { value: '{colors.violet.5}' },
- primary6: { value: '{colors.violet.6}' },
- primary7: { value: '{colors.violet.7}' },
- primary8: { value: '{colors.violet.8}' },
- primary9: { value: '{colors.violet.9}' },
- primary10: { value: '{colors.violet.10}' },
- primary11: { value: '{colors.violet.11}' },
- primary12: { value: '{colors.violet.12}' },
// Gray
gray1: { value: '{colors.slate.1}' },
gray2: { value: '{colors.slate.2}' },
@@ -35,22 +22,22 @@ export const Colors = {
// Blue
blue12: { value: '{colors.blue.12}' },
// Red
- red2: { value: '{colors.red.2}' },
- red3: { value: '{colors.red.3}' },
- red4: { value: '{colors.red.4}' },
- red5: { value: '{colors.red.5}' },
- red6: { value: '{colors.red.6}' },
- red9: { value: '{colors.red.9}' },
- red10: { value: '{colors.red.10}' },
- red11: { value: '{colors.red.11}' },
- red12: { value: '{colors.red.12}' },
+ red2: { value: '{colors.tomato.2}' },
+ red3: { value: '{colors.tomato.3}' },
+ red4: { value: '{colors.tomato.4}' },
+ red5: { value: '{colors.tomato.5}' },
+ red6: { value: '{colors.tomato.6}' },
+ red9: { value: '{colors.tomato.9}' },
+ red10: { value: '{colors.tomato.10}' },
+ red11: { value: '{colors.tomato.11}' },
+ red12: { value: '{colors.tomato.12}' },
// Green
- green2: { value: '{colors.green.2}' },
- green3: { value: '{colors.green.3}' },
- green9: { value: '{colors.green.9}' },
- green10: { value: '{colors.green.10}' },
- green11: { value: '{colors.green.11}' },
- green12: { value: '{colors.green.12}' },
+ green2: { value: '{colors.grass.2}' },
+ green3: { value: '{colors.grass.3}' },
+ green9: { value: '{colors.grass.9}' },
+ green10: { value: '{colors.grass.10}' },
+ green11: { value: '{colors.grass.11}' },
+ green12: { value: '{colors.grass.12}' },
// Yellow
yellow9: { value: '{colors.yellow.9}' },
yellow10: { value: '{colors.yellow.10}' },
@@ -94,11 +81,10 @@ export default defineConfig({
},
colorScales: [
'amber',
- 'green',
+ 'grass',
'slate',
'gray',
- 'violet',
- 'red',
+ 'tomato',
'black',
'yellow',
'blue'
@@ -142,7 +128,8 @@ export default defineConfig({
'widget-card-section-gutter': { value: '6px' }
},
fonts: {
- body: { value: 'var(--font-inter), sans-serif' }
+ body: { value: 'var(--font-barlow), sans-serif' },
+ heading: { value: 'var(--font-chivo), sans-serif' }
},
colors: Colors,
gradients: {
@@ -152,6 +139,51 @@ export default defineConfig({
semanticTokens: {
colors: {
+ primary1: {
+ value: { base: '{colors.violet.1}', _dark: '{colors.violetDark.1}' }
+ },
+ primary2: {
+ value: { base: '{colors.violet.2}', _dark: '{colors.violetDark.2}' }
+ },
+ primary3: {
+ value: { base: '{colors.violet.3}', _dark: '{colors.violetDark.3}' }
+ },
+ primary4: {
+ value: { base: '{colors.violet.4}', _dark: '{colors.violetDark.4}' }
+ },
+ primary5: {
+ value: { base: '{colors.violet.5}', _dark: '{colors.violetDark.5}' }
+ },
+ primary6: {
+ value: { base: '{colors.violet.6}', _dark: '{colors.violetDark.6}' }
+ },
+ primary7: {
+ value: { base: '{colors.violet.7}', _dark: '{colors.violetDark.7}' }
+ },
+ primary8: {
+ value: { base: '{colors.violet.8}', _dark: '{colors.violetDark.8}' }
+ },
+ primary9: {
+ value: { base: '{colors.violet.9}', _dark: '{colors.violetDark.9}' }
+ },
+ primary10: {
+ value: {
+ base: '{colors.violet.10}',
+ _dark: '{colors.violetDark.10}'
+ }
+ },
+ primary11: {
+ value: {
+ base: '{colors.violet.11}',
+ _dark: '{colors.violetDark.11}'
+ }
+ },
+ primary12: {
+ value: {
+ base: '{colors.violet.12}',
+ _dark: '{colors.violetDark.12}'
+ }
+ },
'primary-color': { value: { base: '{colors.primary9}' } },
'focus-color': { value: { base: '{colors.primary7}' } },
'subtle-background-color': { value: { base: '{colors.gray.1}' } },
@@ -161,8 +193,8 @@ export default defineConfig({
'text-default': { value: { base: '{colors.gray.12}' } },
'text-subtle': { value: { base: '{colors.gray.11}' } },
'text-subtle-secondary': { value: { base: '{colors.gray.11}' } },
- 'text-error': { value: { base: '{colors.red.12}' } },
- 'text-success': { value: { base: '{colors.green.11}' } },
+ 'text-error': { value: { base: '{colors.tomato.12}' } },
+ 'text-success': { value: { base: '{colors.grass.11}' } },
// Primary Button
'primary-button-background': { value: { base: '{colors.primary9}' } },
@@ -184,16 +216,6 @@ export default defineConfig({
value: { base: '{colors.gray12}' }
},
- // Tertiary Button
- 'tertiary-button-background': { value: { base: '{colors.gray1}' } },
- 'tertiary-button-color': { value: { base: '{colors.primary11}' } },
- 'tertiary-button-hover-background': {
- value: { base: '{colors.primary2}' }
- },
- 'tertiary-button-hover-color': {
- value: { base: '{colors.primary11}' }
- },
-
// Disabled Button
'button-disabled-background': {
value: { base: '{colors.gray.8}' }
@@ -262,6 +284,38 @@ export default defineConfig({
}
},
extend: {
+ tokens: {
+ colors: {
+ violet: {
+ 1: { value: '#FDFDFF' },
+ 2: { value: '#F7F8FF' },
+ 3: { value: '#EFF1FF' },
+ 4: { value: '#E4E7FF' },
+ 5: { value: '#D7DBFF' },
+ 6: { value: '#C8CCFF' },
+ 7: { value: '#B4B8FF' },
+ 8: { value: '#989AFF' },
+ 9: { value: '#4615C8' },
+ 10: { value: '#3B00B4' },
+ 11: { value: '#5A45DF' },
+ 12: { value: '#2A226E' }
+ },
+ violetDark: {
+ 1: { value: '#0E0E23' },
+ 2: { value: '#141331' },
+ 3: { value: '#216' },
+ 4: { value: '#2F0093' },
+ 5: { value: '#3800A8' },
+ 6: { value: '#4016B8' },
+ 7: { value: '#4C24D1' },
+ 8: { value: '#5B2AF9' },
+ 9: { value: '#4615C8' },
+ 10: { value: '#3901AA' },
+ 11: { value: '#A7AAFF' },
+ 12: { value: '#DBDEFF' }
+ }
+ }
+ },
breakpoints: {
sm: '600px',
md: '900px',
diff --git a/packages/ui/readme.md b/packages/ui/readme.md
index 01780ba3c..bd2ccd9ce 100644
--- a/packages/ui/readme.md
+++ b/packages/ui/readme.md
@@ -2,7 +2,7 @@
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
-This SDK facilitates interacting with Reservoir's Relay infrastructure. Learn more about Relay by checking out the docs .
+This SDK facilitates interacting with the Relay protocol. Learn more about Relay by checking out the docs .
Head over to the sdk docs to learn more about configuring and using the SDK in your application.
@@ -30,7 +30,7 @@ When you're ready to contribute, submit a pull request with your changes. Our te
---
- Home • Documentation • GitHub
+ Home • Documentation • GitHub
- Made with ♥ by the team @ Reservoir
+ Made with ♥ by the team @ Relay
diff --git a/packages/ui/src/components/common/CustomAddressModal.tsx b/packages/ui/src/components/common/CustomAddressModal.tsx
index 58d0b9db8..1c19a7fea 100644
--- a/packages/ui/src/components/common/CustomAddressModal.tsx
+++ b/packages/ui/src/components/common/CustomAddressModal.tsx
@@ -249,6 +249,7 @@ export const CustomAddressModal: FC = ({
) : null}
{
diff --git a/packages/ui/src/components/common/LoadingSpinner.tsx b/packages/ui/src/components/common/LoadingSpinner.tsx
index 712897029..77af3f4a8 100644
--- a/packages/ui/src/components/common/LoadingSpinner.tsx
+++ b/packages/ui/src/components/common/LoadingSpinner.tsx
@@ -1,9 +1,10 @@
-import type { FC, SVGProps } from 'react'
+import { useContext, type FC, type SVGProps } from 'react'
import {
cva,
css as designCss,
type Styles
} from '@relayprotocol/relay-design-system/css'
+import { ProviderOptionsContext } from '../../providers/RelayKitProvider.js'
const SpinnerSVG: FC> = (props) => {
return (
@@ -28,9 +29,22 @@ const LoadingSpinnerCss = cva({
})
export const LoadingSpinner: FC<{ css?: Styles }> = ({ css }) => {
+ const providerOptionsContext = useContext(ProviderOptionsContext)
+ if (providerOptionsContext.loader) {
+ return (
+
+ {providerOptionsContext.loader({
+ width: (css as any)?.width ?? 20,
+ height: (css as any)?.height ?? 20,
+ fill: (css as any)?.fill
+ })}
+
+ )
+ }
+
return (
+ />
)
}
diff --git a/packages/ui/src/components/common/TokenSelector/triggers/TokenTrigger.tsx b/packages/ui/src/components/common/TokenSelector/triggers/TokenTrigger.tsx
index 88a4a4b28..febe530d2 100644
--- a/packages/ui/src/components/common/TokenSelector/triggers/TokenTrigger.tsx
+++ b/packages/ui/src/components/common/TokenSelector/triggers/TokenTrigger.tsx
@@ -86,6 +86,7 @@ export const TokenTrigger: FC = ({
= ({
View Details
{
onOpenChange(false)
}}
@@ -195,6 +196,7 @@ export const ErrorStep: FC = ({
>
) : (
{
onOpenChange(false)
}}
diff --git a/packages/ui/src/components/common/TransactionModal/steps/SwapSuccessStep.tsx b/packages/ui/src/components/common/TransactionModal/steps/SwapSuccessStep.tsx
index a81a75768..d006a21fc 100644
--- a/packages/ui/src/components/common/TransactionModal/steps/SwapSuccessStep.tsx
+++ b/packages/ui/src/components/common/TransactionModal/steps/SwapSuccessStep.tsx
@@ -250,6 +250,7 @@ export const SwapSuccessStep: FC = ({
{
onOpenChange(false)
@@ -264,6 +265,7 @@ export const SwapSuccessStep: FC = ({
{delayedTxUrl ? (
= ({
>
You've completed a free USDC bridge!
Share on
@@ -460,6 +463,7 @@ export const SwapSuccessStep: FC = ({
>
= ({
) : null}
{
onOpenChange(false)
}}
diff --git a/packages/ui/src/components/common/UnverifiedTokenModal.tsx b/packages/ui/src/components/common/UnverifiedTokenModal.tsx
index 2c24c2f1a..2ccad8d5b 100644
--- a/packages/ui/src/components/common/UnverifiedTokenModal.tsx
+++ b/packages/ui/src/components/common/UnverifiedTokenModal.tsx
@@ -146,6 +146,7 @@ export const UnverifiedTokenModal: FC = ({
Cancel
{
if (data?.token) {
const tokenIdentifier = `${data?.token.chainId}:${data?.token.address}`
@@ -167,7 +168,7 @@ export const UnverifiedTokenModal: FC = ({
onAcceptToken(data?.token, data?.context)
}}
color="warning"
- css={{ flex: 1, justifyContent: 'center' }}
+ css={{ flex: 1, justifyContent: 'center', px: '16px' }}
>
I Understand
diff --git a/packages/ui/src/components/primitives/Button.tsx b/packages/ui/src/components/primitives/Button.tsx
index 77a29300e..55aea71f2 100644
--- a/packages/ui/src/components/primitives/Button.tsx
+++ b/packages/ui/src/components/primitives/Button.tsx
@@ -41,15 +41,6 @@ const ButtonCss = cva({
color: 'primary-button-hover-color'
}
},
- primaryOutline: {
- backgroundColor: 'transparent',
- color: 'gray12',
- '--border-color': 'primary-outline-button-color',
- border: '1px solid var(--border-color)',
- '&:hover': {
- color: 'primary-outline-button-hover-color'
- }
- },
secondary: {
backgroundColor: 'secondary-button-background',
color: 'secondary-button-color',
@@ -58,14 +49,6 @@ const ButtonCss = cva({
color: 'secondary-button-hover-color'
}
},
- tertiary: {
- backgroundColor: 'tertiary-button-background',
- color: 'tertiary-button-color',
- '&:hover': {
- backgroundColor: 'tertiary-button-hover-background',
- color: 'tertiary-button-hover-color'
- }
- },
ghost: {
color: 'text-default',
backgroundColor: 'transparent'
@@ -141,6 +124,16 @@ const ButtonCss = cva({
py: '4',
minHeight: 52
}
+ },
+ cta: {
+ true: {
+ '&:not(:disabled)': {
+ fontFamily: 'heading',
+ fontWeight: 700,
+ textTransform: 'uppercase',
+ fontStyle: 'italic'
+ }
+ }
}
},
defaultVariants: {
@@ -157,13 +150,13 @@ const Button = forwardRef<
Omit, 'ref'> &
ButtonCssProps & { css?: Styles }
>(({ css, children, ...props }, forwardedRef) => {
- const { color, size, corners, ...buttonProps } = { ...props }
+ const { color, size, corners, cta, ...buttonProps } = { ...props }
return (
diff --git a/packages/ui/src/components/primitives/Text.tsx b/packages/ui/src/components/primitives/Text.tsx
index 0766b72d1..645265243 100644
--- a/packages/ui/src/components/primitives/Text.tsx
+++ b/packages/ui/src/components/primitives/Text.tsx
@@ -12,6 +12,12 @@ const TextCss = cva({
},
variants: {
style: {
+ h1: {
+ fontWeight: 800,
+ fontSize: '64px',
+ fontStyle: 'italic',
+ fontFamily: 'heading'
+ },
h2: {
fontWeight: 700,
fontSize: '48px'
diff --git a/packages/ui/src/components/widgets/FeeBreakdown.tsx b/packages/ui/src/components/widgets/FeeBreakdown.tsx
index a5b6ffbdf..82494e529 100644
--- a/packages/ui/src/components/widgets/FeeBreakdown.tsx
+++ b/packages/ui/src/components/widgets/FeeBreakdown.tsx
@@ -115,7 +115,7 @@ const FeeBreakdown: FC = ({
gap: '1',
color:
timeEstimate && timeEstimate.time <= 30
- ? '{colors.green.9}'
+ ? '{colors.grass.9}'
: '{colors.amber.9}'
}}
>
@@ -325,7 +325,7 @@ const FeeBreakdown: FC = ({
gap: '2',
color:
timeEstimate && timeEstimate.time <= 30
- ? '{colors.green.9}'
+ ? '{colors.grass.9}'
: '{colors.amber.9}',
flexShrink: 0
}}
diff --git a/packages/ui/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.tsx b/packages/ui/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.tsx
index 07eba295a..e27882f7c 100644
--- a/packages/ui/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.tsx
+++ b/packages/ui/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.tsx
@@ -111,6 +111,7 @@ export const OnrampConfirmingStep: FC = ({
{
diff --git a/packages/ui/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.tsx b/packages/ui/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.tsx
index 9889980f1..ff10aed0d 100644
--- a/packages/ui/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.tsx
+++ b/packages/ui/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingStepUI.tsx
@@ -161,6 +161,7 @@ export const OnrampProcessingStepUI: FC = ({
to track your transaction.
= ({
}}
>
= ({
) : null}
{
onOpenChange(false)
}}
diff --git a/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx b/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx
index 3d7335b1d..e38445516 100644
--- a/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx
+++ b/packages/ui/src/components/widgets/OnrampWidget/widget/index.tsx
@@ -628,6 +628,7 @@ const OnrampWidget: FC = ({
{
diff --git a/packages/ui/src/components/widgets/SwapButton.tsx b/packages/ui/src/components/widgets/SwapButton.tsx
index 07ffce1e2..92a0bdea2 100644
--- a/packages/ui/src/components/widgets/SwapButton.tsx
+++ b/packages/ui/src/components/widgets/SwapButton.tsx
@@ -64,6 +64,7 @@ const SwapButton: FC = ({
css={{ justifyContent: 'center' }}
color={showHighPriceImpactWarning ? 'error' : 'primary'}
aria-label={context}
+ cta={true}
disabled={
isFetchingQuote ||
(isValidToAddress &&
@@ -87,6 +88,7 @@ const SwapButton: FC = ({
return (
{
diff --git a/packages/ui/src/components/widgets/SwapWidget/index.tsx b/packages/ui/src/components/widgets/SwapWidget/index.tsx
index ff39b4c05..b2db4c0be 100644
--- a/packages/ui/src/components/widgets/SwapWidget/index.tsx
+++ b/packages/ui/src/components/widgets/SwapWidget/index.tsx
@@ -1629,6 +1629,7 @@ const SwapWidget: FC = ({
{promptSwitchRoute ? (
{
setUseExternalLiquidity(true)
diff --git a/packages/ui/src/components/widgets/WidgetFooter.tsx b/packages/ui/src/components/widgets/WidgetFooter.tsx
deleted file mode 100644
index c89888bfd..000000000
--- a/packages/ui/src/components/widgets/WidgetFooter.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useContext } from 'react'
-import ReservoirText from '../../img/ReservoirText.js'
-import { Anchor, Flex, Text } from '../primitives/index.js'
-import { ProviderOptionsContext } from '../../providers/RelayKitProvider.js'
-
-const WidgetFooter = () => {
- const providerOptionsContext = useContext(ProviderOptionsContext)
-
- if (providerOptionsContext.disablePoweredByReservoir) {
- return null
- }
-
- return (
-
-
- Powered by{' '}
-
-
-
-
-
- )
-}
-
-export default WidgetFooter
diff --git a/packages/ui/src/providers/RelayKitProvider.tsx b/packages/ui/src/providers/RelayKitProvider.tsx
index 335088054..a87c0e651 100644
--- a/packages/ui/src/providers/RelayKitProvider.tsx
+++ b/packages/ui/src/providers/RelayKitProvider.tsx
@@ -1,5 +1,5 @@
import { createContext, useMemo } from 'react'
-import type { FC, ReactNode } from 'react'
+import type { FC, ReactElement, ReactNode } from 'react'
import { RelayClientProvider } from './RelayClientProvider.js'
import type { RelayClientOptions, paths } from '@relayprotocol/relay-sdk'
import type { RelayKitTheme } from '../themes/index.js'
@@ -28,10 +28,6 @@ type RelayKitProviderOptions = {
*/
apiKey?: string
}
- /**
- * Disable the powered by reservoir footer
- */
- disablePoweredByReservoir?: boolean
/**
* An objecting mapping either a VM type (evm, svm, bvm) or a chain id to a connector key (metamask, backpacksol, etc).
* Connector keys are used for differentiating which wallet maps to which vm/chain.
@@ -48,6 +44,14 @@ type RelayKitProviderOptions = {
* The icon theme to use for the chain icons. Defaults to light.
*/
themeScheme?: 'dark' | 'light'
+ /**
+ * The loader to use for the loading spinner. Defaults to relay.
+ */
+ loader?: (options?: {
+ width?: number | string
+ height?: number | string
+ fill?: string
+ }) => ReactElement
/**
* The secure base url for the relay api, if omitted the default will be used. Override this config to protect your api key via a proxy.
* Currently only relevant for the quote api in the SwapWidget
@@ -69,6 +73,7 @@ export type ThemeOverridesMap = {
export const themeOverrides: ThemeOverridesMap = {
font: '--relay-fonts-body',
+ fontHeading: '--relay-fonts-heading',
primaryColor: '--relay-colors-primary-color',
focusColor: '--relay-colors-focus-color',
subtleBackgroundColor: '--relay-colors-subtle-background-color',
@@ -96,14 +101,6 @@ export const themeOverrides: ThemeOverridesMap = {
background: '--relay-colors-secondary-button-hover-background'
}
},
- tertiary: {
- color: '--relay-colors-tertiary-button-color',
- background: '--relay-colors-tertiary-button-background',
- hover: {
- color: '--relay-colors-tertiary-button-hover-color',
- background: '--relay-colors-tertiary-button-hover-background'
- }
- },
white: {
color: '--relay-colors-primary-button-color',
background: '--relay-colors-primary-button-background',
@@ -177,10 +174,10 @@ export const RelayKitProvider: FC = function ({
appName: options.appName,
appFees: options.appFees,
duneConfig: options.duneConfig,
- disablePoweredByReservoir: options.disablePoweredByReservoir,
vmConnectorKeyOverrides: options.vmConnectorKeyOverrides,
privateChainIds: options.privateChainIds,
themeScheme: options.themeScheme,
+ loader: options.loader,
secureBaseUrl: options.secureBaseUrl
}),
[options]
diff --git a/packages/ui/src/themes/RelayKitTheme.ts b/packages/ui/src/themes/RelayKitTheme.ts
index 0886d370a..9895fa026 100644
--- a/packages/ui/src/themes/RelayKitTheme.ts
+++ b/packages/ui/src/themes/RelayKitTheme.ts
@@ -1,3 +1,5 @@
+import type { ReactElement } from 'react'
+
interface Button {
color?: string
background?: string
@@ -9,6 +11,7 @@ interface Button {
export interface RelayKitTheme {
font?: string
+ fontHeading?: string
primaryColor?: string
focusColor?: string
subtleBackgroundColor?: string
@@ -22,7 +25,6 @@ export interface RelayKitTheme {
buttons?: {
primary?: Button
secondary?: Button
- tertiary?: Button
disabled?: {
color?: string
background?: string
@@ -76,7 +78,8 @@ export interface RelayKitTheme {
}
export const defaultTheme: RelayKitTheme = {
- font: 'Inter, -apple-system, Helvetica, sans-serif',
+ font: 'Barlow, -apple-system, Helvetica, sans-serif',
+ fontHeading: 'Chivo, -apple-system, Helvetica, sans-serif',
primaryColor: 'primary9',
focusColor: 'primary7',
subtleBackgroundColor: 'gray1',
@@ -104,14 +107,6 @@ export const defaultTheme: RelayKitTheme = {
color: 'primary11'
}
},
- tertiary: {
- background: 'gray1',
- color: 'primary11',
- hover: {
- background: 'primary2',
- color: 'primary11'
- }
- },
disabled: {
color: 'gray11',
background: 'gray8'
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7869b169e..f11ca7786 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -358,15 +358,15 @@ importers:
'@radix-ui/react-visually-hidden':
specifier: ^1.1.2
version: 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
- '@relayprotocol/relay-design-system':
- specifier: workspace:^
- version: link:../design-system
'@relayprotocol/relay-kit-hooks':
specifier: workspace:*
version: link:../hooks
'@relayprotocol/relay-sdk':
specifier: workspace:*
version: link:../sdk
+ '@relayprotocol/relay-design-system':
+ specifier: workspace:^
+ version: link:../design-system
'@tanstack/react-query':
specifier: '>=5.0.0'
version: 5.66.9(react@18.3.1)