autoprefixer 10.4.20 → 10.4.22

package/README.md

@@ -16,12 +16,7 @@ entirely):
 }
 
 .image {
-  background-image: url(image@1x.png);
-}
-@media (min-resolution: 2dppx) {
-  .image {
-    background-image: url(image@2x.png);
-  }
+  width: stretch;
 }
 ```
 
@@ -38,13 +33,9 @@ of Autoprefixer.
 }
 
 .image {
-  background-image: url(image@1x.png);
-}
-@media (-webkit-min-device-pixel-ratio: 2),
-       (min-resolution: 2dppx) {
-  .image {
-    background-image: url(image@2x.png);
-  }
+  width: -webkit-fill-available;
+  width: -moz-available;
+  width: stretch;
 }
 ```
 

package/data/prefixes.js

@@ -617,18 +617,21 @@ f(prefixIntrinsic, { match: /x|\s#5/ }, browsers => {
 
 let prefixStretch = require('caniuse-lite/data/features/css-width-stretch')
 
-f(prefixStretch, browsers =>
-  prefix(['stretch'], {
+f(prefixStretch, browsers => {
+  f(prefixIntrinsic, { match: /x|\s#2/ }, firefox => {
+    browsers = browsers.concat(firefox)
+  })
+  return prefix(['stretch'], {
     browsers,
     feature: 'css-width-stretch',
     props: sizeProps
   })
-)
+})
 
 // Zoom cursors
-let prefixCursorsNewer = require('caniuse-lite/data/features/css3-cursors-newer')
+let prefixCursorsNew = require('caniuse-lite/data/features/css3-cursors-newer')
 
-f(prefixCursorsNewer, browsers =>
+f(prefixCursorsNew, browsers =>
   prefix(['zoom-in', 'zoom-out'], {
     browsers,
     feature: 'css3-cursors-newer',

package/lib/autoprefixer.js

@@ -2,10 +2,10 @@ let browserslist = require('browserslist')
 let { agents } = require('caniuse-lite/dist/unpacker/agents')
 let pico = require('picocolors')
 
-let Browsers = require('./browsers')
-let Prefixes = require('./prefixes')
 let dataPrefixes = require('../data/prefixes')
+let Browsers = require('./browsers')
 let getInfo = require('./info')
+let Prefixes = require('./prefixes')
 
 let autoprefixerData = { browsers: agents, prefixes: dataPrefixes }
 

package/lib/declaration.js

@@ -1,5 +1,5 @@
-let Prefixer = require('./prefixer')
 let Browsers = require('./browsers')
+let Prefixer = require('./prefixer')
 let utils = require('./utils')
 
 class Declaration extends Prefixer {

package/lib/hacks/align-content.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class AlignContent extends Declaration {
   /**

package/lib/hacks/align-items.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class AlignItems extends Declaration {
   /**

package/lib/hacks/align-self.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class AlignSelf extends Declaration {
   check(decl) {

package/lib/hacks/display-flex.js

@@ -1,6 +1,6 @@
-let flexSpec = require('./flex-spec')
 let OldValue = require('../old-value')
 let Value = require('../value')
+let flexSpec = require('./flex-spec')
 
 class DisplayFlex extends Value {
   constructor(name, prefixes) {

package/lib/hacks/flex-basis.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class FlexBasis extends Declaration {
   /**

package/lib/hacks/flex-direction.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class FlexDirection extends Declaration {
   /**
@@ -20,7 +20,7 @@ class FlexDirection extends Declaration {
     }
 
     let v = decl.value
-    let orient, dir
+    let dir, orient
     if (v === 'inherit' || v === 'initial' || v === 'unset') {
       orient = v
       dir = v

package/lib/hacks/flex-flow.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class FlexFlow extends Declaration {
   /**

package/lib/hacks/flex-grow.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class Flex extends Declaration {
   /**

package/lib/hacks/flex-shrink.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class FlexShrink extends Declaration {
   /**

package/lib/hacks/flex-wrap.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class FlexWrap extends Declaration {
   /**

package/lib/hacks/flex.js

@@ -1,7 +1,7 @@
 let list = require('postcss').list
 
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class Flex extends Declaration {
   /**

package/lib/hacks/gradient.js

@@ -1,9 +1,9 @@
-let parser = require('postcss-value-parser')
 let range = require('normalize-range')
+let parser = require('postcss-value-parser')
 
 let OldValue = require('../old-value')
-let Value = require('../value')
 let utils = require('../utils')
+let Value = require('../value')
 
 let IS_DIRECTION = /top|left|right|bottom/gi
 

package/lib/hacks/grid-rows-columns.js

@@ -1,4 +1,5 @@
 let Declaration = require('../declaration')
+let Processor = require('../processor')
 let {
   autoplaceGridItems,
   getGridGap,
@@ -6,7 +7,6 @@ let {
   prefixTrackProp,
   prefixTrackValue
 } = require('./grid-utils')
-let Processor = require('../processor')
 
 class GridRowsColumns extends Declaration {
   insert(decl, prefix, prefixes, result) {

package/lib/hacks/justify-content.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class JustifyContent extends Declaration {
   /**

package/lib/hacks/order.js

@@ -1,5 +1,5 @@
-let flexSpec = require('./flex-spec')
 let Declaration = require('../declaration')
+let flexSpec = require('./flex-spec')
 
 class Order extends Declaration {
   /**

package/lib/hacks/placeholder-shown.js

@@ -5,7 +5,9 @@ class PlaceholderShown extends Selector {
    * Return different selectors depend on prefix
    */
   prefixed(prefix) {
-    if (prefix === '-ms-') {
+    if (prefix === '-moz-') {
+      return ':-moz-placeholder'
+    } else if (prefix === '-ms-') {
       return ':-ms-input-placeholder'
     }
     return `:${prefix}placeholder-shown`

package/lib/prefixer.js

@@ -1,6 +1,6 @@
 let Browsers = require('./browsers')
-let vendor = require('./vendor')
 let utils = require('./utils')
+let vendor = require('./vendor')
 
 /**
  * Recursively clone objects

package/lib/prefixes.js

@@ -1,71 +1,71 @@
-let vendor = require('./vendor')
-let Declaration = require('./declaration')
-let Resolution = require('./resolution')
-let Transition = require('./transition')
-let Processor = require('./processor')
-let Supports = require('./supports')
-let Browsers = require('./browsers')
-let Selector = require('./selector')
 let AtRule = require('./at-rule')
-let Value = require('./value')
-let utils = require('./utils')
-let hackFullscreen = require('./hacks/fullscreen')
-let hackPlaceholder = require('./hacks/placeholder')
-let hackPlaceholderShown = require('./hacks/placeholder-shown')
+let Browsers = require('./browsers')
+let Declaration = require('./declaration')
+let hackAlignContent = require('./hacks/align-content')
+let hackAlignItems = require('./hacks/align-items')
+let hackAlignSelf = require('./hacks/align-self')
+let hackAnimation = require('./hacks/animation')
+let hackAppearance = require('./hacks/appearance')
+let hackAutofill = require('./hacks/autofill')
+let hackBackdropFilter = require('./hacks/backdrop-filter')
+let hackBackgroundClip = require('./hacks/background-clip')
+let hackBackgroundSize = require('./hacks/background-size')
+let hackBlockLogical = require('./hacks/block-logical')
+let hackBorderImage = require('./hacks/border-image')
+let hackBorderRadius = require('./hacks/border-radius')
+let hackBreakProps = require('./hacks/break-props')
+let hackCrossFade = require('./hacks/cross-fade')
+let hackDisplayFlex = require('./hacks/display-flex')
+let hackDisplayGrid = require('./hacks/display-grid')
 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 hackFilterValue = require('./hacks/filter-value')
+let hackFlex = require('./hacks/flex')
+let hackFlexBasis = require('./hacks/flex-basis')
+let hackFlexDirection = require('./hacks/flex-direction')
 let hackFlexFlow = require('./hacks/flex-flow')
 let hackFlexGrow = require('./hacks/flex-grow')
+let hackFlexShrink = require('./hacks/flex-shrink')
 let hackFlexWrap = require('./hacks/flex-wrap')
+let hackFullscreen = require('./hacks/fullscreen')
+let hackGradient = require('./hacks/gradient')
 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 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 hackGridColumnAlign = require('./hacks/grid-column-align')
+let hackGridEnd = require('./hacks/grid-end')
 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 hackPrintColorAdjust = require('./hacks/print-color-adjust')
-let hackOverscrollBehavior = require('./hacks/overscroll-behavior')
+let hackGridStart = require('./hacks/grid-start')
+let hackGridTemplate = require('./hacks/grid-template')
 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 hackImageRendering = require('./hacks/image-rendering')
+let hackImageSet = require('./hacks/image-set')
+let hackInlineLogical = require('./hacks/inline-logical')
 let hackIntrinsic = require('./hacks/intrinsic')
+let hackJustifyContent = require('./hacks/justify-content')
+let hackMaskBorder = require('./hacks/mask-border')
+let hackMaskComposite = require('./hacks/mask-composite')
+let hackOrder = require('./hacks/order')
+let hackOverscrollBehavior = require('./hacks/overscroll-behavior')
 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')
-let hackAutofill = require('./hacks/autofill')
+let hackPlaceSelf = require('./hacks/place-self')
+let hackPlaceholder = require('./hacks/placeholder')
+let hackPlaceholderShown = require('./hacks/placeholder-shown')
+let hackPrintColorAdjust = require('./hacks/print-color-adjust')
+let hackTextDecoration = require('./hacks/text-decoration')
+let hackTextDecorationSkipInk = require('./hacks/text-decoration-skip-ink')
+let hackTextEmphasisPosition = require('./hacks/text-emphasis-position')
+let hackTransformDecl = require('./hacks/transform-decl')
+let hackUserSelect = require('./hacks/user-select')
+let hackWritingMode = require('./hacks/writing-mode')
+let Processor = require('./processor')
+let Resolution = require('./resolution')
+let Selector = require('./selector')
+let Supports = require('./supports')
+let Transition = require('./transition')
+let utils = require('./utils')
+let Value = require('./value')
+let vendor = require('./vendor')
 
 Selector.hack(hackAutofill)
 Selector.hack(hackFullscreen)

package/lib/selector.js

@@ -1,8 +1,8 @@
 let { list } = require('postcss')
 
+let Browsers = require('./browsers')
 let OldSelector = require('./old-selector')
 let Prefixer = require('./prefixer')
-let Browsers = require('./browsers')
 let utils = require('./utils')
 
 class Selector extends Prefixer {

package/lib/supports.js

@@ -2,10 +2,10 @@ let featureQueries = require('caniuse-lite/data/features/css-featurequeries.js')
 let feature = require('caniuse-lite/dist/unpacker/feature')
 let { parse } = require('postcss')
 
-let Browsers = require('./browsers')
 let brackets = require('./brackets')
-let Value = require('./value')
+let Browsers = require('./browsers')
 let utils = require('./utils')
+let Value = require('./value')
 
 let data = feature(featureQueries)
 

package/lib/value.js

@@ -1,7 +1,7 @@
-let Prefixer = require('./prefixer')
 let OldValue = require('./old-value')
-let vendor = require('./vendor')
+let Prefixer = require('./prefixer')
 let utils = require('./utils')
+let vendor = require('./vendor')
 
 class Value extends Prefixer {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "10.4.20",
+  "version": "10.4.22",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "engines": {
     "node": "^10 || ^12 || >=14"
@@ -39,11 +39,11 @@
     "postcss": "^8.1.0"
   },
   "dependencies": {
-    "browserslist": "^4.23.3",
-    "caniuse-lite": "^1.0.30001646",
-    "fraction.js": "^4.3.7",
+    "browserslist": "^4.27.0",
+    "caniuse-lite": "^1.0.30001754",
+    "fraction.js": "^5.3.4",
     "normalize-range": "^0.1.2",
-    "picocolors": "^1.0.1",
+    "picocolors": "^1.1.1",
     "postcss-value-parser": "^4.2.0"
   }
 }