chakra-ui/panda @pandacss/parser@0.38.0

on GitHub

Patch Changes

• 96b47b3: Add support for array values in the special css property for the JSX factory and JSX patterns

  This makes it even easier to merge styles from multiple sources.

  import { Stack, styled } from "../styled-system/jsx";
  
  const HeroSection = (props) => {
    return (
      <Stack css={[{ color: "blue.300", padding: "4" }, props.css]}>
        <styled.div css={[{ fontSize: "2xl" }, props.hero]}>
          Hero Section
        </styled.div>
      </Stack>
    );
  };
  
  const App = () => {
    return (
      <>
        <HeroSection
          css={{ backgroundColor: "yellow.300" }}
          hero={css.raw({ fontSize: "4xl", color: "red.300" })}
        />
      </>
    );
  };

  should render something like:

  <div class="d_flex flex_column gap_10px text_blue.300 p_4 bg_yellow.300">
    <div class="fs_4xl text_red.300">Hero Section</div>
  </div>

• 7a96298: Fix Panda imports detection when using tsconfig.baseUrl with an outdir that starts with ./.

• Updated dependencies [96b47b3]

• Updated dependencies [bc09d89]

• Updated dependencies [7a96298]

• Updated dependencies [2c8b933]

  • @pandacss/types@0.38.0
  • @pandacss/core@0.38.0
  • @pandacss/shared@0.38.0
  • @pandacss/config@0.38.0
  • @pandacss/logger@0.38.0
  • @pandacss/extractor@0.38.0