Payload CMS Release: Release 0.7.3

TL;DR

Payload CMS v0.7.3 improves developer experience with better SCSS variable imports and expanded TypeScript type exports for custom field components. This release makes it easier to customize the admin UI styling and build custom field components with proper type safety.

Highlight of the Release

• Fixed SCSS imports to allow variable imports in Payload projects
• Exported all field prop types to support custom component development
• Added documentation for SCSS reusability

Migration Guide

No migration is required for this release. The changes are backward compatible and should not break existing implementations.

If you were previously working around the SCSS variable import limitations, you can now simplify your code by directly importing Payload's SCSS variables.

Upgrade Recommendations

This is a minor release with quality-of-life improvements for developers. Upgrade is recommended for all users, especially those who:

1. Are building custom field components and would benefit from improved TypeScript support
2. Need to customize the admin UI styling with Payload's SCSS variables

The upgrade should be straightforward with no breaking changes.

Bug Fixes

SCSS Variable Import Fix

Fixed an issue with SCSS imports that prevented Payload projects from importing style variables from the core package. This fix allows developers to more easily customize the admin UI by accessing and overriding Payload's core styling variables.

The change modifies how SCSS files are structured and imported, ensuring that variables are properly accessible when extending Payload's styles in custom projects.

New Features

Export of Field Prop Types

All field prop types are now exported from Payload, enabling developers to build custom field components with proper TypeScript support. This enhancement improves the developer experience when extending Payload's functionality with custom UI components.

Previously, developers building custom field components had limited access to the proper TypeScript types, making it challenging to ensure type safety. With this update, all field prop types are available for import, providing better IntelliSense support and catching potential errors during development.

Security Updates

No security fixes were included in this release.

Performance Improvements

No specific performance improvements were included in this release.

Impact Summary

This release focuses on improving the developer experience when extending and customizing Payload. The SCSS import fix makes it easier to maintain consistent styling between Payload's admin UI and custom extensions by allowing direct access to styling variables. The export of field prop types enhances TypeScript support for custom field components, reducing potential errors and improving code quality.

These changes, while relatively small in scope, address important pain points for developers building on top of Payload, particularly those creating custom UI components or styling the admin interface.

Full Release Notes