eslint-plugin-panda icon indicating copy to clipboard operation
eslint-plugin-panda copied to clipboard

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

Open renovate[bot] opened this issue 7 months ago • 0 comments

This PR contains the following updates:

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

Release Notes

chakra-ui/panda (@​pandacss/config)

v0.53.6

Compare Source

Patch Changes

v0.53.5

Compare Source

Patch Changes

v0.53.4

Compare Source

Patch Changes

v0.53.3

Compare Source

Patch Changes
chakra-ui/panda (@​pandacss/core)

v0.53.6

Compare Source

Patch Changes

v0.53.5

Compare Source

Patch Changes

v0.53.4

Compare Source

Patch Changes

v0.53.3

Compare Source

Patch Changes

v0.53.2

Compare Source

Patch Changes

v0.53.1

Compare Source

Patch Changes

v0.53.0

Compare Source

Patch Changes

v0.52.0

Compare Source

Patch Changes

v0.51.1

Compare Source

Patch Changes

v0.51.0

Compare Source

Patch Changes

v0.50.0

Compare Source

Patch Changes

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 '@​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

v0.48.1

Compare Source

Patch Changes

v0.48.0

Compare Source

Patch Changes

v0.47.1

Compare Source

Patch Changes

v0.47.0

Compare Source

Patch Changes

v0.46.1

Compare Source

Patch Changes

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

v0.45.2

Compare Source

Patch Changes

v0.45.1

Compare Source

Patch Changes

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

v0.44.0

Compare Source

Patch Changes

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

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

v0.41.0

Compare Source

Patch Changes
chakra-ui/panda (@​pandacss/dev)

v0.53.6

Compare Source

Patch Changes

v0.53.5

Compare Source

Patch Changes

v0.53.4

Compare Source

Patch Changes

v0.53.3

Compare Source

Patch Changes

v0.53.2

Compare Source

Patch Changes

v0.53.1

Compare Source

Patch Changes

v0.53.0

Compare Source

Patch Changes

v0.52.0

Compare Source

Patch Changes

Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 03:59 AM, only on Monday ( * 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] avatar Apr 14 '25 02:04 renovate[bot]