📦 Release @webref/[email protected]

[github-actions]

⚠ NEVER add commits to this pull request.

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

🧐 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/css package was v6.19.1. Merging this pull request will release v6.20.0. 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/css/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.

IMPORTANT:
- Diff is too long to render in a PR description: 62120 characters
- First 60000 characters shown below
- Check the action log for the full diff

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-animations-2.json packages/css/css-animations-2.json
--- webref/node_modules/@webref/css/css-animations-2.json
+++ packages/css/css-animations-2.json
@@ -67,6 +67,240 @@
         "animation-timeline",
         "animationTimeline"
       ]
+    },
+    {
+      "name": "animation-trigger-type",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-type",
+      "value": "<single-animation-trigger-type>#",
+      "initial": "once",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "list, each item a keyword 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-type-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-type-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-type-alternate",
+          "type": "value",
+          "value": "alternate"
+        },
+        {
+          "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-type-state",
+          "type": "value",
+          "value": "state"
+        }
+      ],
+      "styleDeclaration": [
+        "animation-trigger-type",
+        "animationTriggerType"
+      ]
+    },
+    {
+      "name": "animation-trigger-timeline",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-timeline",
+      "value": "<single-animation-timeline>#",
+      "initial": "auto",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "list, each item either the keyword none, the keyword auto, a case-sensitive css identifier, a computed scroll() function, or a computed view() function",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "animation-trigger-timeline",
+        "animationTriggerTimeline"
+      ]
+    },
+    {
+      "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'>? ]#",
+      "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",
+      "styleDeclaration": [
+        "animation-trigger-range",
+        "animationTriggerRange"
+      ]
+    },
+    {
+      "name": "animation-trigger-range-start",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range-start",
+      "value": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "animation-trigger-range-start",
+        "animationTriggerRangeStart"
+      ]
+    },
+    {
+      "name": "animation-trigger-range-end",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range-end",
+      "value": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "animation-trigger-range-end",
+        "animationTriggerRangeEnd"
+      ]
+    },
+    {
+      "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'>? ]#",
+      "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",
+      "styleDeclaration": [
+        "animation-trigger-exit-range",
+        "animationTriggerExitRange"
+      ]
+    },
+    {
+      "name": "animation-trigger-exit-range-start",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range-start",
+      "value": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "initial": "auto",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "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",
+          "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"
+      ]
+    },
+    {
+      "name": "animation-trigger-exit-range-end",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range-end",
+      "value": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "initial": "auto",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "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",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "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",
+          "type": "value",
+          "value": "normal"
+        },
+        {
+          "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",
+          "type": "value",
+          "value": "<length-percentage>"
+        },
+        {
+          "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",
+          "type": "value",
+          "value": "<timeline-range-name> <length-percentage>?"
+        }
+      ],
+      "styleDeclaration": [
+        "animation-trigger-exit-range-end",
+        "animationTriggerExitRangeEnd"
+      ]
+    },
+    {
+      "name": "animation-trigger",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger",
+      "value": "<single-animation-trigger>#",
+      "initial": "see individual properties",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "animation-trigger",
+        "animationTrigger"
+      ]
     }
   ],
   "atrules": [],
@@ -126,6 +360,18 @@
       "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>",
       "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation",
       "type": "type"
+    },
+    {
+      "name": "<single-animation-trigger-type>",
+      "value": "once | repeat | alternate | state",
+      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-trigger-type",
+      "type": "type"
+    },
+    {
+      "name": "<single-animation-trigger>",
+      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-trigger",
+      "type": "type",
+      "value": "<single-animation-trigger-type> || [ none | auto | [ [ <dashed-ident> | <scroll()> | <view()> ] [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]{0,4} ] ]"
     }
   ]
 }

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-borders.json packages/css/css-borders.json
--- webref/node_modules/@webref/css/css-borders.json
+++ packages/css/css-borders.json
@@ -967,48 +967,281 @@
     {
       "name": "corner-shape",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-shape",
-      "value": "[ round | angle ]{1,4}",
+      "value": "<corner-shape-value>{1,2} [ / <corner-shape-value>{1,2} ]?",
       "initial": "round",
-      "appliesTo": "all elements, except table element when border-collapse is collapse",
+      "appliesTo": "all elements where border-radius can apply",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "values": [
-        {
-          "name": "round",
-          "prose": "Border radii define a convex elliptical curve at the corner.",
-          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-round",
-          "type": "value",
-          "value": "round"
-        },
-        {
-          "name": "angle",
-          "prose": "Border radii define a diagonal slice at the corner.",
-          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-angle",
-          "type": "value",
-          "value": "angle"
-        }
-      ],
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "corner-shape",
         "cornerShape"
       ]
     },
     {
-      "name": "corners",
-      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corners",
-      "value": "<'corner-shape'> || <'border-radius'>",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
+      "name": "corner-top-left-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the corresponding superellipse() value",
+      "canonicalOrder": "per grammar",
+      "animationType": "see superellipse interpolation",
+      "logicalPropertyGroup": "corner-shape",
+      "styleDeclaration": [
+        "corner-top-left-shape",
+        "cornerTopLeftShape"
+      ]
+    },
+    {
+      "name": "corner-top-right-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the corresponding superellipse() value",
+      "canonicalOrder": "per grammar",
+      "animationType": "see superellipse interpolation",
+      "logicalPropertyGroup": "corner-shape",
+      "styleDeclaration": [
+        "corner-top-right-shape",
+        "cornerTopRightShape"
+      ]
+    },
+    {
+      "name": "corner-bottom-right-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the corresponding superellipse() value",
+      "canonicalOrder": "per grammar",
+      "animationType": "see superellipse interpolation",
+      "logicalPropertyGroup": "corner-shape",
+      "styleDeclaration": [
+        "corner-bottom-right-shape",
+        "cornerBottomRightShape"
+      ]
+    },
+    {
+      "name": "corner-bottom-left-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the corresponding superellipse() value",
+      "canonicalOrder": "per grammar",
+      "animationType": "see superellipse interpolation",
+      "logicalPropertyGroup": "corner-shape",
+      "styleDeclaration": [
+        "corner-bottom-left-shape",
+        "cornerBottomLeftShape"
+      ]
+    },
+    {
+      "name": "corner-start-start-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the corresponding superellipse() value",
+      "canonicalOrder": "per grammar",
+      "animationType": "see superellipse interpolation",
+      "logicalPropertyGroup": "corner-shape",
+      "styleDeclaration": [
+        "corner-start-start-shape",
+        "cornerStartStartShape"
+      ]
+    },
+    {
+      "name": "corner-start-end-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the corresponding superellipse() value",
+      "canonicalOrder": "per grammar",
+      "animationType": "see superellipse interpolation",
+      "logicalPropertyGroup": "corner-shape",
+      "styleDeclaration": [
+        "corner-start-end-shape",
+        "cornerStartEndShape"
+      ]
+    },
+    {
+      "name": "corner-end-start-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the corresponding superellipse() value",
+      "canonicalOrder": "per grammar",
+      "animationType": "see superellipse interpolation",
+      "logicalPropertyGroup": "corner-shape",
+      "styleDeclaration": [
+        "corner-end-start-shape",
+        "cornerEndStartShape"
+      ]
+    },
+    {
+      "name": "corner-end-end-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the corresponding superellipse() value",
+      "canonicalOrder": "per grammar",
+      "animationType": "see superellipse interpolation",
+      "logicalPropertyGroup": "corner-shape",
+      "styleDeclaration": [
+        "corner-end-end-shape",
+        "cornerEndEndShape"
+      ]
+    },
+    {
+      "name": "corner-top-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
+      "styleDeclaration": [
+        "corner-top-shape",
+        "cornerTopShape"
+      ]
+    },
+    {
+      "name": "corner-right-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-right-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
+      "styleDeclaration": [
+        "corner-right-shape",
+        "cornerRightShape"
+      ]
+    },
+    {
+      "name": "corner-bottom-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
       "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
       "animationType": "see individual properties",
+      "styleDeclaration": [
+        "corner-bottom-shape",
+        "cornerBottomShape"
+      ]
+    },
+    {
+      "name": "corner-left-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-left-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
+      "styleDeclaration": [
+        "corner-left-shape",
+        "cornerLeftShape"
+      ]
+    },
+    {
+      "name": "corner-block-start-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-start-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
+      "styleDeclaration": [
+        "corner-block-start-shape",
+        "cornerBlockStartShape"
+      ]
+    },
+    {
+      "name": "corner-block-end-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-end-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
+      "styleDeclaration": [
+        "corner-block-end-shape",
+        "cornerBlockEndShape"
+      ]
+    },
+    {
+      "name": "corner-inline-start-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-start-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
       "styleDeclaration": [
-        "corners"
+        "corner-inline-start-shape",
+        "cornerInlineStartShape"
+      ]
+    },
+    {
+      "name": "corner-inline-end-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-end-shape",
+      "value": "<corner-shape-value>",
+      "initial": "round",
+      "appliesTo": "all elements where border-radius can apply",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
+      "styleDeclaration": [
+        "corner-inline-end-shape",
+        "cornerInlineEndShape"
       ]
     },
     {
@@ -1316,12 +1549,84 @@
         "box-shadow",
         "boxShadow"
       ]
+    },
+    {
+      "name": "border-shape",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-shape",
+      "value": "none | [ <basic-shape> <geometry-box>?]{1,2}",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the given <geometry-box>, or to border box if not given.",
+      "computedValue": "list, each item a computed color",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-shape",
+        "borderShape"
+      ]
     }
   ],
   "atrules": [],
   "selectors": [],
   "values": [
     {
+      "name": "<corner-shape-value>",
+      "href": "https://drafts.csswg.org/css-borders-4/#typedef-corner-shape-value",
+      "type": "type",
+      "value": "round | scoop | bevel | notch | straight | squircle | superellipse(<number [0,∞]> | infinity)",
+      "values": [
+        {
+          "name": "round",
+          "prose": "Border radii define a convex elliptical curve at the corner. Equivalent to superellipse(2).",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-round",
+          "type": "value",
+          "value": "round"
+        },
+        {
+          "name": "scoop",
+          "prose": "Border radii define a concave elliptical curve at the corner. Equivalent to superellipse(0.5).",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-scoop",
+          "type": "value",
+          "value": "scoop"
+        },
+        {
+          "name": "bevel",
+          "prose": "Border radii define a diagonal slice at the corner. Equivalent to superellipse(1).",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-bevel",
+          "type": "value",
+          "value": "bevel"
+        },
+        {
+          "name": "notch",
+          "prose": "Border radii define a concave 90deg angle at the corner. Equivalent to superellipse(0).",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-notch",
+          "type": "value",
+          "value": "notch"
+        },
+        {
+          "name": "straight",
+          "prose": "Border radii define a convex 90deg angle at the corner. This would have the same visual effect as a border-radius of 0. This is different from having a border-radius of 0 when animating. Equivalent to superellipse(infinity).",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-straight",
+          "type": "value",
+          "value": "straight"
+        },
+        {
+          "name": "squircle",
+          "prose": "Border radii define a convex curve between an ellipse and an convex angle, equivalent to superellipse(4).",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-squircle",
+          "type": "value",
+          "value": "squircle"
+        }
+      ]
+    },
+    {
+      "name": "superellipse()",
+      "value": "superellipse( <number> | infinity )",
+      "href": "https://drafts.csswg.org/css-borders-4/#funcdef-superellipse",
+      "type": "function"
+    },
+    {
       "name": "<spread-shadow>",
       "href": "https://drafts.csswg.org/css-borders-4/#typedef-spread-shadow",
       "type": "type",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-color-5.json packages/css/css-color-5.json
--- webref/node_modules/@webref/css/css-color-5.json
+++ packages/css/css-color-5.json
@@ -411,7 +411,7 @@
       "name": "contrast-color()",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-contrast-color",
       "type": "function",
-      "value": "contrast-color( <color> max? )"
+      "value": "contrast-color( <color> )"
     },
     {
       "name": "<color-space>",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-display.json packages/css/css-display.json
--- webref/node_modules/@webref/css/css-display.json
+++ packages/css/css-display.json
@@ -113,6 +113,31 @@
       ]
     },
     {
+      "name": "reading-order",
+      "href": "https://drafts.csswg.org/css-display-4/#propdef-reading-order",
+      "value": "<integer>",
+      "initial": "0",
+      "appliesTo": "Direct children of a reading flow container",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified integer",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "<integer>",
+          "prose": "The reading-order property lets the author change where in the reading flow an item is visited, overriding the position set by the reading-flow property on its parent. It takes a single <integer> value, which specifies which ordinal group the item belongs to. Sibling elements are ordered starting from the lowest numbered ordinal group and going up.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-integer",
+          "type": "value",
+          "value": "<integer>"
+        }
+      ],
+      "styleDeclaration": [
+        "reading-order",
+        "readingOrder"
+      ]
+    },
+    {
       "name": "visibility",
       "href": "https://drafts.csswg.org/css-display-4/#propdef-visibility",
       "value": "visible | hidden | collapse",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-env.json packages/css/css-env.json
--- webref/node_modules/@webref/css/css-env.json
+++ packages/css/css-env.json
@@ -38,6 +38,30 @@
           "value": "safe-area-inset-left"
         },
         {
+          "name": "safe-area-max-inset-top",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-top",
+          "type": "value",
+          "value": "safe-area-max-inset-top"
+        },
+        {
+          "name": "safe-area-max-inset-right",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-right",
+          "type": "value",
+          "value": "safe-area-max-inset-right"
+        },
+        {
+          "name": "safe-area-max-inset-bottom",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-bottom",
+          "type": "value",
+          "value": "safe-area-max-inset-bottom"
+        },
+        {
+          "name": "safe-area-max-inset-left",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-max-inset-left",
+          "type": "value",
+          "value": "safe-area-max-inset-left"
+        },
+        {
           "name": "viewport-segment-width",
           "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-width",
           "type": "value",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-gaps.json packages/css/css-gaps.json
--- webref/node_modules/@webref/css/css-gaps.json
+++ packages/css/css-gaps.json
@@ -32,7 +32,7 @@
         },
         {
           "name": "none",
-          "prose": "Gap decorations start and end at gap intersection points which are at an edge of the container only.",
+          "prose": "Gap decorations start and end at all intersections between gaps and edges of the container. Spanning items and gap intersection points do not factor into the placement of gap decorations in this mode.",
           "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-break-none",
           "type": "value",
           "value": "none"
@@ -71,7 +71,7 @@
         },
         {
           "name": "none",
-          "prose": "Gap decorations start and end at gap intersection points which are at an edge of the container only.",
+          "prose": "Gap decorations start and end at all intersections between gaps and edges of the container. Spanning items and gap intersection points do not factor into the placement of gap decorations in this mode.",
           "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-break-none",
           "type": "value",
           "value": "none"
@@ -166,7 +166,7 @@
       "name": "column-rule-color",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-color",
       "value": "<line-color-list> | <auto-line-color-list>",
-      "initial": "curerentcolor",
+      "initial": "currentcolor",
       "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
       "inherited": "no",
       "percentages": "n/a",
@@ -191,7 +191,7 @@
       "name": "row-rule-color",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-color",
       "value": "<line-color-list> | <auto-line-color-list>",
-      "initial": "curerentcolor",
+      "initial": "currentcolor",
       "appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
       "inherited": "no",
       "percentages": "n/a",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-grid-3.json packages/css/css-grid-3.json
--- webref/node_modules/@webref/css/css-grid-3.json
+++ packages/css/css-grid-3.json
@@ -5,319 +5,322 @@
   },
   "properties": [
     {
-      "name": "grid-template-columns",
-      "newValues": "masonry",
-      "initial": "none",
-      "appliesTo": "grid containers",
-      "inherited": "no",
-      "percentages": "refer to corresponding dimension of the content area",
-      "computedValue": "the keyword none or the keyword masonry or a [[computed track list]]",
-      "animationType": "see CSS Grid Level 2",
-      "styleDeclaration": [
-        "grid-template-columns",
-        "gridTemplateColumns"
-      ]
-    },
-    {
-      "name": "grid-template-rows",
-      "newValues": "masonry",
-      "initial": "none",
-      "appliesTo": "grid containers",
+      "name": "item-slack",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-slack",
+      "value": "<length-percentage> | infinite",
+      "initial": "1em",
+      "appliesTo": "masonry containers",
       "inherited": "no",
-      "percentages": "refer to corresponding dimension of the content area",
-      "computedValue": "the keyword none or the keyword masonry or a [[computed track list]]",
-      "animationType": "see CSS Grid Level 2",
+      "percentages": "relative to the grid-axis content box size of the masonry container",
+      "computedValue": "a computed <length-percentage> value",
+      "canonicalOrder": "per grammar",
+      "animationType": "as length",
+      "values": [
+        {
+          "name": "<length-percentage>",
+          "prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-length-percentage",
+          "type": "value",
+          "value": "<length-percentage>"
+        },
+        {
+          "name": "infinite",
+          "prose": "Specifies an infinite tie threshold. This makes items distribute themselves strictly in order, without considering the length of the tracks at all.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-slack-infinite",
+          "type": "value",
+          "value": "infinite"
+        }
+      ],
       "styleDeclaration": [
-        "grid-template-rows",
-        "gridTemplateRows"
+        "item-slack",
+        "itemSlack"
       ]
     },
     {
-      "name": "grid-auto-flow",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-grid-auto-flow",
-      "value": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
-      "initial": "row",
-      "appliesTo": "grid containers",
+      "name": "item-direction",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-direction",
+      "value": "auto | row | column | row-reverse | column-reverse",
+      "initial": "auto",
+      "appliesTo": "flex containers, grid containers, masonry containers",
       "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "specified keyword(s)",
+      "percentages": "N/A",
+      "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
       "values": [
         {
-          "name": "row-reverse",
-          "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-row-reverse",
+          "name": "auto",
+          "prose": "Computes to either row or column depending on the layout mode: On flex containers and grid containers, computes to row. On masonry containers, if grid-template-rows is not none and grid-template-columns is none, computes to the value representing row tracks; otherwise computes to the value representing column tracks.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-auto",
           "type": "value",
-          "value": "row-reverse"
+          "value": "auto"
         },
         {
-          "name": "column-reverse",
-          "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-column-reverse",
+          "name": "row",
+          "prose": "Track-oriented Option Represents placement into rows, i.e. tracks or lines parallel to the inline axis. Items fill those rows in start-to-end order. Flow-oriented Option Represents row-primary item placement, i.e. placing items start-to-end in the inline axis, producing flex row lines in flex layout, and column grid tracks in masonry layout.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-row",
           "type": "value",
-          "value": "column-reverse"
+          "value": "row"
         },
         {
-          "name": "wrap-reverse",
-          "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-wrap-reverse",
+          "name": "column",
+          "prose": "Track-oriented Option Represents placement into columns, i.e. tracks or lines parallel to the block axis. Items fill those columns in start-to-end order. Flow-oriented Option Represents column-primary item placement, i.e. placing items start-to-end in the block axis, producing flex column lines in flex layout, and row grid tracks in masonry layout.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-column",
           "type": "value",
-          "value": "wrap-reverse"
-        }
-      ],
-      "styleDeclaration": [
-        "grid-auto-flow",
-        "gridAutoFlow"
-      ]
-    },
-    {
-      "name": "display",
-      "newValues": "masonry | inline-masonry",
-      "values": [
+          "value": "column"
+        },
         {
-          "name": "masonry",
-          "prose": "This value causes an element to generate a masonry container box that is block-level when placed in flow layout.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-display-masonry",
+          "name": "row-reverse",
+          "prose": "Same as row, but using end-to-start placement order.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-row-reverse",
           "type": "value",
-          "value": "masonry"
+          "value": "row-reverse"
         },
         {
-          "name": "inline-masonry",
-          "prose": "This value causes an element to generate a masonry container box that is inline-level when placed in flow layout.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-display-inline-masonry",
+          "name": "column-reverse",
+          "prose": "Same as column, but using end-to-start placement order.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-column-reverse",
           "type": "value",
-          "value": "inline-masonry"
+          "value": "column-reverse"
         }
       ],
       "styleDeclaration": [
-        "display"
+        "item-direction",
+        "itemDirection"
       ]
     },
     {
-      "name": "masonry-direction",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-direction",
-      "value": "row | column | row-reverse | column-reverse",
-      "initial": "column",
-      "appliesTo": "masonry containers",
+      "name": "item-track",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-track",
+      "value": "auto | row | column | row-reverse | column-reverse",
+      "initial": "auto",
+      "appliesTo": "flex containers, grid containers, masonry containers",
       "inherited": "no",
-      "percentages": "n/a",
+      "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
       "values": [
         {
-          "name": "column",
-          "prose": "The masonry container’s stacking axis is its block axis, and masonry layout starts from its block-start edge.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-column",
+          "name": "auto",
+          "prose": "Computes to either row or column depending on the layout mode: On flex containers and grid containers, computes to row. On masonry containers, if grid-template-rows is not none and grid-template-columns is none, computes to the value representing row tracks; otherwise computes to the value representing column tracks.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-auto",
           "type": "value",
-          "value": "column"
+          "value": "auto"
         },
         {
-          "name": "column-reverse",
-          "prose": "The masonry container’s stacking axis is its block axis, and masonry layout starts from its block-end edge.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-column-reverse",
+          "name": "row",
+          "prose": "Track-oriented Option Represents placement into rows, i.e. tracks or lines parallel to the inline axis. Items fill those rows in start-to-end order. Flow-oriented Option Represents row-primary item placement, i.e. placing items start-to-end in the inline axis, producing flex row lines in flex layout, and column grid tracks in masonry layout.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-row",
           "type": "value",
-          "value": "column-reverse"
+          "value": "row"
         },
         {
-          "name": "row",
-          "prose": "The masonry container’s stacking axis is its inline axis, and masonry layout starts from its inline-start edge.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-row",
+          "name": "column",
+          "prose": "Track-oriented Option Represents placement into columns, i.e. tracks or lines parallel to the block axis. Items fill those columns in start-to-end order. Flow-oriented Option Represents column-primary item placement, i.e. placing items start-to-end in the block axis, producing flex column lines in flex layout, and row grid tracks in masonry layout.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-column",
           "type": "value",
-          "value": "row"
+          "value": "column"
         },
         {
           "name": "row-reverse",
-          "prose": "The masonry container’s stacking axis is its inline axis, and masonry layout starts from its inline-end edge.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-row-reverse",
+          "prose": "Same as row, but using end-to-start placement order.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-row-reverse",
           "type": "value",
           "value": "row-reverse"
+        },
+        {
+          "name": "column-reverse",
+          "prose": "Same as column, but using end-to-start placement order.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-direction-column-reverse",
+          "type": "value",
+          "value": "column-reverse"
         }
       ],
       "styleDeclaration": [
-        "masonry-direction",
-        "masonryDirection"
+        "item-track",
+        "itemTrack"
       ]
     },
     {
-      "name": "masonry-fill",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-fill",
-      "value": "tie-start | tie-end",
-      "initial": "normal",
-      "appliesTo": "masonry containers",
+      "name": "item-wrap",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-wrap",
+      "value": "[ auto | nowrap | wrap ] || [ normal | reverse ] | wrap-reverse",
+      "initial": "auto",
+      "appliesTo": "flex containers, grid containers, masonry containers",
       "inherited": "no",
-      "percentages": "n/a",
+      "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
       "values": [
         {
-          "name": "tie-start",
-          "prose": "Ties are broken by putting the item in the start-most tied position.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-tie-start",
+          "name": "auto",
+          "prose": "Computes to nowrap on flex containers, and wrap on everything else.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-auto",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "nowrap",
+          "prose": "Items are placed in the primary placement axis forever, even if they run out of room. In flex layout this creates a single-line flex container; in grid layout this creates implicit tracks in the primary placement axis as necessary.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-nowrap",
+          "type": "value",
+          "value": "nowrap"
+        },
+        {
+          "name": "wrap",
+          "prose": "Items wrap when the primary placement axis runs out of space. In flex layout this creates a multi-line flex container; in grid layout auto-placement algorithm moves to the next row/column when it runs out of explicit tracks in the primary placement axis.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-wrap",
+          "type": "value",
+          "value": "wrap"
+        },
+        {
+          "name": "normal",
+          "prose": "Items are placed in start-to-end order in the axis opposite to the primary track axis. In flex layout and grid layout, this controls the direction that new tracks (flex lines or grid tracks) are placed in. In masonry layout, for track-oriented syntax this controls which track is selected when several are tied for equal height; for flow-oriented syntax this controls which direction items fill their track in.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-normal",
+          "type": "value",
+          "value": "normal"
+        },
+        {
+          "name": "reverse",
+          "prose": "Items are placed in end-to-start order in the axis opposite to the primary track axis.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-reverse",
           "type": "value",
-          "value": "tie-start"
+          "value": "reverse"
         },
         {
-          "name": "tie-end",
-          "prose": "Ties are broken by putting the item in the end-most tied position.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-tie-end",
+          "name": "wrap-reverse",
+          "prose": "Computes to wrap reverse.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-wrap-reverse",
           "type": "value",
-          "value": "tie-end"
+          "value": "wrap-reverse"
         }
       ],
       "styleDeclaration": [
-        "masonry-fill",
-        "masonryFill"
+        "item-wrap",
+        "itemWrap"
       ]
     },
     {
-      "name": "masonry-flow",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-flow",
-      "value": "<'masonry-direction'> || <'masonry-fill'>",
-      "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",
-      "styleDeclaration": [
-        "masonry-flow",
-        "masonryFlow"
-      ]
-    },
-    {
-      "name": "masonry",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry",
-      "value": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
-      "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",
-      "styleDeclaration": [
-        "masonry"
-      ]
-    },
-    {
-      "name": "masonry-template-tracks",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-template-tracks",
-      "value": "none | <track-list> | <masonry-auto-track-list> | subgrid <line-name-list>?",
-      "initial": "repeat(auto-areas, auto)",
-      "appliesTo": "masonry containers",
-      "inherited": "no",
-      "percentages": "refer to corresponding dimension of the content area",
-      "computedValue": "by computed value type per item in the computed track list",
-      "canonicalOrder": "per grammar",
-      "animationType": "if list lengths match, by computed value type; otherwise, discrete",
-      "styleDeclaration": [
-        "masonry-template-tracks",
-        "masonryTemplateTracks"
-      ]
-    },
-    {
-      "name": "masonry-template-areas",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-template-areas",
-      "value": "none | <string>",
-      "initial": "none",
-      "appliesTo": "masonry containers",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "the keyword none or a string",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "styleDeclaration": [
-        "masonry-template-areas",
-        "masonryTemplateAreas"
-      ]
-    },
-    {
-      "name": "masonry-auto-tracks",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-auto-tracks",
-      "value": "<'grid-auto-columns'>",
+      "name": "item-cross",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-cross",
+      "value": "[ auto | nowrap | wrap ] || [ normal | reverse ] | wrap-reverse",
       "initial": "auto",
-      "appliesTo": "grid containers",
+      "appliesTo": "flex containers, grid containers, masonry containers",
       "inherited": "no",
-      "percentages": "refer to corresponding dimension of the content area",
-      "computedValue": "a computed track list",
+      "percentages": "N/A",
+      "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "if the list lengths match, by computed value type per item; discrete otherwise",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Computes to nowrap on flex containers, and wrap on everything else.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-auto",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "nowrap",
+          "prose": "Items are placed in the primary placement axis forever, even if they run out of room. In flex layout this creates a single-line flex container; in grid layout this creates implicit tracks in the primary placement axis as necessary.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-nowrap",
+          "type": "value",
+          "value": "nowrap"
+        },
+        {
+          "name": "wrap",
+          "prose": "Items wrap when the primary placement axis runs out of space. In flex layout this creates a multi-line flex container; in grid layout auto-placement algorithm moves to the next row/column when it runs out of explicit tracks in the primary placement axis.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-wrap",
+          "type": "value",
+          "value": "wrap"
+        },
+        {
+          "name": "normal",
+          "prose": "Items are placed in start-to-end order in the axis opposite to the primary track axis. In flex layout and grid layout, this controls the direction that new tracks (flex lines or grid tracks) are placed in. In masonry layout, for track-oriented syntax this controls which track is selected when several are tied for equal height; for flow-oriented syntax this controls which direction items fill their track in.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-normal",
+          "type": "value",
+          "value": "normal"
+        },
+        {
+          "name": "reverse",
+          "prose": "Items are placed in end-to-start order in the axis opposite to the primary track axis.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-reverse",
+          "type": "value",
+          "value": "reverse"
+        },
+        {
+          "name": "wrap-reverse",
+          "prose": "Computes to wrap reverse.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-wrap-wrap-reverse",
+          "type": "value",
+          "value": "wrap-reverse"
+        }
+      ],
       "styleDeclaration": [
-        "masonry-auto-tracks",
-        "masonryAutoTracks"
+        "item-cross",
+        "itemCross"
       ]
     },
     {
-      "name": "masonry-slack",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-slack",
-      "value": "<length-percentage> | infinite",
-      "initial": "1em",
-      "appliesTo": "masonry containers",
+      "name": "item-pack",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-pack",
+      "value": "normal | dense || balance",
+      "initial": "normal",
+      "appliesTo": "flex containers, grid containers, masonry containers",
       "inherited": "no",
-      "percentages": "relative to the grid-axis content box size of the masonry container",
-      "computedValue": "a computed <length-percentage> value",
+      "percentages": "N/A",
+      "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "as length",
+      "animationType": "discrete",
       "values": [
         {
-          "name": "<length-percentage>",
-          "prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-length-percentage",
+          "name": "normal",
+          "prose": "Uses the default packing strategy for the layout mode.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-pack-normal",
           "type": "value",
-          "value": "<length-percentage>"
+          "value": "normal"
         },
         {
-          "name": "infinite",
-          "prose": "Specifies an infinite tie threshold. This makes items distribute themselves strictly in order, without considering the length of the tracks at all.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-infinite",
+          "name": "dense",
+          "prose": "Allows backtracking to place items in earlier spaces that were skipped. (Such spaces can exist because earlier items were too big for those spaces.) For example, in flex layout this allows placing items on earlier lines that still have enough empty space left over.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-pack-dense",
           "type": "value",
-          "value": "infinite"
+          "value": "dense"
+        },
+        {
+          "name": "balance",
+          "prose": "In flex layout, this value balances the amount of content on each line (including the last line), similar to text-wrap-style: balance.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-item-pack-balance",
+          "type": "value",
+          "value": "balance"
         }
       ],
       "styleDeclaration": [
-        "masonry-slack",
-        "masonrySlack"
-      ]
-    },
-    {
-      "name": "masonry-track-start",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track-start",
-      "styleDeclaration": [
-        "masonry-track-start",
-        "masonryTrackStart"
-      ]
-    },
-    {
-      "name": "masonry-track-end",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track-end",
-      "styleDeclaration": [
-        "masonry-track-end",
-        "masonryTrackEnd"
+        "item-pack",
+        "itemPack"
       ]
     },
     {
-      "name": "masonry-track",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track",
+      "name": "item-flow",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-flow",
+      "value": "<'item-direction'> || <'item-wrap'> || <'item-pack'> || <'item-slack'>",
+      "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",
       "styleDeclaration": [
-        "masonry-track",
-        "masonryTrack"
+        "item-flow",
+        "itemFlow"
       ]
     }
   ],
   "atrules": [],
   "selectors": [],
-  "values": [
-    {
-      "name": "<masonry-auto-track-list>",
-      "href": "https://drafts.csswg.org/css-grid-3/#typedef-masonry-auto-track-list",
-      "type": "type",
-      "value": "[ <line-names>? [ <track-size> | <track-repeat> ] ]* <line-names>? <auto-repeat> <line-names>? [ [ <track-siz

[tidoust]

web-animations-2 defines (dangling) CSS values, but that's a mistake: these should be IDL enumeration values.