@norges-domstoler/dds-components 0.0.0-dev-20240305141413 → 0.0.0-dev-20240306131021

package/dist/index.mjs

@@ -3509,6 +3509,22 @@ var getDefaultTypographyType = (h) => {
       return "headingSans06";
   }
 };
+var scaledTypographyType = (type) => {
+  switch (type) {
+    case "headingSans08":
+      return "headingSans07";
+    case "headingSans07":
+      return "headingSans06";
+    case "headingSans06":
+      return "headingSans05";
+    case "headingSans05":
+      return "headingSans04";
+    case "headingSans04":
+      return "headingSans03";
+    default:
+      return type;
+  }
+};
 var Heading = forwardRef4(
   (props, ref) => {
     const {
@@ -3521,9 +3537,12 @@ var Heading = forwardRef4(
       ...rest
     } = props;
     const headingElement = getHeadingElement(level);
+    const standardTypographyType = typographyType7 != null ? typographyType7 : getDefaultTypographyType(headingElement);
+    const screenSize = useScreenSize();
+    const isSmallScreen = screenSize <= 1 /* Small */;
     const headingProps = {
       ...getBaseHTMLProps(id, className, htmlProps, rest),
-      typographyType: typographyType7 ? typographyType7 : getDefaultTypographyType(headingElement),
+      typographyType: isSmallScreen ? scaledTypographyType(standardTypographyType) : standardTypographyType,
       as: headingElement,
       ref
     };