fix(body): Use css type selector for body background for outlook

.changeset/dirty-needles-chew.md

@@ -0,0 +1,5 @@
+---
+"react-email": minor
+---
+
+Theme switcher for email template

.changeset/great-parrots-yell.md

@@ -0,0 +1,5 @@
+---
+"@react-email/tailwind": minor
+---
+
+Extract tailwind pseudo classes to stylesheet

.changeset/ninety-apes-love.md

@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+update esbuild to 0.25.0

.changeset/shy-fans-allow.md

@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+Fix detection of files with various export patterns

.github/workflows/tests.yml

@@ -5,8 +5,10 @@ on:
       - main
   pull_request:
 jobs:
-  lint:
+  build:
     runs-on: buildjet-4vcpu-ubuntu-2204
+    outputs:
+      cache-hit: ${{ steps.pnpm-cache.outputs.cache-hit }}
     container:
       image: node:22
     steps:
@@ -19,95 +21,114 @@ jobs:
           corepack enable
           corepack prepare [email protected] --activate
           pnpm config set script-shell "/usr/bin/bash"
-          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
 
       - name: pnpm Cache
         uses: buildjet/cache@v4
         with:
-          path: ${{ steps.pnpm-setup.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          path: |
+            ~/.pnpm-store
+            node_modules
+            */*/node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-pnpm-store-
+            ${{ runner.os }}-pnpm-
 
       - name: Install packages
+        if: steps.pnpm-cache.outputs.cache-hit != 'true'
         run: pnpm install --frozen-lockfile
 
+      - name: turborepo Cache
+        uses: buildjet/cache@v4
+        with:
+          path: |
+            .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
+
       - name: Run Build
         run: pnpm build
 
-      - name: Run Lint
-        run: pnpm lint
-
-  test:
+  lint:
     runs-on: buildjet-4vcpu-ubuntu-2204
+    needs: [build]
     container:
       image: node:22
     steps:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Enable Corepack
-        id: pnpm-setup
+      - name: Setup pnpm
         run: |
           corepack enable
           corepack prepare [email protected] --activate
-          pnpm config set script-shell "/usr/bin/bash"
-          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
 
-      - name: pnpm Cache
+      - name: Restore dependencies
         uses: buildjet/cache@v4
         with:
-          path: ${{ steps.pnpm-setup.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
-          restore-keys: |
-            ${{ runner.os }}-pnpm-store-
+          path: |
+            ~/.pnpm-store
+            node_modules
+            */*/node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
 
-      - name: Install packages
-        run: pnpm install --frozen-lockfile
+      - name: turborepo Cache
+        uses: buildjet/cache@v4
+        with:
+          path: |
+            .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
 
       - name: Run Build
         run: pnpm build
 
-      - name: Run Tests
-        run: pnpm test
-        env:  
-          SPAM_ASSASSIN_HOST: ${{ secrets.SPAM_ASSASSIN_HOST }}
-          SPAM_ASSASSIN_PORT: ${{ secrets.SPAM_ASSASSIN_PORT }}
+      - name: Run Lint
+        run: pnpm lint
 
-  build:
+  test:
     runs-on: buildjet-4vcpu-ubuntu-2204
+    needs: [build]
     container:
       image: node:22
     steps:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Enable Corepack
-        id: pnpm-setup
+      - name: Setup pnpm
         run: |
           corepack enable
           corepack prepare [email protected] --activate
-          pnpm config set script-shell "/usr/bin/bash"
-          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
 
-      - name: pnpm Cache
+      - name: Restore dependencies
         uses: buildjet/cache@v4
         with:
-          path: ${{ steps.pnpm-setup.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
-          restore-keys: |
-            ${{ runner.os }}-pnpm-store-
+          path: |
+            ~/.pnpm-store
+            node_modules
+            */*/node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
 
-      - name: Install packages
-        run: pnpm install --frozen-lockfile
+      - name: turborepo Cache
+        uses: buildjet/cache@v4
+        with:
+          path: |
+            .turbo
+          key: ${{ runner.os }}-turbo-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-turbo-
 
-      - name: Run Build
-        run: pnpm build
+      - name: Run Tests
+        run: pnpm test
+        env:
+          SPAM_ASSASSIN_HOST: ${{ secrets.SPAM_ASSASSIN_HOST }}
+          SPAM_ASSASSIN_PORT: ${{ secrets.SPAM_ASSASSIN_PORT }}
 
   dependencies:
     runs-on: buildjet-4vcpu-ubuntu-2204
     container:
-      image: node:18
+      image: node:22
     steps:
       - name: Checkout
         uses: actions/checkout@v4

.gitignore

@@ -7,6 +7,7 @@ node_modules
 
 # testing
 coverage
+package-lock.json
 
 # next.js
 .next/

package.json

@@ -16,19 +16,19 @@
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@changesets/cli": "2.27.11",
+    "@changesets/cli": "2.28.1",
     "@types/node": "22.10.2",
     "@types/react": "19.0.1",
     "@types/react-dom": "19.0.1",
     "eslint": "8.50.0",
     "happy-dom": "15.10.2",
-    "prettier": "3.4.2",
+    "prettier": "3.5.3",
     "prettier-plugin-tailwindcss": "0.6.6",
     "tsconfig": "workspace:*",
     "tsup": "8.2.4",
     "turbo": "2.3.1",
-    "vite": "5.4.13",
-    "vitest": "2.0.5"
+    "vite": "5.4.14",
+    "vitest": "2.1.9"
   },
   "pnpm": {
     "overrides": {

packages/body/src/body.tsx

@@ -5,9 +5,20 @@ export type BodyProps = Readonly<React.HtmlHTMLAttributes<HTMLBodyElement>>;
 export const Body = React.forwardRef<HTMLBodyElement, BodyProps>(
   ({ children, style, ...props }, ref) => {
     return (
-      <body {...props} ref={ref} style={style}>
-        {children}
-      </body>
+      <>
+        {style?.backgroundColor && (
+          <style>
+            {`
+              body {
+                  background-color: ${style.backgroundColor}
+              }
+            `}
+          </style>
+        )}
+        <body {...props} ref={ref} style={style}>
+          {children}
+        </body>
+      </>
     );
   },
 );

packages/code-block/package.json

@@ -47,6 +47,6 @@
     "access": "public"
   },
   "dependencies": {
-    "prismjs": "1.29.0"
+    "prismjs": "1.30.0"
   }
 }

packages/code-inline/package.json

@@ -38,7 +38,6 @@
     "@react-email/render": "workspace:*",
     "tsconfig": "workspace:*",
     "tsup": "7.2.0",
-    "typescript": "5.1.6",
-    "vitest": "1.1.0"
+    "typescript": "5.1.6"
   }
 }

packages/react-email/package.json

@@ -29,7 +29,7 @@
     "chokidar": "4.0.3",
     "commander": "11.1.0",
     "debounce": "2.0.0",
-    "esbuild": "0.23.0",
+    "esbuild": "0.25.0",
     "glob": "10.3.4",
     "log-symbols": "4.1.0",
     "mime-types": "2.1.35",
@@ -45,7 +45,7 @@
     "@radix-ui/react-slot": "1.1.0",
     "@radix-ui/react-toggle-group": "1.1.0",
     "@radix-ui/react-tooltip": "1.1.2",
-    "@react-email/render": "workspace:*",
+    "@react-email/components": "workspace:*",
     "@swc/core": "1.4.15",
     "@types/babel__core": "7.20.5",
     "@types/fs-extra": "11.0.1",
@@ -57,7 +57,7 @@
     "@types/webpack": "5.28.5",
     "@vercel/style-guide": "5.1.0",
     "autoprefixer": "10.4.20",
-    "clsx": "2.1.0",
+    "clsx": "2.1.1",
     "framer-motion": "12.0.0-alpha.2",
     "postcss": "8.4.40",
     "prism-react-renderer": "2.1.0",
@@ -73,7 +73,6 @@
     "tailwindcss": "3.4.0",
     "tsup": "7.2.0",
     "tsx": "4.9.0",
-    "typescript": "5.1.6",
-    "vitest": "1.1.3"
+    "typescript": "5.1.6"
   }
 }