@tbela99/css-parser 0.8.0 → 0.9.1

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

@@ -372,7 +372,7 @@ var declarations = {
 		syntax: "auto || <ratio>"
 	},
 	"backdrop-filter": {
-		syntax: "none | <filter-function-list>"
+		syntax: "none | <filter-value-list>"
 	},
 	"backface-visibility": {
 		syntax: "visible | hidden"
@@ -786,7 +786,7 @@ var declarations = {
 		syntax: "nonzero | evenodd"
 	},
 	filter: {
-		syntax: "none | <filter-function-list>"
+		syntax: "none | <filter-value-list>"
 	},
 	flex: {
 		syntax: "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
@@ -995,9 +995,6 @@ var declarations = {
 	"inline-size": {
 		syntax: "<'width'>"
 	},
-	"input-security": {
-		syntax: "auto | none"
-	},
 	inset: {
 		syntax: "<'top'>{1,4}"
 	},
@@ -1245,7 +1242,7 @@ var declarations = {
 		syntax: "<integer>"
 	},
 	outline: {
-		syntax: "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]"
+		syntax: "<'outline-width'> || <'outline-style'> || <'outline-color'>"
 	},
 	"outline-color": {
 		syntax: "auto | <color>"
@@ -1556,6 +1553,9 @@ var declarations = {
 	"shape-rendering": {
 		syntax: "auto | optimizeSpeed | crispEdges | geometricPrecision"
 	},
+	"speak-as": {
+		syntax: "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
+	},
 	"stop-color": {
 		syntax: "<'color'>"
 	},
@@ -1668,10 +1668,10 @@ var declarations = {
 		syntax: "none | auto | <percentage>"
 	},
 	"text-spacing-trim": {
-		syntax: "space-all | normal | space-first | trim-start | trim-both | trim-all | auto"
+		syntax: "space-all | normal | space-first | trim-start"
 	},
 	"text-transform": {
-		syntax: "none | capitalize | uppercase | lowercase | full-width | full-size-kana"
+		syntax: "none | [ capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto"
 	},
 	"text-underline-offset": {
 		syntax: "auto | <length> | <percentage> "
@@ -1761,10 +1761,10 @@ var declarations = {
 		syntax: "visible | hidden | collapse"
 	},
 	"white-space": {
-		syntax: "normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> ]"
+		syntax: "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'>"
 	},
 	"white-space-collapse": {
-		syntax: "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces"
+		syntax: "collapse | preserve | preserve-breaks | preserve-spaces | break-spaces"
 	},
 	widows: {
 		syntax: "<integer>"
@@ -1797,7 +1797,7 @@ var declarations = {
 		syntax: "auto | <integer>"
 	},
 	zoom: {
-		syntax: "normal | reset | <number> | <percentage>"
+		syntax: "normal | reset | <number [0,∞]> || <percentage [0,∞]>"
 	}
 };
 var functions = {
@@ -1826,10 +1826,10 @@ var functions = {
 		syntax: "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )"
 	},
 	blur: {
-		syntax: "blur( <length> )"
+		syntax: "blur( <length>? )"
 	},
 	brightness: {
-		syntax: "brightness( <number-percentage> )"
+		syntax: "brightness( [ <number> | <percentage> ]? )"
 	},
 	calc: {
 		syntax: "calc( <calc-sum> )"
@@ -1838,7 +1838,7 @@ var functions = {
 		syntax: "calc-size( <calc-size-basis>, <calc-sum> )"
 	},
 	circle: {
-		syntax: "circle( [ <shape-radius> ]? [ at <position> ]? )"
+		syntax: "circle( <radial-size>? [ at <position> ]? )"
 	},
 	clamp: {
 		syntax: "clamp( <calc-sum>#{3} )"
@@ -1853,7 +1853,7 @@ var functions = {
 		syntax: "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )"
 	},
 	contrast: {
-		syntax: "contrast( [ <number-percentage> ] )"
+		syntax: "contrast( [ <number> | <percentage> ]? )"
 	},
 	cos: {
 		syntax: "cos( <calc-sum> )"
@@ -1868,13 +1868,13 @@ var functions = {
 		syntax: "cross-fade( <cf-mixing-image> , <cf-final-image>? )"
 	},
 	"drop-shadow": {
-		syntax: "drop-shadow( <length>{2,3} <color>? )"
+		syntax: "drop-shadow( [ <color>? && <length>{2,3} ] )"
 	},
 	element: {
 		syntax: "element( <id-selector> )"
 	},
 	ellipse: {
-		syntax: "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )"
+		syntax: "ellipse( <radial-size>? [ at <position> ]? )"
 	},
 	env: {
 		syntax: "env( <custom-ident> , <declaration-value>? )"
@@ -1886,19 +1886,19 @@ var functions = {
 		syntax: "fit-content( <length-percentage [0,∞]> )"
 	},
 	grayscale: {
-		syntax: "grayscale( <number-percentage> )"
+		syntax: "grayscale( [ <number> | <percentage> ]? )"
 	},
 	hsl: {
-		syntax: "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )"
+		syntax: "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	hsla: {
-		syntax: "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )"
+		syntax: "hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"hue-rotate": {
-		syntax: "hue-rotate( <angle> )"
+		syntax: "hue-rotate( [ <angle> | <zero> ]? )"
 	},
 	hwb: {
-		syntax: "hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
+		syntax: "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	hypot: {
 		syntax: "hypot( <calc-sum># )"
@@ -1913,7 +1913,7 @@ var functions = {
 		syntax: "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
 	},
 	invert: {
-		syntax: "invert( <number-percentage> )"
+		syntax: "invert( [ <number> | <percentage> ]? )"
 	},
 	lab: {
 		syntax: "lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
@@ -1961,7 +1961,7 @@ var functions = {
 		syntax: "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"
 	},
 	opacity: {
-		syntax: "opacity( [ <number-percentage> ] )"
+		syntax: "opacity( [ <number> | <percentage> ]? )"
 	},
 	paint: {
 		syntax: "paint( <ident>, <declaration-value>? )"
@@ -1970,13 +1970,13 @@ var functions = {
 		syntax: "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"
 	},
 	path: {
-		syntax: "path( [ <fill-rule>, ]? <string> )"
+		syntax: "path( <'fill-rule'>? , <string> )"
 	},
 	perspective: {
 		syntax: "perspective( [ <length [0,∞]> | none ] )"
 	},
 	polygon: {
-		syntax: "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
+		syntax: "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"
 	},
 	pow: {
 		syntax: "pow( <calc-sum>, <calc-sum> )"
@@ -1987,6 +1987,9 @@ var functions = {
 	ray: {
 		syntax: "ray( <angle> && <ray-size>? && contain? && [at <position>]? )"
 	},
+	rect: {
+		syntax: "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
+	},
 	rem: {
 		syntax: "rem( <calc-sum>, <calc-sum> )"
 	},
@@ -2000,10 +2003,10 @@ var functions = {
 		syntax: "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
 	},
 	rgb: {
-		syntax: "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
+		syntax: "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
 	},
 	rgba: {
-		syntax: "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
+		syntax: "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
 	},
 	rotate: {
 		syntax: "rotate( [ <angle> | <zero> ] )"
@@ -2024,7 +2027,7 @@ var functions = {
 		syntax: "round( <rounding-strategy>?, <calc-sum>, <calc-sum> )"
 	},
 	saturate: {
-		syntax: "saturate( <number-percentage> )"
+		syntax: "saturate( [ <number> | <percentage> ]? )"
 	},
 	scale: {
 		syntax: "scale( [ <number> | <percentage> ]#{1,2} )"
@@ -2045,7 +2048,7 @@ var functions = {
 		syntax: "scroll( [ <scroller> || <axis> ]? )"
 	},
 	sepia: {
-		syntax: "sepia( <number-percentage> )"
+		syntax: "sepia( [ <number> | <percentage> ]? )"
 	},
 	sign: {
 		syntax: "sign( <calc-sum> )"
@@ -2065,6 +2068,9 @@ var functions = {
 	sqrt: {
 		syntax: "sqrt( <calc-sum> )"
 	},
+	symbols: {
+		syntax: "symbols( <symbols-type>? [ <string> | <image> ]+ )"
+	},
 	tan: {
 		syntax: "tan( <calc-sum> )"
 	},
@@ -2097,6 +2103,9 @@ var functions = {
 	},
 	view: {
 		syntax: "view([<axis> || <'view-timeline-inset'>]?)"
+	},
+	xywh: {
+		syntax: "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
 	}
 };
 var syntaxes = {
@@ -2112,6 +2121,9 @@ var syntaxes = {
 	"alpha-value": {
 		syntax: "<number> | <percentage>"
 	},
+	"an+b": {
+		syntax: "odd | even | <integer> | <n-dimension> | '+'?† n | -n | <ndashdigit-dimension> | '+'?† <ndashdigit-ident> | <dashndashdigit-ident> | <n-dimension> <signed-integer> | '+'?† n <signed-integer> | -n <signed-integer> | <ndash-dimension> <signless-integer> | '+'?† n- <signless-integer> | -n- <signless-integer> | <n-dimension> ['+' | '-'] <signless-integer> | '+'?† n ['+' | '-'] <signless-integer> | -n ['+' | '-'] <signless-integer>"
+	},
 	"anchor()": {
 		syntax: "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )"
 	},
@@ -2200,10 +2212,10 @@ var syntaxes = {
 		syntax: "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
 	},
 	"blur()": {
-		syntax: "blur( <length> )"
+		syntax: "blur( <length>? )"
 	},
 	"brightness()": {
-		syntax: "brightness( <number-percentage> )"
+		syntax: "brightness( [ <number> | <percentage> ]? )"
 	},
 	"calc()": {
 		syntax: "calc( <calc-sum> )"
@@ -2233,7 +2245,7 @@ var syntaxes = {
 		syntax: "<percentage>? && <image>"
 	},
 	"circle()": {
-		syntax: "circle( [ <shape-radius> ]? [ at <position> ]? )"
+		syntax: "circle( <radial-size>? [ at <position> ]? )"
 	},
 	"clamp()": {
 		syntax: "clamp( <calc-sum>#{3} )"
@@ -2245,10 +2257,16 @@ var syntaxes = {
 		syntax: "<url>"
 	},
 	color: {
-		syntax: "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()> | <hex-color> | <named-color> | <system-color> | <deprecated-system-color> | currentcolor | transparent"
+		syntax: "<color-base> | currentColor | <system-color> | <light-dark()> | <deprecated-system-color>"
 	},
 	"color()": {
-		syntax: "color( [from <color>]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
+		syntax: "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
+	},
+	"color-base": {
+		syntax: "<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent"
+	},
+	"color-function": {
+		syntax: "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
 	},
 	"color-interpolation-method": {
 		syntax: "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]"
@@ -2317,7 +2335,7 @@ var syntaxes = {
 		syntax: "[ contextual | no-contextual ]"
 	},
 	"contrast()": {
-		syntax: "contrast( [ <number-percentage> ] )"
+		syntax: "contrast( [ <number> | <percentage> ]? )"
 	},
 	"coord-box": {
 		syntax: "<paint-box> | view-box"
@@ -2358,8 +2376,11 @@ var syntaxes = {
 	dasharray: {
 		syntax: "[ [ <length-percentage> | <number> ]+ ]#"
 	},
+	"dashndashdigit-ident": {
+		syntax: "<ident-token>"
+	},
 	"deprecated-system-color": {
-		syntax: "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"
+		syntax: "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonHighlight | ButtonShadow | CaptionText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"
 	},
 	"discretionary-lig-values": {
 		syntax: "[ discretionary-ligatures | no-discretionary-ligatures ]"
@@ -2383,7 +2404,7 @@ var syntaxes = {
 		syntax: "block | inline | run-in"
 	},
 	"drop-shadow()": {
-		syntax: "drop-shadow( <length>{2,3} <color>? )"
+		syntax: "drop-shadow( [ <color>? && <length>{2,3} ] )"
 	},
 	"easing-function": {
 		syntax: "linear | <cubic-bezier-timing-function> | <step-timing-function>"
@@ -2398,7 +2419,7 @@ var syntaxes = {
 		syntax: "element( <id-selector> )"
 	},
 	"ellipse()": {
-		syntax: "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )"
+		syntax: "ellipse( <radial-size>? [ at <position> ]? )"
 	},
 	"ending-shape": {
 		syntax: "circle | ellipse"
@@ -2436,13 +2457,10 @@ var syntaxes = {
 	"feature-value-name": {
 		syntax: "<custom-ident>"
 	},
-	"fill-rule": {
-		syntax: "nonzero | evenodd"
-	},
 	"filter-function": {
 		syntax: "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
 	},
-	"filter-function-list": {
+	"filter-value-list": {
 		syntax: "[ <filter-function> | <url> ]+"
 	},
 	"final-bg-layer": {
@@ -2488,7 +2506,7 @@ var syntaxes = {
 		syntax: "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()>"
 	},
 	"grayscale()": {
-		syntax: "grayscale( <number-percentage> )"
+		syntax: "grayscale( [ <number> | <percentage> ]? )"
 	},
 	"grid-line": {
 		syntax: "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]"
@@ -2497,10 +2515,10 @@ var syntaxes = {
 		syntax: "[ historical-ligatures | no-historical-ligatures ]"
 	},
 	"hsl()": {
-		syntax: "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )"
+		syntax: "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"hsla()": {
-		syntax: "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )"
+		syntax: "hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	hue: {
 		syntax: "<number> | <angle>"
@@ -2509,10 +2527,10 @@ var syntaxes = {
 		syntax: "[ shorter | longer | increasing | decreasing ] hue"
 	},
 	"hue-rotate()": {
-		syntax: "hue-rotate( <angle> )"
+		syntax: "hue-rotate( [ <angle> | <zero> ]? )"
 	},
 	"hwb()": {
-		syntax: "hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
+		syntax: "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )"
 	},
 	"hypot()": {
 		syntax: "hypot( <calc-sum># )"
@@ -2520,6 +2538,9 @@ var syntaxes = {
 	"id-selector": {
 		syntax: "<hash-token>"
 	},
+	integer: {
+		syntax: "<number-token>"
+	},
 	image: {
 		syntax: "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>"
 	},
@@ -2530,7 +2551,7 @@ var syntaxes = {
 		syntax: "image-set( <image-set-option># )"
 	},
 	"image-set-option": {
-		syntax: "[ <image> | <string> ]x [ <resolution> || type(<string>) ]"
+		syntax: "[ <image> | <string> ] [ <resolution> || type(<string>) ]"
 	},
 	"image-src": {
 		syntax: "<url> | <string>"
@@ -2545,7 +2566,7 @@ var syntaxes = {
 		syntax: "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
 	},
 	"invert()": {
-		syntax: "invert( <number-percentage> )"
+		syntax: "invert( [ <number> | <percentage> ]? )"
 	},
 	"keyframe-block": {
 		syntax: "<keyframe-selector># {\n  <declaration-list>\n}"
@@ -2685,11 +2706,23 @@ var syntaxes = {
 	"mod()": {
 		syntax: "mod( <calc-sum>, <calc-sum> )"
 	},
+	"n-dimension": {
+		syntax: "<dimension-token>"
+	},
+	"ndash-dimension": {
+		syntax: "<dimension-token>"
+	},
+	"ndashdigit-dimension": {
+		syntax: "<dimension-token>"
+	},
+	"ndashdigit-ident": {
+		syntax: "<ident-token>"
+	},
 	"name-repeat": {
 		syntax: "repeat( [ <integer [1,∞]> | auto-fill ], <line-names>+ )"
 	},
 	"named-color": {
-		syntax: "transparent | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen"
+		syntax: "aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen"
 	},
 	"namespace-prefix": {
 		syntax: "<ident>"
@@ -2697,9 +2730,6 @@ var syntaxes = {
 	"ns-prefix": {
 		syntax: "[ <ident-token> | '*' ]? '|'"
 	},
-	nth: {
-		syntax: "<an-plus-b> | even | odd"
-	},
 	"number-percentage": {
 		syntax: "<number> | <percentage>"
 	},
@@ -2722,7 +2752,7 @@ var syntaxes = {
 		syntax: "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )"
 	},
 	"opacity()": {
-		syntax: "opacity( [ <number-percentage> ] )"
+		syntax: "opacity( [ <number> | <percentage> ]? )"
 	},
 	"opacity-value": {
 		syntax: "<number> | <percentage>"
@@ -2770,7 +2800,7 @@ var syntaxes = {
 		syntax: "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"
 	},
 	"path()": {
-		syntax: "path( [ <fill-rule>, ]? <string> )"
+		syntax: "path( <'fill-rule'>? , <string> )"
 	},
 	"perspective()": {
 		syntax: "perspective( [ <length [0,∞]> | none ] )"
@@ -2779,7 +2809,7 @@ var syntaxes = {
 		syntax: "hsl | hwb | lch | oklch"
 	},
 	"polygon()": {
-		syntax: "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
+		syntax: "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )"
 	},
 	position: {
 		syntax: "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
@@ -2808,9 +2838,15 @@ var syntaxes = {
 	quote: {
 		syntax: "open-quote | close-quote | no-open-quote | no-close-quote"
 	},
+	"radial-extent": {
+		syntax: "closest-corner | closest-side | farthest-corner | farthest-side"
+	},
 	"radial-gradient()": {
 		syntax: "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
 	},
+	"radial-size": {
+		syntax: "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
+	},
 	ratio: {
 		syntax: "<number [0,∞]> [ / <number [0,∞]> ]?"
 	},
@@ -2832,6 +2868,9 @@ var syntaxes = {
 	"relative-size": {
 		syntax: "larger | smaller"
 	},
+	"rect()": {
+		syntax: "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
+	},
 	"rem()": {
 		syntax: "rem( <calc-sum>, <calc-sum> )"
 	},
@@ -2851,10 +2890,10 @@ var syntaxes = {
 		syntax: "reversed( <counter-name> )"
 	},
 	"rgb()": {
-		syntax: "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
+		syntax: "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
 	},
 	"rgba()": {
-		syntax: "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
+		syntax: "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )"
 	},
 	"rotate()": {
 		syntax: "rotate( [ <angle> | <zero> ] )"
@@ -2878,7 +2917,7 @@ var syntaxes = {
 		syntax: "nearest | up | down | to-zero"
 	},
 	"saturate()": {
-		syntax: "saturate( <number-percentage> )"
+		syntax: "saturate( [ <number> | <percentage> ]? )"
 	},
 	"scale()": {
 		syntax: "scale( [ <number> | <percentage> ]#{1,2} )"
@@ -2914,7 +2953,7 @@ var syntaxes = {
 		syntax: "center | start | end | self-start | self-end | flex-start | flex-end"
 	},
 	"sepia()": {
-		syntax: "sepia( <number-percentage> )"
+		syntax: "sepia( [ <number> | <percentage> ]? )"
 	},
 	shadow: {
 		syntax: "inset? && <length>{2,4} && <color>?"
@@ -2928,15 +2967,18 @@ var syntaxes = {
 	"shape-box": {
 		syntax: "<visual-box> | margin-box"
 	},
-	"shape-radius": {
-		syntax: "<length-percentage> | closest-side | farthest-side"
-	},
 	"side-or-corner": {
 		syntax: "[ left | right ] || [ top | bottom ]"
 	},
 	"sign()": {
 		syntax: "sign( <calc-sum> )"
 	},
+	"signed-integer": {
+		syntax: "<number-token>"
+	},
+	"signless-integer": {
+		syntax: "<number-token>"
+	},
 	"sin()": {
 		syntax: "sin( <calc-sum> )"
 	},
@@ -3009,6 +3051,12 @@ var syntaxes = {
 	symbol: {
 		syntax: "<string> | <image> | <custom-ident>"
 	},
+	"symbols()": {
+		syntax: "symbols( <symbols-type>? [ <string> | <image> ]+ )"
+	},
+	"symbols-type": {
+		syntax: "cyclic | numeric | alphabetic | symbolic | fixed"
+	},
 	"system-color": {
 		syntax: "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"
 	},
@@ -3099,6 +3147,9 @@ var syntaxes = {
 	"wq-name": {
 		syntax: "<ns-prefix>? <ident-token>"
 	},
+	"xywh()": {
+		syntax: "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
+	},
 	xyz: {
 		syntax: "xyz | xyz-d50 | xyz-d65"
 	},
@@ -3234,16 +3285,16 @@ var selectors = {
 		syntax: ":not( <complex-selector-list> )"
 	},
 	":nth-child()": {
-		syntax: ":nth-child( <nth> [ of <complex-selector-list> ]? )"
+		syntax: ":nth-child( <an+b> [ of <complex-selector-list> ]? )"
 	},
 	":nth-last-child()": {
-		syntax: ":nth-last-child( <nth> [ of <complex-selector-list> ]? )"
+		syntax: ":nth-last-child( <an+b> [ of <complex-selector-list> ]? )"
 	},
 	":nth-last-of-type()": {
-		syntax: ":nth-last-of-type( <nth> )"
+		syntax: ":nth-last-of-type( <an+b> )"
 	},
 	":nth-of-type()": {
-		syntax: ":nth-of-type( <nth> )"
+		syntax: ":nth-of-type( <an+b> )"
 	},
 	":only-child": {
 		syntax: ":only-child"
@@ -3479,19 +3530,103 @@ var atRules = {
 		syntax: "@charset \"<charset>\";"
 	},
 	"@counter-style": {
-		syntax: "@counter-style <counter-style-name> {\n  [ system: <counter-system>; ] ||\n  [ symbols: <counter-symbols>; ] ||\n  [ additive-symbols: <additive-symbols>; ] ||\n  [ negative: <negative-symbol>; ] ||\n  [ prefix: <prefix>; ] ||\n  [ suffix: <suffix>; ] ||\n  [ range: <range>; ] ||\n  [ pad: <padding>; ] ||\n  [ speak-as: <speak-as>; ] ||\n  [ fallback: <counter-style-name>; ]\n}"
+		syntax: "@counter-style <counter-style-name> {\n  [ system: <counter-system>; ] ||\n  [ symbols: <counter-symbols>; ] ||\n  [ additive-symbols: <additive-symbols>; ] ||\n  [ negative: <negative-symbol>; ] ||\n  [ prefix: <prefix>; ] ||\n  [ suffix: <suffix>; ] ||\n  [ range: <range>; ] ||\n  [ pad: <padding>; ] ||\n  [ speak-as: <speak-as>; ] ||\n  [ fallback: <counter-style-name>; ]\n}",
+		descriptors: {
+			"additive-symbols": {
+				syntax: "[ <integer> && <symbol> ]#"
+			},
+			fallback: {
+				syntax: "<counter-style-name>"
+			},
+			negative: {
+				syntax: "<symbol> <symbol>?"
+			},
+			pad: {
+				syntax: "<integer> && <symbol>"
+			},
+			prefix: {
+				syntax: "<symbol>"
+			},
+			range: {
+				syntax: "[ [ <integer> | infinite ]{2} ]# | auto"
+			},
+			"speak-as": {
+				syntax: "auto | bullets | numbers | words | spell-out | <counter-style-name>"
+			},
+			suffix: {
+				syntax: "<symbol>"
+			},
+			symbols: {
+				syntax: "<symbol>+"
+			},
+			system: {
+				syntax: "cyclic | numeric | alphabetic | symbolic | additive | [ fixed <integer>? ] | [ extends <counter-style-name> ]"
+			}
+		}
 	},
 	"@document": {
 		syntax: "@document [ <url> | url-prefix(<string>) | domain(<string>) | media-document(<string>) | regexp(<string>) ]# {\n  <group-rule-body>\n}"
 	},
 	"@font-face": {
-		syntax: "@font-face {\n  [ font-family: <family-name>; ] ||\n  [ src: <src>; ] ||\n  [ unicode-range: <unicode-range>; ] ||\n  [ font-variant: <font-variant>; ] ||\n  [ font-feature-settings: <font-feature-settings>; ] ||\n  [ font-variation-settings: <font-variation-settings>; ] ||\n  [ font-stretch: <font-stretch>; ] ||\n  [ font-weight: <font-weight>; ] ||\n  [ font-style: <font-style>; ] ||\n  [ size-adjust: <size-adjust>; ] ||\n  [ ascent-override: <ascent-override>; ] ||\n  [ descent-override: <descent-override>; ] ||\n  [ line-gap-override: <line-gap-override>; ]\n}"
+		syntax: "@font-face {\n  [ font-family: <family-name>; ] ||\n  [ src: <src>; ] ||\n  [ unicode-range: <unicode-range>; ] ||\n  [ font-variant: <font-variant>; ] ||\n  [ font-feature-settings: <font-feature-settings>; ] ||\n  [ font-variation-settings: <font-variation-settings>; ] ||\n  [ font-stretch: <font-stretch>; ] ||\n  [ font-weight: <font-weight>; ] ||\n  [ font-style: <font-style>; ] ||\n  [ size-adjust: <size-adjust>; ] ||\n  [ ascent-override: <ascent-override>; ] ||\n  [ descent-override: <descent-override>; ] ||\n  [ line-gap-override: <line-gap-override>; ]\n}",
+		descriptors: {
+			"ascent-override": {
+				syntax: "normal | <percentage>"
+			},
+			"descent-override": {
+				syntax: "normal | <percentage>"
+			},
+			"font-display": {
+				syntax: "auto | block | swap | fallback | optional"
+			},
+			"font-family": {
+				syntax: "<family-name>"
+			},
+			"font-feature-settings": {
+				syntax: "normal | <feature-tag-value>#"
+			},
+			"font-stretch": {
+				syntax: "<font-stretch-absolute>{1,2}"
+			},
+			"font-style": {
+				syntax: "normal | italic | oblique <angle>{0,2}"
+			},
+			"font-variation-settings": {
+				syntax: "normal | [ <string> <number> ]#"
+			},
+			"font-weight": {
+				syntax: "<font-weight-absolute>{1,2}"
+			},
+			"line-gap-override": {
+				syntax: "normal | <percentage>"
+			},
+			"size-adjust": {
+				syntax: "<percentage>"
+			},
+			src: {
+				syntax: "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
+			},
+			"unicode-range": {
+				syntax: "<unicode-range-token>#"
+			}
+		}
 	},
 	"@font-feature-values": {
 		syntax: "@font-feature-values <family-name># {\n  <feature-value-block-list>\n}"
 	},
 	"@font-palette-values": {
-		syntax: "@font-palette-values <dashed-ident> {\n  <declaration-list>\n}"
+		syntax: "@font-palette-values <dashed-ident> {\n  <declaration-list>\n}",
+		descriptors: {
+			"base-palette": {
+				syntax: "light | dark | <integer [0,∞]>"
+			},
+			"font-family": {
+				syntax: "<family-name>#"
+			},
+			"override-colors": {
+				syntax: "[ <integer [0,∞]> <color> ]#"
+			}
+		}
 	},
 	"@import": {
 		syntax: "@import [ <string> | <url> ]\n        [ layer | layer(<layer-name>) ]?\n        [ supports( [ <supports-condition> | <declaration> ] ) ]?\n        <media-query-list>? ;"
@@ -3509,13 +3644,38 @@ var atRules = {
 		syntax: "@namespace <namespace-prefix>? [ <string> | <url> ];"
 	},
 	"@page": {
-		syntax: "@page <page-selector-list> {\n  <page-body>\n}"
+		syntax: "@page <page-selector-list> {\n  <page-body>\n}",
+		descriptors: {
+			bleed: {
+				syntax: "auto | <length>"
+			},
+			marks: {
+				syntax: "none | [ crop || cross ]"
+			},
+			"page-orientation": {
+				syntax: "upright | rotate-left | rotate-right "
+			},
+			size: {
+				syntax: "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]"
+			}
+		}
 	},
 	"@position-try": {
 		syntax: "@position-try <dashed-ident> {\n  <declaration-list>\n}"
 	},
 	"@property": {
-		syntax: "@property <custom-property-name> {\n  <declaration-list>\n}"
+		syntax: "@property <custom-property-name> {\n  <declaration-list>\n}",
+		descriptors: {
+			inherits: {
+				syntax: "true | false"
+			},
+			"initial-value": {
+				syntax: "<declaration-value>?"
+			},
+			syntax: {
+				syntax: "<string>"
+			}
+		}
 	},
 	"@scope": {
 		syntax: "@scope [(<scope-start>)]? [to (<scope-end>)]? {\n  <rule-list>\n}"
@@ -3527,7 +3687,15 @@ var atRules = {
 		syntax: "@supports <supports-condition> {\n  <group-rule-body>\n}"
 	},
 	"@view-transition": {
-		syntax: "@view-transition {\n  <declaration-list>\n}"
+		syntax: "@view-transition {\n  <declaration-list>\n}",
+		descriptors: {
+			navigation: {
+				syntax: "auto | none"
+			},
+			types: {
+				syntax: "none | <custom-ident>+"
+			}
+		}
 	}
 };
 var config = {