@webref/css 6.13.1 → 6.14.1

package/css-anchor-position.json

@@ -92,9 +92,9 @@
       ]
     },
     {
-      "name": "inset-area",
-      "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-inset-area",
-      "value": "none | <inset-area>",
+      "name": "position-area",
+      "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-area",
+      "value": "none | <position-area>",
       "initial": "none",
       "appliesTo": "positioned elements with a default anchor element",
       "inherited": "no",
@@ -106,21 +106,21 @@
         {
           "name": "none",
           "prose": "The property has no effect.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-none",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-none",
           "type": "value",
           "value": "none"
         },
         {
-          "name": "<inset-area>",
-          "prose": "If the element does not have a default anchor element, or is not an absolutely-positioned element, this value has no effect. Otherwise, it has the following effects: The property selects a region of the inset-area grid, and makes that the element’s containing block. See § 3.1.1 Resolving <inset-area>s for details. Note: This means that the inset properties specify offsets from the inset-area, and some property values, like max-height: 100%, will be relative to the inset-area as well. The normal value for the self-alignment properties behaves as either start, end, or anchor-center, depending on the positioning of the region, to give a good default alignment for the positioned element. Again, see § 3.1.1 Resolving <inset-area>s for details. Any auto inset properties resolve to 0. The element is not considered to be in a legacy alignment mode in either axis.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inset-area",
+          "name": "<position-area>",
+          "prose": "If the element does not have a default anchor element, or is not an absolutely-positioned element, this value has no effect. Otherwise, it has the following effects: The property selects a region of the position-area grid, and makes that the element’s containing block. See § 3.1.1 Resolving <position-area>s for details. Note: This means that the inset properties specify offsets from the position-area, and some property values, like max-height: 100%, will be relative to the position-area as well. The normal value for the self-alignment properties behaves as either start, end, or anchor-center, depending on the positioning of the region, to give a good default alignment for the positioned element. Again, see § 3.1.1 Resolving <position-area>s for details. Any auto inset properties resolve to 0. The element is not considered to be in a legacy alignment mode in either axis.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-position-area",
           "type": "value",
-          "value": "<inset-area>"
+          "value": "<position-area>"
         }
       ],
       "styleDeclaration": [
-        "inset-area",
-        "insetArea"
+        "position-area",
+        "positionArea"
       ]
     },
     {
@@ -240,7 +240,7 @@
     {
       "name": "position-try-fallbacks",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-fallbacks",
-      "value": "none | [ [<dashed-ident> || <try-tactic>] | <'inset-area'> ]#",
+      "value": "none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#",
       "initial": "none",
       "appliesTo": "absolutely-positioned elements",
       "inherited": "no",
@@ -304,11 +304,11 @@
           "value": "<dashed-ident> || <try-tactic>"
         },
         {
-          "name": "<'inset-area'>",
-          "prose": "Automatically creates a position option composed solely of an inset-area property with the given value.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-inset-area",
+          "name": "<'position-area'>",
+          "prose": "Automatically creates a position option composed solely of an position-area property with the given value.",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-position-area",
           "type": "value",
-          "value": "<'inset-area'>"
+          "value": "<'position-area'>"
         }
       ],
       "styleDeclaration": [
@@ -398,274 +398,274 @@
   "selectors": [],
   "values": [
     {
-      "name": "<inset-area>",
-      "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-inset-area",
+      "name": "<position-area>",
+      "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-position-area",
       "type": "type",
       "value": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]",
       "values": [
         {
           "name": "start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-start",
           "type": "value",
           "value": "start"
         },
         {
           "name": "end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-end",
           "type": "value",
           "value": "end"
         },
         {
           "name": "self-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-self-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-start",
           "type": "value",
           "value": "self-start"
         },
         {
           "name": "self-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-self-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-end",
           "type": "value",
           "value": "self-end"
         },
         {
           "name": "top",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-top",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-top",
           "type": "value",
           "value": "top"
         },
         {
           "name": "bottom",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-bottom",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-bottom",
           "type": "value",
           "value": "bottom"
         },
         {
           "name": "left",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-left",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-left",
           "type": "value",
           "value": "left"
         },
         {
           "name": "right",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-right",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-right",
           "type": "value",
           "value": "right"
         },
         {
           "name": "y-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-start",
           "type": "value",
           "value": "y-start"
         },
         {
           "name": "y-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-end",
           "type": "value",
           "value": "y-end"
         },
         {
           "name": "y-self-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-self-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-self-start",
           "type": "value",
           "value": "y-self-start"
         },
         {
           "name": "y-self-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-self-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-self-end",
           "type": "value",
           "value": "y-self-end"
         },
         {
           "name": "x-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-start",
           "type": "value",
           "value": "x-start"
         },
         {
           "name": "x-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-end",
           "type": "value",
           "value": "x-end"
         },
         {
           "name": "x-self-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-self-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-self-start",
           "type": "value",
           "value": "x-self-start"
         },
         {
           "name": "x-self-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-self-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-self-end",
           "type": "value",
           "value": "x-self-end"
         },
         {
           "name": "block-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-start",
           "type": "value",
           "value": "block-start"
         },
         {
           "name": "block-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-end",
           "type": "value",
           "value": "block-end"
         },
         {
           "name": "block-self-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-self-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-self-start",
           "type": "value",
           "value": "block-self-start"
         },
         {
           "name": "block-self-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-self-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-self-end",
           "type": "value",
           "value": "block-self-end"
         },
         {
           "name": "inline-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-start",
           "type": "value",
           "value": "inline-start"
         },
         {
           "name": "inline-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-end",
           "type": "value",
           "value": "inline-end"
         },
         {
           "name": "inline-self-start",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-self-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-self-start",
           "type": "value",
           "value": "inline-self-start"
         },
         {
           "name": "inline-self-end",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-self-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-self-end",
           "type": "value",
           "value": "inline-self-end"
         },
         {
           "name": "center",
           "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-center",
           "type": "value",
           "value": "center"
         },
         {
           "name": "span-start",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-start",
           "type": "value",
           "value": "span-start"
         },
         {
           "name": "span-end",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-end",
           "type": "value",
           "value": "span-end"
         },
         {
           "name": "span-top",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-top",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-top",
           "type": "value",
           "value": "span-top"
         },
         {
           "name": "span-bottom",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-bottom",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-bottom",
           "type": "value",
           "value": "span-bottom"
         },
         {
           "name": "span-y-start",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-y-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-y-start",
           "type": "value",
           "value": "span-y-start"
         },
         {
           "name": "span-y-end",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-y-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-y-end",
           "type": "value",
           "value": "span-y-end"
         },
         {
           "name": "span-x-start",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-x-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-x-start",
           "type": "value",
           "value": "span-x-start"
         },
         {
           "name": "span-x-end",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-x-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-x-end",
           "type": "value",
           "value": "span-x-end"
         },
         {
           "name": "span-block-start",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-block-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-block-start",
           "type": "value",
           "value": "span-block-start"
         },
         {
           "name": "span-block-end",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-block-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-block-end",
           "type": "value",
           "value": "span-block-end"
         },
         {
           "name": "span-inline-start",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-inline-start",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-inline-start",
           "type": "value",
           "value": "span-inline-start"
         },
         {
           "name": "span-inline-end",
           "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-inline-end",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-inline-end",
           "type": "value",
           "value": "span-inline-end"
         },
         {
           "name": "span-all",
           "prose": "All three rows or columns, depending on which axis this keyword is specifying.",
-          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-span-all",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-all",
           "type": "value",
           "value": "span-all"
         }

package/css-exclusions.json

@@ -17,7 +17,7 @@
       "values": [
         {
           "name": "auto",
-          "prose": "No exclusion is created. Inline flow content interacts with the element as usual. In particular, if the element is a float (see [CSS21]), the behavior is unchanged.",
+          "prose": "No exclusion is created. Inline flow content interacts with the element as usual. In particular, if the element is a float (see [CSS2]), the behavior is unchanged.",
           "href": "https://drafts.csswg.org/css-exclusions-1/#valdef-wrap-flow-auto",
           "type": "value",
           "value": "auto"

package/css-fonts.json

@@ -1451,12 +1451,18 @@
       "type": "type",
       "value": "<string> | <custom-ident>+"
     },
+    {
+      "name": "<system-family-name>",
+      "prose": "A locally installed system font, whose use is subject to certain constraints. In particular, it may not be used with the font-family property, but can be used with the font shorthand. The following values refer to system fonts:",
+      "href": "https://drafts.csswg.org/css-fonts-4/#system-family-name-value",
+      "type": "type",
+      "value": "caption | icon | menu | message-box | small-caption | status-bar"
+    },
     {
       "name": "<generic-family>",
-      "prose": "Each <generic-family> keyword represents a generic font choice, and behaves as a potential alias for one or more locally-installed fonts belonging to the specified generic font category. A <generic-family> can thus be used as a fallback for when an author’s more specific font choices are not available. There are three types of generic family: Generics which apply to all Unicode characters and will always match a locally installed font. For example, monospaced. Generics which apply to all Unicode characters but may not match to a locally installed font on some systems. For example, ui-rounded. Generics which are writing-system specific, only apply to a subset of Unicode characters, and may not match to a locally installed font on some systems. For example, generic(fangsong). Authors are encouraged to append a generic font family as a last alternative for improved robustness, and to use a more specific generic font family, if applicable, to prefer a specific style even if the individual named font family is not available. Note that <generic-family> keywords cannot be quoted (otherwise they are interpreted as a <family-name>). The set of generic family keywords is defined in § 2.1.5 Generic font families.",
-      "href": "https://drafts.csswg.org/css-fonts-4/#generic-family-value",
+      "href": "https://drafts.csswg.org/css-fonts-4/#typedef-generic-family",
       "type": "type",
-      "value": "generic( <custom-ident>+ ) | <string> | <custom-ident>+",
+      "value": "<generic-script-specific>| <generic-complete> | <generic-incomplete>",
       "values": [
         {
           "name": "serif",
@@ -1556,11 +1562,22 @@
       ]
     },
     {
-      "name": "<system-family-name>",
-      "prose": "A locally installed system font, whose use is subject to certain constraints. In particular, it may not be used with the font-family property, but can be used with the font shorthand. The following values refer to system fonts:",
-      "href": "https://drafts.csswg.org/css-fonts-4/#system-family-name-value",
+      "name": "<generic-script-specific>",
+      "href": "https://drafts.csswg.org/css-fonts-4/#typedef-generic-script-specific",
       "type": "type",
-      "value": "caption | icon | menu | message-box | small-caption | status-bar"
+      "value": "generic(kai) | generic(fangsong) | generic(nastaliq)"
+    },
+    {
+      "name": "<generic-complete>",
+      "href": "https://drafts.csswg.org/css-fonts-4/#typedef-generic-complete",
+      "type": "type",
+      "value": "serif | sans-serif | system-ui | cursive | fantasy | math | monospace"
+    },
+    {
+      "name": "<generic-incomplete>",
+      "href": "https://drafts.csswg.org/css-fonts-4/#typedef-generic-incomplete",
+      "type": "type",
+      "value": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded"
     },
     {
       "name": "<font-weight-absolute>",

package/css-grid-3.json

@@ -31,22 +31,6 @@
         "grid-template-rows",
         "gridTemplateRows"
       ]
-    },
-    {
-      "name": "masonry-auto-flow",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-auto-flow",
-      "value": "[ pack | next ] || [definite-first | ordered ]",
-      "initial": "pack",
-      "appliesTo": "grid containers with masonry layout",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "specified keyword(s)",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "styleDeclaration": [
-        "masonry-auto-flow",
-        "masonryAutoFlow"
-      ]
     }
   ],
   "atrules": [],

package/css-images-4.json

@@ -256,7 +256,7 @@
       "name": "<color-stop-list>",
       "href": "https://drafts.csswg.org/css-images-4/#typedef-color-stop-list",
       "type": "type",
-      "value": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#"
+      "value": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"
     },
     {
       "name": "<linear-color-stop>",
@@ -280,7 +280,7 @@
       "name": "<angular-color-stop-list>",
       "href": "https://drafts.csswg.org/css-images-4/#typedef-angular-color-stop-list",
       "type": "type",
-      "value": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#"
+      "value": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?"
     },
     {
       "name": "<angular-color-stop>",

package/css-images.json

@@ -355,7 +355,7 @@
       "name": "<color-stop-list>",
       "href": "https://drafts.csswg.org/css-images-3/#typedef-color-stop-list",
       "type": "type",
-      "value": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#"
+      "value": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"
     },
     {
       "name": "<linear-color-stop>",

package/css-mixins.json

@@ -0,0 +1,104 @@
+{
+  "spec": {
+    "title": "CSS Functions and Mixins Module",
+    "url": "https://drafts.csswg.org/css-mixins-1/"
+  },
+  "properties": [],
+  "atrules": [
+    {
+      "name": "@function",
+      "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-function",
+      "descriptors": [
+        {
+          "name": "result",
+          "href": "https://drafts.csswg.org/css-mixins-1/#descdef-function-result",
+          "for": "@function",
+          "value": "<declaration-value>?",
+          "initial": "n/a (see prose)"
+        }
+      ],
+      "value": "@function <function-name> [ ( <function-parameter-list> ) ]? [ using ( <function-dependency-list> ) ]? [ returns <css-type> ]? { <declaration-rule-list> }"
+    }
+  ],
+  "selectors": [],
+  "values": [
+    {
+      "name": "<function-name>",
+      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-name",
+      "type": "type",
+      "value": "<dashed-ident>"
+    },
+    {
+      "name": "<function-parameter-list>",
+      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-parameter-list",
+      "type": "type",
+      "value": "<function-parameter>#"
+    },
+    {
+      "name": "<function-dependency-list>",
+      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-dependency-list",
+      "type": "type",
+      "value": "<function-parameter>#"
+    },
+    {
+      "name": "<function-parameter>",
+      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-parameter",
+      "type": "type",
+      "value": "<custom-property-name> <css-type>? [ : <declaration-value> ]?"
+    },
+    {
+      "name": "<css-type>",
+      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-css-type",
+      "type": "type",
+      "value": "<syntax-component> | <type()>"
+    },
+    {
+      "name": "<type()>",
+      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-type",
+      "type": "type",
+      "value": "type( <syntax> )"
+    },
+    {
+      "name": "<dashed-function>",
+      "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-scroll-snap-2.json

@@ -4,59 +4,6 @@
     "url": "https://drafts.csswg.org/css-scroll-snap-2/"
   },
   "properties": [
-    {
-      "name": "scroll-start",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-start",
-      "value": "[ auto | start | end | center | left | right | top | bottom | <length-percentage [0,∞]> ]{1,2}",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-auto",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-length-percentage-0",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-start",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-center",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-end",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start",
-        "scrollStart"
-      ]
-    },
     {
       "name": "scroll-start-target",
       "href": "https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-start-target",
@@ -66,8 +13,8 @@
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "see individual properties",
-      "animationType": "none",
       "canonicalOrder": "per grammar",
+      "animationType": "none",
       "values": [
         {
           "name": "none",
@@ -88,222 +35,6 @@
         "scroll-start-target",
         "scrollStartTarget"
       ]
-    },
-    {
-      "name": "scroll-start-x",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-start-x",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "scroll-start",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-auto",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-length-percentage-0",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-start",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-center",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-end",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-x",
-        "scrollStartX"
-      ]
-    },
-    {
-      "name": "scroll-start-y",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-start-y",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "scroll-start",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-auto",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-length-percentage-0",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-start",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-center",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-end",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-y",
-        "scrollStartY"
-      ]
-    },
-    {
-      "name": "scroll-start-inline",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-start-inline",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "scroll-start",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-auto",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-length-percentage-0",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-start",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-center",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-end",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-inline",
-        "scrollStartInline"
-      ]
-    },
-    {
-      "name": "scroll-start-block",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-start-block",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "scroll-start",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-auto",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-length-percentage-0",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-start",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-center",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-end",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-block",
-        "scrollStartBlock"
-      ]
     }
   ],
   "atrules": [],
@@ -334,79 +65,5 @@
       "href": "https://drafts.csswg.org/css-scroll-snap-2/#selectordef-snapped-block"
     }
   ],
-  "values": [],
-  "warnings": [
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "The element is not an initial scroll target.",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-target-none",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-block"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "The element is not an initial scroll target.",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-target-none",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-inline"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "The element is not an initial scroll target.",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-target-none",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-x"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "The element is not an initial scroll target.",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-target-none",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-y"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "The element is potentially an initial scroll target for its nearest scroll container ancestor.",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-target-auto",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-block"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "The element is potentially an initial scroll target for its nearest scroll container ancestor.",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-target-auto",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-inline"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "The element is potentially an initial scroll target for its nearest scroll container ancestor.",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-target-auto",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-x"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "The element is potentially an initial scroll target for its nearest scroll container ancestor.",
-      "href": "https://drafts.csswg.org/css-scroll-snap-2/#valdef-scroll-start-target-auto",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-y"
-    }
-  ]
+  "values": []
 }

package/css-shapes-2.json

@@ -168,39 +168,39 @@
         },
         {
           "name": "<curve-command>",
-          "value": "curve <by-to> <coordinate-pair> via <coordinate-pair>{1,2}",
+          "value": "curve [<by-to> <coordinate-pair> using <coordinate-pair>{1,2}]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-curve-command",
           "type": "type"
         },
         {
           "name": "curve",
-          "prose": "<curve-command> = curve <by-to> <coordinate-pair> via <coordinate-pair>{1,2}",
+          "prose": "<curve-command> = curve [[<by-to> <coordinate-pair>] || [using <coordinate-pair>{1,2}]]",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-curve",
           "type": "value",
           "value": "curve"
         },
         {
           "name": "<smooth-command>",
-          "value": "smooth <by-to> <coordinate-pair> [via <coordinate-pair>]?",
+          "value": "smooth [[<by-to> <coordinate-pair>] || [using <coordinate-pair>]?]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-smooth-command",
           "type": "type"
         },
         {
           "name": "smooth",
-          "prose": "<smooth-command> = smooth <by-to> <coordinate-pair> [via <coordinate-pair>]?",
+          "prose": "<smooth-command> = smooth [[<by-to> <coordinate-pair>] || [using <coordinate-pair>]?]",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-smooth",
           "type": "value",
           "value": "smooth"
         },
         {
           "name": "<arc-command>",
-          "value": "arc <by-to> <coordinate-pair> of <length-percentage>{1,2} [ <arc-sweep> || <arc-size> || rotate <angle> ]?",
+          "value": "arc [[<by-to> <coordinate-pair>] || [of <length-percentage>{1,2}] || <arc-sweep>? || <arc-size>? || [rotate <angle>]?]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-arc-command",
           "type": "type"
         },
         {
           "name": "arc",
-          "prose": "<arc-command> = arc <by-to> <coordinate-pair> of <length-percentage>{1,2} [ <arc-sweep> || <arc-size> || rotate <angle> ]",
+          "prose": "<arc-command> = arc [[<by-to> <coordinate-pair>] || [of <length-percentage>{1,2}] || <arc-sweep>? || <arc-size>?|| rotate <angle>? ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-arc",
           "type": "value",
           "value": "arc",

package/css-sizing.json

@@ -7,7 +7,7 @@
     {
       "name": "width",
       "href": "https://drafts.csswg.org/css-sizing-3/#propdef-width",
-      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
+      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>",
       "initial": "auto",
       "appliesTo": "all elements except non-replaced inlines",
       "inherited": "no",
@@ -50,6 +50,12 @@
           "value": "fit-content(<length-percentage [0,∞]>)",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content",
           "type": "function"
+        },
+        {
+          "name": "calc-size()",
+          "prose": "See <calc-size()>.",
+          "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -59,7 +65,7 @@
     {
       "name": "height",
       "href": "https://drafts.csswg.org/css-sizing-3/#propdef-height",
-      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
+      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>",
       "initial": "auto",
       "appliesTo": "all elements except non-replaced inlines",
       "inherited": "no",
@@ -102,6 +108,12 @@
           "value": "fit-content(<length-percentage [0,∞]>)",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content",
           "type": "function"
+        },
+        {
+          "name": "calc-size()",
+          "prose": "See <calc-size()>.",
+          "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -111,7 +123,7 @@
     {
       "name": "min-width",
       "href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-width",
-      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
+      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>",
       "initial": "auto",
       "appliesTo": "all elements that accept width or height",
       "inherited": "no",
@@ -154,6 +166,12 @@
           "value": "fit-content(<length-percentage [0,∞]>)",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content",
           "type": "function"
+        },
+        {
+          "name": "calc-size()",
+          "prose": "See <calc-size()>.",
+          "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -164,7 +182,7 @@
     {
       "name": "min-height",
       "href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-height",
-      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
+      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>",
       "initial": "auto",
       "appliesTo": "all elements that accept width or height",
       "inherited": "no",
@@ -207,6 +225,12 @@
           "value": "fit-content(<length-percentage [0,∞]>)",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content",
           "type": "function"
+        },
+        {
+          "name": "calc-size()",
+          "prose": "See <calc-size()>.",
+          "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -217,7 +241,7 @@
     {
       "name": "max-width",
       "href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-width",
-      "value": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
+      "value": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>",
       "initial": "none",
       "appliesTo": "all elements that accept width or height",
       "inherited": "no",
@@ -260,6 +284,12 @@
           "value": "fit-content(<length-percentage [0,∞]>)",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content",
           "type": "function"
+        },
+        {
+          "name": "calc-size()",
+          "prose": "See <calc-size()>.",
+          "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -270,7 +300,7 @@
     {
       "name": "max-height",
       "href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-height",
-      "value": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
+      "value": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>",
       "initial": "none",
       "appliesTo": "all elements that accept width or height",
       "inherited": "no",
@@ -313,6 +343,12 @@
           "value": "fit-content(<length-percentage [0,∞]>)",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content",
           "type": "function"
+        },
+        {
+          "name": "calc-size()",
+          "prose": "See <calc-size()>.",
+          "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
+          "type": "function"
         }
       ],
       "styleDeclaration": [

package/css-ui.json

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

package/css-values-5.json

@@ -3,7 +3,40 @@
     "title": "CSS Values and Units Module Level 5",
     "url": "https://drafts.csswg.org/css-values-5/"
   },
-  "properties": [],
+  "properties": [
+    {
+      "name": "interpolate-size",
+      "href": "https://drafts.csswg.org/css-values-5/#propdef-interpolate-size",
+      "value": "numeric-only | allow-keywords",
+      "initial": "numeric-only",
+      "appliesTo": "all elements",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "values": [
+        {
+          "name": "numeric-only",
+          "prose": "An <intrinsic-size-keyword> cannot be interpolated.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-interpolate-size-numeric-only",
+          "type": "value",
+          "value": "numeric-only"
+        },
+        {
+          "name": "allow-keywords",
+          "prose": "Two values can be interpolated if one of them is an <intrinsic-size-keyword> and the other is a <length-percentage>. This is done by treating the <intrinsic-size-keyword> keyword as though it is calc-size(keyword, size) and applying the rules in § 9.3 Interpolating calc-size(). In other cases, an <intrinsic-size-keyword> still cannot be interpolated.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-interpolate-size-allow-keywords",
+          "type": "value",
+          "value": "allow-keywords"
+        }
+      ],
+      "styleDeclaration": [
+        "interpolate-size",
+        "interpolateSize"
+      ]
+    }
+  ],
   "atrules": [],
   "selectors": [],
   "values": [
@@ -229,7 +262,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 <'animation-name'> )"
     },
     {
       "name": "first-valid()",
@@ -241,7 +274,7 @@
       "name": "<first-valid()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-first-valid",
       "type": "type",
-      "value": "first-valid( <declaration-value> [ ';' <declaration-value> ]* )"
+      "value": "first-valid( <declaration-value># )"
     },
     {
       "name": "toggle()",
@@ -253,7 +286,7 @@
       "name": "<toggle()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-toggle",
       "type": "type",
-      "value": "toggle( <whole-value> [ ';' <whole-value> ]+ )"
+      "value": "toggle( <whole-value># )"
     },
     {
       "name": "attr()",
@@ -377,7 +410,7 @@
       "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>? [ ';' <declaration-value>? ]* )"
+      "value": "random-item( <random-caching-options> , [ <declaration-value>? ]# )"
     },
     {
       "name": "sibling-count()",

package/package.json

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