📦 Release @webref/css6@6.23.1

[github-actions]

⚠ NEVER add commits to this pull request.

🤖 This pull request was automatically created to facilitate human review of @webref/css6 changes triggered by curated data at a1de98e.

🧐 Please review the diff below and version numbers. If all looks good, merge this pull request to release the changes to npm.

📦 Latest released @webref/css6 package was v6.23.0. Merging this pull request will release v6.23.1. Make sure that the bump is the right one for the changes.

✍ If any change needs to be made before release, do not add a commit to this pull request. Changes should rather be handled in a separate pull request and pushed to the main branch. You may leave this pull request open in the meantime, or close it. The pre-release job will automatically update this pull request or create a new one once the updates have made their way to the main branch.

🛈 The actual change introduced by this pull request is a version bump in packages/css6/package.json. You do not need to review that change. The bumped version is not the version that will be released when this pull request is merged, but rather the version that will be released next time.

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-mixins.json packages/css6/css-mixins.json
--- webref/node_modules/@webref/css/css-mixins.json
+++ packages/css6/css-mixins.json
@@ -26,6 +26,30 @@
           "value": "type( <syntax> )"
         }
       ]
+    },
+    {
+      "name": "@mixin",
+      "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
+      "descriptors": [],
+      "value": "@mixin <function-token> <function-parameter>#? , [@contents]? ) { <declaration-rule-list> }"
+    },
+    {
+      "name": "@contents",
+      "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-contents",
+      "descriptors": [],
+      "value": "@contents [ { <declaration-list> } ]?"
+    },
+    {
+      "name": "@apply",
+      "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-apply",
+      "descriptors": [],
+      "value": "@apply [ <dashed-ident> | <dashed-function> ] [ { <declaration-list> } ]?;"
+    },
+    {
+      "name": "@env",
+      "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-env",
+      "descriptors": [],
+      "value": "@env <custom-property-name> : <declaration-value>? ;"
     }
   ],
   "selectors": [],

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-shapes.json packages/css6/css-shapes.json
--- webref/node_modules/@webref/css/css-shapes.json
+++ packages/css6/css-shapes.json
@@ -157,7 +157,7 @@
           "prose": "See The shape() function.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-shape",
           "type": "function",
-          "value": "shape( <'fill-rule'>? from <position> <shape-command># )",
+          "value": "shape( <'fill-rule'>? from <position> , <shape-command># )",
           "values": [
             {
               "name": "<coordinate-pair>",
@@ -271,7 +271,7 @@
             },
             {
               "name": "arc",
-              "prose": "<arc-command> = arc <command-end-point> [[of <length-percentage>{1,2}] && <arc-sweep>? && <arc-size>? && rotate <angle>? ]",
+              "prose": "<arc-command> = arc <command-end-point> [of <length-percentage>{1,2}] && <arc-sweep>? && <arc-size>? && rotate <angle>? ]",
               "href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-arc",
               "type": "value",
               "value": "arc",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-ui.json packages/css6/css-ui.json
--- webref/node_modules/@webref/css/css-ui.json
+++ packages/css6/css-ui.json
@@ -373,7 +373,7 @@
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-color",
       "value": "auto | <color>",
       "initial": "auto",
-      "appliesTo": "all elements",
+      "appliesTo": "text or elements that accept text input",
       "inherited": "yes",
       "percentages": "N/A",
       "computedValue": "The computed value for auto is auto. For <color> values, see CSS Color 4 § 14. Resolving <color> Values.",
@@ -389,7 +389,7 @@
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-animation",
       "value": "auto | manual",
       "initial": "auto",
-      "appliesTo": "elements that accept input",
+      "appliesTo": "text or elements that accept text input",
       "inherited": "yes",
       "percentages": "N/A",
       "computedValue": "specified keyword",
@@ -421,7 +421,7 @@
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-shape",
       "value": "auto | bar | block | underscore",
       "initial": "auto",
-      "appliesTo": "elements that accept input",
+      "appliesTo": "text or elements that accept text input",
       "inherited": "yes",
       "percentages": "N/A",
       "computedValue": "specified keyword",
@@ -437,21 +437,21 @@
         },
         {
           "name": "bar",
-          "prose": "The UA must render the text insertion caret as a thin bar placed at the insertion point. This means it is between, before, or after characters, not over them. It should be perpendicular to the inline progression direction, although UAs may render it slanted when inserting italic or oblique text.",
+          "prose": "The UA must render the insertion caret as a thin bar placed at the insertion point. This means it is between, before, or after characters, not over them. It should be perpendicular to the inline progression direction, although UAs may render it slanted when inserting italic or oblique text.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-caret-shape-bar",
           "type": "value",
           "value": "bar"
         },
         {
           "name": "block",
-          "prose": "The UA must render the text insertion caret as a rectangle overlapping the next visible character following the insertion point. If there is no visible character after the insertion point, the UA must render the caret after the last visible character. UAs may render it as a slanted rectangle when inserting italic or oblique text.",
+          "prose": "The UA must render the insertion caret as a rectangle overlapping the next visible character following the insertion point. If there is no visible character after the insertion point, the UA must render the caret after the last visible character. UAs may render it as a slanted rectangle when inserting italic or oblique text.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-caret-shape-block",
           "type": "value",
           "value": "block"
         },
         {
           "name": "underscore",
-          "prose": "The UA must render the text insertion caret as a thin line under (as defined in [CSS-WRITING-MODES-3] the next visible character following the insertion point. If there is no visible character after the insertion point, the UA must render the caret after the last visible character.",
+          "prose": "The UA must render the insertion caret as a thin line under (as defined in [CSS-WRITING-MODES-3] the next visible character following the insertion point. If there is no visible character after the insertion point, the UA must render the caret after the last visible character.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-caret-shape-underscore",
           "type": "value",
           "value": "underscore"
@@ -467,7 +467,7 @@
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-caret",
       "value": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
       "initial": "auto",
-      "appliesTo": "elements that accept input",
+      "appliesTo": "text or elements that accept text input",
       "inherited": "yes",
       "percentages": "N/A",
       "computedValue": "see individual properties",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-values-5.json packages/css6/css-values-5.json
--- webref/node_modules/@webref/css/css-values-5.json
+++ packages/css6/css-values-5.json
@@ -391,7 +391,7 @@
       "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> ]# )",
+      "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",
@@ -402,20 +402,20 @@
         },
         {
           "name": "<input-position>",
-          "prose": "Represents an interpolation stop associating the specified input position(s) with the specified output values. As with the gradient functions, if two <input-position>s are specified, it is treated the same as two stops with the same <output-value>.",
+          "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.) 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.",
+          "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. 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.",
+          "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"
         }
@@ -426,7 +426,7 @@
       "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": "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> ]# )",
+      "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",
@@ -437,20 +437,20 @@
         },
         {
           "name": "<input-position>",
-          "prose": "Represents an interpolation stop associating the specified input position(s) with the specified output values. As with the gradient functions, if two <input-position>s are specified, it is treated the same as two stops with the same <output-value>.",
+          "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.) 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.",
+          "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. 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.",
+          "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"
         }
@@ -461,7 +461,7 @@
       "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-interpolate( <progress-source> && [ by <easing-function> ]? && <easing-function>?, <input-position>{1,2} : <transform-list>, [ <easing-function>?, <input-position>{1,2} : <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",
@@ -472,20 +472,20 @@
         },
         {
           "name": "<input-position>",
-          "prose": "Represents an interpolation stop associating the specified input position(s) with the specified output values. As with the gradient functions, if two <input-position>s are specified, it is treated the same as two stops with the same <output-value>.",
+          "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.) 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.",
+          "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. 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.",
+          "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"
         }
@@ -496,7 +496,7 @@
       "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": "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> )",
+      "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",
@@ -507,20 +507,20 @@
         },
         {
           "name": "<input-position>",
-          "prose": "Represents an interpolation stop associating the specified input position(s) with the specified output values. As with the gradient functions, if two <input-position>s are specified, it is treated the same as two stops with the same <output-value>.",
+          "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.) 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.",
+          "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. 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.",
+          "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"
         }
@@ -773,82 +773,17 @@
     {
       "msg": "Missing definition",
       "name": "*interpolate()",
-      "value": "*interpolate( progress && global-options?, stop, [ between-options? , stop ]# )"
+      "value": "*interpolate( [ progress && global-options? ], stop, [ between-options? , stop ]# )"
     },
     {
       "msg": "Missing definition",
       "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> ]* )"
+      "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": "Dangling value",
-      "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>",
-      "for": "palette-interpolate()"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "<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>",
-      "for": "palette-interpolate()"
-    },
-    {
-      "msg": "Dangling value",
-      "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>",
-      "for": "palette-interpolate()"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "<'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'>",
-      "for": "palette-interpolate()"
-    },
-    {
-      "msg": "Dangling value",
-      "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",
-      "for": "palette-interpolate()"
-    },
-    {
-      "msg": "Dangling value",
+      "msg": "Missing definition",
       "name": "<input-position>",
-      "prose": "Represents an interpolation stop associating the specified input position(s) with the specified output values. As with the gradient functions, if two <input-position>s are specified, it is treated the same as two stops with the same <output-value>.",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
-      "type": "type",
-      "for": "palette-interpolate()"
-    },
-    {
-      "msg": "Dangling value",
-      "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.) 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>",
-      "for": "palette-interpolate()"
-    },
-    {
-      "msg": "Dangling value",
-      "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. 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",
-      "for": "palette-interpolate()"
+      "value": "<percentage> | <number> | <dimension>"
     }
   ]
 }

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-view-transitions-2.json packages/css6/css-view-transitions-2.json
--- webref/node_modules/@webref/css/css-view-transitions-2.json
+++ packages/css6/css-view-transitions-2.json
@@ -133,6 +133,11 @@
       "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": [