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

🧐 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.20.4. Merging this pull request will release v6.20.5. 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.

New repo files that are not yet in the released package:
+ css-forms.json

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-align.json packages/css/css-align.json
--- webref/node_modules/@webref/css/css-align.json
+++ packages/css/css-align.json
@@ -165,7 +165,7 @@
         },
         {
           "name": "stretch",
-          "prose": "As defined for justify-self in § 6.1 Inline-Axis (or Main-Axis) Alignment: the justify-self property.",
+          "prose": "As defined for justify-self in § 6.1 Inline-Axis (or Main-Axis) Self-Alignment: the justify-self property.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-align-self-stretch",
           "type": "value",
           "value": "stretch"

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
@@ -360,6 +360,12 @@
       "value": "[<custom-params> | <predefined-rgb-params> | <xyz-params>]"
     },
     {
+      "name": "<custom-params>",
+      "href": "https://drafts.csswg.org/css-color-5/#typedef-custom-params",
+      "type": "type",
+      "value": "<dashed-ident> [ <number> | <percentage> | none ]+"
+    },
+    {
       "name": "<predefined-rgb-params>",
       "href": "https://drafts.csswg.org/css-color-5/#typedef-predefined-rgb-params",
       "type": "type",
@@ -378,6 +384,12 @@
       "value": "<xyz> [ <number> | <percentage> | none ]{3}"
     },
     {
+      "name": "<xyz>",
+      "href": "https://drafts.csswg.org/css-color-5/#typedef-xyz",
+      "type": "type",
+      "value": "xyz | xyz-d50 | xyz-d65"
+    },
+    {
       "name": "device-cmyk()",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-device-cmyk",
       "type": "function",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-color-hdr.json packages/css/css-color-hdr.json
--- webref/node_modules/@webref/css/css-color-hdr.json
+++ packages/css/css-color-hdr.json
@@ -54,70 +54,46 @@
       "value": "dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]#{2,} )"
     },
     {
-      "name": "hdr-color()",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-hdr-color",
-      "type": "function",
-      "value": "color-hdr([ <color> && <number [0,∞]>? ]#{2})"
+      "name": "<color-function>",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-color-function",
+      "type": "type",
+      "value": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <ictcp()> | <jzazbz()> | <jzczhz()> | <color()>"
     },
     {
-      "name": "color()",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-color",
+      "name": "ictcp()",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-ictcp",
       "type": "function",
-      "value": "color( [from <color>]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
+      "value": "ictcp([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     {
-      "name": "<colorspace-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-colorspace-params",
-      "type": "type",
-      "value": "[<custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params>]"
-    },
-    {
-      "name": "<custom-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-custom-params",
-      "type": "type",
-      "value": "<dashed-ident> [ <number> | <percentage> | none ]+"
+      "name": "jzazbz()",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-jzazbz",
+      "type": "function",
+      "value": "jzazbz([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     {
-      "name": "<predefined-rgb-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-rgb-params",
-      "type": "type",
-      "value": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
+      "name": "jzczhz()",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-jzczhz",
+      "type": "function",
+      "value": "jzczhz([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
     },
     {
-      "name": "<predefined-polar-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-polar-params",
-      "type": "type",
-      "value": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none]"
+      "name": "hdr-color()",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-hdr-color",
+      "type": "function",
+      "value": "color-hdr([ <color> && <number [0,∞]>? ]#{2})"
     },
     {
-      "name": "<predefined-rectangular-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-rectangular-params",
+      "name": "<colorspace-params>",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-colorspace-params",
       "type": "type",
-      "value": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}"
+      "value": "[<custom-params> | <predefined-rgb-params> | <xyz-params>]"
     },
     {
       "name": "<predefined-rgb>",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-rgb",
       "type": "type",
       "value": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear"
-    },
-    {
-      "name": "<predefined-rectangular>",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-rectangular",
-      "type": "type",
-      "value": "jzazbz | ictcp"
-    },
-    {
-      "name": "<xyz-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-xyz-params",
-      "type": "type",
-      "value": "<xyz> [ <number> | <percentage> | none ]{3}"
-    },
-    {
-      "name": "<xyz>",
-      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-xyz",
-      "type": "type",
-      "value": "xyz | xyz-d50 | xyz-d65"
     }
   ]
 }

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-color.json packages/css/css-color.json
--- webref/node_modules/@webref/css/css-color.json
+++ packages/css/css-color.json
@@ -251,12 +251,6 @@
       "value": "<hex-color> | <color-function> | <named-color> | transparent"
     },
     {
-      "name": "<color-function>",
-      "href": "https://drafts.csswg.org/css-color-4/#typedef-color-function",
-      "type": "type",
-      "value": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
-    },
-    {
       "name": "<hue>",
       "href": "https://drafts.csswg.org/css-color-4/#typedef-hue",
       "type": "type",
@@ -1462,6 +1456,89 @@
       ]
     },
     {
+      "name": "color()",
+      "href": "https://drafts.csswg.org/css-color-4/#funcdef-color",
+      "type": "function",
+      "value": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+      "values": [
+        {
+          "name": "srgb",
+          "prose": "The srgb [SRGB] color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1]. The whitepoint is D65. [SRGB] specifies two viewing conditions, encoding and typical. The [ICC] recommends using the encoding conditions for color conversion and for optimal viewing, which are the values in the table below. sRGB is the default color space for CSS, used for all the legacy color functions. It has the following characteristics: x y Red chromaticity 0.640 0.330 Green chromaticity 0.300 0.600 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function see below White luminance 80.0 cd/m Black luminance 0.20 cd/m Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 let sign = c < 0? -1 : 1; let abs = Math.abs(c); if (abs <= 0.04045) { cl = c / 12.92; } else { cl = sign * (Math.pow((abs + 0.055) / 1.055, 2.4)); } c is the gamma-encoded red, green or blue component. cl is the corresponding linear-light component. Visualization of the sRGB color space in LCH. The primaries and secondaries are shown.",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-srgb",
+          "type": "value",
+          "value": "srgb"
+        },
+        {
+          "name": "srgb-linear",
+          "prose": "The srgb-linear [SRGB] color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1]. The whitepoint is D65. It has the following characteristics: x y Red chromaticity 0.640 0.330 Green chromaticity 0.300 0.600 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function unity, see below White luminance 80.0 cd/m Black luminance 0.20 cd/m Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 cl = c; c is the red, green or blue component. cl is the corresponding linear-light component, which is identical. To avoid banding artifacts, a higher precision is required for srgb-linear than for srgb. For example, these are the same color color(srgb 0.691 0.139 0.259) color(srgb-linear 0.435 0.017 0.055)",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-srgb-linear",
+          "type": "value",
+          "value": "srgb-linear"
+        },
+        {
+          "name": "display-p3",
+          "prose": "The display-p3 [Display-P3] color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1]. It uses the same primary chromaticities as [DCI-P3], but with a D65 whitepoint, and the same transfer curve as sRGB. Modern displays, TVs, laptop screens and phone screens are able to display all, or nearly all, of the display-p3 gamut. It has the following characteristics: x y Red chromaticity 0.680 0.320 Green chromaticity 0.265 0.690 Blue chromaticity 0.150 0.060 White chromaticity D65 Transfer function same as srgb White luminance 80.0 cd/m Black luminance 0.80 cd/m Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 Visualization of the P3 color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. P3 primaries have higher Chroma.",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-display-p3",
+          "type": "value",
+          "value": "display-p3"
+        },
+        {
+          "name": "a98-rgb",
+          "prose": "The a98-rgb color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1]. The transfer curve is a gamma function, close to but not exactly 1/2.2. It has the following characteristics: x y Red chromaticity 0.6400 0.3300 Green chromaticity 0.2100 0.7100 Blue chromaticity 0.1500 0.0600 White chromaticity D65 Transfer function 256/563 White luminance 160.0 cd/m Black luminance 0.5557 cd/m Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 Visualization of the A98 color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. a98 primaries have higher Chroma, especially the yellow, green and cyan.",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-a98-rgb",
+          "type": "value",
+          "value": "a98-rgb"
+        },
+        {
+          "name": "prophoto-rgb",
+          "prose": "The prophoto-rgb color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1]. The transfer curve is a gamma function with a value of 1/1.8, and a small linear portion near black. The white point is D50, the same as is used by CIE Lab. Thus, conversion to CIE Lab does not require the chromatic adaptation step. The ProPhoto RGB space uses hyper-saturated, non physically realizable primaries. These were chosen to allow a wide color gamut and in particular, to minimize hue shifts under tonal manipulation. It is often used in digital photography as a wide gamut color space for the archival version of photographic images. The prophoto-rgb color space allows CSS to specify colors that will match colors in such images having the same RGB values. The ProPhoto RGB space was originally developed by Kodak and is described in [Wolfe]. It was standardized by ISO as [ROMM],[ROMM-RGB]. The white luminance is given as a range, and the viewing flare (and thus, the black luminance) is 0.5% to 1.0% of this. It has the following characteristics: x y Red chromaticity 0.734699 0.265301 Green chromaticity 0.159597 0.840403 Blue chromaticity 0.036598 0.000105 White chromaticity D50 Transfer function see below White luminance 160.0 to 640.0 cd/m Black luminance See text Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 const E = 16/512; let sign = c < 0? -1 : 1; let abs = Math.abs(c); if (abs <= E) { cl = c / 16; } else { cl = sign * Math.pow(c, 1.8); } c is the gamma-encoded red, green or blue component. cl is the corresponding linear-light component. Visualization of the prophoto-rgb color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. prophoto-rgb primaries and secondaries have much higher Chroma, but much of this ultrawide gamut does not correspond to physically realizable colors.",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-prophoto-rgb",
+          "type": "value",
+          "value": "prophoto-rgb"
+        },
+        {
+          "name": "rec2020",
+          "prose": "The rec2020 [Rec.2020] color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1], (\"full-range\", in video terminology). ITU Reference 2020 is used for Ultra High Definition, 4k and 8k television. The primaries are physically realizable, but with difficulty as they lie very close to the spectral locus. Current displays are unable to reproduce the full gamut of rec2020. Coverage is expected to increase over time as displays improve. It has the following characteristics: x y Red chromaticity 0.708 0.292 Green chromaticity 0.170 0.797 Blue chromaticity 0.131 0.046 White chromaticity D65 Transfer function see below, from [Rec.2020] table 4 Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 const α = 1.09929682680944 ; const β = 0.018053968510807; let sign = c < 0? -1 : 1; let abs = Math.abs(c); if (abs < β * 4.5 ) { cl = c / 4.5; } else { cl = sign * (Math.pow((abs + α -1 ) / α, 1/0.45)); } c is the gamma-encoded red, green or blue component. cl is the corresponding linear-light component. Visualization of the rec2020 color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. rec2020 primaries have much higher Chroma.",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-rec2020",
+          "type": "value",
+          "value": "rec2020"
+        },
+        {
+          "name": "xyz-d50",
+          "prose": "The xyz color space accepts three numeric parameters, representing the X,Y and Z values. It represents the CIE XYZ [COLORIMETRY] color space, scaled such that diffuse white has a luminance (Y) of 1.0. and, if necessary, chromatically adapted to the reference white. The reference white for xyz-d50 is D50, while the reference white for xyz-d65 and xyz is D65. Values greater than 1.0/100% are allowed and must not be clamped; colors where Y is greater than 1.0 represent colors brighter than diffuse white. Values less than 0/0% are uncommon, but can occur as a result of chromatic adaptation, and likewise must not be clamped. It has the following characteristics: Percentages Allowed for X,Y,Z Percent reference range for X,Y,Z: 0% = 0.0, 100% = 1.0 These are exactly equivalent: #7654CD rgb(46.27% 32.94% 80.39%) lab(44.36% 36.05 -58.99) color(xyz-d50 0.2005 0.14089 0.4472) color(xyz-d65 0.21661 0.14602 0.59452) These colors are exactly equivalent, and represent white: #FFFFFF color(xyz-d50 0.9643 1 0.8251) color(xyz-d65 0.9505 1 1.089)",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-xyz-d50",
+          "type": "value",
+          "value": "xyz-d50"
+        },
+        {
+          "name": "xyz-d65",
+          "prose": "The xyz color space accepts three numeric parameters, representing the X,Y and Z values. It represents the CIE XYZ [COLORIMETRY] color space, scaled such that diffuse white has a luminance (Y) of 1.0. and, if necessary, chromatically adapted to the reference white. The reference white for xyz-d50 is D50, while the reference white for xyz-d65 and xyz is D65. Values greater than 1.0/100% are allowed and must not be clamped; colors where Y is greater than 1.0 represent colors brighter than diffuse white. Values less than 0/0% are uncommon, but can occur as a result of chromatic adaptation, and likewise must not be clamped. It has the following characteristics: Percentages Allowed for X,Y,Z Percent reference range for X,Y,Z: 0% = 0.0, 100% = 1.0 These are exactly equivalent: #7654CD rgb(46.27% 32.94% 80.39%) lab(44.36% 36.05 -58.99) color(xyz-d50 0.2005 0.14089 0.4472) color(xyz-d65 0.21661 0.14602 0.59452) These colors are exactly equivalent, and represent white: #FFFFFF color(xyz-d50 0.9643 1 0.8251) color(xyz-d65 0.9505 1 1.089)",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-xyz-d65",
+          "type": "value",
+          "value": "xyz-d65"
+        },
+        {
+          "name": "xyz",
+          "prose": "The xyz color space accepts three numeric parameters, representing the X,Y and Z values. It represents the CIE XYZ [COLORIMETRY] color space, scaled such that diffuse white has a luminance (Y) of 1.0. and, if necessary, chromatically adapted to the reference white. The reference white for xyz-d50 is D50, while the reference white for xyz-d65 and xyz is D65. Values greater than 1.0/100% are allowed and must not be clamped; colors where Y is greater than 1.0 represent colors brighter than diffuse white. Values less than 0/0% are uncommon, but can occur as a result of chromatic adaptation, and likewise must not be clamped. It has the following characteristics: Percentages Allowed for X,Y,Z Percent reference range for X,Y,Z: 0% = 0.0, 100% = 1.0 These are exactly equivalent: #7654CD rgb(46.27% 32.94% 80.39%) lab(44.36% 36.05 -58.99) color(xyz-d50 0.2005 0.14089 0.4472) color(xyz-d65 0.21661 0.14602 0.59452) These colors are exactly equivalent, and represent white: #FFFFFF color(xyz-d50 0.9643 1 0.8251) color(xyz-d65 0.9505 1 1.089)",
+          "href": "https://drafts.csswg.org/css-color-4/#valdef-color-xyz",
+          "type": "value",
+          "value": "xyz"
+        }
+      ]
+    },
+    {
+      "name": "<predefined-rgb-params>",
+      "href": "https://drafts.csswg.org/css-color-4/#typedef-predefined-rgb-params",
+      "type": "type",
+      "value": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
+    },
+    {
+      "name": "<xyz-params>",
+      "href": "https://drafts.csswg.org/css-color-4/#typedef-xyz-params",
+      "type": "type",
+      "value": "<xyz-space> [ <number> | <percentage> | none ]{3}"
+    },
+    {
       "name": "<xyz-space>",
       "href": "https://drafts.csswg.org/css-color-4/#typedef-xyz-space",
       "type": "type",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-counter-styles.json packages/css/css-counter-styles.json
--- webref/node_modules/@webref/css/css-counter-styles.json
+++ packages/css/css-counter-styles.json
@@ -505,6 +505,20 @@
           "value": "cjk-heavenly-stem"
         },
         {
+          "name": "japanese-informal",
+          "prose": "Informal Japanese Kanji numbering (e.g., 千百十一)",
+          "href": "https://drafts.csswg.org/css-counter-styles-3/#japanese-informal",
+          "type": "value",
+          "value": "japanese-informal"
+        },
+        {
+          "name": "japanese-formal",
+          "prose": "Formal Japanese Kanji numbering (e.g. 壱阡壱百壱拾壱)",
+          "href": "https://drafts.csswg.org/css-counter-styles-3/#japanese-formal",
+          "type": "value",
+          "value": "japanese-formal"
+        },
+        {
           "name": "korean-hangul-formal",
           "prose": "Korean Hangul numbering (e.g., 일천일백일십일)",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#korean-hangul-formal",
@@ -559,20 +573,6 @@
       "value": "<counter-style-name> | <symbols()>",
       "values": [
         {
-          "name": "japanese-informal",
-          "prose": "Informal Japanese Kanji numbering (e.g., 千百十一)",
-          "href": "https://drafts.csswg.org/css-counter-styles-3/#japanese-informal",
-          "type": "value",
-          "value": "japanese-informal"
-        },
-        {
-          "name": "japanese-formal",
-          "prose": "Formal Japanese Kanji numbering (e.g. 壱阡壱百壱拾壱)",
-          "href": "https://drafts.csswg.org/css-counter-styles-3/#japanese-formal",
-          "type": "value",
-          "value": "japanese-formal"
-        },
-        {
           "name": "simp-chinese-informal",
           "prose": "Simplified Chinese informal numbering (e.g., 一千一百一十一)",
           "href": "https://drafts.csswg.org/css-counter-styles-3/#simp-chinese-informal",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-grid.json packages/css/css-grid.json
--- webref/node_modules/@webref/css/css-grid.json
+++ packages/css/css-grid.json
@@ -703,7 +703,7 @@
           "values": [
             {
               "name": "auto-fill",
-              "prose": "Otherwise on a standalone axis, when auto-fill is given as the repetition number, if the grid container has a definite size or max size in the relevant axis, then the number of repetitions is the largest possible positive integer that does not cause the grid to overflow the content box of its grid container (treating each track as its max track sizing function if that is definite or as its minimum track sizing function otherwise, flooring the max track sizing function by the min track sizing function if both are definite, and taking gap into account); if any number of repetitions would overflow, then 1 repetition. Otherwise, if the grid container has a definite min size in the relevant axis, the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement. Otherwise, the specified track list repeats only once.",
+              "prose": "Otherwise on a standalone axis, when auto-fill is given as the repetition number, if the grid container has a definite preferred size or maximum size in the relevant axis, then the number of repetitions is the largest possible positive integer that does not cause the grid to overflow the content box of its grid container taking gap into account; if any number of repetitions would overflow, then 1 repetition. Otherwise, if the grid container has a definite minimum size in the relevant axis, the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement. Otherwise, the specified track list repeats only once.",
               "href": "https://drafts.csswg.org/css-grid-2/#valdef-repeat-auto-fill",
               "type": "value",
               "value": "auto-fill"
@@ -733,7 +733,7 @@
           "values": [
             {
               "name": "auto-fill",
-              "prose": "Otherwise on a standalone axis, when auto-fill is given as the repetition number, if the grid container has a definite size or max size in the relevant axis, then the number of repetitions is the largest possible positive integer that does not cause the grid to overflow the content box of its grid container (treating each track as its max track sizing function if that is definite or as its minimum track sizing function otherwise, flooring the max track sizing function by the min track sizing function if both are definite, and taking gap into account); if any number of repetitions would overflow, then 1 repetition. Otherwise, if the grid container has a definite min size in the relevant axis, the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement. Otherwise, the specified track list repeats only once.",
+              "prose": "Otherwise on a standalone axis, when auto-fill is given as the repetition number, if the grid container has a definite preferred size or maximum size in the relevant axis, then the number of repetitions is the largest possible positive integer that does not cause the grid to overflow the content box of its grid container taking gap into account; if any number of repetitions would overflow, then 1 repetition. Otherwise, if the grid container has a definite minimum size in the relevant axis, the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement. Otherwise, the specified track list repeats only once.",
               "href": "https://drafts.csswg.org/css-grid-2/#valdef-repeat-auto-fill",
               "type": "value",
               "value": "auto-fill"
@@ -763,7 +763,7 @@
           "values": [
             {
               "name": "auto-fill",
-              "prose": "Otherwise on a standalone axis, when auto-fill is given as the repetition number, if the grid container has a definite size or max size in the relevant axis, then the number of repetitions is the largest possible positive integer that does not cause the grid to overflow the content box of its grid container (treating each track as its max track sizing function if that is definite or as its minimum track sizing function otherwise, flooring the max track sizing function by the min track sizing function if both are definite, and taking gap into account); if any number of repetitions would overflow, then 1 repetition. Otherwise, if the grid container has a definite min size in the relevant axis, the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement. Otherwise, the specified track list repeats only once.",
+              "prose": "Otherwise on a standalone axis, when auto-fill is given as the repetition number, if the grid container has a definite preferred size or maximum size in the relevant axis, then the number of repetitions is the largest possible positive integer that does not cause the grid to overflow the content box of its grid container taking gap into account; if any number of repetitions would overflow, then 1 repetition. Otherwise, if the grid container has a definite minimum size in the relevant axis, the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement. Otherwise, the specified track list repeats only once.",
               "href": "https://drafts.csswg.org/css-grid-2/#valdef-repeat-auto-fill",
               "type": "value",
               "value": "auto-fill"
@@ -783,31 +783,7 @@
       "name": "<name-repeat>",
       "href": "https://drafts.csswg.org/css-grid-2/#typedef-name-repeat",
       "type": "type",
-      "value": "repeat( [ <integer [1,∞]> | auto-fill ], <line-names>+)",
-      "values": [
-        {
-          "name": "repeat()",
-          "prose": "The repeat() notation represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.",
-          "href": "https://drafts.csswg.org/css-grid-2/#funcdef-track-repeat-repeat",
-          "type": "function",
-          "values": [
-            {
-              "name": "auto-fill",
-              "prose": "Otherwise on a standalone axis, when auto-fill is given as the repetition number, if the grid container has a definite size or max size in the relevant axis, then the number of repetitions is the largest possible positive integer that does not cause the grid to overflow the content box of its grid container (treating each track as its max track sizing function if that is definite or as its minimum track sizing function otherwise, flooring the max track sizing function by the min track sizing function if both are definite, and taking gap into account); if any number of repetitions would overflow, then 1 repetition. Otherwise, if the grid container has a definite min size in the relevant axis, the number of repetitions is the smallest possible positive integer that fulfills that minimum requirement. Otherwise, the specified track list repeats only once.",
-              "href": "https://drafts.csswg.org/css-grid-2/#valdef-repeat-auto-fill",
-              "type": "value",
-              "value": "auto-fill"
-            },
-            {
-              "name": "auto-fit",
-              "prose": "The auto-fit keyword behaves the same as auto-fill, except that after grid item placement any empty repeated tracks are collapsed. An empty track is one with no in-flow grid items placed into or spanning across it. (This can result in all tracks being collapsed, if they’re all empty.)",
-              "href": "https://drafts.csswg.org/css-grid-2/#valdef-repeat-auto-fit",
-              "type": "value",
-              "value": "auto-fit"
-            }
-          ]
-        }
-      ]
+      "value": "repeat( [ <integer [1,∞]> | auto-fill ], <line-names>+)"
     },
     {
       "name": "<flex>",

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
@@ -173,7 +173,7 @@
       "name": "<linear-gradient-syntax>",
       "href": "https://drafts.csswg.org/css-images-4/#typedef-linear-gradient-syntax",
       "type": "type",
-      "value": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"
+      "value": "[ [ <angle> | <zero> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"
     },
     {
       "name": "<side-or-corner>",
@@ -194,11 +194,11 @@
       "value": "conic-gradient( [ <conic-gradient-syntax> ] )",
       "values": [
         {
-          "name": "<angle>",
+          "name": "<angle> | <zero>",
           "prose": "The entire gradient is rotated by this angle. If omitted, defaults to 0deg. The unit identifier may be omitted if the <angle> is zero.",
-          "href": "https://drafts.csswg.org/css-images-4/#valdef-conic-gradient-angle",
+          "href": "https://drafts.csswg.org/css-images-4/#valdef-conic-gradient-angle--zero",
           "type": "value",
-          "value": "<angle>"
+          "value": "<angle> | <zero>"
         },
         {
           "name": "<position>",
@@ -213,7 +213,7 @@
       "name": "<conic-gradient-syntax>",
       "href": "https://drafts.csswg.org/css-images-4/#typedef-conic-gradient-syntax",
       "type": "type",
-      "value": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"
+      "value": "[ [ [ from [ <angle> | <zero> ] ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"
     },
     {
       "name": "repeating-linear-gradient()",
@@ -237,11 +237,11 @@
       "value": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
       "values": [
         {
-          "name": "<angle>",
+          "name": "<angle> | <zero>",
           "prose": "The entire gradient is rotated by this angle. If omitted, defaults to 0deg. The unit identifier may be omitted if the <angle> is zero.",
-          "href": "https://drafts.csswg.org/css-images-4/#valdef-conic-gradient-angle",
+          "href": "https://drafts.csswg.org/css-images-4/#valdef-conic-gradient-angle--zero",
           "type": "value",
-          "value": "<angle>"
+          "value": "<angle> | <zero>"
         },
         {
           "name": "<position>",
@@ -292,13 +292,13 @@
       "name": "<angular-color-hint>",
       "href": "https://drafts.csswg.org/css-images-4/#typedef-angular-color-hint",
       "type": "type",
-      "value": "<angle-percentage>"
+      "value": "<angle-percentage> | <zero>"
     },
     {
       "name": "<color-stop-angle>",
       "href": "https://drafts.csswg.org/css-images-4/#typedef-color-stop-angle",
       "type": "type",
-      "value": "<angle-percentage>{1,2}"
+      "value": "[ <angle-percentage> | <zero> ]{1,2}"
     },
     {
       "name": "<color-stop>",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-images.json packages/css/css-images.json
--- webref/node_modules/@webref/css/css-images.json
+++ packages/css/css-images.json
@@ -192,7 +192,7 @@
       "name": "<linear-gradient-syntax>",
       "href": "https://drafts.csswg.org/css-images-3/#typedef-linear-gradient-syntax",
       "type": "type",
-      "value": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>"
+      "value": "[ <angle> | <zero> | to <side-or-corner> ]? , <color-stop-list>"
     },
     {
       "name": "<side-or-corner>",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-pseudo.json packages/css/css-pseudo.json
--- webref/node_modules/@webref/css/css-pseudo.json
+++ packages/css/css-pseudo.json
@@ -18,14 +18,14 @@
       "values": [
         {
           "name": "::prefix",
-          "prose": "To allow independent styling of the first letter itself and its adjacent punctuation, associated preceding punctuation is represented by the ::prefix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::prefix); and associated following punctuation is represented by the ::postfix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::postfix). See § 2.2.1 First Letters and Associated Punctuation, below.",
+          "prose": "To allow independent styling of the first letter itself and its adjacent punctuation, associated preceding punctuation is represented by the ::prefix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::prefix); and associated following punctuation is represented by the ::suffix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::suffix). See § 2.2.1 First Letters and Associated Punctuation, below.",
           "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter-prefix",
           "type": "selector"
         },
         {
-          "name": "::postfix",
-          "prose": "To allow independent styling of the first letter itself and its adjacent punctuation, associated preceding punctuation is represented by the ::prefix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::prefix); and associated following punctuation is represented by the ::postfix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::postfix). See § 2.2.1 First Letters and Associated Punctuation, below.",
-          "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter-postfix",
+          "name": "::suffix",
+          "prose": "To allow independent styling of the first letter itself and its adjacent punctuation, associated preceding punctuation is represented by the ::prefix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::prefix); and associated following punctuation is represented by the ::suffix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::suffix). See § 2.2.1 First Letters and Associated Punctuation, below.",
+          "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter-suffix",
           "type": "selector"
         }
       ]
@@ -37,7 +37,7 @@
     },
     {
       "name": "::search-text",
-      "prose": "The ::search-text pseudo-element represents text identified by the user agent’s find-in-page feature. Since not all UAs style matched text in ways expressible with the highlight pseudo-elements, this pseudo-element is optional to implement. How to identify the current match? [Issue #10527]",
+      "prose": "The ::search-text pseudo-element represents text identified by the user agent’s find-in-page feature. Since not all UAs style matched text in ways expressible with the highlight pseudo-elements, this pseudo-element is optional to implement. The :current pseudo-class (but not ::current()) may be combined with ::search-text to represent the currently focused match instance. The :past and :future pseudo-classes are reserved for analogous use in the future. Any unsupported combination of these pseudo-classes with ::search-text must be treated as invalid.",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-search-text"
     },
     {
@@ -76,16 +76,6 @@
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-marker"
     },
     {
-      "name": "::placeholder",
-      "prose": "The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text “YYYY/MM/DD” to clarify that numeric dates are to be entered in year-month-day order. It is a tree-abiding pseudo-element.",
-      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-placeholder"
-    },
-    {
-      "name": "::file-selector-button",
-      "prose": "The ::file-selector-button pseudo-element targets the <button> inside an <input> element with type=file, if the UA renders such a button. It is an element-backed pseudo-element.",
-      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-file-selector-button"
-    },
-    {
       "name": "::details-content",
       "prose": "The ::details-content pseudo-element targets the additional information in a a details element that can be expanded or collapsed. It is an element-backed pseudo-element.",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-details-content"

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-round-display.json packages/css/css-round-display.json
--- webref/node_modules/@webref/css/css-round-display.json
+++ packages/css/css-round-display.json
@@ -49,45 +49,37 @@
           ]
         }
       ]
-    },
-    {
-      "name": "@viewport",
-      "descriptors": [
-        {
-          "name": "viewport-fit",
-          "href": "https://drafts.csswg.org/css-round-display-1/#descdef-viewport-viewport-fit",
-          "for": "@viewport",
-          "value": "auto | contain | cover",
-          "initial": "auto",
-          "percentages": "N/A",
-          "computedValue": "as specified",
-          "values": [
-            {
-              "name": "auto",
-              "prose": "This value doesn’t affect the initial layout viewport, and the whole web page is viewable. What the UA paints outside of the viewport is undefined. It may be the background color of the canvas, or anything else that the UA deems appropriate.",
-              "href": "https://drafts.csswg.org/css-round-display-1/#valdef-viewport-fit-auto",
-              "type": "value",
-              "value": "auto"
-            },
-            {
-              "name": "contain",
-              "prose": "The initial layout viewport and the visual viewport are set to the largest rectangle which is inscribed in the display of the device. What the UA paints outside of the viewport is undefined. It may be the background color of the canvas, or anything else that the UA deems appropriate.",
-              "href": "https://drafts.csswg.org/css-round-display-1/#valdef-viewport-fit-contain",
-              "type": "value",
-              "value": "contain"
-            },
-            {
-              "name": "cover",
-              "prose": "The initial layout viewport and the visual viewport are set to the circumscribed rectangle of the physical screen of the device.",
-              "href": "https://drafts.csswg.org/css-round-display-1/#valdef-viewport-fit-cover",
-              "type": "value",
-              "value": "cover"
-            }
-          ]
-        }
-      ]
     }
   ],
   "selectors": [],
-  "values": []
+  "values": [],
+  "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "auto",
+      "prose": "This value doesn’t affect the initial layout viewport, and the whole web page is viewable. What the UA paints outside of the viewport is undefined. It may be the background color of the canvas, or anything else that the UA deems appropriate.",
+      "href": "https://drafts.csswg.org/css-round-display-1/#valdef-viewport-fit-auto",
+      "type": "value",
+      "value": "auto",
+      "for": "viewport-fit"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "contain",
+      "prose": "The initial layout viewport and the visual viewport are set to the largest rectangle which is inscribed in the display of the device. What the UA paints outside of the viewport is undefined. It may be the background color of the canvas, or anything else that the UA deems appropriate.",
+      "href": "https://drafts.csswg.org/css-round-display-1/#valdef-viewport-fit-contain",
+      "type": "value",
+      "value": "contain",
+      "for": "viewport-fit"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "cover",
+      "prose": "The initial layout viewport and the visual viewport are set to the circumscribed rectangle of the physical screen of the device.",
+      "href": "https://drafts.csswg.org/css-round-display-1/#valdef-viewport-fit-cover",
+      "type": "value",
+      "value": "cover",
+      "for": "viewport-fit"
+    }
+  ]
 }

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-sizing-4.json packages/css/css-sizing-4.json
--- webref/node_modules/@webref/css/css-sizing-4.json
+++ packages/css/css-sizing-4.json
@@ -230,7 +230,7 @@
     {
       "name": "contain-intrinsic-width",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-width",
-      "value": "auto? [ none | <length> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -263,7 +263,7 @@
     {
       "name": "contain-intrinsic-height",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-height",
-      "value": "auto? [ none | <length> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -296,7 +296,7 @@
     {
       "name": "contain-intrinsic-block-size",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-block-size",
-      "value": "auto? [ none | <length> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -329,7 +329,7 @@
     {
       "name": "contain-intrinsic-inline-size",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-inline-size",
-      "value": "auto? [ none | <length> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css-ui.json packages/css/css-ui.json
--- webref/node_modules/@webref/css/css-ui.json
+++ packages/css/css-ui.json
@@ -678,7 +678,7 @@
         },
         {
           "name": "auto",
-          "prose": "Elements representing widgets should have the native appearance of that widget, if the properties that disable native appearance for widgets are not in effect. See § 7.2.1 Properties Disabling Native Appearance. The host language is responsible for defining which elements represent which widgets. Elements other than widgets must be rendered as for none.",
+          "prose": "The element’s box is laid out like a regular replaced element. Within that box, elements representing widgets should have the native appearance of that widget. The host language is responsible for defining which elements represent which widgets. Elements other than widgets must be rendered as for none.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-appearance-auto",
           "type": "value",
           "value": "auto"

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
@@ -451,7 +451,7 @@
     },
     {
       "name": "if()",
-      "prose": "The if() notation is an arbitrary substitution function that represents conditional values. Its argument consists of an ordered semi-colon–separated list of statements, each consisting of a condition followed by a colon followed by a value. An if() notation represents the value corresponding to the first condition in its argument list to be true; if no condition matches, then the if() notation represents an empty token stream.",
+      "prose": "The if() function is an arbitrary substitution function that represents conditional values. Its argument consists of an ordered semi-colon–separated list of statements, each consisting of a condition followed by a colon followed by a value. An if() function represents the value corresponding to the first condition in its argument list to be true; if no condition matches, then the if() function represents an empty token stream.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-if",
       "type": "function",
       "values": [
@@ -468,7 +468,13 @@
       "name": "<if()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-if",
       "type": "type",
-      "value": "if( [ <if-condition> : <declaration-value>? ; ]* <if-condition> : <declaration-value>? ;? )"
+      "value": "if( [ <if-branch> ; ]* <if-branch> ;? )"
+    },
+    {
+      "name": "<if-branch>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-branch",
+      "type": "type",
+      "value": "<if-condition> : <declaration-value>?"
     },
     {
       "name": "<if-condition>",
@@ -483,6 +489,18 @@
       "value": "supports( [ <ident> : <declaration-value> ] | <supports-condition> ) | media( <media-feature> | <media-condition> ) | style( <style-query> )"
     },
     {
+      "name": "<if-args>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-args",
+      "type": "type",
+      "value": "if( [ <if-args-branch> ; ]* <if-args-branch> ;? )"
+    },
+    {
+      "name": "<if-args-branch>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-args-branch",
+      "type": "type",
+      "value": "<declaration-value> : <declaration-value>?"
+    },
+    {
       "name": "toggle()",
       "prose": "The toggle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-toggle",
@@ -496,7 +514,7 @@
     },
     {
       "name": "inherit()",
-      "prose": "Like the inherit keyword, the inherit() functional notation resolves to the computed value of a property on the parent. Rather than resolving to the value of the same property, however, it resolves to the tokenized computed value of the property specified as its first argument. Its second argument, if present, is used as a fallback in case the first argument resolves to the guaranteed-invalid value.",
+      "prose": "Like the inherit keyword, the inherit() functional notation resolves to the computed value of a property on the parent. Rather than resolving to the value of the same property, however, it resolves to a sequence of component values representing the computed value of the property specified as its first argument. Its second argument, if present, is used as a fallback in case the first argument resolves to the guaranteed-invalid value.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-inherit",
       "type": "function"
     },
@@ -507,6 +525,12 @@
       "value": "inherit( <custom-property-name>, <declaration-value>? )"
     },
     {
+      "name": "<inherit-args>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-inherit-args",
+      "type": "type",
+      "value": "inherit( <declaration-value>, <declaration-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.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-attr",
@@ -534,6 +558,12 @@
       "value": "type( <syntax> ) | raw-string | <attr-unit>"
     },
     {
+      "name": "<attr-args>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-args",
+      "type": "type",
+      "value": "attr( <declaration-value>, <declaration-value>? )"
+    },
+    {
       "name": "<attr-unit>",
       "prose": "The <attr-unit> production matches any identifier that is an ASCII case-insensitive match for the name of a CSS dimension unit, such as px, or the <delim-token> %. It is not expanded literally here, as the set of units expands over time.",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-unit",
@@ -557,20 +587,56 @@
       "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:",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-random",
       "type": "function",
-      "value": "random( <random-caching-options>? , <calc-sum>, <calc-sum>, [by <calc-sum>]? )"
+      "value": "random( <random-value-sharing>? , <calc-sum>, <calc-sum>, <calc-sum>? )"
     },
     {
-      "name": "<random-caching-options>",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-caching-options",
+      "name": "<random-value-sharing>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-value-sharing",
       "type": "type",
-      "value": "<dashed-ident> || per-element"
+      "value": "[ [ auto | <dashed-ident> ] || match-element ] | fixed <number [0,1]>",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Each random function in an element’s styles will use a distinct random base value. (But see the note below for a small wrinkle about this.) If neither auto nor <dashed-ident> are specified, it behaves as auto.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-auto",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "<dashed-ident>",
+          "prose": "Each random function in an element’s styles with the same <dashed-ident> will share the same random base value; ones with different <dashed-ident>s will use distinct random base values.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-dashed-ident",
+          "type": "value",
+          "value": "<dashed-ident>"
+        },
+        {
+          "name": "match-element",
+          "prose": "If match-element is omitted, random functions on different elements will use distinct random base values. If specified, random functions on different elements will share the same random base value if they have the same <dashed-ident> (if specified) or if they’re used in the same style in the same way (if not). (Again, see the note below for a small wrinkle about this.)",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-match-element",
+          "type": "value",
+          "value": "match-element"
+        },
+        {
+          "name": "<number>",
+          "prose": "If fixed <number> is specified, the <number> is used as the random function’s random base value, rather than allowing the UA to generate a random base value and controlling how it’s shared. While 1 is technically allowed as a valid value (because CSS grammars can only express closed ranges), the random base value is clamped to the highest representable value less than 1, so random base values remain in the half-open range `[0, 1)`.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-fixed",
+          "type": "value",
+          "value": "<number>"
+        }
+      ]
     },
     {
       "name": "random-item()",
       "prose": "The random-item() function resolves to a random item from among its list of items.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-random-item",
       "type": "function",
-      "value": "random-item( <random-caching-options> , [ <declaration-value>? ]# )"
+      "value": "random-item( <random-value-sharing> , [ <declaration-value>? ]# )"
+    },
+    {
+      "name": "<random-item-args>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-item-args",
+      "type": "type",
+      "value": "random-item( <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-writing-modes.json packages/css/css-writing-modes.json
--- webref/node_modules/@webref/css/css-writing-modes.json
+++ packages/css/css-writing-modes.json
@@ -153,7 +153,7 @@
       "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation",
       "value": "mixed | upright | sideways",
       "initial": "mixed",
-      "appliesTo": "all elements except table row groups, rows, column groups, and columns",
+      "appliesTo": "all elements except table row groups, rows, column groups, and columns; and text",
       "inherited": "yes",
       "percentages": "n/a",
       "computedValue": "specified value",

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/motion.json packages/css/motion.json
--- webref/node_modules/@webref/css/motion.json
+++ packages/css/motion.json
@@ -47,7 +47,7 @@
         },
         {
           "name": "<basic-shape>",
-          "prose": "The offset path is the equivalent path of the <basic-shape> function. For all <basic-shape>s, if they accept an at <position> argument but that argument is omitted, and the element defines an offset starting position via offset-position, it uses the specified offset starting position for that argument. Otherwise it defaults as specified for each function. The <coord-box> provides the [=/reference box=] for the <basic-shape>.",
+          "prose": "The offset path is the equivalent path of the <basic-shape> function. For all <basic-shape>s, if they accept an at <position> argument but that argument is omitted, and the element defines an offset starting position via offset-position, it uses the specified offset starting position for that argument. Otherwise it defaults as specified for each function. The <coord-box> provides the reference box for the <basic-shape>.",
           "href": "https://drafts.fxtf.org/motion-1/#valdef-offset-path-basic-shape",
           "type": "value",
           "value": "<basic-shape>"

[tidoust]

Pending resolution of w3c/csswg-drafts#11920

[tidoust]

New dangling values for css-round-display is a consequence of the suppression of the @viewport rule. viewport-fit becomes a property of the viewport meta tag as a result and values become "regular" values, but are no longer CSS values. The actual values should probably be defined with an attr-value definition type to disappear from the CSS extract.