Add fill and stroke to transition-colors

adamwathan · adamwathan · commit bb1e62998f65 · 2020-02-01T13:34:33.000-05:00
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -10327,11 +10327,11 @@ video {
 }
 
 .transition {
-  transition-property: background-color, border-color, color, opacity, transform !important;
+  transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
 }
 
 .transition-colors {
-  transition-property: background-color, border-color, color !important;
+  transition-property: background-color, border-color, color, fill, stroke !important;
 }
 
 .transition-opacity {
@@ -20118,11 +20118,11 @@ video {
   }
 
   .sm\:transition {
-    transition-property: background-color, border-color, color, opacity, transform !important;
+    transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
   }
 
   .sm\:transition-colors {
-    transition-property: background-color, border-color, color !important;
+    transition-property: background-color, border-color, color, fill, stroke !important;
   }
 
   .sm\:transition-opacity {
@@ -29910,11 +29910,11 @@ video {
   }
 
   .md\:transition {
-    transition-property: background-color, border-color, color, opacity, transform !important;
+    transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
   }
 
   .md\:transition-colors {
-    transition-property: background-color, border-color, color !important;
+    transition-property: background-color, border-color, color, fill, stroke !important;
   }
 
   .md\:transition-opacity {
@@ -39702,11 +39702,11 @@ video {
   }
 
   .lg\:transition {
-    transition-property: background-color, border-color, color, opacity, transform !important;
+    transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
   }
 
   .lg\:transition-colors {
-    transition-property: background-color, border-color, color !important;
+    transition-property: background-color, border-color, color, fill, stroke !important;
   }
 
   .lg\:transition-opacity {
@@ -49494,11 +49494,11 @@ video {
   }
 
   .xl\:transition {
-    transition-property: background-color, border-color, color, opacity, transform !important;
+    transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
   }
 
   .xl\:transition-colors {
-    transition-property: background-color, border-color, color !important;
+    transition-property: background-color, border-color, color, fill, stroke !important;
   }
 
   .xl\:transition-opacity {
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -10327,11 +10327,11 @@ video {
 }
 
 .transition {
-  transition-property: background-color, border-color, color, opacity, transform;
+  transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
 }
 
 .transition-colors {
-  transition-property: background-color, border-color, color;
+  transition-property: background-color, border-color, color, fill, stroke;
 }
 
 .transition-opacity {
@@ -20118,11 +20118,11 @@ video {
   }
 
   .sm\:transition {
-    transition-property: background-color, border-color, color, opacity, transform;
+    transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
   }
 
   .sm\:transition-colors {
-    transition-property: background-color, border-color, color;
+    transition-property: background-color, border-color, color, fill, stroke;
   }
 
   .sm\:transition-opacity {
@@ -29910,11 +29910,11 @@ video {
   }
 
   .md\:transition {
-    transition-property: background-color, border-color, color, opacity, transform;
+    transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
   }
 
   .md\:transition-colors {
-    transition-property: background-color, border-color, color;
+    transition-property: background-color, border-color, color, fill, stroke;
   }
 
   .md\:transition-opacity {
@@ -39702,11 +39702,11 @@ video {
   }
 
   .lg\:transition {
-    transition-property: background-color, border-color, color, opacity, transform;
+    transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
   }
 
   .lg\:transition-colors {
-    transition-property: background-color, border-color, color;
+    transition-property: background-color, border-color, color, fill, stroke;
   }
 
   .lg\:transition-opacity {
@@ -49494,11 +49494,11 @@ video {
   }
 
   .xl\:transition {
-    transition-property: background-color, border-color, color, opacity, transform;
+    transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
   }
 
   .xl\:transition-colors {
-    transition-property: background-color, border-color, color;
+    transition-property: background-color, border-color, color, fill, stroke;
   }
 
   .xl\:transition-opacity {
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
@@ -528,8 +528,8 @@ module.exports = {
     transitionProperty: {
       none: 'none',
       all: 'all',
-      default: 'background-color, border-color, color, opacity, transform',
-      colors: 'background-color, border-color, color',
+      default: 'background-color, border-color, color, fill, stroke, opacity,transform',
+      colors: 'background-color, border-color, color, fill, stroke',
       opacity: 'opacity',
       transform: 'transform',
     },

Original file line number	Diff line number	Diff line change
`@@ -10327,11 +10327,11 @@ video {`
`10327`	`10327`	`}`
`10328`	`10328`
`10329`	`10329`	`.transition {`
`10330`		`- transition-property: background-color, border-color, color, opacity, transform !important;`
	`10330`	`+ transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;`
`10331`	`10331`	`}`
`10332`	`10332`
`10333`	`10333`	`.transition-colors {`
`10334`		`- transition-property: background-color, border-color, color !important;`
	`10334`	`+ transition-property: background-color, border-color, color, fill, stroke !important;`
`10335`	`10335`	`}`
`10336`	`10336`
`10337`	`10337`	`.transition-opacity {`
`@@ -20118,11 +20118,11 @@ video {`
`20118`	`20118`	`}`
`20119`	`20119`
`20120`	`20120`	`.sm\:transition {`
`20121`		`- transition-property: background-color, border-color, color, opacity, transform !important;`
	`20121`	`+ transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;`
`20122`	`20122`	`}`
`20123`	`20123`
`20124`	`20124`	`.sm\:transition-colors {`
`20125`		`- transition-property: background-color, border-color, color !important;`
	`20125`	`+ transition-property: background-color, border-color, color, fill, stroke !important;`
`20126`	`20126`	`}`
`20127`	`20127`
`20128`	`20128`	`.sm\:transition-opacity {`
`@@ -29910,11 +29910,11 @@ video {`
`29910`	`29910`	`}`
`29911`	`29911`
`29912`	`29912`	`.md\:transition {`
`29913`		`- transition-property: background-color, border-color, color, opacity, transform !important;`
	`29913`	`+ transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;`
`29914`	`29914`	`}`
`29915`	`29915`
`29916`	`29916`	`.md\:transition-colors {`
`29917`		`- transition-property: background-color, border-color, color !important;`
	`29917`	`+ transition-property: background-color, border-color, color, fill, stroke !important;`
`29918`	`29918`	`}`
`29919`	`29919`
`29920`	`29920`	`.md\:transition-opacity {`
`@@ -39702,11 +39702,11 @@ video {`
`39702`	`39702`	`}`
`39703`	`39703`
`39704`	`39704`	`.lg\:transition {`
`39705`		`- transition-property: background-color, border-color, color, opacity, transform !important;`
	`39705`	`+ transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;`
`39706`	`39706`	`}`
`39707`	`39707`
`39708`	`39708`	`.lg\:transition-colors {`
`39709`		`- transition-property: background-color, border-color, color !important;`
	`39709`	`+ transition-property: background-color, border-color, color, fill, stroke !important;`
`39710`	`39710`	`}`
`39711`	`39711`
`39712`	`39712`	`.lg\:transition-opacity {`
`@@ -49494,11 +49494,11 @@ video {`
`49494`	`49494`	`}`
`49495`	`49495`
`49496`	`49496`	`.xl\:transition {`
`49497`		`- transition-property: background-color, border-color, color, opacity, transform !important;`
	`49497`	`+ transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;`
`49498`	`49498`	`}`
`49499`	`49499`
`49500`	`49500`	`.xl\:transition-colors {`
`49501`		`- transition-property: background-color, border-color, color !important;`
	`49501`	`+ transition-property: background-color, border-color, color, fill, stroke !important;`
`49502`	`49502`	`}`
`49503`	`49503`
`49504`	`49504`	`.xl\:transition-opacity {`