chakra-ui/panda @pandacss/parser@0.5.0

on GitHub

Minor Changes

• ead9eaa: Add support for tagged template literal version.

  This features is pure css approach to writing styles, and can be a great way to migrate from styled-components and
  emotion.

  Set the syntax option to template-literal in the panda config to enable this feature.

  // panda.config.ts
  export default defineConfig({
    //...
    syntax: 'template-literal',
  })

  For existing projects, you might need to run the panda codegen --clean

  You can also use the --syntax option to specify the syntax type when using the CLI.

  panda init -p --syntax template-literal

  To get autocomplete for token variables, consider using the
  CSS Var Autocomplete extension.

Patch Changes

• 30f41e0: Fix parsing of factory recipe with property access + object syntax, such as:

  const Input = styled.input({
    base: {
      color: 'blue.100',
      bg: 'blue.900',
    },
  })

• Updated dependencies [60df9bd]

• Updated dependencies [ead9eaa]

  • @pandacss/shared@0.5.0
  • @pandacss/extractor@0.5.0
  • @pandacss/types@0.5.0
  • @pandacss/is-valid-prop@0.5.0
  • @pandacss/logger@0.5.0