Merge branch 'master' into DGHT-287-fe-upgrade-dependency-talend-ui

Talend · Dec 4, 2024 · f17379c · f17379c
2 parents dd7231f + 560ba2a
commit f17379c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git a/packages/design-system/CHANGELOG.md b/packages/design-system/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @talend/design-system
 
+## 11.3.1
+
+### Patch Changes
+
+- e742b73: TMC-4293 - Design System link should not be accent/grey while using qlik-light theme
+
 ## 11.3.0
 
 ### Minor Changes

diff --git a/packages/design-system/package.json b/packages/design-system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@talend/design-system",
-  "version": "11.3.0",
+  "version": "11.3.1",
   "description": "Talend Design System",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

diff --git a/packages/design-system/src/components/Link/Link.module.scss b/packages/design-system/src/components/Link/Link.module.scss
@@ -5,7 +5,7 @@ $icon-alignment-offset-s: -0.0625rem;
 
 .link {
 	font: tokens.$coral-paragraph-m-bold;
-	color: tokens.$coral-color-accent-text;
+	color: tokens.$coral-color-info-text;
 	background: none;
 	border: none;
 	border-bottom-color: currentColor;
@@ -26,18 +26,18 @@ $icon-alignment-offset-s: -0.0625rem;
 	}
 
 	&:hover {
-		color: tokens.$coral-color-accent-text-hover;
+		color: tokens.$coral-color-info-text-hover;
 
 		.link__text {
-			border-bottom-color: tokens.$coral-color-accent-border-hover;
+			border-bottom-color: tokens.$coral-color-info-border-hover;
 		}
 	}
 
 	&:active {
-		color: tokens.$coral-color-accent-text-active;
+		color: tokens.$coral-color-info-text-active;
 
 		.link__text {
-			border-bottom-color: tokens.$coral-color-accent-border-active;
+			border-bottom-color: tokens.$coral-color-info-border-active;
 		}
 	}
 
@@ -54,11 +54,11 @@ $icon-alignment-offset-s: -0.0625rem;
 		color: tokens.$coral-color-neutral-text;
 
 		&:hover {
-			color: tokens.$coral-color-accent-text-hover;
+			color: tokens.$coral-color-info-text-hover;
 		}
 
 		&:active {
-			color: tokens.$coral-color-accent-text-active;
+			color: tokens.$coral-color-info-text-active;
 		}
 	}
 }