chore(deps): update panda-css monorepo to v0.53.4 #249

renovate · 2025-04-14T02:06:57Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@pandacss/config (source)	`0.53.2` -> `0.53.4`
@pandacss/config (source)	`^0.40.0` -> `^0.53.0`
@pandacss/core (source)	`^0.40.0` -> `^0.53.0`
@pandacss/dev (source)	`^0.40.0` -> `^0.53.0`
@pandacss/dev (source)	`0.53.2` -> `0.53.4`
@pandacss/generator (source)	`0.53.2` -> `0.53.4`
@pandacss/generator (source)	`^0.40.0` -> `^0.53.0`
@pandacss/node (source)	`0.53.2` -> `0.53.4`
@pandacss/node (source)	`^0.40.0` -> `^0.53.0`
@pandacss/preset-base (source)	`^0.40.0` -> `^0.53.0`
@pandacss/preset-panda (source)	`^0.40.0` -> `^0.53.0`
@pandacss/shared (source)	`0.53.2` -> `0.53.4`
@pandacss/shared (source)	`^0.40.0` -> `^0.53.0`
@pandacss/token-dictionary (source)	`^0.40.0` -> `^0.53.0`
@pandacss/types (source)	`^0.40.0` -> `^0.53.0`

Release Notes

chakra-ui/panda (@pandacss/config)

`v0.53.4`

Compare Source

Patch Changes

`v0.53.3`

Compare Source

Patch Changes

Updated dependencies [00aa868]
- @pandacss/preset-base @0.53.3
- @pandacss/logger @0.53.3
- @pandacss/preset-panda @0.53.3
- @pandacss/shared @0.53.3
- @pandacss/types @0.53.3

chakra-ui/panda (@pandacss/core)

`v0.53.4`

Compare Source

Patch Changes

57343c1: - Fix issue where conditions generated from themes lead to incorrect css when used directly in style
objects.
- Improve handling of mixed conditions defined in the config.
- @pandacss/is-valid-prop @0.53.4
- @pandacss/logger @0.53.4
- @pandacss/shared @0.53.4
- @pandacss/token-dictionary @0.53.4
- @pandacss/types @0.53.4

`v0.53.3`

Compare Source

Patch Changes

`v0.53.2`

Compare Source

Patch Changes

`v0.53.1`

Compare Source

Patch Changes

Patch Changes

`v0.51.1`

Compare Source

Patch Changes

`v0.51.0`

Compare Source

Patch Changes

Updated dependencies [d68ad1f]
- @pandacss/types @0.51.0
- @pandacss/logger @0.51.0
- @pandacss/token-dictionary @0.51.0
- @pandacss/is-valid-prop @0.51.0
- @pandacss/shared @0.51.0

`v0.50.0`

Compare Source

Patch Changes

7c85ac7: Improve inference of slots in slot recipes when spreading and concatenating slot names.

This handles the following case gracefully:
```
const styles = sva({
  className: 'foo',
  slots: [...componentAnatomy.keys(), 'additional', 'slots', 'here'],
})
```
Panda will now infer the slots from the anatomy and add them to the recipe.
Updated dependencies [fea78c7]
Updated dependencies [ad89b90]
- @pandacss/types @0.50.0
- @pandacss/token-dictionary @0.50.0
- @pandacss/logger @0.50.0
- @pandacss/is-valid-prop @0.50.0
- @pandacss/shared @0.50.0

`v0.49.0`

Compare Source

Minor Changes

97a0e4d: Add support for animation styles. Animation styles focus solely on animations, allowing you to orchestrate
animation properties.

Pairing animation styles with text styles and layer styles can make your styles a lot cleaner.

Here's an example of this:

import { defineAnimationStyles } from '@&#8203;pandacss/dev'

export const animationStyles = defineAnimationStyles({
  'slide-fade-in': {
    value: {
      transformOrigin: 'var(--transform-origin)',
      animationDuration: 'fast',
      '&[data-placement^=top]': {
        animationName: 'slide-from-top, fade-in',
      },
      '&[data-placement^=bottom]': {
        animationName: 'slide-from-bottom, fade-in',
      },
      '&[data-placement^=left]': {
        animationName: 'slide-from-left, fade-in',
      },
      '&[data-placement^=right]': {
        animationName: 'slide-from-right, fade-in',
      },
    },
  },
})

With that defined, I can use it in my recipe or css like so:

export const popoverSlotRecipe = defineSlotRecipe({
  slots: anatomy.keys(),
  base: {
    content: {
      _open: {
        animationStyle: 'scale-fade-in',
      },
      _closed: {
        animationStyle: 'scale-fade-out',
      },
    },
  },
})

This feature will drive consumers to lean in towards CSS for animations rather than JS. Composing animation names is a
powerful feature we should encourage consumers to use.

Patch Changes

Updated dependencies [97a0e4d]
- @pandacss/types @0.49.0
- @pandacss/logger @0.49.0
- @pandacss/token-dictionary @0.49.0
- @pandacss/is-valid-prop @0.49.0
- @pandacss/shared @0.49.0

`v0.48.1`

Compare Source

Patch Changes

`v0.48.0`

Compare Source

Patch Changes

`v0.47.1`

Compare Source

Patch Changes

Updated dependencies [144113f]
- @pandacss/token-dictionary @0.47.1
- @pandacss/is-valid-prop @0.47.1
- @pandacss/logger @0.47.1
- @pandacss/shared @0.47.1
- @pandacss/types @0.47.1

`v0.47.0`

Compare Source

Patch Changes

Updated dependencies [5e683ee]
- @pandacss/token-dictionary @0.47.0
- @pandacss/types @0.47.0
- @pandacss/logger @0.47.0
- @pandacss/is-valid-prop @0.47.0
- @pandacss/shared @0.47.0

`v0.46.1`

Compare Source

Patch Changes

9fbd2d8: Fix issue where using container query in static css results in empty styles.
- @pandacss/is-valid-prop @0.46.1
- @pandacss/logger @0.46.1
- @pandacss/shared @0.46.1
- @pandacss/token-dictionary @0.46.1
- @pandacss/types @0.46.1

`v0.46.0`

Compare Source

Minor Changes

54426a2: Add support native css nesting in template literal mode. Prior to this change, you need to add & to all
nested selectors.

Before:
```
css`
  & p {
    color: red;
  }
`
```
After:
```
css`
  p {
    color: red;
  }
`
```
Good to know: Internally, this will still convert to p to & p, but the generated css will work as expected.

Patch Changes

54426a2: Fix issue where nesting @scope rule that use the & don't expand correctly
Updated dependencies [54426a2]
- @pandacss/shared @0.46.0
- @pandacss/token-dictionary @0.46.0
- @pandacss/types @0.46.0
- @pandacss/is-valid-prop @0.46.0
- @pandacss/logger @0.46.0

`v0.45.2`

Compare Source

Patch Changes

`v0.45.1`

Compare Source

Patch Changes

Updated dependencies [3439ecf]
- @pandacss/token-dictionary @0.45.1
- @pandacss/is-valid-prop @0.45.1
- @pandacss/logger @0.45.1
- @pandacss/shared @0.45.1
- @pandacss/types @0.45.1

`v0.45.0`

Compare Source

Minor Changes

1e4da63: Add support resolving DEFAULT in textStyles and layerStyles, just like tokens.

export default defineConfig({
  theme: {
    textStyles: {
      display: {
        // 'display'
        DEFAULT: {
          value: {
            fontSize: '1.5rem',
            fontWeight: 'bold',
          },
        },
        // 'display.large'
        large: {
          value: {
            fontSize: '2rem',
            fontWeight: 'bold',
          },
        },
      },
    },
  },
})

In case, you can use textStyles: display to reference the DEFAULT display value.

css({ textStyle: 'display' })

Patch Changes

552dd4b: Fix issue where divideY and divideColor utilities, used together in a recipe, doesn't generate the
correct css.
Updated dependencies [dcc9053]
Updated dependencies [a21fcfe]
Updated dependencies [552dd4b]
- @pandacss/types @0.45.0
- @pandacss/token-dictionary @0.45.0
- @pandacss/shared @0.45.0
- @pandacss/logger @0.45.0
- @pandacss/is-valid-prop @0.45.0

`v0.44.0`

Compare Source

Patch Changes

Updated dependencies [c99cb75]
- @pandacss/types @0.44.0
- @pandacss/logger @0.44.0
- @pandacss/token-dictionary @0.44.0
- @pandacss/is-valid-prop @0.44.0
- @pandacss/shared @0.44.0

`v0.43.0`

Compare Source

Minor Changes

e952f82: Add support for defining global font face in config and preset

// pandacss.config.js
export default defineConfig({
  globalFontface: {
    Roboto: {
      src: 'url(/fonts/roboto.woff2) format("woff2")',
      fontWeight: '400',
      fontStyle: 'normal',
    },
  },
})

You can also add multiple font src for the same weight

// pandacss.config.js

export default defineConfig({
  globalFontface: {
    Roboto: {
      // multiple src
      src: ['url(/fonts/roboto.woff2) format("woff2")', 'url(/fonts/roboto.woff) format("woff")'],
      fontWeight: '400',
      fontStyle: 'normal',
    },
  },
})

You can also define multiple font weights

// pandacss.config.js

export default defineConfig({
  globalFontface: {
    // multiple font weights
    Roboto: [
      {
        src: 'url(/fonts/roboto.woff2) format("woff2")',
        fontWeight: '400',
        fontStyle: 'normal',
      },
      {
        src: 'url(/fonts/roboto-bold.woff2) format("woff2")',
        fontWeight: '700',
        fontStyle: 'normal',
      },
    ],
  },
})

Patch Changes

Updated dependencies [e952f82]
- @pandacss/types @0.43.0
- @pandacss/logger @0.43.0
- @pandacss/token-dictionary @0.43.0
- @pandacss/is-valid-prop @0.43.0
- @pandacss/shared @0.43.0

`v0.42.0`

Compare Source

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 '@&#8203;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

`v0.41.0`

Compare Source

Patch Changes

2750261: Fix an issue where spreading an identifier in a sva slots array would prevent expected CSS from being
generated

import { sva } from 'styled-system/css'
const parts = ['positioner', 'content']

const card = sva({
  slots: [...parts], // <- spreading here was causing the below CSS not to be generated, it's now fixed ✅
  base: {
    root: {
      p: '6',
    },
  },
})

chakra-ui/panda (@pandacss/dev)

`v0.53.4`

Compare Source

Patch Changes

`v0.53.3`

Compare Source

Patch Changes

`v0.53.2`

Compare Source

Patch Changes

Updated dependencies [cde9a0b]
- @pandacss/config @0.53.2
- @pandacss/node @0.53.2
- @pandacss/postcss @0.53.2
- @pandacss/logger @0.53.2
- @pandacss/preset-panda @0.53.2
- @pandacss/shared @0.53.2
- @pandacss/token-dictionary @0.53.2
- @pandacss/types @0.53.2

`v0.53.1`

Compare Source

Patch Changes

Updated dependencies [b67a2a5]
- @pandacss/node @0.53.1
- @pandacss/postcss @0.53.1
- @pandacss/config @0.53.1
- @pandacss/logger @0.53.1
- @pandacss/preset-panda @0.53.1
- @pandacss/shared @0.53.1
- @pandacss/token-dictionary @0.53.1
- @pandacss/types @0.53.1

`v0.53.0`

Compare Source

Patch Changes

Updated dependencies [5286731]
- @pandacss/types @0.53.0
- @pandacss/node @0.53.0
- @pandacss/config @0.53.0
- @pandacss/logger @0.53.0
- @pandacss/preset-panda @0.53.0
- @pandacss/token-dictionary @0.53.0
- @pandacss/postcss @0.53.0
- @pandacss/shared @0.53.0

`v0.52.0`

Compare Source

Patch Changes

Updated dependencies [2f1165c]
- @pandacss/node @0.52.0
- @pandacss/config @0.52.0
- @pandacss/postcss @0.52.0
- @pandacss/logger @0.52.0
- @pandacss/preset-panda @0.52.0
- @pandacss/shared @0.52.0
- @pandacss/token-dictionary @0.52.0
- @pandacss/types @0.52.0

`v0.51.1`

Compare Source

Patch Changes

9c1327e: Redesigned the recipe report to be more readable and easier to understand. We simplified the JSX and
Function columns to be more concise.

BEFORE

╔════════════════════════╤══════════════════════╤═════════╤═══════╤════════════╤═══════════════════╤══════════╗
║ Recipe                 │ Variant Combinations │ Usage % │ JSX % │ Function % │ Most Used         │ Found in ║
╟────────────────────────┼──────────────────────┼─────────┼───────┼────────────┼───────────────────┼──────────╢
║ someRecipe (1 variant) │ 1 / 1                │ 100%    │ 100%  │ 0%         │ size.small        │ 1 file   ║
╟────────────────────────┼──────────────────────┼─────────┼───────┼────────────┼───────────────────┼──────────╢
║ button (4 variants)    │ 7 / 9                │ 77.78%  │ 63%   │ 38%        │ size.md, size.sm, │ 2 files  ║
║                        │                      │         │       │            │ state.focused,    │          ║
║                        │                      │         │       │            │ variant.danger,   │          ║
║                        │                      │         │       │            │ variant.primary   │          ║
╚════════════════════════╧══════════════════════╧═════════╧═══════╧════════════╧═══════════════════╧══════════╝

AFTER

╔════════════════════════╤════════════════╤═══════════════════╤═══════════════════╤══════════╤═══════════╗
║ Recipe                 │ Variant values │ Usage %           │ Most used         │ Found in │ Used as   ║
╟────────────────────────┼────────────────┼───────────────────┼───────────────────┼──────────┼───────────╢
║ someRecipe (1 variant) │ 1 value        │ 100% (1 value)    │ size.small        │ 1 file   │ jsx: 100% ║
║                        │                │                   │                   │          │ fn: 0%    ║
╟────────────────────────┼────────────────┼───────────────────┼───────────────────┼──────────┼───────────╢
║ button (4 variants)    │ 9 values       │ 77.78% (7 values) │ size.md, size.sm, │ 2 files  │ jsx: 63%  ║
║                        │                │                   │ state.focused,    │          │ fn: 38%   ║
║                        │                │                   │ variant.danger,   │          │           ║
║                        │                │                   │ variant.primary   │          │           ║
╚════════════════════════╧════════════════╧═══════════════════╧═══════════════════╧══════════╧═══════════╝

`v0.51.0`

Compare Source

Patch Changes

Updated dependencies [d68ad1f]
- @pandacss/config @0.51.0
- @pandacss/types @0.51.0
- @pandacss/node @0.51.0
- @pandacss/logger @0.51.0
- @pandacss/preset-panda @0.51.0
- @pandacss/token-dictionary @0.51.0
- @pandacss/postcss @0.51.0
- [@panda

Configuration

📅 Schedule: Branch creation - "* 0-3 * * 1" in timezone UTC, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

renovate bot force-pushed the renovate/panda-css-monorepo branch from d723464 to 0565de1 Compare April 16, 2025 06:27

renovate bot changed the title ~~chore(deps): update panda-css monorepo to v0.53.3~~ chore(deps): update panda-css monorepo to v0.53.4 Apr 16, 2025

chore(deps): update panda-css monorepo to v0.53.4

d7b6c2c

renovate bot force-pushed the renovate/panda-css-monorepo branch from 0565de1 to d7b6c2c Compare April 24, 2025 10:55

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(deps): update panda-css monorepo to v0.53.4 #249

chore(deps): update panda-css monorepo to v0.53.4 #249

renovate bot commented Apr 14, 2025 •

edited

Loading

chore(deps): update panda-css monorepo to v0.53.4 #249

Are you sure you want to change the base?

chore(deps): update panda-css monorepo to v0.53.4 #249

Conversation

renovate bot commented Apr 14, 2025 • edited Loading

Release Notes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Configuration

renovate bot commented Apr 14, 2025 •

edited

Loading