From 1dbd99d37301832f5430821cd8b65e001d77ed0b Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Sat, 9 Nov 2024 09:21:40 -0500 Subject: [PATCH] Reintroduce deprecated theme values (#14932) This PR reintroduces the `blur`, `shadow`, `drop-shadow`, and `rounded` utilities that were removed in #14849, just to preserve backward compatibility as much as possible. These values are still considered deprecated, and we register them as `inline reference` with the theme to ensure they don't produce any CSS variables in output: ```css /* Deprecated */ @theme default inline reference { --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06); --radius: 0.25rem; } ``` These values won't be included in the documentation, and in the future we'll add an option to explicitly register things as `deprecated` so that they don't appear as completions in IntelliSense either. Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com> --- packages/tailwindcss/theme.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/packages/tailwindcss/theme.css b/packages/tailwindcss/theme.css index 712870ae5..266dad4fd 100644 --- a/packages/tailwindcss/theme.css +++ b/packages/tailwindcss/theme.css @@ -458,3 +458,11 @@ } } } + +/* Deprecated */ +@theme default inline reference { + --blur: 8px; + --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06); + --radius: 0.25rem; +}