chakra-ui/panda @pandacss/generator@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;
    }
  }

Patch Changes

• 8f36f9a: Add a RecipeVariant type to get the variants in a strict object from cva function. This complements the
  RecipeVariantprops type that extracts the variant as optional props, mostly intended for JSX components.
• 2d69b34: Fix styled factory nested composition with cva
• Updated dependencies [8f36f9a]
• Updated dependencies [f029624]
• Updated dependencies [a17fe38]
• Updated dependencies [2d69b34]
  • @pandacss/types@0.31.0
  • @pandacss/shared@0.31.0
  • @pandacss/core@0.31.0
  • @pandacss/logger@0.31.0
  • @pandacss/token-dictionary@0.31.0
  • @pandacss/is-valid-prop@0.31.0