link no underscores

digdir · Jun 11, 2024 · 55dc1a0 · 55dc1a0
1 parent ba24a89
commit 55dc1a0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/css/link.css b/packages/css/link.css
@@ -19,7 +19,7 @@
     gap: var(--ds-spacing-1);
   }
 
-  .ds-link__accent {
+  .ds-link--accent {
     --dsc-link-color: var(--ds-color-accent-text-subtle);
     --dsc-link-color-hover: var(--ds-color-accent-text-default);
     --dsc-link-color-active: var(--ds-color-accent-text-default);
@@ -29,7 +29,7 @@
     --dsc-link-color-focus-background: var(--ds-focus-outer);
   }
 
-  .ds-link__neutral {
+  .ds-link--neutral {
     --dsc-link-color: var(--ds-color-neutral-text-default);
     --dsc-link-color-hover: var(--ds-color-neutral-text-subtle);
     --dsc-link-color-active: var(--ds-color-neutral-text-subtle);

diff --git a/packages/react/src/components/Link/Link.tsx b/packages/react/src/components/Link/Link.tsx
@@ -31,7 +31,7 @@ export const Link = forwardRef<HTMLAnchorElement, LinkProps>(
 
     return (
       <Component
-        className={cl('ds-link', `ds-link__${color}`, className)}
+        className={cl('ds-link', `ds-link--${color}`, className)}
         ref={ref}
         {...rest}
       >