chore(deps): update panda-css monorepo to v0.49.0 #75

renovate · 2024-08-17T18:39:40Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@pandacss/dev (source)	`0.41.0` -> `0.49.0`
@pandacss/types (source)	`0.41.0` -> `0.49.0`

Release Notes

chakra-ui/panda (@pandacss/dev)

`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.47.1`

Compare Source

Patch Changes

Updated dependencies [50fc8ef]
Updated dependencies [144113f]
- @pandacss/postcss @0.47.1
- @pandacss/token-dictionary @0.47.1
- @pandacss/node @0.47.1
- @pandacss/config @0.47.1
- @pandacss/logger @0.47.1
- @pandacss/preset-panda @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/node @0.47.0
- @pandacss/config @0.47.0
- @pandacss/logger @0.47.0
- @pandacss/preset-panda @0.47.0
- @pandacss/postcss @0.47.0
- @pandacss/shared @0.47.0

`v0.46.1`

Compare Source

Patch Changes

`v0.46.0`

Compare Source

Patch Changes

Updated dependencies [54426a2]
- @pandacss/shared @0.46.0
- @pandacss/config @0.46.0
- @pandacss/node @0.46.0
- @pandacss/token-dictionary @0.46.0
- @pandacss/postcss @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

Updated dependencies [26924c7]
Updated dependencies [3439ecf]
- @pandacss/node @0.45.1
- @pandacss/token-dictionary @0.45.1
- @pandacss/postcss @0.45.1
- @pandacss/config @0.45.1
- @pandacss/logger @0.45.1
- @pandacss/preset-panda @0.45.1
- @pandacss/shared @0.45.1
- @pandacss/types @0.45.1

`v0.45.0`

Compare Source

Patch Changes

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/node @0.45.0
- @pandacss/config @0.45.0
- @pandacss/logger @0.45.0
- @pandacss/preset-panda @0.45.0
- @pandacss/postcss @0.45.0

`v0.44.0`

Compare Source

Patch Changes

Updated dependencies [d7f5cab]
Updated dependencies [c99cb75]
- @pandacss/config @0.44.0
- @pandacss/types @0.44.0
- @pandacss/node @0.44.0
- @pandacss/logger @0.44.0
- @pandacss/preset-panda @0.44.0
- @pandacss/token-dictionary @0.44.0
- @pandacss/postcss @0.44.0
- @pandacss/shared @0.44.0

`v0.43.0`

Compare Source

Patch Changes

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

`v0.42.0`

Compare Source

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.
Updated dependencies [e157dd1]
Updated dependencies [19c3a2c]
Updated dependencies [f00ff88]
Updated dependencies [ec64819]
Updated dependencies [17a1932]
- @pandacss/preset-panda @0.42.0
- @pandacss/types @0.42.0
- @pandacss/node @0.42.0
- @pandacss/config @0.42.0
- @pandacss/logger @0.42.0
- @pandacss/token-dictionary @0.42.0
- @pandacss/postcss @0.42.0
- @pandacss/shared @0.42.0

chakra-ui/panda (@pandacss/types)

`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: "@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

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 · 2024-08-17T18:39:44Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
panda-plugin-crv	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 9, 2024 1:46am

vercel bot deployed to Preview August 17, 2024 18:40 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from 04ae10b to 74ec507 Compare August 17, 2024 19:14

vercel bot deployed to Preview August 17, 2024 19:15 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from 74ec507 to 7ec3401 Compare August 29, 2024 09:17

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

vercel bot deployed to Preview August 29, 2024 09:17 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from 7ec3401 to 1d04e43 Compare September 9, 2024 19:49

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

vercel bot deployed to Preview September 9, 2024 19:49 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from 1d04e43 to dba3ba0 Compare September 23, 2024 01:54

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

vercel bot deployed to Preview September 23, 2024 01:55 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from dba3ba0 to 092a6b7 Compare October 19, 2024 03:07

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

vercel bot deployed to Preview October 19, 2024 03:08 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from 092a6b7 to 5827a60 Compare October 22, 2024 16:45

vercel bot deployed to Preview October 22, 2024 16:46 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from 5827a60 to 2f16cef Compare November 6, 2024 11:55

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

vercel bot deployed to Preview November 6, 2024 11:56 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from 2f16cef to 27bc3a8 Compare November 14, 2024 03:08

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

vercel bot deployed to Preview November 14, 2024 03:08 View deployment

renovate bot force-pushed the renovate/panda-css-monorepo branch from 27bc3a8 to 18564dd Compare December 7, 2024 19:55

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

vercel bot deployed to Preview December 7, 2024 19:55 View deployment

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

dc02c68

renovate bot force-pushed the renovate/panda-css-monorepo branch from 18564dd to dc02c68 Compare December 9, 2024 01:45

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

vercel bot deployed to Preview December 9, 2024 01:46 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(deps): update panda-css monorepo to v0.49.0 #75

chore(deps): update panda-css monorepo to v0.49.0 #75

renovate bot commented Aug 17, 2024 •

edited

Loading

vercel bot commented Aug 17, 2024 •

edited

Loading

chore(deps): update panda-css monorepo to v0.49.0 #75

Are you sure you want to change the base?

chore(deps): update panda-css monorepo to v0.49.0 #75

Conversation

renovate bot commented Aug 17, 2024 • edited Loading

Release Notes

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

Minor Changes

Minor Changes

Minor Changes

Minor Changes

Minor Changes

Minor Changes

Patch Changes

Configuration

vercel bot commented Aug 17, 2024 • edited Loading

renovate bot commented Aug 17, 2024 •

edited

Loading

vercel bot commented Aug 17, 2024 •

edited

Loading