autoprefixer 9.7.0 → 9.7.1

package/CHANGELOG.md

@@ -1,6 +1,10 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 9.7.1
+* Avoid unnecessary transitions in prefixed selectors (by Andrey Alexandrov).
+* Fix `fit-content` for Firefox.
+
 ## 9.7 “Ad Victoriam”
 * Add `AUTOPREFIXER_GRID` env variable to enable Grid Layout polyfill for IE.
 * Fix `Cannot read property 'grid' of undefined` error.

package/README.md

@@ -309,7 +309,7 @@ module.exports = {
 ### CSS-in-JS
 
 The best way to use PostCSS with CSS-in-JS is [`astroturf`].
-Add it’s loader to your `webpack.config.js`:
+Add its loader to your `webpack.config.js`:
 
 ```js
 module.exports = {

package/data/prefixes.js

@@ -374,9 +374,10 @@ f(require('caniuse-lite/data/features/css3-tabsize'), function (browsers) {
 
 var intrinsic = require('caniuse-lite/data/features/intrinsic-width');
 
+var sizeProps = ['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', 'grid-template', 'grid-template-rows', 'grid-template-columns', 'grid-auto-columns', 'grid-auto-rows'];
 f(intrinsic, function (browsers) {
-  return prefix(['max-content', 'min-content', 'fit-content'], {
-    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', 'grid-template', 'grid-template-rows', 'grid-template-columns', 'grid-auto-columns', 'grid-auto-rows'],
+  return prefix(['max-content', 'min-content'], {
+    props: sizeProps,
     feature: 'intrinsic-width',
     browsers: browsers
   });
@@ -385,7 +386,16 @@ f(intrinsic, {
   match: /x|\s#4/
 }, function (browsers) {
   return prefix(['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', 'grid', 'grid-template', 'grid-template-rows', 'grid-template-columns', 'grid-auto-columns', 'grid-auto-rows'],
+    props: sizeProps,
+    feature: 'intrinsic-width',
+    browsers: browsers
+  });
+});
+f(intrinsic, {
+  match: /x|\s#5/
+}, function (browsers) {
+  return prefix(['fit-content'], {
+    props: sizeProps,
     feature: 'intrinsic-width',
     browsers: browsers
   });

package/lib/transition.js

@@ -8,6 +8,8 @@ var vendor = require('postcss').vendor;
 
 var list = require('postcss').list;
 
+var Browsers = require('./browsers');
+
 var Transition =
 /*#__PURE__*/
 function () {
@@ -28,7 +30,8 @@ function () {
 
     var prefix, prop;
     var add = this.prefixes.add[decl.prop];
-    var declPrefixes = add && add.prefixes || [];
+    var vendorPrefixes = this.ruleVendorPrefixes(decl);
+    var declPrefixes = vendorPrefixes || add && add.prefixes || [];
     var params = this.parse(decl.value);
     var names = params.map(function (i) {
       return _this.findProp(i);
@@ -69,6 +72,12 @@ function () {
           prefix = _i3.value;
         }
 
+        if (vendorPrefixes && !vendorPrefixes.some(function (p) {
+          return prefix.includes(p);
+        })) {
+          continue;
+        }
+
         var prefixed = this.prefixes.prefixed(prop, prefix);
 
         if (prefixed !== '-ms-transform' && !names.includes(prefixed)) {
@@ -473,6 +482,25 @@ function () {
     }
 
     return undefined;
+  }
+  /**
+   * Check if transition prop is inside vendor specific rule
+   */
+  ;
+
+  _proto.ruleVendorPrefixes = function ruleVendorPrefixes(decl) {
+    var parent = decl.parent;
+
+    if (parent.type !== 'rule') {
+      return false;
+    } else if (!parent.selector.includes(':-')) {
+      return false;
+    }
+
+    var selectors = Browsers.prefixes().filter(function (s) {
+      return parent.selector.includes(':' + s);
+    });
+    return selectors.length > 0 ? selectors : false;
   };
 
   return Transition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "9.7.0",
+  "version": "9.7.1",
   "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>",
@@ -11,11 +11,11 @@
   },
   "dependencies": {
     "browserslist": "^4.7.2",
-    "caniuse-lite": "^1.0.30001004",
+    "caniuse-lite": "^1.0.30001006",
     "chalk": "^2.4.2",
     "normalize-range": "^0.1.2",
     "num2fraction": "^1.2.2",
-    "postcss": "^7.0.19",
+    "postcss": "^7.0.21",
     "postcss-value-parser": "^4.0.2"
   },
   "bin": {