Query No Results: Add typography supports

[aaronrobertshaw]

Related:

• Tracking: Addressing Design Tooling Consistency #43241
• Tracking: Typography Design Tools Consistency #43242

What?

Adds typography supports to the Query No Results block.

Why?

• Improves consistency of our design tools across blocks.

How?

• Opts into all typography supports.
• Makes font size control displayed by default as per majority of blocks currently.

Testing Instructions

1. In the site editor, edit a template with a Query block, and add content to its No Results block.
2. Adjust the Query settings so that no posts will be matched.
3. Navigate to Global Styles > Blocks > Query No Results > Typography.
4. Experiment with typography styles and ensure they are applied to the No Results block in the preview.
5. Save and confirm styles on the frontend.
6. Select the Query No Results block within the preview.
7. On the Block tab of the Settings sidebar, test the typography controls for the individual block.
8. Reset the individual and global styles for the No Results block.
9. Add typography styles for the core/query-no-results block to your theme.json and confirm they work.

Example theme.json snippet:

			"core/query-no-results": {
				"typography": {
					"fontWeight": "100",
					"textTransform": "uppercase"
				}
			}

Screenshots or screencast

Screen.Recording.2022-08-24.at.5.43.58.pm.mp4

[carolinan]

theme.json, block and global style settings work well.