Patch Changes
-
35bd134: Fix JSX matching with recipes after introducing namespace imports
import { defineConfig } from "@pandacss/dev"; export default defineConfig({ // ... theme: { extend: { slotRecipes: { tabs: { className: "tabs", slots: ["root", "list", "trigger", "content", "indicator"], base: { root: { display: "flex", // ... }, }, }, }, }, }, });
const App = () => { return ( // ❌ this was not matched to the `tabs` slot recipe // ✅ fixed with this PR <Tabs.Root defaultValue="button"> <Tabs.List> <Tabs.Trigger value="button">Button</Tabs.Trigger> <Tabs.Trigger value="radio">Radio Group</Tabs.Trigger> <Tabs.Trigger value="slider">Slider</Tabs.Trigger> <Tabs.Indicator /> </Tabs.List> </Tabs.Root> ); };
We introduced a bug in v0.34.2 where the
Tabs.Trigger
component was not being matched to thetabs
slot recipe, due to the
new namespace import feature. -
Updated dependencies [bd0cb07]
- @pandacss/types@0.36.1
- @pandacss/config@0.36.1
- @pandacss/core@0.36.1
- @pandacss/logger@0.36.1
- @pandacss/extractor@0.36.1
- @pandacss/shared@0.36.1