Rivet - Port Section chunk as custom component

Problem/Motivation

There isn’t a specific Rivet Component for the Section chunk, therefore we’ll
need to create a custom rivet component for sections. As there is a large amount
of options and style classes on this component, the migration effort may be
large.

Keep:

• Section Title
• Background Color: N/A → transparent
• Background Color: Lightgray → rvt-bg-black-000 (light gray)
• Background Color: Crimson → rvt-bg-black-000 (light gray)
  • Ensure Crimson is still an option for the Hero bg color.
  • Ensure foreground color matches with chosen bg color.
• Background color: Secondary color → rvt-bg-black-000 (light gray)
  • Upon edit, reselect the correct new item. and do not display the
    legacy options.
• Display Options → Horizontal Spacing.
  • Default to “Narrow width”.
  • Make the “None” option say “Full width”.
• Display Options → Vertical separator

Remove:

• Background Image
• Parallax
• Display Options → Vertical Spacing.
• Display Options → Additional formatting options.

Add:

• Heading level (h1, h2, h3).
  • In the port to RIVET templates, fix an Document Outline and Accessibility issue: Allow setting the heading level (currently hardcoded as H3). Make Section title default to H2, but selectable (h1, h2, h3).
  • Hide heading if the field content is just empty whitespace.
• Heading text size (Rivet typography classes).
• ID attribute (for URL fragments)

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes