autoprefixer 10.2.2 → 10.2.6

package/lib/supports.js

@@ -21,7 +21,7 @@ for (let browser in data.stats) {
 }
 
 class Supports {
-  constructor (Prefixes, all) {
+  constructor(Prefixes, all) {
     this.Prefixes = Prefixes
     this.all = all
   }
@@ -29,7 +29,7 @@ class Supports {
   /**
    * Return prefixer only with @supports supported browsers
    */
-  prefixer () {
+  prefixer() {
     if (this.prefixerCache) {
       return this.prefixerCache
     }
@@ -54,7 +54,7 @@ class Supports {
   /**
    * Parse string into declaration property and value
    */
-  parse (str) {
+  parse(str) {
     let parts = str.split(':')
     let prop = parts[0]
     let value = parts[1]
@@ -65,7 +65,7 @@ class Supports {
   /**
    * Create virtual rule to process it by prefixer
    */
-  virtual (str) {
+  virtual(str) {
     let [prop, value] = this.parse(str)
     let rule = parse('a{}').first
     rule.append({ prop, value, raws: { before: '' } })
@@ -75,7 +75,7 @@ class Supports {
   /**
    * Return array of Declaration with all necessary prefixes
    */
-  prefixed (str) {
+  prefixed(str) {
     let rule = this.virtual(str)
     if (this.disabled(rule.first)) {
       return rule.nodes
@@ -99,21 +99,21 @@ class Supports {
   /**
    * Return true if brackets node is "not" word
    */
-  isNot (node) {
+  isNot(node) {
     return typeof node === 'string' && /not\s*/i.test(node)
   }
 
   /**
    * Return true if brackets node is "or" word
    */
-  isOr (node) {
+  isOr(node) {
     return typeof node === 'string' && /\s*or\s*/i.test(node)
   }
 
   /**
    * Return true if brackets node is (prop: value)
    */
-  isProp (node) {
+  isProp(node) {
     return (
       typeof node === 'object' &&
       node.length === 1 &&
@@ -124,7 +124,7 @@ class Supports {
   /**
    * Return true if prefixed property has no unprefixed
    */
-  isHack (all, unprefixed) {
+  isHack(all, unprefixed) {
     let check = new RegExp(`(\\(|\\s)${utils.escapeRegexp(unprefixed)}:`)
     return !check.test(all)
   }
@@ -132,7 +132,7 @@ class Supports {
   /**
    * Return true if we need to remove node
    */
-  toRemove (str, all) {
+  toRemove(str, all) {
     let [prop, value] = this.parse(str)
     let unprefixed = this.all.unprefixed(prop)
 
@@ -158,7 +158,7 @@ class Supports {
   /**
    * Remove all unnecessary prefixes
    */
-  remove (nodes, all) {
+  remove(nodes, all) {
     let i = 0
     while (i < nodes.length) {
       if (
@@ -187,7 +187,7 @@ class Supports {
   /**
    * Clean brackets with one child
    */
-  cleanBrackets (nodes) {
+  cleanBrackets(nodes) {
     return nodes.map(i => {
       if (typeof i !== 'object') {
         return i
@@ -204,7 +204,7 @@ class Supports {
   /**
    * Add " or " between properties and convert it to brackets format
    */
-  convert (progress) {
+  convert(progress) {
     let result = ['']
     for (let i of progress) {
       result.push([`${i.prop}: ${i.value}`])
@@ -217,23 +217,31 @@ class Supports {
   /**
    * Compress value functions into a string nodes
    */
-  normalize (nodes) {
+  normalize(nodes) {
     if (typeof nodes !== 'object') {
       return nodes
     }
 
     nodes = nodes.filter(i => i !== '')
-    if (typeof nodes[0] === 'string' && nodes[0].includes(':')) {
-      return [brackets.stringify(nodes)]
-    }
 
+    if (typeof nodes[0] === 'string') {
+      let firstNode = nodes[0].trim()
+
+      if (
+        firstNode.includes(':') ||
+        firstNode === 'selector' ||
+        firstNode === 'not selector'
+      ) {
+        return [brackets.stringify(nodes)]
+      }
+    }
     return nodes.map(i => this.normalize(i))
   }
 
   /**
    * Add prefixes
    */
-  add (nodes, all) {
+  add(nodes, all) {
     return nodes.map(i => {
       if (this.isProp(i)) {
         let prefixed = this.prefixed(i[0])
@@ -255,7 +263,7 @@ class Supports {
   /**
    * Add prefixed declaration
    */
-  process (rule) {
+  process(rule) {
     let ast = brackets.parse(rule.params)
     ast = this.normalize(ast)
     ast = this.remove(ast, rule.params)
@@ -267,7 +275,7 @@ class Supports {
   /**
    * Check global options
    */
-  disabled (node) {
+  disabled(node) {
     if (!this.all.options.grid) {
       if (node.prop === 'display' && node.value.includes('grid')) {
         return true

package/lib/transition.js

@@ -5,7 +5,7 @@ let Browsers = require('./browsers')
 let vendor = require('./vendor')
 
 class Transition {
-  constructor (prefixes) {
+  constructor(prefixes) {
     this.props = ['transition', 'transition-property']
     this.prefixes = prefixes
   }
@@ -13,7 +13,7 @@ class Transition {
   /**
    * Process transition and add prefixes for all necessary properties
    */
-  add (decl, result) {
+  add(decl, result) {
     let prefix, prop
     let add = this.prefixes.add[decl.prop]
     let vendorPrefixes = this.ruleVendorPrefixes(decl)
@@ -82,7 +82,7 @@ class Transition {
   /**
    * Find property name
    */
-  findProp (param) {
+  findProp(param) {
     let prop = param[0].value
     if (/^\d/.test(prop)) {
       for (let [i, token] of param.entries()) {
@@ -97,14 +97,14 @@ class Transition {
   /**
    * Does we already have this declaration
    */
-  already (decl, prop, value) {
+  already(decl, prop, value) {
     return decl.parent.some(i => i.prop === prop && i.value === value)
   }
 
   /**
    * Add declaration if it is not exist
    */
-  cloneBefore (decl, prop, value) {
+  cloneBefore(decl, prop, value) {
     if (!this.already(decl, prop, value)) {
       decl.cloneBefore({ prop, value })
     }
@@ -113,7 +113,7 @@ class Transition {
   /**
    * Show transition-property warning
    */
-  checkForWarning (result, decl) {
+  checkForWarning(result, decl) {
     if (decl.prop !== 'transition-property') {
       return
     }
@@ -158,7 +158,7 @@ class Transition {
   /**
    * Process transition and remove all unnecessary properties
    */
-  remove (decl) {
+  remove(decl) {
     let params = this.parse(decl.value)
     params = params.filter(i => {
       let prop = this.prefixes.remove[this.findProp(i)]
@@ -193,7 +193,7 @@ class Transition {
   /**
    * Parse properties list to array
    */
-  parse (value) {
+  parse(value) {
     let ast = parser(value)
     let result = []
     let param = []
@@ -211,7 +211,7 @@ class Transition {
   /**
    * Return properties string from array
    */
-  stringify (params) {
+  stringify(params) {
     if (params.length === 0) {
       return ''
     }
@@ -234,7 +234,7 @@ class Transition {
   /**
    * Return new param array with different name
    */
-  clone (origin, name, param) {
+  clone(origin, name, param) {
     let result = []
     let changed = false
     for (let i of param) {
@@ -251,7 +251,7 @@ class Transition {
   /**
    * Find or create separator
    */
-  div (params) {
+  div(params) {
     for (let param of params) {
       for (let node of param) {
         if (node.type === 'div' && node.value === ',') {
@@ -262,7 +262,7 @@ class Transition {
     return { type: 'div', value: ',', after: ' ' }
   }
 
-  cleanOtherPrefixes (params, prefix) {
+  cleanOtherPrefixes(params, prefix) {
     return params.filter(param => {
       let current = vendor.prefix(this.findProp(param))
       return current === '' || current === prefix
@@ -272,7 +272,7 @@ class Transition {
   /**
    * Remove all non-webkit prefixes and unprefixed params if we have prefixed
    */
-  cleanFromUnprefixed (params, prefix) {
+  cleanFromUnprefixed(params, prefix) {
     let remove = params
       .map(i => this.findProp(i))
       .filter(i => i.slice(0, prefix.length) === prefix)
@@ -292,7 +292,7 @@ class Transition {
   /**
    * Check property for disabled by option
    */
-  disabled (prop, prefix) {
+  disabled(prop, prefix) {
     let other = ['order', 'justify-content', 'align-self', 'align-content']
     if (prop.includes('flex') || other.includes(prop)) {
       if (this.prefixes.options.flexbox === false) {
@@ -309,7 +309,7 @@ class Transition {
   /**
    * Check if transition prop is inside vendor specific rule
    */
-  ruleVendorPrefixes (decl) {
+  ruleVendorPrefixes(decl) {
     let { parent } = decl
 
     if (parent.type !== 'rule') {

package/lib/utils.js

@@ -1,80 +1,78 @@
 let { list } = require('postcss')
 
-module.exports = {
-  /**
-   * Throw special error, to tell beniary,
-   * that this error is from Autoprefixer.
-   */
-  error (text) {
-    let err = new Error(text)
-    err.autoprefixer = true
-    throw err
-  },
+/**
+ * Throw special error, to tell beniary,
+ * that this error is from Autoprefixer.
+ */
+module.exports.error = function (text) {
+  let err = new Error(text)
+  err.autoprefixer = true
+  throw err
+}
 
-  /**
-   * Return array, that doesn’t contain duplicates.
-   */
-  uniq (array) {
-    return [...new Set(array)]
-  },
+/**
+ * Return array, that doesn’t contain duplicates.
+ */
+module.exports.uniq = function (array) {
+  return [...new Set(array)]
+}
 
-  /**
-   * Return "-webkit-" on "-webkit- old"
-   */
-  removeNote (string) {
-    if (!string.includes(' ')) {
-      return string
-    }
+/**
+ * Return "-webkit-" on "-webkit- old"
+ */
+module.exports.removeNote = function (string) {
+  if (!string.includes(' ')) {
+    return string
+  }
 
-    return string.split(' ')[0]
-  },
+  return string.split(' ')[0]
+}
 
-  /**
-   * Escape RegExp symbols
-   */
-  escapeRegexp (string) {
-    return string.replace(/[$()*+-.?[\\\]^{|}]/g, '\\$&')
-  },
+/**
+ * Escape RegExp symbols
+ */
+module.exports.escapeRegexp = function (string) {
+  return string.replace(/[$()*+-.?[\\\]^{|}]/g, '\\$&')
+}
 
-  /**
-   * Return regexp to check, that CSS string contain word
-   */
-  regexp (word, escape = true) {
-    if (escape) {
-      word = this.escapeRegexp(word)
-    }
-    return new RegExp(`(^|[\\s,(])(${word}($|[\\s(,]))`, 'gi')
-  },
+/**
+ * Return regexp to check, that CSS string contain word
+ */
+module.exports.regexp = function (word, escape = true) {
+  if (escape) {
+    word = this.escapeRegexp(word)
+  }
+  return new RegExp(`(^|[\\s,(])(${word}($|[\\s(,]))`, 'gi')
+}
 
-  /**
-   * Change comma list
-   */
-  editList (value, callback) {
-    let origin = list.comma(value)
-    let changed = callback(origin, [])
+/**
+ * Change comma list
+ */
+module.exports.editList = function (value, callback) {
+  let origin = list.comma(value)
+  let changed = callback(origin, [])
 
-    if (origin === changed) {
-      return value
-    }
+  if (origin === changed) {
+    return value
+  }
 
-    let join = value.match(/,\s*/)
-    join = join ? join[0] : ', '
-    return changed.join(join)
-  },
+  let join = value.match(/,\s*/)
+  join = join ? join[0] : ', '
+  return changed.join(join)
+}
 
-  /**
-   * Split the selector into parts.
-   * It returns 3 level deep array because selectors can be comma
-   * separated (1), space separated (2), and combined (3)
-   * @param {String} selector selector string
-   * @return {Array<Array<Array>>} 3 level deep array of split selector
-   * @see utils.test.js for examples
-   */
-  splitSelector (selector) {
-    return list.comma(selector).map(i => {
-      return list.space(i).map(k => {
-        return k.split(/(?=\.|#)/g)
-      })
+/**
+ * Split the selector into parts.
+ * It returns 3 level deep array because selectors can be comma
+ * separated (1), space separated (2), and combined (3)
+ * @param {String} selector selector string
+ * @return {Array<Array<Array>>} 3 level deep array of split selector
+ * @see utils.test.js for examples
+ */
+module.exports.splitSelector = function (selector) {
+  return list.comma(selector).map(i => {
+    return list.space(i).map(k => {
+      return k.split(/(?=\.|#)/g)
     })
-  }
+  })
 }

package/lib/value.js

@@ -7,7 +7,7 @@ class Value extends Prefixer {
   /**
    * Clone decl for each prefixed values
    */
-  static save (prefixes, decl) {
+  static save(prefixes, decl) {
     let prop = decl.prop
     let result = []
 
@@ -61,7 +61,7 @@ class Value extends Prefixer {
   /**
    * Is declaration need to be prefixed
    */
-  check (decl) {
+  check(decl) {
     let value = decl.value
     if (!value.includes(this.name)) {
       return false
@@ -73,21 +73,21 @@ class Value extends Prefixer {
   /**
    * Lazy regexp loading
    */
-  regexp () {
+  regexp() {
     return this.regexpCache || (this.regexpCache = utils.regexp(this.name))
   }
 
   /**
    * Add prefix to values in string
    */
-  replace (string, prefix) {
+  replace(string, prefix) {
     return string.replace(this.regexp(), `$1${prefix}$2`)
   }
 
   /**
    * Get value with comments if it was not changed
    */
-  value (decl) {
+  value(decl) {
     if (decl.raws.value && decl.raws.value.value === decl.value) {
       return decl.raws.value.raw
     } else {
@@ -98,7 +98,7 @@ class Value extends Prefixer {
   /**
    * Save values with next prefixed token
    */
-  add (decl, prefix) {
+  add(decl, prefix) {
     if (!decl._autoprefixerValues) {
       decl._autoprefixerValues = {}
     }
@@ -117,7 +117,7 @@ class Value extends Prefixer {
   /**
    * Return function to fast find prefixed value
    */
-  old (prefix) {
+  old(prefix) {
     return new OldValue(this.name, prefix + this.name)
   }
 }

package/lib/vendor.js

@@ -1,5 +1,5 @@
 module.exports = {
-  prefix (prop) {
+  prefix(prop) {
     let match = prop.match(/^(-\w+-)/)
     if (match) {
       return match[0]
@@ -8,7 +8,7 @@ module.exports = {
     return ''
   },
 
-  unprefixed (prop) {
+  unprefixed(prop) {
     return prop.replace(/^-\w+-/, '')
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "10.2.2",
+  "version": "10.2.6",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "engines": {
     "node": "^10 || ^12 || >=14"
@@ -26,10 +26,10 @@
     "postcss": "^8.1.0"
   },
   "dependencies": {
-    "browserslist": "^4.16.1",
-    "caniuse-lite": "^1.0.30001178",
-    "colorette": "^1.2.1",
-    "fraction.js": "^4.0.13",
+    "browserslist": "^4.16.6",
+    "caniuse-lite": "^1.0.30001230",
+    "colorette": "^1.2.2",
+    "fraction.js": "^4.1.1",
     "normalize-range": "^0.1.2",
     "postcss-value-parser": "^4.1.0"
   },