diff --git a/README.md b/README.md index d9b610f5..21b05ab2 100644 --- a/README.md +++ b/README.md @@ -22,11 +22,11 @@ View the [demo](https://0xsequence.github.io/kit)! 👀 To install this package: ```bash -npm install @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query @0xsequence/design-system +npm install @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query # or -pnpm install @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query @0xsequence/design-system +pnpm install @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query # or -yarn add @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query @0xsequence/design-system +yarn add @0xsequence/kit wagmi ethers@6.13.0 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 = '' diff --git a/examples/next/src/app/layout.tsx b/examples/next/src/app/layout.tsx index df31d9e1..544d5bf6 100644 --- a/examples/next/src/app/layout.tsx +++ b/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' diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx index ff838d1d..4de61a3f 100644 --- a/examples/react/src/App.tsx +++ b/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' diff --git a/package.json b/package.json index 9fa40152..ba2fe48d 100644 --- a/package.json +++ b/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" diff --git a/packages/kit/README.md b/packages/kit/README.md index cc1975b6..9bab04e2 100644 --- a/packages/kit/README.md +++ b/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 ethers@6.13.0 viem 0xsequence @tanstack/react-query @0xsequence/design-system +npm install @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query # or -pnpm install @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query @0xsequence/design-system +pnpm install @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query # or -yarn add @0xsequence/kit wagmi ethers@6.13.0 viem 0xsequence @tanstack/react-query @0xsequence/design-system +yarn add @0xsequence/kit wagmi ethers@6.13.0 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' diff --git a/packages/kit/package.json b/packages/kit/package.json index ac2c883a..173703d2 100644 --- a/packages/kit/package.json +++ b/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", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f3569525..d8628392 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -297,7 +297,7 @@ importers: specifier: ^2.0.9 version: 2.0.9(ethers@6.13.0(bufferutil@4.0.8)(utf-8-validate@5.0.10)) '@0xsequence/design-system': - specifier: '>=1.7.8' + specifier: ^1.7.8 version: 1.7.8(@types/react-dom@18.3.0)(@types/react@18.3.8)(framer-motion@8.5.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@0xsequence/ethauth': specifier: ^1.0.0