@eslint/css-tree 3.6.7 → 3.6.9

package/README.md

@@ -201,10 +201,10 @@ The following companies, organizations, and individuals support ESLint's ongoing
 to get your logo on our READMEs and [website](https://eslint.org/sponsors).
 
 <h3>Platinum Sponsors</h3>
-<p><a href="https://automattic.com"><img src="https://images.opencollective.com/automattic/d0ef3e1/logo.png" alt="Automattic" height="128"></a> <a href="https://www.airbnb.com/"><img src="https://images.opencollective.com/airbnb/d327d66/logo.png" alt="Airbnb" height="128"></a></p><h3>Gold Sponsors</h3>
+<p><a href="https://automattic.com"><img src="https://images.opencollective.com/automattic/d0ef3e1/logo.png" alt="Automattic" height="128"></a></p><h3>Gold Sponsors</h3>
 <p><a href="https://qlty.sh/"><img src="https://images.opencollective.com/qltysh/33d157d/logo.png" alt="Qlty Software" height="96"></a> <a href="https://shopify.engineering/"><img src="https://avatars.githubusercontent.com/u/8085" alt="Shopify" height="96"></a></p><h3>Silver Sponsors</h3>
-<p><a href="https://vite.dev/"><img src="https://images.opencollective.com/vite/e6d15e1/logo.png" alt="Vite" height="64"></a> <a href="https://liftoff.io/"><img src="https://images.opencollective.com/liftoff/2d6c3b6/logo.png" alt="Liftoff" height="64"></a> <a href="https://americanexpress.io"><img src="https://avatars.githubusercontent.com/u/3853301" alt="American Express" height="64"></a> <a href="https://stackblitz.com"><img src="https://avatars.githubusercontent.com/u/28635252" alt="StackBlitz" height="64"></a></p><h3>Bronze Sponsors</h3>
-<p><a href="https://cybozu.co.jp/"><img src="https://images.opencollective.com/cybozu/933e46d/logo.png" alt="Cybozu" height="32"></a> <a href="https://syntax.fm"><img src="https://github.com/syntaxfm.png" alt="Syntax" height="32"></a> <a href="https://icons8.com/"><img src="https://images.opencollective.com/icons8/7fa1641/logo.png" alt="Icons8" height="32"></a> <a href="https://discord.com"><img src="https://images.opencollective.com/discordapp/f9645d9/logo.png" alt="Discord" height="32"></a> <a href="https://www.gitbook.com"><img src="https://avatars.githubusercontent.com/u/7111340" alt="GitBook" height="32"></a> <a href="https://nx.dev"><img src="https://avatars.githubusercontent.com/u/23692104" alt="Nx" height="32"></a> <a href="https://opensource.mercedes-benz.com/"><img src="https://avatars.githubusercontent.com/u/34240465" alt="Mercedes-Benz Group" height="32"></a> <a href="https://herocoders.com"><img src="https://avatars.githubusercontent.com/u/37549774" alt="HeroCoders" height="32"></a> <a href="https://www.lambdatest.com"><img src="https://avatars.githubusercontent.com/u/171592363" alt="LambdaTest" height="32"></a></p>
+<p><a href="https://vite.dev/"><img src="https://images.opencollective.com/vite/d472863/logo.png" alt="Vite" height="64"></a> <a href="https://liftoff.io/"><img src="https://images.opencollective.com/liftoff/2d6c3b6/logo.png" alt="Liftoff" height="64"></a> <a href="https://stackblitz.com"><img src="https://avatars.githubusercontent.com/u/28635252" alt="StackBlitz" height="64"></a></p><h3>Bronze Sponsors</h3>
+<p><a href="https://cybozu.co.jp/"><img src="https://images.opencollective.com/cybozu/933e46d/logo.png" alt="Cybozu" height="32"></a> <a href="https://opensource.sap.com"><img src="https://avatars.githubusercontent.com/u/2531208" alt="SAP" height="32"></a> <a href="https://www.crawljobs.com/"><img src="https://images.opencollective.com/crawljobs-poland/fa43a17/logo.png" alt="CrawlJobs" height="32"></a> <a href="https://depot.dev"><img src="https://images.opencollective.com/depot/39125a1/logo.png" alt="Depot" height="32"></a> <a href="https://www.n-ix.com/"><img src="https://images.opencollective.com/n-ix-ltd/575a7a5/logo.png" alt="N-iX Ltd" height="32"></a> <a href="https://icons8.com/"><img src="https://images.opencollective.com/icons8/7fa1641/logo.png" alt="Icons8" height="32"></a> <a href="https://discord.com"><img src="https://images.opencollective.com/discordapp/f9645d9/logo.png" alt="Discord" height="32"></a> <a href="https://www.gitbook.com"><img src="https://avatars.githubusercontent.com/u/7111340" alt="GitBook" height="32"></a> <a href="https://herocoders.com"><img src="https://avatars.githubusercontent.com/u/37549774" alt="HeroCoders" height="32"></a> <a href="https://www.lambdatest.com"><img src="https://avatars.githubusercontent.com/u/171592363" alt="TestMu AI Open Source Office (Formerly LambdaTest)" height="32"></a></p>
 <h3>Technology Sponsors</h3>
 Technology sponsors allow us to use their products and services for free as part of a contribution to the open source ecosystem and our work.
 <p><a href="https://netlify.com"><img src="https://raw.githubusercontent.com/eslint/eslint.org/main/src/assets/images/techsponsors/netlify-icon.svg" alt="Netlify" height="32"></a> <a href="https://algolia.com"><img src="https://raw.githubusercontent.com/eslint/eslint.org/main/src/assets/images/techsponsors/algolia-icon.svg" alt="Algolia" height="32"></a> <a href="https://1password.com"><img src="https://raw.githubusercontent.com/eslint/eslint.org/main/src/assets/images/techsponsors/1password-icon.svg" alt="1Password" height="32"></a></p>

package/cjs/syntax/atrule/layer.cjs

@@ -7,8 +7,8 @@ const layer = {
                 this.LayerList()
             );
         },
-        block() {
-            return this.Block(false);
+        block(nested = false, { allowNestedRules = false } = {}) {
+            return this.Block(nested, { allowNestedRules });
         }
     }
 };

package/cjs/syntax/node/Block.cjs

@@ -48,10 +48,50 @@ function isElementSelectorStart() {
 
     const nextTokenType = this.lookupTypeNonSC(1);
 
+    // If next token is not colon, semicolon, or right curly bracket, it's likely a selector
     if (nextTokenType !== types.Colon && nextTokenType !== types.Semicolon && nextTokenType !== types.RightCurlyBracket) {
         return true;
     }
 
+    // If next token is colon, we need to look further ahead to distinguish
+    // between property declarations (p: value) and pseudo-class selectors (p:hover)
+    if (nextTokenType === types.Colon) {
+        // Look for the token after the colon (skipping whitespace)
+        const tokenAfterColon = this.lookupTypeNonSC(2);
+
+        // If it's an identifier (like 'hover', 'first-of-type') or function (like 'nth-child()', 'not()'),
+        // this could be a pseudo-class
+        if (tokenAfterColon === types.Ident || tokenAfterColon === types.Function) {
+            // Look further ahead to see if there's a left curly bracket
+            // which would indicate this is a selector with a block
+            let offset = 3;
+            let tokenType;
+
+            // Skip whitespace and look for either a left curly bracket or other tokens
+            while (offset <= 15) { // Increased limit to handle function pseudo-classes
+                tokenType = this.lookupType(offset);
+
+                if (tokenType === types.LeftCurlyBracket) {
+                    // Found opening brace, this is definitely a selector
+                    return true;
+                } else if (tokenType === types.Semicolon || tokenType === types.RightCurlyBracket) {
+                    // Found semicolon or closing brace before opening brace, likely a property
+                    return false;
+                } else if (tokenType === types.WhiteSpace || tokenType === types.Comment) {
+                    // Skip whitespace and comments
+                    offset++;
+                    continue;
+                } else {
+                    // Other tokens might indicate more complex selectors, continue looking
+                    offset++;
+                }
+            }
+        }
+
+        // If we can't determine conclusively, default to property behavior
+        return false;
+    }
+
     return false;
 }
 

package/cjs/syntax/node/DeclarationList.cjs

@@ -29,12 +29,17 @@ function isElementSelectorStart() {
 
     const nextTokenType = this.lookupTypeNonSC(1);
 
-    // Simple case: if next token is not colon, semicolon, or closing brace, it's likely a selector
-    if (nextTokenType !== types.Colon && nextTokenType !== types.Semicolon && nextTokenType !== types.RightCurlyBracket) {
+    // If next token is a left curly bracket, it's definitely a selector (e.g., "div { ... }")
+    if (nextTokenType === types.LeftCurlyBracket) {
         return true;
     }
 
-    // Special handling for colon case - could be pseudo-class/pseudo-element
+    // If next token is semicolon, comma, or closing brace, it's definitely a declaration
+    if (nextTokenType === types.Semicolon || nextTokenType === types.Comma || nextTokenType === types.RightCurlyBracket) {
+        return false;
+    }
+
+    // Special handling for colon case - could be pseudo-class/pseudo-element or property
     if (nextTokenType === types.Colon) {
         // Look ahead further to see what follows the colon
         const afterColonType = this.lookupTypeNonSC(2);
@@ -43,12 +48,19 @@ function isElementSelectorStart() {
         // check what comes after that
         if (afterColonType === types.Ident) {
             const afterPseudoType = this.lookupTypeNonSC(3);
-            // If it's followed by { or other selector tokens, it's a selector
-            // If it's followed by ; or } or EOF, it's not a selector (property)
-            return afterPseudoType !== types.Semicolon && afterPseudoType !== types.RightCurlyBracket && afterPseudoType !== 0; // 0 is EOF
+            // If it's followed by {, it's definitely a selector (e.g., "div:hover { ... }")
+            if (afterPseudoType === types.LeftCurlyBracket) {
+                return true;
+            }
+            // Otherwise, it's a property (e.g., "transition: opacity 1s")
+            return false;
         }
+        // If after colon there's not an identifier, it's a property
+        return false;
     }
 
+    // For other token types (dimensions, numbers, strings, etc.), assume it's a declaration
+    // This handles cases like multi-value properties
     return false;
 }
 

package/data/patch.json

@@ -649,6 +649,9 @@
         "cmyk-component": {
             "syntax": "<number> | <percentage> | none"
         },
+        "color-function": {
+            "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <alpha()> | <color()>"
+        },
         "color-mix()": {
             "syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2} )"
         },
@@ -866,6 +869,9 @@
         "oklch()": {
             "syntax": "<legacy-oklch-syntax> | <modern-oklch-syntax>"
         },
+        "alpha()": {
+            "syntax": "alpha( [ from <color> ] [ / [ <alpha-value> | none ] ]? )"
+        },
         "colorspace-params": {
             "syntax": "[ <predefined-rgb-params> | <xyz-params>]"
         },