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

package/README.md

@@ -23,7 +23,7 @@ const App = () => (
   <>
     <TextInput label="Input" />
     <Button>Primary</Button>
-    <Button purpose="secondary" appearance="ghost">
+    <Button purpose="secondary" size="small">
       Secondary
     </Button>
   </>
@@ -50,6 +50,9 @@ Tilgjengelige komponenter:
 - DescriptionList
 - Divider
 - Drawer
+- EmptyContent
+- FavStar
+- Feedback
 - FileUploader
 - GlobalMessage
 - Grid

package/dist/index.js

@@ -3821,6 +3821,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 = (0, import_react14.forwardRef)(
   (props, ref) => {
     const {
@@ -3833,9 +3849,12 @@ var Heading = (0, import_react14.forwardRef)(
       ...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
     };