Update docs for twelve-ui changes

[formfcw]

Summary

Docs updates for the Directus 12 studio design refresh (directus/directus#27394).

Extension guides

• private-view slots table (5.modules.md): clarified the new layout in line with the actual code changes.
  • headline slot is deprecated (not removed). Existing content now renders prepended to the title.
  • actions:append slot is deprecated (not renamed). Existing content keeps rendering in the secondary actions zone alongside the actions slot.
  • actions:primary is a new slot for the page's primary CTA (labeled, prominent button).
  • Added a callout explaining the primary vs. secondary actions split.
• Theme example (6.themes.md): updated to use the new shell scope, and added a migration callout listing the v12 theme schema breaking changes:
  • navigation.* / header.* background & border tokens → moved to shell.* (CSS vars --theme--navigation--* / --theme--header--* → --theme--shell--*).
  • header.headline.foreground / header.headline.fontFamily removed alongside the headline slot.
  • borderColorFocus, boxShadowHover, boxShadowFocus → replaced by focusRingColor (--theme--form--field--input--focus-ring-color).
  • navigation.project.* removed.
  • section.toggle.borderWidth / section.toggle.borderColor removed (use section-level border tokens).
  • headerShadow / sidebarShadow no longer exposed by defineLayout(); boxShadow removed from header theme rules.

Tutorials

Refreshed the two module tutorials that still demonstrated deprecated APIs:

• understand-available-slots-in-custom-modules.md: dropped the headline slot section (used v-breadcrumb, both deprecated), removed rounded from all v-button examples (prop deprecated, no functional impact), and added a section showing the new actions:primary slot.
• implement-navigation-in-multipage-custom-modules.md: removed the entire breadcrumb workflow (refs, render logic, #headline slot, screenshots) since both v-breadcrumb and #headline are deprecated in v12.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs	Ready	Preview, Comment	May 18, 2026 5:46pm