autoprefixer 10.4.27 → 10.5.1

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright 2013 Andrey Sitnik <andrey@sitnik.ru>
+Copyright 2013 Andrey Sitnik <andrey@sitnik.es>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

package/README.md

@@ -46,12 +46,8 @@ Twitter account for news and releases: [@autoprefixer].
 </a>
 
 [interactive demo]: https://autoprefixer.github.io/
-[@autoprefixer]:    https://twitter.com/autoprefixer
-[Can I Use]:        https://caniuse.com/
-[cult-img]:         https://cultofmartians.com/assets/badges/badge.svg
-[PostCSS]:          https://github.com/postcss/postcss
-[cult]:             https://cultofmartians.com/tasks/autoprefixer-grid.html
-
-
-## Docs
-Read full docs **[here](https://github.com/postcss/autoprefixer#readme)**.
+[@autoprefixer]: https://twitter.com/autoprefixer
+[Can I Use]: https://caniuse.com/
+[cult-img]: https://cultofmartians.com/assets/badges/badge.svg
+[PostCSS]: https://github.com/postcss/postcss
+[cult]: https://cultofmartians.com/tasks/autoprefixer-grid.html

package/data/prefixes.js

@@ -750,6 +750,8 @@ f(prefixCssMasks, browsers => {
     [
       'mask',
       'mask-position',
+      'mask-position-x',
+      'mask-position-y',
       'mask-size',
       'mask-border',
       'mask-border-outset',

package/lib/autoprefixer.d.ts

@@ -1,5 +1,5 @@
-import { Plugin } from 'postcss'
 import { Stats } from 'browserslist'
+import { Plugin } from 'postcss'
 
 declare function autoprefixer<T extends string[]>(
   ...args: [...T, autoprefixer.Options]

package/lib/hacks/gradient.js

@@ -4,7 +4,7 @@ let OldValue = require('../old-value')
 let utils = require('../utils')
 let Value = require('../value')
 
-let IS_DIRECTION = /top|left|right|bottom/gi
+const IS_DIRECTION = /top|left|right|bottom/gi
 
 class Gradient extends Value {
   /**
@@ -229,7 +229,7 @@ class Gradient extends Value {
       nodes[0].value = this.normalizeUnit(nodes[0].value, 1)
     } else if (nodes[0].value.includes('deg')) {
       let num = parseFloat(nodes[0].value)
-      num = (num % 360 + 360) % 360
+      num = ((num % 360) + 360) % 360
       nodes[0].value = `${num}deg`
     }
 

package/lib/hacks/grid-utils.js

@@ -164,7 +164,7 @@ function prefixTrackValue({ gap, value }) {
 
 // Parse grid-template-areas
 
-let DOTS = /^\.+$/
+const DOTS = /^\.+$/
 
 function track(start, end) {
   return { end, span: end - start, start }
@@ -358,6 +358,30 @@ function selectorsEqual(ruleA, ruleB) {
   })
 }
 
+function selectorStartsWith(base, selector) {
+  if (!selector.startsWith(base)) {
+    return false
+  }
+
+  let next = selector[base.length]
+  return !next || /[\s.#[:>+~]/.test(next)
+}
+
+function selectorMayOverlap(previous, current) {
+  let base = previous.replace(/\s*\*\s*/g, ' ').replace(/\s+/g, ' ').trim()
+  let selector = current.replace(/\s+/g, ' ').trim()
+
+  return !base || selectorStartsWith(base, selector)
+}
+
+function selectorsMayOverlap(previous, current) {
+  return previous.some(previousSelector => {
+    return current.some(currentSelector => {
+      return selectorMayOverlap(previousSelector, currentSelector)
+    })
+  })
+}
+
 /**
  * Parse data from all grid-template(-areas) declarations
  * @param  {Root} css css root
@@ -483,6 +507,7 @@ function insertAreas(css, isDisabled) {
 
   // we need to store the rules that we will insert later
   let rulesToInsert = {}
+  let previousGridAreas = []
 
   css.walkDecls('grid-area', gridArea => {
     let gridAreaRule = gridArea.parent
@@ -515,6 +540,20 @@ function insertAreas(css, isDisabled) {
       return false
     }
 
+    function shouldResetSpan(rule, area, dimension) {
+      return previousGridAreas.some(previous => {
+        if (previous.data !== data) {
+          return false
+        }
+        if (!selectorsMayOverlap(previous.selectors, gridAreaRule.selectors)) {
+          return false
+        }
+
+        let previousArea = rule.areas[previous.value]
+        return previousArea && previousArea[dimension].span > area[dimension].span
+      })
+    }
+
     // create the empty object with the key as the last area name
     // e.g if we have templates with "a b c" values, "c" will be the last area
     if (!rulesToInsert[lastArea]) {
@@ -553,8 +592,10 @@ function insertAreas(css, isDisabled) {
 
       if ((!rule.hasDuplicates || !hasDuplicateName) && !rule.params) {
         // grid-template has no duplicates and not inside media rule
+        let addRowSpan = shouldResetSpan(rule, area, 'row')
+        let addColumnSpan = shouldResetSpan(rule, area, 'column')
 
-        getMSDecls(area, false, false)
+        getMSDecls(area, addRowSpan, addColumnSpan)
           .reverse()
           .forEach(i =>
             gridAreaRule.prepend(
@@ -572,8 +613,11 @@ function insertAreas(css, isDisabled) {
         // grid-template has duplicates and not inside media rule
         let cloned = gridAreaRule.clone()
         cloned.removeAll()
+        let addRowSpan = area.row.updateSpan || shouldResetSpan(rule, area, 'row')
+        let addColumnSpan =
+          area.column.updateSpan || shouldResetSpan(rule, area, 'column')
 
-        getMSDecls(area, area.row.updateSpan, area.column.updateSpan)
+        getMSDecls(area, addRowSpan, addColumnSpan)
           .reverse()
           .forEach(i =>
             cloned.prepend(
@@ -604,7 +648,11 @@ function insertAreas(css, isDisabled) {
         // grid-template has duplicates and not inside media rule
         // and the selector is complex
         gridAreaRule.walkDecls(/-ms-grid-(row|column)/, d => d.remove())
-        getMSDecls(area, area.row.updateSpan, area.column.updateSpan)
+        let addRowSpan = area.row.updateSpan || shouldResetSpan(rule, area, 'row')
+        let addColumnSpan =
+          area.column.updateSpan || shouldResetSpan(rule, area, 'column')
+
+        getMSDecls(area, addRowSpan, addColumnSpan)
           .reverse()
           .forEach(i =>
             gridAreaRule.prepend(
@@ -622,8 +670,11 @@ function insertAreas(css, isDisabled) {
         // rules and merge them easily
         let cloned = gridAreaRule.clone()
         cloned.removeAll()
+        let addRowSpan = area.row.updateSpan || shouldResetSpan(rule, area, 'row')
+        let addColumnSpan =
+          area.column.updateSpan || shouldResetSpan(rule, area, 'column')
 
-        getMSDecls(area, area.row.updateSpan, area.column.updateSpan)
+        getMSDecls(area, addRowSpan, addColumnSpan)
           .reverse()
           .forEach(i =>
             cloned.prepend(
@@ -661,6 +712,12 @@ function insertAreas(css, isDisabled) {
       }
     }
 
+    previousGridAreas.push({
+      data,
+      selectors: gridAreaRule.selectors,
+      value
+    })
+
     return undefined
   })
 

package/lib/prefixes.js

@@ -192,7 +192,7 @@ class Prefixes {
             return true
           }
 
-          if (step === +1 && other.prop === unprefixed) {
+          if (step === 1 && other.prop === unprefixed) {
             if (!Browsers.withPrefix(other.value)) {
               break
             }
@@ -206,7 +206,7 @@ class Prefixes {
 
     return {
       down(callback) {
-        return checker(+1, callback)
+        return checker(1, callback)
       },
       up(callback) {
         return checker(-1, callback)

package/lib/processor.js

@@ -35,6 +35,17 @@ function hasRowsAndColumns(decl) {
   return hasRows && hasColumns
 }
 
+function insideGrid(decl) {
+  return decl.parent.nodes.some(node => {
+    if (node.type !== 'decl') return false
+    let displayGrid =
+      node.prop === 'display' && /(inline-)?grid/.test(node.value)
+    let gridTemplate = node.prop.startsWith('grid-template')
+    let gridGap = /^grid-([A-z]+-)?gap/.test(node.prop)
+    return displayGrid || gridTemplate || gridGap
+  })
+}
+
 class Processor {
   constructor(prefixes) {
     this.prefixes = prefixes
@@ -84,17 +95,6 @@ class Processor {
       })
     })
 
-    function insideGrid(decl) {
-      return decl.parent.nodes.some(node => {
-        if (node.type !== 'decl') return false
-        let displayGrid =
-          node.prop === 'display' && /(inline-)?grid/.test(node.value)
-        let gridTemplate = node.prop.startsWith('grid-template')
-        let gridGap = /^grid-([A-z]+-)?gap/.test(node.prop)
-        return displayGrid || gridTemplate || gridGap
-      })
-    }
-
     let gridPrefixes =
       this.gridStatus(css, result) &&
       this.prefixes.add['grid-area'] &&
@@ -586,6 +586,7 @@ class Processor {
 
     let parts = decl.raw('before').split('\n')
     let prevMin = parts[parts.length - 1].length
+    /** @type {number|false} */
     let diff = false
 
     this.prefixes.group(decl).down(other => {

package/lib/supports.js

@@ -211,7 +211,8 @@ class Supports {
     let browsers = new Browsers(
       this.all.browsers.data,
       filtered,
-      this.all.options
+      this.all.options,
+      this.all.browsers.browserslistOpts
     )
     this.prefixerCache = new this.Prefixes(
       this.all.data,

package/lib/transition.js

@@ -320,7 +320,7 @@ class Transition {
       nodes = nodes.slice(1)
     }
     if (nodes[nodes.length - 1].type === 'div') {
-      nodes = nodes.slice(0, +-2 + 1 || undefined)
+      nodes = nodes.slice(0, -1)
     }
     return parser.stringify({ nodes })
   }

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "autoprefixer",
-  "version": "10.4.27",
+  "version": "10.5.1",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
-  "engines": {
-    "node": "^10 || ^12 || >=14"
-  },
   "keywords": [
     "autoprefixer",
     "css",
-    "prefix",
     "postcss",
-    "postcss-plugin"
+    "postcss-plugin",
+    "prefix"
   ],
-  "main": "lib/autoprefixer.js",
-  "bin": "bin/autoprefixer",
-  "types": "lib/autoprefixer.d.ts",
+  "bugs": {
+    "url": "https://github.com/postcss/autoprefixer/issues"
+  },
+  "license": "MIT",
+  "author": "Andrey Sitnik <andrey@sitnik.es>",
+  "repository": "postcss/autoprefixer",
   "funding": [
     {
       "type": "opencollective",
@@ -29,20 +29,20 @@
       "url": "https://github.com/sponsors/ai"
     }
   ],
-  "author": "Andrey Sitnik <andrey@sitnik.ru>",
-  "license": "MIT",
-  "repository": "postcss/autoprefixer",
-  "bugs": {
-    "url": "https://github.com/postcss/autoprefixer/issues"
-  },
-  "peerDependencies": {
-    "postcss": "^8.1.0"
-  },
+  "bin": "bin/autoprefixer",
+  "main": "lib/autoprefixer.js",
+  "types": "lib/autoprefixer.d.ts",
   "dependencies": {
-    "browserslist": "^4.28.1",
-    "caniuse-lite": "^1.0.30001774",
+    "browserslist": "^4.28.4",
+    "caniuse-lite": "^1.0.30001799",
     "fraction.js": "^5.3.4",
     "picocolors": "^1.1.1",
     "postcss-value-parser": "^4.2.0"
+  },
+  "peerDependencies": {
+    "postcss": "^8.1.0"
+  },
+  "engines": {
+    "node": "^10 || ^12 || >=14"
   }
 }