Docs
Systhema Design (opens in new tab)
Changelog

v1.1.0

The Payload Lexical editors are consolidated into four tiers (root, region, fragment and slot), replacing the old blocks and columns editors.

On this page

⚠️ Breaking & Behavioral ChangesLink to this section

We refactored Systhema’s Payload Lexical editor architecture to be drastically simpler. Removed the old “blocks” and “columns” editors from the previous setup, these have been consolidated into a unified, safer region-level editor, eliminating unnecessary duplication and making editor configuration easier and clearer.

We now have a clear, intentional 4-tier model:

  • ROOT: Full toolset for page/component-level authoring
  • REGION: Content regions with explicit opt-in for nesting
  • FRAGMENT: Small rich text fields for reusable blocks (e.g., card, accordion, richText)
  • SLOT: Minimal editor for single-purpose fields (e.g., quote, footer content)

List of all changesLink to this section

♻️ RefactorsLink to this section

payloadLink to this section

  • refactor(payload): remove legacy lexical editor files (basic, full, mini, nested) as part of the transition to new editor structure
  • refactor(payload): update lexical editors to use new naming conventions and replace full/nested/basic/mini editors with root/region/fragment/slot editors
  • !refactor(payload): removed "columns" and "blocks" editors, and merged them into the "nested" editor, with configurable arguments to enable columns and cards, avoiding circular dependencies

🚀 FeaturesLink to this section

payloadLink to this section

  • feat(payload): added 'width' setting for Card, otherwise NestedCard didn't have anything else different from top level version of this block

actionsLink to this section

  • feat(actions): added internal version publisher workflow

🐛 Bug fixesLink to this section

coreLink to this section

  • fix(core): move blocks/sections with same colorSystem to a bit closer to each other
  • fix(core): .columns, .stack, .card-_ and .accordion-_ inside .richtext were having margins when they were :first-child or :last-child, while it should've been removed

payloadLink to this section

  • fix(payload): columns section to have the same default paddings as a simple section
  • fix(payload): comment out CSS zoom from elements in lexical editors
  • fix(payload): RichText (Lexical) component was not compatible with client side code, it could only run on the server

templates/payloadLink to this section

  • fix(templates/payload): temporarily supress "critical dependency" errors by adding config.module.exprContextCritical = false to the next.config.mjs file

🧹 ChoreLink to this section

generalLink to this section

  • chore: update pnpm version in package.json, and generated pnpm-lock.yaml

templates/payloadLink to this section

  • chore(templates/payload): updated payload-types.ts with root-level Card's width setting