chakra-ui/panda @pandacss/core@0.31.0

on GitHub

Minor Changes

• f029624: - Sort the longhand/shorthand atomic rules in a deterministic order to prevent property conflicts

  • Automatically merge the base object in the css root styles in the runtime
  • This may be a breaking change depending on how your styles are created

  Ex:

  css({
    padding: '1px',
    paddingTop: '3px',
    paddingBottom: '4px',
  })

  Will now always generate the following css:

  @layer utilities {
    .p_1px {
      padding: 1px;
    }
  
    .pt_3px {
      padding-top: 3px;
    }
  
    .pb_4px {
      padding-bottom: 4px;
    }
  }

• a17fe38: - Add a config.polyfill option that will polyfill the CSS @layer at-rules using a
  postcss plugin

  • And --polyfill flag to panda and panda cssgen commands

Patch Changes

• Updated dependencies [8f36f9a]
• Updated dependencies [f029624]
• Updated dependencies [a17fe38]
• Updated dependencies [2d69b34]
  • @pandacss/types@0.31.0
  • @pandacss/shared@0.31.0
  • @pandacss/logger@0.31.0
  • @pandacss/token-dictionary@0.31.0
  • @pandacss/is-valid-prop@0.31.0