autoprefixer 10.2.1 → 10.2.5

package/CHANGELOG.md

@@ -1,6 +1,19 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 10.2.5
+* Fixed `:` support in `@supports` (by Dmitry Semigradsky).
+* Fixed docs (by Christian Oliff).
+
+## 10.2.4
+* Fixed browser names in `npx autoprefixer --info`.
+
+## 10.2.3
+* Fixed PostCSS 8 support.
+
+## 10.2.2
+* Fixed PostCSS 8 plugins compatibility.
+
 ## 10.2.1
 * Fixed `transition-property` warnings (by @Sheraff).
 

package/README.md

@@ -1001,8 +1001,8 @@ IE will place `.grid-cell`, `::before` and `::after` in row 1 column 1.
 Modern browsers on the other hand will place `::before` in row 1 column 1,
 `.grid-cell` in row 1 column 2, and `::after` in row 2 column 1.
 
-See this [Code Pen](https://codepen.io/daniel-tonon/pen/gBymVw) to see a visualization
-of the issue. View the Code Pen in both a modern browser and IE to see the difference.
+See this [CodePen](https://codepen.io/daniel-tonon/pen/gBymVw) to see a visualization
+of the issue. View the CodePen in both a modern browser and IE to see the difference.
 
 Note that you can still create `::before` and `::after` elements as long as you manually
 place them outside the explicit grid.

package/data/prefixes.js

@@ -241,6 +241,7 @@ f(require('caniuse-lite/data/features/css-filter-function'), browsers =>
 
 // Backdrop-filter
 let backdrop = require('caniuse-lite/data/features/css-backdrop-filter')
+
 f(backdrop, { match: /y\sx|y\s#2/ }, browsers =>
   prefix(['backdrop-filter'], {
     feature: 'css-backdrop-filter',
@@ -305,6 +306,7 @@ f(require('caniuse-lite/data/features/user-select-none'), browsers =>
 
 // Flexible Box Layout
 let flexbox = require('caniuse-lite/data/features/flexbox')
+
 f(flexbox, { match: /a\sx/ }, browsers => {
   browsers = browsers.map(i => {
     if (/ie|firefox/.test(i)) {
@@ -685,6 +687,7 @@ f(require('caniuse-lite/data/features/css-deviceadaptation'), browsers =>
 
 // Resolution Media Queries
 let resolut = require('caniuse-lite/data/features/css-media-resolution')
+
 f(resolut, { match: /( x($| )|a #2)/ }, browsers =>
   prefix(['@resolution'], {
     feature: 'css-media-resolution',
@@ -757,6 +760,7 @@ f(logicalProps, { match: /x\s#2/ }, browsers =>
 
 // CSS appearance
 let appearance = require('caniuse-lite/data/features/css-appearance')
+
 f(appearance, { match: /#2|x/ }, browsers =>
   prefix(['appearance'], {
     feature: 'css-appearance',
@@ -810,6 +814,7 @@ f(require('caniuse-lite/data/features/css-image-set'), browsers =>
 
 // Writing Mode
 let writingMode = require('caniuse-lite/data/features/css-writing-mode')
+
 f(writingMode, { match: /a|x/ }, browsers =>
   prefix(['writing-mode'], {
     feature: 'css-writing-mode',
@@ -944,6 +949,7 @@ f(bidi, { match: /y x/ }, browsers =>
 
 // overscroll-behavior selector
 let over = require('caniuse-lite/data/features/css-overscroll-behavior')
+
 f(over, { match: /a #1/ }, browsers =>
   prefix(['overscroll-behavior'], {
     feature: 'css-overscroll-behavior',

package/lib/autoprefixer.js

@@ -120,7 +120,7 @@ module.exports = (...reqs) => {
       })
 
       return {
-        Once (root) {
+        OnceExit (root) {
           timeCapsule(result, prefixes)
           if (options.remove !== false) {
             prefixes.processor.remove(root, result)

package/lib/hacks/grid-utils.js

@@ -337,7 +337,7 @@ function changeDuplicateAreaSelectors (ruleSelectors, templateSelectors) {
  */
 function selectorsEqual (ruleA, ruleB) {
   return ruleA.selectors.some(sel => {
-    return ruleB.selectors.some(s => s === sel)
+    return ruleB.selectors.includes(sel)
   })
 }
 

package/lib/info.js

@@ -7,12 +7,16 @@ function capitalize (str) {
 const NAMES = {
   ie: 'IE',
   ie_mob: 'IE Mobile',
-  ios_saf: 'iOS',
+  ios_saf: 'iOS Safari',
   op_mini: 'Opera Mini',
   op_mob: 'Opera Mobile',
   and_chr: 'Chrome for Android',
   and_ff: 'Firefox for Android',
-  and_uc: 'UC for Android'
+  and_uc: 'UC for Android',
+  and_qq: 'QQ Browser',
+  kaios: 'KaiOS Browser',
+  baidu: 'Baidu Browser',
+  samsung: 'Samsung Internet'
 }
 
 function prefix (name, prefixes, note) {

package/lib/prefixer.js

@@ -18,7 +18,11 @@ function clone (obj, parent) {
       cloned[i] = value
     } else if (Array.isArray(value)) {
       cloned[i] = value.map(x => clone(x, cloned))
-    } else if (i !== '_autoprefixerPrefix' && i !== '_autoprefixerValues') {
+    } else if (
+      i !== '_autoprefixerPrefix' &&
+      i !== '_autoprefixerValues' &&
+      i !== 'proxyCache'
+    ) {
       if (typeof value === 'object' && value !== null) {
         value = clone(value, cloned)
       }

package/lib/supports.js

@@ -223,10 +223,18 @@ class Supports {
     }
 
     nodes = nodes.filter(i => i !== '')
-    if (typeof nodes[0] === 'string' && nodes[0].includes(':')) {
-      return [brackets.stringify(nodes)]
-    }
 
+    if (typeof nodes[0] === 'string') {
+      let firstNode = nodes[0].trim()
+
+      if (
+        firstNode.includes(':') ||
+        firstNode === 'selector' ||
+        firstNode === 'not selector'
+      ) {
+        return [brackets.stringify(nodes)]
+      }
+    }
     return nodes.map(i => this.normalize(i))
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "10.2.1",
+  "version": "10.2.5",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "engines": {
     "node": "^10 || ^12 || >=14"
@@ -26,9 +26,9 @@
     "postcss": "^8.1.0"
   },
   "dependencies": {
-    "browserslist": "^4.16.1",
-    "caniuse-lite": "^1.0.30001173",
-    "colorette": "^1.2.1",
+    "browserslist": "^4.16.3",
+    "caniuse-lite": "^1.0.30001196",
+    "colorette": "^1.2.2",
     "fraction.js": "^4.0.13",
     "normalize-range": "^0.1.2",
     "postcss-value-parser": "^4.1.0"