WORK-666
ID:WORK-666Status:done

cta is a composition over section

cta becomes a section with a header and {% actions %}, with no rune CSS of its own (SPEC-160 D7).

Priority:mediumComplexity:moderateMilestone:v0.44.0Source:SPEC-160
main View source

Criteria completion

Criteria completion: 7 of 7 (100%) checked; tracking started on Oct 29, no incremental history yet0%25%50%75%100%Oct 29Oct 29

Tracking started Oct 29 — check back for trends.

Relationships

Implements 1
Related 6
Branches 4
main current done
claude/milestone-v0-44-0-ism7ni donemain doneclaude/value-primitives-and-grid readyclaude/post-v0.43-roadmap-mf1ngx ready

Acceptance Criteria

  • A composed cta definition places one section with its header and {% actions %} around an actions slot
  • It declares defaults: { width: full, elevation: flush }, the native cta's defaults
  • Two leading headings render as a headline and body, no longer as an eyebrow and a headline (ADR-046); the changeset names this
  • Rendered beside the plugin cta for every gallery fixture, light and dark; every difference is listed and explained
  • cta--in-hero and cta--in-pricing are each kept, moved or dropped, with the reason recorded (SPEC-160 D7 leaves them to re-examine)
  • The composed cta's buttons match the plugin cta's in size with no cta.css, through the default size of WORK-665's prominence rules (SPEC-160 D7)
  • The plugin cta is unchanged; replacing it is a later step

Blocked by

  • WORK-663
  • WORK-665: the prominence-keyed button size in actions.css
  • WORK-654: actions (v0.43.0)

References

  • SPEC-160: D7.

Resolution

Completed: 2026-10-29

Branch: claude/milestone-v0-44-0-ism7ni

What was done

  • packages/runes/test/fixtures/composed/cta.md: one section with eyebrow, headline, blurb and body slots and {% actions %} around the actions slot; align (default center, forwarded); defaults: { width: full, elevation: flush }.
  • packages/content/test/composed-cta.test.ts: beside the plugin for every gallery cell (default, eyebrow, command line): the same content in the same roles and the same action ranks, with each difference asserted.
  • The changeset names the ADR-046 change: two leading headings now read as a headline and body.

Differences from the plugin cta (Lumina, light and dark)

  • data-rune: cta, not the plugin's call-to-action. The root is a block-less div, so there are no rf-cta* classes.
  • Headline: section's resting size, not text-4xl, and no gradient fill. The blurb is base size, not text-lg.
  • Padding: the cta's 3.5rem / 2rem padding is gone (section rhythm, flush).
  • Not anchored to the measure at width="wide": the plugin's contentMeasure is not carried.
  • Buttons: the same size, the default with no prominence, with no cta.css.
  • Alignment: centred by section's align rather than in CSS. An author can now set align.

cta--in-hero and cta--in-pricing: both dropped

  • A composed rune is block-less (SPEC-145 D2), so it has no BEM class for a context modifier to extend.
  • in-pricing (left-aligned, compact) is now align="start" on the cta, which the author writes where it is wanted.
  • in-hero only trimmed padding the composed cta no longer has.

Notes

  • The plugin cta is unchanged; replacing it is a later step.