chakra-ui/panda @pandacss/core@0.42.0

on GitHub

Minor Changes

• e157dd1: - Ensure classnames are unique across utilities to prevent potential clash

  • Add support for 4xl border radius token

• f00ff88: BREAKING: Remove emitPackage config option,

  tldr: use importMap instead for absolute paths (e.g can be used for component libraries)

  emitPackage is deprecated, it's known for causing several issues:

  • bundlers sometimes eagerly cache the node_modules, leading to panda codegen updates to the styled-system not
    visible in the browser
  • auto-imports are not suggested in your IDE.
  • in some IDE the typings are not always reflected properly

  As alternatives, you can use:

  • relative paths instead of absolute paths (e.g. ../styled-system/css instead of styled-system/css)
  • use package.json #imports and/or tsconfig path aliases (prefer package.json#imports when possible, TS 5.4 supports
    them by default) like #styled-system/css instead of styled-system/css
    https://nodejs.org/api/packages.html#subpath-imports
  • for a component library, use a dedicated workspace package (e.g. @acme/styled-system) and use
    importMap: "@acme/styled-system" so that Panda knows which entrypoint to extract, e.g.
    import { css } from '@acme/styled-system/css' https://panda-css.com/docs/guides/component-library

Patch Changes

• ec64819: Change recipes className to be optional, both for recipes and slotRecipes, with a fallback to its name.

  import { defineConfig } from '@pandacss/core'
  
  export default defineConfig({
    recipes: {
      button: {
        className: 'button', // 👈 was mandatory, is now optional
        variants: {
          size: {
            sm: { padding: '2', borderRadius: 'sm' },
            md: { padding: '4', borderRadius: 'md' },
          },
        },
      },
    },
  })

• 17a1932: [BREAKING] Removed the legacy config.optimize option because it was redundant. Now, we always optimize the
  generated CSS where possible.

• Updated dependencies [e157dd1]

• Updated dependencies [19c3a2c]

• Updated dependencies [f00ff88]

• Updated dependencies [17a1932]

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