Add 'text-decoration-color' to default 'transition' and 'transition-colors' utilities (#6405)

* Add 'text-decoration-color' to default 'transition' and 'transition-colors' utilities

* Add 'text-decoration-color' to default 'transition' and 'transition-colors' utilities

* Delete tailwind-output-flagged.css

* Delete tailwind-output-important.css

* Delete tailwind-output-no-color-opacity.css

* Delete tailwind-output.css

Co-authored-by: Jonathan Reinink <[email protected]>

Author: fekle

stubs/defaultConfig.stub.js

@@ -854,8 +854,8 @@ module.exports = {
       none: 'none',
       all: 'all',
       DEFAULT:
-        'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
-      colors: 'background-color, border-color, color, fill, stroke',
+        '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',
       opacity: 'opacity',
       shadow: 'box-shadow',
       transform: 'transform',

tests/basic-usage.test.css

@@ -1020,7 +1020,7 @@
   backdrop-filter: none;
 }
 .transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow,
+  transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
     transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;

tests/kitchen-sink.test.css

@@ -378,7 +378,7 @@ div {
 }
 @media (prefers-reduced-motion: no-preference) {
   .motion-safe\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow,
+    transition-property: background-color, border-color, text-decoration-color, 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,7 +389,7 @@ div {
 }
 @media (prefers-reduced-motion: reduce) {
   .motion-reduce\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow,
+    transition-property: background-color, border-color, text-decoration-color, 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,7 +492,7 @@ div {
   }
   @media (prefers-reduced-motion: no-preference) {
     .md\:motion-safe\:hover\:transition:hover {
-      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow,
+      transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
         transform, filter, backdrop-filter;
       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       transition-duration: 150ms;

tests/raw-content.test.css

@@ -712,7 +712,7 @@
   backdrop-filter: none;
 }
 .transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow,
+  transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
     transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;