From b7c75ec92066c7e6ebaf4ab070698a686775cf14 Mon Sep 17 00:00:00 2001
From: Riad Benguella <youknowriad@git.wordpress.org>
Date: Fri, 21 May 2021 11:12:39 +0000
Subject: [PATCH] Block Patterns: Include the Query and Social Icons block
 patterns from Gutenberg 10.7.0.

These block patterns are considered "core" block patterns and removed
when a them opts out of the core-block-patterns theme support flag.

Props ntsekouras.
Fixes #53248.


git-svn-id: https://develop.svn.wordpress.org/trunk@50948 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/block-patterns.php            |  8 ++++
 .../block-patterns/query-grid-posts.php       | 23 +++++++++++
 .../query-large-title-posts.php               | 31 ++++++++++++++
 .../block-patterns/query-medium-posts.php     | 27 +++++++++++++
 .../block-patterns/query-offset-posts.php     | 40 +++++++++++++++++++
 .../block-patterns/query-small-posts.php      | 26 ++++++++++++
 .../block-patterns/query-standard-posts.php   | 25 ++++++++++++
 .../social-links-shared-background-color.php  | 18 +++++++++
 8 files changed, 198 insertions(+)
 create mode 100644 src/wp-includes/block-patterns/query-grid-posts.php
 create mode 100644 src/wp-includes/block-patterns/query-large-title-posts.php
 create mode 100644 src/wp-includes/block-patterns/query-medium-posts.php
 create mode 100644 src/wp-includes/block-patterns/query-offset-posts.php
 create mode 100644 src/wp-includes/block-patterns/query-small-posts.php
 create mode 100644 src/wp-includes/block-patterns/query-standard-posts.php
 create mode 100644 src/wp-includes/block-patterns/social-links-shared-background-color.php

diff --git a/src/wp-includes/block-patterns.php b/src/wp-includes/block-patterns.php
index 128775e937..0dc01df73f 100644
--- a/src/wp-includes/block-patterns.php
+++ b/src/wp-includes/block-patterns.php
@@ -34,6 +34,13 @@ function _register_core_block_patterns_and_categories() {
 			'text-two-columns',
 			'media-text-arquitecture',
 			'two-buttons',
+			'query-standard-posts',
+			'query-medium-posts',
+			'query-small-posts',
+			'query-grid-posts',
+			'query-large-title-posts',
+			'query-offset-posts',
+			'social-links-shared-background-color',
 		);
 
 		foreach ( $core_block_patterns as $core_block_pattern ) {
@@ -49,4 +56,5 @@ function _register_core_block_patterns_and_categories() {
 	register_block_pattern_category( 'gallery', array( 'label' => _x( 'Gallery', 'Block pattern category' ) ) );
 	register_block_pattern_category( 'header', array( 'label' => _x( 'Headers', 'Block pattern category' ) ) );
 	register_block_pattern_category( 'text', array( 'label' => _x( 'Text', 'Block pattern category' ) ) );
+	register_block_pattern_category( 'query', array( 'label' => __( 'Query', 'Block pattern category' ) ) );
 }
diff --git a/src/wp-includes/block-patterns/query-grid-posts.php b/src/wp-includes/block-patterns/query-grid-posts.php
new file mode 100644
index 0000000000..d82bb8d208
--- /dev/null
+++ b/src/wp-includes/block-patterns/query-grid-posts.php
@@ -0,0 +1,23 @@
+<?php
+/**
+ * Query: Grid.
+ *
+ * @package WordPress
+ */
+
+return array(
+	'title'      => __( 'Grid', 'gutenberg' ),
+	'blockTypes' => array( 'core/query' ),
+	'categories' => array( 'query' ),
+	'content'    => '<!-- wp:query {"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3}} -->
+					<div class="wp-block-query">
+					<!-- wp:query-loop -->
+					<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}},"layout":{"inherit":false}} -->
+					<main class="wp-block-group" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:post-title {"isLink":true} /-->
+					<!-- wp:post-excerpt {"wordCount":20} /-->
+					<!-- wp:post-date /--></div>
+					<!-- /wp:group -->
+					<!-- /wp:query-loop -->
+					</div>
+					<!-- /wp:query -->',
+);
diff --git a/src/wp-includes/block-patterns/query-large-title-posts.php b/src/wp-includes/block-patterns/query-large-title-posts.php
new file mode 100644
index 0000000000..000620ef38
--- /dev/null
+++ b/src/wp-includes/block-patterns/query-large-title-posts.php
@@ -0,0 +1,31 @@
+<?php
+/**
+ * Query: Large title.
+ *
+ * @package WordPress
+ */
+
+return array(
+	'title'      => __( 'Large title', 'gutenberg' ),
+	'blockTypes' => array( 'core/query' ),
+	'categories' => array( 'query' ),
+	'content'    => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","right":"100px","bottom":"100px","left":"100px"}},"color":{"text":"#ffffff","background":"#000000"}}} -->
+					<div class="wp-block-group alignfull has-text-color has-background" style="background-color:#000000;color:#ffffff;padding-top:100px;padding-right:100px;padding-bottom:100px;padding-left:100px"><!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
+					<div class="wp-block-query"><!-- wp:query-loop -->
+					<!-- wp:separator {"customColor":"#ffffff","align":"wide","className":"is-style-wide"} -->
+					<hr class="wp-block-separator alignwide has-text-color has-background is-style-wide" style="background-color:#ffffff;color:#ffffff"/>
+					<!-- /wp:separator -->
+
+					<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
+					<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
+					<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:post-date {"style":{"color":{"text":"#ffffff"}},"fontSize":"extra-small"} /--></div>
+					<!-- /wp:column -->
+
+					<!-- wp:column {"verticalAlignment":"center","width":"80%"} -->
+					<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:80%"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"72px","lineHeight":"1.1"},"color":{"text":"#ffffff","link":"#ffffff"}}} /--></div>
+					<!-- /wp:column --></div>
+					<!-- /wp:columns -->
+					<!-- /wp:query-loop --></div>
+					<!-- /wp:query --></div>
+					<!-- /wp:group -->',
+);
diff --git a/src/wp-includes/block-patterns/query-medium-posts.php b/src/wp-includes/block-patterns/query-medium-posts.php
new file mode 100644
index 0000000000..2395e4a7b2
--- /dev/null
+++ b/src/wp-includes/block-patterns/query-medium-posts.php
@@ -0,0 +1,27 @@
+<?php
+/**
+ * Query: Image at left.
+ *
+ * @package WordPress
+ */
+
+return array(
+	'title'      => __( 'Image at left', 'gutenberg' ),
+	'blockTypes' => array( 'core/query' ),
+	'categories' => array( 'query' ),
+	'content'    => '<!-- wp:query {"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
+					<div class="wp-block-query">
+					<!-- wp:query-loop -->
+					<!-- wp:columns {"align":"wide"} -->
+					<div class="wp-block-columns alignwide"><!-- wp:column {"width":"66.66%"} -->
+					<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:post-featured-image {"isLink":true} /--></div>
+					<!-- /wp:column -->
+					<!-- wp:column {"width":"33.33%"} -->
+					<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:post-title {"isLink":true} /-->
+					<!-- wp:post-excerpt /--></div>
+					<!-- /wp:column --></div>
+					<!-- /wp:columns -->
+					<!-- /wp:query-loop -->
+					</div>
+					<!-- /wp:query -->',
+);
diff --git a/src/wp-includes/block-patterns/query-offset-posts.php b/src/wp-includes/block-patterns/query-offset-posts.php
new file mode 100644
index 0000000000..f223cb1163
--- /dev/null
+++ b/src/wp-includes/block-patterns/query-offset-posts.php
@@ -0,0 +1,40 @@
+<?php
+/**
+ * Query: Offset.
+ *
+ * @package WordPress
+ */
+
+return array(
+	'title'      => __( 'Offset', 'gutenberg' ),
+	'blockTypes' => array( 'core/query' ),
+	'categories' => array( 'query' ),
+	'content'    => '<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}},"layout":{"inherit":false}} -->
+					<main class="wp-block-group" style="padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:columns -->
+					<div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
+					<div class="wp-block-column" style="flex-basis:50%"><!-- wp:query {"query":{"perPage":2,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"list"}} -->
+					<div class="wp-block-query"><!-- wp:query-loop -->
+					<!-- wp:post-featured-image /-->
+					<!-- wp:post-title /-->
+					<!-- wp:post-date /-->
+					<!-- wp:spacer {"height":200} -->
+					<div style="height:200px" aria-hidden="true" class="wp-block-spacer"></div>
+					<!-- /wp:spacer -->
+					<!-- /wp:query-loop --></div>
+					<!-- /wp:query --></div>
+					<!-- /wp:column -->
+					<!-- wp:column {"width":"50%"} -->
+					<div class="wp-block-column" style="flex-basis:50%"><!-- wp:query {"query":{"perPage":2,"pages":0,"offset":2,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"list"}} -->
+					<div class="wp-block-query"><!-- wp:query-loop -->
+					<!-- wp:spacer {"height":200} -->
+					<div style="height:200px" aria-hidden="true" class="wp-block-spacer"></div>
+					<!-- /wp:spacer -->
+					<!-- wp:post-featured-image /-->
+					<!-- wp:post-title /-->
+					<!-- wp:post-date /-->
+					<!-- /wp:query-loop --></div>
+					<!-- /wp:query --></div>
+					<!-- /wp:column --></div>
+					<!-- /wp:columns --></main>
+					<!-- /wp:group -->',
+);
diff --git a/src/wp-includes/block-patterns/query-small-posts.php b/src/wp-includes/block-patterns/query-small-posts.php
new file mode 100644
index 0000000000..c66e6dedcf
--- /dev/null
+++ b/src/wp-includes/block-patterns/query-small-posts.php
@@ -0,0 +1,26 @@
+<?php
+/**
+ * Query: Small image and title.
+ *
+ * @package WordPress
+ */
+
+return array(
+	'title'      => __( 'Small image and title', 'gutenberg' ),
+	'blockTypes' => array( 'core/query' ),
+	'categories' => array( 'query' ),
+	'content'    => '<!-- wp:query {"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
+					<div class="wp-block-query">
+					<!-- wp:query-loop -->
+					<!-- wp:columns {"verticalAlignment":"center"} -->
+					<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"25%"} -->
+					<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:25%"><!-- wp:post-featured-image {"isLink":true} /--></div>
+					<!-- /wp:column -->
+					<!-- wp:column {"verticalAlignment":"center","width":"75%"} -->
+					<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:75%"><!-- wp:post-title {"isLink":true} /--></div>
+					<!-- /wp:column --></div>
+					<!-- /wp:columns -->
+					<!-- /wp:query-loop -->
+					</div>
+					<!-- /wp:query -->',
+);
diff --git a/src/wp-includes/block-patterns/query-standard-posts.php b/src/wp-includes/block-patterns/query-standard-posts.php
new file mode 100644
index 0000000000..d6fcc2f270
--- /dev/null
+++ b/src/wp-includes/block-patterns/query-standard-posts.php
@@ -0,0 +1,25 @@
+<?php
+/**
+ * Query: Standard.
+ *
+ * @package WordPress
+ */
+
+return array(
+	'title'      => __( 'Standard', 'gutenberg' ),
+	'blockTypes' => array( 'core/query' ),
+	'categories' => array( 'query' ),
+	'content'    => '<!-- wp:query {"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
+					<div class="wp-block-query">
+					<!-- wp:query-loop -->
+					<!-- wp:post-title {"isLink":true} /-->
+					<!-- wp:post-featured-image  {"isLink":true,"align":"wide"} /-->
+					<!-- wp:post-excerpt /-->
+					<!-- wp:separator -->
+					<hr class="wp-block-separator"/>
+					<!-- /wp:separator -->
+					<!-- wp:post-date /-->
+					<!-- /wp:query-loop -->
+					</div>
+					<!-- /wp:query -->',
+);
diff --git a/src/wp-includes/block-patterns/social-links-shared-background-color.php b/src/wp-includes/block-patterns/social-links-shared-background-color.php
new file mode 100644
index 0000000000..96287e156d
--- /dev/null
+++ b/src/wp-includes/block-patterns/social-links-shared-background-color.php
@@ -0,0 +1,18 @@
+<?php
+/**
+ * Social links with a shared background color.
+ *
+ * @package WordPress
+ */
+
+return array(
+	'title'         => __( 'Social links with a shared background color', 'gutenberg' ),
+	'categories'    => array( 'buttons' ),
+	'blockTypes'    => array( 'core/social-links' ),
+	'viewportWidth' => 500,
+	'content'       => '<!-- wp:social-links {"customIconColor":"#ffffff","iconColorValue":"#ffffff","customIconBackgroundColor":"#3962e3","iconBackgroundColorValue":"#3962e3","className":"has-icon-color"} -->
+						<ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /-->
+						<!-- wp:social-link {"url":"#","service":"chain"} /-->
+						<!-- wp:social-link {"url":"#","service":"mail"} /--></ul>
+						<!-- /wp:social-links -->',
+);