Migrate CSSFontFaceRule and CSSStyleProperties (microsoft#2238)

Bashamega · saschanaz · web-flow · commit 2cea3f68da54 · 2025-11-05T17:45:38.000-08:00
Co-authored-by: Kagami Sascha Rosylight &lt;saschanaz@outlook.com&gt;
diff --git a/baselines/dom.generated.d.ts b/baselines/dom.generated.d.ts
@@ -6917,7 +6917,7 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase {
     /**
      * The **`cssFloat`** property of the CSSStyleProperties interface returns the CSS float property.
      *
-     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSStyleDeclaration/cssFloat)
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSStyleProperties/cssFloat)
      */
     cssFloat: string;
     /**
@@ -7339,7 +7339,6 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase {
     hyphens: string;
     /**
      * The image-orientation CSS property specifies a layout-independent correction to the orientation of an image.
-     * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-orientation)
      */
diff --git a/baselines/ts5.5/dom.generated.d.ts b/baselines/ts5.5/dom.generated.d.ts
@@ -6907,7 +6907,7 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase {
     /**
      * The **`cssFloat`** property of the CSSStyleProperties interface returns the CSS float property.
      *
-     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSStyleDeclaration/cssFloat)
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSStyleProperties/cssFloat)
      */
     cssFloat: string;
     /**
@@ -7329,7 +7329,6 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase {
     hyphens: string;
     /**
      * The image-orientation CSS property specifies a layout-independent correction to the orientation of an image.
-     * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-orientation)
      */
diff --git a/baselines/ts5.6/dom.generated.d.ts b/baselines/ts5.6/dom.generated.d.ts
@@ -6914,7 +6914,7 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase {
     /**
      * The **`cssFloat`** property of the CSSStyleProperties interface returns the CSS float property.
      *
-     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSStyleDeclaration/cssFloat)
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSStyleProperties/cssFloat)
      */
     cssFloat: string;
     /**
@@ -7336,7 +7336,6 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase {
     hyphens: string;
     /**
      * The image-orientation CSS property specifies a layout-independent correction to the orientation of an image.
-     * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-orientation)
      */
diff --git a/baselines/ts5.9/dom.generated.d.ts b/baselines/ts5.9/dom.generated.d.ts
@@ -6914,7 +6914,7 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase {
     /**
      * The **`cssFloat`** property of the CSSStyleProperties interface returns the CSS float property.
      *
-     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSStyleDeclaration/cssFloat)
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/CSSStyleProperties/cssFloat)
      */
     cssFloat: string;
     /**
@@ -7336,7 +7336,6 @@ interface CSSStyleProperties extends CSSStyleDeclarationBase {
     hyphens: string;
     /**
      * The image-orientation CSS property specifies a layout-independent correction to the orientation of an image.
-     * @deprecated
      *
      * [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/image-orientation)
      */
diff --git a/inputfiles/addedTypes.jsonc b/inputfiles/addedTypes.jsonc
@@ -100,18 +100,6 @@
                     ]
                 }
             },
-            "CSSStyleProperties": {
-                "properties": {
-                    "property": {
-                        "imageOrientation": {
-                            "deprecated": true
-                        },
-                        "wordWrap": {
-                            "deprecated": true
-                        }
-                    }
-                }
-            },
             "Window": {
                 "name": "Window",
                 "methods": {
diff --git a/inputfiles/overridingTypes.jsonc b/inputfiles/overridingTypes.jsonc
@@ -3253,30 +3253,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
-                        }
-                    }
-                }
-            },
             "HTMLMediaElement": {
                 "properties": {
                     "property": {
diff --git a/inputfiles/patches/css-font.kdl b/inputfiles/patches/css-font.kdl
@@ -10,3 +10,10 @@ enum FontDisplay {
 dictionary FontFaceDescriptors {
     member display type=FontDisplay
 }
+
+interface CSSFontFaceRule {
+  // CSS Fonts Level 4 now says CSSFontFaceDescriptors
+  // but nobody implements it as of 2024-04
+  // https://github.com/w3c/csswg-drafts/pull/9686
+  property style type=CSSStyleProperties
+}
diff --git a/inputfiles/patches/cssom.kdl b/inputfiles/patches/cssom.kdl
@@ -6,4 +6,10 @@ interface CSSStyleDeclaration \
   forward=CSSStyleDeclarationBase \
   forwardExtends=CSSStyleProperties
 
-interface CSSStyleProperties replaceReference=CSSStyleDeclaration
+interface CSSStyleProperties replaceReference=CSSStyleDeclaration {
+  property wordWrap deprecated=#true
+  
+  // The corresponding standardized property is not supported by
+  // anyone as of 2024-10.
+  property webkitLineClamp deprecated=#false
+}
diff --git a/src/build/patches.ts b/src/build/patches.ts
@@ -239,6 +239,7 @@ function handleProperty(child: Node): Partial<Property> {
     ...optionalMember("overrideType", "string", child.properties?.overrideType),
     ...optionalMember("type", "string", child.properties?.type),
     ...optionalMember("readonly", "boolean", child.properties?.readonly),
+    ...optionalMember("deprecated", "boolean", child.properties?.deprecated),
   };
 }
 

Original file line number	Diff line number	Diff line change
`@@ -239,6 +239,7 @@ function handleProperty(child: Node): Partial<Property> {`
`239`	`239`	`...optionalMember("overrideType", "string", child.properties?.overrideType),`
`240`	`240`	`...optionalMember("type", "string", child.properties?.type),`
`241`	`241`	`...optionalMember("readonly", "boolean", child.properties?.readonly),`
	`242`	`+ ...optionalMember("deprecated", "boolean", child.properties?.deprecated),`
`242`	`243`	`};`
`243`	`244`	`}`
`244`	`245`