Query Pagination Numbers: Add missing typography supports

[aaronrobertshaw]

Related:

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

What?

Adds missing typography supports to the Query Pagination Numbers block.

Why?

• Improves consistency of our design tools across blocks.

How?

• Opts into missing font-family, text-decoration typography support.

Testing Instructions

1. Edit a post, add a Query block, and select the Query Pagination Numbers block within it.
2. Check that the font-family & text-decoration controls are now available.
3. Test various typography settings ensuring styles are applied in the editor.
4. Save and confirm the application on the frontend.
5. Switch to the site editor, add a new Query block to the template.
6. Navigate to Global Styles > Blocks > Page Numbers > Typography (first "Page Numbers" in Blocks, name conflict will be addressed separately)
7. Test applying a new font-family and confirm its applied in the preview and on the frontend.
8. Test styling via theme.json

Example theme.json snippet:

			"core/query-pagination-numbers": {
				"typography": {
					"textDecoration": "line-through"
				}
			}

Screenshots or screencast

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

[glendaviesnz]

This mostly tests ok for me, except if I set the font family in the blocks section of global styles, if I do so the selected font is not shown in the editor and the front end, but if I set the Post Title block font size in global styles -> blocks the change is reflected in the editor and front end.

[glendaviesnz]

This mostly tests ok for me, except if I set the font family in the blocks section of global styles, if I do so the selected font is not shown in the editor and the front end, but if I set the Post Title block font size in global styles -> blocks the change is reflected in the editor and front end.

Actually, ignore that, working now after a full refresh.

[glendaviesnz]

LGTM:
Can set font family and decoration in post editor and reflected in front end
Can set from family in global styles and reflected in editor and front end
Changes to theme.json also applied