Theme Rivet step indicator for Webform Wizard Page

The Webform Wizard Progress component does not use or support simple links, like the Rivet Step Indicator does. The steps are unclickable.

See #2993140: Attempting to load an intermediate page of a multistep Webform with early page values pre-filled → , #3214102: Wizard pages with html links instead of using submit button to move across pages → .

There is an addon module called Webform Navigation → that was explicitly built for this purpose, however it is outside the scope of this ticket to bring on new features right now, when we're explicitly scoped to just ensuring that Drupal basic features are themed properly.

The problem is that the CSS from Rivet targets only <a> tags containing the correct class. Therefore the current step is not showing up with a red color button. Also, the aria-current="step" attribute seems out of place on a non-link.

My workaround was to create custom CSS to override Rivet, to support styling the current page that is not a link. In my opinion this should really be supported out of the box from Rivet, particularly given the W3C example which does not link the current step:

https://www.w3.org/WAI/tutorials/forms/multi-page/#using-step-by-step-in...

Current approach is with an additional custom class that mimics Rivet styles from .rvt-steps__item-content[aria-current=step] .rvt-steps__indicator:

/**
 * Style the current the step when it is not a link.
 */
.rvt-c-steps__indicator--current {
  background-color: #900;
  color: #fff;
  border-color: #900
}

Automatically closed - issue fixed for 2 weeks with no activity.