feat(skiplink): compose sr-only class (#2546)

digdir · Oct 1, 2024 · 5a77def · 5a77def
1 parent f08ec98
commit 5a77def
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/six-carrots-guess.md b/.changeset/six-carrots-guess.md
@@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet-css": patch
+"@digdir/designsystemet-react": patch
+---
+
+SkipLink: Remove ds-sr-only class
diff --git a/packages/css/skiplink.css b/packages/css/skiplink.css
@@ -1,3 +1,7 @@
+.ds-skiplink {
+  @composes ds-sr-only from './utilities.css';
+}
+
 .ds-skiplink:focus {
   display: grid;
   place-items: center;

diff --git a/packages/react/src/components/SkipLink/SkipLink.tsx b/packages/react/src/components/SkipLink/SkipLink.tsx
@@ -10,17 +10,12 @@ export type SkipLinkProps = {
 } & AnchorHTMLAttributes<HTMLAnchorElement>;
 
 export const SkipLink = ({
-  href,
   children,
   className,
   ...rest
 }: SkipLinkProps): JSX.Element => {
   return (
-    <a
-      href={href}
-      className={cl(`ds-sr-only`, 'ds-skiplink', className)}
-      {...rest}
-    >
+    <a className={cl('ds-skiplink', className)} {...rest}>
       <p className='ds-skiplink__content'>{children}</p>
     </a>
   );