autoprefixer 7.0.1 → 7.1.0

package/CHANGELOG.md

@@ -1,6 +1,12 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 7.1 “Universitas litterarum”
+* Add `unicode-bidi` support.
+* Add `-webkit-appearance` support for Edge.
+* Add `from` option to `info()`.
+* Fix intrinsic widths prefixes in Grid Layout.
+
 ## 7.0.1
 * Fix Autoprefixer for old JS runtimes.
 

package/README.md

@@ -227,15 +227,9 @@ wrote `-webkit-gradient` without W3C’s `gradient`,
 Autoprefixer will not add other prefixes.
 
 But [PostCSS] has a plugins to convert CSS to unprefixed state.
-Use them before Autoprefixer:
+Use [postcss-unprefix] before Autoprefixer.
 
-* [postcss-unprefix]
-* [postcss-flexboxfixer]
-* [postcss-gradientfixer]
-
-[postcss-gradientfixer]: https://github.com/hallvors/postcss-gradientfixer
-[postcss-flexboxfixer]:  https://github.com/hallvors/postcss-flexboxfixer
-[postcss-unprefix]:      https://github.com/yisibl/postcss-unprefix
+[postcss-unprefix]: https://github.com/gucong3000/postcss-unprefix
 
 #### Does Autoprefixer add `-epub-` prefix?
 

package/data/prefixes.js

@@ -389,7 +389,7 @@ f(require('caniuse-lite/data/features/css3-tabsize.js'), function (browsers) {
 // Intrinsic & extrinsic sizing
 f(require('caniuse-lite/data/features/intrinsic-width.js'), function (browsers) {
     return prefix(['max-content', 'min-content', 'fit-content', 'fill', 'fill-available', 'stretch'], {
-        props: ['width', 'min-width', 'max-width', 'height', 'min-height', 'max-height', 'inline-size', 'min-inline-size', 'max-inline-size', 'block-size', 'min-block-size', 'max-block-size'],
+        props: ['width', 'min-width', 'max-width', 'height', 'min-height', 'max-height', 'inline-size', 'min-inline-size', 'max-inline-size', 'block-size', 'min-block-size', 'max-block-size', 'grid-template', 'grid-template-rows', 'grid-template-columns'],
         feature: 'intrinsic-width',
         browsers: browsers
     });
@@ -568,7 +568,8 @@ f(logicalProps, { match: /x\s#2/ }, function (browsers) {
 });
 
 // CSS appearance
-f(require('caniuse-lite/data/features/css-appearance.js'), function (browsers) {
+var appearance = require('caniuse-lite/data/features/css-appearance.js');
+f(appearance, { match: /#2|x/ }, function (browsers) {
     return prefix(['appearance'], {
         feature: 'css-appearance',
         browsers: browsers
@@ -672,4 +673,31 @@ f(require('caniuse-lite/data/features/css-any-link.js'), function (browsers) {
         feature: 'css-any-link',
         browsers: browsers
     });
+});
+
+// unicode-bidi
+var bidi = require('caniuse-lite/data/features/css-unicode-bidi.js');
+
+f(bidi, function (browsers) {
+    return prefix(['isolate'], {
+        props: ['unicode-bidi'],
+        feature: 'css-unicode-bidi',
+        browsers: browsers
+    });
+});
+
+f(bidi, { match: /y x|a x #2/ }, function (browsers) {
+    return prefix(['plaintext'], {
+        props: ['unicode-bidi'],
+        feature: 'css-unicode-bidi',
+        browsers: browsers
+    });
+});
+
+f(bidi, { match: /y x/ }, function (browsers) {
+    return prefix(['isolate-override'], {
+        props: ['unicode-bidi'],
+        feature: 'css-unicode-bidi',
+        browsers: browsers
+    });
 });

package/lib/hacks/appearance.js

@@ -0,0 +1,42 @@
+'use strict';
+
+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) : subClass.__proto__ = superClass; }
+
+var Declaration = require('../declaration');
+var utils = require('../utils');
+
+var Appearance = function (_Declaration) {
+    _inherits(Appearance, _Declaration);
+
+    function Appearance(name, prefixes, all) {
+        _classCallCheck(this, Appearance);
+
+        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;
+    }
+
+    return Appearance;
+}(Declaration);
+
+Object.defineProperty(Appearance, 'names', {
+    enumerable: true,
+    writable: true,
+    value: ['appearance']
+});
+
+
+module.exports = Appearance;

package/lib/hacks/{stretch.js → intrinsic.js}

@@ -9,51 +9,58 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var OldValue = require('../old-value');
 var Value = require('../value');
 
-var Stretch = function (_Value) {
-    _inherits(Stretch, _Value);
+function _regexp(name) {
+    return new RegExp('(^|[\\s,(])(' + name + '($|[\\s),]))', 'gi');
+}
 
-    function Stretch() {
-        _classCallCheck(this, Stretch);
+var Intrinsic = function (_Value) {
+    _inherits(Intrinsic, _Value);
+
+    function Intrinsic() {
+        _classCallCheck(this, Intrinsic);
 
         return _possibleConstructorReturn(this, _Value.apply(this, arguments));
     }
 
-    /**
-     * Different prefix for WebKit and Firefox
-     */
-    Stretch.prototype.replace = function replace(string, prefix) {
-        if (prefix === '-moz-') {
+    Intrinsic.prototype.regexp = function regexp() {
+        if (!this.regexpCache) this.regexpCache = _regexp(this.name);
+        return this.regexpCache;
+    };
+
+    Intrinsic.prototype.isStretch = function isStretch() {
+        return this.name === 'stretch' || this.name === 'fill' || this.name === 'fill-available';
+    };
+
+    Intrinsic.prototype.replace = function replace(string, prefix) {
+        if (prefix === '-moz-' && this.isStretch()) {
             return string.replace(this.regexp(), '$1-moz-available$3');
-        } else if (prefix === '-webkit-') {
+        } else if (prefix === '-webkit-' && this.isStretch()) {
             return string.replace(this.regexp(), '$1-webkit-fill-available$3');
         } else {
             return _Value.prototype.replace.call(this, string, prefix);
         }
     };
 
-    /**
-     * Different name for WebKit and Firefox
-     */
-
-
-    Stretch.prototype.old = function old(prefix) {
-        if (prefix === '-moz-') {
-            return new OldValue(this.name, '-moz-available');
-        } else if (prefix === '-webkit-') {
-            return new OldValue(this.name, '-webkit-fill-available');
-        } else {
-            return _Value.prototype.old.call(this, prefix);
+    Intrinsic.prototype.old = function old(prefix) {
+        var prefixed = prefix + this.name;
+        if (this.isStretch()) {
+            if (prefix === '-moz-') {
+                prefixed = '-moz-available';
+            } else if (prefix === '-webkit-') {
+                prefixed = '-webkit-fill-available';
+            }
         }
+        return new OldValue(this.name, prefixed, prefixed, _regexp(prefixed));
     };
 
-    return Stretch;
+    return Intrinsic;
 }(Value);
 
-Object.defineProperty(Stretch, 'names', {
+Object.defineProperty(Intrinsic, 'names', {
     enumerable: true,
     writable: true,
-    value: ['stretch', 'fill', 'fill-available']
+    value: ['max-content', 'min-content', 'fit-content', 'fill', 'fill-available', 'stretch']
 });
 
 
-module.exports = Stretch;
+module.exports = Intrinsic;

package/lib/old-selector.js

@@ -19,7 +19,7 @@ var OldSelector = function () {
     }
 
     /**
-     * Is rule is hack without unprefixed version bottom
+     * Is rule a hack without unprefixed version bottom
      */
 
 
@@ -71,7 +71,7 @@ var OldSelector = function () {
     };
 
     /**
-     * Does rule contain unnecessayr prefixed selector
+     * Does rule contain an unnecessary prefixed selector
      */
 
 

package/lib/prefixes.js

@@ -27,6 +27,7 @@ Declaration.hack(require('./hacks/flex-grow'));
 Declaration.hack(require('./hacks/flex-wrap'));
 Declaration.hack(require('./hacks/grid-start'));
 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/align-items'));
@@ -48,8 +49,8 @@ Declaration.hack(require('./hacks/justify-content'));
 Declaration.hack(require('./hacks/background-size'));
 Declaration.hack(require('./hacks/text-emphasis-position'));
 
-Value.hack(require('./hacks/stretch'));
 Value.hack(require('./hacks/gradient'));
+Value.hack(require('./hacks/intrinsic'));
 Value.hack(require('./hacks/pixelated'));
 Value.hack(require('./hacks/image-set'));
 Value.hack(require('./hacks/cross-fade'));

package/lib/processor.js

@@ -31,19 +31,19 @@ var Processor = function () {
 
         css.walkAtRules(function (rule) {
             if (rule.name === 'keyframes') {
-                if (!_this.disabledForAdd(rule)) {
+                if (!_this.disabled(rule)) {
                     return keyframes && keyframes.process(rule);
                 }
             } else if (rule.name === 'viewport') {
-                if (!_this.disabledForAdd(rule)) {
+                if (!_this.disabled(rule)) {
                     return viewport && viewport.process(rule);
                 }
             } else if (rule.name === 'supports') {
-                if (_this.prefixes.options.supports !== false && !_this.disabledForAdd(rule)) {
+                if (_this.prefixes.options.supports !== false && !_this.disabled(rule)) {
                     return supports.process(rule);
                 }
             } else if (rule.name === 'media' && rule.params.indexOf('-resolution') !== -1) {
-                if (!_this.disabledForAdd(rule)) {
+                if (!_this.disabled(rule)) {
                     return resolution && resolution.process(rule);
                 }
             }
@@ -53,7 +53,7 @@ var Processor = function () {
 
         // Selectors
         css.walkRules(function (rule) {
-            if (_this.disabledForAdd(rule)) return undefined;
+            if (_this.disabled(rule)) return undefined;
 
             return _this.prefixes.add.selectors.map(function (selector) {
                 return selector.process(rule, result);
@@ -61,7 +61,7 @@ var Processor = function () {
         });
 
         css.walkDecls(function (decl) {
-            if (_this.disabledForAdd(decl)) return undefined;
+            if (_this.disabledDecl(decl)) return undefined;
 
             if (decl.prop === 'display' && decl.value === 'box') {
                 result.warn('You should write display: flex by final spec ' + 'instead of display: box', { node: decl });
@@ -139,7 +139,7 @@ var Processor = function () {
 
         // Values
         return css.walkDecls(function (decl) {
-            if (_this.disabledForAdd(decl)) return;
+            if (_this.disabledValue(decl)) return;
 
             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]();;) {
@@ -175,7 +175,7 @@ var Processor = function () {
 
         css.walkAtRules(function (rule, i) {
             if (_this2.prefixes.remove['@' + rule.name]) {
-                if (!_this2.disabledForRemove(rule)) {
+                if (!_this2.disabled(rule)) {
                     rule.parent.removeChild(i);
                 }
             } else if (rule.name === 'media' && rule.params.indexOf('-resolution') !== -1 && resolution) {
@@ -188,7 +188,7 @@ var Processor = function () {
         var _loop = function _loop(checker) {
             css.walkRules(function (rule, i) {
                 if (checker.check(rule)) {
-                    if (!_this2.disabledForRemove(rule)) {
+                    if (!_this2.disabled(rule)) {
                         rule.parent.removeChild(i);
                     }
                 }
@@ -213,7 +213,7 @@ var Processor = function () {
         }
 
         return css.walkDecls(function (decl, i) {
-            if (_this2.disabledForRemove(decl)) return;
+            if (_this2.disabled(decl)) return;
 
             var rule = decl.parent;
             var unprefixed = _this2.prefixes.unprefixed(decl.prop);
@@ -289,26 +289,40 @@ var Processor = function () {
      */
 
 
-    Processor.prototype.disabledForAdd = function disabledForAdd(node) {
+    Processor.prototype.disabledValue = function disabledValue(node) {
         if (this.prefixes.options.grid === false && node.type === 'decl') {
             if (node.prop === 'display' && node.value.indexOf('grid') !== -1) {
                 return true;
             }
-            if (node.prop.indexOf('grid') !== -1 || node.prop === 'justify-items') {
-                return true;
-            }
         }
         if (this.prefixes.options.flexbox === false && node.type === 'decl') {
             if (node.prop === 'display' && node.value.indexOf('flex') !== -1) {
                 return true;
             }
+        }
+
+        return this.disabled(node);
+    };
+
+    /**
+     * Check for grid/flexbox options.
+     */
+
+
+    Processor.prototype.disabledDecl = function disabledDecl(node) {
+        if (this.prefixes.options.grid === false && node.type === 'decl') {
+            if (node.prop.indexOf('grid') !== -1 || node.prop === 'justify-items') {
+                return true;
+            }
+        }
+        if (this.prefixes.options.flexbox === false && node.type === 'decl') {
             var other = ['order', 'justify-content', 'align-items', 'align-content'];
             if (node.prop.indexOf('flex') !== -1 || other.indexOf(node.prop) !== -1) {
                 return true;
             }
         }
 
-        return this.disabledForRemove(node);
+        return this.disabled(node);
     };
 
     /**
@@ -316,7 +330,7 @@ var Processor = function () {
      */
 
 
-    Processor.prototype.disabledForRemove = function disabledForRemove(node) {
+    Processor.prototype.disabled = function disabled(node) {
         if (node._autoprefixerDisabled !== undefined) {
             return node._autoprefixerDisabled;
         } else if (node.nodes) {
@@ -339,13 +353,13 @@ var Processor = function () {
             if (status !== undefined) {
                 result = !status;
             } else if (node.parent) {
-                result = this.disabledForRemove(node.parent);
+                result = this.disabled(node.parent);
             }
 
             node._autoprefixerDisabled = result;
             return node._autoprefixerDisabled;
         } else if (node.parent) {
-            node._autoprefixerDisabled = this.disabledForRemove(node.parent);
+            node._autoprefixerDisabled = this.disabled(node.parent);
             return node._autoprefixerDisabled;
         } else {
             // unknown state

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "7.0.1",
+  "version": "7.1.0",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "keywords": [
     "autoprefixer",
@@ -14,7 +14,7 @@
   "repository": "postcss/autoprefixer",
   "dependencies": {
     "browserslist": "^2.1.2",
-    "caniuse-lite": "^1.0.30000665",
+    "caniuse-lite": "^1.0.30000669",
     "normalize-range": "^0.1.2",
     "num2fraction": "^1.2.2",
     "postcss": "^6.0.1",
@@ -31,11 +31,9 @@
     "gulp": "^3.9.1",
     "gulp-babel": "^6.1.2",
     "gulp-coffee": "^2.3.4",
-    "gulp-eslint": "^3.0.1",
-    "gulp-jest": "^1.0.0",
     "gulp-json-editor": "^2.2.1",
     "gulp-replace": "^0.5.4",
-    "jest": "^19.0.2",
+    "jest": "^20.0.1",
     "lint-staged": "^3.4.1",
     "pre-commit": "^1.2.2",
     "vinyl-source-stream": "^1.1.0",
@@ -43,7 +41,8 @@
   },
   "scripts": {
     "lint-staged": "lint-staged",
-    "test": "gulp"
+    "lint": "eslint *.js lib/*.js data/*.js test/*.js",
+    "test": "jest && npm run lint && gulp"
   },
   "lint-staged": {
     "*.js": "eslint"