Merge pull request #114 from WestpacGEL/fx/98-fix-link-font-size

fix(#98): removing the 14px size
WestpacGEL · Oct 11, 2023 · 3f63f38 · 3f63f38
2 parents be5e749 + 500b64c
commit 3f63f38
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/ui/src/components/link/link.component.tsx b/packages/ui/src/components/link/link.component.tsx
@@ -39,7 +39,7 @@ export function BaseLink(
       className={styles.base({ className })}
     >
       {IconBefore && <IconBefore size={iconSize} color="link" className={styles.iconBefore()} />}
-      <span className={styles.text()}>{children}</span>
+      <span>{children}</span>
       {IconAfter && <IconAfter size={iconSize} color="link" className={styles.iconAfter()} />}
     </a>
   );

diff --git a/packages/ui/src/components/link/link.styles.ts b/packages/ui/src/components/link/link.styles.ts
@@ -4,19 +4,18 @@ export const styles = tv(
   {
     slots: {
       base: 'inline-flex bg-[transparent] hover:underline',
-      text: 'typography-body-10',
       iconBefore: 'mr-1',
       iconAfter: 'ml-1',
     },
     variants: {
       type: {
         inline: {
-          base: 'text-link items-baseline',
+          base: 'items-baseline text-link',
           iconBefore: 'self-center',
           iconAfter: 'self-center',
         },
         standalone: {
-          base: 'text-text items-center',
+          base: 'items-center text-text',
         },
       },
       underline: {