autoprefixer 10.2.3 → 10.3.0

package/lib/info.js

@@ -1,21 +1,25 @@
 let browserslist = require('browserslist')
 
-function capitalize (str) {
+function capitalize(str) {
   return str.slice(0, 1).toUpperCase() + str.slice(1)
 }
 
 const NAMES = {
   ie: 'IE',
   ie_mob: 'IE Mobile',
-  ios_saf: 'iOS',
+  ios_saf: 'iOS Safari',
   op_mini: 'Opera Mini',
   op_mob: 'Opera Mobile',
   and_chr: 'Chrome for Android',
   and_ff: 'Firefox for Android',
-  and_uc: 'UC for Android'
+  and_uc: 'UC for Android',
+  and_qq: 'QQ Browser',
+  kaios: 'KaiOS Browser',
+  baidu: 'Baidu Browser',
+  samsung: 'Samsung Internet'
 }
 
-function prefix (name, prefixes, note) {
+function prefix(name, prefixes, note) {
   let out = `  ${name}`
   if (note) out += ' *'
   out += ': '

package/lib/old-selector.js

@@ -1,5 +1,5 @@
 class OldSelector {
-  constructor (selector, prefix) {
+  constructor(selector, prefix) {
     this.prefix = prefix
     this.prefixed = selector.prefixed(this.prefix)
     this.regexp = selector.regexp(this.prefix)
@@ -15,7 +15,7 @@ class OldSelector {
   /**
    * Is rule a hack without unprefixed version bottom
    */
-  isHack (rule) {
+  isHack(rule) {
     let index = rule.parent.index(rule) + 1
     let rules = rule.parent.nodes
 
@@ -50,7 +50,7 @@ class OldSelector {
   /**
    * Does rule contain an unnecessary prefixed selector
    */
-  check (rule) {
+  check(rule) {
     if (!rule.selector.includes(this.prefixed)) {
       return false
     }

package/lib/old-value.js

@@ -1,7 +1,7 @@
 let utils = require('./utils')
 
 class OldValue {
-  constructor (unprefixed, prefixed, string, regexp) {
+  constructor(unprefixed, prefixed, string, regexp) {
     this.unprefixed = unprefixed
     this.prefixed = prefixed
     this.string = string || prefixed
@@ -11,7 +11,7 @@ class OldValue {
   /**
    * Check, that value contain old value
    */
-  check (value) {
+  check(value) {
     if (value.includes(this.string)) {
       return !!value.match(this.regexp)
     }

package/lib/prefixer.js

@@ -5,7 +5,7 @@ let utils = require('./utils')
 /**
  * Recursively clone objects
  */
-function clone (obj, parent) {
+function clone(obj, parent) {
   let cloned = new obj.constructor()
 
   for (let i of Object.keys(obj || {})) {
@@ -16,11 +16,13 @@ function clone (obj, parent) {
       }
     } else if (i === 'source' || i === null) {
       cloned[i] = value
-    } else if (i === 'proxyCache') {
-      continue
     } else if (Array.isArray(value)) {
       cloned[i] = value.map(x => clone(x, cloned))
-    } else if (i !== '_autoprefixerPrefix' && i !== '_autoprefixerValues') {
+    } else if (
+      i !== '_autoprefixerPrefix' &&
+      i !== '_autoprefixerValues' &&
+      i !== 'proxyCache'
+    ) {
       if (typeof value === 'object' && value !== null) {
         value = clone(value, cloned)
       }
@@ -35,7 +37,7 @@ class Prefixer {
   /**
    * Add hack to selected names
    */
-  static hack (klass) {
+  static hack(klass) {
     if (!this.hacks) {
       this.hacks = {}
     }
@@ -48,7 +50,7 @@ class Prefixer {
   /**
    * Load hacks for some names
    */
-  static load (name, prefixes, all) {
+  static load(name, prefixes, all) {
     let Klass = this.hacks && this.hacks[name]
     if (Klass) {
       return new Klass(name, prefixes, all)
@@ -60,7 +62,7 @@ class Prefixer {
   /**
    * Clone node and clean autprefixer custom caches
    */
-  static clone (node, overrides) {
+  static clone(node, overrides) {
     let cloned = clone(node)
     for (let name in overrides) {
       cloned[name] = overrides[name]
@@ -68,7 +70,7 @@ class Prefixer {
     return cloned
   }
 
-  constructor (name, prefixes, all) {
+  constructor(name, prefixes, all) {
     this.prefixes = prefixes
     this.name = name
     this.all = all
@@ -77,7 +79,7 @@ class Prefixer {
   /**
    * Find prefix in node parents
    */
-  parentPrefix (node) {
+  parentPrefix(node) {
     let prefix
 
     if (typeof node._autoprefixerPrefix !== 'undefined') {
@@ -110,7 +112,7 @@ class Prefixer {
   /**
    * Clone node with prefixes
    */
-  process (node, result) {
+  process(node, result) {
     if (!this.check(node)) {
       return undefined
     }
@@ -134,7 +136,7 @@ class Prefixer {
   /**
    * Shortcut for Prefixer.clone
    */
-  clone (node, overrides) {
+  clone(node, overrides) {
     return Prefixer.clone(node, overrides)
   }
 }

package/lib/prefixes.js

@@ -9,66 +9,124 @@ let Selector = require('./selector')
 let AtRule = require('./at-rule')
 let Value = require('./value')
 let utils = require('./utils')
-Selector.hack(require('./hacks/fullscreen'))
-Selector.hack(require('./hacks/placeholder'))
-Selector.hack(require('./hacks/placeholder-shown'))
-Declaration.hack(require('./hacks/flex'))
-Declaration.hack(require('./hacks/order'))
-Declaration.hack(require('./hacks/filter'))
-Declaration.hack(require('./hacks/grid-end'))
-Declaration.hack(require('./hacks/animation'))
-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'))
-Declaration.hack(require('./hacks/flex-basis'))
-Declaration.hack(require('./hacks/mask-border'))
-Declaration.hack(require('./hacks/mask-composite'))
-Declaration.hack(require('./hacks/align-items'))
-Declaration.hack(require('./hacks/user-select'))
-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'))
-Declaration.hack(require('./hacks/border-radius'))
-Declaration.hack(require('./hacks/block-logical'))
-Declaration.hack(require('./hacks/grid-template'))
-Declaration.hack(require('./hacks/inline-logical'))
-Declaration.hack(require('./hacks/grid-row-align'))
-Declaration.hack(require('./hacks/transform-decl'))
-Declaration.hack(require('./hacks/flex-direction'))
-Declaration.hack(require('./hacks/image-rendering'))
-Declaration.hack(require('./hacks/backdrop-filter'))
-Declaration.hack(require('./hacks/background-clip'))
-Declaration.hack(require('./hacks/text-decoration'))
-Declaration.hack(require('./hacks/justify-content'))
-Declaration.hack(require('./hacks/background-size'))
-Declaration.hack(require('./hacks/grid-row-column'))
-Declaration.hack(require('./hacks/grid-rows-columns'))
-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/text-decoration-skip-ink'))
-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'))
-Value.hack(require('./hacks/display-flex'))
-Value.hack(require('./hacks/display-grid'))
-Value.hack(require('./hacks/filter-value'))
+let hackFullscreen = require('./hacks/fullscreen')
+let hackPlaceholder = require('./hacks/placeholder')
+let hackPlaceholderShown = require('./hacks/placeholder-shown')
+let hackFileSelectorButton = require('./hacks/file-selector-button')
+let hackFlex = require('./hacks/flex')
+let hackOrder = require('./hacks/order')
+let hackFilter = require('./hacks/filter')
+let hackGridEnd = require('./hacks/grid-end')
+let hackAnimation = require('./hacks/animation')
+let hackFlexFlow = require('./hacks/flex-flow')
+let hackFlexGrow = require('./hacks/flex-grow')
+let hackFlexWrap = require('./hacks/flex-wrap')
+let hackGridArea = require('./hacks/grid-area')
+let hackPlaceSelf = require('./hacks/place-self')
+let hackGridStart = require('./hacks/grid-start')
+let hackAlignSelf = require('./hacks/align-self')
+let hackAppearance = require('./hacks/appearance')
+let hackFlexBasis = require('./hacks/flex-basis')
+let hackMaskBorder = require('./hacks/mask-border')
+let hackMaskComposite = require('./hacks/mask-composite')
+let hackAlignItems = require('./hacks/align-items')
+let hackUserSelect = require('./hacks/user-select')
+let hackFlexShrink = require('./hacks/flex-shrink')
+let hackBreakProps = require('./hacks/break-props')
+let hackColorAdjust = require('./hacks/color-adjust')
+let hackWritingMode = require('./hacks/writing-mode')
+let hackBorderImage = require('./hacks/border-image')
+let hackAlignContent = require('./hacks/align-content')
+let hackBorderRadius = require('./hacks/border-radius')
+let hackBlockLogical = require('./hacks/block-logical')
+let hackGridTemplate = require('./hacks/grid-template')
+let hackInlineLogical = require('./hacks/inline-logical')
+let hackGridRowAlign = require('./hacks/grid-row-align')
+let hackTransformDecl = require('./hacks/transform-decl')
+let hackFlexDirection = require('./hacks/flex-direction')
+let hackImageRendering = require('./hacks/image-rendering')
+let hackBackdropFilter = require('./hacks/backdrop-filter')
+let hackBackgroundClip = require('./hacks/background-clip')
+let hackTextDecoration = require('./hacks/text-decoration')
+let hackJustifyContent = require('./hacks/justify-content')
+let hackBackgroundSize = require('./hacks/background-size')
+let hackGridRowColumn = require('./hacks/grid-row-column')
+let hackGridRowsColumns = require('./hacks/grid-rows-columns')
+let hackGridColumnAlign = require('./hacks/grid-column-align')
+let hackOverscrollBehavior = require('./hacks/overscroll-behavior')
+let hackGridTemplateAreas = require('./hacks/grid-template-areas')
+let hackTextEmphasisPosition = require('./hacks/text-emphasis-position')
+let hackTextDecorationSkipInk = require('./hacks/text-decoration-skip-ink')
+let hackGradient = require('./hacks/gradient')
+let hackIntrinsic = require('./hacks/intrinsic')
+let hackPixelated = require('./hacks/pixelated')
+let hackImageSet = require('./hacks/image-set')
+let hackCrossFade = require('./hacks/cross-fade')
+let hackDisplayFlex = require('./hacks/display-flex')
+let hackDisplayGrid = require('./hacks/display-grid')
+let hackFilterValue = require('./hacks/filter-value')
+
+Selector.hack(hackFullscreen)
+Selector.hack(hackPlaceholder)
+Selector.hack(hackPlaceholderShown)
+Selector.hack(hackFileSelectorButton)
+Declaration.hack(hackFlex)
+Declaration.hack(hackOrder)
+Declaration.hack(hackFilter)
+Declaration.hack(hackGridEnd)
+Declaration.hack(hackAnimation)
+Declaration.hack(hackFlexFlow)
+Declaration.hack(hackFlexGrow)
+Declaration.hack(hackFlexWrap)
+Declaration.hack(hackGridArea)
+Declaration.hack(hackPlaceSelf)
+Declaration.hack(hackGridStart)
+Declaration.hack(hackAlignSelf)
+Declaration.hack(hackAppearance)
+Declaration.hack(hackFlexBasis)
+Declaration.hack(hackMaskBorder)
+Declaration.hack(hackMaskComposite)
+Declaration.hack(hackAlignItems)
+Declaration.hack(hackUserSelect)
+Declaration.hack(hackFlexShrink)
+Declaration.hack(hackBreakProps)
+Declaration.hack(hackColorAdjust)
+Declaration.hack(hackWritingMode)
+Declaration.hack(hackBorderImage)
+Declaration.hack(hackAlignContent)
+Declaration.hack(hackBorderRadius)
+Declaration.hack(hackBlockLogical)
+Declaration.hack(hackGridTemplate)
+Declaration.hack(hackInlineLogical)
+Declaration.hack(hackGridRowAlign)
+Declaration.hack(hackTransformDecl)
+Declaration.hack(hackFlexDirection)
+Declaration.hack(hackImageRendering)
+Declaration.hack(hackBackdropFilter)
+Declaration.hack(hackBackgroundClip)
+Declaration.hack(hackTextDecoration)
+Declaration.hack(hackJustifyContent)
+Declaration.hack(hackBackgroundSize)
+Declaration.hack(hackGridRowColumn)
+Declaration.hack(hackGridRowsColumns)
+Declaration.hack(hackGridColumnAlign)
+Declaration.hack(hackOverscrollBehavior)
+Declaration.hack(hackGridTemplateAreas)
+Declaration.hack(hackTextEmphasisPosition)
+Declaration.hack(hackTextDecorationSkipInk)
+Value.hack(hackGradient)
+Value.hack(hackIntrinsic)
+Value.hack(hackPixelated)
+Value.hack(hackImageSet)
+Value.hack(hackCrossFade)
+Value.hack(hackDisplayFlex)
+Value.hack(hackDisplayGrid)
+Value.hack(hackFilterValue)
 
 let declsCache = new Map()
 
 class Prefixes {
-  constructor (data, browsers, options = {}) {
+  constructor(data, browsers, options = {}) {
     this.data = data
     this.browsers = browsers
     this.options = options
@@ -80,7 +138,7 @@ class Prefixes {
   /**
    * Return clone instance to remove all prefixes
    */
-  cleaner () {
+  cleaner() {
     if (this.cleanerCache) {
       return this.cleanerCache
     }
@@ -98,7 +156,7 @@ class Prefixes {
   /**
    * Select prefixes from data, which is necessary for selected browsers
    */
-  select (list) {
+  select(list) {
     let selected = { add: {}, remove: {} }
 
     for (let name in list) {
@@ -155,7 +213,7 @@ class Prefixes {
   /**
    * Sort vendor prefixes
    */
-  sort (prefixes) {
+  sort(prefixes) {
     return prefixes.sort((a, b) => {
       let aLength = utils.removeNote(a).length
       let bLength = utils.removeNote(b).length
@@ -171,7 +229,7 @@ class Prefixes {
   /**
    * Cache prefixes data to fast CSS processing
    */
-  preprocess (selected) {
+  preprocess(selected) {
     let add = {
       'selectors': [],
       '@supports': new Supports(Prefixes, this)
@@ -266,7 +324,7 @@ class Prefixes {
   /**
    * Declaration loader with caching
    */
-  decl (prop) {
+  decl(prop) {
     if (!declsCache.has(prop)) {
       declsCache.set(prop, Declaration.load(prop))
     }
@@ -277,7 +335,7 @@ class Prefixes {
   /**
    * Return unprefixed version of property
    */
-  unprefixed (prop) {
+  unprefixed(prop) {
     let value = this.normalize(vendor.unprefixed(prop))
     if (value === 'flex-direction') {
       value = 'flex-flow'
@@ -288,14 +346,14 @@ class Prefixes {
   /**
    * Normalize prefix for remover
    */
-  normalize (prop) {
+  normalize(prop) {
     return this.decl(prop).normalize(prop)
   }
 
   /**
    * Return prefixed version of property
    */
-  prefixed (prop, prefix) {
+  prefixed(prop, prefix) {
     prop = vendor.unprefixed(prop)
     return this.decl(prop).prefixed(prop, prefix)
   }
@@ -303,7 +361,7 @@ class Prefixes {
   /**
    * Return values, which must be prefixed in selected property
    */
-  values (type, prop) {
+  values(type, prop) {
     let data = this[type]
 
     let global = data['*'] && data['*'].values
@@ -319,7 +377,7 @@ class Prefixes {
   /**
    * Group declaration by unprefixed property to check them
    */
-  group (decl) {
+  group(decl) {
     let rule = decl.parent
     let index = rule.index(decl)
     let { length } = rule.nodes
@@ -355,10 +413,10 @@ class Prefixes {
     }
 
     return {
-      up (callback) {
+      up(callback) {
         return checker(-1, callback)
       },
-      down (callback) {
+      down(callback) {
         return checker(+1, callback)
       }
     }

package/lib/processor.js

@@ -23,27 +23,27 @@ const SIZES = [
   'max-block-size'
 ]
 
-function hasGridTemplate (decl) {
+function hasGridTemplate(decl) {
   return decl.parent.some(
     i => i.prop === 'grid-template' || i.prop === 'grid-template-areas'
   )
 }
 
-function hasRowsAndColumns (decl) {
+function hasRowsAndColumns(decl) {
   let hasRows = decl.parent.some(i => i.prop === 'grid-template-rows')
   let hasColumns = decl.parent.some(i => i.prop === 'grid-template-columns')
   return hasRows && hasColumns
 }
 
 class Processor {
-  constructor (prefixes) {
+  constructor(prefixes) {
     this.prefixes = prefixes
   }
 
   /**
    * Add necessary prefixes
    */
-  add (css, result) {
+  add(css, result) {
     // At-rules
     let resolution = this.prefixes.add['@resolution']
     let keyframes = this.prefixes.add['@keyframes']
@@ -84,7 +84,7 @@ class Processor {
       })
     })
 
-    function insideGrid (decl) {
+    function insideGrid(decl) {
       return decl.parent.nodes.some(node => {
         if (node.type !== 'decl') return false
         let displayGrid =
@@ -94,7 +94,7 @@ class Processor {
         return displayGrid || gridTemplate || gridGap
       })
     }
-    function insideFlex (decl) {
+    function insideFlex(decl) {
       return decl.parent.some(node => {
         return node.prop === 'display' && /(inline-)?flex/.test(node.value)
       })
@@ -391,7 +391,7 @@ class Processor {
   /**
    * Remove unnecessary pefixes
    */
-  remove (css, result) {
+  remove(css, result) {
     // At-rules
     let resolution = this.prefixes.remove['@resolution']
 
@@ -479,14 +479,14 @@ class Processor {
   /**
    * Some rare old values, which is not in standard
    */
-  withHackValue (decl) {
+  withHackValue(decl) {
     return decl.prop === '-webkit-background-clip' && decl.value === 'text'
   }
 
   /**
    * Check for grid/flexbox options.
    */
-  disabledValue (node, result) {
+  disabledValue(node, result) {
     if (this.gridStatus(node, result) === false && node.type === 'decl') {
       if (node.prop === 'display' && node.value.includes('grid')) {
         return true
@@ -504,7 +504,7 @@ class Processor {
   /**
    * Check for grid/flexbox options.
    */
-  disabledDecl (node, result) {
+  disabledDecl(node, result) {
     if (this.gridStatus(node, result) === false && node.type === 'decl') {
       if (node.prop.includes('grid') || node.prop === 'justify-items') {
         return true
@@ -523,7 +523,7 @@ class Processor {
   /**
    * Check for control comment and global options
    */
-  disabled (node, result) {
+  disabled(node, result) {
     if (!node) return false
 
     if (node._autoprefixerDisabled !== undefined) {
@@ -581,7 +581,7 @@ class Processor {
   /**
    * Normalize spaces in cascade declaration group
    */
-  reduceSpaces (decl) {
+  reduceSpaces(decl) {
     let stop = false
     this.prefixes.group(decl).up(() => {
       stop = true
@@ -613,7 +613,7 @@ class Processor {
   /**
    * Is it flebox or grid rule
    */
-  displayType (decl) {
+  displayType(decl) {
     for (let i of decl.parent.nodes) {
       if (i.prop !== 'display') {
         continue
@@ -634,7 +634,7 @@ class Processor {
   /**
    * Set grid option via control comment
    */
-  gridStatus (node, result) {
+  gridStatus(node, result) {
     if (!node) return false
 
     if (node._autoprefixerGridStatus !== undefined) {

package/lib/resolution.js

@@ -1,4 +1,4 @@
-let Fraction = require('fraction.js')
+let FractionJs = require('fraction.js')
 
 let Prefixer = require('./prefixer')
 let utils = require('./utils')
@@ -10,7 +10,7 @@ class Resolution extends Prefixer {
   /**
    * Return prefixed query name
    */
-  prefixName (prefix, name) {
+  prefixName(prefix, name) {
     if (prefix === '-moz-') {
       return name + '--moz-device-pixel-ratio'
     } else {
@@ -21,8 +21,8 @@ class Resolution extends Prefixer {
   /**
    * Return prefixed query
    */
-  prefixQuery (prefix, name, colon, value, units) {
-    value = new Fraction(value)
+  prefixQuery(prefix, name, colon, value, units) {
+    value = new FractionJs(value)
 
     // 1dpcm = 2.54dpi
     // 1dppx = 96dpi
@@ -42,7 +42,7 @@ class Resolution extends Prefixer {
   /**
    * Remove prefixed queries
    */
-  clean (rule) {
+  clean(rule) {
     if (!this.bad) {
       this.bad = []
       for (let prefix of this.prefixes) {
@@ -59,7 +59,7 @@ class Resolution extends Prefixer {
   /**
    * Add prefixed queries
    */
-  process (rule) {
+  process(rule) {
     let parent = this.parentPrefix(rule)
     let prefixes = parent ? [parent] : this.prefixes