chakra-ui/panda @pandacss/types@0.21.0

on GitHub

Patch Changes

• 5b06161: Add a shortcut for the config.importMap option

  You can now also use a string to customize the base import path and keep the default entrypoints:

  {
    "importMap": "@scope/styled-system"
  }

  is the equivalent of:

  {
    "importMap": {
      "css": "@scope/styled-system/css",
      "recipes": "@scope/styled-system/recipes",
      "patterns": "@scope/styled-system/patterns",
      "jsx": "@scope/styled-system/jsx"
    }
  }

• 105f74c: Add a way to specify a recipe's staticCss options from inside a recipe config, e.g.:

  import { defineRecipe } from '@pandacss/dev'
  
  const card = defineRecipe({
    className: 'card',
    base: { color: 'white' },
    variants: {
      size: {
        small: { fontSize: '14px' },
        large: { fontSize: '18px' },
      },
    },
    staticCss: [{ size: ['*'] }],
  })

  would be the equivalent of defining it inside the main config:

  import { defineConfig } from '@pandacss/dev'
  
  export default defineConfig({
    // ...
    staticCss: {
      recipes: {
        card: {
          size: ['*'],
        },
      },
    },
  })