css-syntax-patches-for-csstree: patch calc-size

Author: romainmenke

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

@@ -1,5 +1,10 @@
 # Changes to CSS Syntax Patches For CSSTree
 
+### Unreleased (patch)
+
+- Patch `calc-size()` to allow the `size` keyword
+
+
 ### 1.0.18
 
 _November 26, 2025_

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

@@ -546,8 +546,8 @@
 			"calc-keyword": "e | pi | infinity | -infinity | NaN",
 			"calc-mix()": "calc-mix( [ <calc-sum> <percentage [0,100]>? ]# )",
 			"calc-product": "<calc-value> [ [ '*' | / ] <calc-value> ]*",
-			"calc-size-basis": "[ <size-keyword> | <calc-size()> | any | <calc-sum> ]",
-			"calc-size()": "calc-size( <calc-size-basis> , <calc-sum> )",
+			"calc-size-basis": "[ <size-keyword> | <calc-size()> | <calc-sum> ]",
+			"calc-size()": "calc-size( [ [ <calc-size-basis> , [ <calc-sum> | size ] ] | [ any , <calc-sum> ] ] )",
 			"calc-value": "<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )",
 			"cf-image": "[ <image> | <color> ] && <percentage [0,100]>?",
 			"circle()": "circle( <radial-size>? [ at <position> ]? )",

packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json

@@ -737,21 +737,35 @@
 		"comment": "",
 		"syntax-b": "",
 		"syntax-a": "[ <size-keyword> | <calc-size()> | any | <calc-sum> ]",
-		"syntax-m": "[ <size-keyword> | <calc-size()> | any | <calc-sum> ]",
+		"syntax-m": "[ <size-keyword> | <calc-size()> | <calc-sum> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
 		}
 	},
 	"calc-size()": {
 		"type": "added",
-		"comment": "",
+		"comment": "https://github.com/w3c/csswg-drafts/issues/13158",
 		"syntax-b": "",
 		"syntax-a": "calc-size( <calc-size-basis> , <calc-sum> )",
-		"syntax-m": "calc-size( <calc-size-basis> , <calc-sum> )",
+		"syntax-m": "calc-size( [ [ <calc-size-basis> , [ <calc-sum> | size ] ] | [ any , <calc-sum> ] ] )",
 		"tests": {
-			"passing": [],
-			"failing": []
+			"passing": [
+				{
+					"property": "height",
+					"value": "calc-size(auto, size)"
+				},
+				{
+					"property": "height",
+					"value": "calc-size(auto, 10px)"
+				}
+			],
+			"failing": [
+				{
+					"property": "height",
+					"value": "calc-size(any, size)"
+				}
+			]
 		}
 	},
 	"calc-value": {