autoprefixer 9.1.5 → 9.3.1

package/lib/hacks/image-rendering.js

@@ -33,9 +33,9 @@ function (_Declaration) {
   _proto.prefixed = function prefixed(prop, prefix) {
     if (prefix === '-ms-') {
       return '-ms-interpolation-mode';
-    } else {
-      return _Declaration.prototype.prefixed.call(this, prop, prefix);
     }
+
+    return _Declaration.prototype.prefixed.call(this, prop, prefix);
   };
   /**
    * Change property and value for IE

package/lib/hacks/intrinsic.js

@@ -37,11 +37,13 @@ function (_Value) {
   _proto.replace = function replace(string, prefix) {
     if (prefix === '-moz-' && this.isStretch()) {
       return string.replace(this.regexp(), '$1-moz-available$3');
-    } else if (prefix === '-webkit-' && this.isStretch()) {
+    }
+
+    if (prefix === '-webkit-' && this.isStretch()) {
       return string.replace(this.regexp(), '$1-webkit-fill-available$3');
-    } else {
-      return _Value.prototype.replace.call(this, string, prefix);
     }
+
+    return _Value.prototype.replace.call(this, string, prefix);
   };
 
   _proto.old = function old(prefix) {

package/lib/hacks/justify-content.js

@@ -31,11 +31,13 @@ function (_Declaration) {
 
     if (spec === 2009) {
       return prefix + 'box-pack';
-    } else if (spec === 2012) {
+    }
+
+    if (spec === 2012) {
       return prefix + 'flex-pack';
-    } else {
-      return _Declaration.prototype.prefixed.call(this, prop, prefix);
     }
+
+    return _Declaration.prototype.prefixed.call(this, prop, prefix);
   };
   /**
    * Return property name by final spec

package/lib/hacks/order.js

@@ -34,11 +34,13 @@ function (_Declaration) {
 
     if (spec === 2009) {
       return prefix + 'box-ordinal-group';
-    } else if (spec === 2012) {
+    }
+
+    if (spec === 2012) {
       return prefix + 'flex-order';
-    } else {
-      return _Declaration.prototype.prefixed.call(this, prop, prefix);
     }
+
+    return _Declaration.prototype.prefixed.call(this, prop, prefix);
   };
   /**
    * Return property name by final spec
@@ -59,9 +61,9 @@ function (_Declaration) {
     if (spec === 2009 && /\d/.test(decl.value)) {
       decl.value = (parseInt(decl.value) + 1).toString();
       return _Declaration.prototype.set.call(this, decl, prefix);
-    } else {
-      return _Declaration.prototype.set.call(this, decl, prefix);
     }
+
+    return _Declaration.prototype.set.call(this, decl, prefix);
   };
 
   return Order;

package/lib/hacks/pixelated.js

@@ -27,11 +27,13 @@ function (_Value) {
   _proto.replace = function replace(string, prefix) {
     if (prefix === '-webkit-') {
       return string.replace(this.regexp(), '$1-webkit-optimize-contrast');
-    } else if (prefix === '-moz-') {
+    }
+
+    if (prefix === '-moz-') {
       return string.replace(this.regexp(), '$1-moz-crisp-edges');
-    } else {
-      return _Value.prototype.replace.call(this, string, prefix);
     }
+
+    return _Value.prototype.replace.call(this, string, prefix);
   };
   /**
    * Different name for WebKit and Firefox
@@ -41,11 +43,13 @@ function (_Value) {
   _proto.old = function old(prefix) {
     if (prefix === '-webkit-') {
       return new OldValue(this.name, '-webkit-optimize-contrast');
-    } else if (prefix === '-moz-') {
+    }
+
+    if (prefix === '-moz-') {
       return new OldValue(this.name, '-moz-crisp-edges');
-    } else {
-      return _Value.prototype.old.call(this, prefix);
     }
+
+    return _Value.prototype.old.call(this, prefix);
   };
 
   return Pixelated;

package/lib/hacks/place-self.js

@@ -0,0 +1,57 @@
+"use strict";
+
+function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _defaults(subClass, superClass); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Declaration = require('../declaration');
+
+var utils = require('./grid-utils');
+
+var PlaceSelf =
+/*#__PURE__*/
+function (_Declaration) {
+  _inheritsLoose(PlaceSelf, _Declaration);
+
+  function PlaceSelf() {
+    return _Declaration.apply(this, arguments) || this;
+  }
+
+  var _proto = PlaceSelf.prototype;
+
+  /**
+   * Translate place-self to separate -ms- prefixed properties
+   */
+  _proto.insert = function insert(decl, prefix, prefixes) {
+    if (prefix !== '-ms-') return _Declaration.prototype.insert.call(this, decl, prefix, prefixes); // prevent doubling of prefixes
+
+    if (decl.parent.some(function (i) {
+      return i.prop === '-ms-grid-row-align';
+    })) {
+      return undefined;
+    }
+
+    var _utils$parse = utils.parse(decl),
+        _utils$parse$ = _utils$parse[0],
+        first = _utils$parse$[0],
+        second = _utils$parse$[1];
+
+    if (second) {
+      utils.insertDecl(decl, 'grid-row-align', first);
+      utils.insertDecl(decl, 'grid-column-align', second);
+    } else {
+      utils.insertDecl(decl, 'grid-row-align', first);
+      utils.insertDecl(decl, 'grid-column-align', first);
+    }
+
+    return undefined;
+  };
+
+  return PlaceSelf;
+}(Declaration);
+
+_defineProperty(PlaceSelf, "names", ['place-self']);
+
+module.exports = PlaceSelf;

package/lib/hacks/placeholder.js

@@ -33,15 +33,21 @@ function (_Selector) {
   _proto.prefixed = function prefixed(prefix) {
     if (prefix === '-webkit-') {
       return '::-webkit-input-placeholder';
-    } else if (prefix === '-ms-') {
+    }
+
+    if (prefix === '-ms-') {
       return '::-ms-input-placeholder';
-    } else if (prefix === '-ms- old') {
+    }
+
+    if (prefix === '-ms- old') {
       return ':-ms-input-placeholder';
-    } else if (prefix === '-moz- old') {
+    }
+
+    if (prefix === '-moz- old') {
       return ':-moz-placeholder';
-    } else {
-      return "::" + prefix + "placeholder";
     }
+
+    return "::" + prefix + "placeholder";
   };
 
   return Placeholder;

package/lib/hacks/writing-mode.js

@@ -23,9 +23,9 @@ function (_Declaration) {
     if (prefix === '-ms-') {
       decl.value = WritingMode.msValues[decl.value] || decl.value;
       return _Declaration.prototype.set.call(this, decl, prefix);
-    } else {
-      return _Declaration.prototype.set.call(this, decl, prefix);
     }
+
+    return _Declaration.prototype.set.call(this, decl, prefix);
   };
 
   return WritingMode;

package/lib/prefixer.js

@@ -6,7 +6,7 @@ var utils = require('./utils');
 
 var vendor = require('postcss').vendor;
 /**
- * Recursivly clone objects
+ * Recursively clone objects
  */
 
 

package/lib/prefixes.js

@@ -63,6 +63,7 @@ Declaration.hack(require('./hacks/overscroll-behavior'));
 Declaration.hack(require('./hacks/grid-template-areas'));
 Declaration.hack(require('./hacks/text-emphasis-position'));
 Declaration.hack(require('./hacks/color-adjust'));
+Declaration.hack(require('./hacks/place-self'));
 Value.hack(require('./hacks/gradient'));
 Value.hack(require('./hacks/intrinsic'));
 Value.hack(require('./hacks/pixelated'));

package/lib/processor.js

@@ -2,6 +2,8 @@
 
 var Value = require('./value');
 
+var insertAreas = require('./hacks/grid-utils').insertAreas;
+
 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;
@@ -15,8 +17,8 @@ function () {
     this.prefixes = prefixes;
   }
   /**
-     * Add necessary prefixes
-     */
+   * Add necessary prefixes
+   */
 
 
   var _proto = Processor.prototype;
@@ -57,18 +59,29 @@ function () {
         return selector.process(rule, result);
       });
     });
+
+    function insideGrid(decl) {
+      return decl.parent.some(function (subDecl) {
+        var displayGrid = subDecl.prop === 'display' && /(inline-)?grid/.test(subDecl.value);
+        var gridTemplate = /^grid-template/.test(subDecl.prop);
+        var gridGap = /^grid-([A-z]+-)?gap/.test(subDecl.prop);
+        return displayGrid || gridTemplate || gridGap;
+      });
+    }
+
+    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 prop = decl.prop;
       var value = decl.value;
 
       if (prop === 'grid-row-span') {
-        result.warn('grid-row-span is not part of final Grid Layout. ' + 'Use grid-row.', {
+        result.warn('grid-row-span is not part of final Grid Layout. Use grid-row.', {
           node: decl
         });
         return undefined;
       } else if (prop === 'grid-column-span') {
-        result.warn('grid-column-span is not part of final Grid Layout. ' + 'Use grid-column.', {
+        result.warn('grid-column-span is not part of final Grid Layout. Use grid-column.', {
           node: decl
         });
         return undefined;
@@ -84,10 +97,22 @@ function () {
           });
         }
       } else {
-        var grid = _this.prefixes.add['grid-area'];
-
-        if (_this.prefixes.options.grid && grid && grid.prefixes) {
-          if (prop === 'grid-auto-columns') {
+        if (gridPrefixes) {
+          if (/^(align|justify|place)-items$/.test(prop) && insideGrid(decl)) {
+            var fixed = prop.replace('-items', '-self');
+            result.warn("IE does not support " + prop + " on grid containers. " + ("Try using " + fixed + " on child elements instead: ") + (decl.parent.selector + " > * { " + fixed + ": " + decl.value + " }"), {
+              node: decl
+            });
+          } else if (/^(align|justify|place)-content$/.test(prop) && insideGrid(decl)) {
+            result.warn("IE does not support " + decl.prop + " on grid containers", {
+              node: decl
+            });
+          } else if (prop === 'display' && decl.value === 'contents') {
+            result.warn('Please do not use display: contents; ' + 'if you have grid setting enabled', {
+              node: decl
+            });
+            return undefined;
+          } else if (prop === 'grid-auto-columns') {
             result.warn('grid-auto-columns is not supported by IE', {
               node: decl
             });
@@ -155,7 +180,7 @@ function () {
               node: decl
             });
           } else if (decl.value.indexOf('fill') !== -1) {
-            result.warn('Replace fill to stretch, ' + 'because spec had been changed', {
+            result.warn('Replace fill to stretch, because spec had been changed', {
               node: decl
             });
           }
@@ -179,7 +204,7 @@ function () {
           }
         }
 
-        if (display !== 'flex' && _this.prefixes.options.grid !== false) {
+        if (display !== 'flex' && _this.gridStatus(decl, result) !== false) {
           prefixer = _this.prefixes.add['grid-row-align'];
 
           if (prefixer && prefixer.prefixes) {
@@ -190,13 +215,19 @@ function () {
         // justify-self flexbox or grid
         var _display = _this.displayType(decl);
 
-        if (_display !== 'flex' && _this.prefixes.options.grid !== false) {
+        if (_display !== 'flex' && _this.gridStatus(decl, result) !== false) {
           prefixer = _this.prefixes.add['grid-column-align'];
 
           if (prefixer && prefixer.prefixes) {
             return prefixer.process(decl, result);
           }
         }
+      } else if (decl.prop === 'place-self') {
+        prefixer = _this.prefixes.add['place-self'];
+
+        if (prefixer && prefixer.prefixes && _this.gridStatus(decl, result) !== false) {
+          return prefixer.process(decl, result);
+        }
       } else {
         // Properties
         prefixer = _this.prefixes.add[decl.prop];
@@ -207,7 +238,13 @@ function () {
       }
 
       return undefined;
-    }); // Values
+    }); // 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) {
+      insertAreas(css, this.disabled);
+    } // Values
+
 
     return css.walkDecls(function (decl) {
       if (_this.disabledValue(decl, result)) return;
@@ -234,8 +271,8 @@ function () {
     });
   };
   /**
-     * Remove unnecessary pefixes
-     */
+   * Remove unnecessary pefixes
+   */
 
 
   _proto.remove = function remove(css, result) {
@@ -345,20 +382,20 @@ function () {
     });
   };
   /**
-     * Some rare old values, which is not in standard
-     */
+   * 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.
-     */
+   * Check for grid/flexbox options.
+   */
 
 
   _proto.disabledValue = function disabledValue(node, result) {
-    if (this.prefixes.options.grid === false && node.type === 'decl') {
+    if (this.gridStatus(node, result) === false && node.type === 'decl') {
       if (node.prop === 'display' && node.value.indexOf('grid') !== -1) {
         return true;
       }
@@ -373,12 +410,12 @@ function () {
     return this.disabled(node, result);
   };
   /**
-     * Check for grid/flexbox options.
-     */
+   * Check for grid/flexbox options.
+   */
 
 
   _proto.disabledDecl = function disabledDecl(node, result) {
-    if (this.prefixes.options.grid === false && node.type === 'decl') {
+    if (this.gridStatus(node, result) === false && node.type === 'decl') {
       if (node.prop.indexOf('grid') !== -1 || node.prop === 'justify-items') {
         return true;
       }
@@ -395,8 +432,8 @@ function () {
     return this.disabled(node, result);
   };
   /**
-     * Check for control comment and global options
-     */
+   * Check for control comment and global options
+   */
 
 
   _proto.disabled = function disabled(node, result) {
@@ -457,8 +494,8 @@ function () {
     return value;
   };
   /**
-     * Normalize spaces in cascade declaration group
-     */
+   * Normalize spaces in cascade declaration group
+   */
 
 
   _proto.reduceSpaces = function reduceSpaces(decl) {
@@ -490,8 +527,8 @@ function () {
     });
   };
   /**
-     * Is it flebox or grid rule
-     */
+   * Is it flebox or grid rule
+   */
 
 
   _proto.displayType = function displayType(decl) {
@@ -524,6 +561,66 @@ function () {
 
     return false;
   };
+  /**
+   * Set grid option via control comment
+   */
+
+
+  _proto.gridStatus = function gridStatus(node, result) {
+    if (!node) return false;
+
+    if (node._autoprefixerGridStatus !== undefined) {
+      return node._autoprefixerGridStatus;
+    }
+
+    var value = null;
+
+    if (node.nodes) {
+      var status;
+      node.each(function (i) {
+        if (i.type !== 'comment') return;
+
+        if (/(!\s*)?autoprefixer\s*grid:\s*(off|on)/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.', {
+              node: i
+            });
+          } else {
+            status = /on/i.test(i.text);
+          }
+        }
+      });
+
+      if (status !== undefined) {
+        value = status;
+      }
+    }
+
+    if (node.type === 'atrule' && node.name === 'supports') {
+      var params = node.params;
+
+      if (params.indexOf('grid') !== -1 && params.indexOf('auto') !== -1) {
+        value = false;
+      }
+    }
+
+    if (!node.nodes || value === null) {
+      if (node.parent) {
+        var isParentGrid = this.gridStatus(node.parent, result);
+
+        if (node.parent._autoprefixerSelfDisabled === true) {
+          value = false;
+        } else {
+          value = isParentGrid;
+        }
+      } else {
+        value = this.prefixes.options.grid;
+      }
+    }
+
+    node._autoprefixerGridStatus = value;
+    return value;
+  };
 
   return Processor;
 }();

package/lib/transition.js

@@ -17,7 +17,7 @@ function () {
     this.prefixes = prefixes;
   }
   /**
-   * Process transition and add prefies for all necessary properties
+   * Process transition and add prefixes for all necessary properties
    */
 
 
@@ -137,7 +137,7 @@ function () {
     return prop;
   };
   /**
-   * Does we aready have this declaration
+   * Does we already have this declaration
    */
 
 
@@ -346,7 +346,7 @@ function () {
     return result;
   };
   /**
-   * Find or create seperator
+   * Find or create separator
    */
 
 

package/lib/utils.js

@@ -88,5 +88,21 @@ module.exports = {
     var join = value.match(/,\s*/);
     join = join ? join[0] : ', ';
     return changed.join(join);
+  },
+
+  /**
+     * Split the selector into parts.
+     * It returns 3 level deep array because selectors can be comma
+     * separated (1), space separated (2), and combined (3)
+     * @param {String} selector selector string
+     * @return {Array<Array<Array>>} 3 level deep array of split selector
+     * @see utils.test.js for examples
+     */
+  splitSelector: function splitSelector(selector) {
+    return list.comma(selector).map(function (i) {
+      return list.space(i).map(function (k) {
+        return k.split(/(?=\.|#)/g);
+      });
+    });
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "9.1.5",
+  "version": "9.3.1",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "keywords": ["autoprefixer", "css", "prefix", "postcss", "postcss-plugin"],
   "author": "Andrey Sitnik <andrey@sitnik.ru>",
@@ -10,12 +10,12 @@
     "node": ">=6.0.0"
   },
   "dependencies": {
-    "browserslist": "^4.1.0",
-    "caniuse-lite": "^1.0.30000884",
+    "browserslist": "^4.3.3",
+    "caniuse-lite": "^1.0.30000898",
     "normalize-range": "^0.1.2",
     "num2fraction": "^1.2.2",
-    "postcss": "^7.0.2",
-    "postcss-value-parser": "^3.2.3"
+    "postcss": "^7.0.5",
+    "postcss-value-parser": "^3.3.1"
   },
   "bin": {
     "autoprefixer": "./bin/autoprefixer"