From f58aaecb7a11ab74e588322fa0c3fb4a49fcc85b Mon Sep 17 00:00:00 2001
From: Romain Menke <11521496+romainmenke@users.noreply.github.com>
Date: Mon, 26 Jun 2023 10:00:03 +0200
Subject: [PATCH] Fix `media-feature-name-no-unknown` false positives for
 `environment-blending`, `nav-controls`,  `prefers-reduced-data`, and 
 `video-color-gamut` (#6978)

* Fix `media-feature-name-no-unknown` false positives

* Create sharp-pans-whisper.md

* Update sharp-pans-whisper.md

* fmt
---
 .changeset/sharp-pans-whisper.md                     |  5 +++++
 lib/reference/mediaFeatures.js                       |  4 ++++
 .../media-feature-name-no-unknown/__tests__/index.js | 12 ++++++++++++
 3 files changed, 21 insertions(+)
 create mode 100644 .changeset/sharp-pans-whisper.md

diff --git a/.changeset/sharp-pans-whisper.md b/.changeset/sharp-pans-whisper.md
new file mode 100644
index 0000000000..863e43b81a
--- /dev/null
+++ b/.changeset/sharp-pans-whisper.md
@@ -0,0 +1,5 @@
+---
+"stylelint": patch
+---
+
+Fixed: `media-feature-name-no-unknown` false positives for `environment-blending`, `nav-controls`, `prefers-reduced-data`, and `video-color-gamut`
diff --git a/lib/reference/mediaFeatures.js b/lib/reference/mediaFeatures.js
index 14f65f19bd..71cd635573 100644
--- a/lib/reference/mediaFeatures.js
+++ b/lib/reference/mediaFeatures.js
@@ -32,22 +32,26 @@ const discreteTypeMediaFeatureNames = new Set([
 	'color-gamut',
 	'display-mode',
 	'dynamic-range',
+	'environment-blending',
 	'forced-colors',
 	'grid',
 	'hover',
 	'inverted-colors',
 	'light-level',
+	'nav-controls',
 	'orientation',
 	'overflow-block',
 	'overflow-inline',
 	'pointer',
 	'prefers-color-scheme',
 	'prefers-contrast',
+	'prefers-reduced-data',
 	'prefers-reduced-motion',
 	'prefers-reduced-transparency',
 	'scan',
 	'scripting',
 	'update',
+	'video-color-gamut',
 	'video-dynamic-range',
 ]);
 
diff --git a/lib/rules/media-feature-name-no-unknown/__tests__/index.js b/lib/rules/media-feature-name-no-unknown/__tests__/index.js
index d95c25b52b..232a90b06c 100644
--- a/lib/rules/media-feature-name-no-unknown/__tests__/index.js
+++ b/lib/rules/media-feature-name-no-unknown/__tests__/index.js
@@ -65,6 +65,18 @@ testRule({
 		{
 			code: '@media (grid: 1) {}',
 		},
+		{
+			code: '@media (environment-blending: additive) {}',
+		},
+		{
+			code: '@media (nav-controls: none) {}',
+		},
+		{
+			code: '@media (prefers-reduced-data: reduce) {}',
+		},
+		{
+			code: '@media (video-color-gamut: p3) {}',
+		},
 	],
 
 	reject: [