postcss-preset-env : v8

.github/ISSUE_TEMPLATE/css-issue.yml

@@ -68,7 +68,7 @@ body:
         - PostCSS Color Function
         - PostCSS Color Functional Notation
         - PostCSS Color Hex Alpha
-        - PostCSS Color Mod Function
+        - PostCSS Conditional Values
         - PostCSS Custom Media Queries
         - PostCSS Custom Properties
         - PostCSS Custom Selectors
@@ -87,6 +87,10 @@ body:
         - PostCSS Is Pseudo Class
         - PostCSS Lab Function
         - PostCSS Logical
+        - PostCSS Logical Float and Clear
+        - PostCSS Logical Resize
+        - PostCSS Logical Viewport Units
+        - PostCSS Media Queries Aspect-Ratio Number Values
         - PostCSS Media Query Ranges
         - PostCSS Nested Calc
         - PostCSS Nesting
@@ -103,7 +107,7 @@ body:
         - PostCSS Stepped Value Functions
         - PostCSS System Ui Font Family
         - PostCSS Text Decoration Shorthand
-        - PostCSS Trigonometric-Functions
+        - PostCSS Trigonometric Functions
         - PostCSS Unset Value
   - type: input
     id: version

.github/ISSUE_TEMPLATE/plugin-issue.yml

@@ -70,7 +70,7 @@ body:
         - PostCSS Color Function
         - PostCSS Color Functional Notation
         - PostCSS Color Hex Alpha
-        - PostCSS Color Mod Function
+        - PostCSS Conditional Values
         - PostCSS Custom Media Queries
         - PostCSS Custom Properties
         - PostCSS Custom Selectors
@@ -89,6 +89,10 @@ body:
         - PostCSS Is Pseudo Class
         - PostCSS Lab Function
         - PostCSS Logical
+        - PostCSS Logical Float and Clear
+        - PostCSS Logical Resize
+        - PostCSS Logical Viewport Units
+        - PostCSS Media Queries Aspect-Ratio Number Values
         - PostCSS Media Query Ranges
         - PostCSS Nested Calc
         - PostCSS Nesting
@@ -105,7 +109,7 @@ body:
         - PostCSS Stepped Value Functions
         - PostCSS System Ui Font Family
         - PostCSS Text Decoration Shorthand
-        - PostCSS Trigonometric-Functions
+        - PostCSS Trigonometric Functions
         - PostCSS Unset Value
   - type: input
     id: version

.github/bin/format-package-json.mjs

@@ -64,7 +64,9 @@ const formatted = {};
 	formatted.private = packageJSONInfo.private;
 	delete packageJSONInfo.private;
 
-	formatted.engines = packageJSONInfo.engines;
+	formatted.engines = {
+		node: '^14 || ^16 || >=18'
+	};
 	delete packageJSONInfo.engines;
 
 	formatted.type = packageJSONInfo.type;

.github/bin/generate-docs/install-template.md

@@ -10,6 +10,8 @@
 - [Gulp](#gulp)
 - [Grunt](#grunt)
 
+<parallelBuildsNotice>
+
 ## Node
 
 Add [<humanReadableName>] to your project:
@@ -21,6 +23,7 @@ npm install postcss <packageName> --save-dev
 Use it as a [PostCSS] plugin:
 
 ```js
+// commonjs
 const postcss = require('postcss');
 const <exportName> = require('<packageName>');
 
@@ -29,6 +32,16 @@ postcss([
 ]).process(YOUR_CSS /*, processOptions */);
 ```
 
+```js
+// esm
+import postcss from 'postcss';
+import <exportName> from '<packageName>';
+
+postcss([
+	<exportName>(/* pluginOptions */)
+]).process(YOUR_CSS /*, processOptions */);
+```
+
 ## PostCSS CLI
 
 Add [PostCSS CLI] to your project:
@@ -110,6 +123,7 @@ module.exports = {
 						options: {
 							postcssOptions: {
 								plugins: [
+									<otherPluginsInWebpack>,
 									[
 										"<packageName>",
 										{

.github/bin/generate-docs/install.mjs

@@ -11,4 +11,14 @@ installDoc = installDoc.replaceAll('<humanReadableName>', packageJSONInfo.csstoo
 installDoc = installDoc.replaceAll('<packageName>', packageJSONInfo.name);
 installDoc = installDoc.replaceAll('<packagePath>', path.join(path.basename(path.dirname(process.cwd())), path.basename(process.cwd())));
 
+if (packageJSONInfo?.csstools?.assumesToProcessBundledCSS) {
+	installDoc = installDoc.replaceAll('<parallelBuildsNotice>', `⚠️ [${packageJSONInfo.csstools.humanReadableName}] assumes to process your complete CSS bundle.<br>If your build tool processes files individually or in parallel the output will be incorrect.<br>Using [\`postcss-import\`](https://www.npmjs.com/package/postcss-import) and \`@import\` statements is one way to make sure your CSS is bundled before it is processed by this plugin.\n`);
+	installDoc = installDoc.replaceAll('<otherPluginsInWebpack>', `["postcss-import"]`);
+	// <parallelBuildsNotice>
+} else {
+	// Just a filler so that formatting doesn't become too complex.
+	installDoc = installDoc.replaceAll('<parallelBuildsNotice>', ``);
+	installDoc = installDoc.replaceAll('<otherPluginsInWebpack>', `// Other plugins`);
+}
+
 await fsp.writeFile('./INSTALL.md', installDoc);

.github/labeler.yml

@@ -1,6 +1,10 @@
 "common-tools":
   - .github/**
   - packages/base-cli/**
+  - packages/cascade-layer-name-parser/**
+  - packages/css-parser-algorithms/**
+  - packages/css-tokenizer/**
+  - packages/media-query-list-parser/**
   - packages/postcss-tape/**
   - packages/selector-specificity/**
   - plugins/postcss-base-plugin/**
@@ -13,6 +17,9 @@
   - cli/csstools-cli/**
   - packages/base-cli/**
 
+"e2e":
+  - e2e/**
+
 "experimental":
   - experimental/**
 
@@ -52,9 +59,13 @@
   - plugins/postcss-color-hex-alpha/**
   - experimental/postcss-color-hex-alpha/**
 
-"plugins/postcss-color-mod-function":
-  - plugins/postcss-color-mod-function/**
-  - experimental/postcss-color-mod-function/**
+"plugins/postcss-color-rebeccapurple":
+  - plugins/postcss-color-rebeccapurple/**
+  - experimental/postcss-color-rebeccapurple/**
+
+"plugins/postcss-conditional-values":
+  - plugins/postcss-conditional-values/**
+  - experimental/postcss-conditional-values/**
 
 "plugins/postcss-custom-media":
   - plugins/postcss-custom-media/**
@@ -136,6 +147,22 @@
   - plugins/postcss-logical/**
   - experimental/postcss-logical/**
 
+"plugins/postcss-logical-float-and-clear":
+  - plugins/postcss-logical-float-and-clear/**
+  - experimental/postcss-logical-float-and-clear/**
+
+"plugins/postcss-logical-resize":
+  - plugins/postcss-logical-resize/**
+  - experimental/postcss-logical-resize/**
+
+"plugins/postcss-logical-viewport-units":
+  - plugins/postcss-logical-viewport-units/**
+  - experimental/postcss-logical-viewport-units/**
+
+"plugins/media-queries-aspect-ratio-number-values":
+  - plugins/postcss-media-queries-aspect-ratio-number-values/**
+  - experimental/postcss-media-queries-aspect-ratio-number-values/**
+
 "plugins/postcss-media-query-ranges":
   - plugins/postcss-media-query-ranges/**
   - experimental/postcss-media-query-ranges/**
@@ -180,10 +207,6 @@
   - plugins/postcss-scope-pseudo-class/**
   - experimental/postcss-scope-pseudo-class/**
 
-"plugins/postcss-color-rebeccapurple":
-  - plugins/postcss-color-rebeccapurple/**
-  - experimental/postcss-color-rebeccapurple/**
-
 "plugins/postcss-replace-overflow-wrap":
   - plugins/postcss-replace-overflow-wrap/**
   - experimental/postcss-replace-overflow-wrap/**
@@ -196,10 +219,6 @@
   - plugins/postcss-system-ui-font-family/**
   - experimental/postcss-system-ui-font-family/**
 
-"plugins/postcss-unset-value":
-  - plugins/postcss-unset-value/**
-  - experimental/postcss-unset-value/**
-
 "plugins/postcss-stepped-value-functions":
   - plugins/postcss-stepped-value-functions/**
   - experimental/postcss-stepped-value-functions/**
@@ -212,5 +231,9 @@
   - plugins/postcss-trigonometric-functions/**
   - experimental/postcss-trigonometric-functions/**
 
+"plugins/postcss-unset-value":
+  - plugins/postcss-unset-value/**
+  - experimental/postcss-unset-value/**
+
 "sites/postcss-preset-env":
   - sites/postcss-preset-env/**

.github/workflows/test.yml

@@ -26,7 +26,7 @@ jobs:
       fail-fast: false
       # Test node 14/16/18 on ubuntu
       # Test node 18 on macos/windows
-      # Enable annotations only for node 16 + ubuntu
+      # Enable annotations only for node 18 + ubuntu
       matrix:
         os: [ubuntu-latest]
         node: [14, 16, 18]

.nvmrc

@@ -1 +1 @@
-v16.13.1
+v18.8.0

README.md

@@ -33,23 +33,6 @@ While it's not always possible we're enabling over 30 features with these plugin
 
 You can keep track of our current efforts on the [PostCSS Preset Env Project] and also read announcements on the [project's discussions][discussions].
 
-### ⚠️ PostCSS Preset Env 8 ⚠️
-
-We're currently working on a major version upgrade for PostCSS Preset Env. Sadly, major version implies breaking changes. 
-
-We've decided to keep the work on a separate branch, so we can keep updating the plugins and/or `postcss-preset-env` for
-any bugfixes. We know this can be confusing since you might see new major versions coming up on NPM but the code and
-CHANGELOG does not reflect what you're seeing.
-
-You can navigate the repo on the [V8 working branch](https://github.com/csstools/postcss-plugins/tree/postcss-preset-env--v8). 
-If you're not finding code for a new version you will probably find it there!
-
-You can also read about PostCSS Preset Env 8 [in our wiki](https://github.com/csstools/postcss-plugins/wiki/PostCSS-Preset-Env-8). 
-If you're curious to know why things are changing and what is changing we hope we've portrayed that information there.
-
-We would also appreciate if you tested the new versions and/or the alphas we keep releasing. If you find any bug or 
-any docs that aren't clear we would appreciate even more if you could let us know!
-
 ## Contributing
 
 Thanks for being willing to contribute! Please read our [contributing guide]!

cli/csstools-cli/.gitignore

@@ -5,6 +5,7 @@ browser.js
 *.log*
 *.result.css
 *.result.css.map
+*.result.html
 !.editorconfig
 !.gitignore
 !.rollup.js

cli/csstools-cli/.nvmrc

@@ -1 +1 @@
-v16.13.1
+v18.8.0

cli/csstools-cli/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changes to CSSTools CLI
 
+### Unreleased (major)
+
+- Updated: Support for Node v14+ (major).
+- Remove `postcss-env-function` (breaking).
+- Remove `importFrom` and `exportTo` plugin options (breaking).
+- Added `@csstools/postcss-logical-float-and-clear`
+- Added `@csstools/postcss-logical-resize`
+- Added `@csstools/postcss-logical-viewport-units`
+
 ### 1.4.0 (June 3, 2022)
 
 - Added `@csstools/postcss-cascade-layers`

cli/csstools-cli/README.md

@@ -98,8 +98,6 @@ Plugin Options:
   browsers      string
   autoprefixer  object
   preserve      boolean
-  importFrom    string
-  exportTo      string
 
   {
     "stage": 0,
@@ -116,8 +114,6 @@ Plugin Options:
       "grid": true
     },
     "preserve": false,
-    "importFrom": "path/to/file.css",
-    "exportTo": "path/to/file.css"
   }
 ```