Kk/3245 input and rules fix

[KentKawa]

• Fixes Dev: Update the new account creation workflow #3245

What changes did you make?

• Fixed tab highlighting on password input and button
• Fixed name string error showing wrong rule
• Fixed spacing on rules
• Fixed email rules not going away after they were correct
• Submit button is now centered and disabled until all inputs are valid

Why did you make the changes (we will use this info to test)?

• Input from testing

Of note

• It was pointed out in the issue that when you tab or focus an input the rule shows up with no icons. This is not a bug. This follows the Figma file designs. No icons should appear until something fills the input.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Outline for password fields

Email rules should disappear after successful completion

Once the email is entered correctly, and the user changes the focus onto the primary password field, the rules under the correctly entered non focused email field should go away. If you return focus to the email field they should come back.

You can see that it still persists even when every field is entered correctly

Spacing for rules

Create Account should centered and grayed out until all fields pass

Visuals after changes are applied

Outline for password fields

Email rules disappear after successful completion

Spacing for rules

Create Account centered and grayed out until all fields pass

[entrotech]

Here is a screen shot of what I'm getting:

The things that aren't quite right yet:

• The email field is filled out correctly, but the validation messages below the email text box are still showing.
• The Create Account button is not centered horizontally.
• The Create Account button should be disabled, since the password re-entry rule is not satisfied.
• When there are multiple validation messages under an input control, they do not appear to be "double spaced" vertically. IMO, "double-spacing" is too much - maybe something like 1.5rem would spllit the difference.

[KentKawa]

@entrotech
I think something might be wrong with the branch because it looks like none of the commits are on the branch you pulled. Here is what a screenshot of what I am getting locally.