Skip to content

Releases: chakra-ui/panda

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Minor Changes

  • 86b30b1: Add panda spec command to generate specification files for your theme (useful for documentation). This
    command generates JSON specification files containing metadata, examples, and usage information.

    # Generate all spec files
    panda spec
    
    # Custom output directory
    panda spec --outdir custom/specs

    Token Spec Structure:

    {
      "type": "tokens",
      "data": [
        {
          "type": "aspectRatios",
          "values": [{ "name": "square", "value": "1 / 1", "cssVar": "var(--aspect-ratios-square)" }],
          "tokenFunctionExamples": ["token('aspectRatios.square')"],
          "functionExamples": ["css({ aspectRatio: 'square' })"],
          "jsxExamples": ["<Box aspectRatio=\"square\" />"]
        }
      ]
    }

    Spec Usage:

    import tokens from 'styled-system/specs/tokens'
    import recipes from 'styled-system/specs/recipes'

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Patch Changes

@pandacss/[email protected]

08 Dec 13:34
585e904

Choose a tag to compare

Patch Changes