npm - @webref/css - Versions diffs - 6.20.4 → 6.20.6 - Mend

@webref/css 6.20.4 → 6.20.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/css-align.json CHANGED Viewed

@@ -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"

package/css-color-5.json CHANGED Viewed

@@ -359,6 +359,12 @@
       "type": "type",
       "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",
@@ -377,6 +383,12 @@
       "type": "type",
       "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",

package/css-color-hdr.json CHANGED Viewed

@@ -54,70 +54,136 @@
       "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 ] ]? )"
-    },
-    {
-      "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>]"
+      "value": "ictcp([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
+      "values": [
+        {
+          "name": "i",
+          "prose": "i is a <number> that corresponds to the origin color’s I (Lightness) after conversion, if required, to ictcp. 1.0 is equivalent to 100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-ictcp-i",
+          "type": "value",
+          "value": "i"
+        },
+        {
+          "name": "ct",
+          "prose": "ct and cp are <number>s that correspond to the origin color’s ct and cp axes after conversion, if required, to ictcp. 0.5 is equivalent to 100%, while -0.5 is equivalent to -100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-ictcp-ct",
+          "type": "value",
+          "value": "ct"
+        },
+        {
+          "name": "cp",
+          "prose": "ct and cp are <number>s that correspond to the origin color’s ct and cp axes after conversion, if required, to ictcp. 0.5 is equivalent to 100%, while -0.5 is equivalent to -100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-ictcp-cp",
+          "type": "value",
+          "value": "cp"
+        },
+        {
+          "name": "alpha",
+          "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency. 1.0 is equivalent to 100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-ictcp-alpha",
+          "type": "value",
+          "value": "alpha"
+        }
+      ]
     },
     {
-      "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] ]? )",
+      "values": [
+        {
+          "name": "j",
+          "prose": "j is a <number> that corresponds to the origin color’s Jz (Lightness) after conversion, if required, to jzazbz. 1.0 is equivalent to 100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-jzazbz-j",
+          "type": "value",
+          "value": "j"
+        },
+        {
+          "name": "a",
+          "prose": "a and b are <number>s that correspond to the origin color’s az and bz axes after conversion, if required, to jzazbz. 0.21 is equivalent to 100%, while -0.21 is equivalent to -100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-jzazbz-a",
+          "type": "value",
+          "value": "a"
+        },
+        {
+          "name": "b",
+          "prose": "a and b are <number>s that correspond to the origin color’s az and bz axes after conversion, if required, to jzazbz. 0.21 is equivalent to 100%, while -0.21 is equivalent to -100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-jzazbz-b",
+          "type": "value",
+          "value": "b"
+        },
+        {
+          "name": "alpha",
+          "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency. 1.0 is equivalent to 100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-jzazbz-alpha",
+          "type": "value",
+          "value": "alpha"
+        }
+      ]
     },
     {
-      "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] ]? )",
+      "values": [
+        {
+          "name": "j",
+          "prose": "j is a <number> that corresponds to the origin color’s Jz (Lightness) after conversion, if required, to jzczhz. 100 is equivalent to 100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-jzczhz-j",
+          "type": "value",
+          "value": "j"
+        },
+        {
+          "name": "c",
+          "prose": "c is a <number> that corresponds to the origin color’s Cz (chroma) after conversion, if required, to jzczhz. 0.26 is equivalent to 100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-jzczhz-c",
+          "type": "value",
+          "value": "c"
+        },
+        {
+          "name": "h",
+          "prose": "h is a <number> that corresponds to the origin color’s hz (hue), in degrees, after conversion, if required, to jzczhz, normalized to a [0, 360] range. 90 is equivalent to 90deg.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-jzczhz-h",
+          "type": "value",
+          "value": "h"
+        },
+        {
+          "name": "alpha",
+          "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency. 1.0 is equivalent to 100%.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-jzczhz-alpha",
+          "type": "value",
+          "value": "alpha"
+        }
+      ]
     },
     {
-      "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",
-      "type": "type",
-      "value": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}"
+      "name": "color()",
+      "prose": "The color() function allows a color to be specified in a particular, given color space (rather than the implicit sRGB color space that most of the other color functions operate in).",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-color",
+      "type": "function"
     },
     {
       "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"
     }
   ]
 }

package/css-color.json CHANGED Viewed

@@ -250,12 +250,6 @@
       "type": "type",
       "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",
@@ -1461,6 +1455,24 @@
         }
       ]
     },
+    {
+      "name": "<colorspace-params>",
+      "href": "https://drafts.csswg.org/css-color-4/#typedef-colorspace-params",
+      "type": "type",
+      "value": "[ <predefined-rgb-params> | <xyz-params>]"
+    },
+    {
+      "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",

package/css-counter-styles.json CHANGED Viewed

@@ -504,6 +504,20 @@
           "type": "value",
           "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., 일천일백일십일)",
@@ -558,20 +572,6 @@
       "type": "type",
       "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., 一千一百一十一)",

package/css-display.json CHANGED Viewed

@@ -55,9 +55,9 @@
     {
       "name": "reading-flow",
       "href": "https://drafts.csswg.org/css-display-4/#propdef-reading-flow",
-      "value": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
+      "value": "normal | source-order | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
       "initial": "normal",
-      "appliesTo": "flex and grid containers",
+      "appliesTo": "block, flex and grid containers",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -71,6 +71,13 @@
           "type": "value",
           "value": "normal"
         },
+        {
+          "name": "source-order",
+          "prose": "Applies to grid, flex, and block layouts. Creates a reading flow container, and enables the use of the reading-order property on direct children. Other than respecting the reading-order property, follows the order of elements in the DOM.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-flow-source-order",
+          "type": "value",
+          "value": "source-order"
+        },
         {
           "name": "flex-visual",
           "prose": "Only takes effect on flex containers. Follows the visual reading order of flex items, taking the writing mode into account. Therefore, a document in English, with flex-direction: row-reverse and reading-flow: flex-visual would have a reading order of left to right.",
@@ -117,7 +124,7 @@
       "href": "https://drafts.csswg.org/css-display-4/#propdef-reading-order",
       "value": "<integer>",
       "initial": "0",
-      "appliesTo": "Direct children of a reading flow container",
+      "appliesTo": "Direct block-level, grid item, or flex item children of a reading flow container.",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "specified integer",

package/css-fonts.json CHANGED Viewed

@@ -362,7 +362,7 @@
     {
       "name": "font-synthesis-style",
       "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-style",
-      "value": "auto | none",
+      "value": "auto | none | oblique-only",
       "initial": "auto",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -385,6 +385,13 @@
           "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-style-none",
           "type": "value",
           "value": "none"
+        },
+        {
+          "name": "oblique-only",
+          "prose": "Synthesis of oblique faces is allowed, but they must not be used as fallback if italic is specified",
+          "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-synthesis-style-oblique-only",
+          "type": "value",
+          "value": "oblique-only"
         }
       ],
       "styleDeclaration": [

package/css-forms.json ADDED Viewed

@@ -0,0 +1,199 @@
+{
+  "spec": {
+    "title": "CSS Form Control Styling Level 1",
+    "url": "https://drafts.csswg.org/css-forms-1/"
+  },
+  "properties": [
+    {
+      "name": "appearance",
+      "newValues": "base",
+      "values": [
+        {
+          "name": "base",
+          "prose": "When applied on a form control, base puts that control in the basic appearance state.",
+          "href": "https://drafts.csswg.org/css-forms-1/#valdef-appearance-base",
+          "type": "value",
+          "value": "base"
+        }
+      ],
+      "styleDeclaration": [
+        "appearance"
+      ]
+    },
+    {
+      "name": "slider-orientation",
+      "href": "https://drafts.csswg.org/css-forms-1/#propdef-slider-orientation",
+      "value": "auto | left-to-right | right-to-left | top-to-bottom | bottom-to-top",
+      "initial": "auto",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "The slider-like control orientation is defined by the writing mode and direction.",
+          "href": "https://drafts.csswg.org/css-forms-1/#valdef-slider-orientation-auto",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "left-to-right",
+          "prose": "The slider-like control is rendered horizontally and ::fill is left-aligned within the control.",
+          "href": "https://drafts.csswg.org/css-forms-1/#valdef-slider-orientation-left-to-right",
+          "type": "value",
+          "value": "left-to-right"
+        },
+        {
+          "name": "right-to-left",
+          "prose": "The slider-like control is rendered horizontally and ::fill is right-aligned within the control.",
+          "href": "https://drafts.csswg.org/css-forms-1/#valdef-slider-orientation-right-to-left",
+          "type": "value",
+          "value": "right-to-left"
+        },
+        {
+          "name": "top-to-bottom",
+          "prose": "The slider-like control is rendered vertically and ::fill is top-aligned within the control.",
+          "href": "https://drafts.csswg.org/css-forms-1/#valdef-slider-orientation-top-to-bottom",
+          "type": "value",
+          "value": "top-to-bottom"
+        },
+        {
+          "name": "bottom-to-top",
+          "prose": "The slider-like control is rendered vertically and ::fill is bottom-aligned within the control.",
+          "href": "https://drafts.csswg.org/css-forms-1/#valdef-slider-orientation-bottom-to-top",
+          "type": "value",
+          "value": "bottom-to-top"
+        }
+      ],
+      "styleDeclaration": [
+        "slider-orientation",
+        "sliderOrientation"
+      ]
+    }
+  ],
+  "atrules": [],
+  "selectors": [
+    {
+      "name": "::picker()",
+      "prose": "The ::picker() pseudo-element represents the part of the form control that pops out of the page.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-picker",
+      "value": "::picker( <form-control-identifier>+ )",
+      "values": [
+        {
+          "name": "<form-control-identifier>",
+          "href": "https://drafts.csswg.org/css-forms-1/#typedef-picker-form-control-identifier",
+          "type": "type",
+          "value": "select"
+        }
+      ]
+    },
+    {
+      "name": "::picker-icon",
+      "prose": "The ::picker-icon pseudo-element represents the part of the control that represents the icon denoting the presence of the picker. It is only generated when the originating element has basic appearance and if it opens a picker. It is a fully styleable pseudo-element and inherits from its originating element.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-picker-icon"
+    },
+    {
+      "name": "::file-selector-button",
+      "prose": "The ::file-selector-button pseudo-element represents the button used to open a file picker, if the UA renders such a button.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-file-selector-button"
+    },
+    {
+      "name": "::checkmark",
+      "prose": "The ::checkmark pseudo-element represents an indicator of whether the item is checked, and is present on checkboxes, radios, and option elements.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-checkmark"
+    },
+    {
+      "name": "::thumb",
+      "prose": "The ::thumb pseudo-element represents the portion that allows the user to adjust the progress of the control.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-thumb"
+    },
+    {
+      "name": "::track",
+      "prose": "The ::track pseudo-element represents the portion containing both the progressed and unprogressed portions of the control.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-track"
+    },
+    {
+      "name": "::fill",
+      "prose": "The ::fill pseudo-element represents the portion containing the progressed portion of the control. When the progress of control is undetermined (like with <progress indeterminate>), the user agent must give this portion an inline-size of zero.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-fill"
+    },
+    {
+      "name": "::placeholder",
+      "prose": "The ::placeholder pseudo-element represents the portion of the input that contains the placeholder text.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-placeholder"
+    },
+    {
+      "name": "::field-text",
+      "prose": "The ::field-text pseudo-element represents the portion of the input that contains the editable text.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-field-text"
+    },
+    {
+      "name": "::clear-icon",
+      "prose": "The ::clear-icon pseudo-element represents the portion of the input that allows the user to clear the input when clicked if provided by the user agent. With appearance: textfield, the user agent must not generate this part.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-clear-icon"
+    },
+    {
+      "name": "::step-control",
+      "prose": "The ::step-control pseudo-element represents the portion of a number input that contains the up and down buttons.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-step-control"
+    },
+    {
+      "name": "::step-up",
+      "prose": "The ::step-up pseudo-element represents the button that increments the value inside a number input when activated.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-step-up"
+    },
+    {
+      "name": "::step-down",
+      "prose": "The ::step-down pseudo-element represents the button that decrements the value inside a number input when activated.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-step-down"
+    },
+    {
+      "name": "::field-component",
+      "prose": "The ::field-component pseudo-element represents the portions of the control that contain the date/time component values.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-field-component"
+    },
+    {
+      "name": "::field-separator",
+      "prose": "The ::field-separator pseudo-element represents the portions of the control that separate the date/time component values if the user agent provides those portions.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-field-separator"
+    },
+    {
+      "name": "::color-swatch",
+      "prose": "The ::color-swatch pseudo-element represents the portion of the control that displays the chosen color value.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-color-swatch"
+    },
+    {
+      "name": ":low-value",
+      "prose": "The :low-value pseudo-class matches on a meter element when its value is under the value specified by the low HTML attribute.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-low-value"
+    },
+    {
+      "name": ":high-value",
+      "prose": "The :high-value pseudo-class matches on a meter element when its value is over the value specified by the high HTML attribute.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-high-value"
+    },
+    {
+      "name": ":optimal-value",
+      "prose": "The :optimal-value pseudo-class matches on a meter element when its value is in the range determined by the optimum / low / high HTML attributes.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-optimal-value"
+    }
+  ],
+  "values": [
+    {
+      "name": "control-value()",
+      "prose": "The control-value() function computes to the current value of the form control it is on. If it is used on an element that is not a form control, it returns an empty string.",
+      "href": "https://drafts.csswg.org/css-forms-1/#funcdef-control-value",
+      "type": "function",
+      "value": "control-value( <type>? )"
+    },
+    {
+      "name": "<type>",
+      "href": "https://drafts.csswg.org/css-forms-1/#typedef-type",
+      "type": "type",
+      "value": "'<' [ number | string ] '>'"
+    }
+  ]
+}

package/css-grid.json CHANGED Viewed

@@ -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>",

package/css-images-4.json CHANGED Viewed

@@ -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>",

package/css-images.json CHANGED Viewed

@@ -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>",

package/css-inline.json CHANGED Viewed

@@ -548,7 +548,7 @@
       "href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box",
       "value": "normal | <'text-box-trim'> || <'text-box-edge'>",
       "initial": "normal",
-      "appliesTo": "block containers and inline boxes",
+      "appliesTo": "block containers, multi-column containers, and inline boxes",
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "the specified keyword",
@@ -573,7 +573,7 @@
       "href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box-trim",
       "value": "none | trim-start | trim-end | trim-both",
       "initial": "none",
-      "appliesTo": "block containers and inline boxes",
+      "appliesTo": "block containers, multi-column containers, and inline boxes",
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "the specified keyword",

package/css-pseudo.json CHANGED Viewed

@@ -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"
     },
     {
@@ -75,16 +75,6 @@
       "prose": "The ::marker pseudo-element represents the automatically generated marker box of a list item. (See [CSS-DISPLAY-3] and [CSS-LISTS-3].)",
       "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.",

package/css-round-display.json CHANGED Viewed

@@ -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"
+    }
+  ]
 }

package/css-sizing-4.json CHANGED Viewed

@@ -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",

package/css-ui.json CHANGED Viewed

@@ -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"

package/css-values-5.json CHANGED Viewed

@@ -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>",
@@ -482,6 +488,18 @@
       "type": "type",
       "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.",
@@ -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"
     },
@@ -506,6 +524,12 @@
       "type": "type",
       "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.",
@@ -533,6 +557,12 @@
       "type": "type",
       "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.",
@@ -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()",

package/css-writing-modes.json CHANGED Viewed

@@ -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",

package/motion.json CHANGED Viewed

@@ -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>"

package/package.json CHANGED Viewed

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