@react-email/tailwind - npm Package Compare versions

Comparing version 2.0.0-tailwindv4.4 to 2.0.0

dist/index.d.mts

 import * as React$1 from "react";
 import { Config } from "tailwindcss";
+import { StyleSheet } from "css-tree";
 
+//#region src/inline-styles.d.ts
+declare function inlineStyles(styleSheet: StyleSheet, classes: string[]): Record<string, string>;
+//#endregion
+//#region src/sanitize-stylesheet.d.ts
+declare function sanitizeStyleSheet(styleSheet: StyleSheet): void;
+//#endregion
 //#region src/tailwind.d.ts
@@ -21,3 +28,10 @@ type TailwindConfig = Omit<Config, 'content'>;
 //#endregion
-export { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, pixelBasedPreset };
+//#region src/utils/tailwindcss/setup-tailwind.d.ts
+type TailwindSetup = Awaited<ReturnType<typeof setupTailwind>>;
+declare function setupTailwind(config: TailwindConfig): Promise<{
+  addUtilities: (candidates: string[]) => void;
+  getStyleSheet: () => StyleSheet;
+}>;
+//#endregion
+export { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, TailwindSetup, inlineStyles, pixelBasedPreset, sanitizeStyleSheet, setupTailwind };
 //# sourceMappingURL=index.d.mts.map

dist/index.d.mts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/tailwind.tsx"],"sourcesContent":[],"mappings":";;;;KAaY,cAAA,GAAiB,KAAK;UAEjB,aAAA;EAFL,QAAA,EAGA,OAAA,CAAM,SAHQ;EAAA,MAAA,CAAA,EAIf,cAJe;;AAAG,UAOZ,iBAAA,CAPY;EAAI,QAAA,CAAA,EAQpB,OAAA,CAAM,SARc;EAEhB,SAAA,CAAA,EAAA,MAAa;EAAA,KAAA,CAAA,EAQpB,OAAA,CAAM,aARc;;AAEnB,cASE,gBATF,EASoB,cATpB;AAAc,iBAoET,QAAA,CApES;EAAA,QAAA;EAAA;AAAA,CAAA,EAoEsB,aApEtB,CAAA,EAoEmC,OAAA,CAAA,SApEnC"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/inline-styles.ts","../src/sanitize-stylesheet.ts","../src/tailwind.tsx","../src/utils/tailwindcss/setup-tailwind.ts"],"sourcesContent":[],"mappings":";;;;;iBAKgB,YAAA,aACF,gCAEX;;;iBCHa,kBAAA,aAA+B;;;KCOnC,cAAA,GAAiB,KAAK;UAEjB,aAAA;YACL,OAAA,CAAM;EFVF,MAAA,CAAA,EEWL,cFXiB;;UEcX,iBAAA;aACJ,OAAA,CAAM;EDfH,SAAA,CAAA,EAAA,MAAA;UCiBN,OAAA,CAAM;;cAGH,kBAAkB;AAbnB,iBAwEI,QAAA,CAxEkB;EAAA,QAAL;EAAI;AAAA,CAAA,EAwEc,aAxEd,CAAA,EAwE2B,OAAA,CAAA,SAxE3B;;;KCJrB,aAAA,GAAgB,QAAQ,kBAAkB;iBAEhC,aAAA,SAAsB,iBAAc;;EHL1C,aAAA,EAAY,GAAA,GGyED,UHxEb"}

dist/index.d.ts

@@ -0,4 +1,11 @@
+import { StyleSheet } from "css-tree";
 import * as React from "react";
 import { Config } from "tailwindcss";
 
+//#region src/inline-styles.d.ts
+declare function inlineStyles(styleSheet: StyleSheet, classes: string[]): Record<string, string>;
+//#endregion
+//#region src/sanitize-stylesheet.d.ts
+declare function sanitizeStyleSheet(styleSheet: StyleSheet): void;
+//#endregion
 //#region src/tailwind.d.ts
@@ -21,3 +28,10 @@ type TailwindConfig = Omit<Config, 'content'>;
 //#endregion
-export { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, pixelBasedPreset };
+//#region src/utils/tailwindcss/setup-tailwind.d.ts
+type TailwindSetup = Awaited<ReturnType<typeof setupTailwind>>;
+declare function setupTailwind(config: TailwindConfig): Promise<{
+  addUtilities: (candidates: string[]) => void;
+  getStyleSheet: () => StyleSheet;
+}>;
+//#endregion
+export { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, TailwindSetup, inlineStyles, pixelBasedPreset, sanitizeStyleSheet, setupTailwind };
 //# sourceMappingURL=index.d.ts.map

dist/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/tailwind.tsx"],"sourcesContent":[],"mappings":";;;;KAaY,cAAA,GAAiB,KAAK;UAEjB,aAAA;EAFL,QAAA,EAGA,KAAA,CAAM,SAHQ;EAAA,MAAA,CAAA,EAIf,cAJe;;AAAG,UAOZ,iBAAA,CAPY;EAAI,QAAA,CAAA,EAQpB,KAAA,CAAM,SARc;EAEhB,SAAA,CAAA,EAAA,MAAa;EAAA,KAAA,CAAA,EAQpB,KAAA,CAAM,aARc;;AAEnB,cASE,gBATF,EASoB,cATpB;AAAc,iBAoET,QAAA,CApES;EAAA,QAAA;EAAA;AAAA,CAAA,EAoEsB,aApEtB,CAAA,EAoEmC,KAAA,CAAA,SApEnC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/inline-styles.ts","../src/sanitize-stylesheet.ts","../src/tailwind.tsx","../src/utils/tailwindcss/setup-tailwind.ts"],"sourcesContent":[],"mappings":";;;;;iBAKgB,YAAA,aACF,gCAEX;;;iBCHa,kBAAA,aAA+B;;;KCOnC,cAAA,GAAiB,KAAK;UAEjB,aAAA;YACL,KAAA,CAAM;EFVF,MAAA,CAAA,EEWL,cFXiB;;UEcX,iBAAA;aACJ,KAAA,CAAM;EDfH,SAAA,CAAA,EAAA,MAAA;UCiBN,KAAA,CAAM;;cAGH,kBAAkB;AAbnB,iBAwEI,QAAA,CAxEkB;EAAA,QAAL;EAAI;AAAA,CAAA,EAwEc,aAxEd,CAAA,EAwE2B,KAAA,CAAA,SAxE3B;;;KCJrB,aAAA,GAAgB,QAAQ,kBAAkB;iBAEhC,aAAA,SAAsB,iBAAc;;EHL1C,aAAA,EAAY,GAAA,GGyED,UHxEb"}

package.json

 {
   "name": "@react-email/tailwind",
-  "version": "2.0.0-tailwindv4.4",
+  "version": "2.0.0",
   "description": "A React component to wrap emails with Tailwind CSS",
@@ -36,16 +36,17 @@ "sideEffects": false,
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "peerDependencies": {
     "react": "^18.0 || ^19.0 || ^19.0.0-rc",
-    "@react-email/button": "*",
-    "@react-email/body": "*",
-    "@react-email/code-block": "*",
-    "@react-email/code-inline": "*",
-    "@react-email/container": "*",
-    "@react-email/heading": "*",
-    "@react-email/hr": "*",
-    "@react-email/img": "*",
-    "@react-email/link": "*",
-    "@react-email/preview": "*"
+    "@react-email/body": "0.2.0",
+    "@react-email/code-inline": "0.0.5",
+    "@react-email/code-block": "0.2.0",
+    "@react-email/heading": "0.0.15",
+    "@react-email/hr": "0.0.11",
+    "@react-email/img": "0.0.11",
+    "@react-email/container": "0.0.15",
+    "@react-email/link": "0.0.12",
+    "@react-email/text": "0.1.5",
+    "@react-email/preview": "0.0.13",
+    "@react-email/button": "0.2.0"
   },
@@ -102,3 +103,3 @@ "peerDependenciesMeta": {
     "@react-email/link": "0.0.12",
-    "@react-email/render": "1.3.2",
+    "@react-email/render": "2.0.0",
     "tsconfig": "0.0.0"
@@ -105,0 +106,0 @@ },

New alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2113493

0.4%

Lines of code

42812

0.4%

Number of low quality alerts

1

-50%

Worsened metrics

Dependency count

13

8.33%

No dependency changes