@webref/css 6.16.1 → 6.17.0

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-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-values-5.json

@@ -40,6 +40,42 @@
   "atrules": [],
   "selectors": [],
   "values": [
+    {
+      "name": "<syntax>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax",
+      "type": "type",
+      "value": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+"
+    },
+    {
+      "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": "<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.",

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.16.1",
+  "version": "6.17.0",
   "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"
-    }
-  ]
-}