chore: add dark to link

ogcio · Aug 30, 2024 · d56f5c0 · d56f5c0
1 parent acec9ef
commit d56f5c0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/react/ds/src/link/link.tsx b/packages/react/ds/src/link/link.tsx
@@ -15,6 +15,7 @@ export function Link({
   noUnderline,
   noVisited,
   external,
+  dark = false,
 }: LinkProps) {
   return (
     <Component
@@ -24,9 +25,8 @@ export function Link({
       className={`
         ${noUnderline ? '' : 'gi-underline gi-underline-offset-[0.1em]'}
         ${noVisited ? 'visited:gi-text-blue-700' : 'visited:gi-text-purple-700'}
-        gi-text-blue-700
+        ${dark ? 'gi-text-white hover:gi-text-white' : 'gi-text-blue-700 hover:gi-text-blue-800'}        
         gi-decoration-[max(1px,0.0625rem)]
-        hover:gi-text-blue-800
         hover:gi-decoration-skip-ink-none
         hover:gi-decoration-[max(3px,0.1875rem,0.12em)]
         focus:gi-outline

diff --git a/packages/react/storybook/.storybook/preview.ts b/packages/react/storybook/.storybook/preview.ts
@@ -1,6 +1,10 @@
 import type { Preview } from '@storybook/react';
-import '@fontsource/lato';
-import '@govie-react/ds/reset.css';
+import '@fontsource/lato/100.css';
+import '@fontsource/lato/300.css';
+import '@fontsource/lato/400.css';
+import '@fontsource/lato/700.css';
+import '@fontsource/lato/900.css';
+import '@govie-react/ds/styles.css';
 import '@govie-ds/theme-govie/theme.css';
 import './global.css';