@webref/css 6.16.1 → 6.17.1

package/css-color-hdr.json

@@ -7,18 +7,18 @@
     {
       "name": "dynamic-range-limit",
       "href": "https://drafts.csswg.org/css-color-hdr/#propdef-dynamic-range-limit",
-      "value": "standard | high | constrained-high",
+      "value": "standard | high | constrained-high | <dynamic-range-limit-mix()>",
       "initial": "high",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "specified value",
+      "computedValue": "see Computed Value for dynamic-range-limit",
       "canonicalOrder": "per grammar",
       "animationType": "by dynamic-range-limit-mix()",
       "values": [
         {
           "name": "standard",
-          "prose": "The highest luminance color that is displayed is the same as ' media white, i.e. the CSS color white.",
+          "prose": "The highest luminance color that is displayed is the same as media white, i.e. the CSS color white.",
           "href": "https://drafts.csswg.org/css-color-hdr/#valdef-dynamic-range-limit-standard",
           "type": "value",
           "value": "standard"
@@ -51,7 +51,7 @@
       "name": "dynamic-range-limit-mix()",
       "href": "https://drafts.csswg.org/css-color-hdr/#funcdef-dynamic-range-limit-mix",
       "type": "function",
-      "value": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2})"
+      "value": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]> ]+)"
     },
     {
       "name": "color()",

package/css-mixins.json

@@ -63,42 +63,6 @@
       "prose": "A <dashed-function> is a functional notation whose function name starts with two dashes (U+002D HYPHEN-MINUS). Its syntax is:",
       "href": "https://drafts.csswg.org/css-mixins-1/#typedef-dashed-function",
       "type": "type"
-    },
-    {
-      "name": "<syntax-type>",
-      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-syntax-type",
-      "type": "type",
-      "value": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"
-    },
-    {
-      "name": "<syntax-combinator>",
-      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-syntax-combinator",
-      "type": "type",
-      "value": "'|'"
-    },
-    {
-      "name": "<syntax-multiplier>",
-      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-syntax-multiplier",
-      "type": "type",
-      "value": "[ '#' | '+' ]"
-    },
-    {
-      "name": "<syntax-component-name>",
-      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-syntax-component-name",
-      "type": "type",
-      "value": "'<' <syntax-type> '>' | <custom-ident>"
-    },
-    {
-      "name": "<syntax-component>",
-      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-syntax-component",
-      "type": "type",
-      "value": "<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'"
-    },
-    {
-      "name": "<syntax>",
-      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-syntax",
-      "type": "type",
-      "value": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+"
     }
   ]
 }

package/css-overflow-4.json

@@ -232,7 +232,7 @@
         },
         {
           "name": "fade()",
-          "value": "fade( [ <length> | <percentage> ] )",
+          "value": "fade( [ <length-percentage> ] )",
           "href": "https://drafts.csswg.org/css-overflow-4/#funcdef-text-overflow-fade",
           "type": "function"
         },
@@ -316,6 +316,7 @@
         },
         {
           "name": "<block-ellipsis>",
+          "prose": "Sets continue to discard if either or both values ares specified. Sets max-lines to the specified <integer> or to none if omitted, and block-ellipsis to other component of the value if specified or to auto if omitted.",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-line-clamp-block-ellipsis",
           "type": "value",
           "value": "<block-ellipsis>"

package/css-overflow-5.json

@@ -84,7 +84,7 @@
   "selectors": [
     {
       "name": "::scroll-marker-group",
-      "prose": "The ::scroll-marker-group pseudo-element box is generated by a scroll container element having a computed scroll-marker-group property that is not none, representing a stylable sibling pseudo-element immediately adjacent to the scroll container.",
+      "prose": "The ::scroll-marker-group fully stylable pseudo-element is generated by a scroll container element having a computed scroll-marker-group property that is not none, adjacent to the scroll container.",
       "href": "https://drafts.csswg.org/css-overflow-5/#selectordef-scroll-marker-group"
     },
     {

package/css-page-floats.json

@@ -276,7 +276,7 @@
     {
       "name": "float-offset",
       "href": "https://drafts.csswg.org/css-page-floats-3/#propdef-float-offset",
-      "value": "<length> | <percentage>",
+      "value": "<length-percentage>",
       "initial": "0",
       "appliesTo": "floats",
       "inherited": "no",

package/css-pseudo.json

@@ -35,6 +35,11 @@
       "prose": "The ::selection pseudo-element represents the portion of a document that has been selected as the target or object of some possible future user-agent operation(s). It applies, for example, to selected text within an editable text field, which would be copied by a copy operation or replaced by a paste operation.",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-selection"
     },
+    {
+      "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]",
+      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-search-text"
+    },
     {
       "name": "::target-text",
       "prose": "The ::target-text pseudo-element represents text directly targeted by the document URL’s fragment, if any.",
@@ -50,6 +55,11 @@
       "prose": "The ::grammar-error pseudo-element represents a portion of text that has been flagged by the user agent as grammatically incorrect.",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-grammar-error"
     },
+    {
+      "name": "::highlight()",
+      "value": "::highlight(<custom-ident>)",
+      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-highlight-custom-ident"
+    },
     {
       "name": "::before",
       "prose": "Represents a styleable child pseudo-element immediately before the originating element’s actual content.",
@@ -72,19 +82,13 @@
     },
     {
       "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 a part-like pseudo-element.",
+      "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 a part-like pseudo-element.",
+      "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"
-    },
-    {
-      "name": "::picker()",
-      "prose": "The ::picker() pseudo-element targets the popup picker of form control elements which have popup pickers, such as the select element. It is a part-like pseudo-element.",
-      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-picker",
-      "value": "::picker( <ident>+ )"
     }
   ],
   "values": []

package/css-text-4.json

@@ -123,7 +123,7 @@
       "value": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
       "initial": "normal",
       "appliesTo": "text",
-      "inherited": "individual properties",
+      "inherited": "see individual properties",
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "n/a",

package/css-ui.json

@@ -7,7 +7,7 @@
     {
       "name": "outline",
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-outline",
-      "value": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
+      "value": "<'outline-width'> || <'outline-style'> || <'outline-color'>",
       "initial": "see individual properties",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -54,7 +54,7 @@
     {
       "name": "outline-color",
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-outline-color",
-      "value": "auto | [ <color> | <image-1D> ]",
+      "value": "auto | <color> | <image-1D>",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",

package/css-values-5.json

@@ -40,6 +40,48 @@
   "atrules": [],
   "selectors": [],
   "values": [
+    {
+      "name": "<syntax>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax",
+      "type": "type",
+      "value": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]* | <syntax-string>"
+    },
+    {
+      "name": "<syntax-component>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax-component",
+      "type": "type",
+      "value": "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'"
+    },
+    {
+      "name": "<syntax-single-component>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax-single-component",
+      "type": "type",
+      "value": "'<' <syntax-type-name> '>' | <ident>"
+    },
+    {
+      "name": "<syntax-type-name>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax-type-name",
+      "type": "type",
+      "value": "angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function"
+    },
+    {
+      "name": "<syntax-combinator>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax-combinator",
+      "type": "type",
+      "value": "'|'"
+    },
+    {
+      "name": "<syntax-multiplier>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax-multiplier",
+      "type": "type",
+      "value": "[ '#' | '+' ]"
+    },
+    {
+      "name": "<syntax-string>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax-string",
+      "type": "type",
+      "value": "<string>"
+    },
     {
       "name": "<request-url-modifier>",
       "prose": "<request-url-modifier>s are <url-modifier>s that affect the <url>’s resource request by applying associated URL request modifier steps. See CSS Values 4 § 4.5.4 URL Processing Model.",
@@ -290,7 +332,7 @@
       "name": "<progress()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-progress-fn",
       "type": "type",
-      "value": "progress(<calc-sum> from <calc-sum> to <calc-sum>)"
+      "value": "progress(<calc-sum>, <calc-sum>, <calc-sum>)"
     },
     {
       "name": "media-progress()",
@@ -302,7 +344,7 @@
       "name": "<media-progress()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-media-progress",
       "type": "type",
-      "value": "media-progress(<media-feature> from <calc-sum> to <calc-sum>)"
+      "value": "media-progress(<mf-name>, <calc-sum>, <calc-sum>)"
     },
     {
       "name": "container-progress()",
@@ -314,7 +356,7 @@
       "name": "<container-progress()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-container-progress",
       "type": "type",
-      "value": "container-progress(<size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum>)"
+      "value": "container-progress(<mf-name> [ of <container-name> ]?, <calc-sum>, <calc-sum>)"
     },
     {
       "name": "<progress>",
@@ -387,7 +429,7 @@
       "name": "<mix()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-mix",
       "type": "type",
-      "value": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )"
+      "value": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <keyframes-name> )"
     },
     {
       "name": "first-valid()",
@@ -401,6 +443,38 @@
       "type": "type",
       "value": "first-valid( <declaration-value># )"
     },
+    {
+      "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.",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-if",
+      "type": "function",
+      "values": [
+        {
+          "name": "else",
+          "prose": "The else keyword represents a condition that is always true.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-if-else",
+          "type": "value",
+          "value": "else"
+        }
+      ]
+    },
+    {
+      "name": "<if()>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if",
+      "type": "type",
+      "value": "if( [ <if-condition> : <declaration-value>? ; ]* <if-condition> : <declaration-value>? ';'? )"
+    },
+    {
+      "name": "<if-condition>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-condition",
+      "type": "type"
+    },
+    {
+      "name": "<if-test>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-test",
+      "type": "type",
+      "value": "supports( [ <supports-condition> | <ident> : <declaration-value> ] ) | media( <media-query> ) | style( <style-query> )"
+    },
     {
       "name": "toggle()",
       "prose": "The toggle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value.",
@@ -413,91 +487,24 @@
       "type": "type",
       "value": "toggle( <whole-value># )"
     },
+    {
+      "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.",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-inherit",
+      "type": "function"
+    },
+    {
+      "name": "<inherit()>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-inherit",
+      "type": "type",
+      "value": "inherit( <custom-property-name>, <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",
       "type": "function",
-      "value": "attr( <attr-name> <attr-type>? , <declaration-value>?)",
-      "values": [
-        {
-          "name": "string",
-          "prose": "The substitution value is a CSS string, whose value is the literal value of the attribute. (No CSS parsing or \"cleanup\" of the value is performed.) No value triggers fallback.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-string",
-          "type": "value",
-          "value": "string"
-        },
-        {
-          "name": "ident",
-          "prose": "The substitution value is a CSS <custom-ident>, whose value is the literal value of the attribute, with leading and trailing ASCII whitespace stripped. (No CSS parsing of the value is performed.) If the attribute value, after trimming, is the empty string, there is instead no substitution value. If the <custom-ident>’s value is a CSS-wide keyword or default, there is instead no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-ident",
-          "type": "value",
-          "value": "ident"
-        },
-        {
-          "name": "color",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <hex-color> or a named color ident, the substitution value is that result as a <color>. Otherwise there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-color",
-          "type": "value",
-          "value": "color"
-        },
-        {
-          "name": "number",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <number-token>, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-number",
-          "type": "value",
-          "value": "number"
-        },
-        {
-          "name": "percentage",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <percentage-token>, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-percentage",
-          "type": "value",
-          "value": "percentage"
-        },
-        {
-          "name": "length",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-length",
-          "type": "value",
-          "value": "length"
-        },
-        {
-          "name": "angle",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-angle",
-          "type": "value",
-          "value": "angle"
-        },
-        {
-          "name": "time",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-time",
-          "type": "value",
-          "value": "time"
-        },
-        {
-          "name": "frequency",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-frequency",
-          "type": "value",
-          "value": "frequency"
-        },
-        {
-          "name": "flex",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-flex",
-          "type": "value",
-          "value": "flex"
-        },
-        {
-          "name": "<dimension-unit>",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <number-token>, the substitution value is a dimension with the result’s value, and the given unit. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-dimension-unit",
-          "type": "value",
-          "value": "<dimension-unit>"
-        }
-      ]
+      "value": "attr( <attr-name> <syntax>? , <declaration-value>?)"
     },
     {
       "name": "<attr-name>",
@@ -505,18 +512,6 @@
       "type": "type",
       "value": "[ <ident-token> '|' ]? <ident-token>"
     },
-    {
-      "name": "<attr-type>",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-type",
-      "type": "type",
-      "value": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>"
-    },
-    {
-      "name": "<dimension-unit>",
-      "prose": "The <dimension-unit> production matches a literal \"%\" character (that is, a <delim-token> with a value of \"%\") or an ident whose value is any of the CSS units for <length>, <angle>, <time>, <frequency>, or <flex> values (such as px or ms).",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-dimension-unit",
-      "type": "type"
-    },
     {
       "name": "random()",
       "prose": "The random() function is a math function that represents a random value between a minimum and maximum value, drawn from a uniform distribution, optionally limiting the possible values to a step between those limits:",
@@ -585,6 +580,16 @@
     }
   ],
   "warnings": [
+    {
+      "msg": "Missing definition",
+      "name": "]>",
+      "value": "not <boolean-group> | <boolean-group> [ [ and <boolean-group> ]* | [ or <boolean-group> ]* ]"
+    },
+    {
+      "msg": "Missing definition",
+      "name": "<boolean-group>",
+      "value": "<test> | ( <boolean[ <test> ]> ) | <general-enclosed>"
+    },
     {
       "msg": "Missing definition",
       "name": "progress-function()",

package/css-values.json

@@ -780,54 +780,6 @@
       "type": "type",
       "value": "e | pi | infinity | -infinity | NaN"
     },
-    {
-      "name": "<boolean>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-boolean",
-      "type": "type",
-      "value": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]"
-    },
-    {
-      "name": "<boolean-without-or>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-boolean-without-or",
-      "type": "type",
-      "value": "<bool-not> | <bool-in-parens> <bool-and>*"
-    },
-    {
-      "name": "<bool-not>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-not",
-      "type": "type",
-      "value": "not <bool-in-parens>"
-    },
-    {
-      "name": "<bool-and>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-and",
-      "type": "type",
-      "value": "and <bool-in-parens>"
-    },
-    {
-      "name": "<bool-or>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-or",
-      "type": "type",
-      "value": "or <bool-in-parens>"
-    },
-    {
-      "name": "<bool-in-parens>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-in-parens",
-      "type": "type",
-      "value": "( <boolean> ) | <bool-test> | <general-enclosed>"
-    },
-    {
-      "name": "<general-enclosed>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-general-enclosed",
-      "type": "type",
-      "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
-    },
-    {
-      "name": "<bool-test>",
-      "prose": "Each specification using <boolean> must define what things are valid as <bool-test> values in that context, and whether it uses 2-value or 3-value logic. As well, <bool-test> values should either be wrapped in parentheses or be functions; if a specification needs to express some conditions in a different way, please contact the CSSWG for review.",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-test",
-      "type": "type"
-    },
     {
       "name": "<quirky-length>",
       "prose": "When CSS is being parsed in quirks mode, <quirky-length> is a type of <length> that is only valid in certain properties:",

package/css-view-transitions-2.json

@@ -50,28 +50,28 @@
       "values": [
         {
           "name": "normal",
-          "prose": "The used value is the element’s nearest containing group name.",
+          "prose": "containingGroupName.",
           "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-normal",
           "type": "value",
           "value": "normal"
         },
-        {
-          "name": "nearest",
-          "prose": "The used value is the view-transition-name computed value of the nearest ancestor whose view-transition-name computed value is not none.",
-          "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-nearest",
-          "type": "value",
-          "value": "nearest"
-        },
         {
           "name": "contain",
-          "prose": "The used value is the element’s nearest containing group name.",
+          "prose": "containingGroupName.",
           "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-contain",
           "type": "value",
           "value": "contain"
         },
+        {
+          "name": "nearest",
+          "prose": "The document-scoped view transition name of the element’s nearest flat tree ancestor which participates in the transition.",
+          "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-nearest",
+          "type": "value",
+          "value": "nearest"
+        },
         {
           "name": "<custom-ident>",
-          "prose": "The used value is the given <custom-ident> if the element has an ancestor whose view-transition-name computed value is that <custom-ident>, otherwise the element’s nearest containing group name",
+          "prose": "group if the element has a flat tree ancestor whose document-scoped view transition name is group and participates in transition; Otherwise containingGroupName.",
           "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-custom-ident",
           "type": "value",
           "value": "<custom-ident>"

package/motion.json

@@ -26,7 +26,7 @@
         },
         {
           "name": "<offset-path> || <coord-box>",
-          "prose": "The element has an offset transform, defined by some offset path. See § 2.7 Calculating The Offset Transform for details on how to calculate the offset transform. All the usual effects of having a transform apply (such as creating a stacking context, etc.) See CSS Transforms 1 § 2 The Transform Rendering Model for details. If <offset-path> is omitted, it defaults to inset(0 round X), where X is the value of border-radius on the element that establishes the containing block for this element. If <coord-box> is omitted, it defaults to border-box. See the specific values (below) for the interpretation of each component.",
+          "prose": "The element has an offset transform, defined by some offset path. See § 2.7 Calculating The Offset Transform for details on how to calculate the offset transform. All the usual effects of having a transform apply (such as creating a stacking context, etc.) See CSS Transforms 1 § 3 The Transform Rendering Model for details. If <offset-path> is omitted, it defaults to inset(0 round X), where X is the value of border-radius on the element that establishes the containing block for this element. If <coord-box> is omitted, it defaults to border-box. See the specific values (below) for the interpretation of each component.",
           "href": "https://drafts.fxtf.org/motion-1/#valdef-offset-path-offset-path--coord-box",
           "type": "value",
           "value": "<offset-path> || <coord-box>"

package/package.json

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

package/selectors.json

@@ -268,12 +268,12 @@
     },
     {
       "name": ":user-invalid",
-      "prose": "The :user-invalid and the :user-valid pseudo-classes represent an element with incorrect or correct input, respectively, but only after the user has significantly interacted with it.",
+      "prose": "The :user-invalid and the :user-valid pseudo-classes represent an element with incorrect or correct input, respectively, but only after the user has significantly interacted with it. Their purpose is to help the user identify mistakes in their input.",
       "href": "https://drafts.csswg.org/selectors-4/#user-invalid-pseudo"
     },
     {
       "name": ":user-valid",
-      "prose": "The :user-invalid and the :user-valid pseudo-classes represent an element with incorrect or correct input, respectively, but only after the user has significantly interacted with it.",
+      "prose": "The :user-invalid and the :user-valid pseudo-classes represent an element with incorrect or correct input, respectively, but only after the user has significantly interacted with it. Their purpose is to help the user identify mistakes in their input.",
       "href": "https://drafts.csswg.org/selectors-4/#user-valid-pseudo"
     },
     {

package/css-highlight-api.json

@@ -1,23 +0,0 @@
-{
-  "spec": {
-    "title": "CSS Custom Highlight API Module Level 1",
-    "url": "https://drafts.csswg.org/css-highlight-api-1/"
-  },
-  "properties": [],
-  "atrules": [],
-  "selectors": [
-    {
-      "name": "::highlight()",
-      "value": "::highlight(<custom-highlight-name>)",
-      "href": "https://drafts.csswg.org/css-highlight-api-1/#selectordef-highlight-custom-highlight-name"
-    }
-  ],
-  "values": [
-    {
-      "name": "<custom-highlight-name>",
-      "prose": "The ::highlight(<custom-highlight-name>) pseudo-element (also known as the custom highlight pseudo-element) represents the portion of a document that is being contained or partially contained in all the ranges of the registered custom highlight with the custom highlight name <custom-highlight-name>, if any. <custom-highlight-name> must be a valid CSS <ident-token>.",
-      "href": "https://drafts.csswg.org/css-highlight-api-1/#typedef-custom-highlight-name",
-      "type": "type"
-    }
-  ]
-}