autoprefixer 10.3.7 → 10.4.0

package/data/prefixes.js

@@ -524,7 +524,7 @@ f(prefixFullscreen, { match: /x(\s#2|$)/ }, browsers =>
 // File selector button
 prefix(['::file-selector-button'], {
   selector: true,
-  feature: 'fullscreen',
+  feature: 'file-selector-button',
   browsers: [
     'chrome 89',
     'edge 89',
@@ -540,6 +540,17 @@ prefix(['::file-selector-button'], {
   ]
 })
 
+// :autofill
+let prefixAutofill = require('caniuse-lite/data/features/css-autofill')
+
+f(prefixAutofill, browsers =>
+  prefix([':autofill'], {
+    selector: true,
+    feature: 'css-autofill',
+    browsers
+  })
+)
+
 // Tab size
 let prefixTabsize = require('caniuse-lite/data/features/css3-tabsize')
 

package/lib/hacks/autofill.js

@@ -0,0 +1,30 @@
+let Selector = require('../selector')
+let utils = require('../utils')
+
+class Autofill extends Selector {
+  constructor(name, prefixes, all) {
+    super(name, prefixes, all)
+
+    if (this.prefixes) {
+      this.prefixes = utils.uniq(
+        this.prefixes.map(i => {
+          return '-webkit-'
+        })
+      )
+    }
+  }
+
+  /**
+   * Return different selectors depend on prefix
+   */
+  prefixed(prefix) {
+    if (prefix === '-webkit-') {
+      return ':-webkit-autofill'
+    }
+    return `:${prefix}autofill`
+  }
+}
+
+Autofill.names = [':autofill']
+
+module.exports = Autofill

package/lib/prefixes.js

@@ -65,7 +65,9 @@ let hackCrossFade = require('./hacks/cross-fade')
 let hackDisplayFlex = require('./hacks/display-flex')
 let hackDisplayGrid = require('./hacks/display-grid')
 let hackFilterValue = require('./hacks/filter-value')
+let hackAutofill = require('./hacks/autofill')
 
+Selector.hack(hackAutofill)
 Selector.hack(hackFullscreen)
 Selector.hack(hackPlaceholder)
 Selector.hack(hackPlaceholderShown)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "10.3.7",
+  "version": "10.4.0",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "engines": {
     "node": "^10 || ^12 || >=14"
@@ -29,11 +29,11 @@
     "postcss": "^8.1.0"
   },
   "dependencies": {
-    "browserslist": "^4.17.3",
-    "caniuse-lite": "^1.0.30001264",
+    "browserslist": "^4.17.5",
+    "caniuse-lite": "^1.0.30001272",
     "fraction.js": "^4.1.1",
     "normalize-range": "^0.1.2",
-    "picocolors": "^0.2.1",
+    "picocolors": "^1.0.0",
     "postcss-value-parser": "^4.1.0"
   }
 }