Skip to content

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Nov 30, 2024

This PR contains the following updates:

Package Change Age Confidence
@pandacss/dev (source) ^0.47.0 -> ^1.0.0 age confidence
type-fest ^4.26.1 -> ^5.0.0 age confidence
undici (source) ^6.19.8 -> ^7.0.0 age confidence
vite-bundle-analyzer ^0.12.0 -> ^1.0.0 age confidence
wrangler (source) ^3.78.7 -> ^4.0.0 age confidence

Release Notes

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

v1.4.2

Compare Source

Patch Changes

v1.4.1

Compare Source

Patch Changes

v1.4.0

Compare Source

Patch Changes

v1.3.1

Compare Source

Patch Changes

v1.3.0

Compare Source

Patch Changes

v1.2.0

Compare Source

Patch Changes

v1.1.0

Compare Source

Patch Changes

v1.0.1

Compare Source

Patch Changes

v1.0.0

Compare Source

Major Changes
  • a3bcbea: Stable release of PandaCSS
Style Context

Add createStyleContext function to framework artifacts for React, Preact, Solid, and Vue frameworks

import { sva } from 'styled-system/css'
import { createStyleContext } from 'styled-system/jsx'

const card = sva({
  slots: ['root', 'label'],
  base: {
    root: {
      color: 'red',
      bg: 'red.300',
    },
    label: {
      fontWeight: 'medium',
    },
  },
  variants: {
    size: {
      sm: {
        root: {
          padding: '10px',
        },
      },
      md: {
        root: {
          padding: '20px',
        },
      },
    },
  },
  defaultVariants: {
    size: 'sm',
  },
})

const { withProvider, withContext } = createStyleContext(card)

const CardRoot = withProvider('div', 'root')
const CardLabel = withContext('label', 'label')

Then, use like this:

<CardRoot size="sm">
  <CardLabel>Hello</CardLabel>
</CardRoot>
Patch Changes

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
sindresorhus/type-fest (type-fest)

v5.0.1

Compare Source


v5.0.0

Compare Source

Breaking
New types
Improvements
Fixes
Meta

Huge thanks to all the contributors to this release, especially @​som-sm 🙌


nodejs/undici (undici)

v7.16.0

Compare Source

What's Changed


Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 03:59 AM ( * 0-3 * * * ) in timezone Asia/Tokyo, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.


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

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

@renovate renovate bot added the deps label Nov 30, 2024
@renovate renovate bot requested a review from a team November 30, 2024 18:45
@renovate renovate bot force-pushed the renovate/main-major-enable-automerge-for-devdependencies branch from c64b221 to 0408f8f Compare December 6, 2024 11:20
@renovate renovate bot changed the title chore(deps): update dependency undici to v7 (main) chore(deps): update enable automerge for devdependencies (main) (major) Dec 6, 2024
@renovate renovate bot force-pushed the renovate/main-major-enable-automerge-for-devdependencies branch from 0408f8f to 007c30a Compare March 16, 2025 13:58
@renovate renovate bot force-pushed the renovate/main-major-enable-automerge-for-devdependencies branch from 007c30a to 1ffd5e9 Compare July 3, 2025 19:09
@renovate renovate bot force-pushed the renovate/main-major-enable-automerge-for-devdependencies branch from 1ffd5e9 to a8e4c7e Compare August 8, 2025 09:23
@renovate renovate bot force-pushed the renovate/main-major-enable-automerge-for-devdependencies branch from a8e4c7e to c465b54 Compare September 19, 2025 16:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants