@webref/css 6.23.15 → 6.23.17

package/css-align.json

@@ -234,7 +234,7 @@
     {
       "name": "align-items",
       "href": "https://drafts.csswg.org/css-align-3/#propdef-align-items",
-      "value": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
+      "value": "normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
       "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",

package/css-anchor-position.json

@@ -169,21 +169,14 @@
     },
     {
       "name": "justify-self",
-      "newValues": "anchor-center | dialog",
+      "newValues": "anchor-center",
       "values": [
         {
           "name": "anchor-center",
-          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis.",
+          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis. Additionally:",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
           "type": "value",
           "value": "anchor-center"
-        },
-        {
-          "name": "dialog",
-          "prose": "The new dialog value allows this behavior to be specified: if the box is absolutely positioned and its position-area value is not none, it is aligned as per normal (see § 4.1 Area-specific Default Alignment); otherwise, it is aligned as per center.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-dialog",
-          "type": "value",
-          "value": "dialog"
         }
       ],
       "styleDeclaration": [
@@ -193,21 +186,14 @@
     },
     {
       "name": "align-self",
-      "newValues": "anchor-center | dialog",
+      "newValues": "anchor-center",
       "values": [
         {
           "name": "anchor-center",
-          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis.",
+          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis. Additionally:",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
           "type": "value",
           "value": "anchor-center"
-        },
-        {
-          "name": "dialog",
-          "prose": "The new dialog value allows this behavior to be specified: if the box is absolutely positioned and its position-area value is not none, it is aligned as per normal (see § 4.1 Area-specific Default Alignment); otherwise, it is aligned as per center.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-dialog",
-          "type": "value",
-          "value": "dialog"
         }
       ],
       "styleDeclaration": [
@@ -217,21 +203,14 @@
     },
     {
       "name": "justify-items",
-      "newValues": "anchor-center | dialog",
+      "newValues": "anchor-center",
       "values": [
         {
           "name": "anchor-center",
-          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis.",
+          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis. Additionally:",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
           "type": "value",
           "value": "anchor-center"
-        },
-        {
-          "name": "dialog",
-          "prose": "The new dialog value allows this behavior to be specified: if the box is absolutely positioned and its position-area value is not none, it is aligned as per normal (see § 4.1 Area-specific Default Alignment); otherwise, it is aligned as per center.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-dialog",
-          "type": "value",
-          "value": "dialog"
         }
       ],
       "styleDeclaration": [
@@ -241,21 +220,14 @@
     },
     {
       "name": "align-items",
-      "newValues": "anchor-center | dialog",
+      "newValues": "anchor-center",
       "values": [
         {
           "name": "anchor-center",
-          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis.",
+          "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis. Additionally:",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
           "type": "value",
           "value": "anchor-center"
-        },
-        {
-          "name": "dialog",
-          "prose": "The new dialog value allows this behavior to be specified: if the box is absolutely positioned and its position-area value is not none, it is aligned as per normal (see § 4.1 Area-specific Default Alignment); otherwise, it is aligned as per center.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-dialog",
-          "type": "value",
-          "value": "dialog"
         }
       ],
       "styleDeclaration": [
@@ -369,7 +341,7 @@
         },
         {
           "name": "<try-tactic>",
-          "value": "flip-block || flip-inline || flip-start",
+          "value": "flip-block || flip-inline || flip-start || flip-x || flip-y",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-try-tactic",
           "type": "value"
         },
@@ -377,7 +349,7 @@
           "name": "<try-tactic>",
           "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-position-try-fallbacks-try-tactic",
           "type": "type",
-          "value": "flip-block || flip-inline || flip-start"
+          "value": "flip-block || flip-inline || flip-start || flip-x || flip-y"
         },
         {
           "name": "flip-block",
@@ -393,6 +365,20 @@
           "type": "value",
           "value": "flip-inline"
         },
+        {
+          "name": "flip-x",
+          "prose": "swaps the values in the horizontal axis (between, for example, margin-left and margin-right), essentially mirroring across a vertical-axis line.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-flip-x",
+          "type": "value",
+          "value": "flip-x"
+        },
+        {
+          "name": "flip-y",
+          "prose": "swaps the values in the vertical axis, essentially mirroring across a horizontal-axis line.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-flip-y",
+          "type": "value",
+          "value": "flip-y"
+        },
         {
           "name": "flip-start",
           "prose": "swaps the values of the start properties with each other, and the end properties with each other (between, for example, margin-block-start and margin-inline-start), essentially mirroring across a diagonal drawn from the start-start corner to the end-end corner.",

package/css-animations-2.json

@@ -69,54 +69,56 @@
       ]
     },
     {
-      "name": "animation-trigger-behavior",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-behavior",
-      "value": "<single-animation-trigger-behavior>#",
-      "initial": "once",
+      "name": "animation-trigger",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger",
+      "value": "[ none | [ <dashed-ident> <animation-action>+ ]+ ]#",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "list, each item a keyword as specified",
+      "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "values": [
         {
-          "name": "once",
-          "prose": "The animation is triggered and played once and only once.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-behavior-once",
-          "type": "value",
-          "value": "once"
-        },
-        {
-          "name": "repeat",
-          "prose": "The animation is played from the beginning each time it is triggered. When the trigger’s active interval is exited the animation is reset.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-behavior-repeat",
-          "type": "value",
-          "value": "repeat"
-        },
-        {
-          "name": "alternate",
-          "prose": "The animation is played forwards, according to its playback direction, each time it is triggered. When the trigger’s active interval is exited the animation is reversed.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-behavior-alternate",
+          "name": "none",
+          "prose": "The corresponding animation is not a triggered animation.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-none",
           "type": "value",
-          "value": "alternate"
+          "value": "none"
         },
         {
-          "name": "state",
-          "prose": "The animation is triggered and played once. When the trigger’s active interval is exited the animation is paused. When the trigger’s active interval is re-entered the animation is resumed.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-behavior-state",
+          "name": "[ <dashed-ident> <animation-action>+ ]+",
+          "prose": "The corresponding animation is a triggered animation, responding to the triggers named by each <dashed-ident>, and responding by taking the action named by the corresponding <animation-action>. (See § 5.1 Trigger Scope/Resolution for how <dashed-ident>s are resolved to triggers.) How many <animation-action>s a trigger accepts, and what exactly activates them, is determined by the type of the trigger. (Event triggers take one and possibly an optional second, depending on whether they’re stateless or stateful; timeline triggers take one and optionally a second.) Specifying the wrong number of actions (too many or too few) is valid syntactically, but causes the trigger to have no effect. If multiple triggers occur simultaneously, they take effect in the order specified. If the same <dashed-ident> is specified multiple times, all but the last have no effect.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger--dashed-ident-animation-action",
           "type": "value",
-          "value": "state"
+          "value": "[ <dashed-ident> <animation-action>+ ]+"
         }
       ],
       "styleDeclaration": [
-        "animation-trigger-behavior",
-        "animationTriggerBehavior"
+        "animation-trigger",
+        "animationTrigger"
       ]
     },
     {
-      "name": "animation-trigger-timeline",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-timeline",
+      "name": "timeline-trigger-name",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-name",
+      "value": "none | <dashed-ident>#",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "timeline-trigger-name",
+        "timelineTriggerName"
+      ]
+    },
+    {
+      "name": "timeline-trigger-source",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-source",
       "value": "<single-animation-timeline>#",
       "initial": "auto",
       "appliesTo": "all elements",
@@ -126,14 +128,14 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "animation-trigger-timeline",
-        "animationTriggerTimeline"
+        "timeline-trigger-source",
+        "timelineTriggerSource"
       ]
     },
     {
-      "name": "animation-trigger-range",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range",
-      "value": "[ <'animation-trigger-range-start'> <'animation-trigger-range-end'>? ]#",
+      "name": "timeline-trigger-range",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range",
+      "value": "[ <'timeline-trigger-range-start'> <'timeline-trigger-range-end'>? ]#",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -142,13 +144,13 @@
       "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
-        "animation-trigger-range",
-        "animationTriggerRange"
+        "timeline-trigger-range",
+        "timelineTriggerRange"
       ]
     },
     {
-      "name": "animation-trigger-range-start",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range-start",
+      "name": "timeline-trigger-range-start",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-start",
       "value": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "initial": "normal",
       "appliesTo": "all elements",
@@ -158,13 +160,13 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "animation-trigger-range-start",
-        "animationTriggerRangeStart"
+        "timeline-trigger-range-start",
+        "timelineTriggerRangeStart"
       ]
     },
     {
-      "name": "animation-trigger-range-end",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range-end",
+      "name": "timeline-trigger-range-end",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-end",
       "value": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "initial": "normal",
       "appliesTo": "all elements",
@@ -174,14 +176,14 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "animation-trigger-range-end",
-        "animationTriggerRangeEnd"
+        "timeline-trigger-range-end",
+        "timelineTriggerRangeEnd"
       ]
     },
     {
-      "name": "animation-trigger-exit-range",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range",
-      "value": "[ <'animation-trigger-exit-range-start'> <'animation-trigger-exit-range-end'>? ]#",
+      "name": "timeline-trigger-exit-range",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range",
+      "value": "[ <'timeline-trigger-exit-range-start'> <'timeline-trigger-exit-range-end'>? ]#",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -189,14 +191,23 @@
       "computedValue": "see individual properties",
       "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "The start (for timeline-trigger-exit-range-start) or end (for timeline-trigger-exit-range-end) is equal to the start/end of the timeline trigger’s enter range.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-timeline-trigger-exit-range-auto",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
-        "animation-trigger-exit-range",
-        "animationTriggerExitRange"
+        "timeline-trigger-exit-range",
+        "timelineTriggerExitRange"
       ]
     },
     {
-      "name": "animation-trigger-exit-range-start",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range-start",
+      "name": "timeline-trigger-exit-range-start",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-start",
       "value": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "initial": "auto",
       "appliesTo": "all elements",
@@ -208,41 +219,20 @@
       "values": [
         {
           "name": "auto",
-          "prose": "The start of the trigger’s exit range is equal to the start of its default range.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-start-auto",
+          "prose": "The start (for timeline-trigger-exit-range-start) or end (for timeline-trigger-exit-range-end) is equal to the start/end of the timeline trigger’s enter range.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-timeline-trigger-exit-range-auto",
           "type": "value",
           "value": "auto"
-        },
-        {
-          "name": "normal",
-          "prose": "The start of the trigger’s exit range is the start of its associated timeline; the start of the trigger’s active interval is determined as normal.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-start-normal",
-          "type": "value",
-          "value": "normal"
-        },
-        {
-          "name": "<length-percentage>",
-          "prose": "The exit range starts at the specified point on the timeline measuring from the start of the timeline.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-start-length-percentage",
-          "type": "value",
-          "value": "<length-percentage>"
-        },
-        {
-          "name": "<timeline-range-name> <length-percentage>?",
-          "prose": "The exit range starts at the specified point on the timeline measuring from the start of the specified named timeline range. If the <length-percentage> is omitted, it defaults to 0%.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-start-timeline-range-name-length-percentage",
-          "type": "value",
-          "value": "<timeline-range-name> <length-percentage>?"
         }
       ],
       "styleDeclaration": [
-        "animation-trigger-exit-range-start",
-        "animationTriggerExitRangeStart"
+        "timeline-trigger-exit-range-start",
+        "timelineTriggerExitRangeStart"
       ]
     },
     {
-      "name": "animation-trigger-exit-range-end",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range-end",
+      "name": "timeline-trigger-exit-range-end",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-end",
       "value": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "initial": "auto",
       "appliesTo": "all elements",
@@ -254,52 +244,113 @@
       "values": [
         {
           "name": "auto",
-          "prose": "The end of the trigger’s exit range is equal to the end of its default range.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-end-auto",
+          "prose": "The start (for timeline-trigger-exit-range-start) or end (for timeline-trigger-exit-range-end) is equal to the start/end of the timeline trigger’s enter range.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-timeline-trigger-exit-range-auto",
           "type": "value",
           "value": "auto"
-        },
+        }
+      ],
+      "styleDeclaration": [
+        "timeline-trigger-exit-range-end",
+        "timelineTriggerExitRangeEnd"
+      ]
+    },
+    {
+      "name": "timeline-trigger",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger",
+      "value": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-range'> [ '/' <'timeline-trigger-exit-range'> ]? ]#",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "values": [
         {
-          "name": "normal",
-          "prose": "The end of the trigger’s exit range is the end of its associated timeline; the end of the trigger’s active interval is determined as normal.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-end-normal",
+          "name": "none",
+          "prose": "A value of none is equivalent to none none normal.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-timeline-trigger-none",
           "type": "value",
-          "value": "normal"
-        },
+          "value": "none"
+        }
+      ],
+      "styleDeclaration": [
+        "timeline-trigger",
+        "timelineTrigger"
+      ]
+    },
+    {
+      "name": "event-trigger-name",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-name",
+      "value": "none | <dashed-ident>#",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "event-trigger-name",
+        "eventTriggerName"
+      ]
+    },
+    {
+      "name": "event-trigger-source",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-source",
+      "value": "[ none | <event-trigger-event>+ [ / <event-trigger-event>+ ]? ]#",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "values": [
         {
-          "name": "<length-percentage>",
-          "prose": "The exit range ends at the specified point on the timeline measuring from the start of the timeline.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-end-length-percentage",
+          "name": "none",
+          "prose": "The corresponding entry in the coordinated value list does not define a trigger.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-event-trigger-source-none",
           "type": "value",
-          "value": "<length-percentage>"
+          "value": "none"
         },
         {
-          "name": "<timeline-range-name> <length-percentage>?",
-          "prose": "The exit range ends at the specified point on the timeline measuring from the start of the specified named timeline range. If the <length-percentage> is omitted, it defaults to 100%.",
-          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-end-timeline-range-name-length-percentage",
+          "name": "<event-trigger-event>+ [ / <event-trigger-event>+ ]?",
+          "prose": "Defines what event(s) the event trigger responds to. If a / is used in the value, the event trigger is stateful; the set of events before the / are the event trigger’s enter events, while those after the / are the exit events. (The same events can occur in both sets.) Otherwise, the event trigger is stateless, and the provided events are its enter events.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-event-trigger-source-event-trigger-event--event-trigger-event",
           "type": "value",
-          "value": "<timeline-range-name> <length-percentage>?"
+          "value": "<event-trigger-event>+ [ / <event-trigger-event>+ ]?"
         }
       ],
       "styleDeclaration": [
-        "animation-trigger-exit-range-end",
-        "animationTriggerExitRangeEnd"
+        "event-trigger-source",
+        "eventTriggerSource"
       ]
     },
     {
-      "name": "animation-trigger",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger",
-      "value": "<single-animation-trigger>#",
-      "initial": "see individual properties",
+      "name": "event-trigger",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger",
+      "value": "none | [ <'event-trigger-name'> <'event-trigger-source'> ]#",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "see individual properties",
+      "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
+      "values": [
+        {
+          "name": "none",
+          "prose": "A value of none is equivalent to none none.",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-event-trigger-none",
+          "type": "value",
+          "value": "none"
+        }
+      ],
       "styleDeclaration": [
-        "animation-trigger",
-        "animationTrigger"
+        "event-trigger",
+        "eventTrigger"
       ]
     }
   ],
@@ -355,6 +406,56 @@
         }
       ]
     },
+    {
+      "name": "<animation-action>",
+      "prose": "The possible <animation-action> values, and what effect they have in each animation state:",
+      "href": "https://drafts.csswg.org/css-animations-2/#typedef-animation-action",
+      "type": "type",
+      "values": [
+        {
+          "name": "none",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-none",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "play",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-play",
+          "type": "value",
+          "value": "play"
+        },
+        {
+          "name": "play-forwards",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-play-forwards",
+          "type": "value",
+          "value": "play-forwards"
+        },
+        {
+          "name": "play-backwards",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-play-backwards",
+          "type": "value",
+          "value": "play-backwards"
+        },
+        {
+          "name": "pause",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-pause",
+          "type": "value",
+          "value": "pause"
+        },
+        {
+          "name": "reset",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-reset",
+          "type": "value",
+          "value": "reset"
+        },
+        {
+          "name": "replay",
+          "href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-replay",
+          "type": "value",
+          "value": "replay"
+        }
+      ]
+    },
     {
       "name": "<single-animation>",
       "value": "<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>",
@@ -362,16 +463,10 @@
       "type": "type"
     },
     {
-      "name": "<single-animation-trigger-behavior>",
-      "value": "once | repeat | alternate | state",
-      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-trigger-behavior",
-      "type": "type"
-    },
-    {
-      "name": "<single-animation-trigger>",
-      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-trigger",
+      "name": "<event-trigger-event>",
+      "href": "https://drafts.csswg.org/css-animations-2/#typedef-event-trigger-event",
       "type": "type",
-      "value": "<single-animation-trigger-behavior> || [ none | auto | [ [ <dashed-ident> | <scroll()> | <view()> ] [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]{0,4} ] ]"
+      "value": "activate | click | touch | dblclick | keypress(<string>) | ..."
     }
   ]
 }