@react-email/section - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/index.js

@@ -38,23 +38,25 @@ "use strict";
   ({ children, style, ...props }, forwardedRef) => {
-    const styleDefault = {
+    const styleDefaultTable = {
       width: "100%",
       ...style
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", {
-      ref: forwardedRef,
-      style: styleDefault,
-      align: "center",
-      border: 0,
-      cellPadding: 0,
-      cellSpacing: 0,
-      role: "presentation",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", {
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-            children
-          })
-        })
-      })
-    });
+    const styleDefaultTr = {
+      display: "grid",
+      gridAutoColumns: "minmax(0, 1fr)",
+      gridAutoFlow: "column"
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "table",
+      {
+        ref: forwardedRef,
+        style: styleDefaultTable,
+        align: "center",
+        border: 0,
+        cellPadding: 0,
+        cellSpacing: 0,
+        role: "presentation",
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { style: styleDefaultTr, children }) })
+      }
+    );
   }
@@ -61,0 +63,0 @@ );

dist/index.mjs

@@ -6,23 +6,25 @@ // src/section.tsx
   ({ children, style, ...props }, forwardedRef) => {
-    const styleDefault = {
+    const styleDefaultTable = {
       width: "100%",
       ...style
     };
-    return /* @__PURE__ */ jsx("table", {
-      ref: forwardedRef,
-      style: styleDefault,
-      align: "center",
-      border: 0,
-      cellPadding: 0,
-      cellSpacing: 0,
-      role: "presentation",
-      ...props,
-      children: /* @__PURE__ */ jsx("tbody", {
-        children: /* @__PURE__ */ jsx("tr", {
-          children: /* @__PURE__ */ jsx("td", {
-            children
-          })
-        })
-      })
-    });
+    const styleDefaultTr = {
+      display: "grid",
+      gridAutoColumns: "minmax(0, 1fr)",
+      gridAutoFlow: "column"
+    };
+    return /* @__PURE__ */ jsx(
+      "table",
+      {
+        ref: forwardedRef,
+        style: styleDefaultTable,
+        align: "center",
+        border: 0,
+        cellPadding: 0,
+        cellSpacing: 0,
+        role: "presentation",
+        ...props,
+        children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { style: styleDefaultTr, children }) })
+      }
+    );
   }
@@ -29,0 +31,0 @@ );

package.json

 {
   "name": "@react-email/section",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Display a section that can be formatted using columns",
@@ -23,2 +23,14 @@ "sideEffects": false,
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zenorocha/react-email.git",
+    "directory": "packages/section"
+  },
+  "keywords": [
+    "react",
+    "email"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "dependencies": {
@@ -44,2 +56,2 @@ "react": "18.2.0"
   }
-}
+}

readme.md

@@ -1,5 +0,5 @@
-![React Email Section cover](https://assets.react.email/covers/section.png)
+![React Email Section cover](https://react.email/static/covers/section.png)
 
 <div align="center"><strong>@react-email/section</strong></div>
-<div align="center">Display a section that can be formatted using columns</div>
+<div align="center">Display a section that can be formatted using columns.</div>
 <br />
@@ -48,3 +48,3 @@ <div align="center">
 
-| <img src="https://assets.react.email/icons/gmail.svg" width="48px" height="48px" alt="Gmail logo"> | <img src="https://assets.react.email/icons/apple-mail.svg" width="48px" height="48px" alt="Apple Mail"> | <img src="https://assets.react.email/icons/outlook.svg" width="48px" height="48px" alt="Outlook logo"> | <img src="https://assets.react.email/icons/yahoo-mail.svg" width="48px" height="48px" alt="Yahoo! Mail logo"> | <img src="https://assets.react.email/icons/hey.svg" width="48px" height="48px" alt="HEY logo"> | <img src="https://assets.react.email/icons/superhuman.svg" width="48px" height="48px" alt="Superhuman logo"> |
+| <img src="https://react.email/static/icons/gmail.svg" width="48px" height="48px" alt="Gmail logo"> | <img src="https://react.email/static/icons/apple-mail.svg" width="48px" height="48px" alt="Apple Mail"> | <img src="https://react.email/static/icons/outlook.svg" width="48px" height="48px" alt="Outlook logo"> | <img src="https://react.email/static/icons/yahoo-mail.svg" width="48px" height="48px" alt="Yahoo! Mail logo"> | <img src="https://react.email/static/icons/hey.svg" width="48px" height="48px" alt="HEY logo"> | <img src="https://react.email/static/icons/superhuman.svg" width="48px" height="48px" alt="Superhuman logo"> |
 | -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
@@ -51,0 +51,0 @@ | Gmail ✔                                                                                            | Apple Mail ✔                                                                                            | Outlook ✔                                                                                              | Yahoo! Mail ✔                                                                                                 | HEY ✔                                                                                          | Superhuman ✔                                                                                                 |

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Improved metrics

Total package byte prevSize

8835

4.89%

Lines of code

106

3.92%

Number of low supply chain risk alerts

0

-100%

Number of medium supply chain risk alerts

0

-100%

No dependency changes