Re export the design system styles.css from kit to reduce extra peer …

…dependency on integrators (#162)

README.md

@@ -22,11 +22,11 @@ View the [demo](https://0xsequence.github.io/kit)! 👀
 To install this package:
 
 ```bash
-npm install @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query @0xsequence/design-system
+npm install @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query
 # or
-pnpm install @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query @0xsequence/design-system
+pnpm install @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query
 # or
-yarn add @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query @0xsequence/design-system
+yarn add @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query
 ```
 
 ### Setting up the Library
@@ -136,7 +136,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { createConfig, http, WagmiProvider } from 'wagmi'
 import { mainnet, polygon, Chain } from 'wagmi/chains'
 
-import '@0xsequence/design-system/styles.css'
+import '@0xsequence/kit/styles.css'
 
 const projectAccessKey = '<your-project-access-key>'
 

examples/next/src/app/layout.tsx

@@ -5,7 +5,7 @@ import { headers } from 'next/headers'
 import { cookieToInitialState } from 'wagmi'
 
 import './globals.css'
-import '@0xsequence/design-system/styles.css'
+import '@0xsequence/kit/styles.css'
 
 import { config } from '../config'
 

examples/react/src/App.tsx

@@ -1,4 +1,4 @@
-import '@0xsequence/design-system/styles.css'
+import '@0xsequence/kit/styles.css'
 
 import { ThemeProvider } from '@0xsequence/design-system'
 import { SequenceKit } from '@0xsequence/kit'

package.json

@@ -21,6 +21,9 @@
     "dev:react": "pnpm --filter @0xsequence/kit-example-react dev",
     "serve:react": "pnpm --filter @0xsequence/kit-example-react serve",
     "build:react": "pnpm --filter @0xsequence/kit-example-react build",
+    "dev:react-boilerplate": "pnpm --filter @0xsequence/kit-example-react-boilerplate dev",
+    "serve:react-boilerplate": "pnpm --filter @0xsequence/kit-example-react-boilerplate serve",
+    "build:react-boilerplate": "pnpm --filter @0xsequence/kit-example-react-boilerplate build",
     "dev:next": "pnpm --filter @0xsequence/kit-example-next dev",
     "serve:next": "pnpm --filter @0xsequence/kit-example-next start",
     "build:next": "pnpm --filter @0xsequence/kit-example-next build"

packages/kit/README.md

@@ -21,11 +21,11 @@ View the [demo](https://0xsequence.github.io/kit)! 👀
 To install this package:
 
 ```bash
-npm install @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query @0xsequence/design-system
+npm install @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query
 # or
-pnpm install @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query @0xsequence/design-system
+pnpm install @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query
 # or
-yarn add @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query @0xsequence/design-system
+yarn add @0xsequence/kit wagmi [email protected] viem 0xsequence @tanstack/react-query
 ```
 
 ### Setting up the Library
@@ -135,7 +135,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { createConfig, http, WagmiProvider } from 'wagmi'
 import { mainnet, polygon, Chain } from 'wagmi/chains'
 
-import '@0xsequence/design-system/styles.css'
+import '@0xsequence/kit/styles.css'
 
 const projectAccessKey = 'xyz'
 

packages/kit/package.json

@@ -19,7 +19,8 @@
       "require": "./dist/cjs/index.js",
       "import": "./dist/esm/index.js",
       "default": "./dist/esm/index.js"
-    }
+    },
+    "./styles.css": "./node_modules/@0xsequence/design-system/dist/style.css"
   },
   "files": [
     "src",
@@ -39,6 +40,7 @@
     "@0xsequence/api": "^2.0.9",
     "@0xsequence/auth": "^2.0.9",
     "@0xsequence/core": "^2.0.9",
+    "@0xsequence/design-system": "^1.7.8",
     "@0xsequence/ethauth": "^1.0.0",
     "@0xsequence/indexer": "^2.0.9",
     "@0xsequence/metadata": "^2.0.9",
@@ -51,7 +53,6 @@
   },
   "peerDependencies": {
     "0xsequence": ">= 2.0.9",
-    "@0xsequence/design-system": ">=1.7.8",
     "@react-oauth/google": ">= 0.11.1",
     "@tanstack/react-query": ">= 5.0.0",
     "ethers": ">= 6.13.0",