Update overflow.js

Author: laurencei

__tests__/fixtures/tailwind-output.css

@@ -3199,16 +3199,26 @@ button,
   overflow: scroll;
 }
 
-.overflow-x-scroll {
+.overflow-x-auto {
   overflow-x: auto;
   -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
-.overflow-y-scroll {
+.overflow-y-auto {
   overflow-y: auto;
   -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
+.overflow-x-scroll {
+  overflow-x: scroll;
+  -ms-overflow-style: -ms-scrollbar;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll;
+  -ms-overflow-style: -ms-scrollbar;
+}
+
 .scrolling-touch {
   -webkit-overflow-scrolling: touch;
 }
@@ -7090,16 +7100,26 @@ button,
     overflow: scroll;
   }
 
-  .sm\:overflow-x-scroll {
+  .sm\:overflow-x-auto {
     overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
-  .sm\:overflow-y-scroll {
+  .sm\:overflow-y-auto {
     overflow-y: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
+  .sm\:overflow-x-scroll {
+    overflow-x: scroll;
+    -ms-overflow-style: -ms-scrollbar;
+  }
+
+  .sm\:overflow-y-scroll {
+    overflow-y: scroll;
+    -ms-overflow-style: -ms-scrollbar;
+  }
+
   .sm\:scrolling-touch {
     -webkit-overflow-scrolling: touch;
   }
@@ -10974,16 +10994,26 @@ button,
     overflow: scroll;
   }
 
-  .md\:overflow-x-scroll {
+  .md\:overflow-x-auto {
     overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
-  .md\:overflow-y-scroll {
+  .md\:overflow-y-auto {
     overflow-y: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
+  .md\:overflow-x-scroll {
+    overflow-x: scroll;
+    -ms-overflow-style: -ms-scrollbar;
+  }
+
+  .md\:overflow-y-scroll {
+    overflow-y: scroll;
+    -ms-overflow-style: -ms-scrollbar;
+  }
+
   .md\:scrolling-touch {
     -webkit-overflow-scrolling: touch;
   }
@@ -14858,16 +14888,26 @@ button,
     overflow: scroll;
   }
 
-  .lg\:overflow-x-scroll {
+  .lg\:overflow-x-auto {
     overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
-  .lg\:overflow-y-scroll {
+  .lg\:overflow-y-auto {
     overflow-y: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
+  .lg\:overflow-x-scroll {
+    overflow-x: scroll;
+    -ms-overflow-style: -ms-scrollbar;
+  }
+
+  .lg\:overflow-y-scroll {
+    overflow-y: scroll;
+    -ms-overflow-style: -ms-scrollbar;
+  }
+
   .lg\:scrolling-touch {
     -webkit-overflow-scrolling: touch;
   }
@@ -18742,16 +18782,26 @@ button,
     overflow: scroll;
   }
 
-  .xl\:overflow-x-scroll {
+  .xl\:overflow-x-auto {
     overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
-  .xl\:overflow-y-scroll {
+  .xl\:overflow-y-auto {
     overflow-y: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
+  .xl\:overflow-x-scroll {
+    overflow-x: scroll;
+    -ms-overflow-style: -ms-scrollbar;
+  }
+
+  .xl\:overflow-y-scroll {
+    overflow-y: scroll;
+    -ms-overflow-style: -ms-scrollbar;
+  }
+
   .xl\:scrolling-touch {
     -webkit-overflow-scrolling: touch;
   }

src/generators/overflow.js

@@ -6,14 +6,22 @@ export default function() {
     'overflow-hidden': { overflow: 'hidden' },
     'overflow-visible': { overflow: 'visible' },
     'overflow-scroll': { overflow: 'scroll' },
-    'overflow-x-scroll': {
+    'overflow-x-auto': {
       'overflow-x': 'auto',
       '-ms-overflow-style': '-ms-autohiding-scrollbar',
     },
-    'overflow-y-scroll': {
+    'overflow-y-auto': {
       'overflow-y': 'auto',
       '-ms-overflow-style': '-ms-autohiding-scrollbar',
     },
+    'overflow-x-scroll': {
+       'overflow-x': 'scroll' ,
+      '-ms-overflow-style': '-ms-scrollbar',
+    },
+    'overflow-y-scroll': {
+       'overflow-y': 'scroll' ,
+      '-ms-overflow-style': '-ms-scrollbar',
+    },
     'scrolling-touch': { '-webkit-overflow-scrolling': 'touch' },
     'scrolling-auto': { '-webkit-overflow-scrolling': 'auto' },
   })