Releases: chakra-ui/panda
Releases · chakra-ui/panda
@pandacss/astro-plugin-studio@0.26.0
@pandacss/types@0.25.0
Patch Changes
- 59fd291: Add a way to generate the staticCss for all recipes (and all variants of each recipe)
@pandacss/token-dictionary@0.25.0
Minor Changes
-
de282f6: Support token reference syntax when authoring styles object, text styles and layer styles.
import { css } from '../styled-system/css' const styles = css({ border: '2px solid {colors.primary}', })
This will resolve the token reference and convert it to css variables.
.border_2px_solid_\{colors\.primary\} { border: 2px solid var(--colors-primary); }
The alternative to this was to use the
token(...)css function which will be resolved.token(...)vs{...}Both approaches return the css variable
const styles = css({ // token reference syntax border: '2px solid {colors.primary}', // token function syntax border: '2px solid token(colors.primary)', })
However, The
token(...)syntax allows you to set a fallback value.const styles = css({ border: '2px solid token(colors.primary, red)', })
Patch Changes
- Updated dependencies [59fd291]
- @pandacss/types@0.25.0
- @pandacss/shared@0.25.0
@pandacss/studio@0.25.0
@pandacss/shared@0.25.0
@pandacss/shared@0.25.0
@pandacss/preset-panda@0.25.0
Patch Changes
- Updated dependencies [59fd291]
- @pandacss/types@0.25.0
@pandacss/preset-open-props@0.25.0
Patch Changes
- Updated dependencies [59fd291]
- @pandacss/types@0.25.0
@pandacss/preset-base@0.25.0
Patch Changes
- Updated dependencies [59fd291]
- @pandacss/types@0.25.0
@pandacss/preset-atlaskit@0.25.0
Patch Changes
- Updated dependencies [59fd291]
- @pandacss/types@0.25.0
@pandacss/postcss@0.25.0
Patch Changes
- Updated dependencies [bc15435]
- @pandacss/node@0.25.0