diff --git a/.changeset/fix-prefers-reduced-transparency-typo.md b/.changeset/fix-prefers-reduced-transparency-typo.md new file mode 100644 index 000000000000..53624a2e2e8a --- /dev/null +++ b/.changeset/fix-prefers-reduced-transparency-typo.md @@ -0,0 +1,5 @@ +--- +"@biomejs/biome": patch +--- + +Fix [`noUnknownMediaFeatureName`](https://biomejs.dev/linter/rules/no-unknown-media-feature-name/) false positive for `prefers-reduced-transparency` media feature. The feature name was misspelled as `prefers-reduded-transparency` in the keywords list. diff --git a/crates/biome_css_analyze/src/keywords.rs b/crates/biome_css_analyze/src/keywords.rs index bf766adc68c7..99ab77898bb9 100644 --- a/crates/biome_css_analyze/src/keywords.rs +++ b/crates/biome_css_analyze/src/keywords.rs @@ -5150,7 +5150,7 @@ pub const MEDIA_FEATURE_NAMES: [&str; 60] = [ "prefers-contrast", "prefers-reduced-data", "prefers-reduced-motion", - "prefers-reduded-transparency", + "prefers-reduced-transparency", "resolution", "scan", "screen-spanning", diff --git a/crates/biome_css_analyze/tests/specs/correctness/noUnknownMediaFeatureName/valid.css b/crates/biome_css_analyze/tests/specs/correctness/noUnknownMediaFeatureName/valid.css index e25a8e1dca5e..c751304fb0b4 100644 --- a/crates/biome_css_analyze/tests/specs/correctness/noUnknownMediaFeatureName/valid.css +++ b/crates/biome_css_analyze/tests/specs/correctness/noUnknownMediaFeatureName/valid.css @@ -19,3 +19,6 @@ @media (400px <= width <= 700px) { } + +@media (prefers-reduced-transparency: reduce) { +} diff --git a/crates/biome_css_analyze/tests/specs/correctness/noUnknownMediaFeatureName/valid.css.snap b/crates/biome_css_analyze/tests/specs/correctness/noUnknownMediaFeatureName/valid.css.snap index 3de2baf6d7e5..3b5ec2bd343f 100644 --- a/crates/biome_css_analyze/tests/specs/correctness/noUnknownMediaFeatureName/valid.css.snap +++ b/crates/biome_css_analyze/tests/specs/correctness/noUnknownMediaFeatureName/valid.css.snap @@ -26,4 +26,7 @@ expression: valid.css @media (400px <= width <= 700px) { } +@media (prefers-reduced-transparency: reduce) { +} + ```