@react-email/heading - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/index.js

@@ -37,9 +37,30 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
-var Heading = React.forwardRef(({ as: Tag = "h1", children, style, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_slot.Slot, {
-  ref: forwardedRef,
-  ...props,
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, {
-    children
-  })
-}));
+var Heading = React.forwardRef(({ as: Tag = "h1", children, style, ...props }, forwardedRef) => {
+  const styles = { ...style, ...getDefaultStyles(Tag) };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_slot.Slot, {
+    ref: forwardedRef,
+    style: styles,
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, {
+      children
+    })
+  });
+});
+var getDefaultStyles = (as) => {
+  switch (as) {
+    default:
+    case "h1":
+      return { margin: ".67em 0", fontSize: "2em" };
+    case "h2":
+      return { margin: ".83em 0", fontSize: "1.5em" };
+    case "h3":
+      return { margin: "1em 0", fontSize: "1.17em" };
+    case "h4":
+      return { margin: "1.33em 0", fontSize: "1em" };
+    case "h5":
+      return { margin: "1.67em 0", fontSize: ".83em" };
+    case "h6":
+      return { margin: "2.33em 0", fontSize: ".67em" };
+  }
+};
 Heading.displayName = "Heading";
@@ -46,0 +67,0 @@ // Annotate the CommonJS export names for ESM import in node:

package.json

 {
   "name": "@react-email/heading",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A block of heading text",
@@ -25,3 +25,4 @@ "sideEffects": false,
     "@radix-ui/react-slot": "1.0.0",
-    "react": "18.2.0"
+    "react": "18.2.0",
+    "utils": "*"
   },
@@ -28,0 +29,0 @@ "devDependencies": {

New alerts

Wildcard dependency

Quality

Package has a dependency with a floating version range. This can cause issues if the dependency publishes a new major version.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11086

12.09%

Lines of code

132

46.67%

Worsened metrics

Dependency count

3

50%

Number of medium quality alerts

1

Infinity%

Dependency changes

• + Added

  utils@*

• + Added

  align-text@0.1.4
  (transitive)

• + Added

  any@1.0.0
  (transitive)

• + Added

  arr-diff@1.1.0
  (transitive)

• + Added

  arr-flatten@1.1.0
  (transitive)

• + Added

  arr-map@2.0.2
  (transitive)

• + Added

  arr-union@3.1.0
  (transitive)

• + Added

  array-each@0.1.1
  (transitive)

• + Added

  array-slice@0.2.3
  (transitive)

• + Added

  array-unique@0.2.1
  (transitive)

• + Added

  center-align@0.1.3
  (transitive)

• + Added

  export-dirs@0.2.4
  (transitive)

• + Added

  export-files@2.1.1
  (transitive)

• + Added

  for-in@0.1.81.0.2
  (transitive)

• + Added

  for-own@0.1.5
  (transitive)

• + Added

  has-values@0.1.4
  (transitive)

• + Added

  is-buffer@1.1.6
  (transitive)

• + Added

  is-extendable@0.1.1
  (transitive)

• + Added

  is-number@2.1.0
  (transitive)

• + Added

  is-plain-object@2.0.4
  (transitive)

• + Added

  isobject@1.0.23.0.1
  (transitive)

• + Added

  kind-of@2.0.13.2.26.0.3
  (transitive)

• + Added

  lazy-cache@1.0.4
  (transitive)

• + Added

  longest@1.0.1
  (transitive)

• + Added

  make-iterator@0.1.10.2.11.0.1
  (transitive)

• + Added

  object.defaults@0.3.0
  (transitive)

• + Added

  object.filter@0.3.0
  (transitive)

• + Added

  object.omit@2.0.1
  (transitive)

• + Added

  object.pick@1.3.0
  (transitive)

• + Added

  object.reduce@0.1.7
  (transitive)

• + Added

  repeat-string@1.6.1
  (transitive)

• + Added

  right-align@0.1.3
  (transitive)

• + Added

  striptags@2.2.1
  (transitive)

• + Added

  utils@0.3.1
  (transitive)

• + Added

  word-wrap@1.2.5
  (transitive)