Removing vanilla-extract from examples

0xsequence · May 3, 2024 · 5e6bc4d · 5e6bc4d
1 parent 9fa00fc
commit 5e6bc4d
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 962 deletions.
diff --git a/examples/next/next.config.mjs b/examples/next/next.config.mjs
@@ -1,14 +1,9 @@
-import { createVanillaExtractPlugin } from '@vanilla-extract/next-plugin'
-
-const withVanillaExtract = createVanillaExtractPlugin()
-
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   webpack: config => {
     config.externals.push('pino-pretty', 'encoding')
     return config
   }
-  // transpilePackages: ['@0xsequence/kit', '@0xsequence/kit-wallet', '@0xsequence/kit-connectors', '@0xsequence/checkout']
 }
 
-export default withVanillaExtract(nextConfig)
+export default nextConfig
diff --git a/examples/next/package.json b/examples/next/package.json
@@ -26,11 +26,8 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "@vanilla-extract/next-plugin": "^2.4.0",
     "eslint": "^8",
     "eslint-config-next": "14.2.3",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.3",
     "typescript": "^5"
   }
 }
diff --git a/examples/react/package.json b/examples/react/package.json
@@ -19,7 +19,6 @@
     "@0xsequence/kit-wallet": "workspace:*",
     "@0xsequence/network": "^1.9.26",
     "@tanstack/react-query": "^5.32.0",
-    "@vanilla-extract/css": "^1.14.2",
     "framer-motion": "^8.5.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -31,7 +30,6 @@
     "@types/node": "^20.12.7",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "@vanilla-extract/vite-plugin": "^4.0.7",
     "@vitejs/plugin-react": "^4.2.1",
     "vite": "^5.2.10",
     "vite-plugin-node-polyfills": "^0.21.0",

diff --git a/examples/react/src/components/Footer.tsx b/examples/react/src/components/Footer.tsx
@@ -1,9 +1,7 @@
 import React from 'react'
-import { Box, Image, Text, useMediaQuery } from '@0xsequence/design-system'
-import { useTheme } from '@0xsequence/design-system'
+import { Box, Image, Text, useMediaQuery, useTheme } from '@0xsequence/design-system'
 
 import { bottomPageLinks, socialLinks } from '../constants'
-import * as sharedStyles from '../shared/styles.css'
 
 export const Footer = () => {
   const { theme } = useTheme()
@@ -19,7 +17,14 @@ export const Footer = () => {
     return (
       <Box flexDirection="row" gap="4">
         {bottomPageLinks.map((link, index) => (
-          <Box onClick={() => onClickLinkUrl(link.url)} className={sharedStyles.clickable} key={index} gap="4">
+          <Box
+            key={index}
+            onClick={() => onClickLinkUrl(link.url)}
+            cursor="pointer"
+            opacity={{ hover: '80' }}
+            userSelect="none"
+            gap="4"
+          >
             <Text fontWeight="normal" fontSize="small" color="text50">
               {link.label}
             </Text>
@@ -36,7 +41,9 @@ export const Footer = () => {
           return (
             <Box
               key={index}
-              className={sharedStyles.clickable}
+              cursor="pointer"
+              opacity={{ hover: '80' }}
+              userSelect="none"
               onClick={() => {
                 if (typeof window !== 'undefined') {
                   window.open(socialLink.url)

diff --git a/examples/react/src/shared/styles.css.ts b/examples/react/src/shared/styles.css.ts
diff --git a/examples/react/vite.config.js b/examples/react/vite.config.js
@@ -1,7 +1,6 @@
 import { defineConfig } from 'vite'
 import dns from 'dns'
 import react from '@vitejs/plugin-react'
-import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import viteTsconfigPaths from 'vite-tsconfig-paths'
 import svgrPlugin from 'vite-plugin-svgr'
@@ -19,7 +18,6 @@ export default defineConfig(() => {
         }
       }),
       viteTsconfigPaths(),
-      vanillaExtractPlugin(),
       svgrPlugin()
     ],
     define: {