@react-email/tailwind - npm Package Compare versions

Comparing version 2.0.5 to 2.0.6

dist/index.d.cts

+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
+type TailwindConfig = Omit<Config, 'content'>;
+interface TailwindProps {
+  children: React.ReactNode;
+  config?: TailwindConfig;
+}
+interface EmailElementProps {
+  children?: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+}
+declare const pixelBasedPreset: TailwindConfig;
+declare function Tailwind({
+  children,
+  config
+}: TailwindProps): React.ReactNode;
+//#endregion
+//#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.cts.map

dist/index.d.cts.map

+{"version":3,"file":"index.d.cts","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.5",
+  "version": "2.0.6",
   "description": "A React component to wrap emails with Tailwind CSS",
   "sideEffects": false,
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.cts",
   "files": [
@@ -15,8 +15,8 @@ "dist/**"
       "import": {
-        "types": "./dist/index.d.ts",
+        "types": "./dist/index.d.mts",
         "default": "./dist/index.mjs"
       },
       "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
       }
@@ -40,14 +40,14 @@ }
   "peerDependencies": {
-    "react": "^18.0 || ^19.0 || ^19.0.0-rc",
-    "@react-email/body": "0.2.1",
-    "@react-email/button": "0.2.1",
-    "@react-email/code-inline": "0.0.6",
-    "@react-email/code-block": "0.2.1",
-    "@react-email/container": "0.0.16",
-    "@react-email/hr": "0.0.12",
-    "@react-email/img": "0.0.12",
-    "@react-email/preview": "0.0.14",
-    "@react-email/text": "0.1.6",
-    "@react-email/link": "0.0.13",
-    "@react-email/heading": "0.0.16"
+    "@react-email/body": ">=0",
+    "@react-email/button": ">=0",
+    "@react-email/code-block": ">=0",
+    "@react-email/code-inline": ">=0",
+    "@react-email/container": ">=0",
+    "@react-email/heading": ">=0",
+    "@react-email/hr": ">=0",
+    "@react-email/img": ">=0",
+    "@react-email/link": ">=0",
+    "@react-email/preview": ">=0",
+    "@react-email/text": ">=0",
+    "react": "^18.0 || ^19.0 || ^19.0.0-rc"
   },
@@ -90,13 +90,13 @@ "peerDependenciesMeta": {
     "@types/shelljs": "0.10.0",
-    "@vitejs/plugin-react": "4.4.1",
+    "@vitejs/plugin-react": "5.1.4",
     "css-tree": "3.1.0",
-    "react-dom": "^19",
+    "react-dom": "19.0.0",
     "shelljs": "0.10.0",
-    "typescript": "5.8.3",
-    "vite": "6.4.1",
+    "typescript": "5.9.3",
+    "vite": "7.3.1",
     "yalc": "1.0.0-pre.53",
-    "@react-email/body": "0.2.1",
     "@react-email/button": "^0.2.1",
+    "@react-email/body": "0.3.0",
+    "@react-email/code-block": "0.2.1",
     "@react-email/code-inline": "0.0.6",
-    "@react-email/code-block": "0.2.1",
     "@react-email/container": "0.0.16",
@@ -106,8 +106,8 @@ "@react-email/head": "0.0.13",
     "@react-email/hr": "0.0.12",
+    "@react-email/html": "0.0.12",
     "@react-email/img": "0.0.12",
     "@react-email/link": "0.0.13",
     "@react-email/preview": "0.0.14",
-    "@react-email/html": "0.0.12",
+    "@react-email/text": "0.1.6",
     "@react-email/render": "2.0.4",
-    "@react-email/text": "0.1.6",
     "tsconfig": "0.0.0"
@@ -119,3 +119,3 @@ },
   "dependencies": {
-    "tailwindcss": "^4.1.18"
+    "tailwindcss": "4.1.18"
   },
@@ -126,5 +126,6 @@ "scripts": {
     "clean": "rm -rf dist",
-    "test": "vitest run",
-    "test:watch": "vitest"
+    "test": "vitest run --exclude e2e",
+    "test:e2e": "vitest run e2e",
+    "test:watch": "vitest --exclude e2e"
   }
 }

dist/index.d.ts

-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
-type TailwindConfig = Omit<Config, 'content'>;
-interface TailwindProps {
-  children: React.ReactNode;
-  config?: TailwindConfig;
-}
-interface EmailElementProps {
-  children?: React.ReactNode;
-  className?: string;
-  style?: React.CSSProperties;
-}
-declare const pixelBasedPreset: TailwindConfig;
-declare function Tailwind({
-  children,
-  config
-}: TailwindProps): React.ReactNode;
-//#endregion
-//#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

-{"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"}

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

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

Worsened metrics

Total package byte prevSize

2120386

-0.16%

Lines of code

42888

-0.13%

Number of medium supply chain risk alerts

13

8.33%

Dependency changes

• + Added

  @react-email/body@0.3.0
  (transitive)

• + Added

  tailwindcss@4.1.18
  (transitive)

• - Removed

  @react-email/body@0.2.1
  (transitive)

• - Removed

  tailwindcss@4.3.0
  (transitive)

• Updated

  tailwindcss@4.1.18