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

renovate · 2024-07-08T19:02:57Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@pandacss/dev (source)	`^0.41.0` -> `^0.51.0`
@pandacss/dev (source)	`^0.47.0` -> `^0.51.0`
@pandacss/preset-base (source)	`^0.41.0` -> `^0.51.0`
@pandacss/types (source)	`^0.41.0` -> `^0.51.0`

Release Notes

chakra-ui/panda (@pandacss/dev)

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.50.0
- @pandacss/node @0.50.0
- @pandacss/token-dictionary @0.50.0
- @pandacss/config @0.50.0
- @pandacss/logger @0.50.0
- @pandacss/preset-panda @0.50.0
- @pandacss/postcss @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/preset-panda @0.49.0
- @pandacss/types @0.49.0
- @pandacss/config @0.49.0
- @pandacss/node @0.49.0
- @pandacss/logger @0.49.0
- @pandacss/token-dictionary @0.49.0
- @pandacss/postcss @0.49.0
- @pandacss/shared @0.49.0

`v0.48.1`

Compare Source

Patch Changes

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

`v0.48.0`

Compare Source

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/preset-base)

`v0.51.0`

Compare Source

Patch Changes

Updated dependencies [d68ad1f]
- @pandacss/types @0.51.0

`v0.50.0`

Compare Source

Patch Changes

Updated dependencies [fea78c7]
Updated dependencies [ad89b90]
- @pandacss/types @0.50.0

`v0.49.0`

Compare Source

Patch Changes

Updated dependencies [97a0e4d]
- @pandacss/types @0.49.0

`v0.48.1`

Compare Source

Patch Changes

af9715a: Fix issue where scrollbarGutter property incorrectly referenced spacing tokens. The only valid values are
auto, stable, and both-edges.
- @pandacss/types @0.48.1

`v0.48.0`

Compare Source

Minor Changes

cff19aa: [Breaking] Remove default utility values for gridTemplateColumns, gridTemplateRows, gridColumn and
gridRow to prevent interference with native css values.

For example 1 or 2 is a valid native value for gridColumn or gridRow, and should not be overridden by the
utility.

Find the previous default values below, you can add them back to your config if you need them.

const utilities = {
  gridTemplateColumns: {
    className: 'grid-tc',
    group: 'Grid Layout',
    values: {
      '1': 'repeat(1, minmax(0, 1fr))',
      '2': 'repeat(2, minmax(0, 1fr))',
      '3': 'repeat(3, minmax(0, 1fr))',
      '4': 'repeat(4, minmax(0, 1fr))',
      '5': 'repeat(5, minmax(0, 1fr))',
      '6': 'repeat(6, minmax(0, 1fr))',
      '7': 'repeat(7, minmax(0, 1fr))',
      '8': 'repeat(8, minmax(0, 1fr))',
      '9': 'repeat(9, minmax(0, 1fr))',
      '10': 'repeat(10, minmax(0, 1fr))',
      '11': 'repeat(11, minmax(0, 1fr))',
      '12': 'repeat(12, minmax(0, 1fr))',
    },
  },
  gridTemplateRows: {
    className: 'grid-tr',
    group: 'Grid Layout',
    values: {
      '1': 'repeat(1, minmax(0, 1fr))',
      '2': 'repeat(2, minmax(0, 1fr))',
      '3': 'repeat(3, minmax(0, 1fr))',
      '4': 'repeat(4, minmax(0, 1fr))',
      '5': 'repeat(5, minmax(0, 1fr))',
      '6': 'repeat(6, minmax(0, 1fr))',
      '7': 'repeat(7, minmax(0, 1fr))',
      '8': 'repeat(8, minmax(0, 1fr))',
      '9': 'repeat(9, minmax(0, 1fr))',
      '10': 'repeat(10, minmax(0, 1fr))',
      '11': 'repeat(11, minmax(0, 1fr))',
      '12': 'repeat(12, minmax(0, 1fr))',
    },
  },
  gridColumn: {
    className: 'grid-c',
    group: 'Grid Layout',
    values: {
      full: '1 / -1',
      '1': 'span 1 / span 1',
      '2': 'span 2 / span 2',
      '3': 'span 3 / span 3',
      '4': 'span 4 / span 4',
      '5': 'span 5 / span 5',
      '6': 'span 6 / span 6',
      '7': 'span 7 / span 7',
      '8': 'span 8 / span 8',
      '9': 'span 9 / span 9',
      '10': 'span 10 / span 10',
      '11': 'span 11 / span 11',
      '12': 'span 12 / span 12',
    },
  },
  gridRow: {
    className: 'grid-r',
    group: 'Grid Layout',
    values: {
      full: '1 / -1',
      '1': 'span 1 / span 1',
      '2': 'span 2 / span 2',
      '3': 'span 3 / span 3',
      '4': 'span 4 / span 4',
      '5': 'span 5 / span 5',
      '6': 'span 6 / span 6',
      '7': 'span 7 / span 7',
      '8': 'span 8 / span 8',
      '9': 'span 9 / span 9',
      '10': 'span 10 / span 10',
      '11': 'span 11 / span 11',
      '12': 'span 12 / span 12',
    },
  },
}

Patch Changes

@pandacss/types @0.48.0

`v0.47.1`

Compare Source

Patch Changes

@pandacss/types @0.47.1

`v0.47.0`

Compare Source

Patch Changes

Updated dependencies [5e683ee]
- @pandacss/types @0.47.0

`v0.46.1`

Compare Source

Patch Changes

@pandacss/types @0.46.1

`v0.46.0`

Compare Source

Patch Changes

b7ed157: fix: use sizing tokens for flexBasis instead of spacing tokens
- @pandacss/types @0.46.0

`v0.45.2`

Compare Source

Patch Changes

@pandacss/types @0.45.2

`v0.45.1`

Compare Source

Patch Changes

@pandacss/types @0.45.1

`v0.45.0`

Compare Source

Patch Changes

Updated dependencies [dcc9053]
- @pandacss/types @0.45.0

`v0.44.0`

Compare Source

Patch Changes

Updated dependencies [c99cb75]
- @pandacss/types @0.44.0

`v0.43.0`

Compare Source

Patch Changes

Updated dependencies [e952f82]
- @pandacss/types @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

Patch Changes

Updated dependencies [e157dd1]
Updated dependencies [19c3a2c]
Updated dependencies [f00ff88]
Updated dependencies [17a1932]
- @pandacss/types @0.42.0

chakra-ui/panda (@pandacss/types)

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

renovate bot force-pushed the renovate/panda-css-monorepo branch from 541ef90 to 30cd8e8 Compare July 20, 2024 02:26

renovate bot changed the title ~~chore(deps): update panda-css monorepo to ^0.42.0~~ chore(deps): update panda-css monorepo to ^0.43.0 Jul 20, 2024

renovate bot force-pushed the renovate/panda-css-monorepo branch from 30cd8e8 to 9eeddb1 Compare July 22, 2024 15:03

renovate bot changed the title ~~chore(deps): update panda-css monorepo to ^0.43.0~~ chore(deps): update panda-css monorepo Jul 22, 2024

renovate bot force-pushed the renovate/panda-css-monorepo branch from 9eeddb1 to 0e25c8f Compare July 22, 2024 20:46

renovate bot changed the title ~~chore(deps): update panda-css monorepo~~ chore(deps): update panda-css monorepo to ^0.44.0 Jul 22, 2024

renovate bot force-pushed the renovate/panda-css-monorepo branch from 0e25c8f to 111ccb8 Compare August 6, 2024 19:43

renovate bot changed the title ~~chore(deps): update panda-css monorepo to ^0.44.0~~ chore(deps): update panda-css monorepo to ^0.45.0 Aug 6, 2024

renovate bot force-pushed the renovate/panda-css-monorepo branch from 111ccb8 to 915b9ce Compare September 9, 2024 18:54

renovate bot changed the title ~~chore(deps): update panda-css monorepo to ^0.45.0~~ chore(deps): update panda-css monorepo to ^0.46.0 Sep 9, 2024

renovate bot force-pushed the renovate/panda-css-monorepo branch from 915b9ce to 6218b96 Compare October 19, 2024 04:34

renovate bot changed the title ~~chore(deps): update panda-css monorepo to ^0.46.0~~ chore(deps): update panda-css monorepo to ^0.47.0 Oct 19, 2024

renovate bot force-pushed the renovate/panda-css-monorepo branch from 6218b96 to 7920734 Compare October 27, 2024 18:05

renovate bot force-pushed the renovate/panda-css-monorepo branch from 7920734 to 494dd9d Compare November 6, 2024 10:20

renovate bot force-pushed the renovate/panda-css-monorepo branch from 494dd9d to 2cadb2d Compare November 14, 2024 03:41

renovate bot changed the title ~~chore(deps): update panda-css monorepo to ^0.47.0~~ chore(deps): update panda-css monorepo to ^0.48.0 Nov 14, 2024

renovate bot force-pushed the renovate/panda-css-monorepo branch from 2cadb2d to eb2d059 Compare December 9, 2024 00:14

renovate bot changed the title ~~chore(deps): update panda-css monorepo to ^0.48.0~~ chore(deps): update panda-css monorepo to ^0.49.0 Dec 9, 2024

renovate bot force-pushed the renovate/panda-css-monorepo branch from eb2d059 to 8b98556 Compare December 27, 2024 20:24

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

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

85311a9

renovate bot force-pushed the renovate/panda-css-monorepo branch from 8b98556 to 85311a9 Compare December 31, 2024 19:06

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

Uh oh!

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

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

Uh oh!

renovate bot commented Jul 8, 2024 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

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

Are you sure you want to change the base?

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

Uh oh!

Conversation

renovate bot commented Jul 8, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Release Notes

Patch Changes

Minor Changes

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

Patch Changes

Patch Changes

Patch Changes

Minor 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

Minor Changes

Minor Changes

Minor Changes

Minor Changes

Minor Changes

Minor Changes

Minor Changes

Minor Changes

Patch Changes

Configuration

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

renovate bot commented Jul 8, 2024 •

edited

Loading