fix(css_parser): add support for parsing :state() (#7619) (#7665)

Co-authored-by: Emanuele Stoppa <[email protected]>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: 3 people

.changeset/salty-cats-jog.md

@@ -0,0 +1,11 @@
+---
+"@biomejs/biome": patch
+---
+
+Fixed [#7619](https://github.com/biomejs/biome/issues/7619): Added support for parsing the CSS `:state()` pseudo-class.
+
+```css
+custom-selector:state(checked) {
+
+}
+```

crates/biome_css_analyze/tests/specs/correctness/noUnknownPseudoClass/valid.css

@@ -38,3 +38,4 @@ a:defined { }
 :seeking, :stalled, :buffering, :volume-locked, :muted {}
 ::-webkit-scrollbar-button:hover {}
 dialog:open {}
+custom-selector:state(checked) {}

crates/biome_css_analyze/tests/specs/correctness/noUnknownPseudoClass/valid.css.snap

@@ -44,5 +44,6 @@ a:defined { }
 :seeking, :stalled, :buffering, :volume-locked, :muted {}
 ::-webkit-scrollbar-button:hover {}
 dialog:open {}
+custom-selector:state(checked) {}
 
 ```

crates/biome_css_factory/src/generated/node_factory.rs

@@ -13,6 +13,7 @@ impl FormatRule<AnyCssPseudoClass> for FormatAnyCssPseudoClass {
             AnyCssPseudoClass::CssPseudoClassFunctionCompoundSelectorList(node) => {
                 node.format().fmt(f)
             }
+            AnyCssPseudoClass::CssPseudoClassFunctionCustomIdentifier(node) => node.format().fmt(f),
             AnyCssPseudoClass::CssPseudoClassFunctionCustomIdentifierList(node) => {
                 node.format().fmt(f)
             }

crates/biome_css_factory/src/generated/syntax_factory.rs

@@ -2,6 +2,7 @@
 
 pub(crate) mod page_selector_pseudo;
 pub(crate) mod pseudo_class_function_compound_selector_list;
+pub(crate) mod pseudo_class_function_custom_identifier;
 pub(crate) mod pseudo_class_function_custom_identifier_list;
 pub(crate) mod pseudo_class_function_identifier;
 pub(crate) mod pseudo_class_function_nth;

crates/biome_css_formatter/src/css/any/pseudo_class.rs

@@ -0,0 +1,38 @@
+use crate::css::value::identifier::FormatCssIdentifierOptions;
+use crate::prelude::*;
+use biome_css_syntax::{
+    CssPseudoClassFunctionCustomIdentifier, CssPseudoClassFunctionCustomIdentifierFields,
+};
+use biome_formatter::{format_args, write};
+
+#[derive(Debug, Clone, Default)]
+pub(crate) struct FormatCssPseudoClassFunctionCustomIdentifier;
+impl FormatNodeRule<CssPseudoClassFunctionCustomIdentifier>
+    for FormatCssPseudoClassFunctionCustomIdentifier
+{
+    fn fmt_fields(
+        &self,
+        node: &CssPseudoClassFunctionCustomIdentifier,
+        f: &mut CssFormatter,
+    ) -> FormatResult<()> {
+        let CssPseudoClassFunctionCustomIdentifierFields {
+            name,
+            l_paren_token,
+            ident,
+            r_paren_token,
+        } = node.as_fields();
+
+        write!(
+            f,
+            [
+                name.format()?
+                    .with_options(FormatCssIdentifierOptions::default().with_lowercasing()),
+                group(&format_args![
+                    l_paren_token.format(),
+                    soft_block_indent(&ident.format()),
+                    r_paren_token.format()
+                ])
+            ]
+        )
+    }
+}

crates/biome_css_formatter/src/css/pseudo/mod.rs

@@ -3386,6 +3386,19 @@ impl IntoFormat<CssFormatContext> for biome_css_syntax::CssPseudoClassFunctionCo
         FormatOwnedWithRule :: new (self , crate :: css :: pseudo :: pseudo_class_function_compound_selector_list :: FormatCssPseudoClassFunctionCompoundSelectorList :: default ())
     }
 }
+impl FormatRule < biome_css_syntax :: CssPseudoClassFunctionCustomIdentifier > for crate :: css :: pseudo :: pseudo_class_function_custom_identifier :: FormatCssPseudoClassFunctionCustomIdentifier { type Context = CssFormatContext ; # [inline (always)] fn fmt (& self , node : & biome_css_syntax :: CssPseudoClassFunctionCustomIdentifier , f : & mut CssFormatter) -> FormatResult < () > { FormatNodeRule :: < biome_css_syntax :: CssPseudoClassFunctionCustomIdentifier > :: fmt (self , node , f) } }
+impl AsFormat<CssFormatContext> for biome_css_syntax::CssPseudoClassFunctionCustomIdentifier {
+    type Format < 'a > = FormatRefWithRule < 'a , biome_css_syntax :: CssPseudoClassFunctionCustomIdentifier , crate :: css :: pseudo :: pseudo_class_function_custom_identifier :: FormatCssPseudoClassFunctionCustomIdentifier > ;
+    fn format(&self) -> Self::Format<'_> {
+        FormatRefWithRule :: new (self , crate :: css :: pseudo :: pseudo_class_function_custom_identifier :: FormatCssPseudoClassFunctionCustomIdentifier :: default ())
+    }
+}
+impl IntoFormat<CssFormatContext> for biome_css_syntax::CssPseudoClassFunctionCustomIdentifier {
+    type Format = FormatOwnedWithRule < biome_css_syntax :: CssPseudoClassFunctionCustomIdentifier , crate :: css :: pseudo :: pseudo_class_function_custom_identifier :: FormatCssPseudoClassFunctionCustomIdentifier > ;
+    fn into_format(self) -> Self::Format {
+        FormatOwnedWithRule :: new (self , crate :: css :: pseudo :: pseudo_class_function_custom_identifier :: FormatCssPseudoClassFunctionCustomIdentifier :: default ())
+    }
+}
 impl FormatRule < biome_css_syntax :: CssPseudoClassFunctionCustomIdentifierList > for crate :: css :: pseudo :: pseudo_class_function_custom_identifier_list :: FormatCssPseudoClassFunctionCustomIdentifierList { type Context = CssFormatContext ; # [inline (always)] fn fmt (& self , node : & biome_css_syntax :: CssPseudoClassFunctionCustomIdentifierList , f : & mut CssFormatter) -> FormatResult < () > { FormatNodeRule :: < biome_css_syntax :: CssPseudoClassFunctionCustomIdentifierList > :: fmt (self , node , f) } }
 impl AsFormat<CssFormatContext> for biome_css_syntax::CssPseudoClassFunctionCustomIdentifierList {
     type Format < 'a > = FormatRefWithRule < 'a , biome_css_syntax :: CssPseudoClassFunctionCustomIdentifierList , crate :: css :: pseudo :: pseudo_class_function_custom_identifier_list :: FormatCssPseudoClassFunctionCustomIdentifierList > ;

crates/biome_css_formatter/src/css/pseudo/pseudo_class_function_custom_identifier.rs

@@ -0,0 +1,13 @@
+custom-selector:state(checked) {}
+custom-selector:state( checked) {}
+custom-selector:state(    checked  ) {}
+custom-selector:state(
+checked
+) {}
+
+:host(
+:state(      checked
+))::before {  }
+:host(:state(      checked
+)
+			)::before {  }