From 7465d26a4c57d568e2c9fbc36b76acb9f5e43eb5 Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Fri, 21 Feb 2025 14:52:06 +0100 Subject: [PATCH 1/3] add failing test MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - update test to include `translate-z-px` and `-translate-z-px` - remove the additional `translate: …` properties These should be fixed by the next commit --- packages/tailwindcss/src/utilities.test.ts | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 2f00dcebe4b0..5c17d048082a 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -4213,16 +4213,22 @@ test('translate-y', async () => { }) test('translate-z', async () => { - expect(await run(['translate-z-px', '-translate-z-[var(--value)]'])).toMatchInlineSnapshot(` + expect( + await run(['-translate-z-px', 'translate-z-px', '-translate-z-[var(--value)]']), + ).toMatchInlineSnapshot(` ".-translate-z-\\[var\\(--value\\)\\] { --tw-translate-z: calc(var(--value) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); } + .-translate-z-px { + --tw-translate-z: -1px; + translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); + } + .translate-z-px { --tw-translate-z: 1px; translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); - translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); } @property --tw-translate-x { From 66a15836479dcce555c8ed0ccdc7e541b5cc81a6 Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Fri, 21 Feb 2025 14:52:23 +0100 Subject: [PATCH 2/3] remove hardcoded `-translate-z-px` and `translate-z-px` These are already covered by the `translate` functional utility. --- packages/tailwindcss/src/utilities.ts | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 28bb0ce41dcd..c969bfa9578a 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -1230,16 +1230,6 @@ export function createUtilities(theme: Theme) { supportsNegative: true, }, ) - staticUtility(`-translate-z-px`, [ - translateProperties, - [`--tw-translate-z`, '-1px'], - ['translate', 'var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)'], - ]) - staticUtility(`translate-z-px`, [ - translateProperties, - [`--tw-translate-z`, '1px'], - ['translate', 'var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)'], - ]) staticUtility('translate-3d', [ translateProperties, From 1bdf94ad3db832ae598a80b0652c82ea650e28af Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Fri, 21 Feb 2025 15:05:28 +0100 Subject: [PATCH 3/3] update changelog --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 757bdbe5eefe..bdc90f212a54 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,6 +24,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Vite: Ensure utility classes are read without escaping special characters ([#16631](https://github.com/tailwindlabs/tailwindcss/pull/16631)) - Allow `theme(…)` options when using `@import` ([#16514](https://github.com/tailwindlabs/tailwindcss/pull/16514)) - Use amount of properties when sorting ([#16715](https://github.com/tailwindlabs/tailwindcss/pull/16715)) +- Remove double generated `translate-z-px` utilities ([#16718](https://github.com/tailwindlabs/tailwindcss/pull/16718)) ## [4.0.7] - 2025-02-18