autoprefixer 10.0.3 → 10.2.1

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 10.2.1
+* Fixed `transition-property` warnings (by @Sheraff).
+
+## 10.2 “Sub rosa”
+* Added TypeScript definitions (by Dmitry Semigradsky).
+* Fixed docs (by Florian Pellet).
+
+## 10.1 “Pula”
+* Added `dpcm` unit support to `min-resolution: 2dppx` (by Robert Eisele).
+* Fixed rational approximation in `min-resolution` (by Robert Eisele).
+
+## 10.0.4
+* Fixed `Cannot read property 'proxyOf' of undefined` error (by Igor Kamyshev).
+
 ## 10.0.3
 * Fixed `substract` to `subtract` value for `mask-composite` (by Michelle Enos).
 

package/lib/autoprefixer.d.ts

@@ -0,0 +1,95 @@
+import { Plugin } from 'postcss'
+import { Stats } from 'browserslist'
+
+declare function autoprefixer<T extends string[]> (
+  ...args: [...T, autoprefixer.Options]
+): Plugin & autoprefixer.ExportedAPI
+
+declare function autoprefixer (
+  browsers: string[],
+  options?: autoprefixer.Options
+): Plugin & autoprefixer.ExportedAPI
+
+declare function autoprefixer (
+  options?: autoprefixer.Options
+): Plugin & autoprefixer.ExportedAPI
+
+declare namespace autoprefixer {
+  type GridValue = 'autoplace' | 'no-autoplace'
+
+  interface Options {
+    /** environment for `Browserslist` */
+    env?: string
+
+    /** should Autoprefixer use Visual Cascade, if CSS is uncompressed */
+    cascade?: boolean
+
+    /** should Autoprefixer add prefixes. */
+    add?: boolean
+
+    /** should Autoprefixer [remove outdated] prefixes */
+    remove?: boolean
+
+    /** should Autoprefixer add prefixes for @supports parameters. */
+    supports?: boolean
+
+    /** should Autoprefixer add prefixes for flexbox properties */
+    flexbox?: boolean | 'no-2009'
+
+    /** should Autoprefixer add IE 10-11 prefixes for Grid Layout properties */
+    grid?: boolean | GridValue
+
+    /** custom usage statistics for > 10% in my stats browsers query */
+    stats?: Stats
+
+    /**
+     * list of queries for target browsers.
+     * Try to not use it.
+     * The best practice is to use `.browserslistrc` config or `browserslist` key in `package.json`
+     * to share target browsers with Babel, ESLint and Stylelint
+     */
+    overrideBrowserslist?: string | string[]
+
+    /** do not raise error on unknown browser version in `Browserslist` config. */
+    ignoreUnknownVersions?: boolean
+  }
+
+  interface ExportedAPI {
+    /** Autoprefixer data */
+    data: {
+      browsers: { [browser: string]: object | undefined }
+      prefixes: { [prefixName: string]: object | undefined }
+    }
+
+    /** Autoprefixer default browsers */
+    defaults: string[]
+
+    /** Inspect with default Autoprefixer */
+    info(options?: { from?: string }): string
+
+    options: Options
+
+    browsers: string | string[]
+  }
+
+  /** Autoprefixer data */
+  let data: ExportedAPI['data']
+
+  /** Autoprefixer default browsers */
+  let defaults: ExportedAPI['defaults']
+
+  /** Inspect with default Autoprefixer */
+  let info: ExportedAPI['info']
+
+  let postcss: true
+}
+
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv {
+      AUTOPREFIXER_GRID?: autoprefixer.GridValue
+    }
+  }
+}
+
+export = autoprefixer

package/lib/hacks/grid-utils.js

@@ -511,7 +511,15 @@ function insertAreas (css, isDisabled) {
 
       // if we can't find the area name, update lastRule and continue
       if (!area) {
-        let lastRuleIndex = css.index(rulesToInsert[lastArea].lastRule)
+        let lastRule = rulesToInsert[lastArea].lastRule
+        let lastRuleIndex
+        if (lastRule) {
+          lastRuleIndex = css.index(lastRule)
+        } else {
+          /* istanbul ignore next */
+          lastRuleIndex = -1
+        }
+
         if (gridAreaRuleIndex > lastRuleIndex) {
           rulesToInsert[lastArea].lastRule = gridAreaMedia || gridAreaRule
         }

package/lib/resolution.js

@@ -1,10 +1,10 @@
-let n2f = require('num2fraction')
+let Fraction = require('fraction.js')
 
 let Prefixer = require('./prefixer')
 let utils = require('./utils')
 
-const REGEXP = /(min|max)-resolution\s*:\s*\d*\.?\d+(dppx|dpi|x)/gi
-const SPLIT = /(min|max)-resolution(\s*:\s*)(\d*\.?\d+)(dppx|dpi|x)/i
+const REGEXP = /(min|max)-resolution\s*:\s*\d*\.?\d+(dppx|dpcm|dpi|x)/gi
+const SPLIT = /(min|max)-resolution(\s*:\s*)(\d*\.?\d+)(dppx|dpcm|dpi|x)/i
 
 class Resolution extends Prefixer {
   /**
@@ -22,11 +22,19 @@ class Resolution extends Prefixer {
    * Return prefixed query
    */
   prefixQuery (prefix, name, colon, value, units) {
+    value = new Fraction(value)
+
+    // 1dpcm = 2.54dpi
+    // 1dppx = 96dpi
     if (units === 'dpi') {
-      value = Number(value / 96)
+      value = value.div(96)
+    } else if (units === 'dpcm') {
+      value = value.mul(2.54).div(96)
     }
+    value = value.simplify()
+
     if (prefix === '-o-') {
-      value = n2f(value)
+      value = value.n + '/' + value.d
     }
     return this.prefixName(prefix, name) + colon + value
   }

package/lib/transition.js

@@ -118,6 +118,9 @@ class Transition {
       return
     }
 
+    let isPrefixed = false
+    let hasAssociatedProp = false
+
     decl.parent.each(i => {
       if (i.type !== 'decl') {
         return undefined
@@ -125,21 +128,31 @@ class Transition {
       if (i.prop.indexOf('transition-') !== 0) {
         return undefined
       }
+      let values = list.comma(i.value)
+      // check if current Rule's transition-property comma separated value list needs prefixes
       if (i.prop === 'transition-property') {
+        values.forEach(value => {
+          let lookup = this.prefixes.add[value]
+          if (lookup && lookup.prefixes && lookup.prefixes.length > 0) {
+            isPrefixed = true
+          }
+        })
         return undefined
       }
-
-      if (list.comma(i.value).length > 1) {
-        decl.warn(
-          result,
-          'Replace transition-property to transition, ' +
-            'because Autoprefixer could not support ' +
-            'any cases of transition-property ' +
-            'and other transition-*'
-        )
-      }
+      // check if another transition-* prop in current Rule has comma separated value list
+      hasAssociatedProp = hasAssociatedProp || values.length > 1
       return false
     })
+
+    if (isPrefixed && hasAssociatedProp) {
+      decl.warn(
+        result,
+        'Replace transition-property to transition, ' +
+          'because Autoprefixer could not support ' +
+          'any cases of transition-property ' +
+          'and other transition-*'
+      )
+    }
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autoprefixer",
-  "version": "10.0.3",
+  "version": "10.2.1",
   "description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
   "engines": {
     "node": "^10 || ^12 || >=14"
@@ -14,6 +14,7 @@
   ],
   "main": "lib/autoprefixer.js",
   "bin": "bin/autoprefixer",
+  "types": "lib/autoprefixer.d.ts",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/postcss/"
@@ -25,11 +26,11 @@
     "postcss": "^8.1.0"
   },
   "dependencies": {
-    "browserslist": "^4.14.7",
-    "caniuse-lite": "^1.0.30001161",
+    "browserslist": "^4.16.1",
+    "caniuse-lite": "^1.0.30001173",
     "colorette": "^1.2.1",
+    "fraction.js": "^4.0.13",
     "normalize-range": "^0.1.2",
-    "num2fraction": "^1.2.2",
     "postcss-value-parser": "^4.1.0"
   },
   "browser": {

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "target": "es2018",
+    "module": "commonjs",
+    "allowJs": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true
+  }
+}