autoprefixer 10.5.4 → 10.5.6

package/README.md

@@ -1,4 +1,4 @@
-# Autoprefixer [![Cult Of Martians][cult-img]][cult]
+# Autoprefixer
 
 <img align="right" width="94" height="71"
      src="https://postcss.github.io/autoprefixer/logo.svg"
@@ -41,13 +41,16 @@ of Autoprefixer.
 
 Twitter account for news and releases: [@autoprefixer].
 
-<a href="https://evilmartians.com/?utm_source=autoprefixer">
-<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="236" height="54">
-</a>
+---
+
+<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" />  Autoprefixer is built by <b><a href="https://evilmartians.com/">Evil Martians</a></b>, an American design and engineering consultancy for <b>developer tools, AI, and cybersecurity startups</b>.
+
+---
 
 [interactive demo]: https://autoprefixer.github.io/
 [@autoprefixer]: https://twitter.com/autoprefixer
 [Can I Use]: https://caniuse.com/
-[cult-img]: https://cultofmartians.com/assets/badges/badge.svg
 [PostCSS]: https://github.com/postcss/postcss
-[cult]: https://cultofmartians.com/tasks/autoprefixer-grid.html
+
+## Docs
+Read full docs **[here](https://github.com/postcss/autoprefixer#readme)**.

package/lib/hacks/gradient.js

@@ -10,11 +10,11 @@ class Gradient extends Value {
   /**
    * Do not add non-webkit prefixes for list-style and object
    */
-  add(decl, prefix) {
+  add(decl, prefix, prefixes, result) {
     let p = decl.prop
     if (p.includes('mask')) {
       if (prefix === '-webkit-' || prefix === '-webkit- old') {
-        return super.add(decl, prefix)
+        return super.add(decl, prefix, prefixes, result)
       }
     } else if (
       p === 'list-style' ||
@@ -22,10 +22,10 @@ class Gradient extends Value {
       p === 'content'
     ) {
       if (prefix === '-webkit-' || prefix === '-webkit- old') {
-        return super.add(decl, prefix)
+        return super.add(decl, prefix, prefixes, result)
       }
     } else {
-      return super.add(decl, prefix)
+      return super.add(decl, prefix, prefixes, result)
     }
     return undefined
   }
@@ -328,7 +328,7 @@ class Gradient extends Value {
   /**
    * Convert to old webkit syntax
    */
-  oldWebkit(node) {
+  oldWebkit(node, decl, result) {
     let { nodes } = node
     let string = parser.stringify(node.nodes)
 
@@ -361,6 +361,23 @@ class Gradient extends Value {
     }
 
     this.oldDirection(params)
+    for (let param of params.slice(1)) {
+      let tokens = param.filter(i => i.type === 'word' || i.type === 'function')
+      if (
+        tokens.length === 1 &&
+        ((tokens[0].type === 'word' && parser.unit(tokens[0].value)) ||
+          (tokens[0].type === 'function' &&
+            /^(calc|min|max|clamp)$/i.test(tokens[0].value)))
+      ) {
+        if (decl && result) {
+          decl.warn(
+            result,
+            'Gradient color hints are not supported by old WebKit'
+          )
+        }
+        return false
+      }
+    }
     this.colorStops(params)
 
     node.nodes = []
@@ -380,7 +397,7 @@ class Gradient extends Value {
   /**
    * Change degrees for webkit prefix
    */
-  replace(string, prefix) {
+  replace(string, prefix, decl, result) {
     let ast = parser(string)
     for (let node of ast.nodes) {
       let gradientName = this.name // gradient name
@@ -388,7 +405,7 @@ class Gradient extends Value {
         node.nodes = this.newDirection(node.nodes)
         node.nodes = this.normalize(node.nodes, gradientName)
         if (prefix === '-webkit- old') {
-          let changes = this.oldWebkit(node)
+          let changes = this.oldWebkit(node, decl, result)
           if (!changes) {
             return false
           }

package/lib/resolution.js

@@ -3,8 +3,10 @@ let FractionJs = require('fraction.js')
 let Prefixer = require('./prefixer')
 let utils = require('./utils')
 
-const REGEXP = /(min|max)-resolution\s*:\s*\d*\.?\d+(dppx|dpcm|dpi|x)/gi
-const SPLIT = /(min|max)-resolution(\s*:\s*)(\d*\.?\d+)(dppx|dpcm|dpi|x)/i
+const REGEXP =
+  /(min|max)-resolution\s*:\s*(?:\d+(?:\.\d+)?|\.\d+)(dppx|dpcm|dpi|x)/gi
+const SPLIT =
+  /(min|max)-resolution(\s*:\s*)(\d+(?:\.\d+)?|\.\d+)(dppx|dpcm|dpi|x)/i
 
 class Resolution extends Prefixer {
   /**

package/lib/value.js

@@ -61,7 +61,7 @@ class Value extends Prefixer {
   /**
    * Save values with next prefixed token
    */
-  add(decl, prefix) {
+  add(decl, prefix, prefixes, result) {
     if (!decl._autoprefixerValues) {
       decl._autoprefixerValues = {}
     }
@@ -70,7 +70,7 @@ class Value extends Prefixer {
     let before
     do {
       before = value
-      value = this.replace(value, prefix)
+      value = this.replace(value, prefix, decl, result)
       if (value === false) return
     } while (value !== before)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "10.5.4",
+  "version": "10.5.6",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "keywords": [
     "autoprefixer",
@@ -33,8 +33,8 @@
   "main": "lib/autoprefixer.js",
   "types": "lib/autoprefixer.d.ts",
   "dependencies": {
-    "browserslist": "^4.28.6",
-    "caniuse-lite": "^1.0.30001806",
+    "browserslist": "^4.28.9",
+    "caniuse-lite": "^1.0.30001810",
     "fraction.js": "^5.3.4",
     "picocolors": "^1.1.1",
     "postcss-value-parser": "^4.2.0"