autoprefixer 10.3.6 → 10.4.2

package/data/prefixes.js

@@ -522,23 +522,26 @@ f(prefixFullscreen, { match: /x(\s#2|$)/ }, browsers =>
 )
 
 // File selector button
-prefix(['::file-selector-button'], {
-  selector: true,
-  feature: 'fullscreen',
-  browsers: [
-    'chrome 89',
-    'edge 89',
-    'firefox 82',
-    'opera 75',
-    'safari 14.1',
-    'android 89',
-    'and_chr 89',
-    'op_mob 63',
-    'and_ff 82',
-    'ios_saf 14.5',
-    'samsung 15.0'
-  ]
-})
+let prefixFileSelectorButton = require('caniuse-lite/data/features/css-file-selector-button')
+
+f(prefixFileSelectorButton, browsers =>
+  prefix(['::file-selector-button'], {
+    selector: true,
+    feature: 'file-selector-button',
+    browsers
+  })
+)
+
+// :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')
@@ -591,17 +594,21 @@ f(prefixIntrinsic, { match: /x|\s#4/ }, browsers =>
 )
 
 f(prefixIntrinsic, { match: /x|\s#5/ }, browsers =>
-  prefix(['stretch'], {
+  prefix(['fit-content'], {
     props: sizeProps,
     feature: 'intrinsic-width',
     browsers
   })
 )
 
-f(prefixIntrinsic, { match: /x|\s#5/ }, browsers =>
-  prefix(['fit-content'], {
+// Stretch value
+
+let prefixStretch = require('caniuse-lite/data/features/css-width-stretch')
+
+f(prefixStretch, browsers =>
+  prefix(['stretch'], {
     props: sizeProps,
-    feature: 'intrinsic-width',
+    feature: 'css-width-stretch',
     browsers
   })
 )

package/lib/autoprefixer.js

@@ -1,6 +1,6 @@
-let { yellow, red } = require('nanocolors')
 let browserslist = require('browserslist')
 let { agents } = require('caniuse-lite')
+let pico = require('picocolors')
 
 let Browsers = require('./browsers')
 let Prefixes = require('./prefixes')
@@ -40,8 +40,7 @@ function timeCapsule(result, prefixes) {
   if (Object.keys(prefixes.add).length > 2) {
     return
   }
-
-  /* istanbul ignore next */
+  /* c8 ignore next 11 */
   result.warn(
     'Autoprefixer target browsers do not need any prefixes.' +
       'You do not need Autoprefixer anymore.\n' +
@@ -90,7 +89,7 @@ function plugin(...reqs) {
   } else if (options.browsers) {
     if (typeof console !== 'undefined' && console.warn) {
       console.warn(
-        red(WARNING.replace(/`[^`]+`/g, i => yellow(i.slice(1, -1))))
+        pico.red(WARNING.replace(/`[^`]+`/g, i => pico.yellow(i.slice(1, -1))))
       )
     }
     reqs = options.browsers

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/hacks/grid-utils.js

@@ -532,7 +532,7 @@ function insertAreas(css, isDisabled) {
         if (lastRule) {
           lastRuleIndex = css.index(lastRule)
         } else {
-          /* istanbul ignore next */
+          /* c8 ignore next 2 */
           lastRuleIndex = -1
         }
 

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.6",
+  "version": "10.4.2",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "engines": {
     "node": "^10 || ^12 || >=14"
@@ -22,15 +22,18 @@
   "author": "Andrey Sitnik <andrey@sitnik.ru>",
   "license": "MIT",
   "repository": "postcss/autoprefixer",
+  "bugs": {
+    "url": "https://github.com/postcss/autoprefixer/issues"
+  },
   "peerDependencies": {
     "postcss": "^8.1.0"
   },
   "dependencies": {
-    "browserslist": "^4.17.1",
-    "caniuse-lite": "^1.0.30001260",
-    "fraction.js": "^4.1.1",
-    "nanocolors": "^0.2.8",
+    "browserslist": "^4.19.1",
+    "caniuse-lite": "^1.0.30001297",
+    "fraction.js": "^4.1.2",
     "normalize-range": "^0.1.2",
-    "postcss-value-parser": "^4.1.0"
+    "picocolors": "^1.0.0",
+    "postcss-value-parser": "^4.2.0"
   }
 }

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2018",
-    "module": "commonjs",
-    "allowJs": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true
-  }
-}