Release: 11.4.3 (#11496)

* bump to 11.4.3 * Empty commit for release pull request * Improve Hero Product Chessboard pattern (#11423) * improve pattern * remove hardcoded font-size * address feedback * update to h2 * Remove group and separator to get rid of the extra space (#11477) * [Store Customization] Update the design for the Product Gallery pattern (#11464) * Remove rating, show only title and price * Improve title spacing and level * Patterns with Search Bar: improve style (#11478) * "Product Collection X Columns" patterns: align "no reviews" text with the star (#11468) * improve line-height * use variable * add testing instructions * Rename pattern (#11487) * update readme * Store Customization > Enhance the Hero Product Split pattern (#11505) * Update the bottom margin for the Hero Product Split and the heading from h3 to h2. * Update heading comment * update testing instructions * Simplify the `Hero Product 3 Split` pattern design (#11495) * Simplify the pattern design * Add char limits to the AI generated content * Fix url * update testing instructions * Product Search Block: unify border-radius (#11515) * add testing instructions * [Store Customization] Update the Centered Header Menu with Search Pattern (#11304) * Fix hidden elements on mobile and margins * Increase navigation items spacing * Add site logo width * Improve search bar and title font weight * Remove width from site logo * Unify search bar * Remove search, improve margins * Use columns to improve the mobile view * add testing instructions * Large Header pattern: improve the layout on mobile view (#11490) * Improve Large header * improve large header * use lens * add padding * add testing instructions * Fix "Large footer" left spacing (#11520) * Fix large footer left spacing * Use esc_html_e * add testing instructions * add zip file * improve testing instructions * update testing instructions * update testing instructions --------- Co-authored-by: Luigi <gigitux@gmail.com> Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: Alba Rincón <albarin@users.noreply.github.com> Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com>
woocommerce · Oct 31, 2023 · 79d42c9 · 79d42c9
1 parent ecb0f51
commit 79d42c9
Show file tree

Hide file tree

Showing 22 changed files with 356 additions and 213 deletions.
diff --git a/assets/js/base/components/product-rating/style.scss b/assets/js/base/components/product-rating/style.scss
@@ -1,14 +1,20 @@
+$line-height: 1.618;
+
 .wc-block-components-product-rating {
 	display: block;
 	line-height: 1;
 
+	span {
+		line-height: $line-height;
+	}
+
 	&__stars {
 		display: inline-block;
 		overflow: hidden;
 		position: relative;
 		width: 5.3em;
 		height: 1.618em;
-		line-height: 1.618;
+		line-height: $line-height;
 		font-size: 1em;
 		/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
 		font-family: star;
@@ -76,7 +82,7 @@
 		position: relative;
 		width: 1.5em;
 		height: 1.618em;
-		line-height: 1.618;
+		line-height: $line-height;
 		font-size: 1em;
 		/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
 		font-family: star;

diff --git a/composer.json b/composer.json
@@ -3,7 +3,7 @@
 	"description": "WooCommerce blocks for the Gutenberg editor.",
 	"homepage": "https://woocommerce.com/",
 	"type": "wordpress-plugin",
-	"version": "11.4.2",
+	"version": "11.4.3",
 	"keywords": [
 		"gutenberg",
 		"woocommerce",

diff --git a/docs/internal-developers/testing/releases/1143.md b/docs/internal-developers/testing/releases/1143.md
@@ -0,0 +1,122 @@
+# Testing notes and ZIP for release 11.4.3
+
+Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/13217249/woocommerce-gutenberg-products-block.zip)
+
+## WooCommerce Core
+
+### Enhancements
+
+#### Improve Hero Product Chessboard pattern [11423](https://github.com/woocommerce/woocommerce-blocks/pull/11423)
+
+1. Add a new post.
+2. Add the `Hero Product Chessbord` pattern.
+3. Save the page.
+4. Visit the saved page
+5. Ensure that the pattern looks like in the images below.
+
+| Desktop | Mobile |
+|--------|--------|
+|![locale local](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/ab742211-4b4a-479d-87f9-75c0d1329e32)|!['Locale Galaxy Fold](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/832ea72f-21ff-4070-bee6-341e3732fe65)|
+
+#### Fix spacing on the "Minimal header" pattern. [11477](https://github.com/woocommerce/woocommerce-blocks/pull/11477)
+
+1. Create a new page or post and insert the `Minimal header` pattern.
+2. Make sure there's no space at the right of the navigation block, as in the after screenshot below (note the blue color was added just to make it easier to visualize the space).
+
+| Before | After |
+| ------ | ----- |
+|   <img width="1381" alt="Screenshot 2023-10-27 at 11 51 26" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/9037fbc8-cc75-4b36-8ab7-ebd089dc81bf">     |      <img width="1370" alt="Screenshot 2023-10-27 at 11 51 36" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/76dba159-e330-4cb0-9d5a-2640e3dae639"> |
+
+
+#### "Product Gallery" improvements: remove product summary and update margins. [11464](https://github.com/woocommerce/woocommerce-blocks/pull/11464)
+
+1. Create a new page or post and insert the `Product Gallery` pattern.
+2. Check it does not include the product summary and looks like the screenshot.
+![CleanShot 2023-10-26 at 12 56 12@2x](https://github.com/woocommerce/woocommerce-blocks/assets/186112/5b9b708c-09c5-49ad-b7ad-9ccddb75b792)
+
+#### "Product Collection X Columns" patterns: align "no reviews" text with the star. [11468](https://github.com/woocommerce/woocommerce-blocks/pull/11468)
+
+1. Add a post.
+2. Add the Product Collection 3 Columns pattern.
+3. Ensure that the "no reviews" text is aligned with the star.
+
+| Before | After |
+| ------ | ----- |
+|![image](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/46d1bbff-cd70-49d2-9bab-eec6c192931d)|![image](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/20ac9c8f-2976-4fb7-95e6-50547b659096)|
+
+#### Enhance the Hero Product Split pattern. [11505](https://github.com/woocommerce/woocommerce-blocks/pull/11505)
+
+1. Create a new post
+2. Insert the Hero Product Split pattern
+3. Make sure things are working as expected on the editor side
+4. Save the post and access the frontend: make sure things are working as expected over there as well.
+
+| Before | After |
+| ------ | ----- |
+|  <img width="683" alt="Screenshot 2023-10-30 at 22 17 34" src="https://github.com/woocommerce/woocommerce-blocks/assets/15730971/56c6c94d-6151-4611-8db1-48da5412f857">  |  <img width="683" alt="Screenshot 2023-10-30 at 22 17 50" src="https://github.com/woocommerce/woocommerce-blocks/assets/15730971/112c668f-b081-4d81-b9d4-c6072b67d838">  |
+
+#### Simplify the Hero Product 3 Split pattern. [11495](https://github.com/woocommerce/woocommerce-blocks/pull/11495)
+
+1. Create a new page or post and insert the `Hero Product 3 Split` pattern.
+2. Save and check it looks good on desktop and mobile and looks like the screenshot below (ignore the broken image, it's due to how the screenshot was taken).
+
+| Mobile |
+| ------ |
+|     ![CleanShot 2023-10-30 at 15 35 45@2x](https://github.com/woocommerce/woocommerce-blocks/assets/186112/4db05bd6-5d6d-4ed8-8e6c-03816a6c9a4e)   |
+
+| Desktop |
+|--------|
+| <img width="1184" alt="Screenshot 2023-10-30 at 15 35 10" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/c6b5bdc5-589a-4790-8b1d-023c2610de74">|
+
+#### Product Search Block: unify border-radius. [11515](https://github.com/woocommerce/woocommerce-blocks/pull/11515)
+
+1. Add a new post.
+2. Add the `Footer with Simple Menu`.
+3. Save.
+4. Ensure that the patterns look okay on desktop and mobile (and match with the screenshot).
+5. Repeat 1-4 for each pattern that it is in the screenshot (use the title for searching the pattern in the inserter).
+
+
+![img](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/a3e36272-e84f-458b-886a-b5ebd1b1a880)
+
+#### Improve the Centered Header Menu with Search pattern. [11304](https://github.com/woocommerce/woocommerce-blocks/pull/11304)
+
+1. Create a new page or post.
+2. Insert the `Centered Header Menu with Search` pattern.
+3. Check it looks like the screenshot below.
+4. Check all the elements are visible on mobile.
+
+⚠️ In the next release, we will update the pattern name: <https://github.com/woocommerce/woocommerce-blocks/issues/11523>
+
+
+| Desktop |
+|--------|
+|![image](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/234ad207-3ef9-4034-92ff-c2ea56e11d46)|
+
+| Mobile |
+|--------|
+|![image](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/be183db3-f674-4a3f-b846-996c0b7fccbc)|
+
+#### Large Header pattern: improve the layout on mobile view. [11490](https://github.com/woocommerce/woocommerce-blocks/pull/11490)
+
+1. Add a new post.
+2. Add the Large Header pattern.
+3. Save the post.
+4. Visit the saved post.
+5. Ensure that the pattern looks okay.
+6. Switch to the mobile view.
+7. Ensure that the pattern looks okay.
+
+![image](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/518da445-dbff-4742-a741-94f76a018dc8)
+
+### Mobile
+
+![image](https://github.com/woocommerce/woocommerce-blocks/assets/4463174/131f41e0-a74e-4125-8492-47ae5981a1ad)
+
+#### Improve the "Large footer" spacing. [11520](https://github.com/woocommerce/woocommerce-blocks/pull/11520)
+
+1. Create a new page or post and insert the `Large footer` pattern.
+2. Check there's no space.
+
+
+<img width="707" alt="Screenshot 2023-10-31 at 12 56 33" src="https://github.com/woocommerce/woocommerce-blocks/assets/186112/fa4c0335-9c13-44e1-a599-36ee21663e2c">
diff --git a/docs/internal-developers/testing/releases/README.md b/docs/internal-developers/testing/releases/README.md
@@ -184,7 +184,7 @@ Every release includes specific testing instructions for new features and bug fi
 -   [11.4.0](./1140.md)
     -   [11.4.1](./1141.md)
     -   [11.4.2](./1142.md)
-
+    -   [11.4.3](./1143.md)
 
 <!-- FEEDBACK -->
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
 	"name": "@woocommerce/block-library",
 	"title": "WooCommerce Blocks",
 	"author": "Automattic",
-	"version": "11.4.2",
+	"version": "11.4.3",
 	"description": "WooCommerce blocks for the Gutenberg editor.",
 	"homepage": "https://github.com/woocommerce/woocommerce-gutenberg-products-block/",
 	"keywords": [

diff --git a/patterns/footer-large.php b/patterns/footer-large.php
@@ -14,20 +14,14 @@
 		<!-- wp:column {"width":"60%","style":{"spacing":{"padding":{"right":"50px"}}}} -->
 		<div class="wp-block-column" style="padding-right:50px;flex-basis:60%">
 			<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
-			<div class="wp-block-group">
-				<!-- wp:site-logo /-->
+			<div class="wp-block-group"><!-- wp:site-logo /-->
+				<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"none"},"spacing":{"margin":{"top":"40px"}}}} -->
+				<h5 class="wp-block-heading" style="margin-top:40px;text-transform:none"><?php esc_html_e( 'Join the community', 'woo-gutenberg-products-block' ); ?></h5>
+				<!-- /wp:heading -->
 
-				<!-- wp:group {"style":{"spacing":{"margin":{"top":"40px","bottom":"40px"},"blockGap":"12px"}},"layout":{"type":"constrained"}} -->
-				<div class="wp-block-group" style="margin-top:40px;margin-bottom:40px">
-					<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"none"}}} -->
-					<h5 class="wp-block-heading" style="text-transform:none"><?php esc_html_e( 'Join the community', 'woo-gutenberg-products-block' ); ?></h5>
-					<!-- /wp:heading -->
-
-					<!-- wp:paragraph -->
-					<p><?php esc_html_e( 'Learn about new products and discounts', 'woo-gutenberg-products-block' ); ?></p>
-					<!-- /wp:paragraph -->
-				</div>
-				<!-- /wp:group -->
+				<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"40px"}}}} -->
+				<p style="margin-bottom:40px"><?php esc_html_e( 'Learn about new products and discounts', 'woo-gutenberg-products-block' ); ?></p>
+				<!-- /wp:paragraph -->
 
 				<!-- wp:social-links {"size":"has-small-icon-size","style":{"spacing":{"blockGap":{"left":"16px"}}},"className":"is-style-logos-only"} -->
 				<ul class="wp-block-social-links has-small-icon-size is-style-logos-only">

diff --git a/patterns/footer-simple-menu-and-cart.php → patterns/footer-simple-menu.php b/patterns/footer-simple-menu-and-cart.php → patterns/footer-simple-menu.php
@@ -1,7 +1,7 @@
 <?php
 /**
- * Title: Footer with Simple Menu and Cart
- * Slug: woocommerce-blocks/footer-simple-menu-and-cart
+ * Title: Footer with Simple Menu
+ * Slug: woocommerce-blocks/footer-simple-menu
  * Categories: WooCommerce
  * Block Types: core/template-part/footer
  */
@@ -13,7 +13,7 @@
 	<div class="wp-block-group alignfull" style="padding-right:0;padding-left:0">
 		<!-- wp:group {"style":{"spacing":{"blockGap":"24px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
 		<div class="wp-block-group">
-			<!-- wp:search {"label":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","showLabel":false,"placeholder":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonUseIcon":true,"query":{"post_type":"product"},"width":100,"widthUnit":"%"} /-->
+			<!-- wp:search {"style":{"border":{"radius":"0px"}},"label":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","showLabel":false,"placeholder":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonUseIcon":true,"query":{"post_type":"product"},"width":100,"widthUnit":"%"} /-->
 		</div>
 		<!-- /wp:group -->
 

diff --git a/patterns/footer-with-3-menus.php b/patterns/footer-with-3-menus.php
@@ -49,7 +49,7 @@
 
 		<!-- wp:column {"verticalAlignment":"stretch","width":"30%","style":{"spacing":{"blockGap":"60px"}},"layout":{"type":"default"}} -->
 		<div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:30%">
-			<!-- wp:search {"label":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","showLabel":false,"placeholder":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonUseIcon":true,"query":{"post_type":"product"},"width":100,"widthUnit":"%"} /-->
+			<!-- wp:search {"style":{"border":{"radius":"0px"}}, "label":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","showLabel":false,"placeholder":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonUseIcon":true,"query":{"post_type":"product"},"width":100,"widthUnit":"%"} /-->
 			<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"right":"0","left":"0"},"margin":{"top":"56px","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} -->
 			<div class="wp-block-group" style="margin-top:56px;margin-bottom:0;padding-right:0;padding-left:0">
 				<!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->

diff --git a/patterns/header-centered-search-pattern.php b/patterns/header-centered-search-pattern.php
@@ -9,37 +9,39 @@
 
 <!-- wp:group {"className":"wc-blocks-header-pattern","align":"full","layout":{"type":"constrained"}} -->
 <div class="wc-blocks-header-pattern 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":"20px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
-		<div class="wp-block-group">
-			<!-- wp:site-logo {"shouldSyncIcon":false} /-->
-			<!-- wp:site-title /-->
-		</div>
-		<!-- /wp:group -->
-		<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
-		<div class="wp-block-group">
-			<!-- wp:group {"style":{"border":{"top":{"width":"1px","style":"solid"},"right":{"width":"1px","style":"solid"},"bottom":{"width":"1px","style":"solid"},"left":{"width":"1px","style":"solid"}},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
-			<div class="wp-block-group" style="border-top-style:solid;border-top-width:1px;border-right-style:solid;border-right-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-left-style:solid;border-left-width:1px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
-				<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search our store","width":350,"widthUnit":"px","buttonText":"Search","buttonUseIcon":true,"query":{"post_type":"product"},"style":{"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}}} /-->
+	<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"align":"full","style":{"spacing":{"padding":{"top":"24px","bottom":"24px","left":"40px","right":"40px"}}}} -->
+	<div class="wp-block-columns alignfull are-vertically-aligned-center is-not-stacked-on-mobile" style="padding-top:24px;padding-right:40px;padding-bottom:24px;padding-left:40px">
+		<!-- wp:column {"verticalAlignment":"center","width":"70%","layout":{"type":"default"}} -->
+		<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%">
+			<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
+			<div class="wp-block-group"><!-- wp:site-logo {"shouldSyncIcon":false} /-->
+				<!-- wp:site-title {"style":{"layout":{"selfStretch":"fixed","flexSize":"200px"},"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
 			</div>
 			<!-- /wp:group -->
+		</div>
+		<!-- /wp:column -->
 
-			<!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconClass":"wc-block-customer-account__account-icon","style":{"spacing":{"margin":{"left":"10px"}}}} /-->
-
-			<!-- wp:woocommerce/mini-cart /-->
+		<!-- wp:column {"verticalAlignment":"center","width":""} -->
+		<div class="wp-block-column is-vertically-aligned-center">
+			<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
+			<div class="wp-block-group">
+				<!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconClass":"wc-block-customer-account__account-icon"} /-->
+				<!-- wp:woocommerce/mini-cart {"hasHiddenPrice":true} /-->
+			</div>
+			<!-- /wp:group -->
 		</div>
-		<!-- /wp:group -->
+		<!-- /wp:column -->
 	</div>
-	<!-- /wp:group -->
+	<!-- /wp:columns -->
 
-	<!-- wp:separator {"align":"full","className":"is-style-wide"} -->
-	<hr class="wp-block-separator alignfull has-alpha-channel-opacity is-style-wide" />
+	<!-- wp:separator {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"className":"is-style-wide"} -->
+	<hr class="wp-block-separator alignfull has-alpha-channel-opacity is-style-wide"
+		style="margin-top:0px;margin-bottom:0px" />
 	<!-- /wp:separator -->
 
 	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
 	<div class="wp-block-group">
-		<!-- wp:navigation {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}}} /-->
+		<!-- wp:navigation {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"30px"}}} /-->
 	</div>
 	<!-- /wp:group -->
 

diff --git a/patterns/header-essential-dark.php b/patterns/header-essential-dark.php
@@ -11,8 +11,8 @@
 	<!-- wp:group {"style":{"spacing":{"blockGap":"40px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
 	<div class="wp-block-group">
 		<!-- wp:site-logo {"shouldSyncIcon":false} /-->
-		<!-- wp:search {"label":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","showLabel":false,"placeholder":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonUseIcon":true,"query":{"post_type":"product"},"width":100,"widthUnit":"%"} /-->
-		<!-- wp:navigation {"textColor":"background","layout":{"type":"flex","justifyContent":"center"}} /-->
+		<!-- wp:search {"style":{"border":{"radius":"0px"}},"label":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","showLabel":false,"placeholder":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonUseIcon":true,"query":{"post_type":"product"},"width":100,"widthUnit":"%","backgroundColor":"contrast-2"} /-->
+		<!-- wp:navigation {"textColor":"background","overlayTextColor":"contrast","layout":{"type":"flex","justifyContent":"center"}} /-->
 	</div>
 	<!-- /wp:group -->
 

diff --git a/patterns/header-large-dark.php b/patterns/header-large-dark.php
@@ -10,7 +10,7 @@
 <div class="wc-blocks-header-pattern wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color" style="padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem">
 	<!-- wp:group {"style":{"spacing":{"blockGap":"1rem"}},"className":"has-small-font-size","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
 	<div class="wp-block-group has-small-font-size">
-		<!-- wp:search {"label":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","showLabel":false,"placeholder":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonUseIcon":true,"query":{"post_type":"product"},"width":100,"widthUnit":"%"} /-->
+		<!-- wp:search {"style":{"border":{"radius":"0px"}},"label":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","showLabel":false,"placeholder":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonText":"<?php esc_html_e( 'Search', 'woo-gutenberg-products-block' ); ?>","buttonUseIcon":true,"query":{"post_type":"product"},"width":100,"widthUnit":"%"} /-->
 		<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
 		<div class="wp-block-group">
 			<!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","fontSize":"small","iconClass":"wc-block-customer-account__account-icon"} /-->