feat: s-form (and refactor c-form and django-cms-forms)

[wesleyboar]

Overview / Changes

1. Add s-form as a scope-version of c-form.
2. Refactor c-form to style: c-form, s-form, django-cms-forms.
3. Use one form template for all form demos.
4. Added list spacing for <menu> for lists of interface elements.
5. Renamed elements/form.cms.css to elements/form.css.
6. Added elements/form.css to core-styles.base.css.
7. Removed:
   • elements/form.cms.css
   • elements/django-cms-forms--errors-via-c-message.css

Related

• WP-63
• creates s-form from MFA pairing UI/accessibility tweaks - design changes tup-ui#270
• expected by feat: s-form-page, c-form--login, s-form--login #205

Testing

1. Verify all CMS form demos are identical and have CMS-styled errors:
   • http://localhost:3000/components/detail/c-form--cms
   • http://localhost:3000/components/detail/s-form--cms
   • http://localhost:3000/components/detail/django-cms-forms
     _{Remember to "Toggle Field Errors" (button at bottom of form).}
2. Verify all Portal form demos are identical and have Portal-styled errors:
   • http://localhost:3000/components/detail/c-form--portal
   • http://localhost:3000/components/detail/s-form--portal
     _{Remember to "Toggle Field Errors" (button at bottom of form).}
3. Verify all Default form demos are identical and have un-styled errors:
   • http://localhost:3000/components/detail/c-form--default
   • http://localhost:3000/components/detail/s-form--default
     _{The error messages are not styled, because clients have their own styles.}
4. Verify all form demos support toggling required fields:
   • Upon toggle off:
     • The first "(required)" field will become "(important)".
     • That first field will not be required to submit the form.
     • The second "(required)" field will remain "(required)".
       _{It is not a real field. It is JavaScript Captcha. It can not be un-required.}
   • Upon toggle on:
     • The first "(important)" field will become "(required)".
     • That first field will be required to submit the form.
     • The second "(required)" field will remain "(required)".

UI

s-form.c-form.django-cms-forms.mov