feat(website): various improvements

chakra-ui · May 19, 2024 · 3bf7c5c · 3bf7c5c
1 parent 2bc9581
commit 3bf7c5c
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 15 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/packages/react/src/components/popover/examples/as-child.tsx b/packages/react/src/components/popover/examples/as-child.tsx
@@ -1,9 +1,10 @@
+// @ts-expect-error - Required for examples
+import { Button } from '@acme/ui-lib'
 import { Popover } from '../..'
 
 export const AsChild = () => (
   <Popover.Root>
     <Popover.Trigger asChild>
-      {/* @ts-expect-error */}
       <Button>Open</Button>
     </Popover.Trigger>
   </Popover.Root>

diff --git a/packages/solid/src/components/popover/examples/as-child.tsx b/packages/solid/src/components/popover/examples/as-child.tsx
@@ -1,8 +1,9 @@
+// @ts-expect-error
+import { Button } from '@acme/ui-lib'
 import { Popover } from '../..'
 
 export const Basic = () => (
   <Popover.Root>
-    {/* @ts-expect-error */}
     <Popover.Trigger asChild={(props) => <Button {...props()} />}>Open</Popover.Trigger>
   </Popover.Root>
 )
diff --git a/packages/vue/src/components/popover/examples/as-child.vue b/packages/vue/src/components/popover/examples/as-child.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+// @ts-expect-error
+import { Button } from '@acme/ui-lib'
 import { Popover } from '../..'
 </script>
 

diff --git a/website/package.json b/website/package.json
@@ -12,7 +12,7 @@
     "@biomejs/biome": "1.7.3",
     "@icons-pack/react-simple-icons": "9.5.0",
     "@pandacss/dev": "0.39.1",
-    "@park-ui/panda-preset": "0.37.0",
+    "@park-ui/panda-preset": "0.37.1",
     "@shikijs/transformers": "1.6.0",
     "@types/node": "20.12.12",
     "@types/react": "18.3.2",

diff --git a/website/panda.config.ts b/website/panda.config.ts
@@ -64,6 +64,9 @@ export default defineConfig({
       },
       code: {
         fontFamily: 'code',
+        '::selection': {
+          bg: 'gray.dark.a4',
+        },
       },
       article: {
         '--colors-prose-body': 'colors.fg.muted',
@@ -78,18 +81,6 @@ export default defineConfig({
   },
   theme: {
     extend: {
-      recipes: {
-        code: {
-          base: {
-            whiteSpace: 'pre',
-          },
-        },
-        kbd: {
-          base: {
-            whiteSpace: 'pre',
-          },
-        },
-      },
       tokens: {
         fonts: {
           body: { value: 'var(--font-outfit), sans-serif' },