add CSS Flexible Box Layout types (#719)

Author: saschanaz

baselines/dom.generated.d.ts

@@ -2825,13 +2825,13 @@ interface CSSStyleDeclaration {
     fillOpacity: string | null;
     fillRule: string | null;
     filter: string;
-    flex: string | null;
-    flexBasis: string | null;
-    flexDirection: string | null;
-    flexFlow: string | null;
-    flexGrow: string | null;
-    flexShrink: string | null;
-    flexWrap: string | null;
+    flex: string;
+    flexBasis: string;
+    flexDirection: string;
+    flexFlow: string;
+    flexGrow: string;
+    flexShrink: string;
+    flexWrap: string;
     floodColor: string;
     floodOpacity: string;
     font: string;
@@ -2965,7 +2965,7 @@ interface CSSStyleDeclaration {
     objectFit: string;
     objectPosition: string;
     opacity: string | null;
-    order: string | null;
+    order: string;
     orphans: string | null;
     outline: string;
     outlineColor: string;

inputfiles/idl/CSS Flexible Box Layout.widl

@@ -0,0 +1,14 @@
+partial interface CSSStyleDeclaration {
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString flexDirection;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString flexWrap;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString flexFlow;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString order;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString flex;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString flexGrow;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString flexShrink;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString flexBasis;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString justifyContent;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString alignItems;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString alignSelf;
+  [CEReactions] attribute [TreatNullAs=EmptyString] CSSOMString alignContent;
+};

inputfiles/idlSources.json

@@ -32,6 +32,10 @@
         "url": "https://www.w3.org/TR/css-align-3/",
         "title": "CSS Box Alignment"
     },
+    {
+        "url": "https://www.w3.org/TR/css-flexbox-1/",
+        "title": "CSS Flexible Box Layout"
+    },
     {
         "url": "https://www.w3.org/TR/css-fonts-3/",
         "title": "CSS Fonts"