From 1c7a793c9432e284d353b06c3339a520bde124ef Mon Sep 17 00:00:00 2001
From: Jonathan Reinink <jonathan@reinink.ca>
Date: Wed, 15 Dec 2021 13:49:13 -0500
Subject: [PATCH] Update order of color properties in `transition` and
 `transition-colors` utilities

---
 stubs/defaultConfig.stub.js |  4 ++--
 tests/basic-usage.test.css  |  4 ++--
 tests/kitchen-sink.test.css | 12 ++++++------
 tests/raw-content.test.css  |  4 ++--
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index 7b8efb799..fa984c3ba 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -854,8 +854,8 @@ module.exports = {
       none: 'none',
       all: 'all',
       DEFAULT:
-        'background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
-      colors: 'background-color, border-color, text-decoration-color, color, fill, stroke',
+        'background-color, border-color, color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
+      colors: 'background-color, border-color, color, text-decoration-color, fill, stroke',
       opacity: 'opacity',
       shadow: 'box-shadow',
       transform: 'transform',
diff --git a/tests/basic-usage.test.css b/tests/basic-usage.test.css
index ea9d474b0..8bc63ae28 100644
--- a/tests/basic-usage.test.css
+++ b/tests/basic-usage.test.css
@@ -1020,8 +1020,8 @@
   backdrop-filter: none;
 }
 .transition {
-  transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
-    transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
diff --git a/tests/kitchen-sink.test.css b/tests/kitchen-sink.test.css
index d6c27a012..0991b53fc 100644
--- a/tests/kitchen-sink.test.css
+++ b/tests/kitchen-sink.test.css
@@ -378,8 +378,8 @@ div {
 }
 @media (prefers-reduced-motion: no-preference) {
   .motion-safe\:transition {
-    transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
-      transform, filter, backdrop-filter;
+    transition-property: background-color, border-color, color, text-decoration-color, fill, stroke,
+      opacity, box-shadow, transform, filter, backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
   }
@@ -389,8 +389,8 @@ div {
 }
 @media (prefers-reduced-motion: reduce) {
   .motion-reduce\:transition {
-    transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
-      transform, filter, backdrop-filter;
+    transition-property: background-color, border-color, color, text-decoration-color, fill, stroke,
+      opacity, box-shadow, transform, filter, backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
   }
@@ -492,8 +492,8 @@ div {
   }
   @media (prefers-reduced-motion: no-preference) {
     .md\:motion-safe\:hover\:transition:hover {
-      transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
-        transform, filter, backdrop-filter;
+      transition-property: background-color, border-color, color, text-decoration-color, fill,
+        stroke, opacity, box-shadow, transform, filter, backdrop-filter;
       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       transition-duration: 150ms;
     }
diff --git a/tests/raw-content.test.css b/tests/raw-content.test.css
index fd1e5690b..3d0bcdad2 100644
--- a/tests/raw-content.test.css
+++ b/tests/raw-content.test.css
@@ -712,8 +712,8 @@
   backdrop-filter: none;
 }
 .transition {
-  transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
-    transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }