From ac6cf013a5805841ee959da06cae2b91c3c7fe47 Mon Sep 17 00:00:00 2001
From: "Daniel W. Robert" <danielwrobert@gmail.com>
Date: Tue, 16 Aug 2022 16:13:59 -0400
Subject: [PATCH] Update additional remove button styles.

- Add hover state to remove button on chip layout.
- Update disabled styles to remove button in both layouts (mainly relevant
to the editor view).
---
 assets/js/base/components/chip/style.scss   | 5 +++--
 assets/js/blocks/active-filters/editor.scss | 3 ---
 assets/js/blocks/active-filters/style.scss  | 5 +++++
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/assets/js/base/components/chip/style.scss b/assets/js/base/components/chip/style.scss
index 9db31401c65..8790e4025a6 100644
--- a/assets/js/base/components/chip/style.scss
+++ b/assets/js/base/components/chip/style.scss
@@ -71,11 +71,12 @@ button.wc-block-components-chip:hover > .wc-block-components-chip__remove,
 button.wc-block-components-chip:focus > .wc-block-components-chip__remove,
 .wc-block-components-chip__remove:hover,
 .wc-block-components-chip__remove:focus {
-	fill: $alert-red;
+	fill: #fff;
+	background: #7956ad;
 }
 
 button.wc-block-components-chip:disabled > .wc-block-components-chip__remove,
 .wc-block-components-chip__remove:disabled {
-	fill: $gray-600;
+	fill: #fff;
 	cursor: not-allowed;
 }
diff --git a/assets/js/blocks/active-filters/editor.scss b/assets/js/blocks/active-filters/editor.scss
index 7ed88bb3b1e..130111f41a2 100644
--- a/assets/js/blocks/active-filters/editor.scss
+++ b/assets/js/blocks/active-filters/editor.scss
@@ -2,7 +2,4 @@
 	.wc-block-active-filters__list-item-name {
 		margin-top: 9px;
 	}
-	.wc-block-active-filters__list-item-remove:hover {
-		color: #7956ad;
-	}
 }
diff --git a/assets/js/blocks/active-filters/style.scss b/assets/js/blocks/active-filters/style.scss
index ccc29bf69eb..452f745b91b 100644
--- a/assets/js/blocks/active-filters/style.scss
+++ b/assets/js/blocks/active-filters/style.scss
@@ -82,6 +82,11 @@
 		&:hover {
 			color: #7956ad;
 		}
+
+		&:disabled {
+			color: $gray-200;
+			cursor: not-allowed;
+		}
 	}
 
 	.wc-block-active-filters__list--chips {