Form: Add style variations

[jcheringer]

Fixes #28166

Proposed changes:

• Includes 2 new Form styles: Outlined and Animated

Other information:

• Have you written new tests for your changes, if applicable?
• Have you checked the E2E test CI results, and verified that your changes do not break them?
• Have you tested your changes on WordPress.com, if applicable (if so, you'll see a generated comment below with a script to run)?

Jetpack product discussion

pcsBup-Gl-p2

Does this pull request change what data or activity we track or use?

No

Testing instructions:

• Create a post and add a Form block
• Change the form style in the Sidebar to the new styles
• Add some fields and play with the form to ensure everything works as expected

[jeherve]

This tests well for me in Jetpack, and in the post editor on WordPress.com Simple.

In the site editor, however, the blurring effect stays there whenever I add a form to the site editor:

This doesn't seem to happen on trunk, so this may be caused by this PR. Does this happen to you too?

[jcheringer]

This tests well for me in Jetpack, and in the post editor on WordPress.com Simple.

In the site editor, however, the blurring effect stays there whenever I add a form to the site editor:
This doesn't seem to happen on trunk, so this may be caused by this PR. Does this happen to you too?

Do you mean the "Editor" under the "Appearance" menu?

If so, I tested it on my WP site, and I noticed something weird.
After adding the Form block to the page, the blur effect persisted until I moved my mouse over the form.
But then I cleaned the page up by removing most of the content, and now I'm not able to reproduce it anymore.

Screen.Recording.on.2023-02-02.at.16_21_30.webm

[jeherve]

Do you mean the "Editor" under the "Appearance" menu?

Yep, that's the one. 👍

I tested it on my WP site, and I noticed something weird.

Yes, that blur is problematic. Here is what I'm seeing on my end on WordPress.com Simple. I do not seem to have that issue without that branch applied:

Screen.Recording.2023-02-03.at.12.19.02.mov

[jcheringer]

Thanks for sharing the video @jeherve!
I couldn't reproduce it yet, but I don't want to hold this PR anymore because of that.
The blur effect was supposed to improve things a bit on the user side, but we can get back to it in a follow-up PR.
For now, I've removed the blur effect from the Editor.

cc @digitalwaveride