From 8f50428ea71469c1f86cc6d985cebba6a8a06197 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sun, 4 Apr 2021 15:14:21 -0400
Subject: [PATCH] Fix kitchen sink test

Co-Authored-By: Peter Neupauer <peter@neupauer.sk>
---
 jit/tests/kitchen-sink.test.css  | 8 ++++----
 jit/tests/kitchen-sink.test.html | 2 +-
 jit/tests/kitchen-sink.test.js   | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/jit/tests/kitchen-sink.test.css b/jit/tests/kitchen-sink.test.css
index 75f94f5886d9..a6defa901779 100644
--- a/jit/tests/kitchen-sink.test.css
+++ b/jit/tests/kitchen-sink.test.css
@@ -314,11 +314,11 @@ div {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.filter-none {
-  filter: none;
+.magic-none {
+  magic: none;
 }
-.filter-grayscale {
-  filter: grayscale(100%);
+.magic-tons {
+  magic: tons;
 }
 .custom-util {
   background: #abcdef;
diff --git a/jit/tests/kitchen-sink.test.html b/jit/tests/kitchen-sink.test.html
index 6f9d88e943cb..13254bece80b 100644
--- a/jit/tests/kitchen-sink.test.html
+++ b/jit/tests/kitchen-sink.test.html
@@ -27,7 +27,7 @@
     <div class="md:dark:motion-safe:foo:active:custom-util"></div>
     <div class="aspect-w-1 aspect-h-2"></div>
     <div class="aspect-w-3 aspect-h-4"></div>
-    <div class="filter-none filter-grayscale"></div>
+    <div class="magic-none magic-tons"></div>
     <div class="focus:font-normal"></div>
     <div class="font-medium"></div>
     <div class="bg-gradient-to-r from-foo"></div>
diff --git a/jit/tests/kitchen-sink.test.js b/jit/tests/kitchen-sink.test.js
index 2c971a743e6c..ae907ec87b69 100644
--- a/jit/tests/kitchen-sink.test.js
+++ b/jit/tests/kitchen-sink.test.js
@@ -55,11 +55,11 @@ test('it works', () => {
         })
         addUtilities(
           {
-            '.filter-none': {
-              filter: 'none',
+            '.magic-none': {
+              magic: 'none',
             },
-            '.filter-grayscale': {
-              filter: 'grayscale(100%)',
+            '.magic-tons': {
+              magic: 'tons',
             },
           },
           ['responsive', 'hover']