Skip to content

Conversation

@renovate
Copy link
Contributor

@renovate renovate bot commented Aug 17, 2024

This PR contains the following updates:

Package Change Age Confidence
@pandacss/dev (source) 0.41.0 -> 0.54.0 age confidence
@pandacss/types (source) 0.41.0 -> 0.54.0 age confidence

Release Notes

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

v0.54.0

Compare Source

Patch Changes

v0.53.7

Compare Source

Patch Changes

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
  • 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

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

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

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

Patch Changes

v0.45.2

Compare Source

Patch Changes

v0.45.1

Compare Source

Patch Changes

v0.45.0

Compare Source

Patch Changes

v0.44.0

Compare Source

Patch Changes

v0.43.0

Compare Source

Patch Changes

v0.42.0

Compare Source

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

v0.54.0

Compare Source

v0.53.7

Compare Source

v0.53.6

Compare Source

v0.53.5

Compare Source

v0.53.4

Compare Source

v0.53.3

Compare Source

v0.53.2

Compare Source

v0.53.1

Compare Source

v0.53.0

Compare Source

Minor Changes
  • 5286731: Add support for recent baseline and experimental css properties:

    • Size interpolation: fieldSizing, interpolateSize
    • Text rendering: textWrapMode, textWrapStyle and textSpacingTrim
    • [Experimental] Anchor positioning: anchorName, anchorScope, positionAnchor, positionArea, positionTry,
      positionTryFallback, positionTryOrder, positionVisibility

v0.52.0

Compare Source

v0.51.1

Compare Source

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

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!

  • ad89b90: Add support for semantic tokens in composite shadow blur, offsetX, offsetY and spread properties.

    This enables the use of semantic tokens in composite shadow properties.

    // panda.config.ts
    
    export default defineConfig({
      theme: {
        tokens: {
          // ...
          shadows: {
            sm: {
              value: {
                offsetX: '{spacing.3}',
                offsetY: '{spacing.3}',
                blur: '1rem',
                spread: '{spacing.3}',
                color: '{colors.red}',
              },
            },
          },
        },
      },
    })

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.

v0.48.1

Compare Source

v0.48.0

Compare Source

v0.47.1

Compare Source

v0.47.0

Compare Source

Minor Changes
  • 5e683ee: Add support for cursor token types. Useful for tokenizing cursor types for interactive components.

    Here's an example of how to define a cursor token in your panda.config.ts file:

    // panda.config.ts
    export default defineConfig({
      theme: {
        extend: {
          tokens: {
            cursor: {
              button: { value: 'pointer' },
              checkbox: { value: 'default' },
            },
          },
        },
      },
    })

    Then you can use the cursor token in your styles or recipes.

    <button className={css({ cursor: 'button' })}>Click me</button>

    This makes it easy to manage cursor styles across your application.

v0.46.1

Compare Source

v0.46.0

Compare Source

v0.45.2

Compare Source

v0.45.1

Compare Source

v0.45.0

Compare Source

Minor Changes
  • dcc9053: Remove base from css or pattern style objects. The base keyword is only supported in recipes or
    conditional styles.

    Before

    hstack({
      // ❌ doesn't work
      base: {
        background: 'red.400',
        p: '11',
      },
      display: 'flex',
      flexDirection: 'column',
    })

    After

    hstack({
      // ✅ works
      background: 'red.400',
      p: '11',
      display: 'flex',
      flexDirection: 'column',
    })

v0.44.0

Compare Source

Minor Changes
  • c99cb75: Add a name mandatory key in Preset to make it easy to target one specifically

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',
          },
        ],
      },
    })

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: "@&#8203;acme/styled-system" so that Panda knows which entrypoint to extract, e.g.
      import { css } from '@&#8203;acme/styled-system/css' https://panda-css.com/docs/guides/component-library
Patch Changes
  • 19c3a2c: Minor changes to the format of the panda analyze --output coverage.json file
  • 17a1932: [BREAKING] Removed the legacy config.optimize option because it was redundant. Now, we always optimize the
    generated CSS where possible.

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

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.

@vercel
Copy link

vercel bot commented Aug 17, 2024

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
panda-plugin-crv Ready Ready Preview Comment Dec 3, 2025 2:50pm

@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 04ae10b to 74ec507 Compare August 17, 2024 19:14
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 74ec507 to 7ec3401 Compare August 29, 2024 09:17
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.45.1 chore(deps): update panda-css monorepo to v0.45.2 Aug 29, 2024
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 7ec3401 to 1d04e43 Compare September 9, 2024 19:49
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.45.2 chore(deps): update panda-css monorepo to v0.46.0 Sep 9, 2024
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 1d04e43 to dba3ba0 Compare September 23, 2024 01:54
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.46.0 chore(deps): update panda-css monorepo to v0.46.1 Sep 23, 2024
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from dba3ba0 to 092a6b7 Compare October 19, 2024 03:07
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.46.1 chore(deps): update panda-css monorepo to v0.47.0 Oct 19, 2024
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 092a6b7 to 5827a60 Compare October 22, 2024 16:45
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 5827a60 to 2f16cef Compare November 6, 2024 11:55
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.47.0 chore(deps): update panda-css monorepo to v0.47.1 Nov 6, 2024
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 2f16cef to 27bc3a8 Compare November 14, 2024 03:08
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.47.1 chore(deps): update panda-css monorepo to v0.48.0 Nov 14, 2024
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 27bc3a8 to 18564dd Compare December 7, 2024 19:55
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.48.0 chore(deps): update panda-css monorepo to v0.48.1 Dec 7, 2024
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 18564dd to dc02c68 Compare December 9, 2024 01:45
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.48.1 chore(deps): update panda-css monorepo to v0.49.0 Dec 9, 2024
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.53.4 chore(deps): update panda-css monorepo to v0.53.5 Apr 27, 2025
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 5a5b2c0 to 271c6a6 Compare April 27, 2025 21:59
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.53.5 chore(deps): update panda-css monorepo to v0.53.6 Apr 27, 2025
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 271c6a6 to a7dc967 Compare May 25, 2025 07:15
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.53.6 chore(deps): update panda-css monorepo to v0.53.7 May 25, 2025
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from a7dc967 to 90bf6c9 Compare June 15, 2025 11:49
@renovate renovate bot changed the title chore(deps): update panda-css monorepo to v0.53.7 chore(deps): update panda-css monorepo to v0.54.0 Jun 15, 2025
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 90bf6c9 to 28298c1 Compare August 10, 2025 14:09
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 28298c1 to 315a704 Compare August 13, 2025 16:26
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 315a704 to 1e61993 Compare August 19, 2025 13:46
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 1e61993 to 555d256 Compare August 31, 2025 09:59
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 555d256 to 3588aa1 Compare September 25, 2025 21:36
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 3588aa1 to 5cb213d Compare October 21, 2025 10:58
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 5cb213d to 1542bf1 Compare November 10, 2025 17:39
@renovate renovate bot force-pushed the renovate/panda-css-monorepo branch from 1542bf1 to 51333c9 Compare November 18, 2025 10:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant