autoprefixer 10.5.5 → 10.5.6

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/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.5",
+  "version": "10.5.6",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "keywords": [
     "autoprefixer",