From 513477fbb7026e39c60c31a57c7b84c0cb4d0bd9 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Mon, 24 Mar 2025 09:06:38 +0000
Subject: [PATCH] Fix CSS export

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .changeset/lemon-shoes-enter.md   |  5 +++++
 packages/canon/css/components.css | 14 +++++++-------
 packages/canon/css/link.css       | 14 +++++++-------
 packages/canon/css/styles.css     | 14 +++++++-------
 4 files changed, 26 insertions(+), 21 deletions(-)
 create mode 100644 .changeset/lemon-shoes-enter.md

diff --git a/.changeset/lemon-shoes-enter.md b/.changeset/lemon-shoes-enter.md
new file mode 100644
index 0000000000..a950989d93
--- /dev/null
+++ b/.changeset/lemon-shoes-enter.md
@@ -0,0 +1,5 @@
+---
+'@backstage/canon': patch
+---
+
+Add global CSS reset for anchor tags.
diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css
index cb376e64ed..7ae8378f2e 100644
--- a/packages/canon/css/components.css
+++ b/packages/canon/css/components.css
@@ -584,7 +584,7 @@
   margin: .375rem 1rem;
 }
 
-.canon-Link {
+a.canon-Link {
   font-family: var(--canon-font-regular);
   color: var(--canon-fg-link);
   cursor: pointer;
@@ -602,31 +602,31 @@
   }
 }
 
-.canon-Link--variant-body {
+a.canon-Link--variant-body {
   font-size: var(--canon-font-size-3);
   line-height: 140%;
 }
 
-.canon-Link--variant-subtitle {
+a.canon-Link--variant-subtitle {
   font-size: var(--canon-font-size-4);
   line-height: 140%;
 }
 
-.canon-Link--variant-caption {
+a.canon-Link--variant-caption {
   font-size: var(--canon-font-size-2);
   line-height: 140%;
 }
 
-.canon-Link--variant-label {
+a.canon-Link--variant-label {
   font-size: var(--canon-font-size-1);
   line-height: 140%;
 }
 
-.canon-Link--weight-regular {
+a.canon-Link--weight-regular {
   font-weight: var(--canon-font-weight-regular);
 }
 
-.canon-Link--weight-bold {
+a.canon-Link--weight-bold {
   font-weight: var(--canon-font-weight-bold);
 }
 
diff --git a/packages/canon/css/link.css b/packages/canon/css/link.css
index ddc47c5d04..5908e1b16f 100644
--- a/packages/canon/css/link.css
+++ b/packages/canon/css/link.css
@@ -1,4 +1,4 @@
-.canon-Link {
+a.canon-Link {
   font-family: var(--canon-font-regular);
   color: var(--canon-fg-link);
   cursor: pointer;
@@ -16,30 +16,30 @@
   }
 }
 
-.canon-Link--variant-body {
+a.canon-Link--variant-body {
   font-size: var(--canon-font-size-3);
   line-height: 140%;
 }
 
-.canon-Link--variant-subtitle {
+a.canon-Link--variant-subtitle {
   font-size: var(--canon-font-size-4);
   line-height: 140%;
 }
 
-.canon-Link--variant-caption {
+a.canon-Link--variant-caption {
   font-size: var(--canon-font-size-2);
   line-height: 140%;
 }
 
-.canon-Link--variant-label {
+a.canon-Link--variant-label {
   font-size: var(--canon-font-size-1);
   line-height: 140%;
 }
 
-.canon-Link--weight-regular {
+a.canon-Link--weight-regular {
   font-weight: var(--canon-font-weight-regular);
 }
 
-.canon-Link--weight-bold {
+a.canon-Link--weight-bold {
   font-weight: var(--canon-font-weight-bold);
 }
diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css
index d5ae86745c..b44b21f175 100644
--- a/packages/canon/css/styles.css
+++ b/packages/canon/css/styles.css
@@ -9790,7 +9790,7 @@
   margin: .375rem 1rem;
 }
 
-.canon-Link {
+a.canon-Link {
   font-family: var(--canon-font-regular);
   color: var(--canon-fg-link);
   cursor: pointer;
@@ -9808,31 +9808,31 @@
   }
 }
 
-.canon-Link--variant-body {
+a.canon-Link--variant-body {
   font-size: var(--canon-font-size-3);
   line-height: 140%;
 }
 
-.canon-Link--variant-subtitle {
+a.canon-Link--variant-subtitle {
   font-size: var(--canon-font-size-4);
   line-height: 140%;
 }
 
-.canon-Link--variant-caption {
+a.canon-Link--variant-caption {
   font-size: var(--canon-font-size-2);
   line-height: 140%;
 }
 
-.canon-Link--variant-label {
+a.canon-Link--variant-label {
   font-size: var(--canon-font-size-1);
   line-height: 140%;
 }
 
-.canon-Link--weight-regular {
+a.canon-Link--weight-regular {
   font-weight: var(--canon-font-weight-regular);
 }
 
-.canon-Link--weight-bold {
+a.canon-Link--weight-bold {
   font-weight: var(--canon-font-weight-bold);
 }