Minor Changes
-
86b30b1: Add
panda speccommand 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'