csstools · Jun 13, 2022 · Jun 18, 2022 · Jun 18, 2022 · Jun 23, 2022 · Jun 25, 2022
Showing 1,025 changed files with 58,224 additions and 10,737 deletions.
diff --git a/.github/ISSUE_TEMPLATE/css-issue.yml b/.github/ISSUE_TEMPLATE/css-issue.yml
@@ -87,6 +87,7 @@ body:
         - PostCSS Is Pseudo Class
         - PostCSS Lab Function
         - PostCSS Logical
+        - PostCSS Media Queries Aspect-Ratio Number Values
         - PostCSS Media Query Ranges
         - PostCSS Nested Calc
         - PostCSS Nesting

diff --git a/.github/ISSUE_TEMPLATE/plugin-issue.yml b/.github/ISSUE_TEMPLATE/plugin-issue.yml
@@ -89,6 +89,7 @@ body:
         - PostCSS Is Pseudo Class
         - PostCSS Lab Function
         - PostCSS Logical
+        - PostCSS Media Queries Aspect-Ratio Number Values
         - PostCSS Media Query Ranges
         - PostCSS Nested Calc
         - PostCSS Nesting

diff --git a/.github/bin/format-package-json.mjs b/.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;

diff --git a/.github/bin/generate-docs/install-template.md b/.github/bin/generate-docs/install-template.md
@@ -16,6 +16,7 @@ npm install postcss <packageName> --save-dev
 Use it as a [PostCSS] plugin:
 
 ```js
+// commonjs
 const postcss = require('postcss');
 const <exportName> = require('<packageName>');
 
@@ -24,6 +25,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:

diff --git a/.github/labeler.yml b/.github/labeler.yml
@@ -136,6 +136,10 @@
   - plugins/postcss-logical/**
   - experimental/postcss-logical/**
 
+"plugins/postcss-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/**

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -25,17 +25,17 @@ jobs:
     strategy:
       fail-fast: false
       # Test node 16/18 on ubuntu
-      # Test node 16 on macos/windows
-      # Enable annotations only for node 16 + ubuntu
+      # Test node 18 on macos/windows
+      # Enable annotations only for node 18 + ubuntu
       matrix:
         os: [ubuntu-latest]
         node: [16, 18]
         include:
         - os: macos-latest
-          node: 16
+          node: 18
         - os: windows-latest
-          node: 16
-        - node: 16
+          node: 18
+        - node: 18
           is_base_node_version: true
         - os: ubuntu-latest
           is_base_os_version: true
@@ -47,49 +47,24 @@ jobs:
         with:
           node-version: ${{ matrix.node }}
 
-      - name: env
-        run: |
-          echo 'DIST_RESTORE_KEYS<<EOF' >> $GITHUB_ENV
-          echo "$(git --no-pager log -9 --skip 1 --no-merges --pretty=format:'%H--test-dist-${{ matrix.node }}-${{ matrix.os }}')" >> $GITHUB_ENV
-          echo 'EOF' >> $GITHUB_ENV
-          echo "COMMIT_SHA=$(git --no-pager log -1 --no-merges --pretty=format:'%H')" >> $GITHUB_ENV
-          echo "BUILD_AND_TEST_ALL_PACKAGES=$(echo ${{ github.event.inputs.run_index }})" >> $GITHUB_ENV
-
-      - name: previous build artifacts cache
-        uses: actions/cache@v3.0.11
-        with:
-          path: |
-            .cached-commit
-            cli/*/dist/**
-            experimental/*/dist/**
-            packages/*/dist/**
-            plugin-packs/*/dist/**
-            plugins/*/dist/**
-          key: ${{ env.COMMIT_SHA }}--test-dist-${{ matrix.node }}-${{ matrix.os }}
-          restore-keys: ${{ env.DIST_RESTORE_KEYS }}
-
       - name: npm ci
         run: |
           npm ci --ignore-scripts
 
-      - name: determine modified workspaces
-        run: |
-          echo "MODIFIED_WORKSPACES=$(node './.github/bin/modified-workspaces/log-modified-workspaces.mjs')" >> $GITHUB_ENV
-
         # Build, lint and PostCSS Tape tests must all work and pass :
         # - with exact dependencies from package-lock.json
         # - without requiring postinstall scripts from dependencies to run
       - name: build
         run: |
-          npm run build --if-present $MODIFIED_WORKSPACES
+          npm run build --if-present
 
       - name: lint
-        run: npm run lint --if-present $MODIFIED_WORKSPACES
+        run: npm run lint --if-present
         if: matrix.is_base_node_version && matrix.is_base_os_version
 
         # Basic tests
       - name: test
-        run: npm run test --if-present $MODIFIED_WORKSPACES
+        run: npm run test --if-present
         env:
           ENABLE_ANNOTATIONS_FOR_NODE: ${{ matrix.is_base_node_version }}
           ENABLE_ANNOTATIONS_FOR_OS: ${{ matrix.is_base_os_version }}
@@ -99,14 +74,14 @@ jobs:
       - name: test:cli
         run: |
           npm install --ignore-scripts
-          npm run test:cli --if-present $MODIFIED_WORKSPACES
+          npm run test:cli --if-present
 
         # Browser Tests
         # running "npm ci" again, but allowing scripts so that Chrome is installed
       - name: test:browser
         run: |
           npm ci
-          npm run test:browser --if-present $MODIFIED_WORKSPACES
+          npm run test:browser --if-present
         if: matrix.is_base_node_version && matrix.is_base_os_version
 
         # E2E Tests
@@ -125,11 +100,5 @@ jobs:
         if: matrix.is_base_node_version && matrix.is_base_os_version
 
       - name: test:deno
-        run: npm run test:deno --if-present $MODIFIED_WORKSPACES
+        run: npm run test:deno --if-present
         if: matrix.is_base_node_version && matrix.is_base_os_version
-
-        # record the current commit for the cache at the end of the job
-        # must be the last step
-      - name: record current commit
-        run: |
-          echo "$(git --no-pager log -1 --no-merges --pretty=format:'%H')" > .cached-commit
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v16.13.1
+v18.8.0
diff --git a/cli/csstools-cli/.gitignore b/cli/csstools-cli/.gitignore
@@ -6,6 +6,7 @@ browser.js
 *.log*
 *.result.css
 *.result.css.map
+*.result.html
 !.editorconfig
 !.gitignore
 !.rollup.js

diff --git a/cli/csstools-cli/.nvmrc b/cli/csstools-cli/.nvmrc
@@ -1 +1 @@
-v16.13.1
+v18.8.0
diff --git a/cli/csstools-cli/CHANGELOG.md b/cli/csstools-cli/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changes to CSSTools CLI
 
+### Unreleased (major)
+
+- Updated: Support for Node v14+ (major).
+- Remove `postcss-env-function` (breaking).
+- Remove `importFrom` and `exportTo` plugin options (breaking).
+
 ### 1.4.0 (June 3, 2022)
 
 - Added `@csstools/postcss-cascade-layers`

diff --git a/cli/csstools-cli/README.md b/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"
   }
 ```
 

diff --git a/cli/csstools-cli/package.json b/cli/csstools-cli/package.json
@@ -19,7 +19,7 @@
 		"url": "https://opencollective.com/csstools"
 	},
 	"engines": {
-		"node": "^12 || ^14 || >=16"
+		"node": "^14 || ^16 || >=18"
 	},
 	"bin": {
 		"csstools-cli": "dist/cli.cjs"
@@ -43,9 +43,9 @@
 		"@csstools/postcss-stepped-value-functions": "^1.0.0",
 		"@csstools/postcss-trigonometric-functions": "^1.0.0",
 		"@csstools/postcss-unset-value": "^1.0.1",
-		"css-blank-pseudo": "^3.0.3",
-		"css-has-pseudo": "^3.0.4",
-		"css-prefers-color-scheme": "^6.0.3",
+		"css-blank-pseudo": "^4.0.0",
+		"css-has-pseudo": "^4.0.0",
+		"css-prefers-color-scheme": "^7.0.0",
 		"postcss-attribute-case-insensitive": "^5.0.1",
 		"postcss-color-functional-notation": "^4.2.3",
 		"postcss-color-hex-alpha": "^8.0.3",
@@ -55,25 +55,24 @@
 		"postcss-custom-selectors": "^6.0.2",
 		"postcss-dir-pseudo-class": "^6.0.4",
 		"postcss-double-position-gradients": "^3.1.1",
-		"postcss-env-function": "^4.0.6",
-		"postcss-focus-visible": "^6.0.4",
-		"postcss-focus-within": "^5.0.4",
+		"postcss-focus-visible": "^7.0.0",
+		"postcss-focus-within": "^6.0.0",
 		"postcss-gap-properties": "^3.0.3",
 		"postcss-image-set-function": "^4.0.6",
 		"postcss-lab-function": "^4.2.0",
 		"postcss-logical": "^5.0.4",
 		"postcss-nesting": "^10.1.7",
 		"postcss-overflow-shorthand": "^3.0.3",
 		"postcss-place": "^7.0.4",
-		"postcss-preset-env": "^7.7.1",
+		"postcss-preset-env": "^8.0.0-alpha.0",
 		"postcss-pseudo-class-any-link": "^7.1.4",
 		"postcss-selector-not": "^6.0.0"
 	},
 	"devDependencies": {
 		"postcss": "^8.4.14"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"csstools-cli": "csstools-cli",
 		"lint": "npm run lint:eslint && npm run lint:package-json",

diff --git a/cli/csstools-cli/src/cli.ts b/cli/csstools-cli/src/cli.ts
@@ -12,7 +12,6 @@ import postcssCustomProperties from './plugins/postcss-custom-properties';
 import postcssCustomSelectors from './plugins/postcss-custom-selectors';
 import postcssDirPseudoClass from './plugins/postcss-dir-pseudo-class';
 import postcssDoublePositionGradients from './plugins/postcss-double-position-gradients';
-import postcssEnvFunction from './plugins/postcss-env-function';
 import postcssFocusVisible from './plugins/postcss-focus-visible';
 import postcssFocusWithin from './plugins/postcss-focus-within';
 import postcssFontFormatKeywords from './plugins/postcss-font-format-keywords';
@@ -80,9 +79,6 @@ function main() {
 		case 'postcss-double-position-gradients':
 			postcssDoublePositionGradients();
 			return;
-		case 'postcss-env-function':
-			postcssEnvFunction();
-			return;
 		case 'postcss-focus-visible':
 			postcssFocusVisible();
 			return;

diff --git a/cli/csstools-cli/src/plugins/postcss-custom-media.ts b/cli/csstools-cli/src/plugins/postcss-custom-media.ts
@@ -4,14 +4,12 @@ import { cli, helpTextLogger } from '@csstools/base-cli';
 export default function postcssCustomMedia() {
 	cli(
 		plugin,
-		['importFrom', 'exportTo', 'preserve'],
+		['preserve'],
 		helpTextLogger(
 			'@csstools/cli postcss-custom-media',
 			'PostCSS Custom Media',
 			'Lets you define @custom-media in CSS following the Custom Media Specification',
 			{
-				importFrom: ['import-media.js'],
-				exportTo: ['export-media.js'],
 				preserve: true,
 			},
 		),

diff --git a/cli/csstools-cli/src/plugins/postcss-custom-properties.ts b/cli/csstools-cli/src/plugins/postcss-custom-properties.ts
@@ -4,14 +4,12 @@ import { cli, helpTextLogger } from '@csstools/base-cli';
 export default function postcssCustomProperties() {
 	cli(
 		plugin,
-		['importFrom', 'exportTo', 'preserve'],
+		['preserve'],
 		helpTextLogger(
 			'@csstools/cli postcss-custom-properties',
 			'PostCSS Custom Properties',
 			'Lets you use Custom Properties in CSS, following the CSS Custom Properties specification.',
 			{
-				importFrom: ['import-variables.js'],
-				exportTo: ['export-variables.js'],
 				preserve: true,
 			},
 		),

diff --git a/cli/csstools-cli/src/plugins/postcss-custom-selectors.ts b/cli/csstools-cli/src/plugins/postcss-custom-selectors.ts
@@ -4,14 +4,12 @@ import { cli, helpTextLogger } from '@csstools/base-cli';
 export default function postcssCustomSelectors() {
 	cli(
 		plugin,
-		['importFrom', 'exportTo', 'preserve'],
+		['preserve'],
 		helpTextLogger(
 			'@csstools/cli postcss-custom-selectors',
 			'PostCSS Custom Selectors',
 			'Lets you define @custom-selector in CSS following the Custom Selectors Specification',
 			{
-				importFrom: ['import-selectors.js'],
-				exportTo: ['export-selectors.js'],
 				preserve: true,
 			},
 		),

diff --git a/cli/csstools-cli/src/plugins/postcss-env-function.ts b/cli/csstools-cli/src/plugins/postcss-env-function.ts
diff --git a/cli/csstools-cli/src/plugins/postcss-preset-env.ts b/cli/csstools-cli/src/plugins/postcss-preset-env.ts
@@ -11,8 +11,6 @@ export default function postcssPresetEnv() {
 			'browsers',
 			'autoprefixer',
 			'preserve',
-			'importFrom',
-			'exportTo',
 			'enableClientSidePolyfills',
 		],
 		helpTextLogger(
@@ -29,8 +27,6 @@ export default function postcssPresetEnv() {
 				browsers: 'last 2 versions',
 				autoprefixer: { grid: true },
 				preserve: false,
-				importFrom: 'path/to/file.css',
-				exportTo: 'path/to/file.css',
 				enableClientSidePolyfills: false,
 			},
 		),

diff --git a/cli/csstools-cli/test/cli/basic.expect.css b/cli/csstools-cli/test/cli/basic.expect.css