From 7c9c9617fe30e05d32348eb44f82dee62cd1cd96 Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Sun, 17 Sep 2023 07:01:27 +0100
Subject: [PATCH] overlay, starting-style, discrete animations (#20671)

* overlay, starting-style, discrete animations

* Add missing newlines

* Add in extra subfields for transition availability
---
 api/CSSStartingStyleRule.json          | 38 ++++++++++++++
 css/at-rules/starting-style.json       | 41 ++++++++++++++++
 css/properties/content-visibility.json | 68 ++++++++++++++++++++++++++
 css/properties/display.json            | 68 ++++++++++++++++++++++++++
 css/properties/overlay.json            | 40 +++++++++++++++
 5 files changed, 255 insertions(+)
 create mode 100644 api/CSSStartingStyleRule.json
 create mode 100644 css/at-rules/starting-style.json
 create mode 100644 css/properties/overlay.json

diff --git a/api/CSSStartingStyleRule.json b/api/CSSStartingStyleRule.json
new file mode 100644
index 00000000000000..d60f2fdb7a6780
--- /dev/null
+++ b/api/CSSStartingStyleRule.json
@@ -0,0 +1,38 @@
+{
+  "api": {
+    "CSSStartingStyleRule": {
+      "__compat": {
+        "mdn_url": "https://developer.mozilla.org/docs/Web/API/CSSStartingStyleRule",
+        "spec_url": "https://drafts.csswg.org/css-transitions-2/#the-cssstartingstylerule-interface",
+        "support": {
+          "chrome": {
+            "version_added": "117"
+          },
+          "chrome_android": "mirror",
+          "edge": "mirror",
+          "firefox": {
+            "version_added": false
+          },
+          "firefox_android": "mirror",
+          "ie": {
+            "version_added": false
+          },
+          "oculus": "mirror",
+          "opera": "mirror",
+          "opera_android": "mirror",
+          "safari": {
+            "version_added": false
+          },
+          "safari_ios": "mirror",
+          "samsunginternet_android": "mirror",
+          "webview_android": "mirror"
+        },
+        "status": {
+          "experimental": true,
+          "standard_track": true,
+          "deprecated": false
+        }
+      }
+    }
+  }
+}
diff --git a/css/at-rules/starting-style.json b/css/at-rules/starting-style.json
new file mode 100644
index 00000000000000..afbb8839a2f537
--- /dev/null
+++ b/css/at-rules/starting-style.json
@@ -0,0 +1,41 @@
+{
+  "css": {
+    "at-rules": {
+      "starting-style": {
+        "__compat": {
+          "description": "<code>@starting-style</code>",
+          "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@starting-style",
+          "spec_url": "https://drafts.csswg.org/css-transitions-2/#defining-before-change-style",
+          "support": {
+            "chrome": {
+              "version_added": "117"
+            },
+            "chrome_android": "mirror",
+            "edge": "mirror",
+            "firefox": {
+              "version_added": false
+            },
+            "firefox_android": "mirror",
+            "ie": {
+              "version_added": false
+            },
+            "oculus": "mirror",
+            "opera": "mirror",
+            "opera_android": "mirror",
+            "safari": {
+              "version_added": false
+            },
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": "mirror"
+          },
+          "status": {
+            "experimental": true,
+            "standard_track": true,
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/css/properties/content-visibility.json b/css/properties/content-visibility.json
index d99f0aaae20ef6..727c6a9775938a 100644
--- a/css/properties/content-visibility.json
+++ b/css/properties/content-visibility.json
@@ -45,6 +45,74 @@
             "standard_track": true,
             "deprecated": false
           }
+        },
+        "keyframe_animatable": {
+          "__compat": {
+            "description": "<code>@keyframe</code> animatable",
+            "spec_url": "https://drafts.csswg.org/css-display-4/#display-animation",
+            "support": {
+              "chrome": {
+                "version_added": "116"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": false
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror"
+            },
+            "status": {
+              "experimental": true,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "transitionable": {
+          "__compat": {
+            "description": "Transitionable when setting <code>transition-behavior: allow-discrete</code>",
+            "spec_url": "https://drafts.csswg.org/css-display-4/#display-animation",
+            "support": {
+              "chrome": {
+                "version_added": "117"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": false
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror"
+            },
+            "status": {
+              "experimental": true,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
         }
       }
     }
diff --git a/css/properties/display.json b/css/properties/display.json
index 7282cb7a36b261..27b4d59a5615df 100644
--- a/css/properties/display.json
+++ b/css/properties/display.json
@@ -505,6 +505,40 @@
             }
           }
         },
+        "keyframe_animatable": {
+          "__compat": {
+            "description": "<code>@keyframe</code> animatable",
+            "spec_url": "https://drafts.csswg.org/css-display-4/#display-animation",
+            "support": {
+              "chrome": {
+                "version_added": "116"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": false
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror"
+            },
+            "status": {
+              "experimental": true,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "list-item": {
           "__compat": {
             "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/display-listitem",
@@ -776,6 +810,40 @@
               "deprecated": false
             }
           }
+        },
+        "transitionable": {
+          "__compat": {
+            "description": "Transitionable when setting <code>transition-behavior: allow-discrete</code>",
+            "spec_url": "https://drafts.csswg.org/css-display-4/#display-animation",
+            "support": {
+              "chrome": {
+                "version_added": "117"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": false
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror"
+            },
+            "status": {
+              "experimental": true,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
         }
       }
     }
diff --git a/css/properties/overlay.json b/css/properties/overlay.json
new file mode 100644
index 00000000000000..5c73418f000ab7
--- /dev/null
+++ b/css/properties/overlay.json
@@ -0,0 +1,40 @@
+{
+  "css": {
+    "properties": {
+      "overlay": {
+        "__compat": {
+          "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/overlay",
+          "spec_url": "https://drafts.csswg.org/css-position-4/#overlay",
+          "support": {
+            "chrome": {
+              "version_added": "117"
+            },
+            "chrome_android": "mirror",
+            "edge": "mirror",
+            "firefox": {
+              "version_added": false
+            },
+            "firefox_android": "mirror",
+            "ie": {
+              "version_added": false
+            },
+            "oculus": "mirror",
+            "opera": "mirror",
+            "opera_android": "mirror",
+            "safari": {
+              "version_added": false
+            },
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": "mirror"
+          },
+          "status": {
+            "experimental": true,
+            "standard_track": true,
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}