Migrate CSS

Bashamega · Bashamega · commit b576405cebca · 2025-10-04T09:28:46.000+03:00
diff --git a/baselines/dom.generated.d.ts b/baselines/dom.generated.d.ts
@@ -31943,7 +31943,7 @@ declare var StorageManager: {
     new(): StorageManager;
 };
 
-/** @deprecated */
+/** @deprecated Do not use */
 interface StyleMedia {
     type: string;
     matchMedium(mediaquery: string): boolean;
diff --git a/baselines/ts5.5/dom.generated.d.ts b/baselines/ts5.5/dom.generated.d.ts
@@ -31918,7 +31918,7 @@ declare var StorageManager: {
     new(): StorageManager;
 };
 
-/** @deprecated */
+/** @deprecated Do not use */
 interface StyleMedia {
     type: string;
     matchMedium(mediaquery: string): boolean;
diff --git a/baselines/ts5.6/dom.generated.d.ts b/baselines/ts5.6/dom.generated.d.ts
@@ -31940,7 +31940,7 @@ declare var StorageManager: {
     new(): StorageManager;
 };
 
-/** @deprecated */
+/** @deprecated Do not use */
 interface StyleMedia {
     type: string;
     matchMedium(mediaquery: string): boolean;
diff --git a/baselines/ts5.9/dom.generated.d.ts b/baselines/ts5.9/dom.generated.d.ts
@@ -31940,7 +31940,7 @@ declare var StorageManager: {
     new(): StorageManager;
 };
 
-/** @deprecated */
+/** @deprecated Do not use */
 interface StyleMedia {
     type: string;
     matchMedium(mediaquery: string): boolean;
diff --git a/inputfiles/addedTypes.jsonc b/inputfiles/addedTypes.jsonc
@@ -100,18 +100,7 @@
                     ]
                 }
             },
-            "CSSStyleProperties": {
-                "properties": {
-                    "property": {
-                        "imageOrientation": {
-                            "deprecated": true
-                        },
-                        "wordWrap": {
-                            "deprecated": true
-                        }
-                    }
-                }
-            },
+
             "Window": {
                 "name": "Window",
                 "methods": {
@@ -376,32 +365,6 @@
                     ]
                 }
             },
-            // This is used in the React d.ts files, and not including
-            // it would force an update for anyone using React.
-            "StyleMedia": {
-                "name": "StyleMedia",
-                "exposed": "Window",
-                "noInterfaceObject": true,
-                "deprecated": true,
-                "properties": {
-                    "property": {
-                        "type": {
-                            "name": "type",
-                            "type": "DOMString"
-                        }
-                    }
-                },
-                "methods": {
-                    "method": {
-                        "matchMedium": {
-                            "name": "matchMedium",
-                            "overrideSignatures": [
-                                "matchMedium(mediaquery: string): boolean"
-                            ]
-                        }
-                    }
-                }
-            },
             "Navigator": {
                 "name": "Navigator",
                 "properties": {
diff --git a/inputfiles/overridingTypes.jsonc b/inputfiles/overridingTypes.jsonc
@@ -3297,30 +3297,6 @@
                     }
                 }
             },
-            "CSSFontFaceRule": {
-                "properties": {
-                    "property": {
-                        "style": {
-                            // CSS Fonts Level 4 now says CSSFontFaceDescriptors but nobody implements it as of 2024-04
-                            // https://github.com/w3c/csswg-drafts/pull/9686
-                            "type": "CSSStyleProperties"
-                        }
-                    }
-                }
-            },
-            "CSSStyleProperties": {
-                "properties": {
-                    "property": {
-                        "cssFloat": {
-                            "mdnUrl": "https://developer.mozilla.org/docs/Web/API/CSSStyleDeclaration/cssFloat"
-                        },
-                        "webkitLineClamp": {
-                            // The corresponding standardized property is not supported by anyone as of 2024-10.
-                            "deprecated": false
-                        }
-                    }
-                }
-            },
             "ContactAddress": {
                 "name": "PaymentAddress"
             },
@@ -3375,20 +3351,6 @@
             "SourceBufferList": {
                 "exposed": "Window"
             },
-            "StylePropertyMapReadOnly": {
-                "methods": {
-                    "method": {
-                        "get": {
-                            // https://github.com/w3c/css-houdini-drafts/pull/1087
-                            "signature": {
-                                "0": {
-                                    "overrideType": "undefined | CSSStyleValue"
-                                }
-                            }
-                        }
-                    }
-                }
-            },
             "HTMLImageElement": {
                 "properties": {
                     "property": {
diff --git a/inputfiles/patches/css-font.kdl b/inputfiles/patches/css-font.kdl
@@ -6,3 +6,8 @@ enum FontDisplay {
     fallback
     optional
 }
+
+interface CSSFontFaceRule {
+    property style type=CSSStyleProperties
+}
+
diff --git a/inputfiles/patches/cssom.kdl b/inputfiles/patches/cssom.kdl
@@ -6,4 +6,21 @@ interface CSSStyleDeclaration \
   forward=CSSStyleDeclarationBase \
   forwardExtends=CSSStyleProperties
 
-interface CSSStyleProperties replaceReference=CSSStyleDeclaration
+interface CSSStyleProperties replaceReference=CSSStyleDeclaration {
+  property imageOrientation deprecated=#true
+  property wordWrap deprecated=#true
+  property cssFloat mdnUrl="https://developer.mozilla.org/docs/Web/API/CSSStyleDeclaration/cssFloat"
+
+  // The corresponding standardized property is not supported by anyone as of 2024-10.
+  property webkitLineClamp deprecated=#false
+}
+
+// This is used in the React d.ts files, and not including
+// it would force an update for anyone using React.
+interface StyleMedia exposed=Window noInterfaceObject=#true deprecated="Do not use" {
+  property type type=DOMString
+
+  method matchMedium returns=boolean {
+    param mediaquery type=DOMString
+  }
+}
diff --git a/src/build/patches.ts b/src/build/patches.ts
@@ -221,6 +221,8 @@ function handleProperty(child: Node): Partial<Property> {
     ...optionalMember("optional", "boolean", child.properties?.optional),
     ...optionalMember("overrideType", "string", child.properties?.overrideType),
     ...optionalMember("type", "string", child.properties?.type),
+    ...optionalMember("deprecated", "boolean", child.properties?.deprecated),
+    ...optionalMember("mdnUrl", "string", child.properties?.mdnUrl),
   };
 }
 

Original file line number	Diff line number	Diff line change
`@@ -6,3 +6,8 @@ enum FontDisplay {`
`6`	`6`	`fallback`
`7`	`7`	`optional`
`8`	`8`	`}`
	`9`	`+`
	`10`	`+interface CSSFontFaceRule {`
	`11`	`+ property style type=CSSStyleProperties`
	`12`	`+}`
	`13`	`+`
Original file line number	Diff line number	Diff line change
`@@ -221,6 +221,8 @@ function handleProperty(child: Node): Partial<Property> {`
`221`	`221`	`...optionalMember("optional", "boolean", child.properties?.optional),`
`222`	`222`	`...optionalMember("overrideType", "string", child.properties?.overrideType),`
`223`	`223`	`...optionalMember("type", "string", child.properties?.type),`
	`224`	`+ ...optionalMember("deprecated", "boolean", child.properties?.deprecated),`
	`225`	`+ ...optionalMember("mdnUrl", "string", child.properties?.mdnUrl),`
`224`	`226`	`};`
`225`	`227`	`}`
`226`	`228`