From 1d5ca15d177f9a0fb28f152c2b9dd3b76ad2bda9 Mon Sep 17 00:00:00 2001 From: Andrey Dolgachev Date: Thu, 21 Aug 2025 20:52:33 -0700 Subject: [PATCH] fix(material/chips): strengthen edit/remove icons focus/hover styling --- src/material/chips/_m3-chip.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/material/chips/_m3-chip.scss b/src/material/chips/_m3-chip.scss index 23cc387aa05a..2443fa0e1c0c 100644 --- a/src/material/chips/_m3-chip.scss +++ b/src/material/chips/_m3-chip.scss @@ -49,8 +49,11 @@ chip-selected-label-text-color: map.get($system, on-secondary-container), chip-selected-trailing-action-state-layer-color: map.get($system, on-secondary-container), chip-selected-trailing-icon-color: map.get($system, on-secondary-container), - chip-trailing-action-focus-state-layer-opacity: map.get($system, focus-state-layer-opacity), - chip-trailing-action-hover-state-layer-opacity: map.get($system, hover-state-layer-opacity), + // Parent chips will show focus/hover state as well so need stronger focus/hover styling here + chip-trailing-action-focus-state-layer-opacity: + calc(map.get($system, focus-state-layer-opacity) * 2), + chip-trailing-action-hover-state-layer-opacity: + calc(map.get($system, hover-state-layer-opacity) * 2), chip-trailing-action-state-layer-color: map.get($system, on-surface-variant), chip-with-icon-disabled-icon-color: map.get($system, on-surface), chip-with-icon-icon-color: map.get($system, on-surface-variant),