@eslint/css-tree 3.6.7 → 3.6.9

package/dist/data.cjs

@@ -143,7 +143,7 @@ module.exports = {
         "color": "<color-base>|currentColor|<system-color>|<device-cmyk()>|<light-dark()>|<-non-standard-color>",
         "color()": "color( <colorspace-params> [/ [<alpha-value>|none]]? )",
         "color-base": "<hex-color>|<color-function>|<named-color>|<color-mix()>|transparent",
-        "color-function": "<rgb()>|<rgba()>|<hsl()>|<hsla()>|<hwb()>|<lab()>|<lch()>|<oklab()>|<oklch()>|<color()>",
+        "color-function": "<rgb()>|<rgba()>|<hsl()>|<hsla()>|<hwb()>|<lab()>|<lch()>|<oklab()>|<oklch()>|<alpha()>|<color()>",
         "color-interpolation-method": "in [<rectangular-color-space>|<polar-color-space> <hue-interpolation-method>?|<custom-color-space>]",
         "color-mix()": "color-mix( <color-interpolation-method> , [<color>&&<percentage [0,100]>?]#{2} )",
         "color-stop": "<color-stop-length>|<color-stop-angle>",
@@ -544,6 +544,7 @@ module.exports = {
         "modern-lch-syntax": "lch( from <color> [<number>|<percentage>|<lch-component>]{3} [/ [<alpha-value>|<lch-component>]]? )",
         "legacy-oklch-syntax": "oklch( [<percentage>|<number>|none] [<percentage>|<number>|none] [<hue>|none] [/ [<alpha-value>|none]]? )",
         "modern-oklch-syntax": "oklch( from <color> [<number>|<percentage>|<lch-component>]{3} [/ [<alpha-value>|<lch-component>]]? )",
+        "alpha()": "alpha( [from <color>] [/ [<alpha-value>|none]]? )",
         "xyz-space": "xyz|xyz-d50|xyz-d65",
         "style-condition": "not <style-in-parens>|<style-in-parens> [[and <style-in-parens>]*|[or <style-in-parens>]*]",
         "-non-standard-display": "-ms-inline-flexbox|-ms-grid|-ms-inline-grid|-webkit-flex|-webkit-inline-flex|-webkit-box|-webkit-inline-box|-moz-inline-stack|-moz-box|-moz-inline-box",

package/dist/data.js

@@ -143,7 +143,7 @@ export default {
         "color": "<color-base>|currentColor|<system-color>|<device-cmyk()>|<light-dark()>|<-non-standard-color>",
         "color()": "color( <colorspace-params> [/ [<alpha-value>|none]]? )",
         "color-base": "<hex-color>|<color-function>|<named-color>|<color-mix()>|transparent",
-        "color-function": "<rgb()>|<rgba()>|<hsl()>|<hsla()>|<hwb()>|<lab()>|<lch()>|<oklab()>|<oklch()>|<color()>",
+        "color-function": "<rgb()>|<rgba()>|<hsl()>|<hsla()>|<hwb()>|<lab()>|<lch()>|<oklab()>|<oklch()>|<alpha()>|<color()>",
         "color-interpolation-method": "in [<rectangular-color-space>|<polar-color-space> <hue-interpolation-method>?|<custom-color-space>]",
         "color-mix()": "color-mix( <color-interpolation-method> , [<color>&&<percentage [0,100]>?]#{2} )",
         "color-stop": "<color-stop-length>|<color-stop-angle>",
@@ -544,6 +544,7 @@ export default {
         "modern-lch-syntax": "lch( from <color> [<number>|<percentage>|<lch-component>]{3} [/ [<alpha-value>|<lch-component>]]? )",
         "legacy-oklch-syntax": "oklch( [<percentage>|<number>|none] [<percentage>|<number>|none] [<hue>|none] [/ [<alpha-value>|none]]? )",
         "modern-oklch-syntax": "oklch( from <color> [<number>|<percentage>|<lch-component>]{3} [/ [<alpha-value>|<lch-component>]]? )",
+        "alpha()": "alpha( [from <color>] [/ [<alpha-value>|none]]? )",
         "xyz-space": "xyz|xyz-d50|xyz-d65",
         "style-condition": "not <style-in-parens>|<style-in-parens> [[and <style-in-parens>]*|[or <style-in-parens>]*]",
         "-non-standard-display": "-ms-inline-flexbox|-ms-grid|-ms-inline-grid|-webkit-flex|-webkit-inline-flex|-webkit-box|-webkit-inline-box|-moz-inline-stack|-moz-box|-moz-inline-box",

package/dist/version.cjs

@@ -1 +1 @@
-module.exports = "3.6.7";
+module.exports = "3.6.9";

package/dist/version.js

@@ -1 +1 @@
-export const version = "3.6.7";
+export const version = "3.6.9";

package/lib/syntax/atrule/layer.js

@@ -5,8 +5,8 @@ export default {
                 this.LayerList()
             );
         },
-        block() {
-            return this.Block(false);
+        block(nested = false, { allowNestedRules = false } = {}) {
+            return this.Block(nested, { allowNestedRules });
         }
     }
 };

package/lib/syntax/node/Block.js

@@ -6,6 +6,7 @@ import {
     Hash,
     Colon,
     Ident,
+    Function,
     AtKeyword,
     LeftSquareBracket,
     LeftCurlyBracket,
@@ -58,10 +59,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 !== Colon && nextTokenType !== Semicolon && nextTokenType !== 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 === 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 === Ident || tokenAfterColon === 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 === LeftCurlyBracket) {
+                    // Found opening brace, this is definitely a selector
+                    return true;
+                } else if (tokenType === Semicolon || tokenType === RightCurlyBracket) {
+                    // Found semicolon or closing brace before opening brace, likely a property
+                    return false;
+                } else if (tokenType === WhiteSpace || tokenType === 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/lib/syntax/node/DeclarationList.js

@@ -8,7 +8,9 @@ import {
     LeftSquareBracket,
     Colon,
     Ident,
-    RightCurlyBracket
+    RightCurlyBracket,
+    LeftCurlyBracket,
+    Comma
 } from '../../tokenizer/index.js';
 
 const AMPERSAND = 0x0026;       // U+0026 AMPERSAND (&)
@@ -38,12 +40,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 !== Colon && nextTokenType !== Semicolon && nextTokenType !== RightCurlyBracket) {
+    // If next token is a left curly bracket, it's definitely a selector (e.g., "div { ... }")
+    if (nextTokenType === 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 === Semicolon || nextTokenType === Comma || nextTokenType === RightCurlyBracket) {
+        return false;
+    }
+
+    // Special handling for colon case - could be pseudo-class/pseudo-element or property
     if (nextTokenType === Colon) {
         // Look ahead further to see what follows the colon
         const afterColonType = this.lookupTypeNonSC(2);
@@ -52,12 +59,19 @@ function isElementSelectorStart() {
         // check what comes after that
         if (afterColonType === 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 !== Semicolon && afterPseudoType !== RightCurlyBracket && afterPseudoType !== 0; // 0 is EOF
+            // If it's followed by {, it's definitely a selector (e.g., "div:hover { ... }")
+            if (afterPseudoType === 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eslint/css-tree",
-  "version": "3.6.7",
+  "version": "3.6.9",
   "description": "A tool set for CSS: fast detailed parser (CSS → AST), walker (AST traversal), generator (AST → CSS) and lexer (validation and matching) based on specs and browser implementations",
   "author": "Roman Dvornov <rdvornov@gmail.com> (https://github.com/lahmatiy)",
   "license": "MIT",