@webref/css 6.22.0 → 6.23.1

package/css-values-5.json

@@ -25,7 +25,7 @@
         },
         {
           "name": "allow-keywords",
-          "prose": "Two values can also be interpolated if one of them is an <intrinsic-size-keyword> and the other is a <length-percentage>. This is done by treating the <intrinsic-size-keyword> keyword as though it is calc-size(keyword, size) and applying the rules in § 10.3 Interpolating calc-size(). In other cases, an <intrinsic-size-keyword> still cannot be interpolated.",
+          "prose": "Two values can also be interpolated if one of them is an <intrinsic-size-keyword> and the other is a <length-percentage>. This is done by treating the <intrinsic-size-keyword> keyword as though it is calc-size(keyword, size) and applying the rules in § 11.3 Interpolating calc-size(). In other cases, an <intrinsic-size-keyword> still cannot be interpolated.",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-interpolate-size-allow-keywords",
           "type": "value",
           "value": "allow-keywords"
@@ -336,62 +336,195 @@
       "value": "progress(<calc-sum>, <calc-sum>, <calc-sum>)"
     },
     {
-      "name": "<progress>",
-      "prose": "The <progress> value type represents the mix progress value in a mix notation, and ultimately resolves to a percentage. It can, however, draw that percentage value from sources such as media queries and animation timelines, and can also convert it through an easing function before using it for interpolation.",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-progress",
+      "name": "calc-mix()",
+      "prose": "The calc-mix() mix notation represents a weighted average of numeric or dimensional value. Like calc(), it is a math function, with the following syntactic form:",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-mix",
+      "type": "function",
+      "value": "calc-mix( [ <calc-sum> <percentage [0,100]>? ]# )"
+    },
+    {
+      "name": "transform-mix()",
+      "prose": "The transform-mix() mix notation represents a weighted average of <transform-list>, with the following syntactic form:",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-transform-mix",
+      "type": "function",
+      "value": "transform-mix( [ <transform-list> && <percentage [0,100]> ]# )"
+    },
+    {
+      "name": "<progress-source>",
+      "prose": "The <progress-source> value type represents the interpolation progress in an interpolation notation. Its syntax is:",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-progress-source",
       "type": "type",
-      "value": "[ <percentage-token> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
+      "value": "<percentage> | <number> | <dimension> | <'animation-timeline'>",
       "values": [
         {
-          "name": "<percentage-token>",
-          "prose": "Computes to the equivalent <number>: 0% becomes 0, 100% becomes 1, etc.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-percentage-token",
+          "name": "<percentage>",
+          "prose": "Represents the interpolation progress as a percentage, with 0% computing to zero and 100% computing to 1.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-source-percentage",
           "type": "value",
-          "value": "<percentage-token>"
+          "value": "<percentage>"
         },
         {
           "name": "<number>",
-          "prose": "Represents the mix progress value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-number",
+          "prose": "Represents the interpolation progress as a number directly.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-source-number",
           "type": "value",
           "value": "<number>"
         },
+        {
+          "name": "<dimension>",
+          "prose": "Represents the interpolation progress as a dimension, which is converted to a number as specified in § 7.2 Validation and Normalization.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-source-dimension",
+          "type": "value",
+          "value": "<dimension>"
+        },
         {
           "name": "<'animation-timeline'>",
-          "prose": "Represents the mix progress value as the progress of the specified animation timeline. The values none and auto, however, are invalid. [CSS-ANIMATIONS-2] [WEB-ANIMATIONS-2]",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-animation-timeline",
+          "prose": "Represents the interpolation progress as the progress of the specified animation timeline. The values none and auto are invalid. [CSS-ANIMATIONS-2] [WEB-ANIMATIONS-2]",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-source-animation-timeline",
           "type": "value",
           "value": "<'animation-timeline'>"
+        }
+      ]
+    },
+    {
+      "name": "calc-interpolate()",
+      "prose": "The calc-interpolate() interpolation notation represents an interpolated numeric or dimensional value. Like calc(), it is a math function, with the following syntax:",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-interpolate",
+      "type": "function",
+      "value": "calc-interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? ] , <input-position>{1,2} : <calc-sum> , [ <easing-function>? , <input-position>{1,2} : <calc-sum> ]#? )",
+      "values": [
+        {
+          "name": "by",
+          "prose": "The interpolation progress given by <progress-source> may be optionally modified by the <easing-function> specified after the by keyword. It applies the specified easing function to the “timeline” of progress as a whole by modifying the interpolation progress before it’s applied to the interpolation map, analogous to animation-easing.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-by",
+          "type": "value",
+          "value": "by"
+        },
+        {
+          "name": "<input-position>",
+          "value": "<percentage> | <number> | <dimension>",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
+          "type": "type"
         },
         {
           "name": "<easing-function>",
-          "prose": "Converts the specified input mix progress value into an output mix progress value using the specified easing function. [CSS-EASING-1]",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-progress-easing-function",
+          "prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—​how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
           "type": "value",
           "value": "<easing-function>"
+        },
+        {
+          "name": "<segment-options>",
+          "prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. (For example, color-interpolate() allows <color-interpolation-method>.) When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
+          "type": "type"
         }
       ]
     },
     {
-      "name": "calc-mix()",
-      "prose": "The calc-mix() mix notation represents an interpolated numeric or dimensional value. Like calc(), it is a math function, with the following syntactic form:",
-      "href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-mix",
+      "name": "color-interpolate()",
+      "prose": "The color-interpolate() interpolation notation represents an interpolated <color> value, with the following syntax:",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-color-interpolate",
       "type": "function",
-      "value": "calc-mix( <progress>, <calc-sum>, <calc-sum> )"
+      "value": "color-interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? && <color-interpolation-method>? ] , <input-position>{1,2} : <color>, [ [ <easing-function> || <color-interpolation-method> ], <input-position>{1,2} : <color> ]#? )",
+      "values": [
+        {
+          "name": "by",
+          "prose": "The interpolation progress given by <progress-source> may be optionally modified by the <easing-function> specified after the by keyword. It applies the specified easing function to the “timeline” of progress as a whole by modifying the interpolation progress before it’s applied to the interpolation map, analogous to animation-easing.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-by",
+          "type": "value",
+          "value": "by"
+        },
+        {
+          "name": "<input-position>",
+          "value": "<percentage> | <number> | <dimension>",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
+          "type": "type"
+        },
+        {
+          "name": "<easing-function>",
+          "prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—​how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
+          "type": "value",
+          "value": "<easing-function>"
+        },
+        {
+          "name": "<segment-options>",
+          "prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. (For example, color-interpolate() allows <color-interpolation-method>.) When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
+          "type": "type"
+        }
+      ]
     },
     {
-      "name": "transform-mix()",
-      "prose": "The transform-mix() mix notation represents an interpolated <transform-list>, with the following syntactic form:",
-      "href": "https://drafts.csswg.org/css-values-5/#funcdef-transform-mix",
+      "name": "transform-interpolate()",
+      "prose": "The transform-interpolate() interpolation notation represents an interpolated <transform-list>, with the following syntax:",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-transform-interpolate",
       "type": "function",
-      "value": "transform-mix( <progress>, <transform-list>, <transform-list> )"
+      "value": "transform-interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? ], <input-position>{1,2} : <transform-list>, [ <easing-function>?, <input-position>{1,2} : <transform-list> ]#? )",
+      "values": [
+        {
+          "name": "by",
+          "prose": "The interpolation progress given by <progress-source> may be optionally modified by the <easing-function> specified after the by keyword. It applies the specified easing function to the “timeline” of progress as a whole by modifying the interpolation progress before it’s applied to the interpolation map, analogous to animation-easing.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-by",
+          "type": "value",
+          "value": "by"
+        },
+        {
+          "name": "<input-position>",
+          "value": "<percentage> | <number> | <dimension>",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
+          "type": "type"
+        },
+        {
+          "name": "<easing-function>",
+          "prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—​how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
+          "type": "value",
+          "value": "<easing-function>"
+        },
+        {
+          "name": "<segment-options>",
+          "prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. (For example, color-interpolate() allows <color-interpolation-method>.) When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
+          "type": "type"
+        }
+      ]
     },
     {
-      "name": "mix()",
-      "prose": "Interpolation of any two property values can be represented by the mix() mix notation, which supports two alternative syntax patterns:",
-      "href": "https://drafts.csswg.org/css-values-5/#funcdef-mix",
+      "name": "interpolate()",
+      "prose": "The interpolate() interpolation notation represents the interpolation of entire property values, which supports two alternative syntax patterns:",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-interpolate",
       "type": "function",
-      "value": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <keyframes-name> )"
+      "value": "interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? ] , <input-position>{1,2} : <whole-value>, [ <easing-function>?, <input-position>{1,2} : <whole-value> ]#? ) | interpolate( <progress-source> && [ by <easing-function> ]? && <easing-function>? of <keyframes-name> )",
+      "values": [
+        {
+          "name": "by",
+          "prose": "The interpolation progress given by <progress-source> may be optionally modified by the <easing-function> specified after the by keyword. It applies the specified easing function to the “timeline” of progress as a whole by modifying the interpolation progress before it’s applied to the interpolation map, analogous to animation-easing.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-by",
+          "type": "value",
+          "value": "by"
+        },
+        {
+          "name": "<input-position>",
+          "value": "<percentage> | <number> | <dimension>",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
+          "type": "type"
+        },
+        {
+          "name": "<easing-function>",
+          "prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—​how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
+          "type": "value",
+          "value": "<easing-function>"
+        },
+        {
+          "name": "<segment-options>",
+          "prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. (For example, color-interpolate() allows <color-interpolation-method>.) When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
+          "type": "type"
+        }
+      ]
     },
     {
       "name": "first-valid()",
@@ -634,18 +767,23 @@
     },
     {
       "msg": "Missing definition",
-      "name": "mix-function()",
-      "value": "mix-function( <progress>, start-value, end-value )"
+      "name": "*mix()",
+      "value": "*mix( options? , [ value && <percentage>? ]# )"
+    },
+    {
+      "msg": "Missing definition",
+      "name": "*interpolate()",
+      "value": "*interpolate( [ progress && global-options? ], stop, [ between-options? , stop ]# )"
     },
     {
       "msg": "Missing definition",
-      "name": "<color-mix()>",
-      "value": "color-mix( [ <progress> && <color-interpolation-method>? ] , <color>, <color> ) | color-mix( <color-interpolation-method>, [<color> && <percentage [0,100]>?]# )"
+      "name": "interpolate-function()",
+      "value": "interpolate-function( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? && <segment-options>? ] , <input-position>{1,2} : <output-value> , [ [ <easing-function> || <segment-options> ]? , <input-position>{1,2} : <output-value> ]#? )"
     },
     {
       "msg": "Missing definition",
-      "name": "<cross-fade()>",
-      "value": "cross-fade( <progress>, [ <image> | <color> ], [ <image> | <color> ] ) | cross-fade( <cf-image># )"
+      "name": "<input-position>",
+      "value": "<percentage> | <number> | <dimension>"
     }
   ]
 }

package/css-view-transitions-2.json

@@ -126,12 +126,18 @@
     {
       "name": ":active-view-transition",
       "prose": "The :active-view-transition pseudo-class applies to the root element of the document, if it has an active view transition.",
-      "href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-pseudo"
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-pseudo",
+      "value": ":active-view-transition"
     },
     {
       "name": ":active-view-transition-type()",
       "prose": "The :active-view-transition-type() pseudo-class applies to the root element of the document, if it has a matching active view transition. It has the following syntax definition:",
       "href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-type-pseudo"
+    },
+    {
+      "name": "::view-transition-group-children()",
+      "prose": "The ::view-transition-group-children() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group-children() pseudo-element is generated based on the view-transition-group property, as a child of the corresponding ::view-transition-group() pseudo-element, and contains one or more ::view-transition-group() elements, corresponding to the nested groups. See the used group name and related algorithms.",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group-children"
     }
   ],
   "values": [

package/css-view-transitions.json

@@ -42,7 +42,8 @@
     {
       "name": "::view-transition",
       "prose": "The ::view-transition pseudo-element is a tree-abiding pseudo-element that is also a pseudo-element root. Its originating element is the document’s document element, and its containing block is the snapshot containing block.",
-      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition"
+      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition",
+      "value": "::view-transition"
     },
     {
       "name": "::view-transition-group()",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.22.0",
+  "version": "6.23.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"

package/pointer-animations.json

@@ -0,0 +1,282 @@
+{
+  "spec": {
+    "title": "Pointer-driven Animations",
+    "url": "https://drafts.csswg.org/pointer-animations-1/"
+  },
+  "properties": [
+    {
+      "name": "pointer-timeline-name",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#propdef-pointer-timeline-name",
+      "value": "[ none | <dashed-ident> ]#",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the keyword none or a list of CSS identifiers",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "pointer-timeline-name",
+        "pointerTimelineName"
+      ]
+    },
+    {
+      "name": "pointer-timeline-axis",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#propdef-pointer-timeline-axis",
+      "value": "[ block | inline | x | y ]#",
+      "initial": "block",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "a list of the keywords specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "values": [
+        {
+          "name": "block",
+          "prose": "Specifies to use the measure of progress along the block axis of the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-block",
+          "type": "value",
+          "value": "block"
+        },
+        {
+          "name": "inline",
+          "prose": "Specifies to use the measure of progress along the inline axis of the pointer range. (Default.)",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-inline",
+          "type": "value",
+          "value": "inline"
+        },
+        {
+          "name": "x",
+          "prose": "Specifies to use the measure of progress along the horizontal axis of the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-x",
+          "type": "value",
+          "value": "x"
+        },
+        {
+          "name": "y",
+          "prose": "Specifies to use the measure of progress along the vertical axis of the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-y",
+          "type": "value",
+          "value": "y"
+        },
+        {
+          "name": "self",
+          "prose": "Specifies to use the element’s own principal box as the pointer range. (Default.)",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-self",
+          "type": "value",
+          "value": "self"
+        },
+        {
+          "name": "nearest",
+          "prose": "Specifies to use the nearest element’s parent box as the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-nearest",
+          "type": "value",
+          "value": "nearest"
+        },
+        {
+          "name": "root",
+          "prose": "Specifies to use the root element’s principal box as the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-root",
+          "type": "value",
+          "value": "root"
+        }
+      ],
+      "styleDeclaration": [
+        "pointer-timeline-axis",
+        "pointerTimelineAxis"
+      ]
+    },
+    {
+      "name": "pointer-timeline",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#propdef-pointer-timeline",
+      "value": "[ <'pointer-timeline-name'> <'pointer-timeline-axis'>? ]#",
+      "initial": "see individual properties",
+      "appliesTo": "all elements",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "pointer-timeline",
+        "pointerTimeline"
+      ]
+    },
+    {
+      "name": "animation-range-center",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#propdef-animation-range-center",
+      "value": "[ normal | [ <length-percentage> | <timeline-range-center-subject> <length-percentage>? ] ]#",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the corresponding dimension of the specified timeline range center subject, else relative to the start of the animation attachment range",
+      "computedValue": "list, each item either the keyword normal or a timeline range center subject and a length-percentage value",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "values": [
+        {
+          "name": "normal",
+          "prose": "The 50% progress point of the animation’s active interval is at the center of the animation attachment range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-animation-range-center-normal",
+          "type": "value",
+          "value": "normal"
+        },
+        {
+          "name": "<length-percentage>",
+          "prose": "The 50% progress point of the animation’s active interval is at the specified point on the timeline measuring from the start of the animation attachment range. Percentages are relative to the size of the animation attachment range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-animation-range-center-length-percentage",
+          "type": "value",
+          "value": "<length-percentage>"
+        },
+        {
+          "name": "<timeline-range-name> <length-percentage>?",
+          "prose": "The 50% progress point of the animation’s active interval is at the specified point relative to the start padding edge of the specified animation range center subject’s principal box. If the <length-percentage> is omitted, it defaults to 50%.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-animation-range-center-timeline-range-name-length-percentage",
+          "type": "value",
+          "value": "<timeline-range-name> <length-percentage>?"
+        }
+      ],
+      "styleDeclaration": [
+        "animation-range-center",
+        "animationRangeCenter"
+      ]
+    }
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": [
+    {
+      "name": "pointer()",
+      "prose": "The pointer() functional notation can be used as a <single-animation-timeline> value in animation-timeline and specifies a pointer progress timeline. Its syntax is",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#funcdef-pointer",
+      "type": "function",
+      "value": "pointer( [ <pointer-source> || <pointer-axis> ]? )",
+      "values": [
+        {
+          "name": "block",
+          "prose": "Specifies to use the measure of progress along the block axis of the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-block",
+          "type": "value",
+          "value": "block"
+        },
+        {
+          "name": "inline",
+          "prose": "Specifies to use the measure of progress along the inline axis of the pointer range. (Default.)",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-inline",
+          "type": "value",
+          "value": "inline"
+        },
+        {
+          "name": "x",
+          "prose": "Specifies to use the measure of progress along the horizontal axis of the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-x",
+          "type": "value",
+          "value": "x"
+        },
+        {
+          "name": "y",
+          "prose": "Specifies to use the measure of progress along the vertical axis of the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-y",
+          "type": "value",
+          "value": "y"
+        },
+        {
+          "name": "self",
+          "prose": "Specifies to use the element’s own principal box as the pointer range. (Default.)",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-self",
+          "type": "value",
+          "value": "self"
+        },
+        {
+          "name": "nearest",
+          "prose": "Specifies to use the nearest element’s parent box as the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-nearest",
+          "type": "value",
+          "value": "nearest"
+        },
+        {
+          "name": "root",
+          "prose": "Specifies to use the root element’s principal box as the pointer range.",
+          "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-pointer-root",
+          "type": "value",
+          "value": "root"
+        }
+      ]
+    },
+    {
+      "name": "<pointer-axis>",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#typedef-axis",
+      "type": "type",
+      "value": "block | inline | x | y"
+    },
+    {
+      "name": "<pointer-source>",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#typedef-source",
+      "type": "type",
+      "value": "root | nearest | self"
+    },
+    {
+      "name": "<timeline-range-center-subject>",
+      "prose": "The animation range center subject is the element whose principal box is the range relative to which the center of the active range is calculated, and is represented by the <timeline-range-center-subject> value type, which indicates a CSS identifier representing one of the following:",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#typedef-timeline-range-center-subject",
+      "type": "type"
+    }
+  ],
+  "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "fill",
+      "prose": "Represents the full range of the pointer progress timeline: 0% progress represents the pointer position over the start padding edge of the element’s principal box. 100% progress represents the pointer position over the end padding edge of the element’s principal box.",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-animation-timeline-range-fill",
+      "type": "value",
+      "value": "fill",
+      "for": "animation-timeline-range"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "fit",
+      "prose": "Represents a range that is the same size as fill, but its points of 0% and 100% progress are offset according to the value of animation-range-center property, so that the point of 50% progress remains at the center of the range.",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-animation-timeline-range-fit",
+      "type": "value",
+      "value": "fit",
+      "for": "animation-timeline-range"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "cover",
+      "prose": "Represents the largest possible range of the pointer progress timeline that fully covers the element’s principal box according to the value of animation-range-center property as follows: If the distance between the point of 50% progress and the element’s start padding edge is greater than the distance between the point of 50% progress and the element’s end padding edge, then the 0% progress point is at the element’s start padding edge, and the 100% progress point is at the same distance from the 50% progress point on the opposite side. Otherwise, the 100% progress point is at the element’s end padding edge, and the 0% progress point is at the same distance from the 50% progress point on the opposite side.",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-animation-timeline-range-cover",
+      "type": "value",
+      "value": "cover",
+      "for": "animation-timeline-range"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "contain",
+      "prose": "Represents the largest possible range that is fully contained within the element’s principal box according to the value of animation-range-center property as follows: If the distance between the point of 50% progress and the element’s start padding edge is smaller than the distance between the point of 50% progress and the element’s end padding edge, then the 0% progress point is at the element’s start padding edge, and the 100% progress point is at the same distance from the 50% progress point on the opposite side. Otherwise, the 100% progress point is at the element’s end padding edge, and the 0% progress point is at the same distance from the 50% progress point on the opposite side.",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-animation-timeline-range-contain",
+      "type": "value",
+      "value": "contain",
+      "for": "animation-timeline-range"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "source",
+      "prose": "The element whose pointer offset drives the progress of the timeline.",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-timeline-range-center-subject-source",
+      "type": "value",
+      "value": "source",
+      "for": "timeline-range-center-subject"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "target",
+      "prose": "The element to which the animation is applied.",
+      "href": "https://drafts.csswg.org/pointer-animations-1/#valdef-timeline-range-center-subject-target",
+      "type": "value",
+      "value": "target",
+      "for": "timeline-range-center-subject"
+    }
+  ]
+}

package/selectors-5.json

@@ -9,7 +9,8 @@
     {
       "name": ":local-link",
       "prose": "The :local-link pseudo-class allows authors to style hyperlinks based on the users current location within a site and to differentiate site-internal versus site-external links.",
-      "href": "https://drafts.csswg.org/selectors-5/#local-link-pseudo"
+      "href": "https://drafts.csswg.org/selectors-5/#local-link-pseudo",
+      "value": ":local-link"
     },
     {
       "name": ":state()",