postcss-preset-env : v8 (#472)

* prefers color scheme (#436)

* prefers-color-scheme : cleanup

* cleanup

* fix

* more fixes

* Update plugins/css-prefers-color-scheme/CHANGELOG.md

Co-authored-by: Antonio Laguna <[email protected]>

* peer dependency

* import

* update change log

Co-authored-by: Antonio Laguna <[email protected]>

* update tests (#485)

* css-has-pseudo (#473)

* css-has-pseudo

* preset-env

* update tests

* fixes

* docs

* docs

* changelog

* fix

* fix

* fix

* fix

* css-has-pseudo : make the experimental plugin a noop (#500)

* CSS Blank Pseudo (#486)

* WIP

* Tests and docs

* Rewriting browser

* Browser tests running

* Touch to docs

* Finishing

* Minor updates

* Moving the file to be `.mjs

* Linted now

* css-blank-pseudo : code review (#501)

Co-authored-by: Romain Menke <[email protected]>

* Updating package-lock

* Updating lock again

* Updating CHANGELOG

* Updating Focus Visible (#513)

* Updating Focus Visible

* Returning CHANGELOG

* Updating tests

* focus-visible : code review (#514)

* Updating CHANGELOG

* focus-visible : code review (#514)

Co-authored-by: Romain Menke <[email protected]>

* case insensitive matching (#517)

* Updating Focus Within (#516)

* Starting focus-within plugin

* Finishing focus within

* Updating tests

* Fixed tests after swapping preserve

* Adding CHANGELOG

* Updating tests

* Generating docs

* Better options for older browsers

* postcss-blank : browser compat (#519)

* postcss-blank : browser compat

* fix

* fix

* postcss-focus-within : browser compat (#520)

* postcss-focus-within : browser compat

* lint

* Adding global class to CSS Blank (#524)

* Better handling for classList

* Refactoring to reuse code

* Appending `js-blank-pseudo` on load

* Only apply if not applied before to avoid double classes

* Updating docs

* Class should happen always

* Ensuring ready class is handled via plugin

* Updating tests

* Updating docs

* Handling preset-env tests for blank pseudo

* Conflicting test

* fmt

* css has pseudo : pseudo element support and .js-has-pseudo class (#525)

* css has pseudo : pseudo element support and .js-has-pseudo class

* update tests

* fix

* fix

* css-has-pseudo: only test polyfill, we dont need to always test browser behavior

* flip enableClientSidePolyfills (#528)

* CSS Has Pseudo Experimental 0.6.0 (deprecated)

* CSS Blank Pseudo 4.0.0

* CSS Has Pseudo 4.0.0

* Prefers Color Scheme 7.0.0

* PostCSS Focus Visible 7.0.0

* PostCSS Focus Within 6.0.0

* PostCSS Preset Env 8 Alpha 0

* update cli

* add : disablePolyfillReadyClass (#558)

* add : disablePolyfillReadyClass

* Apply suggestions from code review

Co-authored-by: Antonio Laguna <[email protected]>

Co-authored-by: Antonio Laguna <[email protected]>

* Extra space removal

* CSS Blank Pseudo 4.1.0

* PostCSS Focus Visible 7.1.0

* PostCSS Focus Within 6.1.0

* browser polyfills : use window or self for the global polyfill (#586)

* CSS Blank Pseudo 4.1.1

* CSS Has Pseudo 4.0.1

* Prefers Color Scheme 7.0.1

* PostCSS Focus Within 6.1.1

* bump postcss, node and npm versions (#599)

* add install instructions for es modules

* fix ci

* fix ci

* add support for postcss-html (#602)

* refactor `postcss-custom-properties` and cleanup in `postcss-preset-env` (#603)

* postcss-custom-properties

* cleanup more tests

* cleanup

* docs and changelog

* cleanup

* more cleanup

* docs

* Update plugins/postcss-custom-properties/docs/README.md

Co-authored-by: Antonio Laguna <[email protected]>

* docs

Co-authored-by: Antonio Laguna <[email protected]>

* cleanup

* cleanup

* update gitignore for html document tests

* refactor `postcss-custom-selectors` (#609)

* postcss-custom-selectors

* add support for scope and container

* update TS targets

* update lock file

* lint

* bring in changes from main

* postcss-custom-media & css-tokenizer & media query parser (#627)

* init

* init

* consume a token

* consume a comment

* add reader

* tweaks

* postcss interop

* wip

* consume number

* fix

* fixes

* more tests

* basic tokenizer

* fixes and docs

* some more bits

* some more bits

* getting somewhere

* string tokens

* almost there

* should be complete, text coverage up next

* add context

* fix

* add parser error reporting

* fixes and more tests

* more tests

* fixes

* more tests

* still more tests

* still more tests

* fix && more tests

* more tests

* more tests

* docs

* wip

* postcss-custom-media

* wip

* fixes

* fixes

* fixes

* cleanup whitespace

* bring back old tests

* more tests and fixes

* update lock file

* remove todo comment

* fix 'or' conditions

* correctly prefix with not

* better code structure

* fix negation for older browsers

* cleanup

* update test files

* merge

* media query list parser (#659)

* wip

* wip

* wip

* wip

* wip

* finish range

* more work

* lint

* fix ranges

* more work

* media lists

* finish parser

* toJSON

* add a test suite

* more tests

* wip

* lint

* more tests

* wip

* fix range parsing

* docs

* add ancestry utility

* fixes

* fixes

* allow parsing from tokens

* add some convenience methods

* fixes

* more migration

* more convenience methods

* more type predicates

* wip

* fix

* fix

* finish up

* lets get rid of those build errors

* fixes

* fixes

* increase test coverage

* fix + more test coverage

* getter -> method

* fix build + more test coverage

* export  and more test coverage

* cleanup

* cleanup

* cascade-layers : execution order

* update layer examples

* update docs

* wording

* postcss-custom-media : update docs (#692)

* psotcss-custom-media : improve docs

* wording

* wording

* update rollup (#694)

* update rollup

* fix windows support

* postcss-preset-env v8 : tweaks before next alpha (#695)

* postcss-preset-env v8 : tweaks before next alpha

* fix

* typo

* fix

* wrap calls to selector parser in try/catch (#698)

* wrap calls to selector parser in try/catch

* Update plugins/css-blank-pseudo/src/index.ts

* add tokenizer benchmarks and make it ±20% faster

* remove spread operator

* tune terser to have better runtime performance

* more terser config

* more specific terser config

* better benchmarks

* postcss-media-queries-aspect-ratio-number-values (#699)

* merge

* PostCSS Media Queries Aspect-Ratio Number Values 1.0.0

* CSS Tokenizer 1.0.0

* CSS Parser Algorithms 1.0.0

* Media Query List Parser 1.0.0

* PostCSS Custom Selectors 7.0.0

* PostCSS Custom Properties 13.0.0

* PostCSS Custom Media 9.0.0

* PostCSS Cascade Layers 2.0.0

* PostCSS Preset Env 8 Alpha 1

* add postcss-parser-tests for css-tokenizer

* switch to .mjs

* add tslib as an explicit dependency

* few more tests

* postcss-custom-media: avoid complex generated CSS in more cases (#709)

* postcss-custom-media: avoid complex generated CSS in more cases

* undo

* fmt

* more install instructions

* PostCSS Custom Media 9.0.1

* Improving Browser Polyfills docs for Next.js (#716)

* Creating sample doc

* Adding docs for all packages

* shorter label name, max is 50 chars

* design-tokens : add support for at rules (#717)

* design-tokens : add support for at rules

* lint

* more error handling

* optimize

* Update plugins/postcss-design-tokens/src/transform.ts

* document how parallel builders can affect plugins (#724)

* document how parallel builders can affect plugins

* make it clear that postcss-import is not the only solution

* Removing warning on V8

So it goes out once it’s merged

* final typescript conversions (#712)

* final typescript conversions

* postcss-dir-pseudo-class

* export plugin types

* fix

* fix

* fix

* postcss-gap-properties

* lint

* postcss-overflow-shorthand

* postcss-place

* fix

* postcss-pseudo-class-any-link

* one more

* more fixes and typings

* wip

* docs

* typed options for postcss-preset-env

* final fixes

* add to list of plugins in execution order

* clean up

* Update index.ts

* update cssdb

* update CHANGELOG

* changelog

* improve clean commands and reduce impact of changes on the cli package

* lint

* update has pseudo dependencies

* has pseudo : fix cleanup of rules in browsers with native support (#751)

* has pseudo : fix cleanup of rules in browsers with native support

* changelog

* fix cascade layers in combination with nesting and name defining at rules (#739)

* fix cascade layers

* fix

* merge

* custom properties

* postcss-custom-selectors

* document issue

* fix

* cleanup

* build

* update dependencies

* improve logging of enabled features

* more tests

* cascade-layer-name-parser (#755)

* cascade-layer-name-parser

* fixes

* integrate

* fixes and integrate further

* one more test

* better error handling

* cleanup

* rebuild

* update dependencies

* update dependencies

* css-tokenizer and parser-algorithms : fixes and performance improvements (#760)

* css-parser-algorithms : fix unclosed blocks and functions

* add more tests

* one more test

* performance improvements

* improve performance

* wip

* wip

* more performance improvements

* finish up

* improve benchmarks

* little bit faster

* fixes and some convenience methods

* more improvements

* more tests and fixes

* fix

* better error type

* custom media parsing

* fmt

* fix

* add normalization for Simple Block and Function

* more tests

* add css-tokenizer-tests for increased test coverage

* more tests

* update readme's

* css-tokenizer : remove `commentsAreTokens` (#779)

* remove dead code

* postcss-logical-viewport-units (#780)

* postcss-logical-viewport-units

* finish up

* match other logical plugins

* add test with a negative number in a range

* code quality

* one more fix

* simplify consume number

* simplify further

* one more fix

* CSS Tokenizer 2.0.0

* CSS Parser Algorithms 2.0.0

* Media Query List Parser 2.0.0

* Cascade Layer Name Parser 1.0.0

* Update lock

* Selector Specificity 2.1.0

* post release patches (#793)

* rebuild

* remove outdated and obsolote docs

* remove deno support from postcss-nesting (#795)

* text-decoration : fix shorthand in Safari with single node values (#794)

* text-decoration : fix shorthand in Safari with single node values

* update changelog

* update cssdb

* PostCSS Logical revamp (#740)

* Getting started

* wip: starting with single logical on margin

* Updating how the transform works

* Getting block/inline working for padding and margin

* Completing margin and padding

* Enable caption-side, float and clear

* adding support for text-align

* further progress

Resize
Block size and Inline Size
Offsets

* Completing border

* Addiing docs

* Rewriting test

* Missing part of the CHANGELOG

* Removing no longer needed check

* Updating tests

* Updating more tests

* Linting package.json

* feature/logical-revamp-v8 : feedback (#773)

* feature/logical-revamp-v8 : feedback

* Update plugins/postcss-logical/src/utils/parse-value-couple.ts

Co-authored-by: Antonio Laguna <[email protected]>

* undo

* more undo

Co-authored-by: Antonio Laguna <[email protected]>

* Adding missing docs

* Removing `preserve`

* Updating CHANGELOG

* add a few abstract tests with various configs (#775)

* logical : border radius (#776)

* logical : border radius

* fix

* typescript...

* Logical Float and Clear (#781)

* Removing float and clear from logical plugin

* Adding CHANGELOG

* Introducing postcss-logical-float-and-clear

* Preparing labeler and exteernals

* Update plugins/postcss-logical-float-and-clear/docs/README.md

Co-authored-by: Romain Menke <[email protected]>

* Update plugins/postcss-logical/docs/README.md

Co-authored-by: Romain Menke <[email protected]>

* Update .github/labeler.yml

Co-authored-by: Romain Menke <[email protected]>

* Adding to Issue Templates

Co-authored-by: Romain Menke <[email protected]>

* logical-resize (#792)

* logical-resize

* rebuild

* Updating CHANGELOG

* Updating dependencies

* Wire logical into Preset Env and CLI (#798)

* remove extra space

* remove plugin-options for logical

* include new logical plugins

* minor format

* removing redundant if within shared-options

* adding shared logical options to preset-env options

* ensuring logical options get passed

* updating tests

* adding tests for logical options

* removing wrong object

* adding test for logical

* adding clear and resize to the CHANGELOG

* updating tests and built files

* Updating CSSDB

* Generating FEATURES

* update CHANGELOG and README

* Updating tests for ratios

* Adding missing example

* Updating CLI

* rebuild

* a few tweaks and some more tests

Co-authored-by: Romain Menke <[email protected]>
Co-authored-by: Romain Menke <[email protected]>

Co-authored-by: Romain Menke <[email protected]>
Co-authored-by: Romain Menke <[email protected]>

* housekeeping

* last tweaks

Co-authored-by: Antonio Laguna <[email protected]>

Author: romainmenke

.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

@@ -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/bin/generate-docs/install.mjs

@@ -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/labeler.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]

.github/workflows/test.yml

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

.nvmrc

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

README.md

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