autoprefixer 8.5.1 → 8.6.2

package/AUTHORS

@@ -65,6 +65,7 @@ GU Yiling <justice360@gmail.com>
 Gustavo Real <https://github.com/kotfire>
 Hallvord R. M. Steen <hallvord@hallvord.com>
 heady <https://github.com/heady>
+HongShaoRou <evanzlist@sina.com>
 Huáng Jùnliàng <https://github.com/JLHwung>
 Iain Beeston <iain.beeston@gmail.com>
 Igor Adamenko <https://github.com/igoradamenko>
@@ -152,6 +153,7 @@ Vladimir Pouzanov <farcaller@gmail.com>
 vladkens <vladkens@yandex.ru>
 Yet Another Minion <yam@thinkalexandria.com>
 Yuriy Alekseyev <dev.yuriy.a@gmail.com>
+Yury Timofeev <y.timofeyev@gmail.com>
 Даниил Пронин <mail@grawl.ru>
 一丝 <jie.lijie@alibaba-inc.com>
 刘祺 <gucong@gmail.com>

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 8.6.2
+* Fix error during adding Grid prefixes in `@media` (by Evgeny Petukhov).
+
+## 8.6.1
+* Fix `grid-template` with media queries (by Evgeny Petukhov).
+
+## 8.6 “Follow Reason”
+* Add `gap` support (by Evgeny Petukhov).
+* Add two values support for `grid-gap` and `gap` (by Evgeny Petukhov).
+* Add `ignoreUnknownVersions` option for Browserslist.
+
+## 8.5.2
+* Fix `grid-template` support wit auto row sizes (by Yury Timofeev).
+
 ## 8.5.1
 * Remove unnecessary warning on `-webkit-fill-available`.
 

package/README.md

@@ -588,6 +588,8 @@ Available options are:
   or `browserslist` key in `package.json` to share target browsers
   with Babel, ESLint and Stylelint. See [Browserslist docs]
   for available queries and default value.
+* `ignoreUnknownVersions` (boolean): do not raise error on unknown browser
+  version in Browserslist config or `browsers` option. Default is `false`.
 
 Plugin object has `info()` method for debugging purpose.
 

package/lib/autoprefixer.js

@@ -65,9 +65,14 @@ module.exports = postcss.plugin('autoprefixer', function () {
         options.grid = false;
     }
 
+    var brwlstOpts = {
+        ignoreUnknownVersions: options.ignoreUnknownVersions,
+        stats: options.stats
+    };
+
     var loadPrefixes = function loadPrefixes(opts) {
         var data = module.exports.data;
-        var browsers = new Browsers(data.browsers, reqs, opts, options.stats);
+        var browsers = new Browsers(data.browsers, reqs, opts, brwlstOpts);
         var key = browsers.selected.join(', ') + JSON.stringify(options);
 
         if (!cache[key]) {

package/lib/browsers.js

@@ -43,12 +43,12 @@ var Browsers = function () {
         return this.prefixesRegexp.test(value);
     };
 
-    function Browsers(data, requirements, options, stats) {
+    function Browsers(data, requirements, options, browserslistOpts) {
         _classCallCheck(this, Browsers);
 
         this.data = data;
         this.options = options || {};
-        this.stats = stats;
+        this.browserslistOpts = browserslistOpts || {};
         this.selected = this.parse(requirements);
     }
 
@@ -58,11 +58,13 @@ var Browsers = function () {
 
 
     Browsers.prototype.parse = function parse(requirements) {
-        return browserslist(requirements, {
-            stats: this.stats,
-            path: this.options.from,
-            env: this.options.env
-        });
+        var opts = {};
+        for (var i in this.browserslistOpts) {
+            opts[i] = this.browserslistOpts[i];
+        }
+        opts.path = this.options.from;
+        opts.env = this.options.env;
+        return browserslist(requirements, opts);
     };
 
     /**

package/lib/hacks/grid-utils.js

@@ -220,6 +220,13 @@ function testTrack(node) {
     return node.type === 'word' && /^\[.+\]$/.test(node.value);
 }
 
+function verifyRowSize(result) {
+    if (result.areas.length > result.rows.length) {
+        result.rows.push('auto');
+    }
+    return result;
+}
+
 function parseTemplate(_ref7) {
     var decl = _ref7.decl,
         gap = _ref7.gap;
@@ -233,6 +240,7 @@ function parseTemplate(_ref7) {
 
         // area
         if (type === 'string') {
+            result = verifyRowSize(result);
             result.areas.push(value);
         }
 
@@ -244,6 +252,7 @@ function parseTemplate(_ref7) {
         // devider(/)
         if (type === 'div' && value === '/') {
             result.key = 'columns';
+            result = verifyRowSize(result);
         }
 
         return result;
@@ -301,6 +310,9 @@ function insertAreas(areas, decl, result) {
     var missed = Object.keys(areas);
 
     var parentMedia = getParentMedia(decl.parent);
+    var rules = [];
+    var areasLength = Object.keys(areas).length;
+    var areasCount = 0;
 
     decl.root().walkDecls('grid-area', function (gridArea) {
 
@@ -313,13 +325,6 @@ function insertAreas(areas, decl, result) {
 
         if (area && parentMedia) {
 
-            // skip if grid-template-areas already prefixed in media
-            if (parentMedia.some(function (i) {
-                return i.selector === gridArea.parent.selector;
-            })) {
-                return undefined;
-            }
-
             // create new rule
             var rule = decl.parent.clone({
                 selector: gridArea.parent.selector
@@ -335,8 +340,16 @@ function insertAreas(areas, decl, result) {
                 }));
             });
 
-            // insert new rule with prefixed decl to existing media
-            parentMedia.append(rule);
+            rules.push(rule);
+            areasCount++;
+            if (areasCount === areasLength) {
+                var next = gridArea.parent.next();
+
+                if (next && next.type === 'atrule' && next.name === 'media' && next.params === parentMedia.params && next.first.type === 'rule' && next.first.selector && parentMedia.first.selector && /^-ms-/.test(next.first.first.prop)) return undefined;
+
+                var areaMedia = parentMedia.clone().removeAll().append(rules);
+                gridArea.parent.after(areaMedia);
+            }
 
             return undefined;
         }
@@ -367,16 +380,24 @@ function getGridGap(decl) {
     var gap = {};
 
     // try to find gap
-    decl.parent.walkDecls(/grid(-(row|column))?-gap/, function (_ref8) {
+    var testGap = /^(grid-)?((row|column)-)?gap$/;
+    decl.parent.walkDecls(testGap, function (_ref8) {
         var prop = _ref8.prop,
             value = _ref8.value;
 
-        if (prop === 'grid-gap') {
-            gap.column = value;
-            gap.row = value;
+        if (/^(grid-)?gap$/.test(prop)) {
+            var _parser$nodes = parser(value).nodes,
+                _parser$nodes$ = _parser$nodes[0],
+                row = _parser$nodes$ === undefined ? {} : _parser$nodes$,
+                _parser$nodes$2 = _parser$nodes[2],
+                column = _parser$nodes$2 === undefined ? {} : _parser$nodes$2;
+
+
+            gap.row = row.value;
+            gap.column = column.value || row.value;
         }
-        if (prop === 'grid-row-gap') gap.row = value;
-        if (prop === 'grid-column-gap') gap.column = value;
+        if (/^(grid-)?row-gap$/.test(prop)) gap.row = value;
+        if (/^(grid-)?column-gap$/.test(prop)) gap.column = value;
     });
 
     return gap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "8.5.1",
+  "version": "8.6.2",
   "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>",
@@ -8,7 +8,7 @@
   "repository": "postcss/autoprefixer",
   "dependencies": {
     "browserslist": "^3.2.8",
-    "caniuse-lite": "^1.0.30000846",
+    "caniuse-lite": "^1.0.30000851",
     "normalize-range": "^0.1.2",
     "num2fraction": "^1.2.2",
     "postcss": "^6.0.22",