Merge remote-tracking branch 'origin/main' into dependabot/npm_and_yarn/production-dependencies-5d6ce45227

Author: romainmenke

package-lock.json

@@ -29,8 +29,8 @@
 		"@babel/core": "^7.28.5",
 		"@babel/preset-env": "^7.28.5",
 		"@eslint/js": "^9.39.1",
-		"@microsoft/api-documenter": "^7.27.4",
-		"@microsoft/api-extractor": "^7.54.0",
+		"@microsoft/api-documenter": "^7.28.0",
+		"@microsoft/api-extractor": "^7.55.0",
 		"@rollup/plugin-babel": "^6.1.0",
 		"@rollup/plugin-commonjs": "^29.0.0",
 		"@rollup/plugin-node-resolve": "^16.0.3",
@@ -39,11 +39,11 @@
 		"@stryker-mutator/core": "^9.3.0",
 		"eslint": "^9.39.1",
 		"globals": "^16.5.0",
-		"knip": "^5.67.1",
-		"rollup": "^4.52.5",
+		"knip": "^5.69.1",
+		"rollup": "^4.53.2",
 		"tslib": "^2.8.0",
 		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.46.3"
+		"typescript-eslint": "^8.46.4"
 	},
 	"scripts": {
 		"everything": "npm run lint && npm run knip && npm run build && npm run docs && npm run test",

package.json

@@ -113,6 +113,22 @@
           "tagName": "@virtual",
           "syntaxKind": "modifier"
         },
+        {
+          "tagName": "@jsx",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxRuntime",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxFrag",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxImportSource",
+          "syntaxKind": "block"
+        },
         {
           "tagName": "@betaDocumentation",
           "syntaxKind": "modifier"

packages/cascade-layer-name-parser/docs/cascade-layer-name-parser.api.json

@@ -113,6 +113,22 @@
           "tagName": "@virtual",
           "syntaxKind": "modifier"
         },
+        {
+          "tagName": "@jsx",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxRuntime",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxFrag",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxImportSource",
+          "syntaxKind": "block"
+        },
         {
           "tagName": "@betaDocumentation",
           "syntaxKind": "modifier"

packages/color-helpers/docs/color-helpers.api.json

@@ -113,6 +113,22 @@
           "tagName": "@virtual",
           "syntaxKind": "modifier"
         },
+        {
+          "tagName": "@jsx",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxRuntime",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxFrag",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxImportSource",
+          "syntaxKind": "block"
+        },
         {
           "tagName": "@betaDocumentation",
           "syntaxKind": "modifier"

packages/css-calc/docs/css-calc.api.json

@@ -113,6 +113,22 @@
           "tagName": "@virtual",
           "syntaxKind": "modifier"
         },
+        {
+          "tagName": "@jsx",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxRuntime",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxFrag",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxImportSource",
+          "syntaxKind": "block"
+        },
         {
           "tagName": "@betaDocumentation",
           "syntaxKind": "modifier"

packages/css-color-parser/docs/css-color-parser.api.json

@@ -113,6 +113,22 @@
           "tagName": "@virtual",
           "syntaxKind": "modifier"
         },
+        {
+          "tagName": "@jsx",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxRuntime",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxFrag",
+          "syntaxKind": "block"
+        },
+        {
+          "tagName": "@jsxImportSource",
+          "syntaxKind": "block"
+        },
         {
           "tagName": "@betaDocumentation",
           "syntaxKind": "modifier"

packages/css-parser-algorithms/docs/css-parser-algorithms.api.json

@@ -1,5 +1,11 @@
 # Changes to CSS Syntax Patches For CSSTree
 
+### Unreleased (patch)
+
+- Patch `clip: rect()` to preserve legacy syntax
+- Patch color functions to support relative color component keywords
+
+
 ### 1.0.17
 
 _November 21, 2025_

packages/css-syntax-patches-for-csstree/CHANGELOG.md

@@ -165,7 +165,7 @@
 			"caret": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
 			"caret-animation": "auto | manual",
 			"clear": "| block-start | block-end | top | bottom | both-inline | both-block",
-			"clip": "rect( <top> , <right> , <bottom> , <left> ) | auto",
+			"clip": "rect( <top> , <right> , <bottom> , <left> ) | rect( <top> <right> <bottom> <left> ) | auto",
 			"color-adjust": "<'print-color-adjust'>",
 			"color-interpolation": "auto | sRGB | linearRGB",
 			"column-count": "auto | <integer [1,∞]>",
@@ -508,7 +508,7 @@
 		"types": {
 			"dashed-ident": "<custom-property-name>",
 			"unicode-range-token": "<urange>",
-			"alpha()": "alpha( [ from <color> ] [ / [ <alpha-value> | none ] ]? )",
+			"alpha()": "alpha( [ from <color> ] [ / [ <alpha-value> | alpha | none ] ]? )",
 			"anchor-size()": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
 			"anchor()": "anchor( <anchor-name>? && <anchor-side> , <length-percentage>? )",
 			"anchored-feature": "fallback : <'position-try-fallbacks'>",
@@ -561,7 +561,7 @@
 			"color-stop-angle": "[ <angle-percentage> | <zero> ]{1,2}",
 			"color-stop-list": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?",
 			"color-stripe": "<color> && [ <length-percentage> | <flex> ]?",
-			"color()": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+			"color()": "color( [ from <color> ]? [ <custom-params> | [ <predefined-rgb> [ <number> | <percentage> | r | g | b | alpha | none ]{3} [ / [ <alpha-value> | r | g | b | alpha | none ] ]? ] | [ <xyz-space> [ <number> | <percentage> | x | y | z | alpha | none ]{3} [ / [ <alpha-value> | x | y | z | alpha | none ] ]? ] ] )",
 			"colorspace-params": "[ <custom-params> | <predefined-rgb-params> | <xyz-params> ]",
 			"command-end-point": "[ to <position> | by <coordinate-pair> ]",
 			"compat-special": "textfield | menulist-button",
@@ -632,7 +632,7 @@
 			"hsl()": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
 			"hsla()": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
 			"hue-rotate()": "hue-rotate( [ <angle> | <zero> ]? )",
-			"hwb()": "hwb( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"hwb()": "hwb( [ from <color> ]? [ <hue> | h | w | b | alpha | none ] [ <percentage> | <number> | h | w | b | alpha | none ] [ <percentage> | <number> | h | w | b | alpha | none ] [ / [ <alpha-value> | h | w | b | alpha | none ] ]? )",
 			"ictcp()": "ictcp( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"ident-arg": "<string> | <integer> | <ident>",
 			"ident()": "ident( <ident-arg>+ )",
@@ -658,9 +658,9 @@
 			"jzazbz()": "jzazbz( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"jzczhz()": "jzczhz( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
 			"keyframe-selector": "from | to | <percentage [0,100]> | <timeline-range-name> <percentage>",
-			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"lab()": "lab( [ from <color> ]? [ <percentage> | <number> | l | a | b | alpha | none ] [ <percentage> | <number> | l | a | b | alpha | none ] [ <percentage> | <number> | l | a | b | alpha | none ] [ / [ <alpha-value> | l | a | b | alpha | none ] ]? )",
 			"layout-box": "<visual-box> | margin-box",
-			"lch()": "lch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"lch()": "lch( [ from <color> ]? [ <percentage> | <number> | l | c | h | alpha | none ] [ <percentage> | <number> | l | c | h | alpha | none ] [ <hue> | l | c | h | alpha | none ] [ / [ <alpha-value> | l | c | h | alpha | none ] ]? )",
 			"legacy-border-radius-syntax": "<length-percentage [0,∞]>{1,2}",
 			"legacy-hsl-syntax": "hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )",
 			"legacy-hsla-syntax": "hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )",
@@ -691,15 +691,15 @@
 			"mf-gt": "'>' '='?",
 			"mf-lt": "'<' '='?",
 			"mf-range": "<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>",
-			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
-			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
+			"modern-hsl-syntax": "hsl( [ from <color> ]? [ <hue> | h | s | l | alpha | none ] [ <percentage> | <number> | h | s | l | alpha | none ] [ <percentage> | <number> | h | s | l | alpha | none ] [ / [ <alpha-value> | h | s | l | alpha | none ] ]? )",
+			"modern-hsla-syntax": "hsla( [ from <color> ]? [ <hue> | h | s | l | alpha | none ] [ <percentage> | <number> | h | s | l | alpha | none ] [ <percentage> | <number> | h | s | l | alpha | none ] [ / [ <alpha-value> | h | s | l | alpha | none ] ]? )",
+			"modern-rgb-syntax": "rgb( [ from <color> ]? [ <number> | <percentage> | r | g | b | alpha | none ]{3} [ / [ <alpha-value> | r | g | b | alpha | none ] ]? )",
+			"modern-rgba-syntax": "rgba( [ from <color> ]? [ <number> | <percentage> | r | g | b | alpha | none ]{3} [ / [ <alpha-value> | r | g | b | alpha | none ] ]? )",
 			"move-command": "move <command-end-point>",
 			"mq-boolean": "<integer [0,1]>",
 			"number-optional-number": "<number> <number>?",
-			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
-			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ <hue> | none ] [ / [ <alpha-value> | none ] ]? )",
+			"oklab()": "oklab( [ from <color> ]? [ <percentage> | <number> | l | a | b | alpha | none ] [ <percentage> | <number> | l | a | b | alpha | none ] [ <percentage> | <number> | l | a | b | alpha | none ] [ / [ <alpha-value> | l | a | b | alpha | none ] ]? )",
+			"oklch()": "oklch( [ from <color> ]? [ <percentage> | <number> | l | c | h | alpha | none ] [ <percentage> | <number> | l | c | h | alpha | none ] [ <hue> | l | c | h | alpha | none ] [ / [ <alpha-value> | l | c | h | alpha | none ] ]? )",
 			"opacity-value": "<number> | <percentage>",
 			"opacity()": "opacity( [ <number> | <percentage> ]? )",
 			"opentype-tag": "<string>",

packages/css-syntax-patches-for-csstree/dist/index.json

@@ -1678,12 +1678,15 @@
 		"type": "modified",
 		"comment": "",
 		"syntax-b": "<shape> | auto",
-		"syntax-a": "rect( <top> , <right> , <bottom> , <left> ) | auto",
-		"syntax-m": "rect( <top> , <right> , <bottom> , <left> ) | auto",
+		"syntax-a": "rect( <top> , <right> , <bottom> , <left> ) | rect( <top> <right> <bottom> <left> ) | auto",
+		"syntax-m": "rect( <top> , <right> , <bottom> , <left> ) | rect( <top> <right> <bottom> <left> ) | auto",
 		"tests": {
 			"passing": [
 				{
 					"value": "rect(1px, 2px, 3px, 4px)"
+				},
+				{
+					"value": "rect(1px 2px 3px 4px)"
 				}
 			],
 			"failing": []