csstools · romainmenke · Jun 13, 2022 · Jun 5, 2022 · Jun 6, 2022 · Jun 11, 2022
diff --git a/package-lock.json b/package-lock.json
diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css
@@ -77,13 +77,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css
@@ -77,13 +77,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css
@@ -78,13 +78,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css
@@ -84,13 +84,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.expect.css b/plugin-packs/postcss-preset-env/test/basic.expect.css
@@ -78,13 +78,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css
@@ -76,13 +76,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css
@@ -68,13 +68,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css
@@ -91,13 +91,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css
@@ -78,13 +78,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css
@@ -171,13 +171,6 @@
 
 @custom-media --dark-mode (prefers-color-scheme: dark);
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css
@@ -83,13 +83,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css
@@ -75,13 +75,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css
@@ -85,13 +85,6 @@
 	}
 }
 
-@media (color-index: 48) {
-	body {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-1.expect.css b/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-1.expect.css
@@ -14,12 +14,6 @@
 	order: 4;
 }
 
-@media (color-index: 70) {
-	.b {
-		order: 5;
-	}
-}
-
 @media (color: 70318723) {
 	.b {
 		order: 5;

diff --git a/plugin-packs/postcss-preset-env/test/disable-client-side-polyfills.disabled.expect.css b/plugin-packs/postcss-preset-env/test/disable-client-side-polyfills.disabled.expect.css
@@ -14,12 +14,6 @@ a:has(> img) {
 	order: 2;
 }
 
-@media (color-index: 48) {
-	p {
-		order: 3;
-	}
-}
-
 @media (color: 48842621) {
 	p {
 		order: 3;

diff --git a/plugin-packs/postcss-preset-env/test/layers-basic.expect.css b/plugin-packs/postcss-preset-env/test/layers-basic.expect.css
@@ -152,13 +152,6 @@
 		}
 }
 
-@media (color-index: 48) {
-	body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
 		background-color: black;

diff --git a/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css
@@ -182,13 +182,6 @@
 
 @custom-media --dark-mode (prefers-color-scheme: dark);
 
-@media (color-index: 48) {
-	body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-		background-color: black;
-		color: white;
-	}
-}
-
 @media (color: 48842621) {
 	body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
 		background-color: black;

diff --git a/plugins/css-prefers-color-scheme/.gitignore b/plugins/css-prefers-color-scheme/.gitignore
@@ -1,15 +1,6 @@
 node_modules
-dist
 package-lock.json
 yarn.lock
-browser.js
-!src/browser.js
-browser.min.js
-*.log*
 *.result.css
 *.result.css.map
-!.editorconfig
-!.gitignore
-!.rollup.js
-!.tape.js
-!.travis.yml
+dist/*
diff --git a/plugins/css-prefers-color-scheme/.tape.mjs b/plugins/css-prefers-color-scheme/.tape.mjs
@@ -5,18 +5,6 @@ postcssTape(plugin)({
 	'basic': {
 		message: 'supports basic usage'
 	},
-	'basic:color': {
-		message: 'supports { mediaQuery: "color" } usage',
-		options: {
-			mediaQuery: 'color'
-		}
-	},
-	'basic:color-index': {
-		message: 'supports { mediaQuery: "color-index" } usage',
-		options: {
-			mediaQuery: 'color-index'
-		}
-	},
 	'basic:preserve': {
 		message: 'supports { preserve: true } usage',
 		options: {
@@ -28,5 +16,17 @@ postcssTape(plugin)({
 		options: {
 			preserve: false
 		}
-	}
+	},
+	'examples/example': {
+		message: 'minimal example',
+	},
+	'examples/example:preserve-false': {
+		message: 'minimal example',
+		options: {
+			preserve: false
+		}
+	},
+	'browser': {
+		message: 'css for browser tests',
+	},
 });
diff --git a/plugins/css-prefers-color-scheme/CHANGELOG.md b/plugins/css-prefers-color-scheme/CHANGELOG.md
@@ -1,5 +1,53 @@
 # Changes to Prefers Color Scheme
 
+### Unreleased (major)
+
+[Read the full changelog](https://github.com/csstools/postcss-plugins/wiki/PostCSS-Preset-Env-8)
+
+- Breaking: removed old CDN urls
+- Breaking: remove `color-depth` queries fallback
+- Breaking: remove 'no-preference' support as this was dropped from the spec
+- Breaking: remove old global object
+
+#### How to migrate :
+
+##### Re-build your CSS with the new version of the library.
+
+
+##### If you use a CDN url, please update it.
+
+```diff
+- <script src="https://unpkg.com/css-prefers-color-scheme/browser"></script>
++ <script src="https://unpkg.com/css-prefers-color-scheme/dist/browser-global.js"></script>
+```
+
+```diff
+- <script src="https://unpkg.com/css-prefers-color-scheme/browser.min"></script>
++ <script src="https://unpkg.com/css-prefers-color-scheme/dist/browser-global.js"></script>
+```
+
+##### Use `prefersColorSchemeInit` to initialize the polyfill in the browser.
+
+```diff
+- initPrefersColorScheme()
++ prefersColorSchemeInit()
+```
+
+##### Remove `@media (prefer-color-scheme: no-preference)` from your CSS.
+
+`@media (prefers-color-scheme: no-preference)` was removed from the specification and should be equivalent to not having any media query.
+
+```diff
+- @media (prefers-color-scheme: no-preference) {
+- 	.some-selector {
+- 		/* your styles ... */
+- 	}
+- }
++ .some-selector {
++ 	/* your styles ... */
++ }
+```
+
 ### 6.0.3 (January 31, 2022)
 
 - Fix `preserve: false` option.