Merge branch 'main' of github.com:chakra-ui/panda

.github/composite-actions/install/action.yml

@@ -7,7 +7,7 @@ runs:
     - uses: pnpm/action-setup@v4
 
     - name: Setup Node.js
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: 18
         registry-url: 'https://registry.npmjs.org'

.github/workflows/quality.yml

@@ -18,7 +18,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/composite-actions/install
@@ -31,7 +31,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/composite-actions/install
@@ -44,7 +44,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/composite-actions/install
@@ -59,7 +59,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/composite-actions/install

.github/workflows/release.yml

@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
@@ -45,7 +45,7 @@ jobs:
 
       - name: Slack Notification
         if: steps.changesets.outputs.published == 'true'
-        uses: slackapi/slack-github-action@v1.24.0
+        uses: slackapi/slack-github-action@v2
         with:
           payload: |
             {

package.json

@@ -36,7 +36,7 @@
   "license": "MIT",
   "dependencies": {
     "@changesets/changelog-github": "0.5.0",
-    "@changesets/cli": "2.27.11",
+    "@changesets/cli": "2.27.12",
     "@projectwallace/format-css": "^1.4.3",
     "chokidar": "3.6.0",
     "concurrently": "8.2.2",

packages/cli/package.json

@@ -56,7 +56,7 @@
     "postcss.js"
   ],
   "dependencies": {
-    "@clack/prompts": "0.7.0",
+    "@clack/prompts": "0.9.1",
     "@pandacss/config": "workspace:*",
     "@pandacss/logger": "workspace:*",
     "@pandacss/node": "workspace:*",

packages/node/package.json

@@ -48,7 +48,7 @@
     "@pandacss/types": "workspace:*",
     "browserslist": "4.23.3",
     "chokidar": "3.6.0",
-    "fast-glob": "3.3.2",
+    "fast-glob": "3.3.3",
     "fs-extra": "11.2.0",
     "glob-parent": "6.0.2",
     "is-glob": "4.0.3",

sandbox/codegen/package.json

@@ -33,7 +33,7 @@
     "@vitejs/plugin-vue-jsx": "3.1.0",
     "cac": "6.7.14",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-react-refresh": "0.4.16",
+    "eslint-plugin-react-refresh": "0.4.18",
     "happy-dom": "15.10.2",
     "jsdom": "24.0.0",
     "preact": "10.19.5",

sandbox/remix/package.json

@@ -16,7 +16,7 @@
     "@remix-run/node": "2.6.0",
     "@remix-run/react": "2.6.0",
     "@remix-run/serve": "2.6.0",
-    "isbot": "5.1.19",
+    "isbot": "5.1.21",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },

website/pages/docs/installation/storybook.mdx

@@ -341,4 +341,4 @@ export default defineConfig({
   staticCss: {
     recipes: '*'
   },
-})
+})

website/pages/docs/installation/svelte.mdx

@@ -210,6 +210,31 @@ export default defineConfig({
 })
 ```
 
+If you’re using Storybook for a SvelteKit project, you need to replicate the same Vite server config changes. In your .storybook folder, you likely have a `main.js` (or `vite.config.js` in older Storybook versions). Update it as follows:
+
+```js filename="main.js"
+import { defineConfig, mergeConfig } from 'vite';
+
+/** @type { import('@storybook/sveltekit').StorybookConfig } */
+
+const config = {
+  // other Storybook config...
+  viteFinal: async (config) => {
+    return mergeConfig(
+      config,
+      defineConfig({
+        server: {
+          fs: {
+            allow: ['styled-system']
+          }
+        }
+      })
+    );
+  }
+};
+export default config;
+```
+
 ### Configure the entry CSS with layers
 
 Create the `app.css` file in the `src` directory and add the following content:
@@ -300,4 +325,4 @@ const config = {
 };
 
 export default config;
-```
+```

website/pages/docs/theming/usage.mdx

@@ -48,7 +48,7 @@ The `token()` function is useful when you need to provide a fallback value. The
 
   </Tab>
   <Tab>
-   ```js
+    ```js
     import { css } from '../styled-system/css'
 
     const className = css({ border: '1px solid {colors.red.400}' })

website/pages/docs/utilities/tables.md

@@ -36,7 +36,7 @@ Control the horizontal border-spacing property of a table.
 Control the vertical border-spacing property of a table.
 
 ```jsx
-<table className={css({ borderSpacingX: '2' })} />
+<table className={css({ borderSpacingY: '2' })} />
 ```
 
 | Prop             | CSS Property     | Token Category |