feat: Add CSSAnimation and CSSTransition interfaces

baselines/dom.generated.d.ts

@@ -2620,6 +2620,19 @@ declare var CDATASection: {
     new(): CDATASection;
 };
 
+interface CSSAnimation extends Animation {
+    readonly animationName: string;
+    addEventListener<K extends keyof AnimationEventMap>(type: K, listener: (this: CSSAnimation, ev: AnimationEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof AnimationEventMap>(type: K, listener: (this: CSSAnimation, ev: AnimationEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+
+declare var CSSAnimation: {
+    prototype: CSSAnimation;
+    new(): CSSAnimation;
+};
+
 /** A single condition CSS at-rule, which consists of a condition and a statement block. It is a child of CSSGroupingRule. */
 interface CSSConditionRule extends CSSGroupingRule {
     conditionText: string;
@@ -3273,6 +3286,19 @@ declare var CSSSupportsRule: {
     new(): CSSSupportsRule;
 };
 
+interface CSSTransition extends Animation {
+    readonly transitionProperty: string;
+    addEventListener<K extends keyof AnimationEventMap>(type: K, listener: (this: CSSTransition, ev: AnimationEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof AnimationEventMap>(type: K, listener: (this: CSSTransition, ev: AnimationEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+
+declare var CSSTransition: {
+    prototype: CSSTransition;
+    new(): CSSTransition;
+};
+
 /** Provides a storage mechanism for Request / Response object pairs that are cached, for example as part of the ServiceWorker life cycle. Note that the Cache interface is exposed to windowed scopes as well as workers. You don't have to use it in conjunction with service workers, even though it is defined in the service worker spec. */
 interface Cache {
     add(request: RequestInfo): Promise<void>;

inputfiles/idl/CSS Animations Level 2.widl

@@ -0,0 +1,9 @@
+[Exposed=Window]
+interface CSSAnimation : Animation {
+  readonly attribute CSSOMString animationName;
+};
+
+partial interface CSSStyleDeclaration {
+  [CEReactions] attribute [LegacyNullToEmptyString] CSSOMString animationComposition;
+  [CEReactions] attribute [LegacyNullToEmptyString] CSSOMString animationTimeline;
+};

inputfiles/idl/CSS Transitions Level 2.widl

@@ -0,0 +1,4 @@
+[Exposed=Window]
+interface CSSTransition : Animation {
+  readonly attribute CSSOMString transitionProperty;
+};

inputfiles/idlSources.json

@@ -24,6 +24,10 @@
         "url": "https://www.w3.org/TR/css-animations-1/",
         "title": "CSS Animations"
     },
+    {
+        "url": "https://drafts.csswg.org/css-animations-2/",
+        "title": "CSS Animations Level 2"
+    },
     {
         "url": "https://www.w3.org/TR/css-backgrounds-3/",
         "title": "CSS Backgrounds and Borders"
@@ -128,6 +132,10 @@
         "url": "https://www.w3.org/TR/css-transitions-1/",
         "title": "CSS Transitions"
     },
+    {
+        "url": "https://drafts.csswg.org/css-transitions-2/",
+        "title": "CSS Transitions Level 2"
+    },
     {
         "url": "https://www.w3.org/TR/css-transforms-1/",
         "title": "CSS Transforms"

inputfiles/removedTypes.json

@@ -93,6 +93,8 @@
             "CSSStyleDeclaration": {
                 "properties": {
                     "property": {
+                        "animationComposition": null,
+                        "animationTimeline": null,
                         "backgroundPositionBlock": null,
                         "backgroundPositionInline": null,
                         "baselineSource": null,