chakra-ui/panda @pandacss/generator@0.34.3

on GitHub

Patch Changes

• 39f529e: Allow color opacity modifier when using strictTokens, e.g color: "blue.200/50" will not throw a TS error anymore

• 4576a60: Fix nested styled factory composition

  import { styled } from "../styled-system/jsx";
  
  const BasicBox = styled("div", { base: { fontSize: "10px" } });
  const ExtendedBox1 = styled(BasicBox, { base: { fontSize: "20px" } });
  const ExtendedBox2 = styled(ExtendedBox1, { base: { fontSize: "30px" } });
  
  export const App = () => {
    return (
      <>
        {/* ✅ fs_10px */}
        <BasicBox>text1</BasicBox>
        {/* ✅ fs_20px */}
        <ExtendedBox1>text2</ExtendedBox1>
        {/* BEFORE: ❌ fs_10px fs_30px */}
        {/* NOW: ✅ fs_30px */}
        <ExtendedBox2>text3</ExtendedBox2>
      </>
    );
  };

  • @pandacss/core@0.34.3
  • @pandacss/is-valid-prop@0.34.3
  • @pandacss/logger@0.34.3
  • @pandacss/shared@0.34.3
  • @pandacss/token-dictionary@0.34.3
  • @pandacss/types@0.34.3