autoprefixer 9.3.1 → 9.4.3

package/lib/hacks/image-rendering.js

@@ -24,11 +24,11 @@ function (_Declaration) {
    */
   _proto.check = function check(decl) {
     return decl.value === 'pixelated';
-  };
+  }
   /**
    * Change property name for IE
    */
-
+  ;
 
   _proto.prefixed = function prefixed(prop, prefix) {
     if (prefix === '-ms-') {
@@ -36,30 +36,30 @@ function (_Declaration) {
     }
 
     return _Declaration.prototype.prefixed.call(this, prop, prefix);
-  };
+  }
   /**
    * Change property and value for IE
    */
-
+  ;
 
   _proto.set = function set(decl, prefix) {
     if (prefix !== '-ms-') return _Declaration.prototype.set.call(this, decl, prefix);
     decl.prop = '-ms-interpolation-mode';
     decl.value = 'nearest-neighbor';
     return decl;
-  };
+  }
   /**
    * Return property name by spec
    */
-
+  ;
 
   _proto.normalize = function normalize() {
     return 'image-rendering';
-  };
+  }
   /**
    * Warn on old value
    */
-
+  ;
 
   _proto.process = function process(node, result) {
     return _Declaration.prototype.process.call(this, node, result);

package/lib/hacks/inline-logical.js

@@ -24,11 +24,11 @@ function (_Declaration) {
    */
   _proto.prefixed = function prefixed(prop, prefix) {
     return prefix + prop.replace('-inline', '');
-  };
+  }
   /**
    * Return property name by spec
    */
-
+  ;
 
   _proto.normalize = function normalize(prop) {
     return prop.replace(/(margin|padding|border)-(start|end)/, '$1-inline-$2');

package/lib/hacks/justify-content.js

@@ -38,19 +38,19 @@ function (_Declaration) {
     }
 
     return _Declaration.prototype.prefixed.call(this, prop, prefix);
-  };
+  }
   /**
    * Return property name by final spec
    */
-
+  ;
 
   _proto.normalize = function normalize() {
     return 'justify-content';
-  };
+  }
   /**
    * Change value for 2009 and 2012 specs
    */
-
+  ;
 
   _proto.set = function set(decl, prefix) {
     var spec = flexSpec(prefix)[0];

package/lib/hacks/mask-border.js

@@ -24,11 +24,11 @@ function (_Declaration) {
    */
   _proto.normalize = function normalize() {
     return this.name.replace('box-image', 'border');
-  };
+  }
   /**
    * Return flex property for 2012 spec
    */
-
+  ;
 
   _proto.prefixed = function prefixed(prop, prefix) {
     var result = _Declaration.prototype.prefixed.call(this, prop, prefix);

package/lib/hacks/order.js

@@ -41,19 +41,19 @@ function (_Declaration) {
     }
 
     return _Declaration.prototype.prefixed.call(this, prop, prefix);
-  };
+  }
   /**
    * Return property name by final spec
    */
-
+  ;
 
   _proto.normalize = function normalize() {
     return 'order';
-  };
+  }
   /**
    * Fix value for 2009 spec
    */
-
+  ;
 
   _proto.set = function set(decl, prefix) {
     var spec = flexSpec(prefix)[0];

package/lib/hacks/overscroll-behavior.js

@@ -24,19 +24,19 @@ function (_Declaration) {
    */
   _proto.prefixed = function prefixed(prop, prefix) {
     return prefix + 'scroll-chaining';
-  };
+  }
   /**
    * Return property name by spec
    */
-
+  ;
 
   _proto.normalize = function normalize() {
     return 'overscroll-behavior';
-  };
+  }
   /**
    * Change value for IE
    */
-
+  ;
 
   _proto.set = function set(decl, prefix) {
     if (decl.value === 'auto') {

package/lib/hacks/pixelated.js

@@ -34,11 +34,11 @@ function (_Value) {
     }
 
     return _Value.prototype.replace.call(this, string, prefix);
-  };
+  }
   /**
    * Different name for WebKit and Firefox
    */
-
+  ;
 
   _proto.old = function old(prefix) {
     if (prefix === '-webkit-') {

package/lib/hacks/placeholder.js

@@ -24,11 +24,11 @@ function (_Selector) {
    */
   _proto.possible = function possible() {
     return _Selector.prototype.possible.call(this).concat(['-moz- old', '-ms- old']);
-  };
+  }
   /**
    * Return different selectors depend on prefix
    */
-
+  ;
 
   _proto.prefixed = function prefixed(prefix) {
     if (prefix === '-webkit-') {

package/lib/hacks/transform-decl.js

@@ -35,11 +35,11 @@ function (_Declaration) {
     }
 
     return false;
-  };
+  }
   /**
    * Is transform contain 3D commands
    */
-
+  ;
 
   _proto.contain3d = function contain3d(decl) {
     if (decl.prop === 'transform-origin') {
@@ -66,11 +66,11 @@ function (_Declaration) {
     }
 
     return false;
-  };
+  }
   /**
    * Replace rotateZ to rotate for IE 9
    */
-
+  ;
 
   _proto.set = function set(decl, prefix) {
     decl = _Declaration.prototype.set.call(this, decl, prefix);
@@ -80,11 +80,11 @@ function (_Declaration) {
     }
 
     return decl;
-  };
+  }
   /**
    * Don't add prefix for IE in keyframes
    */
-
+  ;
 
   _proto.insert = function insert(decl, prefix, prefixes) {
     if (prefix === '-ms-') {

package/lib/old-selector.js

@@ -67,11 +67,11 @@ function () {
     }
 
     return true;
-  };
+  }
   /**
      * Does rule contain an unnecessary prefixed selector
      */
-
+  ;
 
   _proto.check = function check(rule) {
     if (rule.selector.indexOf(this.prefixed) === -1) {

package/lib/prefixer.js

@@ -58,11 +58,11 @@ function () {
       _this.hacks[name] = klass;
       return _this.hacks[name];
     });
-  };
+  }
   /**
      * Load hacks for some names
      */
-
+  ;
 
   Prefixer.load = function load(name, prefixes, all) {
     var Klass = this.hacks && this.hacks[name];
@@ -72,11 +72,11 @@ function () {
     } else {
       return new this(name, prefixes, all);
     }
-  };
+  }
   /**
      * Clone node and clean autprefixer custom caches
      */
-
+  ;
 
   Prefixer.clone = function clone(node, overrides) {
     var cloned = _clone(node);
@@ -123,11 +123,11 @@ function () {
 
     node._autoprefixerPrefix = prefix;
     return node._autoprefixerPrefix;
-  };
+  }
   /**
      * Clone node with prefixes
      */
-
+  ;
 
   _proto.process = function process(node, result) {
     if (!this.check(node)) {
@@ -160,11 +160,11 @@ function () {
     }
 
     return added;
-  };
+  }
   /**
      * Shortcut for Prefixer.clone
      */
-
+  ;
 
   _proto.clone = function clone(node, overrides) {
     return Prefixer.clone(node, overrides);

package/lib/prefixes.js

@@ -113,11 +113,11 @@ function () {
     }
 
     return this.cleanerCache;
-  };
+  }
   /**
      * Select prefixes from data, which is necessary for selected browsers
      */
-
+  ;
 
   _proto.select = function select(list) {
     var _this = this;
@@ -190,11 +190,11 @@ function () {
     }
 
     return selected;
-  };
+  }
   /**
      * Sort vendor prefixes
      */
-
+  ;
 
   _proto.sort = function sort(prefixes) {
     return prefixes.sort(function (a, b) {
@@ -207,11 +207,11 @@ function () {
         return bLength - aLength;
       }
     });
-  };
+  }
   /**
      * Cache prefixes data to fast CSS processing
      */
-
+  ;
 
   _proto.preprocess = function preprocess(selected) {
     var add = {
@@ -415,11 +415,11 @@ function () {
     }
 
     return [add, remove];
-  };
+  }
   /**
      * Declaration loader with caching
      */
-
+  ;
 
   _proto.decl = function decl(prop) {
     var decl = declsCache[prop];
@@ -430,11 +430,11 @@ function () {
       declsCache[prop] = Declaration.load(prop);
       return declsCache[prop];
     }
-  };
+  }
   /**
      * Return unprefixed version of property
      */
-
+  ;
 
   _proto.unprefixed = function unprefixed(prop) {
     var value = this.normalize(vendor.unprefixed(prop));
@@ -444,28 +444,28 @@ function () {
     }
 
     return value;
-  };
+  }
   /**
      * Normalize prefix for remover
      */
-
+  ;
 
   _proto.normalize = function normalize(prop) {
     return this.decl(prop).normalize(prop);
-  };
+  }
   /**
      * Return prefixed version of property
      */
-
+  ;
 
   _proto.prefixed = function prefixed(prop, prefix) {
     prop = vendor.unprefixed(prop);
     return this.decl(prop).prefixed(prop, prefix);
-  };
+  }
   /**
      * Return values, which must be prefixed in selected property
      */
-
+  ;
 
   _proto.values = function values(type, prop) {
     var data = this[type];
@@ -477,11 +477,11 @@ function () {
     } else {
       return global || values || [];
     }
-  };
+  }
   /**
      * Group declaration by unprefixed property to check them
      */
-
+  ;
 
   _proto.group = function group(decl) {
     var _this2 = this;

package/lib/processor.js

@@ -8,8 +8,25 @@ var OLD_LINEAR = /(^|[^-])linear-gradient\(\s*(top|left|right|bottom)/i;
 var OLD_RADIAL = /(^|[^-])radial-gradient\(\s*\d+(\w*|%)\s+\d+(\w*|%)\s*,/i;
 var RADIAL_BLOCK = /\(((?:[^)(]+|\((?:[^)(]+|\([^)(]*\))*\))*)\)/i;
 var IGNORE_NEXT = /(!\s*)?autoprefixer:\s*ignore\s+next/i;
+var GRID_REGEX = /(!\s*)?autoprefixer\s*grid:\s*(on|off|(no-)?autoplace)/i;
 var SIZES = ['width', 'height', 'min-width', 'max-width', 'min-height', 'max-height', 'inline-size', 'min-inline-size', 'max-inline-size', 'block-size', 'min-block-size', 'max-block-size'];
 
+function hasGridTemplate(decl) {
+  return decl.parent.some(function (i) {
+    return i.prop === 'grid-template' || i.prop === 'grid-template-areas';
+  });
+}
+
+function hasRowsAndColumns(decl) {
+  var hasRows = decl.parent.some(function (i) {
+    return i.prop === 'grid-template-rows';
+  });
+  var hasColumns = decl.parent.some(function (i) {
+    return i.prop === 'grid-template-columns';
+  });
+  return hasRows && hasColumns;
+}
+
 var Processor =
 /*#__PURE__*/
 function () {
@@ -69,9 +86,16 @@ function () {
       });
     }
 
+    function insideFlex(decl) {
+      return decl.parent.some(function (subDecl) {
+        return subDecl.prop === 'display' && /(inline-)?flex/.test(subDecl.value);
+      });
+    }
+
     var gridPrefixes = this.gridStatus(css, result) && this.prefixes.add['grid-area'] && this.prefixes.add['grid-area'].prefixes;
     css.walkDecls(function (decl) {
       if (_this.disabledDecl(decl, result)) return undefined;
+      var parent = decl.parent;
       var prop = decl.prop;
       var value = decl.value;
 
@@ -96,6 +120,12 @@ function () {
             node: decl
           });
         }
+      } else if (/^(align|justify|place)-(items|content)$/.test(prop) && insideFlex(decl)) {
+        if (value === 'start' || value === 'end') {
+          result.warn(value + " value has mixed support, consider using " + ("flex-" + value + " instead"), {
+            node: decl
+          });
+        }
       } else {
         if (gridPrefixes) {
           if (/^(align|justify|place)-items$/.test(prop) && insideGrid(decl)) {
@@ -112,6 +142,18 @@ function () {
               node: decl
             });
             return undefined;
+          } else if (decl.prop === 'grid-gap') {
+            var status = _this.gridStatus(decl, result);
+
+            if (status === 'autoplace' && !hasRowsAndColumns(decl) && !hasGridTemplate(decl)) {
+              result.warn('grid-gap only works if grid-template(-areas) is being ' + 'used or both rows and columns have been declared ' + 'and cells have not been manually ' + 'placed inside the explicit grid', {
+                node: decl
+              });
+            } else if ((status === true || status === 'no-autoplace') && !hasGridTemplate(decl)) {
+              result.warn("grid-gap only works if grid-template(-areas) is being used", {
+                node: decl
+              });
+            }
           } else if (prop === 'grid-auto-columns') {
             result.warn('grid-auto-columns is not supported by IE', {
               node: decl
@@ -123,9 +165,27 @@ function () {
             });
             return undefined;
           } else if (prop === 'grid-auto-flow') {
-            result.warn('grid-auto-flow is not supported by IE', {
-              node: decl
+            var hasRows = parent.some(function (i) {
+              return i.prop === 'grid-template-rows';
             });
+            var hasCols = parent.some(function (i) {
+              return i.prop === 'grid-template-columns';
+            });
+
+            if (hasGridTemplate(decl)) {
+              result.warn('grid-auto-flow is not supported by IE', {
+                node: decl
+              });
+            } else if (value.includes('dense')) {
+              result.warn('grid-auto-flow: dense is not supported by IE', {
+                node: decl
+              });
+            } else if (!hasRows && !hasCols) {
+              result.warn('grid-auto-flow works only if grid-template-rows and ' + 'grid-template-columns are present in the same rule', {
+                node: decl
+              });
+            }
+
             return undefined;
           } else if (value.indexOf('auto-fit') !== -1) {
             result.warn('auto-fit value is not supported by IE', {
@@ -241,7 +301,7 @@ function () {
     }); // Insert grid-area prefixes. We need to be able to store the different
     // rules as a data and hack API is not enough for this
 
-    if (this.gridStatus(css, result) === true) {
+    if (this.gridStatus(css, result)) {
       insertAreas(css, this.disabled);
     } // Values
 
@@ -269,11 +329,11 @@ function () {
 
       Value.save(_this.prefixes, decl);
     });
-  };
+  }
   /**
    * Remove unnecessary pefixes
    */
-
+  ;
 
   _proto.remove = function remove(css, result) {
     var _this2 = this;
@@ -380,19 +440,19 @@ function () {
         }
       }
     });
-  };
+  }
   /**
    * Some rare old values, which is not in standard
    */
-
+  ;
 
   _proto.withHackValue = function withHackValue(decl) {
     return decl.prop === '-webkit-background-clip' && decl.value === 'text';
-  };
+  }
   /**
    * Check for grid/flexbox options.
    */
-
+  ;
 
   _proto.disabledValue = function disabledValue(node, result) {
     if (this.gridStatus(node, result) === false && node.type === 'decl') {
@@ -408,11 +468,11 @@ function () {
     }
 
     return this.disabled(node, result);
-  };
+  }
   /**
    * Check for grid/flexbox options.
    */
-
+  ;
 
   _proto.disabledDecl = function disabledDecl(node, result) {
     if (this.gridStatus(node, result) === false && node.type === 'decl') {
@@ -430,11 +490,11 @@ function () {
     }
 
     return this.disabled(node, result);
-  };
+  }
   /**
    * Check for control comment and global options
    */
-
+  ;
 
   _proto.disabled = function disabled(node, result) {
     if (!node) return false;
@@ -492,11 +552,11 @@ function () {
 
     node._autoprefixerDisabled = value;
     return value;
-  };
+  }
   /**
    * Normalize spaces in cascade declaration group
    */
-
+  ;
 
   _proto.reduceSpaces = function reduceSpaces(decl) {
     var stop = false;
@@ -525,11 +585,11 @@ function () {
         other.raws.before = parts.join('\n');
       }
     });
-  };
+  }
   /**
    * Is it flebox or grid rule
    */
-
+  ;
 
   _proto.displayType = function displayType(decl) {
     for (var _iterator4 = decl.parent.nodes, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
@@ -560,11 +620,11 @@ function () {
     }
 
     return false;
-  };
+  }
   /**
    * Set grid option via control comment
    */
-
+  ;
 
   _proto.gridStatus = function gridStatus(node, result) {
     if (!node) return false;
@@ -580,11 +640,18 @@ function () {
       node.each(function (i) {
         if (i.type !== 'comment') return;
 
-        if (/(!\s*)?autoprefixer\s*grid:\s*(off|on)/i.test(i.text)) {
+        if (GRID_REGEX.test(i.text)) {
+          var hasAutoplace = /:\s*autoplace/i.test(i.text);
+          var noAutoplace = /no-autoplace/i.test(i.text);
+
           if (typeof status !== 'undefined') {
-            result.warn('Second Autoprefixer grid control comment ' + 'was ignored. Autoprefixer applies control ' + 'comment to whole block, not to next rules.', {
+            result.warn("Second Autoprefixer grid control comment was " + 'ignored. Autoprefixer applies control comments to the whole ' + 'block, not to the next rules.', {
               node: i
             });
+          } else if (hasAutoplace) {
+            status = 'autoplace';
+          } else if (noAutoplace) {
+            status = true;
           } else {
             status = /on/i.test(i.text);
           }

package/lib/resolution.js

@@ -33,11 +33,11 @@ function (_Prefixer) {
     } else {
       return prefix + name + '-device-pixel-ratio';
     }
-  };
+  }
   /**
      * Return prefixed query
      */
-
+  ;
 
   _proto.prefixQuery = function prefixQuery(prefix, name, colon, value, units) {
     if (units === 'dpi') {
@@ -49,11 +49,11 @@ function (_Prefixer) {
     }
 
     return this.prefixName(prefix, name) + colon + value;
-  };
+  }
   /**
      * Remove prefixed queries
      */
-
+  ;
 
   _proto.clean = function clean(rule) {
     var _this = this;
@@ -86,11 +86,11 @@ function (_Prefixer) {
         });
       });
     });
-  };
+  }
   /**
      * Add prefixed queries
      */
-
+  ;
 
   _proto.process = function process(rule) {
     var _this2 = this;