Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@pandacss/astro-plugin-studio@0.32.1

Patch Changes

• Updated dependencies [89ffb6b]
  • @pandacss/node@0.32.1

@pandacss/dev@0.32.1

Patch Changes

• Updated dependencies [a032375]
• Updated dependencies [5184771]
• Updated dependencies [6d8c884]
• Updated dependencies [89ffb6b]
  • @pandacss/config@0.32.1
  • @pandacss/types@0.32.1
  • @pandacss/token-dictionary@0.32.1
  • @pandacss/node@0.32.1
  • @pandacss/logger@0.32.1
  • @pandacss/preset-panda@0.32.1
  • @pandacss/postcss@0.32.1
  • @pandacss/shared@0.32.1

@pandacss/config@0.32.1

Patch Changes

• a032375: Add a way to create config conditions with nested at-rules/selectors

  export default defaultConfig({
    conditions: {
      extend: {
        supportHover: ['@media (hover: hover) and (pointer: fine)', '&:hover'],
      },
    },
  })

  import { css } from '../styled-system/css'
  
  css({
    _supportHover: {
      color: 'red',
    },
  })

  will generate the following CSS:

  @media (hover: hover) and (pointer: fine) {
    &:hover {
      color: red;
    }
  }

• 89ffb6b: Add missing config dependencies for some styled-system/types files

• Updated dependencies [a032375]

• Updated dependencies [89ffb6b]

  • @pandacss/types@0.32.1
  • @pandacss/logger@0.32.1
  • @pandacss/preset-base@0.32.1
  • @pandacss/preset-panda@0.32.1
  • @pandacss/shared@0.32.1

@pandacss/core@0.32.1

Patch Changes

• a032375: Add a way to create config conditions with nested at-rules/selectors

  export default defaultConfig({
    conditions: {
      extend: {
        supportHover: ['@media (hover: hover) and (pointer: fine)', '&:hover'],
      },
    },
  })

  import { css } from '../styled-system/css'
  
  css({
    _supportHover: {
      color: 'red',
    },
  })

  will generate the following CSS:

  @media (hover: hover) and (pointer: fine) {
    &:hover {
      color: red;
    }
  }

• 31071ba: Fix an issue for token names starting with '0'

  import { defineConfig } from '@pandacss/dev'
  
  export default defineConfig({
    theme: {
      tokens: {
        spacing: {
          '025': {
            value: '0.125rem',
          },
        },
      },
    },
  })

  and then using it like

  css({ margin: '025' })

  This would not generate the expected CSS because the parser would try to parse 025 as a number (25) instead of
  keeping it as a string.

• f419993: - Prevent extracting style props of styled when not explicitly imported

  • Allow using multiple aliases for the same identifier for the /css entrypoints just like /patterns and /recipes

  import { css } from '../styled-system/css'
  import { css as css2 } from '../styled-system/css'
  
  css({ display: 'flex' })
  css2({ flexDirection: 'column' }) // this wasn't working before, now it does

• Updated dependencies [a032375]

• Updated dependencies [5184771]

• Updated dependencies [6d8c884]

• Updated dependencies [89ffb6b]

  • @pandacss/types@0.32.1
  • @pandacss/token-dictionary@0.32.1
  • @pandacss/logger@0.32.1
  • @pandacss/is-valid-prop@0.32.1
  • @pandacss/shared@0.32.1

@pandacss/extractor@0.32.1

Patch Changes

• @pandacss/shared@0.32.1

@pandacss/generator@0.32.1

Patch Changes

• a032375: Add a way to create config conditions with nested at-rules/selectors

  export default defaultConfig({
    conditions: {
      extend: {
        supportHover: ['@media (hover: hover) and (pointer: fine)', '&:hover'],
      },
    },
  })

  import { css } from '../styled-system/css'
  
  css({
    _supportHover: {
      color: 'red',
    },
  })

  will generate the following CSS:

  @media (hover: hover) and (pointer: fine) {
    &:hover {
      color: red;
    }
  }

• Updated dependencies [a032375]

• Updated dependencies [31071ba]

• Updated dependencies [5184771]

• Updated dependencies [f419993]

• Updated dependencies [6d8c884]

• Updated dependencies [89ffb6b]

  • @pandacss/types@0.32.1
  • @pandacss/core@0.32.1
  • @pandacss/token-dictionary@0.32.1
  • @pandacss/logger@0.32.1
  • @pandacss/is-valid-prop@0.32.1
  • @pandacss/shared@0.32.1

@pandacss/logger@0.32.1

Patch Changes

• Updated dependencies [a032375]
• Updated dependencies [89ffb6b]
  • @pandacss/types@0.32.1

@pandacss/node@0.32.1

Patch Changes

• 89ffb6b: Add missing config dependencies for some styled-system/types files
• Updated dependencies [a032375]
• Updated dependencies [31071ba]
• Updated dependencies [5184771]
• Updated dependencies [f419993]
• Updated dependencies [6d8c884]
• Updated dependencies [89ffb6b]
  • @pandacss/generator@0.32.1
  • @pandacss/config@0.32.1
  • @pandacss/types@0.32.1
  • @pandacss/core@0.32.1
  • @pandacss/parser@0.32.1
  • @pandacss/token-dictionary@0.32.1
  • @pandacss/logger@0.32.1
  • @pandacss/extractor@0.32.1
  • @pandacss/shared@0.32.1

@pandacss/parser@0.32.1

Patch Changes

• 31071ba: Fix an issue for token names starting with '0'

  import { defineConfig } from '@pandacss/dev'
  
  export default defineConfig({
    theme: {
      tokens: {
        spacing: {
          '025': {
            value: '0.125rem',
          },
        },
      },
    },
  })

  and then using it like

  css({ margin: '025' })

  This would not generate the expected CSS because the parser would try to parse 025 as a number (25) instead of
  keeping it as a string.

• 5184771: Using colorPalette with DEFAULT values will now also override the current token path

  Given this config:

  import { defineConfig } from '@pandacss/dev'
  
  export default defineConfig({
    // ...
    theme: {
      extend: {
        semanticTokens: {
          colors: {
            bg: {
              primary: {
                DEFAULT: {
                  value: '{colors.red.500}',
                },
                base: {
                  value: '{colors.green.500}',
                },
                hover: {
                  value: '{colors.yellow.300}',
                },
              },
            },
          },
        },
      },
    },
  })

  And this style usage:

  import { css } from 'styled-system/css'
  
  css({
    colorPalette: 'bg.primary',
  })

  This is the difference in the generated css

  @layer utilities {
    .color-palette_bg\\.primary {
  +    --colors-color-palette: var(--colors-bg-primary);
      --colors-color-palette-base: var(--colors-bg-primary-base);
      --colors-color-palette-hover: var(--colors-bg-primary-hover);
    }
  }

  Which means you can now directly reference the current colorPalette like:

  import { css } from 'styled-system/css'
  
  css({
    colorPalette: 'bg.primary',
  +  backgroundColor: 'colorPalette',
  })

• f419993: - Prevent extracting style props of styled when not explicitly imported

  • Allow using multiple aliases for the same identifier for the /css entrypoints just like /patterns and /recipes

  import { css } from '../styled-system/css'
  import { css as css2 } from '../styled-system/css'
  
  css({ display: 'flex' })
  css2({ flexDirection: 'column' }) // this wasn't working before, now it does

• Updated dependencies [a032375]

• Updated dependencies [31071ba]

• Updated dependencies [f419993]

• Updated dependencies [89ffb6b]

  • @pandacss/config@0.32.1
  • @pandacss/types@0.32.1
  • @pandacss/core@0.32.1
  • @pandacss/logger@0.32.1
  • @pandacss/extractor@0.32.1
  • @pandacss/shared@0.32.1

@pandacss/postcss@0.32.1

Patch Changes

• Updated dependencies [89ffb6b]
  • @pandacss/node@0.32.1

@pandacss/preset-atlaskit@0.32.1

Patch Changes

• Updated dependencies [a032375]
• Updated dependencies [89ffb6b]
  • @pandacss/types@0.32.1

@pandacss/preset-base@0.32.1

Patch Changes

• Updated dependencies [a032375]
• Updated dependencies [89ffb6b]
  • @pandacss/types@0.32.1

@pandacss/preset-open-props@0.32.1

Patch Changes

• Updated dependencies [a032375]
• Updated dependencies [89ffb6b]
  • @pandacss/types@0.32.1

@pandacss/preset-panda@0.32.1

Patch Changes

• Updated dependencies [a032375]
• Updated dependencies [89ffb6b]
  • @pandacss/types@0.32.1

@pandacss/studio@0.32.1

Patch Changes

• Updated dependencies [a032375]
• Updated dependencies [5184771]
• Updated dependencies [6d8c884]
• Updated dependencies [89ffb6b]
  • @pandacss/config@0.32.1
  • @pandacss/types@0.32.1
  • @pandacss/token-dictionary@0.32.1
  • @pandacss/logger@0.32.1
  • @pandacss/astro-plugin-studio@0.32.1
  • @pandacss/shared@0.32.1

@pandacss/token-dictionary@0.32.1

Patch Changes

• 5184771: Using colorPalette with DEFAULT values will now also override the current token path

  Given this config:

  import { defineConfig } from '@pandacss/dev'
  
  export default defineConfig({
    // ...
    theme: {
      extend: {
        semanticTokens: {
          colors: {
            bg: {
              primary: {
                DEFAULT: {
                  value: '{colors.red.500}',
                },
                base: {
                  value: '{colors.green.500}',
                },
                hover: {
                  value: '{colors.yellow.300}',
                },
              },
            },
          },
        },
      },
    },
  })

  And this style usage:

  import { css } from 'styled-system/css'
  
  css({
    colorPalette: 'bg.primary',
  })

  This is the difference in the generated css

  @layer utilities {
    .color-palette_bg\\.primary {
  +    --colors-color-palette: var(--colors-bg-primary);
      --colors-color-palette-base: var(--colors-bg-primary-base);
      --colors-color-palette-hover: var(--colors-bg-primary-hover);
    }
  }

  Which means you can now directly reference the current colorPalette like:

  import { css } from 'styled-system/css'
  
  css({
    colorPalette: 'bg.primary',
  +  backgroundColor: 'colorPalette',
  })

• 6d8c884: Fix issue where svg asset tokens doesn't work as expected due to unbalanced quotes.

• Updated dependencies [a032375]

• Updated dependencies [89ffb6b]

  • @pandacss/types@0.32.1
  • @pandacss/logger@0.32.1
  • @pandacss/shared@0.32.1

@pandacss/types@0.32.1

Patch Changes

• a032375: Add a way to create config conditions with nested at-rules/selectors

  export default defaultConfig({
    conditions: {
      extend: {
        supportHover: ['@media (hover: hover) and (pointer: fine)', '&:hover'],
      },
    },
  })

  import { css } from '../styled-system/css'
  
  css({
    _supportHover: {
      color: 'red',
    },
  })

  will generate the following CSS:

  @media (hover: hover) and (pointer: fine) {
    &:hover {
      color: red;
    }
  }

• 89ffb6b: Add missing config dependencies for some styled-system/types files

@pandacss/is-valid-prop@0.32.1

@pandacss/shared@0.32.1

@pandacss/fixture@0.32.1

[vercel]

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

Name	Status	Preview	Updated (UTC)
panda-docs	✅ Ready (Inspect)	Visit Preview	Feb 23, 2024 11:10pm
panda-playground	✅ Ready (Inspect)	Visit Preview	Feb 23, 2024 11:10pm
panda-studio	✅ Ready (Inspect)	Visit Preview	Feb 23, 2024 11:10pm