@tbela99/css-parser 1.2.0 → 1.3.1

package/dist/lib/syntax/syntax.js

@@ -21,6 +21,11 @@ const dimensionUnits = new Set([
 const fontFormat = ['collection', 'embedded-opentype', 'opentype', 'svg', 'truetype', 'woff', 'woff2'];
 const colorFontTech = ['color-colrv0', 'color-colrv1', 'color-svg', 'color-sbix', 'color-cbdt'];
 const fontFeaturesTech = ['features-opentype', 'features-aat', 'features-graphite', 'incremental-patch', 'incremental-range', 'incremental-auto', 'variations', 'palettes'];
+/**
+ * supported transform functions
+ *
+ * @internal
+ */
 const transformFunctions = [
     'translate', 'scale', 'rotate', 'skew', 'perspective',
     'translateX', 'translateY', 'translateZ',
@@ -34,6 +39,11 @@ const mediaTypes = ['all', 'print', 'screen',
     /* deprecated */
     'aural', 'braille', 'embossed', 'handheld', 'projection', 'tty', 'tv', 'speech'];
 // https://www.w3.org/TR/css-values-4/#math-function
+/**
+ * supported math functions
+ *
+ * @internal
+ */
 const mathFuncs = ['minmax', 'repeat', 'fit-content', 'calc', 'clamp', 'min', 'max', 'round', 'mod', 'rem', 'sin', 'cos', 'tan', 'asin', 'acos', 'atan', 'atan2', 'pow', 'sqrt', 'hypot', 'log', 'exp', 'abs', 'sign'];
 const wildCardFuncs = ['var', 'env'];
 const pseudoElements = [':before', ':after', ':first-line', ':first-letter'];
@@ -499,18 +509,18 @@ function isPolarColorspace(token) {
 }
 function isHueInterpolationMethod(token) {
     if (!Array.isArray(token)) {
-        return token.typ == EnumToken.IdenTokenType && 'hue'.localeCompare(token.val, undefined, { sensitivity: 'base' }) == 0;
+        return token.typ == EnumToken.IdenTokenType && 'hue' === token.val?.toLowerCase?.();
     }
     if (token.length != 2 || token[0].typ != EnumToken.IdenTokenType || token[1].typ != EnumToken.IdenTokenType) {
         return false;
     }
-    return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token[0].val) && 'hue'.localeCompare(token[1].val, undefined, { sensitivity: 'base' }) == 0;
+    return ['shorter', 'longer', 'increasing', 'decreasing'].includes(token[0].val?.toLowerCase?.()) && 'hue' === token[1].val?.toLowerCase?.();
 }
 function isIdentColor(token) {
     return token.typ == EnumToken.ColorTokenType && [ColorType.SYS, ColorType.DPSYS, ColorType.LIT].includes(token.kin) && isIdent(token.val);
 }
 function isPercentageToken(token) {
-    return token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && token.val == '0');
+    return token.typ == EnumToken.PercentageTokenType || (token.typ == EnumToken.NumberTokenType && token.val == 0);
 }
 function isColor(token) {
     if (token.typ == EnumToken.ColorTokenType) {
@@ -621,7 +631,7 @@ function isColor(token) {
                 if (children.length == 3) {
                     if (children[0].length > 4 ||
                         children[0][0].typ != EnumToken.IdenTokenType ||
-                        'in'.localeCompare(children[0][0].val, undefined, { sensitivity: 'base' }) != 0 ||
+                        'in' !== children[0][0].val?.toLowerCase?.() ||
                         !isColorspace(children[0][1]) ||
                         (children[0].length >= 3 && !isHueInterpolationMethod(children[0].slice(2))) ||
                         children[1].length > 2 ||
@@ -633,12 +643,12 @@ function isColor(token) {
                         return false;
                     }
                     if (children[1].length == 2) {
-                        if (!(children[1][1].typ == EnumToken.PercentageTokenType || (children[1][1].typ == EnumToken.NumberTokenType && children[1][1].val == '0'))) {
+                        if (!(children[1][1].typ == EnumToken.PercentageTokenType || (children[1][1].typ == EnumToken.NumberTokenType && children[1][1].val == 0))) {
                             return false;
                         }
                     }
                     if (children[2].length == 2) {
-                        if (!(children[2][1].typ == EnumToken.PercentageTokenType || (children[2][1].typ == EnumToken.NumberTokenType && children[2][1].val == '0'))) {
+                        if (!(children[2][1].typ == EnumToken.PercentageTokenType || (children[2][1].typ == EnumToken.NumberTokenType && children[2][1].val == 0))) {
                             return false;
                         }
                     }
@@ -782,15 +792,6 @@ function isIdent(name) {
     }
     return true;
 }
-function isNonPrintable(codepoint) {
-    // null -> backspace
-    return (codepoint >= 0 && codepoint <= 0x8) ||
-        // tab
-        codepoint == 0xb ||
-        // delete
-        codepoint == 0x7f ||
-        (codepoint >= 0xe && codepoint <= 0x1f);
-}
 function isPseudo(name) {
     return name.charAt(0) == ':' &&
         ((name.endsWith('(') && isIdent(name.charAt(1) == ':' ? name.slice(2, -1) : name.slice(1, -1))) ||
@@ -897,7 +898,7 @@ function parseDimension(name) {
     }
     const dimension = {
         typ: EnumToken.DimensionTokenType,
-        val: name.slice(0, index),
+        val: +name.slice(0, index),
         unit: name.slice(index)
     };
     if (isAngle(dimension)) {
@@ -957,4 +958,4 @@ function isWhiteSpace(codepoint) {
         codepoint == 0xa || codepoint == 0xc || codepoint == 0xd;
 }
 
-export { colorFontTech, fontFeaturesTech, fontFormat, isAngle, isAtKeyword, isColor, isColorspace, isDigit, isDimension, isFlex, isFrequency, isFunction, isHash, isHexColor, isHueInterpolationMethod, isIdent, isIdentCodepoint, isIdentColor, isIdentStart, isLength, isNewLine, isNonPrintable, isNumber, isPercentage, isPercentageToken, isPolarColorspace, isPseudo, isRectangularOrthogonalColorspace, isResolution, isTime, isWhiteSpace, mathFuncs, mediaTypes, mozExtensions, parseColor, parseDimension, pseudoAliasMap, pseudoElements, transformFunctions, webkitExtensions, wildCardFuncs };
+export { colorFontTech, fontFeaturesTech, fontFormat, isAngle, isAtKeyword, isColor, isColorspace, isDigit, isDimension, isFlex, isFrequency, isFunction, isHash, isHexColor, isHueInterpolationMethod, isIdent, isIdentCodepoint, isIdentColor, isIdentStart, isLength, isNewLine, isNumber, isPercentage, isPercentageToken, isPolarColorspace, isPseudo, isRectangularOrthogonalColorspace, isResolution, isTime, isWhiteSpace, mathFuncs, mediaTypes, mozExtensions, parseColor, parseDimension, pseudoAliasMap, pseudoElements, transformFunctions, webkitExtensions, wildCardFuncs };

package/dist/lib/syntax/utils.js

@@ -50,7 +50,7 @@ function length2Px(value) {
  * @param val
  */
 function minifyNumber(val) {
-    val = String(+val);
+    val = String(val);
     if (val === '0') {
         return '0';
     }

package/dist/lib/validation/at-rules/document.js

@@ -45,7 +45,7 @@ function validateAtRuleDocument(atRule, options, root) {
             };
         }
         // @ts-ignore
-        if ((t[0].typ != EnumToken.FunctionTokenType && t[0].typ != EnumToken.UrlFunctionTokenType) || !['url', 'url-prefix', 'domain', 'media-document', 'regexp'].some((f) => f.localeCompare(t[0].val, undefined, { sensitivity: 'base' }) == 0)) {
+        if ((t[0].typ != EnumToken.FunctionTokenType && t[0].typ != EnumToken.UrlFunctionTokenType) || !['url', 'url-prefix', 'domain', 'media-document', 'regexp'].includes(t[0].val?.toLowerCase?.())) {
             return {
                 valid: SyntaxValidationResult.Drop,
                 context: [],

package/dist/lib/validation/at-rules/import.js

@@ -94,8 +94,7 @@ function validateAtRuleImport(atRule, options, root) {
     if (tokens.length > 0) {
         // @ts-ignore
         if (tokens[0].typ == EnumToken.IdenTokenType) {
-            // @ts-ignore
-            if ('layer'.localeCompare(tokens[0].val, undefined, { sensitivity: 'base' }) == 0) {
+            if ('layer' === tokens[0].val.toLowerCase()) {
                 tokens.shift();
                 // @ts-ignore
                 if (!consumeWhitespace(tokens)) {
@@ -113,7 +112,7 @@ function validateAtRuleImport(atRule, options, root) {
         // @ts-ignore
         else if (tokens[0].typ == EnumToken.FunctionTokenType) {
             // @ts-ignore
-            if ('layer'.localeCompare(tokens[0].val, undefined, { sensitivity: 'base' }) == 0) {
+            if ('layer' === tokens[0].val.toLowerCase()) {
                 const result = validateLayerName(tokens[0].chi);
                 if (result.valid == SyntaxValidationResult.Drop) {
                     return result;
@@ -122,8 +121,9 @@ function validateAtRuleImport(atRule, options, root) {
                 // @ts-ignore
                 consumeWhitespace(tokens);
             }
+            // tokens[0]?.val
             // @ts-ignore
-            if ('supports'.localeCompare(tokens[0]?.val, undefined, { sensitivity: 'base' }) == 0) {
+            if ('supports' === tokens[0]?.val?.toLowerCase?.()) {
                 const result = validateAtRuleSupportsConditions(atRule, tokens[0].chi);
                 if (result.valid == SyntaxValidationResult.Drop) {
                     return result;

package/dist/lib/validation/at-rules/keyframes.js

@@ -21,17 +21,6 @@ function validateAtRuleKeyframes(atRule, options, root) {
     }
     const tokens = atRule.tokens.filter((t) => t.typ != EnumToken.CommentTokenType).slice();
     consumeWhitespace(tokens);
-    // if (tokens.length == 0) {
-    //
-    //     // @ts-ignore
-    //     return {
-    //         valid: SyntaxValidationResult.Drop,
-    //         context: [],
-    //         node: atRule,
-    //         syntax: '@keyframes',
-    //         error: 'expecting at-rule prelude'
-    //     } as ValidationSyntaxResult;
-    // }
     if (tokens.length == 0 || ![EnumToken.StringTokenType, EnumToken.IdenTokenType].includes(tokens[0].typ)) {
         // @ts-ignore
         return {

package/dist/lib/validation/at-rules/supports.js

@@ -166,7 +166,7 @@ function validateSupportCondition(atRule, token) {
     if (token.typ == EnumToken.MediaFeatureNotTokenType) {
         return validateSupportCondition(atRule, token.val);
     }
-    if (token.typ == EnumToken.FunctionTokenType && token.val.localeCompare('selector', undefined, { sensitivity: 'base' }) == 0) {
+    if (token.typ == EnumToken.FunctionTokenType && 'selector' === token.val.toLowerCase()) {
         return {
             valid: SyntaxValidationResult.Valid,
             context: [],
@@ -223,7 +223,7 @@ function validateSupportFeature(token) {
         return validateSupportFeature(token.val);
     }
     if (token.typ == EnumToken.FunctionTokenType) {
-        if (token.val.localeCompare('selector', undefined, { sensitivity: 'base' }) == 0) {
+        if ('selector' === token.val.toLowerCase()) {
             return {
                 valid: SyntaxValidationResult.Valid,
                 context: [],
@@ -232,10 +232,10 @@ function validateSupportFeature(token) {
                 error: ''
             };
         }
-        if (token.val.localeCompare('font-tech', undefined, { sensitivity: 'base' }) == 0) {
+        if ('font-tech' === token.val.toLowerCase()) {
             const chi = token.chi.filter((t) => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
             // @ts-ignore
-            return chi.length == 1 && chi[0].typ == EnumToken.IdenTokenType && colorFontTech.concat(fontFeaturesTech).some((t) => t.localeCompare(chi[0].val, undefined, { sensitivity: 'base' }) == 0) ?
+            return chi.length == 1 && chi[0].typ == EnumToken.IdenTokenType && colorFontTech.concat(fontFeaturesTech).includes(chi[0].val.toLowerCase()) ?
                 {
                     valid: SyntaxValidationResult.Valid,
                     context: [],
@@ -251,10 +251,10 @@ function validateSupportFeature(token) {
                     error: 'expected font-tech'
                 };
         }
-        if (token.val.localeCompare('font-format', undefined, { sensitivity: 'base' }) == 0) {
+        if ('font-format' === token.val.toLowerCase()) {
             const chi = token.chi.filter((t) => ![EnumToken.WhitespaceTokenType, EnumToken.CommentTokenType].includes(t.typ));
             // @ts-ignore
-            return chi.length == 1 && chi[0].typ == EnumToken.IdenTokenType && fontFormat.some((t) => t.localeCompare(chi[0].val, undefined, { sensitivity: 'base' }) == 0) ?
+            return chi.length == 1 && chi[0].typ == EnumToken.IdenTokenType && fontFormat.includes(chi[0].val, toLowerCase()) ?
                 {
                     valid: SyntaxValidationResult.Valid,
                     context: [],

package/dist/lib/validation/config.js

@@ -21,10 +21,6 @@ function getSyntax(group, key) {
                     key = matches[1] + matches[3];
                 }
             }
-            // if (!(key in obj)) {
-            //
-            //     return null;
-            // }
         }
         // @ts-ignore
         obj = obj[key];

package/dist/lib/validation/config.json.js

@@ -303,10 +303,10 @@ var declarations = {
 		syntax: "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
 	},
 	"align-items": {
-		syntax: "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]"
+		syntax: "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center"
 	},
 	"align-self": {
-		syntax: "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
+		syntax: "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center"
 	},
 	"align-tracks": {
 		syntax: "[ normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position> ]#"
@@ -366,7 +366,7 @@ var declarations = {
 		syntax: "<easing-function>#"
 	},
 	appearance: {
-		syntax: "none | auto | textfield | menulist-button | <compat-auto>"
+		syntax: "none | auto | <compat-auto> | <compat-special>"
 	},
 	"aspect-ratio": {
 		syntax: "auto || <ratio>"
@@ -378,7 +378,7 @@ var declarations = {
 		syntax: "visible | hidden"
 	},
 	background: {
-		syntax: "[ <bg-layer> , ]* <final-bg-layer>"
+		syntax: "<bg-layer>#? , <final-bg-layer>"
 	},
 	"background-attachment": {
 		syntax: "<attachment>#"
@@ -465,10 +465,10 @@ var declarations = {
 		syntax: "<'border-top-color'>"
 	},
 	"border-bottom-left-radius": {
-		syntax: "<length-percentage>{1,2}"
+		syntax: "<length-percentage [0,∞]>{1,2}"
 	},
 	"border-bottom-right-radius": {
-		syntax: "<length-percentage>{1,2}"
+		syntax: "<length-percentage [0,∞]>{1,2}"
 	},
 	"border-bottom-style": {
 		syntax: "<line-style>"
@@ -477,7 +477,7 @@ var declarations = {
 		syntax: "<line-width>"
 	},
 	"border-collapse": {
-		syntax: "collapse | separate"
+		syntax: "separate | collapse"
 	},
 	"border-color": {
 		syntax: "<color>{1,4}"
@@ -492,19 +492,19 @@ var declarations = {
 		syntax: "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>"
 	},
 	"border-image-outset": {
-		syntax: "[ <length> | <number> ]{1,4}"
+		syntax: "[ <length [0,∞]> | <number [0,∞]> ]{1,4}  "
 	},
 	"border-image-repeat": {
 		syntax: "[ stretch | repeat | round | space ]{1,2}"
 	},
 	"border-image-slice": {
-		syntax: "<number-percentage>{1,4} && fill?"
+		syntax: "[ <number [0,∞]> | <percentage [0,∞]> ]{1,4}  && fill?"
 	},
 	"border-image-source": {
 		syntax: "none | <image>"
 	},
 	"border-image-width": {
-		syntax: "[ <length-percentage> | <number> | auto ]{1,4}"
+		syntax: "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}"
 	},
 	"border-inline": {
 		syntax: "<'border-block-start'>"
@@ -555,7 +555,7 @@ var declarations = {
 		syntax: "<line-width>"
 	},
 	"border-radius": {
-		syntax: "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?"
+		syntax: "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
 	},
 	"border-right": {
 		syntax: "<line-width> || <line-style> || <color>"
@@ -570,7 +570,7 @@ var declarations = {
 		syntax: "<line-width>"
 	},
 	"border-spacing": {
-		syntax: "<length> <length>?"
+		syntax: "<length>{1,2}"
 	},
 	"border-start-end-radius": {
 		syntax: "<'border-top-left-radius'>"
@@ -588,10 +588,10 @@ var declarations = {
 		syntax: "<color>"
 	},
 	"border-top-left-radius": {
-		syntax: "<length-percentage>{1,2}"
+		syntax: "<length-percentage [0,∞]>{1,2}"
 	},
 	"border-top-right-radius": {
-		syntax: "<length-percentage>{1,2}"
+		syntax: "<length-percentage [0,∞]>{1,2}"
 	},
 	"border-top-style": {
 		syntax: "<line-style>"
@@ -603,7 +603,7 @@ var declarations = {
 		syntax: "<line-width>{1,4}"
 	},
 	bottom: {
-		syntax: "<length> | <percentage> | auto"
+		syntax: "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"box-align": {
 		syntax: "start | center | end | baseline | stretch"
@@ -738,7 +738,7 @@ var declarations = {
 		syntax: "normal | [ [ size | inline-size ] || scroll-state ]"
 	},
 	content: {
-		syntax: "normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> ]+ ]?"
+		syntax: "normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> | <attr()> ]+ ]?"
 	},
 	"content-visibility": {
 		syntax: "visible | auto | hidden"
@@ -1032,16 +1032,16 @@ var declarations = {
 		syntax: "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]"
 	},
 	"justify-items": {
-		syntax: "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]"
+		syntax: "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center"
 	},
 	"justify-self": {
-		syntax: "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]"
+		syntax: "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center"
 	},
 	"justify-tracks": {
 		syntax: "[ normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] ]#"
 	},
 	left: {
-		syntax: "<length> | <percentage> | auto"
+		syntax: "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"letter-spacing": {
 		syntax: "normal | <length> normal | <length-percentage>"
@@ -1086,7 +1086,7 @@ var declarations = {
 		syntax: "<'margin-top'>"
 	},
 	"margin-bottom": {
-		syntax: "<length-percentage> | auto"
+		syntax: "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-inline": {
 		syntax: "<'margin-top'>{1,2}"
@@ -1098,13 +1098,13 @@ var declarations = {
 		syntax: "<'margin-top'>"
 	},
 	"margin-left": {
-		syntax: "<length-percentage> | auto"
+		syntax: "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-right": {
-		syntax: "<length-percentage> | auto"
+		syntax: "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-top": {
-		syntax: "<length-percentage> | auto"
+		syntax: "<length-percentage> | auto | <anchor-size()>"
 	},
 	"margin-trim": {
 		syntax: "none | in-flow | all"
@@ -1212,7 +1212,7 @@ var declarations = {
 		syntax: "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | <-non-standard-size>"
 	},
 	"mix-blend-mode": {
-		syntax: "<blend-mode> | plus-lighter"
+		syntax: "<blend-mode> | plus-darker | plus-lighter"
 	},
 	"object-fit": {
 		syntax: "fill | contain | cover | none | scale-down"
@@ -1410,7 +1410,7 @@ var declarations = {
 		syntax: "none | both | horizontal | vertical | block | inline"
 	},
 	right: {
-		syntax: "<length> | <percentage> | auto"
+		syntax: "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	rotate: {
 		syntax: "none | <angle> | [ x | y | z | <number>{3} ] && <angle>"
@@ -1710,7 +1710,7 @@ var declarations = {
 		syntax: "none | <dashed-ident>#"
 	},
 	top: {
-		syntax: "<length> | <percentage> | auto"
+		syntax: "auto | <length-percentage> | <anchor()> | <anchor-size()>"
 	},
 	"touch-action": {
 		syntax: "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"
@@ -2389,7 +2389,7 @@ var syntaxes = {
 		syntax: "<visual-box> | border-area | text"
 	},
 	"bg-image": {
-		syntax: "none | <image>"
+		syntax: "<image> | none"
 	},
 	"bg-layer": {
 		syntax: "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
@@ -2398,7 +2398,7 @@ var syntaxes = {
 		syntax: "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
 	},
 	"bg-size": {
-		syntax: "[ <length-percentage> | auto ]{1,2} | cover | contain"
+		syntax: "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"
 	},
 	"blend-mode": {
 		syntax: "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
@@ -2488,7 +2488,10 @@ var syntaxes = {
 		syntax: "[ common-ligatures | no-common-ligatures ]"
 	},
 	"compat-auto": {
-		syntax: "searchfield | textarea | push-button | slider-horizontal | checkbox | radio | square-button | menulist | listbox | meter | progress-bar | button"
+		syntax: "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button"
+	},
+	"compat-special": {
+		syntax: "textfield | menulist-button"
 	},
 	"complex-selector": {
 		syntax: "<complex-selector-unit> [ <combinator>? <complex-selector-unit> ]*"
@@ -2668,7 +2671,7 @@ var syntaxes = {
 		syntax: "[ <filter-function> | <url> ]+"
 	},
 	"final-bg-layer": {
-		syntax: "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
+		syntax: "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>"
 	},
 	"fit-content()": {
 		syntax: "fit-content( <length-percentage [0,∞]> )"

package/dist/lib/validation/parser/parse.js

@@ -175,7 +175,6 @@ function parseSyntax(syntax) {
         typ: ValidationTokenEnum.Root,
         chi: []
     }, 'pos', { ...objectProperties, value: { ind: 0, lin: 1, col: 0 } });
-    // return minify(doParseSyntax(syntaxes, tokenize(syntaxes), root)) as ValidationRootToken;
     return minify(doParseSyntax(syntax, tokenize(syntax), root));
 }
 function matchParens(syntax, iterator) {
@@ -351,10 +350,6 @@ function matchAtRule(syntax, iterator) {
                 token.typ = ValidationTokenEnum.AtRule;
                 break;
             }
-            // if (item.value.typ != ValidationTokenEnum.Whitespace) {
-            //
-            //     console.error('unexpected token', item.value);
-            // }
             item = iterator.next();
             if (item.done) {
                 break;
@@ -971,9 +966,6 @@ function renderSyntax(token, parent) {
             return '{' + token.chi.reduce((acc, t) => acc + renderSyntax(t), '') + '}';
         case ValidationTokenEnum.DeclarationDefinitionToken:
             return token.nam + ': ' + renderSyntax(token.val);
-        // case ValidationTokenEnum.ColumnArrayToken:
-        //
-        //     return (token as ValidationColumnArrayToken).chi.reduce((acc: string, curr: ValidationToken) => acc + (acc.trim().length > 0 ? '||' : '') + renderSyntax(curr), '');
         default:
             throw new Error('Unhandled token: ' + JSON.stringify({ token }, null, 1));
     }

package/dist/lib/validation/selector.js

@@ -13,15 +13,6 @@ import './config.js';
 import { validateSelectorList } from './syntaxes/selector-list.js';
 
 function validateSelector(selector, options, root) {
-    // if (root == null) {
-    //
-    //     return validateSelectorList(selector, root, options);
-    // }
-    // @ts-ignore
-    // if (root.typ == EnumToken.AtRuleNodeType && root.nam.match(/^(-[a-z]+-)?keyframes$/)) {
-    //
-    //     return validateKeyframeBlockList(selector, root as AstAtRule, options);
-    // }
     let isNested = root.typ == EnumToken.RuleNodeType ? 1 : 0;
     let currentRoot = root.parent;
     while (currentRoot != null && isNested == 0) {