autoprefixer 9.4.9 → 9.6.0

package/data/prefixes.js

@@ -1,5 +1,6 @@
 "use strict";
 
+/* eslint-disable import-helpers/order-imports */
 var unpack = require('caniuse-lite').feature;
 
 function browsersSort(a, b) {
@@ -196,7 +197,11 @@ f(require('caniuse-lite/data/features/css-filter-function'), function (browsers)
   });
 }); // Backdrop-filter
 
-f(require('caniuse-lite/data/features/css-backdrop-filter'), function (browsers) {
+var backdrop = require('caniuse-lite/data/features/css-backdrop-filter');
+
+f(backdrop, {
+  match: /y\sx|y\s#2/
+}, function (browsers) {
   return prefix(['backdrop-filter'], {
     feature: 'css-backdrop-filter',
     browsers: browsers
@@ -498,7 +503,7 @@ f(require('caniuse-lite/data/features/css-deviceadaptation'), function (browsers
 var resolut = require('caniuse-lite/data/features/css-media-resolution');
 
 f(resolut, {
-  match: /( x($| )|a #3)/
+  match: /( x($| )|a #2)/
 }, function (browsers) {
   return prefix(['@resolution'], {
     feature: 'css-media-resolution',
@@ -698,4 +703,11 @@ f(require('caniuse-lite/data/features/css-color-adjust'), function (browsers) {
     feature: 'css-color-adjust',
     browsers: browsers
   });
+}); // text-orientation
+
+f(require('caniuse-lite/data/features/css-text-orientation'), function (browsers) {
+  return prefix(['text-orientation'], {
+    feature: 'css-text-orientation',
+    browsers: browsers
+  });
 });

package/lib/autoprefixer.js

@@ -6,6 +6,8 @@ var postcss = require('postcss');
 
 var agents = require('caniuse-lite').agents;
 
+var chalk = require('chalk');
+
 var Browsers = require('./browsers');
 
 var Prefixes = require('./prefixes');
@@ -14,6 +16,8 @@ var data = require('../data/prefixes');
 
 var info = require('./info');
 
+var WARNING = '\n' + '  Replace Autoprefixer `browsers` option to Browserslist config.\n' + '  Use `browserslist` key in `package.json` or `.browserslistrc` file.\n' + '\n' + '  Using `browsers` option cause some error. Browserslist config \n' + '  can be used for Babel, Autoprefixer, postcss-normalize and other tools.\n' + '\n' + '  If you really need to use option, rename it to `overrideBrowserslist`.\n' + '\n' + '  Learn more at:\n' + '  https://github.com/browserslist/browserslist#readme\n' + '  https://twitter.com/browserslist\n' + '\n';
+
 function isPlainObject(obj) {
   return Object.prototype.toString.apply(obj) === '[object Object]';
 }
@@ -62,12 +66,24 @@ module.exports = postcss.plugin('autoprefixer', function () {
   }
 
   if (options.browser) {
-    throw new Error('Change `browser` option to `browsers` in Autoprefixer');
+    throw new Error('Change `browser` option to `overrideBrowserslist` in Autoprefixer');
   } else if (options.browserslist) {
-    throw new Error('Change `browserslist` option to `browsers` in Autoprefixer');
+    throw new Error('Change `browserslist` option to `overrideBrowserslist` in Autoprefixer');
   }
 
-  if (options.browsers) {
+  if (options.overrideBrowserslist) {
+    reqs = options.overrideBrowserslist;
+  } else if (options.browsers) {
+    if (typeof console !== 'undefined' && console.warn) {
+      if (chalk && chalk.red) {
+        console.warn(chalk.red(WARNING.replace(/`[^`]+`/g, function (i) {
+          return chalk.yellow(i.slice(1, -1));
+        })));
+      } else {
+        console.warn(WARNING);
+      }
+    }
+
     reqs = options.browsers;
   }
 

package/lib/hacks/backdrop-filter.js

@@ -0,0 +1,37 @@
+"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('../utils');
+
+var BackdropFilter =
+/*#__PURE__*/
+function (_Declaration) {
+  _inheritsLoose(BackdropFilter, _Declaration);
+
+  function BackdropFilter(name, prefixes, all) {
+    var _this;
+
+    _this = _Declaration.call(this, name, prefixes, all) || this;
+
+    if (_this.prefixes) {
+      _this.prefixes = utils.uniq(_this.prefixes.map(function (i) {
+        return i === '-ms-' ? '-webkit-' : i;
+      }));
+    }
+
+    return _this;
+  }
+
+  return BackdropFilter;
+}(Declaration);
+
+_defineProperty(BackdropFilter, "names", ['backdrop-filter']);
+
+module.exports = BackdropFilter;

package/lib/hacks/background-clip.js

@@ -22,11 +22,7 @@ function (_Declaration) {
 
     if (_this.prefixes) {
       _this.prefixes = utils.uniq(_this.prefixes.map(function (i) {
-        if (i === '-ms-') {
-          return '-webkit-';
-        }
-
-        return i;
+        return i === '-ms-' ? '-webkit-' : i;
       }));
     }
 

package/lib/hacks/border-radius.js

@@ -47,13 +47,10 @@ _defineProperty(BorderRadius, "toMozilla", {});
 
 _defineProperty(BorderRadius, "toNormal", {});
 
-var _arr = ['top', 'bottom'];
-
-for (var _i = 0; _i < _arr.length; _i++) {
+for (var _i = 0, _arr = ['top', 'bottom']; _i < _arr.length; _i++) {
   var ver = _arr[_i];
-  var _arr2 = ['left', 'right'];
 
-  for (var _i2 = 0; _i2 < _arr2.length; _i2++) {
+  for (var _i2 = 0, _arr2 = ['left', 'right']; _i2 < _arr2.length; _i2++) {
     var hor = _arr2[_i2];
     var normal = "border-" + ver + "-" + hor + "-radius";
     var mozilla = "border-radius-" + ver + hor;

package/lib/hacks/cross-fade.js

@@ -6,10 +6,10 @@ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.crea
 
 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 Value = require('../value');
-
 var list = require('postcss').list;
 
+var Value = require('../value');
+
 var CrossFade =
 /*#__PURE__*/
 function (_Value) {

package/lib/hacks/flex.js

@@ -6,12 +6,12 @@ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.crea
 
 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 list = require('postcss').list;
+
 var flexSpec = require('./flex-spec');
 
 var Declaration = require('../declaration');
 
-var list = require('postcss').list;
-
 var Flex =
 /*#__PURE__*/
 function (_Declaration) {

package/lib/hacks/gradient.js

@@ -8,16 +8,16 @@ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.crea
 
 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 parser = require('postcss-value-parser');
+
+var range = require('normalize-range');
+
 var OldValue = require('../old-value');
 
 var Value = require('../value');
 
 var utils = require('../utils');
 
-var parser = require('postcss-value-parser');
-
-var range = require('normalize-range');
-
 var IS_DIRECTION = /top|left|right|bottom/gi;
 
 var Gradient =
@@ -398,8 +398,8 @@ function (_Value) {
     this.colorStops(params);
     node.nodes = [];
 
-    for (var _i5 = 0; _i5 < params.length; _i5++) {
-      var param = params[_i5];
+    for (var _i5 = 0, _params = params; _i5 < _params.length; _i5++) {
+      var param = _params[_i5];
       node.nodes = node.nodes.concat(param);
     }
 

package/lib/hacks/mask-composite.js

@@ -0,0 +1,106 @@
+"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 MaskComposite =
+/*#__PURE__*/
+function (_Declaration) {
+  _inheritsLoose(MaskComposite, _Declaration);
+
+  function MaskComposite() {
+    return _Declaration.apply(this, arguments) || this;
+  }
+
+  var _proto = MaskComposite.prototype;
+
+  /**
+   * Prefix mask-composite for webkit
+   */
+  _proto.insert = function insert(decl, prefix, prefixes) {
+    var isCompositeProp = decl.prop === 'mask-composite';
+    var compositeValues;
+
+    if (isCompositeProp) {
+      compositeValues = decl.value.split(',');
+    } else {
+      compositeValues = decl.value.match(MaskComposite.regexp) || [];
+    }
+
+    compositeValues = compositeValues.map(function (el) {
+      return el.trim();
+    }).filter(function (el) {
+      return el;
+    });
+    var hasCompositeValues = compositeValues.length;
+    var compositeDecl;
+
+    if (hasCompositeValues) {
+      compositeDecl = this.clone(decl);
+      compositeDecl.value = compositeValues.map(function (value) {
+        return MaskComposite.oldValues[value] || value;
+      }).join(', ');
+
+      if (compositeValues.includes('intersect')) {
+        compositeDecl.value += ', xor';
+      }
+
+      compositeDecl.prop = prefix + 'mask-composite';
+    }
+
+    if (isCompositeProp) {
+      if (!hasCompositeValues) {
+        return undefined;
+      }
+
+      if (this.needCascade(decl)) {
+        compositeDecl.raws.before = this.calcBefore(prefixes, decl, prefix);
+      }
+
+      return decl.parent.insertBefore(decl, compositeDecl);
+    }
+
+    var cloned = this.clone(decl);
+    cloned.prop = prefix + cloned.prop;
+
+    if (hasCompositeValues) {
+      cloned.value = cloned.value.replace(MaskComposite.regexp, '');
+    }
+
+    if (this.needCascade(decl)) {
+      cloned.raws.before = this.calcBefore(prefixes, decl, prefix);
+    }
+
+    decl.parent.insertBefore(decl, cloned);
+
+    if (!hasCompositeValues) {
+      return decl;
+    }
+
+    if (this.needCascade(decl)) {
+      compositeDecl.raws.before = this.calcBefore(prefixes, decl, prefix);
+    }
+
+    return decl.parent.insertBefore(decl, compositeDecl);
+  };
+
+  return MaskComposite;
+}(Declaration);
+
+_defineProperty(MaskComposite, "names", ['mask', 'mask-composite']);
+
+_defineProperty(MaskComposite, "oldValues", {
+  add: 'source-over',
+  substract: 'source-out',
+  intersect: 'source-in',
+  exclude: 'xor'
+});
+
+_defineProperty(MaskComposite, "regexp", new RegExp("\\s+(" + Object.keys(MaskComposite.oldValues).join('|') + ")\\b(?!\\))\\s*(?=[,])", 'ig'));
+
+module.exports = MaskComposite;

package/lib/prefixer.js

@@ -1,10 +1,10 @@
 "use strict";
 
+var vendor = require('postcss').vendor;
+
 var Browsers = require('./browsers');
 
 var utils = require('./utils');
-
-var vendor = require('postcss').vendor;
 /**
  * Recursively clone objects
  */
@@ -13,10 +13,8 @@ var vendor = require('postcss').vendor;
 function _clone(obj, parent) {
   var cloned = new obj.constructor();
 
-  var _arr = Object.keys(obj || {});
-
-  for (var _i = 0; _i < _arr.length; _i++) {
-    var i = _arr[_i];
+  for (var _i = 0, _Object$keys = Object.keys(obj || {}); _i < _Object$keys.length; _i++) {
+    var i = _Object$keys[_i];
     var value = obj[i];
 
     if (i === 'parent' && typeof value === 'object') {

package/lib/prefixes.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var vendor = require('postcss').vendor;
+
 var Declaration = require('./declaration');
 
 var Resolution = require('./resolution');
@@ -20,8 +22,6 @@ var Value = require('./value');
 
 var utils = require('./utils');
 
-var vendor = require('postcss').vendor;
-
 Selector.hack(require('./hacks/fullscreen'));
 Selector.hack(require('./hacks/placeholder'));
 Declaration.hack(require('./hacks/flex'));
@@ -39,6 +39,7 @@ Declaration.hack(require('./hacks/align-self'));
 Declaration.hack(require('./hacks/appearance'));
 Declaration.hack(require('./hacks/flex-basis'));
 Declaration.hack(require('./hacks/mask-border'));
+Declaration.hack(require('./hacks/mask-composite'));
 Declaration.hack(require('./hacks/align-items'));
 Declaration.hack(require('./hacks/flex-shrink'));
 Declaration.hack(require('./hacks/break-props'));
@@ -54,6 +55,7 @@ Declaration.hack(require('./hacks/grid-row-align'));
 Declaration.hack(require('./hacks/transform-decl'));
 Declaration.hack(require('./hacks/flex-direction'));
 Declaration.hack(require('./hacks/image-rendering'));
+Declaration.hack(require('./hacks/backdrop-filter'));
 Declaration.hack(require('./hacks/background-clip'));
 Declaration.hack(require('./hacks/text-decoration'));
 Declaration.hack(require('./hacks/justify-content'));

package/lib/processor.js

@@ -204,6 +204,11 @@ function () {
               word: 'auto-fill'
             });
             return undefined;
+          } else if (/^grid-template/.test(prop) && value.indexOf('[') !== -1) {
+            result.warn('Autoprefixer currently does not support line names. ' + 'Try using grid-template-areas instead.', {
+              node: decl,
+              word: '['
+            });
           }
         }
 

package/lib/resolution.js

@@ -4,14 +4,14 @@ function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaul
 
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _defaults(subClass, superClass); }
 
+var n2f = require('num2fraction');
+
 var Prefixer = require('./prefixer');
 
 var utils = require('./utils');
 
-var n2f = require('num2fraction');
-
-var REGEXP = /(min|max)-resolution\s*:\s*\d*\.?\d+(dppx|dpi)/gi;
-var SPLIT = /(min|max)-resolution(\s*:\s*)(\d*\.?\d+)(dppx|dpi)/i;
+var REGEXP = /(min|max)-resolution\s*:\s*\d*\.?\d+(dppx|dpi|x)/gi;
+var SPLIT = /(min|max)-resolution(\s*:\s*)(\d*\.?\d+)(dppx|dpi|x)/i;
 
 var Resolution =
 /*#__PURE__*/

package/lib/supports.js

@@ -1,5 +1,9 @@
 "use strict";
 
+var postcss = require('postcss');
+
+var data = require('caniuse-lite').feature(require('caniuse-lite/data/features/css-featurequeries.js'));
+
 var Browsers = require('./browsers');
 
 var brackets = require('./brackets');
@@ -8,12 +12,8 @@ var Value = require('./value');
 
 var utils = require('./utils');
 
-var postcss = require('postcss');
-
 var supported = [];
 
-var data = require('caniuse-lite').feature(require('caniuse-lite/data/features/css-featurequeries.js'));
-
 for (var browser in data.stats) {
   var versions = data.stats[browser];
 

package/lib/value.js

@@ -4,14 +4,14 @@ function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaul
 
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _defaults(subClass, superClass); }
 
+var vendor = require('postcss').vendor;
+
 var Prefixer = require('./prefixer');
 
 var OldValue = require('./old-value');
 
 var utils = require('./utils');
 
-var vendor = require('postcss').vendor;
-
 var Value =
 /*#__PURE__*/
 function (_Prefixer) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "9.4.9",
+  "version": "9.6.0",
   "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,15 +10,19 @@
     "node": ">=6.0.0"
   },
   "dependencies": {
-    "browserslist": "^4.4.2",
-    "caniuse-lite": "^1.0.30000939",
+    "browserslist": "^4.6.1",
+    "caniuse-lite": "^1.0.30000971",
+    "chalk": "^2.4.2",
     "normalize-range": "^0.1.2",
     "num2fraction": "^1.2.2",
-    "postcss": "^7.0.14",
+    "postcss": "^7.0.16",
     "postcss-value-parser": "^3.3.1"
   },
   "bin": {
     "autoprefixer": "./bin/autoprefixer"
   },
+  "browser": {
+    "chalk": false
+  },
   "main": "lib/autoprefixer"
 }