autoprefixer 9.0.2 → 9.1.0

package/CHANGELOG.md

@@ -1,6 +1,10 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 9.1 “Equality before the law”
+* Add `background-clip: text` support.
+* Fix adding Grid span for IE (by Bogdan).
+
 ## 9.0.2
 * Show warning on Grid area names conflict (by Bogdan).
 * Fix documentation (by Sven Wagner).

package/data/prefixes.js

@@ -294,12 +294,20 @@ f(require('caniuse-lite/data/features/calc'), function (browsers) {
 
 // Background options
 f(require('caniuse-lite/data/features/background-img-opts'), function (browsers) {
-  return prefix(['background-clip', 'background-origin', 'background-size'], {
+  return prefix(['background-origin', 'background-size'], {
     feature: 'background-img-opts',
     browsers: browsers
   });
 });
 
+// background-clip: text
+f(require('caniuse-lite/data/features/background-clip-text'), function (browsers) {
+  return prefix(['background-clip'], {
+    feature: 'background-clip-text',
+    browsers: browsers
+  });
+});
+
 // Font feature settings
 f(require('caniuse-lite/data/features/font-feature'), function (browsers) {
   return prefix(['font-feature-settings', 'font-variant-ligatures', 'font-language-override'], {

package/lib/hacks/align-content.js

@@ -78,8 +78,7 @@ Object.defineProperty(AlignContent, 'oldValues', {
     'flex-end': 'end',
     'flex-start': 'start',
     'space-between': 'justify',
-    'space-around': 'distribute'
-  }
+    'space-around': 'distribute' }
 });
 
 

package/lib/hacks/align-items.js

@@ -75,8 +75,7 @@ Object.defineProperty(AlignItems, 'oldValues', {
   writable: true,
   value: {
     'flex-end': 'end',
-    'flex-start': 'start'
-  }
+    'flex-start': 'start' }
 });
 
 

package/lib/hacks/align-self.js

@@ -76,8 +76,7 @@ Object.defineProperty(AlignSelf, 'oldValues', {
   writable: true,
   value: {
     'flex-end': 'end',
-    'flex-start': 'start'
-  }
+    'flex-start': 'start' }
 });
 
 

package/lib/hacks/background-clip.js

@@ -0,0 +1,48 @@
+'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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
+
+var Declaration = require('../declaration');
+var utils = require('../utils');
+
+var BackgroundClip = function (_Declaration) {
+  _inherits(BackgroundClip, _Declaration);
+
+  function BackgroundClip(name, prefixes, all) {
+    _classCallCheck(this, BackgroundClip);
+
+    var _this = _possibleConstructorReturn(this, _Declaration.call(this, name, prefixes, all));
+
+    if (_this.prefixes) {
+      _this.prefixes = utils.uniq(_this.prefixes.map(function (i) {
+        if (i === '-ms-') {
+          return '-webkit-';
+        } else {
+          return i;
+        }
+      }));
+    }
+    return _this;
+  }
+
+  BackgroundClip.prototype.check = function check(decl) {
+    return decl.value.toLowerCase() === 'text';
+  };
+
+  return BackgroundClip;
+}(Declaration);
+
+Object.defineProperty(BackgroundClip, 'names', {
+  enumerable: true,
+  writable: true,
+  value: ['background-clip']
+});
+
+
+module.exports = BackgroundClip;

package/lib/hacks/filter.js

@@ -11,29 +11,29 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var Declaration = require('../declaration');
 
 var Filter = function (_Declaration) {
-    _inherits(Filter, _Declaration);
+  _inherits(Filter, _Declaration);
 
-    function Filter() {
-        _classCallCheck(this, Filter);
+  function Filter() {
+    _classCallCheck(this, Filter);
 
-        return _possibleConstructorReturn(this, _Declaration.apply(this, arguments));
-    }
+    return _possibleConstructorReturn(this, _Declaration.apply(this, arguments));
+  }
 
-    /**
-     * Check is it Internet Explorer filter
-     */
-    Filter.prototype.check = function check(decl) {
-        var v = decl.value;
-        return v.toLowerCase().indexOf('alpha(') === -1 && v.indexOf('DXImageTransform.Microsoft') === -1 && v.indexOf('data:image/svg+xml') === -1;
-    };
+  /**
+   * Check is it Internet Explorer filter
+   */
+  Filter.prototype.check = function check(decl) {
+    var v = decl.value;
+    return v.toLowerCase().indexOf('alpha(') === -1 && v.indexOf('DXImageTransform.Microsoft') === -1 && v.indexOf('data:image/svg+xml') === -1;
+  };
 
-    return Filter;
+  return Filter;
 }(Declaration);
 
 Object.defineProperty(Filter, 'names', {
-    enumerable: true,
-    writable: true,
-    value: ['filter']
+  enumerable: true,
+  writable: true,
+  value: ['filter']
 });
 
 

package/lib/hacks/flex.js

@@ -83,8 +83,7 @@ Object.defineProperty(Flex, 'oldValues', {
   writable: true,
   value: {
     auto: '1',
-    none: '0'
-  }
+    none: '0' }
 });
 
 

package/lib/hacks/gradient.js

@@ -37,6 +37,8 @@ var Gradient = function (_Value) {
         left: 'right',
         bottom: 'top',
         right: 'left'
+
+        // Direction to replace
       }
     }), Object.defineProperty(_this, 'oldDirections', {
       enumerable: true,
@@ -55,6 +57,10 @@ var Gradient = function (_Value) {
         'bottom left': 'right top, left bottom',
         'left top': 'right bottom, left top',
         'left bottom': 'right top, left bottom'
+
+        /**
+         * Change degrees for webkit prefix
+         */
       }
     }), _temp), _possibleConstructorReturn(_this, _ret);
   }
@@ -62,12 +68,6 @@ var Gradient = function (_Value) {
   // Direction to replace
 
 
-  // Direction to replace
-
-
-  /**
-   * Change degrees for webkit prefix
-   */
   Gradient.prototype.replace = function replace(string, prefix) {
     var ast = parser(string);
     for (var _iterator = ast.nodes, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {

package/lib/hacks/grid-utils.js

@@ -367,17 +367,27 @@ function parseTemplate(_ref8) {
 
 // Insert parsed grid areas
 
+/**
+ * Get an array of -ms- prefixed props and values
+ * @param  {Object} [area] area object with columm and row data
+ * @param  {Boolean} [addRowSpan] should we add grid-column-row value?
+ * @param  {Boolean} [addColumnSpan] should we add grid-column-span value?
+ * @return {Array<Object>}
+ */
 function getMSDecls(area) {
+  var addRowSpan = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var addColumnSpan = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
   return [].concat({
     prop: '-ms-grid-row',
     value: String(area.row.start)
-  }, area.row.span > 1 ? {
+  }, area.row.span > 1 || addRowSpan ? {
     prop: '-ms-grid-row-span',
     value: String(area.row.span)
   } : [], {
     prop: '-ms-grid-column',
     value: String(area.column.start)
-  }, area.column.span > 1 ? {
+  }, area.column.span > 1 || addColumnSpan ? {
     prop: '-ms-grid-column-span',
     value: String(area.column.span)
   } : []);
@@ -392,6 +402,44 @@ function getParentMedia(parent) {
   return getParentMedia(parent.parent);
 }
 
+/**
+ * Check grid-template(-areas) rules with the same selector for
+ * -ms-grid-(row|column)-span values. If initial and compared values are
+ * different - return an array of boolean values which need to be updated
+ * @param  {Declaration} decl
+ * @param  {Object} area area object with column and row data
+ * @param  {String} areaName area name (e.g. "head")
+ * @return {Array<Boolean, Boolean>}
+ */
+function shouldAddSpan(decl, area, areaName) {
+  var root = decl.root();
+  var rule = decl.parent;
+  var overrideValues = [false, false];
+
+  root.walkRules(rule.selector, function (node) {
+    // abort if we are on the same rule
+    if (rule.toString() === node.toString()) {
+      return false;
+    }
+
+    node.walkDecls('grid-template', function (d) {
+      var template = parseTemplate({ decl: d, gap: getGridGap(d) });
+      var comparedArea = template.areas[areaName];
+      if (area.row.span !== comparedArea.row.span) {
+        overrideValues[0] = true;
+      } else if (area.column.span !== comparedArea.column.span) {
+        overrideValues[1] = true;
+      }
+
+      return undefined;
+    });
+
+    return undefined;
+  });
+
+  return overrideValues;
+}
+
 function insertAreas(areas, decl, result) {
   var missed = Object.keys(areas);
 
@@ -416,7 +464,12 @@ function insertAreas(areas, decl, result) {
       rule.removeAll();
 
       // insert prefixed decls in new rule
-      getMSDecls(area).forEach(function (i) {
+
+      var _shouldAddSpan = shouldAddSpan(decl, area, value),
+          addRowSpan = _shouldAddSpan[0],
+          addColumnSpan = _shouldAddSpan[1];
+
+      getMSDecls(area, addRowSpan, addColumnSpan).forEach(function (i) {
         return rule.append(Object.assign(i, {
           raws: {
             between: gridArea.raws.between

package/lib/hacks/justify-content.js

@@ -83,8 +83,7 @@ Object.defineProperty(JustifyContent, 'oldValues', {
     'flex-end': 'end',
     'flex-start': 'start',
     'space-between': 'justify',
-    'space-around': 'distribute'
-  }
+    'space-around': 'distribute' }
 });
 
 

package/lib/prefixes.js

@@ -46,6 +46,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/background-clip'));
 Declaration.hack(require('./hacks/text-decoration'));
 Declaration.hack(require('./hacks/justify-content'));
 Declaration.hack(require('./hacks/background-size'));

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "autoprefixer",
-  "version": "9.0.2",
+  "version": "9.1.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>",
   "license": "MIT",
   "repository": "postcss/autoprefixer",
-  "homepage": "https://github.com/postcss/autoprefixer#readme",
   "engines": {
     "node": ">=6.0.0"
   },
   "dependencies": {
     "browserslist": "^4.0.1",
-    "caniuse-lite": "^1.0.30000865",
+    "caniuse-lite": "^1.0.30000872",
     "normalize-range": "^0.1.2",
     "num2fraction": "^1.2.2",
     "postcss": "^7.0.2",