chore(deps): update panda-css monorepo to ^0.51.0 #203

renovate · 2024-12-30T01:26:46Z

This PR contains the following updates:

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

Release Notes

chakra-ui/panda (@pandacss/config)

`v0.51.1`

Compare Source

Patch Changes

`v0.51.0`

Compare Source

Minor Changes

d68ad1f: [BREAKING]: Fix issue where Next.js build might fail intermittently due to version mismatch between
internal ts-morph and userland typescript.

The current version of TS supported is 5.6.2

Patch Changes

`v0.47.0`

Compare Source

Patch Changes

Updated dependencies [5e683ee]
- @pandacss/types @0.47.0
- @pandacss/logger @0.47.0
- @pandacss/preset-base @0.47.0
- @pandacss/preset-panda @0.47.0
- @pandacss/shared @0.47.0

`v0.46.1`

Compare Source

Patch Changes

`v0.46.0`

Compare Source

Patch Changes

Updated dependencies [b7ed157]
Updated dependencies [54426a2]
- @pandacss/preset-base @0.46.0
- @pandacss/shared @0.46.0
- @pandacss/types @0.46.0
- @pandacss/logger @0.46.0
- @pandacss/preset-panda @0.46.0

`v0.45.2`

Compare Source

Patch Changes

`v0.45.1`

Compare Source

Patch Changes

`v0.45.0`

Compare Source

Patch Changes

Updated dependencies [dcc9053]
Updated dependencies [552dd4b]
- @pandacss/types @0.45.0
- @pandacss/shared @0.45.0
- @pandacss/logger @0.45.0
- @pandacss/preset-base @0.45.0
- @pandacss/preset-panda @0.45.0

`v0.44.0`

Compare Source

Patch Changes

d7f5cab: Ensure globalFontface definitions are merged correctly
Updated dependencies [c99cb75]
- @pandacss/types @0.44.0
- @pandacss/logger @0.44.0
- @pandacss/preset-base @0.44.0
- @pandacss/preset-panda @0.44.0
- @pandacss/shared @0.44.0

`v0.43.0`

Compare Source

Patch Changes

Updated dependencies [e952f82]
- @pandacss/types @0.43.0
- @pandacss/logger @0.43.0
- @pandacss/preset-base @0.43.0
- @pandacss/preset-panda @0.43.0
- @pandacss/shared @0.43.0

`v0.42.0`

Compare Source

Minor Changes

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

Updated dependencies [e157dd1]
Updated dependencies [19c3a2c]
Updated dependencies [f00ff88]
Updated dependencies [17a1932]
- @pandacss/preset-base @0.42.0
- @pandacss/preset-panda @0.42.0
- @pandacss/types @0.42.0
- @pandacss/logger @0.42.0
- @pandacss/shared @0.42.0

`v0.41.0`

Compare Source

Patch Changes

chakra-ui/panda (@pandacss/core)

`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.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
- @pandacss/shared @0.51.0

`v0.50.0`

Compare Source

Minor Changes

fea78c7: Adds support for static analysis of used tokens and recipe variants. It helps to get a birds-eye view of how
your design system is used and answers the following questions:
- What tokens are most used?
- What recipe variants are most used?
- How many hardcoded values vs tokens do we have?
```
panda analyze --scope=<token|recipe>
```
Still work in progress but we're excited to get your feedback!

Patch Changes

Updated dependencies [fea78c7]
Updated dependencies [ad89b90]
- @pandacss/types[@0](https://re

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 20fd6f2 to f717635 Compare December 30, 2024 05:19

chore(deps): update panda-css monorepo to ^0.51.0

3a8e0de

renovate bot force-pushed the renovate/panda-css-monorepo branch from f717635 to 3a8e0de Compare December 31, 2024 19:26

renovate bot changed the title ~~chore(deps): update panda-css monorepo to ^0.50.0~~ chore(deps): update panda-css monorepo to ^0.51.0 Dec 31, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(deps): update panda-css monorepo to ^0.51.0 #203

chore(deps): update panda-css monorepo to ^0.51.0 #203

renovate bot commented Dec 30, 2024 •

edited

Loading

chore(deps): update panda-css monorepo to ^0.51.0 #203

Are you sure you want to change the base?

chore(deps): update panda-css monorepo to ^0.51.0 #203

Conversation

renovate bot commented Dec 30, 2024 • edited Loading

Release Notes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

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

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

Minor Changes

Patch Changes

Configuration

renovate bot commented Dec 30, 2024 •

edited

Loading