📦 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 dee2173.

🧐 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.9.0. Merging this pull request will release v6.9.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/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.

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-anchor-position.json packages/css/css-anchor-position.json
--- webref/node_modules/@webref/css/css-anchor-position.json
+++ packages/css/css-anchor-position.json
@@ -49,6 +49,41 @@
       ]
     },
     {
+      "name": "inset-area",
+      "value": "none | <inset-area-span> [ / <inset-area-span> ]?",
+      "initial": "none",
+      "appliesTo": "positioned elements with a default anchor element",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "TBD",
+      "values": [
+        {
+          "name": "none",
+          "prose": "The property has no effect.",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "<inset-area-span>",
+          "prose": "Behaves as <inset-area-span> / all, filling the entire row/column of the grid indicated by the specified value.",
+          "type": "value",
+          "value": "<inset-area-span>"
+        },
+        {
+          "name": "<inset-area-span> [ / <inset-area-span> ]?",
+          "prose": "If the element does not have a default anchor element, or is not an absolutely-positioned element, this value has no effect. Otherwise, the two spans define a rectangular region of the inset-area grid, and have the following effects: Any auto inset properties compute to the appropriate value to match the rectangular region. The normal value for the self-alignment properties behaves as either start, end, or anchor-center, depending on the positioning of the region, to give a good default alignment for the positioned element. See § 3.1.1 Resolving <inset-area-span>s for details on both of these effects. If the two <inset-area-span>s do not define a valid region, this property is invalid.",
+          "type": "value",
+          "value": "<inset-area-span> [ / <inset-area-span> ]?"
+        }
+      ],
+      "styleDeclaration": [
+        "inset-area",
+        "insetArea"
+      ]
+    },
+    {
       "name": "justify-self",
       "newValues": "anchor-center",
       "values": [
@@ -181,8 +216,123 @@
   "selectors": [],
   "values": [
     {
+      "name": "<inset-area-span>",
+      "type": "type",
+      "value": "[ start || end || center ] | [ self-start || self-end || center ] | [ top || bottom || center ] | [ left || right || center ] | [ x-start || x-end || center ] | [ y-start || y-end || center ] | [ x-self-start || x-self-end || center ] | [ y-self-start || y-self-end || center ] | all",
+      "values": [
+        {
+          "name": "all",
+          "prose": "All three regions of that axis, spanning the entire breadth of the containing block.",
+          "type": "value",
+          "value": "all"
+        },
+        {
+          "name": "start",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "start"
+        },
+        {
+          "name": "end",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "end"
+        },
+        {
+          "name": "self-start",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "self-start"
+        },
+        {
+          "name": "self-end",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "self-end"
+        },
+        {
+          "name": "top",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "top"
+        },
+        {
+          "name": "bottom",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "bottom"
+        },
+        {
+          "name": "left",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "left"
+        },
+        {
+          "name": "right",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "right"
+        },
+        {
+          "name": "y-start",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "y-start"
+        },
+        {
+          "name": "y-end",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "y-end"
+        },
+        {
+          "name": "y-self-start",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "y-self-start"
+        },
+        {
+          "name": "y-self-end",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "y-self-end"
+        },
+        {
+          "name": "x-start",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "x-start"
+        },
+        {
+          "name": "x-end",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "x-end"
+        },
+        {
+          "name": "x-self-start",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "x-self-start"
+        },
+        {
+          "name": "x-self-end",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "x-self-end"
+        },
+        {
+          "name": "center",
+          "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
+          "type": "value",
+          "value": "center"
+        }
+      ]
+    },
+    {
       "name": "anchor()",
-      "prose": "An absolutely-positioned element can use the anchor() function in its inset properties to refer to the position of one or more anchor elements. The anchor() function resolves to a <length>, exactly what is needed to position the given inset edge to the specified position on the anchor element.",
+      "prose": "An absolutely-positioned element can use the anchor() function as a value in its inset properties to refer to the position of one or more anchor elements. The anchor() function resolves to a <length>.",
       "type": "function",
       "value": "anchor( <anchor-element>? <anchor-side>, <length-percentage>? )",
       "values": [
@@ -200,13 +350,13 @@
         },
         {
           "name": "auto",
-          "prose": "Resolves to one of the anchor element’s sides, depending on which inset property it’s used in. Also triggers automatic fallback behavior. See § 3.1.1 Automatic Anchor Positioning for more details.",
+          "prose": "Resolves to one of the anchor element’s sides, depending on which inset property it’s used in. Also triggers automatic fallback behavior. See § 3.2.1 Automatic Anchor Positioning for more details.",
           "type": "value",
           "value": "auto"
         },
         {
           "name": "auto-same",
-          "prose": "Resolves to one of the anchor element’s sides, depending on which inset property it’s used in. Also triggers automatic fallback behavior. See § 3.1.1 Automatic Anchor Positioning for more details.",
+          "prose": "Resolves to one of the anchor element’s sides, depending on which inset property it’s used in. Also triggers automatic fallback behavior. See § 3.2.1 Automatic Anchor Positioning for more details.",
           "type": "value",
           "value": "auto-same"
         },

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-backgrounds-4.json packages/css/css-backgrounds-4.json
--- webref/node_modules/@webref/css/css-backgrounds-4.json
+++ packages/css/css-backgrounds-4.json
@@ -97,6 +97,21 @@
         "background-clip",
         "backgroundClip"
       ]
+    },
+    {
+      "name": "background-tbd",
+      "value": "<bg-layer>#",
+      "initial": "see individual properties",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "animationType": "see individual properties",
+      "styleDeclaration": [
+        "background-tbd",
+        "backgroundTbd"
+      ]
     }
   ],
   "atrules": [],
@@ -110,13 +125,13 @@
     {
       "name": "<bg-clip>",
       "type": "type",
-      "value": "<box> | border | text",
+      "value": "<visual-box> | border | text",
       "values": [
         {
-          "name": "<box>",
+          "name": "<visual-box>",
           "prose": "The background is painted within (clipped to) the specified box of the element.",
           "type": "value",
-          "value": "<box>"
+          "value": "<visual-box>"
         },
         {
           "name": "text",

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
@@ -420,6 +420,36 @@
       "computedValue": "list, each item either none or a pair of offsets (horizontal and vertical) from the element‘s box",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value, treating none as 0 0 when interpolated with non-none values.",
+      "values": [
+        {
+          "name": "none",
+          "prose": "The shadow will not be rendered. The values of other box shadow properties corresponding to this shadow have no effect.",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "1st <length>",
+          "prose": "Specifies the horizontal offset of the shadow. A positive value draws a shadow that is offset to the right of the box, a negative length to the left.",
+          "type": "value",
+          "value": "1st <length>"
+        },
+        {
+          "name": "horizontal offset",
+          "type": "value",
+          "value": "horizontal offset"
+        },
+        {
+          "name": "2nd <length>",
+          "prose": "Specifies the vertical offset of the shadow. A positive value offsets the shadow down, a negative one up.",
+          "type": "value",
+          "value": "2nd <length>"
+        },
+        {
+          "name": "vertical offset",
+          "type": "value",
+          "value": "vertical offset"
+        }
+      ],
       "styleDeclaration": [
         "box-shadow-offset",
         "boxShadowOffset"

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-box.json packages/css/css-box.json
--- webref/node_modules/@webref/css/css-box.json
+++ packages/css/css-box.json
@@ -224,24 +224,123 @@
   "selectors": [],
   "values": [
     {
+      "name": "<box>",
+      "prose": "The following <box> CSS keywords are defined for use in properties (such as transform-box and background-clip) that need to refer to various box edges:",
+      "type": "type",
+      "values": [
+        {
+          "name": "content-box",
+          "prose": "Refers to the content box or content edge. (In an SVG context, treated as fill-box.)",
+          "type": "value",
+          "value": "content-box"
+        },
+        {
+          "name": "padding-box",
+          "prose": "Refers to the padding box or padding edge. (In an SVG context, treated as fill-box.)",
+          "type": "value",
+          "value": "padding-box"
+        },
+        {
+          "name": "border-box",
+          "prose": "Refers to the border box or border edge. (In an SVG context, treated as stroke-box.)",
+          "type": "value",
+          "value": "border-box"
+        },
+        {
+          "name": "margin-box",
+          "prose": "Refers to the margin box or margin edge. (In an SVG context, treated as stroke-box.)",
+          "type": "value",
+          "value": "margin-box"
+        },
+        {
+          "name": "fill-box",
+          "prose": "Refers to the object bounding box or its edges. (In a CSS box context, treated as content-box.)",
+          "type": "value",
+          "value": "fill-box"
+        },
+        {
+          "name": "stroke-box",
+          "prose": "Refers to the stroke bounding box or its edges. (In a CSS box context, treated as border-box.)",
+          "type": "value",
+          "value": "stroke-box"
+        },
+        {
+          "name": "view-box",
+          "prose": "Refers to the nearest SVG viewport’s origin box, which is a rectangle with the width and height of the SVG viewport, positioned such that its top left corner is anchored at the coordinate system origin. (In a CSS box context, treated as border-box.)",
+          "type": "value",
+          "value": "view-box"
+        }
+      ]
+    },
+    {
       "name": "<visual-box>",
       "type": "type",
-      "value": "content-box | padding-box | border-box"
+      "value": "content-box | padding-box | border-box",
+      "values": [
+        {
+          "name": "content-box",
+          "prose": "Refers to the content box or content edge. (In an SVG context, treated as fill-box.)",
+          "type": "value",
+          "value": "content-box"
+        },
+        {
+          "name": "padding-box",
+          "prose": "Refers to the padding box or padding edge. (In an SVG context, treated as fill-box.)",
+          "type": "value",
+          "value": "padding-box"
+        },
+        {
+          "name": "border-box",
+          "prose": "Refers to the border box or border edge. (In an SVG context, treated as stroke-box.)",
+          "type": "value",
+          "value": "border-box"
+        }
+      ]
     },
     {
       "name": "<layout-box>",
       "type": "type",
-      "value": "content-box | padding-box | border-box | margin-box"
+      "value": "<visual-box> | margin-box",
+      "values": [
+        {
+          "name": "margin-box",
+          "prose": "Refers to the margin box or margin edge. (In an SVG context, treated as stroke-box.)",
+          "type": "value",
+          "value": "margin-box"
+        }
+      ]
     },
     {
       "name": "<paint-box>",
       "type": "type",
-      "value": "content-box | padding-box | border-box | fill-box | stroke-box"
+      "value": "<visual-box> | fill-box | stroke-box",
+      "values": [
+        {
+          "name": "fill-box",
+          "prose": "Refers to the object bounding box or its edges. (In a CSS box context, treated as content-box.)",
+          "type": "value",
+          "value": "fill-box"
+        },
+        {
+          "name": "stroke-box",
+          "prose": "Refers to the stroke bounding box or its edges. (In a CSS box context, treated as border-box.)",
+          "type": "value",
+          "value": "stroke-box"
+        }
+      ]
     },
     {
       "name": "<coord-box>",
       "type": "type",
-      "value": "content-box | padding-box | border-box | fill-box | stroke-box | view-box"
+      "value": "<paint-box> | view-box",
+      "values": [
+        {
+          "name": "view-box",
+          "prose": "Refers to the nearest SVG viewport’s origin box, which is a rectangle with the width and height of the SVG viewport, positioned such that its top left corner is anchored at the coordinate system origin. (In a CSS box context, treated as border-box.)",
+          "type": "value",
+          "value": "view-box"
+        }
+      ]
     }
   ],
   "warnings": [
@@ -251,14 +350,6 @@
       "prose": "Refers to the content box or content edge. (In an SVG context, treated as fill-box.)",
       "type": "value",
       "value": "content-box",
-      "for": "<box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "content-box",
-      "prose": "Refers to the content box or content edge. (In an SVG context, treated as fill-box.)",
-      "type": "value",
-      "value": "content-box",
       "for": "<shape-box>"
     },
     {
@@ -275,14 +366,6 @@
       "prose": "Refers to the padding box or padding edge. (In an SVG context, treated as fill-box.)",
       "type": "value",
       "value": "padding-box",
-      "for": "<box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "padding-box",
-      "prose": "Refers to the padding box or padding edge. (In an SVG context, treated as fill-box.)",
-      "type": "value",
-      "value": "padding-box",
       "for": "<shape-box>"
     },
     {
@@ -299,14 +382,6 @@
       "prose": "Refers to the border box or border edge. (In an SVG context, treated as stroke-box.)",
       "type": "value",
       "value": "border-box",
-      "for": "<box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "border-box",
-      "prose": "Refers to the border box or border edge. (In an SVG context, treated as stroke-box.)",
-      "type": "value",
-      "value": "border-box",
       "for": "<shape-box>"
     },
     {
@@ -323,14 +398,6 @@
       "prose": "Refers to the margin box or margin edge. (In an SVG context, treated as stroke-box.)",
       "type": "value",
       "value": "margin-box",
-      "for": "<box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "margin-box",
-      "prose": "Refers to the margin box or margin edge. (In an SVG context, treated as stroke-box.)",
-      "type": "value",
-      "value": "margin-box",
       "for": "<shape-box>"
     },
     {
@@ -347,22 +414,6 @@
       "prose": "Refers to the object bounding box or its edges. (In a CSS box context, treated as content-box.)",
       "type": "value",
       "value": "fill-box",
-      "for": "<box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "fill-box",
-      "prose": "Refers to the object bounding box or its edges. (In a CSS box context, treated as content-box.)",
-      "type": "value",
-      "value": "fill-box",
-      "for": "<shape-box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "fill-box",
-      "prose": "Refers to the object bounding box or its edges. (In a CSS box context, treated as content-box.)",
-      "type": "value",
-      "value": "fill-box",
       "for": "<geometry-box>"
     },
     {
@@ -371,42 +422,10 @@
       "prose": "Refers to the stroke bounding box or its edges. (In a CSS box context, treated as border-box.)",
       "type": "value",
       "value": "stroke-box",
-      "for": "<box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "stroke-box",
-      "prose": "Refers to the stroke bounding box or its edges. (In a CSS box context, treated as border-box.)",
-      "type": "value",
-      "value": "stroke-box",
-      "for": "<shape-box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "stroke-box",
-      "prose": "Refers to the stroke bounding box or its edges. (In a CSS box context, treated as border-box.)",
-      "type": "value",
-      "value": "stroke-box",
       "for": "<geometry-box>"
     },
     {
       "msg": "Dangling value",
-      "name": "view-box",
-      "prose": "Refers to the nearest SVG viewport’s origin box, which is a rectangle with the width and height of the SVG viewport, positioned such that its top left corner is anchored at the coordinate system origin. (In a CSS box context, treated as border-box.)",
-      "type": "value",
-      "value": "view-box",
-      "for": "<box>"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "view-box",
-      "prose": "Refers to the nearest SVG viewport’s origin box, which is a rectangle with the width and height of the SVG viewport, positioned such that its top left corner is anchored at the coordinate system origin. (In a CSS box context, treated as border-box.)",
-      "type": "value",
-      "value": "view-box",
-      "for": "<shape-box>"
-    },
-    {
-      "msg": "Dangling value",
       "name": "view-box",
       "prose": "Refers to the nearest SVG viewport’s origin box, which is a rectangle with the width and height of the SVG viewport, positioned such that its top left corner is anchored at the coordinate system origin. (In a CSS box context, treated as border-box.)",
       "type": "value",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-content.json packages/css/css-content.json
--- webref/node_modules/@webref/css/css-content.json
+++ packages/css/css-content.json
@@ -34,7 +34,7 @@
         },
         {
           "name": "<content-list>",
-          "value": "[ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> ]+",
+          "value": "[ <string> | <image> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> ]+",
           "type": "type",
           "values": [
             {

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-images-4.json packages/css/css-images-4.json
--- webref/node_modules/@webref/css/css-images-4.json
+++ packages/css/css-images-4.json
@@ -111,7 +111,7 @@
     {
       "name": "<image-set-option>",
       "type": "type",
-      "value": "[ <image> | <string> ] [ <resolution> || type(<string>) ]"
+      "value": "[ <image> | <string> ] [ <resolution> || type(<string>) ]?"
     },
     {
       "name": "image()",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-page-floats.json packages/css/css-page-floats.json
--- webref/node_modules/@webref/css/css-page-floats.json
+++ packages/css/css-page-floats.json
@@ -139,7 +139,7 @@
     },
     {
       "name": "clear",
-      "value": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | none",
+      "value": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
       "initial": "none",
       "appliesTo": "block-level elements, floats, regions, pages",
       "inherited": "no",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-position.json packages/css/css-position.json
--- webref/node_modules/@webref/css/css-position.json
+++ packages/css/css-position.json
@@ -336,7 +336,7 @@
     },
     {
       "name": "inset-block",
-      "value": "<top>{1,2}",
+      "value": "<'top'>{1,2}",
       "initial": "auto",
       "appliesTo": "positioned elements",
       "inherited": "no",
@@ -371,7 +371,7 @@
     },
     {
       "name": "inset-inline",
-      "value": "<top>{1,2}",
+      "value": "<'top'>{1,2}",
       "initial": "auto",
       "appliesTo": "positioned elements",
       "inherited": "no",
@@ -406,7 +406,7 @@
     },
     {
       "name": "inset",
-      "value": "<top>{1,4}",
+      "value": "<'top'>{1,4}",
       "initial": "auto",
       "appliesTo": "positioned elements",
       "inherited": "no",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-shapes-2.json packages/css/css-shapes-2.json
--- webref/node_modules/@webref/css/css-shapes-2.json
+++ packages/css/css-shapes-2.json
@@ -53,14 +53,22 @@
     },
     {
       "name": "shape-padding",
-      "value": "<length>",
-      "initial": "none",
+      "value": "<length-percentage [0,∞]>",
+      "initial": "0",
       "appliesTo": "block-level elements",
       "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "the absolute length",
+      "percentages": "refer to the inline size of the containing block",
+      "computedValue": "computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Sets the padding of the shape to the specified value.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        }
+      ],
       "styleDeclaration": [
         "shape-padding",
         "shapePadding"

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-shapes.json packages/css/css-shapes.json
--- webref/node_modules/@webref/css/css-shapes.json
+++ packages/css/css-shapes.json
@@ -151,7 +151,7 @@
     {
       "name": "<shape-box>",
       "type": "type",
-      "value": "<box> | margin-box",
+      "value": "<visual-box> | margin-box",
       "values": [
         {
           "name": "margin-box",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-speech.json packages/css/css-speech.json
--- webref/node_modules/@webref/css/css-speech.json
+++ packages/css/css-speech.json
@@ -647,7 +647,7 @@
     },
     {
       "name": "voice-pitch",
-      "value": "<frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
+      "value": "<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
       "initial": "medium",
       "appliesTo": "all elements",
       "inherited": "yes",
@@ -721,7 +721,7 @@
     },
     {
       "name": "voice-range",
-      "value": "<frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
+      "value": "<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
       "initial": "medium",
       "appliesTo": "all elements",
       "inherited": "yes",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-text-4.json packages/css/css-text-4.json
--- webref/node_modules/@webref/css/css-text-4.json
+++ packages/css/css-text-4.json
@@ -1160,7 +1160,7 @@
         },
         {
           "name": "space-first",
-          "prose": "Set fullwidth opening punctuation with full-width glyphs (spaced) on the first line the block container. Otherwise as trim-auto (unless allow-end is also specified).",
+          "prose": "Set fullwidth opening punctuation with full-width glyphs (spaced) on the first line the block container and each line after a forced line break. Otherwise as trim-auto (unless allow-end is also specified).",
           "type": "value",
           "value": "space-first"
         },

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/css/css-values-5.json
--- webref/node_modules/@webref/css/css-values-5.json
+++ packages/css/css-values-5.json
@@ -213,6 +213,11 @@
       "type": "function"
     },
     {
+      "name": "<toggle()>",
+      "type": "type",
+      "value": "toggle( <whole-value> [ ';' <whole-value> ]+ )"
+    },
+    {
       "name": "attr()",
       "prose": "The attr() function substitutes the value of an attribute on an element into a property, similar to how the var() function substitutes a custom property value into a function.",
       "type": "function",
@@ -311,7 +316,7 @@
       "name": "random()",
       "prose": "The random() function is a math function that represents a random value between a minimum and maximum value, drawn from a uniform distribution, optionally limiting the possible values to a step between those limits:",
       "type": "function",
-      "value": "random( <random-caching-options>? , <calc-sum>, <calc-sum>, [by <calc-sum>]? );"
+      "value": "random( <random-caching-options>? , <calc-sum>, <calc-sum>, [by <calc-sum>]? )"
     },
     {
       "name": "<random-caching-options>",
@@ -322,7 +327,7 @@
       "name": "random-item()",
       "prose": "The random-item() function resolves to a random item from among its list of items.",
       "type": "function",
-      "value": "random-item( <random-caching-options> ';' <any-value> [ ';' <any-value> ]* )"
+      "value": "random-item( <random-caching-options> ';' <declaration-value>? [ ';' <declaration-value>? ]* )"
     },
     {
       "name": "sibling-count()",

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/css/css-view-transitions-2.json
--- webref/node_modules/@webref/css/css-view-transitions-2.json
+++ packages/css/css-view-transitions-2.json
@@ -31,8 +31,8 @@
         {
           "name": "type",
           "for": "@view-transition",
-          "value": "<custom-ident>*",
-          "initial": "an empty list"
+          "value": "none | <custom-ident>*",
+          "initial": "none"
         }
       ],
       "value": "@view-transition { <declaration-rule-list> }"

[tidoust]

Definition hiccup in css-anchor-position now fixed.