Add Global Defaults option for Heading Block & CSS improvments

[Soare-Robert-Daniel]

Closes #1490

Summary

🔧 Added Global Defaults controls for Advanced Heading Block.
🖼️ Improved the control alignment. -- This was very time consuming, and getting the selector right was not so obvious when core components have dynamic class generation.

Screenshots

2023-09-18_14-24-47.mp4

Control Alignment Before

Control Alignment After

Test instructions

---

Checklist before the final review

• Included E2E or unit tests for the changes in this PR.
• Visual elements are not affected by independent changes.
• It is at least compatible with the minimum WordPress version.
• It loads additional script in frontend only if it is required.
• Does not impact the Core Web Vitals.
• In case of deprecation, old blocks are safely migrated.
• It is usable in Widgets and FSE.
• Copy/Paste is working if the attributes are modified.
• PR is following the best practices

[pirate-bot]

Bundle Size Diff

Package	Old Size	New Size	Diff
Animations	275.01 KB	275.01 KB	0 B (0.00%)
Blocks	1.47 MB	1.47 MB	6.26 KB (0.42%)
CSS	89.3 KB	89.3 KB	0 B (0.00%)
Dashboard	131.28 KB	131.28 KB	0 B (0.00%)
Export Import	87.21 KB	87.21 KB	0 B (0.00%)
Pro	346.54 KB	346.58 KB	39 B (0.01%)

[pirate-bot]

Plugin build for 5e20ba6 is ready 🛎️!

• Download Otter – Page Builder Blocks & Extensions for Gutenberg - Production ~ Development
• Download Otter Pro - Production ~ Development
• Download Blocks Animation - Production ~ Development
• Download Blocks CSS - Production ~ Development
• Download Blocks Export Import - Production ~ Development

[pirate-bot]

E2E Summary

Typing

Test	Average Time (ms)	Standard Deviation (ms)	Median Time (ms)	Quantile for soft limit (%)	Quantile for hard limit (%)
Typing	68.59	7.33	66.64	5.26 (60ms)	94.74 (80ms)

Values above 60ms

"0 - 93.97, 1 - 60.10, 3 - 77.18, 4 - 68.92, 5 - 66.64, 6 - 65.76, 7 - 69.23, 8 - 71.54, 9 - 67.74, 10 - 63.53, 11 - 66.37, 12 - 66.44, 13 - 71.87, 14 - 66.36, 15 - 68.28, 16 - 66.38, 17 - 71.16, 18 - 64.56"

[HardeepAsrani]

In terms of code, LGTM. You can get design team's feedback to confirm the functionality is working as they expect it to work.

[Soare-Robert-Daniel]

@mghenciu, if you can help with a review 🙏

[mghenciu]

@mghenciu, if you can help with a review 🙏

Looks good, Robert - nice job 🚀

---

Just a general question. It's still impossible to use the Core controls for Line height, letter spacing, etc? like below
This could help us save a lot of space in the sidebar

[Soare-Robert-Daniel]

@mghenciu, yes, we can upgrade the Typography section with ones like in Buttons

---

ℹ️ I recommend putting this as a separate issue, which should include more enhancements.

[rodica-andronache]

@Soare-Robert-Daniel when I change the margin option, the other options ( text color, font family etc ) get reset to the initial value https://www.loom.com/share/9f04181ee4c743d195d81d18d3637011?sid=57dd7e1a-1cd9-4779-8301-90c81ee1ae5a

[rodica-andronache]

@Soare-Robert-Daniel the first issue is fixed.

• I've noticed another issue, when you click on Shadow > Enable Text Shadow you get "The editor has encountered an unexpected error." https://vertis.d.pr/v/GwfXzr

You can test it here:

https://thoughtful-toad-u3k3a.vertisite.cloud/wp-admin
user: admin
pass: o7QD1Ch)muEbHiRQ^bn2sH@F

• the line-height appears differently in backend https://vertis.d.pr/i/bSUOXH and frontend https://vertis.d.pr/i/rhETtw

[Soare-Robert-Daniel]

This will be on hold until #1882 is merged since the new typo comp must also be in the Global Default.

[rodica-andronache]

@Soare-Robert-Daniel thank you for the fixes, everything is working well now 👍

[pirate-bot]

🎉 This PR is included in version 2.5.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀