@eslint/css-tree 4.0.5 → 4.1.1

package/README.md

@@ -204,7 +204,7 @@ to get your logo on our READMEs and [website](https://eslint.org/sponsors).
 <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> <a href="https://www.coderabbit.ai/?utm_source=cr_org&utm_medium=github"><img src="https://avatars.githubusercontent.com/u/132028505" alt="CodeRabbit" height="96"></a></p><h3>Silver Sponsors</h3>
 <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://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://citadel-ai.com"><img src="https://avatars.githubusercontent.com/u/75781367" alt="Citadel AI" height="32"></a></p>
+<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://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://citadel-ai.com"><img src="https://avatars.githubusercontent.com/u/75781367" alt="Citadel AI" height="32"></a> <a href="https://www.testmuai.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/lexer/Lexer.cjs

@@ -91,11 +91,11 @@ function matchSyntax(lexer, syntax, value, useCssWideKeywords) {
     let result;
 
     if (valueHasVar(tokens)) {
-        return buildMatchResult(null, new Error('Matching for a tree with var() is not supported'));
+        return buildMatchResult(null, new error.UnsupportedMatchingTree('var'));
     }
 
     if (valueHasEnv(tokens)) {
-        return buildMatchResult(null, new Error('Matching for a tree with env() is not supported'));
+        return buildMatchResult(null, new error.UnsupportedMatchingTree('env'));
     }
 
     if (useCssWideKeywords) {

package/cjs/lexer/error.cjs

@@ -94,6 +94,17 @@ const SyntaxReferenceError = function(type, referenceName) {
     return error;
 };
 
+const UnsupportedMatchingTree = function(fnName) {
+    const error = createCustomError.createCustomError(
+        'UnsupportedMatchingTree',
+        `Matching for a tree with ${fnName}() is not supported`
+    );
+
+    error.code = `ERR_LEXER_${fnName.toUpperCase()}_MATCH_UNSUPPORTED`;
+
+    return error;
+};
+
 const SyntaxMatchError = function(message, syntax, node, matchResult) {
     const error = createCustomError.createCustomError('SyntaxMatchError', message);
     const {
@@ -126,3 +137,4 @@ const SyntaxMatchError = function(message, syntax, node, matchResult) {
 
 exports.SyntaxMatchError = SyntaxMatchError;
 exports.SyntaxReferenceError = SyntaxReferenceError;
+exports.UnsupportedMatchingTree = UnsupportedMatchingTree;

package/cjs/lexer/generic-const.cjs

@@ -6,7 +6,8 @@ const cssWideKeywords = [
     'inherit',
     'unset',
     'revert',
-    'revert-layer'
+    'revert-layer',
+    'revert-rule'
 ];
 
 exports.cssWideKeywords = cssWideKeywords;

package/cjs/syntax/atrule/import.cjs

@@ -37,8 +37,9 @@ const parseFunctions = {
         const children = this.createList();
         const node = parseWithFallback.call(
             this,
-            this.Declaration,
-            () => parseWithFallback.call(this, () => this.Condition('supports'))
+            this.tokenType === types.Ident && this.lookupTypeNonSC(1) === types.Colon
+                ? this.Declaration
+                : () => this.Condition('supports')
         );
 
         if (node.type !== 'Raw' || node.value !== '') {

package/cjs/syntax/config/parser.cjs

@@ -5,6 +5,24 @@ const index$1 = require('../atrule/index.cjs');
 const index$2 = require('../pseudo/index.cjs');
 const indexParse = require('../node/index-parse.cjs');
 const index$3 = require('../../tokenizer/index.cjs');
+const types = require('../../tokenizer/types.cjs');
+
+function identifier() {
+    return this.Identifier();
+}
+
+function fontFormat() {
+    switch (this.tokenType) {
+        case types.Ident:
+            return this.Identifier();
+
+        case types.String:
+            return this.String();
+
+        default:
+            this.error('Identifier or string is expected');
+    }
+}
 
 const config = {
     parseContext: {
@@ -33,7 +51,14 @@ const config = {
         supports: {
             selector() {
                 return this.Selector();
-            }
+            },
+            'font-tech': identifier,
+            'font-format': fontFormat,
+            'at-rule'() {
+                return this.AtKeyword();
+            },
+            'named-feature': identifier,
+            env: identifier
         },
         container: {
             style() {

package/cjs/syntax/node/AtKeyword.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+const types = require('../../tokenizer/types.cjs');
+
+const name = 'AtKeyword';
+const structure = {
+    name: String
+};
+
+function parse() {
+    const start = this.tokenStart;
+
+    this.eat(types.AtKeyword);
+
+    return {
+        type: 'AtKeyword',
+        loc: this.getLocation(start, this.tokenStart),
+        name: this.substrToCursor(start + 1)
+    };
+}
+
+function generate(node) {
+    this.token(types.AtKeyword, '@' + node.name);
+}
+
+exports.generate = generate;
+exports.name = name;
+exports.parse = parse;
+exports.structure = structure;

package/cjs/syntax/node/Condition.cjs

@@ -29,7 +29,12 @@ const parentheses = {
     media: featureOrRange,
     container: featureOrRange,
     supports() {
-        return this.SupportsDeclaration();
+        if (this.lookupTypeNonSC(1) === types.Ident &&
+            this.lookupTypeNonSC(2) === types.Colon) {
+            return this.SupportsDeclaration();
+        }
+
+        return null;
     }
 };
 

package/cjs/syntax/node/Declaration.cjs

@@ -152,11 +152,12 @@ function getImportant() {
     this.eat(types.Delim);
     this.skipSC();
 
+    const isImportant = this.cmpStr(this.tokenStart, this.tokenEnd, 'important');
     const important = this.consume(types.Ident);
 
-    // store original value in case it differ from `important`
-    // for better original source restoring and hacks like `!ie` support
-    return important === 'important' ? true : important;
+    // Store non-standard values for better original source restoring and hacks
+    // like `!ie` support.
+    return isImportant ? true : important;
 }
 
 exports.generate = generate;

package/cjs/syntax/node/FeatureFunction.cjs

@@ -6,7 +6,7 @@ const name = 'FeatureFunction';
 const structure = {
     kind: String,
     feature: String,
-    value: ['Declaration', 'Selector']
+    value: ['Declaration', 'Selector', 'Identifier', 'String', 'AtKeyword', 'Raw']
 };
 
 function getFeatureParser(kind, name) {
@@ -32,6 +32,8 @@ function parse(kind = 'unknown') {
             const startValueToken = this.tokenIndex;
             const value = valueParser.call(this);
 
+            this.skipSC();
+
             if (this.eof === false &&
                 this.isBalanceEdge(startValueToken) === false) {
                 this.error();

package/cjs/syntax/node/index-generate.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 const AnPlusB = require('./AnPlusB.cjs');
+const AtKeyword = require('./AtKeyword.cjs');
 const Atrule = require('./Atrule.cjs');
 const AtrulePrelude = require('./AtrulePrelude.cjs');
 const AttributeSelector = require('./AttributeSelector.cjs');
@@ -53,6 +54,7 @@ const WhiteSpace = require('./WhiteSpace.cjs');
 
 
 exports.AnPlusB = AnPlusB.generate;
+exports.AtKeyword = AtKeyword.generate;
 exports.Atrule = Atrule.generate;
 exports.AtrulePrelude = AtrulePrelude.generate;
 exports.AttributeSelector = AttributeSelector.generate;

package/cjs/syntax/node/index-parse.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 const AnPlusB = require('./AnPlusB.cjs');
+const AtKeyword = require('./AtKeyword.cjs');
 const Atrule = require('./Atrule.cjs');
 const AtrulePrelude = require('./AtrulePrelude.cjs');
 const AttributeSelector = require('./AttributeSelector.cjs');
@@ -53,6 +54,7 @@ const WhiteSpace = require('./WhiteSpace.cjs');
 
 
 exports.AnPlusB = AnPlusB.parse;
+exports.AtKeyword = AtKeyword.parse;
 exports.Atrule = Atrule.parse;
 exports.AtrulePrelude = AtrulePrelude.parse;
 exports.AttributeSelector = AttributeSelector.parse;

package/cjs/syntax/node/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 const AnPlusB = require('./AnPlusB.cjs');
+const AtKeyword = require('./AtKeyword.cjs');
 const Atrule = require('./Atrule.cjs');
 const AtrulePrelude = require('./AtrulePrelude.cjs');
 const AttributeSelector = require('./AttributeSelector.cjs');
@@ -53,6 +54,7 @@ const WhiteSpace = require('./WhiteSpace.cjs');
 
 
 exports.AnPlusB = AnPlusB;
+exports.AtKeyword = AtKeyword;
 exports.Atrule = Atrule;
 exports.AtrulePrelude = AtrulePrelude;
 exports.AttributeSelector = AttributeSelector;

package/data/patch.json

@@ -14,13 +14,21 @@
                 }
             }
         },
-        "font-features-values": {
-            "comment": "The features values syntax is defined in https://www.w3.org/TR/css-fonts-4/#at-ruledef-font-feature-values",
-            "prelude": "[<string> | <custom-ident>]+",
+        "font-feature-values": {
+            "comment": "The font-display descriptor: https://www.w3.org/TR/css-fonts-4/#descdef-font-feature-values-font-display",
             "descriptors": {
                 "font-display": "auto | block | swap | fallback | optional"
             }
         },
+        "page": {
+            "descriptors": {
+                "margin-top": "<'margin-top'>",
+                "margin-right": "<'margin-right'>",
+                "margin-bottom": "<'margin-bottom'>",
+                "margin-left": "<'margin-left'>",
+                "margin": "<'margin'>"
+            }
+        },
         "scope": {
             "prelude": "[ ( <scope-start> ) ]? [ to ( <scope-end> ) ]?"
         },
@@ -626,6 +634,18 @@
             "comment": "new definition on font-4, https://drafts.csswg.org/css-fonts-4/#typedef-generic-family",
             "syntax": "<generic-script-specific>| <generic-complete> | <generic-incomplete> | <-non-standard-generic-family>"
         },
+        "font-features-tech": {
+            "syntax": "features-opentype | features-aat | features-graphite"
+        },
+        "font-format": {
+            "syntax": "<string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2"
+        },
+        "font-tech": {
+            "syntax": "<font-features-tech> | <color-font-tech> | variations | palettes | incremental"
+        },
+        "color-font-tech": {
+            "syntax": "color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT"
+        },
         "generic-script-specific": {
             "syntax": "generic(kai) | generic(fangsong) | generic(nastaliq)"
         },
@@ -661,6 +681,9 @@
         "modern-device-cmyk-syntax": {
             "syntax": "device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )"
         },
+        "param()": {
+            "syntax": "param( <dashed-ident> , <declaration-value>? )"
+        },
         "cmyk-component": {
             "syntax": "<number> | <percentage> | none"
         },
@@ -916,6 +939,24 @@
             "comment": "missed, https://drafts.csswg.org/css-contain-3/#container-rule",
             "syntax": "( <style-condition> ) | ( <style-feature> ) | <general-enclosed>"
         },
+        "supports-feature": {
+            "syntax": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-at-rule-fn> | <supports-named-feature-fn> | <supports-env-fn> | <supports-decl>"
+        },
+        "supports-font-tech-fn": {
+            "syntax": "font-tech( <font-tech> )"
+        },
+        "supports-font-format-fn": {
+            "syntax": "font-format( <font-format> )"
+        },
+        "supports-at-rule-fn": {
+            "syntax": "at-rule( <at-keyword-token> )"
+        },
+        "supports-named-feature-fn": {
+            "syntax": "named-feature( <ident> )"
+        },
+        "supports-env-fn": {
+            "syntax": "env( <ident> )"
+        },
         "-non-standard-display": {
             "syntax": "-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"
         },