chore: release (#512)

.changeset/strange-ads-laugh.md

@@ -1,5 +1,8 @@
 ---
-"@coinbase/onchainkit": patch
+"@coinbase/onchainkit": minor
 ---
 
-- **feat**: Remove TokenSelector\* components and add refactored TokenSelectDropdown. By @kyhyco #508
+- **feat**: set `clsx`, `tailwind-merge`, `viem` and `wagmi` as library dependency. By @zizzamia #512
+- **feat**: removd `TokenSelector` components and add refactored `TokenSelectDropdown`. By @kyhyco #508
+- **feat**: added `SwapAmountInput`. By @abcrane123 #504
+- **feat**: refactor CSS styles with a proper use of TailwindCSS. By @roushou #500

CHANGELOG.md

@@ -4,13 +4,13 @@
 
 ### Patch Changes
 
-- a47b07f: - **fix**: have API_KEY set correctly by `OnchainKitProvider` and avoid request CORS issue with the `onchainkit_version` Header. By @zizzamia #501
+- **fix**: have API_KEY set correctly by `OnchainKitProvider` and avoid request CORS issue with the `onchainkit_version` Header. By @zizzamia #501 a47b07f
 
 ## 0.19.6
 
 ### Patch Changes
 
-- c54ec7b: - **fix**: added border transparent to Badge component. By @zizzamia #493
+- **fix**: added border transparent to Badge component. By @zizzamia #493 c54ec7b
 
 ## 0.19.5
 

README.md

@@ -1,8 +1,8 @@
 <p align="center">
   <a href="https://onchainkit.xyz">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="./site/docs/public/logo/v0-19.png">
-      <img alt="OnchainKit logo vibes" src="./site/docs/public/logo/v0-19.png" width="auto">
+      <source media="(prefers-color-scheme: dark)" srcset="./site/docs/public/logo/v0-20.png">
+      <img alt="OnchainKit logo vibes" src="./site/docs/public/logo/v0-20.png" width="auto">
     </picture>
   </a>
 </p>
@@ -32,12 +32,6 @@
       <img src="https://img.shields.io/npm/dm/@coinbase/onchainkit?colorA=f6f8fa&colorB=f6f8fa&style=flat" alt="Downloads per month">
     </picture>
   </a>
-  <a href="https://bundlephobia.com/result?p=@coinbase/onchainkit" target="_blank" rel="noopener noreferrer">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://flat.badgen.net/bundlephobia/minzip/@coinbase/onchainkit">
-      <img width="146" height="20" src="https://flat.badgen.net/bundlephobia/minzip/@coinbase/onchainkit" alt="Minified + gzip package size for @coinbase/onchainkit in KB" class="badge--in-table"></a>
-    </picture>
-  </a>
 </p>
 
 <br />
@@ -52,18 +46,18 @@ To integrate OnchainKit into your project, begin by installing the necessary pac
 
 ```bash
 # Yarn: Add library
-yarn add @coinbase/onchainkit [email protected]
+yarn add @coinbase/onchainkit
 
 # or
 
 # Use NPM
-npm install @coinbase/onchainkit [email protected]
+npm install @coinbase/onchainkit
 
 # Use PNPM
-pnpm add @coinbase/onchainkit [email protected]
+pnpm add @coinbase/onchainkit
 
 # Use BUN
-bun add @coinbase/onchainkit [email protected]
+bun add @coinbase/onchainkit
 ```
 
 ## CSS

package.json

@@ -22,26 +22,24 @@
     "release:version": "changeset version && yarn install --immutable"
   },
   "peerDependencies": {
-    "@coinbase/wallet-sdk": "^4",
     "@tanstack/react-query": "^5",
     "@xmtp/frames-validator": "^0.6.0",
     "graphql": "^14 || ^15 || ^16",
     "graphql-request": "^6.1.0",
     "permissionless": "^0.1.29",
     "react": "^18",
-    "react-dom": "^18",
-    "viem": "^2",
-    "wagmi": "^2"
+    "react-dom": "^18"
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "tailwind-merge": "^2.3.0"
+    "tailwind-merge": "^2.3.0",
+    "viem": "^2.13.8",
+    "wagmi": "^2.9.11"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.0",
     "@changesets/changelog-github": "^0.4.8",
     "@changesets/cli": "^2.26.2",
-    "@coinbase/wallet-sdk": "^4.0.0",
     "@tanstack/react-query": "^5.24.1",
     "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^14.2.0",
@@ -69,7 +67,6 @@
     "wagmi": "^2.8.7"
   },
   "resolutions": {
-    "@coinbase/wallet-sdk": "npm:@coinbase/[email protected]",
     "react": "npm:react@^18"
   },
   "packemon": [

site/docs/pages/getting-started.mdx

@@ -11,19 +11,19 @@ Let's install OnchainKit as a dependency along with its Viem peer dependency.
 :::code-group
 
 ```bash [npm]
-npm install @coinbase/onchainkit [email protected]
+npm install @coinbase/onchainkit
 ```
 
 ```bash [yarn]
-yarn add @coinbase/onchainkit [email protected]
+yarn add @coinbase/onchainkit
 ```
 
 ```bash [pnpm]
-pnpm add @coinbase/onchainkit [email protected]
+pnpm add @coinbase/onchainkit
 ```
 
 ```bash [bun]
-bun add @coinbase/onchainkit [email protected]
+bun add @coinbase/onchainkit
 ```
 
 :::

site/docs/pages/identity/introduction.mdx

@@ -77,22 +77,22 @@ To use the Identity utilities and components install:
 
 ```bash [npm]
 npm install @coinbase/onchainkit
-npm install [email protected] react@18 react-dom@18 @tanstack/react-query graphql@14 graphql-request@6
+npm install react@18 react-dom@18 @tanstack/react-query graphql@14 graphql-request@6
 ```
 
 ```bash [yarn]
 yarn add @coinbase/onchainkit
-yarn add [email protected] react@18 react-dom@18 @tanstack/react-query graphql@14 graphql-request@6
+yarn add react@18 react-dom@18 @tanstack/react-query graphql@14 graphql-request@6
 ```
 
 ```bash [pnpm]
 pnpm add @coinbase/onchainkit
-pnpm add [email protected] react@18 react-dom@18 @tanstack/react-query graphql@14 graphql-request@6
+pnpm add react@18 react-dom@18 @tanstack/react-query graphql@14 graphql-request@6
 ```
 
 ```bash [bun]
 bun add @coinbase/onchainkit
-bun add [email protected] react@18 react-dom@18 @tanstack/react-query graphql@14 graphql-request@6
+bun add react@18 react-dom@18 @tanstack/react-query graphql@14 graphql-request@6
 ```
 
 :::

site/docs/pages/index.mdx

@@ -53,19 +53,19 @@ import TokenSelector from '../components/TokenSelector';
 :::code-group
 
 ```bash [npm]
-npm install @coinbase/onchainkit [email protected]
+npm install @coinbase/onchainkit
 ```
 
 ```bash [yarn]
-yarn add @coinbase/onchainkit [email protected]
+yarn add @coinbase/onchainkit
 ```
 
 ```bash [pnpm]
-pnpm add @coinbase/onchainkit [email protected]
+pnpm add @coinbase/onchainkit
 ```
 
 ```bash [bun]
-bun add @coinbase/onchainkit [email protected]
+bun add @coinbase/onchainkit
 ```
 
 :::

site/docs/pages/token/introduction.mdx

@@ -76,22 +76,22 @@ To use the Token utilities and components install:
 
 ```bash [npm]
 npm install @coinbase/onchainkit
-npm install [email protected] react@18 react-dom@18
+npm install react@18 react-dom@18
 ```
 
 ```bash [yarn]
 yarn add @coinbase/onchainkit
-yarn add [email protected] react@18 react-dom@18
+yarn add react@18 react-dom@18
 ```
 
 ```bash [pnpm]
 pnpm add @coinbase/onchainkit
-pnpm add [email protected] react@18 react-dom@18
+pnpm add react@18 react-dom@18
 ```
 
 ```bash [bun]
 bun add @coinbase/onchainkit
-bun add [email protected] react@18 react-dom@18
+bun add react@18 react-dom@18
 ```
 
 :::

site/docs/pages/wallet/introduction.mdx

@@ -52,22 +52,22 @@ To use the Identity utilities and components install:
 
 ```bash [npm]
 npm install @coinbase/onchainkit
-npm install react@18 react-dom@18 wagmi@2 @coinbase/wallet-sdk@4 permissionless
+npm install react@18 react-dom@18 permissionless
 ```
 
 ```bash [yarn]
 yarn add @coinbase/onchainkit
-yarn add react@18 react-dom@18 wagmi@2 @coinbase/wallet-sdk@4 permissionless
+yarn add react@18 react-dom@18 permissionless
 ```
 
 ```bash [pnpm]
 pnpm add @coinbase/onchainkit
-pnpm add react@18 react-dom@18 wagmi@2 @coinbase/wallet-sdk@4 permissionless
+pnpm add react@18 react-dom@18 permissionless
 ```
 
 ```bash [bun]
 bun add @coinbase/onchainkit
-bun add react@18 react-dom@18 wagmi@2 @coinbase/wallet-sdk@4 permissionless
+bun add react@18 react-dom@18 permissionless
 ```
 
 :::

src/version.ts

@@ -1 +1 @@
-export const version = '0.19.7';
+export const version = '0.20.0';