redo

Author: adolgachev

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),
+      // The parent chips will show hover state as well so need stronger 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),

src/material/chips/chip.scss

@@ -530,14 +530,12 @@ $fallbacks: m3-chip.get-tokens();
     background-color: token-utils.slot(chip-trailing-action-state-layer-color, $fallbacks);
   }
 
-  // The parent chips will show hover state as well so need stronger hover styling here
   &:hover::after {
-    opacity: calc(token-utils.slot(chip-trailing-action-hover-state-layer-opacity, $fallbacks) * 2);
+    opacity: token-utils.slot(chip-trailing-action-hover-state-layer-opacity, $fallbacks);
   }
 
-  // The parent chips will show focus state as well so need stronger focus styling here
   &:focus::after {
-    opacity: calc(token-utils.slot(chip-trailing-action-focus-state-layer-opacity, $fallbacks) * 2);
+    opacity: token-utils.slot(chip-trailing-action-focus-state-layer-opacity, $fallbacks);
   }
 }