From ac36ac51ecb9d13f3f67fb8eae78b58dbbc46752 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alba=20Rinc=C3=B3n?= <alba.rincon@automattic.com>
Date: Tue, 18 Apr 2023 10:14:28 +0200
Subject: [PATCH] Add new `Header Centered Search` pattern

---
 patterns/header-centered-search-pattern.php | 73 +++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 patterns/header-centered-search-pattern.php

diff --git a/patterns/header-centered-search-pattern.php b/patterns/header-centered-search-pattern.php
new file mode 100644
index 00000000000..5306defafdf
--- /dev/null
+++ b/patterns/header-centered-search-pattern.php
@@ -0,0 +1,73 @@
+<?php
+/**
+ * Title: WooCommerce Header Centered Search
+ * Slug: woocommerce-blocks/header-centered-search
+ * Categories: WooCommerce
+ * Block Types: core/template-part/header
+ */
+?>
+
+<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull">
+	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"2%","bottom":"16px","left":"2%","top":"16px"},"margin":{"top":"0px","bottom":"0px"}}},"className":"sticky-header","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+	<div class="wp-block-group alignfull sticky-header" style="margin-top:0px;margin-bottom:0px;padding-top:16px;padding-right:2%;padding-bottom:16px;padding-left:2%">
+		<!-- wp:group {"style":{"spacing":{"blockGap":"40px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
+		<div class="wp-block-group">
+			<!-- wp:site-logo {"shouldSyncIcon":false} /-->
+			<!-- wp:site-title /-->
+
+			<!-- wp:spacer -->
+			<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer --></div>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"style":{"spacing":{"blockGap":"8px"},"typography":{"fontSize":"13px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
+		<div class="wp-block-group" style="font-size:13px">
+			<!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group">
+				<!-- wp:separator {"className":"is-style-wide"} -->
+				<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />
+				<!-- /wp:separator -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search for products or brands","width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"style":{"color":{"background":"#ffffff00"}},"textColor":"foreground"} /-->
+
+			<!-- wp:spacer -->
+			<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer -->
+
+			<!-- wp:spacer -->
+			<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer -->
+
+			<!-- wp:spacer -->
+			<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer -->
+
+			<!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconClass":"wc-block-customer-account__account-icon"} /-->
+
+			<!-- wp:spacer -->
+			<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+			<!-- /wp:spacer -->
+
+			<!-- wp:woocommerce/mini-cart {"style":{"typography":{"fontSize":"14px"}}} /-->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:separator {"align":"full","className":"is-style-wide"} -->
+	<hr class="wp-block-separator alignfull has-alpha-channel-opacity is-style-wide" />
+	<!-- /wp:separator -->
+
+	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group"><!-- wp:navigation /-->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:separator {"align":"full","className":"is-style-wide"} -->
+	<hr class="wp-block-separator alignfull has-alpha-channel-opacity is-style-wide" />
+	<!-- /wp:separator -->
+</div>
+<!-- /wp:group -->