feat(Heading): default level is now 2 (#2378)

resolves #2358
digdir · Sep 10, 2024 · 8cdd5c5 · 8cdd5c5
1 parent 0dbcee5
commit 8cdd5c5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/rich-carrots-deny.md b/.changeset/rich-carrots-deny.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Heading: default level is now 2
diff --git a/packages/react/src/components/Typography/Heading/Heading.tsx b/packages/react/src/components/Typography/Heading/Heading.tsx
@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 export type HeadingProps = {
   /**
    * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
-   * @default 1
+   * @default 2
    */
   level?: 1 | 2 | 3 | 4 | 5 | 6;
   /** Changes text sizing
@@ -31,10 +31,10 @@ export type HeadingProps = {
  */
 export const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(
   (
-    { size = 'xl', level = 1, spacing = false, className, asChild, ...rest },
+    { size = 'xl', level = 2, spacing = false, className, asChild, ...rest },
     ref,
   ) => {
-    const Component = asChild ? Slot : (`h${level ?? 1}` as ElementType);
+    const Component = asChild ? Slot : (`h${level}` as ElementType);
 
     return (
       <Component