🐛Chip: only hover when clickable (error variant) (#3096)

equinor · Oct 9, 2023 · b42752d · b42752d
1 parent 890017b
commit b42752d
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/eds-core-react/src/components/Chip/Chip.tsx b/packages/eds-core-react/src/components/Chip/Chip.tsx
@@ -74,7 +74,7 @@ const StyledChips = styled.div.attrs<StyleProps>(
       }
     `}
 
-  ${({ $variant }) => {
+  ${({ $variant, $clickable }) => {
     switch ($variant) {
       case 'active':
         return css`
@@ -90,11 +90,12 @@ const StyledChips = styled.div.attrs<StyleProps>(
           ${bordersTemplate(error.border)};
           @media (hover: hover) and (pointer: fine) {
             &:hover {
-              border-color: ${error.states.hover.typography.color};
-              color: ${error.states.hover.typography.color};
+              border-color: ${$clickable &&
+              error.states.hover.typography.color};
+              color: ${$clickable && error.states.hover.typography.color};
 
               svg {
-                fill: ${error.states.hover.typography.color};
+                fill: ${$clickable && error.states.hover.typography.color};
               }
             }
           }