consolidated hoved stylings for chips

equinor · Aug 11, 2023 · 6cbdab1 · 6cbdab1
1 parent 1261f68
commit 6cbdab1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 18 deletions.
diff --git a/packages/eds-core-react/src/components/Chip/Chip.tsx b/packages/eds-core-react/src/components/Chip/Chip.tsx
@@ -45,18 +45,6 @@ const StyledChips = styled.div.attrs<StyleProps>(
     fill: ${typography.color};
   }
 
-  ${({ clickable }) => clickable && css`
-    @media (hover: hover) and (pointer: fine) {
-      &:hover {
-        color: ${states.hover.typography.color};
-
-        svg {
-          fill: ${states.hover.typography.color};
-        }
-      }
-    }
-  `}
-  
   &:focus {
     outline: none;
   }
@@ -78,6 +66,10 @@ const StyledChips = styled.div.attrs<StyleProps>(
       @media (hover: hover) and (pointer: fine) {
         &:hover {
           cursor: pointer;
+          color: ${states.hover.typography.color};
+          svg {
+            fill: ${states.hover.typography.color};
+          }
         }
       }
     `}

diff --git a/packages/eds-core-react/src/components/Chip/__snapshots__/Chip.test.tsx.snap b/packages/eds-core-react/src/components/Chip/__snapshots__/Chip.test.tsx.snap
@@ -123,6 +123,7 @@ exports[`Chips Matches snapshot 2`] = `
 
 @media (hover:hover) and (pointer:fine) {
   .c0:hover {
+    cursor: pointer;
     color: var(--eds_interactive_primary__hover,rgba(0,79,85,1));
   }
 
@@ -131,12 +132,6 @@ exports[`Chips Matches snapshot 2`] = `
   }
 }
 
-@media (hover:hover) and (pointer:fine) {
-  .c0:hover {
-    cursor: pointer;
-  }
-}
-
 <div
     class="c0"
     role="button"