fix(plasma-new-hope): fixed cursor and hover/active color

salute-developers · Nov 1, 2024 · a68636a · a68636a
1 parent 09323ee
commit a68636a
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/plasma-new-hope/src/components/Breadcrumbs/Breadcrumbs.styles.ts b/packages/plasma-new-hope/src/components/Breadcrumbs/Breadcrumbs.styles.ts
@@ -13,9 +13,9 @@ const Link = component(mergedLinkConfig);
 
 export const StyledLink = styled(Link)<{ isHref: boolean }>`
     opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};
-    cursor: ${({ isHref }) => (isHref ? 'pointer' : 'auto')};
     color: ${({ isHref }) => (isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`)};
 
+    cursor: pointer;
     --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});
 
     ${addFocus({
@@ -24,6 +24,14 @@ export const StyledLink = styled(Link)<{ isHref: boolean }>`
         outlineRadius: '0rem',
         outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,
     })}
+
+    &:hover {
+        color: currentColor;
+    }
+
+    &:active {
+        color: currentColor;
+    }
 `;
 
 export const base = css`