@react-email/body 0.2.0 → 0.3.0

package/dist/{index.js → index.cjs}

@@ -6,12 +6,16 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };
@@ -24,7 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 let react = require("react");
 react = __toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = __toESM(react_jsx_runtime);
 
 //#region src/margin-properties.ts
 const marginProperties = [
@@ -40,15 +43,28 @@ const marginProperties = [
 	"marginInlineStart",
 	"marginInlineEnd"
 ];
+const paddingProperties = [
+	"padding",
+	"paddingTop",
+	"paddingBottom",
+	"paddingRight",
+	"paddingLeft",
+	"paddingInline",
+	"paddingBlock",
+	"paddingBlockStart",
+	"paddingBlockEnd",
+	"paddingInlineStart",
+	"paddingInlineEnd"
+];
 
 //#endregion
 //#region src/body.tsx
-const Body = react.forwardRef(({ children, style,...props }, ref) => {
+const Body = react.forwardRef(({ children, style, ...props }, ref) => {
 	const bodyStyle = {
 		background: style?.background,
 		backgroundColor: style?.backgroundColor
 	};
-	if (style) for (const property of marginProperties) bodyStyle[property] = style[property] !== void 0 ? 0 : void 0;
+	if (style) for (const property of [...marginProperties, ...paddingProperties]) bodyStyle[property] = style[property] !== void 0 ? 0 : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("body", {
 		...props,
 		style: bodyStyle,

package/dist/{index.d.ts → index.d.cts}

@@ -5,4 +5,4 @@ type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
 declare const Body: React.ForwardRefExoticComponent<Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>> & React.RefAttributes<HTMLBodyElement>>;
 //#endregion
 export { Body, BodyProps };
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/body.tsx"],"sourcesContent":[],"mappings":";;;KAGY,SAAA,GAAY,SAAS,KAAA,CAAM,mBAAmB;cAE7C,MAAI,KAAA,CAAA,0BAAA,SAAA,KAAA,CAAA,mBAAA,oBAAA,KAAA,CAAA,cAAA"}

package/dist/index.mjs

@@ -15,15 +15,28 @@ const marginProperties = [
 	"marginInlineStart",
 	"marginInlineEnd"
 ];
+const paddingProperties = [
+	"padding",
+	"paddingTop",
+	"paddingBottom",
+	"paddingRight",
+	"paddingLeft",
+	"paddingInline",
+	"paddingBlock",
+	"paddingBlockStart",
+	"paddingBlockEnd",
+	"paddingInlineStart",
+	"paddingInlineEnd"
+];
 
 //#endregion
 //#region src/body.tsx
-const Body = React.forwardRef(({ children, style,...props }, ref) => {
+const Body = React.forwardRef(({ children, style, ...props }, ref) => {
 	const bodyStyle = {
 		background: style?.background,
 		backgroundColor: style?.backgroundColor
 	};
-	if (style) for (const property of marginProperties) bodyStyle[property] = style[property] !== void 0 ? 0 : void 0;
+	if (style) for (const property of [...marginProperties, ...paddingProperties]) bodyStyle[property] = style[property] !== void 0 ? 0 : void 0;
 	return /* @__PURE__ */ jsx("body", {
 		...props,
 		style: bodyStyle,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["marginProperties: (keyof React.CSSProperties)[]","bodyStyle: Record<string, string | number | undefined>"],"sources":["../src/margin-properties.ts","../src/body.tsx"],"sourcesContent":["export const marginProperties: (keyof React.CSSProperties)[] = [\n  'margin',\n  'marginTop',\n  'marginBottom',\n  'marginRight',\n  'marginLeft',\n  'marginInline',\n  'marginBlock',\n  'marginBlockStart',\n  'marginBlockEnd',\n  'marginInlineStart',\n  'marginInlineEnd',\n];\n","import * as React from 'react';\nimport { marginProperties } from './margin-properties';\n\nexport type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;\n\nexport const Body = React.forwardRef<HTMLBodyElement, BodyProps>(\n  ({ children, style, ...props }, ref) => {\n    const bodyStyle: Record<string, string | number | undefined> = {\n      background: style?.background,\n      backgroundColor: style?.backgroundColor,\n    };\n    if (style) {\n      for (const property of marginProperties) {\n        // We reset the margin if the user sets it, this mimics the\n        // same behavior that would happen if this was only using the body.\n        // This avoids the incoming margin summing up with the margin\n        // defined by the email client on the body, or by the browser itself\n        bodyStyle[property] = style[property] !== undefined ? 0 : undefined;\n      }\n    }\n    return (\n      <body {...props} style={bodyStyle} ref={ref}>\n        <table\n          border={0}\n          width=\"100%\"\n          cellPadding=\"0\"\n          cellSpacing=\"0\"\n          role=\"presentation\"\n          align=\"center\"\n        >\n          <tbody>\n            <tr>\n              {/*\n                Yahoo and AOL remove all styles of the body element while converting it to a div,\n                so we need to apply them to to an inner cell.\n\n                See https://github.com/resend/react-email/issues/662.\n              */}\n              <td style={style}>{children}</td>\n            </tr>\n          </tbody>\n        </table>\n      </body>\n    );\n  },\n);\n\nBody.displayName = 'Body';\n"],"mappings":";;;;AAAA,MAAaA,mBAAkD;CAC7D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;ACPD,MAAa,OAAO,MAAM,YACvB,EAAE,UAAU,MAAO,GAAG,SAAS,QAAQ;CACtC,MAAMC,YAAyD;EAC7D,YAAY,OAAO;EACnB,iBAAiB,OAAO;EACzB;AACD,KAAI,MACF,MAAK,MAAM,YAAY,iBAKrB,WAAU,YAAY,MAAM,cAAc,SAAY,IAAI;AAG9D,QACE,oBAAC;EAAK,GAAI;EAAO,OAAO;EAAgB;YACtC,oBAAC;GACC,QAAQ;GACR,OAAM;GACN,aAAY;GACZ,aAAY;GACZ,MAAK;GACL,OAAM;aAEN,oBAAC,qBACC,oBAAC,kBAOC,oBAAC;IAAU;IAAQ;KAAc,GAC9B,GACC;IACF;GACH;EAGZ;AAED,KAAK,cAAc"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/margin-properties.ts","../src/body.tsx"],"sourcesContent":["export const marginProperties: (keyof React.CSSProperties)[] = [\n  'margin',\n  'marginTop',\n  'marginBottom',\n  'marginRight',\n  'marginLeft',\n  'marginInline',\n  'marginBlock',\n  'marginBlockStart',\n  'marginBlockEnd',\n  'marginInlineStart',\n  'marginInlineEnd',\n];\n\nexport const paddingProperties: (keyof React.CSSProperties)[] = [\n  'padding',\n  'paddingTop',\n  'paddingBottom',\n  'paddingRight',\n  'paddingLeft',\n  'paddingInline',\n  'paddingBlock',\n  'paddingBlockStart',\n  'paddingBlockEnd',\n  'paddingInlineStart',\n  'paddingInlineEnd',\n];\n","import * as React from 'react';\nimport { marginProperties, paddingProperties } from './margin-properties';\n\nexport type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;\n\nexport const Body = React.forwardRef<HTMLBodyElement, BodyProps>(\n  ({ children, style, ...props }, ref) => {\n    const bodyStyle: Record<string, string | number | undefined> = {\n      background: style?.background,\n      backgroundColor: style?.backgroundColor,\n    };\n    if (style) {\n      for (const property of [...marginProperties, ...paddingProperties]) {\n        // We reset the margin if the user sets it, this mimics the\n        // same behavior that would happen if this was only using the body.\n        // This avoids the incoming margin summing up with the margin\n        // defined by the email client on the body, or by the browser itself\n        bodyStyle[property] = style[property] !== undefined ? 0 : undefined;\n      }\n    }\n    return (\n      <body {...props} style={bodyStyle} ref={ref}>\n        <table\n          border={0}\n          width=\"100%\"\n          cellPadding=\"0\"\n          cellSpacing=\"0\"\n          role=\"presentation\"\n          align=\"center\"\n        >\n          <tbody>\n            <tr>\n              {/*\n                Yahoo and AOL remove all styles of the body element while converting it to a div,\n                so we need to apply them to to an inner cell.\n\n                See https://github.com/resend/react-email/issues/662.\n              */}\n              <td style={style}>{children}</td>\n            </tr>\n          </tbody>\n        </table>\n      </body>\n    );\n  },\n);\n\nBody.displayName = 'Body';\n"],"mappings":";;;;AAAA,MAAa,mBAAkD;CAC7D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,oBAAmD;CAC9D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;ACrBD,MAAa,OAAO,MAAM,YACvB,EAAE,UAAU,OAAO,GAAG,SAAS,QAAQ;CACtC,MAAM,YAAyD;EAC7D,YAAY,OAAO;EACnB,iBAAiB,OAAO;EACzB;AACD,KAAI,MACF,MAAK,MAAM,YAAY,CAAC,GAAG,kBAAkB,GAAG,kBAAkB,CAKhE,WAAU,YAAY,MAAM,cAAc,SAAY,IAAI;AAG9D,QACE,oBAAC;EAAK,GAAI;EAAO,OAAO;EAAgB;YACtC,oBAAC;GACC,QAAQ;GACR,OAAM;GACN,aAAY;GACZ,aAAY;GACZ,MAAK;GACL,OAAM;aAEN,oBAAC,qBACC,oBAAC,kBAOC,oBAAC;IAAU;IAAQ;KAAc,GAC9B,GACC;IACF;GACH;EAGZ;AAED,KAAK,cAAc"}

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@react-email/body",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A React body component to wrap emails",
   "sideEffects": false,
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.cts",
+  "engines": {
+    "node": ">=20.0.0"
+  },
   "files": [
     "dist/**"
   ],
@@ -16,18 +19,23 @@
         "default": "./dist/index.mjs"
       },
       "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
       }
     }
   },
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/resend/react-email.git",
+    "directory": "packages/body"
+  },
   "peerDependencies": {
     "react": "^18.0 || ^19.0 || ^19.0.0-rc"
   },
   "devDependencies": {
-    "typescript": "5.8.3",
-    "@react-email/render": "2.0.0",
+    "typescript": "5.9.3",
+    "@react-email/render": "2.0.4",
     "tsconfig": "0.0.0"
   },
   "publishConfig": {

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/body.tsx"],"sourcesContent":[],"mappings":";;;KAGY,SAAA,GAAY,SAAS,KAAA,CAAM,mBAAmB;cAE7C,MAAI,KAAA,CAAA,0BAAA,SAAA,KAAA,CAAA,mBAAA,oBAAA,KAAA,CAAA,cAAA"}