From f2a340650919ac50e33b0e77aaedb63b6735a4e7 Mon Sep 17 00:00:00 2001
From: Theryston <devtheryston@gmail.com>
Date: Thu, 10 Oct 2024 13:21:02 -0300
Subject: [PATCH] fix: Add maxWidth, borderRadius, and maxHeight properties to
 ElementStyle and JSX namespace

---
 .changeset/sour-lizards-greet.md           | 5 +++++
 apps/docs/framework/style.mdx              | 3 +++
 packages/core/src/jsx-runtime/get-style.ts | 3 +++
 packages/core/src/jsx-runtime/jsx.d.ts     | 3 +++
 4 files changed, 14 insertions(+)
 create mode 100644 .changeset/sour-lizards-greet.md

diff --git a/.changeset/sour-lizards-greet.md b/.changeset/sour-lizards-greet.md
new file mode 100644
index 00000000..f12eacbc
--- /dev/null
+++ b/.changeset/sour-lizards-greet.md
@@ -0,0 +1,5 @@
+---
+'@jsx-mail/core': patch
+---
+
+Add maxWidth, borderRadius, and maxHeight properties to ElementStyle and JSX namespace
diff --git a/apps/docs/framework/style.mdx b/apps/docs/framework/style.mdx
index 14746784..af7ee0a4 100644
--- a/apps/docs/framework/style.mdx
+++ b/apps/docs/framework/style.mdx
@@ -16,6 +16,9 @@ type ElementStyle = {
   borderBottomStyle?: string;
   borderBottomWidth?: string;
   borderColor?: string;
+  maxWidth?: string;
+  borderRadius?: string;
+  maxHeight?: string;
   borderLeft?: string;
   borderLeftColor?: string;
   borderLeftStyle?: string;
diff --git a/packages/core/src/jsx-runtime/get-style.ts b/packages/core/src/jsx-runtime/get-style.ts
index 4c53b8a7..3f279a11 100644
--- a/packages/core/src/jsx-runtime/get-style.ts
+++ b/packages/core/src/jsx-runtime/get-style.ts
@@ -10,6 +10,9 @@ export const CSS_LIST = {
   borderBottomStyle: ['*'],
   borderBottomWidth: ['*'],
   borderColor: ['*'],
+  maxWidth: ['*'],
+  borderRadius: ['*'],
+  maxHeight: ['*'],
   borderLeft: ['*'],
   borderLeftColor: ['*'],
   borderLeftStyle: ['*'],
diff --git a/packages/core/src/jsx-runtime/jsx.d.ts b/packages/core/src/jsx-runtime/jsx.d.ts
index 307d5b36..6cd79774 100644
--- a/packages/core/src/jsx-runtime/jsx.d.ts
+++ b/packages/core/src/jsx-runtime/jsx.d.ts
@@ -37,6 +37,9 @@ declare namespace JSX {
     borderBottomStyle?: string;
     borderBottomWidth?: string;
     borderColor?: string;
+    maxWidth?: string;
+    borderRadius?: string;
+    maxHeight?: string;
     borderLeft?: string;
     borderLeftColor?: string;
     borderLeftStyle?: string;