autoprefixer 9.4.3 → 9.4.7

package/CHANGELOG.md

@@ -1,6 +1,19 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 9.4.7
+* Fix infinite loop on mismatched parens.
+
+## 9.4.6
+* Fix warning text (by Albert Juhé Lluveras).
+
+## 9.4.5
+* Fix `text-decoration-skip-ink` support.
+
+## 9.4.4
+* Use `direction` value for `-ms-writing-mode` (by Denys Kniazevych).
+* Fix warning text (by @zzzzBov).
+
 ## 9.4.3
 * Add warning to force `flex-start` instead of `start` (by Antoine du Hamel).
 * Fix docs (by Christian Oliff).

package/data/prefixes.js

@@ -427,9 +427,9 @@ f(decoration, function (browsers) {
   });
 });
 f(decoration, {
-  match: /x.*#[23]/
+  match: /x.*#[235]/
 }, function (browsers) {
-  return prefix(['text-decoration-skip'], {
+  return prefix(['text-decoration-skip', 'text-decoration-skip-ink'], {
     feature: 'text-decoration',
     browsers: browsers
   });

package/lib/hacks/grid-utils.js

@@ -1001,7 +1001,7 @@ function warnGridGap(_ref13) {
 
   if (!hasColumns && (hasBothGaps || gap.column && !gap.row)) {
     delete gap.column;
-    decl.warn(result, 'Can not impliment grid-gap without grid-tamplate-columns');
+    decl.warn(result, 'Can not implement grid-gap without grid-template-columns');
   }
 }
 /**

package/lib/hacks/text-decoration-skip-ink.js

@@ -0,0 +1,40 @@
+"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 TextDecorationSkipInk =
+/*#__PURE__*/
+function (_Declaration) {
+  _inheritsLoose(TextDecorationSkipInk, _Declaration);
+
+  function TextDecorationSkipInk() {
+    return _Declaration.apply(this, arguments) || this;
+  }
+
+  var _proto = TextDecorationSkipInk.prototype;
+
+  /**
+   * Change prefix for ink value
+   */
+  _proto.set = function set(decl, prefix) {
+    if (decl.prop === 'text-decoration-skip-ink' && decl.value === 'auto') {
+      decl.prop = prefix + 'text-decoration-skip';
+      decl.value = 'ink';
+      return decl;
+    } else {
+      return _Declaration.prototype.set.call(this, decl, prefix);
+    }
+  };
+
+  return TextDecorationSkipInk;
+}(Declaration);
+
+_defineProperty(TextDecorationSkipInk, "names", ['text-decoration-skip-ink', 'text-decoration-skip']);
+
+module.exports = TextDecorationSkipInk;

package/lib/hacks/writing-mode.js

@@ -19,13 +19,25 @@ function (_Declaration) {
 
   var _proto = WritingMode.prototype;
 
-  _proto.set = function set(decl, prefix) {
+  _proto.insert = function insert(decl, prefix, prefixes) {
     if (prefix === '-ms-') {
-      decl.value = WritingMode.msValues[decl.value] || decl.value;
-      return _Declaration.prototype.set.call(this, decl, prefix);
+      var cloned = this.set(this.clone(decl), prefix);
+
+      if (this.needCascade(decl)) {
+        cloned.raws.before = this.calcBefore(prefixes, decl, prefix);
+      }
+
+      var direction = 'ltr';
+      decl.parent.nodes.forEach(function (i) {
+        if (i.prop === 'direction') {
+          if (i.value === 'rtl' || i.value === 'ltr') direction = i.value;
+        }
+      });
+      cloned.value = WritingMode.msValues[direction][decl.value] || decl.value;
+      return decl.parent.insertBefore(decl, cloned);
     }
 
-    return _Declaration.prototype.set.call(this, decl, prefix);
+    return _Declaration.prototype.insert.call(this, decl, prefix, prefixes);
   };
 
   return WritingMode;
@@ -34,9 +46,16 @@ function (_Declaration) {
 _defineProperty(WritingMode, "names", ['writing-mode']);
 
 _defineProperty(WritingMode, "msValues", {
-  'horizontal-tb': 'lr-tb',
-  'vertical-rl': 'tb-rl',
-  'vertical-lr': 'tb-lr'
+  ltr: {
+    'horizontal-tb': 'lr-tb',
+    'vertical-rl': 'tb-rl',
+    'vertical-lr': 'tb-lr'
+  },
+  rtl: {
+    'horizontal-tb': 'rl-tb',
+    'vertical-rl': 'bt-rl',
+    'vertical-lr': 'bt-lr'
+  }
 });
 
 module.exports = WritingMode;

package/lib/prefixes.js

@@ -33,6 +33,7 @@ Declaration.hack(require('./hacks/flex-flow'));
 Declaration.hack(require('./hacks/flex-grow'));
 Declaration.hack(require('./hacks/flex-wrap'));
 Declaration.hack(require('./hacks/grid-area'));
+Declaration.hack(require('./hacks/place-self'));
 Declaration.hack(require('./hacks/grid-start'));
 Declaration.hack(require('./hacks/align-self'));
 Declaration.hack(require('./hacks/appearance'));
@@ -41,6 +42,7 @@ Declaration.hack(require('./hacks/mask-border'));
 Declaration.hack(require('./hacks/align-items'));
 Declaration.hack(require('./hacks/flex-shrink'));
 Declaration.hack(require('./hacks/break-props'));
+Declaration.hack(require('./hacks/color-adjust'));
 Declaration.hack(require('./hacks/writing-mode'));
 Declaration.hack(require('./hacks/border-image'));
 Declaration.hack(require('./hacks/align-content'));
@@ -62,8 +64,7 @@ Declaration.hack(require('./hacks/grid-column-align'));
 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'));
+Declaration.hack(require('./hacks/text-decoration-skip-ink'));
 Value.hack(require('./hacks/gradient'));
 Value.hack(require('./hacks/intrinsic'));
 Value.hack(require('./hacks/pixelated'));

package/lib/processor.js

@@ -1,12 +1,13 @@
 "use strict";
 
+var parser = require('postcss-value-parser');
+
 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;
 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'];
@@ -126,6 +127,10 @@ function () {
             node: decl
           });
         }
+      } else if (prop === 'text-decoration-skip' && value === 'ink') {
+        result.warn('Replace text-decoration-skip: ink to ' + 'text-decoration-skip-ink: auto, because spec had been changed', {
+          node: decl
+        });
       } else {
         if (gridPrefixes) {
           if (/^(align|justify|place)-items$/.test(prop) && insideGrid(decl)) {
@@ -208,17 +213,49 @@ function () {
               node: decl
             });
           } else {
-            var match = value.match(RADIAL_BLOCK);
-
-            if (match) {
-              if (/cover/.test(match[1])) {
-                result.warn('Gradient has outdated direction syntax. ' + 'Replace `cover` to `farthest-corner`.', {
-                  node: decl
-                });
-              } else if (/contain/.test(match[1])) {
-                result.warn('Gradient has outdated direction syntax. ' + 'Replace `contain` to `closest-side`.', {
-                  node: decl
-                });
+            var ast = parser(value);
+
+            for (var _iterator = ast.nodes, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+              var _ref;
+
+              if (_isArray) {
+                if (_i >= _iterator.length) break;
+                _ref = _iterator[_i++];
+              } else {
+                _i = _iterator.next();
+                if (_i.done) break;
+                _ref = _i.value;
+              }
+
+              var i = _ref;
+
+              if (i.type === 'function' && i.value === 'radial-gradient') {
+                for (var _iterator2 = i.nodes, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
+                  var _ref2;
+
+                  if (_isArray2) {
+                    if (_i2 >= _iterator2.length) break;
+                    _ref2 = _iterator2[_i2++];
+                  } else {
+                    _i2 = _iterator2.next();
+                    if (_i2.done) break;
+                    _ref2 = _i2.value;
+                  }
+
+                  var word = _ref2;
+
+                  if (word.type === 'word') {
+                    if (word.value === 'cover') {
+                      result.warn('Gradient has outdated direction syntax. ' + 'Replace `cover` to `farthest-corner`.', {
+                        node: decl
+                      });
+                    } else if (word.value === 'contain') {
+                      result.warn('Gradient has outdated direction syntax. ' + 'Replace `contain` to `closest-side`.', {
+                        node: decl
+                      });
+                    }
+                  }
+                }
               }
             }
           }
@@ -311,19 +348,19 @@ function () {
 
       var unprefixed = _this.prefixes.unprefixed(decl.prop);
 
-      for (var _iterator = _this.prefixes.values('add', unprefixed), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
-        var _ref;
+      for (var _iterator3 = _this.prefixes.values('add', unprefixed), _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
+        var _ref3;
 
-        if (_isArray) {
-          if (_i >= _iterator.length) break;
-          _ref = _iterator[_i++];
+        if (_isArray3) {
+          if (_i3 >= _iterator3.length) break;
+          _ref3 = _iterator3[_i3++];
         } else {
-          _i = _iterator.next();
-          if (_i.done) break;
-          _ref = _i.value;
+          _i3 = _iterator3.next();
+          if (_i3.done) break;
+          _ref3 = _i3.value;
         }
 
-        var value = _ref;
+        var value = _ref3;
         value.process(decl, result);
       }
 
@@ -351,16 +388,16 @@ function () {
     }); // Selectors
 
     var _loop = function _loop() {
-      if (_isArray2) {
-        if (_i2 >= _iterator2.length) return "break";
-        _ref2 = _iterator2[_i2++];
+      if (_isArray4) {
+        if (_i4 >= _iterator4.length) return "break";
+        _ref4 = _iterator4[_i4++];
       } else {
-        _i2 = _iterator2.next();
-        if (_i2.done) return "break";
-        _ref2 = _i2.value;
+        _i4 = _iterator4.next();
+        if (_i4.done) return "break";
+        _ref4 = _i4.value;
       }
 
-      var checker = _ref2;
+      var checker = _ref4;
       css.walkRules(function (rule, i) {
         if (checker.check(rule)) {
           if (!_this2.disabled(rule, result)) {
@@ -370,8 +407,8 @@ function () {
       });
     };
 
-    for (var _iterator2 = this.prefixes.remove.selectors, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
-      var _ref2;
+    for (var _iterator4 = this.prefixes.remove.selectors, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
+      var _ref4;
 
       var _ret = _loop();
 
@@ -410,19 +447,19 @@ function () {
       } // Values
 
 
-      for (var _iterator3 = _this2.prefixes.values('remove', unprefixed), _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
-        var _ref3;
+      for (var _iterator5 = _this2.prefixes.values('remove', unprefixed), _isArray5 = Array.isArray(_iterator5), _i5 = 0, _iterator5 = _isArray5 ? _iterator5 : _iterator5[Symbol.iterator]();;) {
+        var _ref5;
 
-        if (_isArray3) {
-          if (_i3 >= _iterator3.length) break;
-          _ref3 = _iterator3[_i3++];
+        if (_isArray5) {
+          if (_i5 >= _iterator5.length) break;
+          _ref5 = _iterator5[_i5++];
         } else {
-          _i3 = _iterator3.next();
-          if (_i3.done) break;
-          _ref3 = _i3.value;
+          _i5 = _iterator5.next();
+          if (_i5.done) break;
+          _ref5 = _i5.value;
         }
 
-        var checker = _ref3;
+        var checker = _ref5;
 
         if (!checker.check(decl.value)) {
           continue;
@@ -592,19 +629,19 @@ function () {
   ;
 
   _proto.displayType = function displayType(decl) {
-    for (var _iterator4 = decl.parent.nodes, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
-      var _ref4;
+    for (var _iterator6 = decl.parent.nodes, _isArray6 = Array.isArray(_iterator6), _i6 = 0, _iterator6 = _isArray6 ? _iterator6 : _iterator6[Symbol.iterator]();;) {
+      var _ref6;
 
-      if (_isArray4) {
-        if (_i4 >= _iterator4.length) break;
-        _ref4 = _iterator4[_i4++];
+      if (_isArray6) {
+        if (_i6 >= _iterator6.length) break;
+        _ref6 = _iterator6[_i6++];
       } else {
-        _i4 = _iterator4.next();
-        if (_i4.done) break;
-        _ref4 = _i4.value;
+        _i6 = _iterator6.next();
+        if (_i6.done) break;
+        _ref6 = _i6.value;
       }
 
-      var i = _ref4;
+      var i = _ref6;
 
       if (i.prop !== 'display') {
         continue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "9.4.3",
+  "version": "9.4.7",
   "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,11 +10,11 @@
     "node": ">=6.0.0"
   },
   "dependencies": {
-    "browserslist": "^4.3.6",
-    "caniuse-lite": "^1.0.30000921",
+    "browserslist": "^4.4.1",
+    "caniuse-lite": "^1.0.30000932",
     "normalize-range": "^0.1.2",
     "num2fraction": "^1.2.2",
-    "postcss": "^7.0.6",
+    "postcss": "^7.0.14",
     "postcss-value-parser": "^3.3.1"
   },
   "bin": {