Merged in fix/restore-icon-variant-link (pull request #2340)

fix: restore icon variant for link since inline-flex makes its children inline but not the box itself Approved-by: Arvid Norlin
2025-06-13 10:19:14 +00:00
parent c545ed2fe2 9ee0ec2d46
commit bd24506ad0
10 changed files with 17 additions and 10 deletions
@@ -1,8 +1,5 @@
 .link {
  text-decoration: none;
-  align-items: center;
-  display: inline-flex;
-  gap: var(--Space-x05);
 }

 .underline {
@@ -47,6 +44,12 @@
  }
 }

+.icon {
+  align-items: center;
+  display: inline-flex;
+  gap: var(--Space-x05);
+}
+
 .breadcrumb {
  font-family: var(--typography-Footnote-Bold-fontFamily);
  font-size: var(--typography-Footnote-Bold-fontSize);
@@ -28,6 +28,7 @@ export const linkVariants = cva(styles.link, {
      bold: styles.bold,
    },
    variant: {
+      icon: styles.icon,
      breadcrumb: styles.breadcrumb,
      myPageMobileDropdown: styles.myPageMobileDropdown,
      navigation: styles.navigation,