breadcrumbs

digdir · Sep 26, 2024 · ec4b94d · ec4b94d
1 parent 4595838
commit ec4b94d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/packages/css/breadcrumbs.css b/packages/css/breadcrumbs.css
@@ -2,14 +2,20 @@
   --dsc-breadcrumbs-spacing: var(--ds-spacing-2);
   --dsc-breadcrumbs-chevron-size: var(--ds-sizing-6);
 
+  @composes ds-body-text--md from './baseline/typography.css';
+
   &[data-size='sm'] {
     --dsc-breadcrumbs-spacing: var(--ds-spacing-1);
     --dsc-breadcrumbs-chevron-size: var(--ds-sizing-5);
+
+    @composes ds-body-text--sm from './baseline/typography.css';
   }
 
   &[data-size='lg'] {
     --dsc-breadcrumbs-spacing: var(--ds-spacing-3);
     --dsc-breadcrumbs-chevron-size: var(--ds-sizing-7);
+
+    @composes ds-body-text--lg from './baseline/typography.css';
   }
 
   & > :is(ol, ul) {

diff --git a/packages/react/src/components/Breadcrumbs/Breadcrumbs.tsx b/packages/react/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -1,6 +1,5 @@
 import cl from 'clsx/lite';
 import { type HTMLAttributes, forwardRef } from 'react';
-import { Paragraph } from '../Typography';
 
 export type BreadcrumbsProps = {
   /**
@@ -20,14 +19,12 @@ export const Breadcrumbs = forwardRef<HTMLElement, BreadcrumbsProps>(
     { 'aria-label': ariaLabel = 'Du er her:', className, size, ...rest },
     ref,
   ) => (
-    <Paragraph asChild size={size}>
-      <nav
-        aria-label={ariaLabel}
-        className={cl('ds-breadcrumbs', className)}
-        data-size={size}
-        ref={ref}
-        {...rest}
-      />
-    </Paragraph>
+    <nav
+      aria-label={ariaLabel}
+      className={cl('ds-breadcrumbs', className)}
+      data-size={size}
+      ref={ref}
+      {...rest}
+    />
   ),
 );