5.0.0

Author: jonathantneal

.tape.js

@@ -15,17 +15,17 @@ module.exports = {
 				browsers: 'chrome >= 38'
 			}
 		},
-		'basic:stage1': {
-			message: 'supports { stage: 1 } usage',
+		'basic:stage0': {
+			message: 'supports { stage: 0 } usage',
 			options: {
-				stage: 1
+				stage: 0
 			}
 		},
-		'basic:stage1-ff49': {
-			message: 'supports { browsers: "ff >= 49", stage: 1 } usage',
+		'basic:stage0-ff49': {
+			message: 'supports { browsers: "ff >= 49", stage: 0 } usage',
 			options: {
 				browsers: 'ff >= 49',
-				stage: 1
+				stage: 0
 			}
 		},
 		'basic:nesting': {
@@ -53,9 +53,9 @@ module.exports = {
 			}
 		},
 		'insert:before': {
-			message: 'supports { stage: 2, before: { "color-mod-function": [ require("postcss-simple-vars") ] } } usage',
+			message: 'supports { stage: 1, before: { "color-mod-function": [ require("postcss-simple-vars") ] } } usage',
 			options: {
-				stage: 2,
+				stage: 1,
 				insertBefore: {
 					'color-mod-function': [
 						require('postcss-simple-vars')
@@ -64,9 +64,9 @@ module.exports = {
 			}
 		},
 		'insert:after': {
-			message: 'supports { stage: 2, after: { "color-mod-function": [ require("postcss-simple-vars")() ] } } usage',
+			message: 'supports { stage: 1, after: { "color-mod-function": [ require("postcss-simple-vars")() ] } } usage',
 			options: {
-				stage: 2,
+				stage: 1,
 				insertAfter: {
 					'color-mod-function': require('postcss-simple-vars')
 				},
@@ -94,9 +94,9 @@ module.exports = {
 			expect: 'insert.after.expect.css'
 		},
 		'insert:after:array': {
-			message: 'supports { stage: 2, after: { "color-mod-function": [ require("postcss-simple-vars") ] } } usage',
+			message: 'supports { stage: 1, after: { "color-mod-function": [ require("postcss-simple-vars") ] } } usage',
 			options: {
-				stage: 2,
+				stage: 1,
 				insertAfter: {
 					'color-mod-function': [
 						require('postcss-simple-vars')

CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changes to PostCSS Preset Env
 
+- Added: `autoprefixer`
+- Added: `postcss-color-functional-notation`
+- Added: `postcss-env-function`
+- Added: `postcss-lab-function`
+- Added: `postcss-place`
+- Added: `postcss-gap-properties`
+- Added: `postcss-overflow-shorthand`
+- Updated: `cssdb` to v3.1.0 (major update)
+- Updated: In conformance with cssdb v3, the default stage is now 2
+- Updated: `postcss-attribute-case-insensitive` to v3.0.0 (major update)
+- Updated: `postcss-pseudo-class-any-link` to v5.0.0 (major update)
+- Updated: `postcss-image-set-function` to v2.0.0 (major update)
+- Updated: `postcss-dir-pseudo-class` to v4.0.0 (major update)
+- Updated: `postcss-color-rebeccapurple` to v3.1.0 (minor update)
+- Updated: `postcss` to v6.0.22 (patch update)
+- Updated: `browserslist` to v3.2.7 (patch update)
+- Updated: `caniuse-lite` to v1.0.30000839 (patch update)
+
+All plugins now conform to the latest stable releases of `postcss-value-parser`
+v1.5.0 and `postcss-selector-parser` v4.0.0.
+
 ### 4.1.0 (April 23, 2018)
 
 - Updated: `browserslist` to v3.2.5 (patch update)

CONTRIBUTING.md

@@ -26,7 +26,7 @@ scope and avoid unrelated commits.
    cd postcss-preset-env
 
    # Assign the original repo to a remote called "upstream"
-   git remote add upstream [email protected]:jonathantneal/postcss-preset-env.git
+   git remote add upstream [email protected]:csstools/postcss-preset-env.git
 
    # Install the tools necessary for testing
    npm install
@@ -63,7 +63,7 @@ That’s it! Now [open a pull request] with a clear title and description.
 If you want to add a new plugin, follow the
 [pull request guidelines](#submitting-pull-requests) while making these changes:
 
-- Ensure the feature exists in [cssdb](https://github.com/jonathantneal/css-db).
+- Ensure the feature exists in [cssdb](https://cssdb.org/).
 - Add the plugin to the `dependencies` list in [`package.json`](package.json).
 - Add the plugin to
   [`lib/plugins-by-id.js`](lib/plugins-by-id.js).

README.md

@@ -82,7 +82,7 @@ a:hover {
 }
 ```
 
-Without any configuration options, [PostCSS Preset Env] enables **Stage 3**
+Without any configuration options, [PostCSS Preset Env] enables **Stage 2**
 features and supports **all** browsers.
 
 [![Transform with Preset Env][readme-transform-with-preset-env-img]][readme-transform-with-preset-env-url]
@@ -272,8 +272,8 @@ postcssPresetEnv({
 })
 ```
 
-[cli-img]: https://img.shields.io/travis/jonathantneal/postcss-preset-env.svg
-[cli-url]: https://travis-ci.org/jonathantneal/postcss-preset-env
+[cli-img]: https://img.shields.io/travis/csstools/postcss-preset-env.svg
+[cli-url]: https://travis-ci.org/csstools/postcss-preset-env
 [git-img]: https://img.shields.io/badge/support-chat-blue.svg
 [git-url]: https://gitter.im/postcss/postcss
 [npm-img]: https://img.shields.io/npm/v/postcss-preset-env.svg
@@ -282,13 +282,13 @@ postcssPresetEnv({
 [win-url]: https://ci.appveyor.com/project/jonathantneal/postcss-preset-env
 
 [caniuse]: https://caniuse.com/
-[cssdb]: https://jonathantneal.github.io/css-db/
+[cssdb]: https://cssdb.org/
 [PostCSS]: https://github.com/postcss/postcss
-[PostCSS Preset Env]: https://github.com/jonathantneal/postcss-preset-env
+[PostCSS Preset Env]: https://github.com/csstools/postcss-preset-env
 [PostCSS Loader]: https://github.com/postcss/postcss-loader
 [Gulp PostCSS]: https://github.com/postcss/gulp-postcss
 [Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
-[readme-style-with-preset-env-img]: https://jonathantneal.github.io/postcss-preset-env/readme-style-with-preset-env.svg
+[readme-style-with-preset-env-img]: https://csstools.github.io/postcss-preset-env/readme-style-with-preset-env.svg
 [readme-style-with-preset-env-url]: https://codepen.io/pen?template=OZRovK
-[readme-transform-with-preset-env-img]: https://jonathantneal.github.io/postcss-preset-env/readme-transform-with-preset-env.svg
-[readme-transform-with-preset-env-url]: https://jonathantneal.github.io/postcss-preset-env/
+[readme-transform-with-preset-env-img]: https://csstools.github.io/postcss-preset-env/readme-transform-with-preset-env.svg
+[readme-transform-with-preset-env-url]: https://csstools.github.io/postcss-preset-env/

index.js

@@ -1,4 +1,4 @@
-// tooling
+import autoprefixer from 'autoprefixer'
 import browserslist from 'browserslist';
 import cssdb from 'cssdb';
 import postcss from 'postcss';
@@ -7,7 +7,6 @@ import getTransformedInsertions from './lib/get-transformed-insertions';
 import getUnsupportedBrowsersByFeature from './lib/get-unsupported-browsers-by-feature';
 import idsByExecutionOrder from './lib/ids-by-execution-order';
 
-// plugin
 export default postcss.plugin('postcss-preset-env', opts => {
 	// initialize options
 	const features = Object(Object(opts).features);
@@ -16,9 +15,11 @@ export default postcss.plugin('postcss-preset-env', opts => {
 	const browsers = Object(opts).browsers;
 	const stage = 'stage' in Object(opts)
 		? opts.stage === false
-			? 6
+			? 5
 		: parseInt(opts.stage) || 0
-	: 3;
+	: 2;
+
+	const stagedAutoprefixer = autoprefixer({ browsers });
 
 	// polyfillable features (those with an available postcss plugin)
 	const polyfillableFeatures = cssdb.concat(
@@ -93,6 +94,8 @@ export default postcss.plugin('postcss-preset-env', opts => {
 				() => feature.plugin(result.root, result)
 			),
 			Promise.resolve()
+		).then(
+			() => stagedAutoprefixer(result.root, result)
 		);
 
 		return polyfills;

lib/get-unsupported-browsers-by-feature.js

@@ -1,4 +1,3 @@
-// tooling
 import * as caniuse from 'caniuse-lite';
 
 // return a list of browsers that do not support the feature

lib/ids-by-execution-order.js

@@ -11,15 +11,21 @@ export default [
 	'case-insensitive-attributes',
 	'rebeccapurple-color',
 	'hexadecimal-alpha-notation',
+	'lab-function',
 	'color-mod-function',
+	'color-functional-notation',
 	'system-ui-font-family',
 	'font-variant-property',
 	'all-property',
 	'matches-pseudo-class',
 	'not-pseudo-class',
 	'any-link-pseudo-class',
 	'dir-pseudo-class',
+	'break-properties',
+	'gap-properties',
+	'overflow-property',
 	'overflow-wrap-property',
+	'place-properties',
 	'focus-visible-pseudo-class',
 	'focus-within-pseudo-class'
 ];

lib/plugins-by-id.js

@@ -1,6 +1,5 @@
-// tooling
-import postcssApply from 'postcss-apply';
 import postcssAttributeCaseInsensitive from 'postcss-attribute-case-insensitive';
+import postcssColorFunctionalNotation from 'postcss-color-functional-notation';
 import postcssColorHexAlpha from 'postcss-color-hex-alpha';
 import postcssColorModFunction from 'postcss-color-mod-function';
 import postcssColorRebeccapurple from 'postcss-color-rebeccapurple';
@@ -12,12 +11,16 @@ import postcssFocusVisible from 'postcss-focus-visible';
 import postcssFocusWithin from 'postcss-focus-within';
 import postcssFontVariant from 'postcss-font-variant';
 import postcssFontFamilySystemUi from 'postcss-font-family-system-ui';
-import postcssImageSetPolyfill from '@csstools/postcss-image-set-function';
+import postcssGapProperties from 'postcss-gap-properties';
+import postcssImageSetPolyfill from 'postcss-image-set-function';
 import postcssInitial from 'postcss-initial';
+import postcssLabFunction from 'postcss-lab-function';
 import postcssLogical from 'postcss-logical';
 import postcssMediaMinmax from 'postcss-media-minmax';
 import postcssNesting from 'postcss-nesting';
+import postcssOverflowShorthand from 'postcss-overflow-shorthand';
 import postcssPageBreak from 'postcss-page-break';
+import postcssPlace from 'postcss-place';
 import postcssPseudoClassAnyLink from 'postcss-pseudo-class-any-link';
 import postcssReplaceOverflowWrap from 'postcss-replace-overflow-wrap';
 import postcssSelectorMatches from 'postcss-selector-matches';
@@ -29,23 +32,27 @@ export default {
 	'any-link-pseudo-class': postcssPseudoClassAnyLink,
 	'break-properties': postcssPageBreak,
 	'case-insensitive-attributes': postcssAttributeCaseInsensitive,
+	'color-functional-notation': postcssColorFunctionalNotation,
 	'color-mod-function': postcssColorModFunction,
 	'custom-media-queries': postcssCustomMedia,
 	'custom-properties': postcssCustomProperties,
-	'custom-property-sets': postcssApply,
 	'custom-selectors': postcssCustomSelectors,
 	'dir-pseudo-class': postcssDirPseudoClass,
+	'focus-visible-pseudo-class': postcssFocusVisible,
+	'focus-within-pseudo-class': postcssFocusWithin,
 	'font-variant-property': postcssFontVariant,
+	'gap-properties': postcssGapProperties,
 	'hexadecimal-alpha-notation': postcssColorHexAlpha,
 	'image-set-function': postcssImageSetPolyfill,
+	'lab-function': postcssLabFunction,
 	'logical-properties-and-values': postcssLogical,
 	'matches-pseudo-class': postcssSelectorMatches,
 	'media-query-ranges': postcssMediaMinmax,
 	'nesting-rules': postcssNesting,
 	'not-pseudo-class': postcssSelectorNot,
+	'overflow-property': postcssOverflowShorthand,
 	'overflow-wrap-property': postcssReplaceOverflowWrap,
+	'place-properties': postcssPlace,
 	'rebeccapurple-color': postcssColorRebeccapurple,
-	'focus-visible-pseudo-class': postcssFocusVisible,
-	'focus-within-pseudo-class': postcssFocusWithin,
 	'system-ui-font-family': postcssFontFamilySystemUi
 };

package.json

@@ -1,12 +1,12 @@
 {
   "name": "postcss-preset-env",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "description": "Convert modern CSS into something browsers understand",
   "author": "Jonathan Neal <[email protected]>",
   "license": "CC0-1.0",
-  "repository": "jonathantneal/postcss-preset-env",
-  "homepage": "https://github.com/jonathantneal/postcss-preset-env#readme",
-  "bugs": "https://github.com/jonathantneal/postcss-preset-env/issues",
+  "repository": "csstools/postcss-preset-env",
+  "homepage": "https://github.com/csstools/postcss-preset-env#readme",
+  "bugs": "https://github.com/csstools/postcss-preset-env/issues",
   "main": "index.cjs.js",
   "module": "index.es.js",
   "files": [
@@ -25,39 +25,44 @@
     "node": ">=4.0.0"
   },
   "dependencies": {
-    "@csstools/postcss-image-set-function": "^1.0.0",
-    "browserslist": "^3.2.5",
-    "caniuse-lite": "^1.0.30000830",
-    "cssdb": "^2.0.0",
-    "postcss": "^6.0.21",
-    "postcss-apply": "^0.10.0",
-    "postcss-attribute-case-insensitive": "^2.0.0",
+    "autoprefixer": "^8.4.1",
+    "browserslist": "^3.2.7",
+    "caniuse-lite": "^1.0.30000839",
+    "cssdb": "^3.1.0",
+    "postcss": "^6.0.22",
+    "postcss-attribute-case-insensitive": "^3.0.0",
+    "postcss-color-functional-notation": "^1.0.0",
     "postcss-color-hex-alpha": "^3.0.0",
     "postcss-color-mod-function": "^2.4.2",
-    "postcss-color-rebeccapurple": "^3.0.0",
-    "postcss-color-rgb": "^2.0.0",
+    "postcss-color-rebeccapurple": "^3.1.0",
     "postcss-custom-media": "^6.0.0",
     "postcss-custom-properties": "^7.0.0",
     "postcss-custom-selectors": "^4.0.1",
-    "postcss-dir-pseudo-class": "^3.0.0",
+    "postcss-dir-pseudo-class": "^4.0.0",
+    "postcss-env-function": "^1.0.0",
     "postcss-focus-visible": "^3.0.0",
     "postcss-focus-within": "^2.0.0",
     "postcss-font-family-system-ui": "^3.0.0",
     "postcss-font-variant": "^3.0.0",
+    "postcss-gap-properties": "^1.0.0",
+    "postcss-image-set-function": "^2.0.0",
     "postcss-initial": "^2.0.0",
+    "postcss-lab-function": "^1.0.1",
     "postcss-logical": "^1.1.1",
     "postcss-media-minmax": "^3.0.0",
     "postcss-nesting": "^5.0.0",
+    "postcss-overflow-shorthand": "^1.0.1",
     "postcss-page-break": "^1.0.0",
-    "postcss-pseudo-class-any-link": "^4.0.0",
+    "postcss-place": "^3.0.1",
+    "postcss-pseudo-class-any-link": "^5.0.0",
     "postcss-replace-overflow-wrap": "^2.0.0",
     "postcss-selector-matches": "^3.0.1",
     "postcss-selector-not": "^3.0.1"
   },
   "devDependencies": {
-    "babel-core": "^6.26.0",
+    "babel-core": "^6.26.3",
     "babel-eslint": "^8.2.3",
-    "babel-preset-env": "^1.6.1",
+    "babel-preset-env": "^1.7.0",
     "eslint": "^4.19.1",
     "eslint-config-dev": "^2.0.0",
     "postcss-simple-vars": "^4.1.0",