From 54ce8807626cffa3197a64879fcad5e230fe0937 Mon Sep 17 00:00:00 2001
From: Luigi Teschio <gigitux@gmail.com>
Date: Wed, 16 Feb 2022 17:18:44 +0100
Subject: [PATCH] Add wc-block-mini-cart__contents class for the Mini Cart
 block (https://github.com/woocommerce/woocommerce-blocks/pull/5800)

* Add wc-block-mini-cart__contents class for the Mini Cart block woocommerce/woocommerce-blocks#5418

Add wc-block-mini-cart__contents class for the Mini Cart block

* removed comment
---
 .../js/blocks/cart-checkout/mini-cart-contents/editor.scss    | 2 +-
 .../assets/js/blocks/cart-checkout/mini-cart/style.scss       | 3 +--
 plugins/woocommerce-blocks/templates/parts/mini-cart.html     | 4 ++--
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart-contents/editor.scss b/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart-contents/editor.scss
index 27b36bb5b36..89bbb0a4406 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart-contents/editor.scss
+++ b/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart-contents/editor.scss
@@ -1,4 +1,4 @@
-.editor-styles-wrapper .wp-block-woocommerce-mini-cart-contents {
+.editor-styles-wrapper .wc-block-mini-cart__contents {
 	max-width: 480px;
 	/* We need to override the margin top here to simulate the layout of
 	the mini cart contents on the front end. */
diff --git a/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart/style.scss
index 87c2ae3b5f8..76dfddf47a2 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart/style.scss
@@ -74,8 +74,7 @@
 	}
 }
 
-// @todo Review the class naming convention for Mini Cart inner blocks.
-.wp-block-woocommerce-mini-cart-contents {
+.wc-block-mini-cart__contents {
 	background: #fff;
 	box-sizing: border-box;
 	display: flex;
diff --git a/plugins/woocommerce-blocks/templates/parts/mini-cart.html b/plugins/woocommerce-blocks/templates/parts/mini-cart.html
index d053a8a72bf..9df278487f9 100644
--- a/plugins/woocommerce-blocks/templates/parts/mini-cart.html
+++ b/plugins/woocommerce-blocks/templates/parts/mini-cart.html
@@ -1,5 +1,5 @@
-<!-- wp:woocommerce/mini-cart-contents -->
-<div class="wp-block-woocommerce-mini-cart-contents">
+<!-- wp:woocommerce/mini-cart-contents {"className":"wc-block-mini-cart__contents"} -->
+<div class="wp-block-woocommerce-mini-cart-contents wc-block-mini-cart__contents">
 	<!-- wp:woocommerce/filled-mini-cart-contents-block -->
 	<div class="wp-block-woocommerce-filled-mini-cart-contents-block">
 		<!-- wp:woocommerce/mini-cart-title-block -->