Fix color prop not working for Link (#4384)

Co-authored-by: Liam Smith <[email protected]>
jpmorganchase · Nov 11, 2024 · b395246 · b395246
1 parent 2eabe8b
commit b395246
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/chilly-frogs-scream.md b/.changeset/chilly-frogs-scream.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Fixed `color="secondary"` not working for the Link component.
diff --git a/packages/core/src/link/Link.tsx b/packages/core/src/link/Link.tsx
@@ -26,8 +26,8 @@ export const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(
     href,
     className,
     children,
-    variant = "primary",
-    color = "primary",
+    color: colorProp,
+    variant,
     target = "_self",
     ...rest
   },
@@ -41,6 +41,7 @@ export const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(
   });
   const { ExternalIcon } = useIcon();
 
+  const color = variant ?? colorProp ?? "primary";
   const LinkIconComponent =
     IconComponent === undefined ? ExternalIcon : IconComponent;
 
@@ -51,7 +52,6 @@ export const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(
       href={href}
       ref={ref}
       target={target}
-      variant={variant}
       color={color}
       {...rest}
     >