From 453229a1aec1e6b70c0da457fc991836708de978 Mon Sep 17 00:00:00 2001 From: Gabriel Miranda Date: Tue, 17 Sep 2024 14:41:11 -0300 Subject: [PATCH] fix(tailwind): `float-left` utility being converted to `cssFloat: "left"` (#1687) --- .changeset/selfish-garlics-clap.md | 5 +++++ .../src/utils/compatibility/css-to-jsx-style.spec.ts | 4 ---- .../tailwind/src/utils/compatibility/css-to-jsx-style.ts | 4 ---- 3 files changed, 5 insertions(+), 8 deletions(-) create mode 100644 .changeset/selfish-garlics-clap.md diff --git a/.changeset/selfish-garlics-clap.md b/.changeset/selfish-garlics-clap.md new file mode 100644 index 0000000000..b7aecf602a --- /dev/null +++ b/.changeset/selfish-garlics-clap.md @@ -0,0 +1,5 @@ +--- +"@react-email/tailwind": patch +--- + +Fix `css-float` being used for utilities such as `float-left` diff --git a/packages/tailwind/src/utils/compatibility/css-to-jsx-style.spec.ts b/packages/tailwind/src/utils/compatibility/css-to-jsx-style.spec.ts index c2677371eb..89cef83853 100644 --- a/packages/tailwind/src/utils/compatibility/css-to-jsx-style.spec.ts +++ b/packages/tailwind/src/utils/compatibility/css-to-jsx-style.spec.ts @@ -76,10 +76,6 @@ test("transforms rules with browser prefixes", () => { }); }); -test("transforms float rule property to cssFloat", () => { - expect(cssToJsxStyle("float: left")).toEqual({ cssFloat: "left" }); -}); - test("transforms rules with urls", () => { expect( cssToJsxStyle( diff --git a/packages/tailwind/src/utils/compatibility/css-to-jsx-style.ts b/packages/tailwind/src/utils/compatibility/css-to-jsx-style.ts index fe21291c0b..d086ae1edb 100644 --- a/packages/tailwind/src/utils/compatibility/css-to-jsx-style.ts +++ b/packages/tailwind/src/utils/compatibility/css-to-jsx-style.ts @@ -8,10 +8,6 @@ const convertPropertyName = (prop: string) => { modifiedProp = modifiedProp.toLowerCase(); - if (modifiedProp === "float") { - return "cssFloat"; - } - if (modifiedProp.startsWith("--")) { return modifiedProp; }