From 74aba2185a7c45aba7696e8ebadf6ea7b9d8e808 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Mon, 10 Mar 2025 19:14:26 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20add=20technical=20link?=
 =?UTF-8?q?=20style=20to=20legal=20notice=20primitive?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added a new style variant to the link primitive component that
visually highlights technical links specifically within legal notices.
This improves clarity and helps users distinguish different link types
in legal documentation.
---
 src/frontend/src/primitives/A.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/primitives/A.tsx b/src/frontend/src/primitives/A.tsx
index 31a49017..637af588 100644
--- a/src/frontend/src/primitives/A.tsx
+++ b/src/frontend/src/primitives/A.tsx
@@ -51,6 +51,11 @@ const link = cva({
         lineHeight: '1rem',
       },
     },
+    color: {
+      primary: {
+        color: 'blue',
+      },
+    },
   },
 })
 
@@ -64,12 +69,13 @@ export const A = ({
   externalIcon,
   underline,
   footer,
+  color,
   ...props
 }: AProps) => {
   return (
     <Link
       {...props}
-      className={link({ size, externalIcon, underline, footer })}
+      className={link({ size, externalIcon, underline, footer, color })}
     />
   )
 }