migrate backdrop-blur-* utilities

tailwindlabs · Nov 29, 2024 · ebd2252 · ebd2252
1 parent 6abd808
commit ebd2252
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/@tailwindcss-upgrade/src/template/codemods/legacy-classes.test.ts b/packages/@tailwindcss-upgrade/src/template/codemods/legacy-classes.test.ts
@@ -20,6 +20,9 @@ test.each([
   ['blur', 'blur-sm'],
   ['blur-sm', 'blur-xs'],
 
+  ['backdrop-blur', 'backdrop-blur-sm'],
+  ['backdrop-blur-sm', 'backdrop-blur-xs'],
+
   ['ring', 'ring-3'],
 
   ['blur!', 'blur-sm!'],

diff --git a/packages/@tailwindcss-upgrade/src/template/codemods/legacy-classes.ts b/packages/@tailwindcss-upgrade/src/template/codemods/legacy-classes.ts
@@ -29,6 +29,9 @@ const LEGACY_CLASS_MAP = new Map([
   ['blur', 'blur-sm'],
   ['blur-sm', 'blur-xs'],
 
+  ['backdrop-blur', 'backdrop-blur-sm'],
+  ['backdrop-blur-sm', 'backdrop-blur-xs'],
+
   ['ring', 'ring-3'],
 ])
 
@@ -50,6 +53,10 @@ const THEME_KEYS = new Map([
   ['blur-sm', '--blur-sm'],
   ['blur-xs', '--blur-xs'],
 
+  ['backdrop-blur', '--backdrop-blur'],
+  ['backdrop-blur-sm', '--backdrop-blur-sm'],
+  ['backdrop-blur-xs', '--backdrop-blur-xs'],
+
   ['ring', '--ring-width'],
   ['ring-3', '--ring-width-3'],
 ])