add CSS Fonts types (#686)

Author: saschanaz

baselines/dom.generated.d.ts

@@ -2702,15 +2702,22 @@ interface CSSStyleDeclaration {
     flexWrap: string | null;
     floodColor: string | null;
     floodOpacity: string | null;
-    font: string | null;
-    fontFamily: string | null;
-    fontFeatureSettings: string | null;
-    fontSize: string | null;
-    fontSizeAdjust: string | null;
-    fontStretch: string | null;
-    fontStyle: string | null;
-    fontVariant: string | null;
-    fontWeight: string | null;
+    font: string;
+    fontFamily: string;
+    fontFeatureSettings: string;
+    fontKerning: string;
+    fontSize: string;
+    fontSizeAdjust: string;
+    fontStretch: string;
+    fontStyle: string;
+    fontSynthesis: string;
+    fontVariant: string;
+    fontVariantCaps: string;
+    fontVariantEastAsian: string;
+    fontVariantLigatures: string;
+    fontVariantNumeric: string;
+    fontVariantPosition: string;
+    fontWeight: string;
     gap: string | null;
     glyphOrientationHorizontal: string | null;
     glyphOrientationVertical: string | null;

inputfiles/idl/CSS Fonts.widl

@@ -0,0 +1,22 @@
+interface CSSFontFaceRule : CSSRule {
+    readonly attribute CSSStyleDeclaration style;
+};
+
+partial interface CSSStyleDeclaration {
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontFamily;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontWeight;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontStretch;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontStyle;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontSize;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontSizeAdjust;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString font;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontSynthesis;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontKerning;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontVariantLigatures;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontVariantPosition;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontVariantCaps;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontVariantNumeric;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontVariantEastAsian;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontVariant;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString fontFeatureSettings;
+};

inputfiles/idlSources.json

@@ -12,18 +12,22 @@
         "url": "https://www.w3.org/TR/css-animations-1/",
         "title": "CSS Animations"
     },
-    {
-        "url": "https://www.w3.org/TR/css-multicol-1/",
-        "title": "CSS Multi-column Layout"
-    },
     {
         "url": "https://www.w3.org/TR/css-ui-3/",
         "title": "CSS Basic User Interface"
     },
+    {
+        "url": "https://www.w3.org/TR/css-fonts-3/",
+        "title": "CSS Fonts"
+    },
     {
         "url": "https://drafts.csswg.org/css-images-3/",
         "title": "CSS Images"
     },
+    {
+        "url": "https://www.w3.org/TR/css-multicol-1/",
+        "title": "CSS Multi-column Layout"
+    },
     {
         "url": "https://drafts.csswg.org/cssom-view/",
         "title": "CSSOM View"

src/idlfetcher.ts

@@ -20,7 +20,10 @@ const idlSelector = [
     "#permission-registry + pre.highlight" // Permissions
 ].join(",");
 
-const cssPropSelector = "dfn.css[data-dfn-type=property]";
+const cssPropSelector = [
+    ".propdef dfn", // CSS Fonts, CSS Masking
+    "dfn.css[data-dfn-type=property]"
+].join(",");
 
 async function fetchIDLs(filter: string[]) {
     const idlSources = (require("../inputfiles/idlSources.json") as IDLSource[])