@webref/css 6.15.0 → 6.15.2

package/css-anchor-position.json

@@ -86,6 +86,15 @@
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Its values are identical to the <anchor-element> term in anchor() and anchor-size(), except that the auto value is equivalent to omitting the <anchor-element> in anchor() (referring to the implicit anchor element, if one exists).",
+          "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-anchor-auto",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "position-anchor",
         "positionAnchor"
@@ -123,6 +132,34 @@
         "positionArea"
       ]
     },
+    {
+      "name": "top",
+      "newValues": "<anchor()> | <anchor-size()>",
+      "styleDeclaration": [
+        "top"
+      ]
+    },
+    {
+      "name": "left",
+      "newValues": "<anchor()> | <anchor-size()>",
+      "styleDeclaration": [
+        "left"
+      ]
+    },
+    {
+      "name": "right",
+      "newValues": "<anchor()> | <anchor-size()>",
+      "styleDeclaration": [
+        "right"
+      ]
+    },
+    {
+      "name": "bottom",
+      "newValues": "<anchor()> | <anchor-size()>",
+      "styleDeclaration": [
+        "bottom"
+      ]
+    },
     {
       "name": "justify-self",
       "newValues": "anchor-center",
@@ -237,6 +274,84 @@
         "positionVisibility"
       ]
     },
+    {
+      "name": "width",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "width"
+      ]
+    },
+    {
+      "name": "height",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "height"
+      ]
+    },
+    {
+      "name": "min-width",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "min-width",
+        "minWidth"
+      ]
+    },
+    {
+      "name": "min-height",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "min-height",
+        "minHeight"
+      ]
+    },
+    {
+      "name": "max-width",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "max-width",
+        "maxWidth"
+      ]
+    },
+    {
+      "name": "max-height",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "max-height",
+        "maxHeight"
+      ]
+    },
+    {
+      "name": "margin-top",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "margin-top",
+        "marginTop"
+      ]
+    },
+    {
+      "name": "margin-left",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "margin-left",
+        "marginLeft"
+      ]
+    },
+    {
+      "name": "margin-right",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "margin-right",
+        "marginRight"
+      ]
+    },
+    {
+      "name": "margin-bottom",
+      "newValues": "<anchor-size()>",
+      "styleDeclaration": [
+        "margin-bottom",
+        "marginBottom"
+      ]
+    },
     {
       "name": "position-try-fallbacks",
       "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-fallbacks",

package/css-conditional-5.json

@@ -7,7 +7,7 @@
     {
       "name": "container-type",
       "href": "https://drafts.csswg.org/css-conditional-5/#propdef-container-type",
-      "value": "normal | size | inline-size",
+      "value": "normal | [ [ size | inline-size ] || scroll-state ]",
       "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -30,9 +30,16 @@
           "type": "value",
           "value": "inline-size"
         },
+        {
+          "name": "scroll-state",
+          "prose": "Establishes a query container for scroll-state queries",
+          "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-type-scroll-state",
+          "type": "value",
+          "value": "scroll-state"
+        },
         {
           "name": "normal",
-          "prose": "The element is not a query container for any container size queries, but remains a query container for container style queries.",
+          "prose": "The element is not a query container for any container size queries or scroll-state queries, but remains a query container for container style queries.",
           "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-type-normal",
           "type": "value",
           "value": "normal"
@@ -168,6 +175,173 @@
               "value": "landscape"
             }
           ]
+        },
+        {
+          "name": "stuck",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-stuck",
+          "for": "@container",
+          "value": "top | right | bottom | left | block-start | inline-start | block-end | inline-end",
+          "type": "discrete",
+          "values": [
+            {
+              "name": "top",
+              "prose": "The sticky container is shifted to stay inside the top edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-top",
+              "type": "value",
+              "value": "top"
+            },
+            {
+              "name": "right",
+              "prose": "The sticky container is shifted to stay inside the right edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-right",
+              "type": "value",
+              "value": "right"
+            },
+            {
+              "name": "bottom",
+              "prose": "The sticky container is shifted to stay inside the bottom edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-bottom",
+              "type": "value",
+              "value": "bottom"
+            },
+            {
+              "name": "left",
+              "prose": "The sticky container is shifted to stay inside the left edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-left",
+              "type": "value",
+              "value": "left"
+            },
+            {
+              "name": "block-start",
+              "prose": "The sticky container is shifted to stay inside the block-start edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-block-start",
+              "type": "value",
+              "value": "block-start"
+            },
+            {
+              "name": "inline-start",
+              "prose": "The sticky container is shifted to stay inside the inline-start edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-inline-start",
+              "type": "value",
+              "value": "inline-start"
+            },
+            {
+              "name": "block-end",
+              "prose": "The sticky container is shifted to stay inside the block-end edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-block-end",
+              "type": "value",
+              "value": "block-end"
+            },
+            {
+              "name": "inline-end",
+              "prose": "The sticky container is shifted to stay inside the inline-end edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-stuck-inline-end",
+              "type": "value",
+              "value": "inline-end"
+            }
+          ]
+        },
+        {
+          "name": "snapped",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-snapped",
+          "for": "@container",
+          "value": "x | y | block | inline",
+          "type": "discrete",
+          "values": [
+            {
+              "name": "x",
+              "prose": "snapped container feature matches x if the query container is a horizontal snap target for its scroll container",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-x",
+              "type": "value",
+              "value": "x"
+            },
+            {
+              "name": "y",
+              "prose": "snapped container feature matches y if the query container is a vertical snap target for its scroll container",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-y",
+              "type": "value",
+              "value": "y"
+            },
+            {
+              "name": "block",
+              "prose": "snapped container feature matches block if the query container is a snap target for its scroll container in the block direction of the snap container.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-block",
+              "type": "value",
+              "value": "block"
+            },
+            {
+              "name": "inline",
+              "prose": "snapped container feature matches inline if the query container is a snap target for its scroll container in the inline direction of the snap container.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-inline",
+              "type": "value",
+              "value": "inline"
+            }
+          ]
+        },
+        {
+          "name": "overflowing",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-overflowing",
+          "for": "@container",
+          "value": "top | right | bottom | left | block-start | inline-start | block-end | inline-end",
+          "type": "discrete",
+          "values": [
+            {
+              "name": "top",
+              "prose": "The scroll container has scrollable overflow past the top edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-top",
+              "type": "value",
+              "value": "top"
+            },
+            {
+              "name": "right",
+              "prose": "The scroll container has scrollable overflow past the right edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-right",
+              "type": "value",
+              "value": "right"
+            },
+            {
+              "name": "bottom",
+              "prose": "The scroll container has scrollable overflow past the bottom edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-bottom",
+              "type": "value",
+              "value": "bottom"
+            },
+            {
+              "name": "left",
+              "prose": "The scroll container has scrollable overflow past the left edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-left",
+              "type": "value",
+              "value": "left"
+            },
+            {
+              "name": "block-start",
+              "prose": "The scroll container has scrollable overflow past the block-start edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-block-start",
+              "type": "value",
+              "value": "block-start"
+            },
+            {
+              "name": "inline-start",
+              "prose": "The scroll container has scrollable overflow past the inline-start edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-inline-start",
+              "type": "value",
+              "value": "inline-start"
+            },
+            {
+              "name": "block-end",
+              "prose": "The scroll container has scrollable overflow past the block-end edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-block-end",
+              "type": "value",
+              "value": "block-end"
+            },
+            {
+              "name": "inline-end",
+              "prose": "The scroll container has scrollable overflow past the inline-end edge.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-overflowing-inline-end",
+              "type": "value",
+              "value": "inline-end"
+            }
+          ]
         }
       ],
       "value": "@container <container-condition># { <block-contents> }"
@@ -227,7 +401,7 @@
       "name": "<query-in-parens>",
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-query-in-parens",
       "type": "type",
-      "value": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>"
+      "value": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"
     },
     {
       "name": "<style-query>",
@@ -241,6 +415,18 @@
       "type": "type",
       "value": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
     },
+    {
+      "name": "<scroll-state-query>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-scroll-state-query",
+      "type": "type",
+      "value": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>"
+    },
+    {
+      "name": "<scroll-state-in-parens>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-scroll-state-in-parens",
+      "type": "type",
+      "value": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>"
+    },
     {
       "name": "<size-feature>",
       "prose": "A container size query allows querying the size of the query container’s principal box. It is a boolean combination of individual size features (<size-feature>) that each query a single, specific dimensional feature of the query container. The syntax of a <size-feature> is the same as for a media feature: a feature name, a comparator, and a value. [mediaqueries-5] The boolean syntax and logic combining size features into a size query is the same as for CSS feature queries. (See @supports. [css-conditional-3])",
@@ -252,6 +438,12 @@
       "prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration [CSS-SYNTAX-3], a supported CSS property, or a <custom-property-name>.",
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature",
       "type": "type"
+    },
+    {
+      "name": "<scroll-state-feature>",
+      "prose": "A container scroll-state query allows querying a container for state that depends on scroll position. It is a boolean combination of individual scroll-state features (<scroll-state-feature>) that each query a single feature of the query container. The syntax of a <scroll-state-feature> is the same as for a media feature: a feature name, a comparator, and a value.",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-scroll-state-feature",
+      "type": "type"
     }
   ]
 }

package/css-easing.json

@@ -9,168 +9,141 @@
   "values": [
     {
       "name": "<easing-function>",
-      "value": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
       "href": "https://drafts.csswg.org/css-easing-2/#typedef-easing-function",
       "type": "type",
-      "values": [
-        {
-          "name": "linear",
-          "prose": "The linear keyword produces an identity linear easing function whose output progress value is equal to the input progress value for all inputs.",
-          "href": "https://drafts.csswg.org/css-easing-2/#valdef-easing-function-linear",
-          "type": "value",
-          "value": "linear"
-        }
-      ]
+      "value": "<linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"
     },
     {
       "name": "<linear-easing-function>",
       "href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-easing-function",
       "type": "type",
-      "value": "linear(<linear-stop-list>)"
+      "value": "linear | <linear()>"
     },
     {
       "name": "linear()",
-      "value": "linear(<linear-stop-list>)",
       "href": "https://drafts.csswg.org/css-easing-2/#funcdef-linear",
-      "type": "function"
-    },
-    {
-      "name": "<linear-stop-list>",
-      "href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-stop-list",
-      "type": "type",
-      "value": "[ <linear-stop> ]#"
-    },
-    {
-      "name": "<linear-stop>",
-      "href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-stop",
-      "type": "type",
-      "value": "<number> && <linear-stop-length>?"
-    },
-    {
-      "name": "<linear-stop-length>",
-      "href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-stop-length",
-      "type": "type",
-      "value": "<percentage>{1,2}"
+      "type": "function",
+      "value": "linear( [ <number> && <percentage>{0,2} ]# )"
     },
     {
       "name": "<cubic-bezier-easing-function>",
-      "value": "ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)",
       "href": "https://drafts.csswg.org/css-easing-2/#typedef-cubic-bezier-easing-function",
       "type": "type",
+      "value": "ease | ease-in | ease-out | ease-in-out | <cubic-bezier()>",
       "values": [
-        {
-          "name": "ease",
-          "prose": "Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1).",
-          "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease",
-          "type": "value",
-          "value": "ease"
-        },
         {
           "name": "ease-in",
-          "prose": "Equivalent to cubic-bezier(0.42, 0, 1, 1).",
+          "prose": "A function that starts slowly and smoothly, then quickly approaches the endpoint with an almost linear curve. Equivalent to cubic-bezier(0.42, 0, 1, 1).",
           "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-in",
           "type": "value",
           "value": "ease-in"
         },
         {
           "name": "ease-out",
-          "prose": "Equivalent to cubic-bezier(0, 0, 0.58, 1).",
+          "prose": "A function that starts quickly with an almost linear curve, then slowly and smoothly approaches the endpoint. Equivalent to cubic-bezier(0, 0, 0.58, 1).",
           "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-out",
           "type": "value",
           "value": "ease-out"
         },
         {
           "name": "ease-in-out",
-          "prose": "Equivalent to cubic-bezier(0.42, 0, 0.58, 1).",
+          "prose": "A function that starts and ends slowly and smoothly, quickly traversing the middle part. Equivalent to cubic-bezier(0.42, 0, 0.58, 1).",
           "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-in-out",
           "type": "value",
           "value": "ease-in-out"
         },
         {
-          "name": "cubic-bezier()",
-          "value": "cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)",
-          "href": "https://drafts.csswg.org/css-easing-2/#funcdef-cubic-bezier-easing-function-cubic-bezier",
-          "type": "function"
+          "name": "ease",
+          "prose": "Similar to ease-in-out, but with a quicker start and a slower finish. Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1).",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease",
+          "type": "value",
+          "value": "ease"
         }
       ]
     },
+    {
+      "name": "cubic-bezier()",
+      "href": "https://drafts.csswg.org/css-easing-2/#funcdef-cubic-bezier",
+      "type": "function",
+      "value": "cubic-bezier( [ <number [0,1]>, <number> ]#{2} )"
+    },
     {
       "name": "<step-easing-function>",
-      "value": "step-start | step-end | steps(<integer> , <step-position>?)",
       "href": "https://drafts.csswg.org/css-easing-2/#typedef-step-easing-function",
       "type": "type",
+      "value": "step-start | step-end | <steps()>"
+    },
+    {
+      "name": "steps()",
+      "href": "https://drafts.csswg.org/css-easing-2/#funcdef-steps",
+      "type": "function",
+      "value": "steps( <integer>, <step-position>?)",
       "values": [
         {
           "name": "step-start",
-          "prose": "Computes to steps(1, start)",
+          "prose": "Jumps from the starting to the ending value at the start of the easing interval. Computes to steps(1, start)",
           "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-easing-function-step-start",
           "type": "value",
           "value": "step-start"
         },
         {
           "name": "step-end",
-          "prose": "Computes to steps(1, end) Example step easing function keyword values.",
+          "prose": "Jumps from the starting to the ending value at the end of the easing interval. Computes to steps(1, end) Example step easing function keyword values.",
           "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-easing-function-step-end",
           "type": "value",
           "value": "step-end"
-        },
-        {
-          "name": "steps()",
-          "value": "steps(<integer>, <step-position>?)",
-          "href": "https://drafts.csswg.org/css-easing-2/#funcdef-step-easing-function-steps",
-          "type": "function",
-          "values": [
-            {
-              "name": "jump-start",
-              "prose": "The first rise occurs at input progress value of 0.",
-              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-start",
-              "type": "value",
-              "value": "jump-start"
-            },
-            {
-              "name": "jump-end",
-              "prose": "The last rise occurs at input progress value of 1.",
-              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-end",
-              "type": "value",
-              "value": "jump-end"
-            },
-            {
-              "name": "jump-none",
-              "prose": "All rises occur within the range (0, 1).",
-              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-none",
-              "type": "value",
-              "value": "jump-none"
-            },
-            {
-              "name": "jump-both",
-              "prose": "The first rise occurs at input progress value of 0 and the last rise occurs at input progress value of 1.",
-              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-both",
-              "type": "value",
-              "value": "jump-both"
-            },
-            {
-              "name": "start",
-              "prose": "Behaves as jump-start.",
-              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-start",
-              "type": "value",
-              "value": "start"
-            },
-            {
-              "name": "end",
-              "prose": "Behaves as jump-end.",
-              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-end",
-              "type": "value",
-              "value": "end"
-            }
-          ]
         }
       ]
     },
     {
       "name": "<step-position>",
-      "value": "jump-start | jump-end | jump-none | jump-both | start | end",
       "href": "https://drafts.csswg.org/css-easing-2/#typedef-step-position",
-      "type": "type"
+      "type": "type",
+      "value": "jump-start | jump-end | jump-none | jump-both | start | end",
+      "values": [
+        {
+          "name": "jump-start",
+          "prose": "The first interval has an output progress value of 1/steps, and subsequent intervals rise by 1/steps. (It \"jumps at the start\", with no step returning 0.)",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-jump-start",
+          "type": "value",
+          "value": "jump-start"
+        },
+        {
+          "name": "jump-end",
+          "prose": "The first interval has an output progress value of 0, and subsequent intervals rise by 1/steps. (It \"jumps at the end\", with no step returning 1.)",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-jump-end",
+          "type": "value",
+          "value": "jump-end"
+        },
+        {
+          "name": "jump-none",
+          "prose": "The first interval has an output progress value of 0, and subsequent intervals rise by 1/(steps-1). (It \"never jumps\", with steps returning both 0 and 1.)",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-jump-none",
+          "type": "value",
+          "value": "jump-none"
+        },
+        {
+          "name": "jump-both",
+          "prose": "The first interval has an output progress value of 1/(steps+1), and subsequent intervals rise by 1/(steps+1). (It \"jumps at both ends\", with no steps returning 0 or 1.)",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-jump-both",
+          "type": "value",
+          "value": "jump-both"
+        },
+        {
+          "name": "start",
+          "prose": "Behaves as jump-start.",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-start",
+          "type": "value",
+          "value": "start"
+        },
+        {
+          "name": "end",
+          "prose": "Behaves as jump-end.",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-position-end",
+          "type": "value",
+          "value": "end"
+        }
+      ]
     }
   ]
 }

package/css-fonts.json

@@ -270,7 +270,7 @@
     {
       "name": "font",
       "href": "https://drafts.csswg.org/css-fonts-4/#propdef-font",
-      "value": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | <system-family-name>",
+      "value": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
       "initial": "see individual properties",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -1589,13 +1589,13 @@
       "name": "<font-variant-css2>",
       "href": "https://drafts.csswg.org/css-fonts-4/#font-variant-css21-values",
       "type": "type",
-      "value": "[normal | small-caps]"
+      "value": "normal | small-caps"
     },
     {
       "name": "<font-width-css3>",
       "href": "https://drafts.csswg.org/css-fonts-4/#font-width-css3-values",
       "type": "type",
-      "value": "[normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded]"
+      "value": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"
     },
     {
       "name": "<font-src-list>",

package/css-grid-3.json

@@ -31,9 +31,288 @@
         "grid-template-rows",
         "gridTemplateRows"
       ]
+    },
+    {
+      "name": "grid-auto-flow",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-grid-auto-flow",
+      "value": "[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse",
+      "initial": "row",
+      "appliesTo": "grid containers",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword(s)",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "row-reverse",
+          "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-row-reverse",
+          "type": "value",
+          "value": "row-reverse"
+        },
+        {
+          "name": "column-reverse",
+          "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-column-reverse",
+          "type": "value",
+          "value": "column-reverse"
+        },
+        {
+          "name": "wrap-reverse",
+          "prose": "This specification extends the grid-auto-flow property to add row-reverse, column-reverse, and wrap-reverse, which reverse the directions of the grid item placement algorithm.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-grid-auto-flow-wrap-reverse",
+          "type": "value",
+          "value": "wrap-reverse"
+        }
+      ],
+      "styleDeclaration": [
+        "grid-auto-flow",
+        "gridAutoFlow"
+      ]
+    },
+    {
+      "name": "display",
+      "newValues": "masonry | inline-masonry",
+      "values": [
+        {
+          "name": "masonry",
+          "prose": "This value causes an element to generate a masonry container box that is block-level when placed in flow layout.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-display-masonry",
+          "type": "value",
+          "value": "masonry"
+        },
+        {
+          "name": "inline-masonry",
+          "prose": "This value causes an element to generate a masonry container box that is inline-level when placed in flow layout.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-display-inline-masonry",
+          "type": "value",
+          "value": "inline-masonry"
+        }
+      ],
+      "styleDeclaration": [
+        "display"
+      ]
+    },
+    {
+      "name": "masonry-direction",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-direction",
+      "value": "row | column | row-reverse | column-reverse",
+      "initial": "column",
+      "appliesTo": "masonry containers",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "column",
+          "prose": "The masonry container’s stacking axis is its block axis, and masonry layout starts from its block-start edge.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-column",
+          "type": "value",
+          "value": "column"
+        },
+        {
+          "name": "column-reverse",
+          "prose": "The masonry container’s stacking axis is its block axis, and masonry layout starts from its block-end edge.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-column-reverse",
+          "type": "value",
+          "value": "column-reverse"
+        },
+        {
+          "name": "row",
+          "prose": "The masonry container’s stacking axis is its inline axis, and masonry layout starts from its inline-start edge.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-row",
+          "type": "value",
+          "value": "row"
+        },
+        {
+          "name": "row-reverse",
+          "prose": "The masonry container’s stacking axis is its inline axis, and masonry layout starts from its inline-end edge.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-direction-row-reverse",
+          "type": "value",
+          "value": "row-reverse"
+        }
+      ],
+      "styleDeclaration": [
+        "masonry-direction",
+        "masonryDirection"
+      ]
+    },
+    {
+      "name": "masonry-fill",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-fill",
+      "value": "normal | reverse",
+      "initial": "normal",
+      "appliesTo": "masonry containers",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "normal",
+          "prose": "Ties are broken by filling the startmost track",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-normal",
+          "type": "value",
+          "value": "normal"
+        },
+        {
+          "name": "reverse",
+          "prose": "Ties are broken by filling the endmost track.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-reverse",
+          "type": "value",
+          "value": "reverse"
+        }
+      ],
+      "styleDeclaration": [
+        "masonry-fill",
+        "masonryFill"
+      ]
+    },
+    {
+      "name": "masonry-flow",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-flow",
+      "value": "<'masonry-direction'> || <'masonry-fill'>",
+      "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",
+      "styleDeclaration": [
+        "masonry-flow",
+        "masonryFlow"
+      ]
+    },
+    {
+      "name": "masonry",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry",
+      "value": "<'masonry-template-areas'> || <'masonry-template-tracks'> || <'masonry-direction'> || <'masonry-fill'>",
+      "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",
+      "styleDeclaration": [
+        "masonry"
+      ]
+    },
+    {
+      "name": "masonry-template-tracks",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-template-tracks",
+      "value": "<'grid-template-columns'>",
+      "initial": "repeat(auto-areas, auto)",
+      "appliesTo": "masonry containers",
+      "inherited": "no",
+      "percentages": "refer to correspodning dimension of the content area",
+      "computedValue": "by computed value type per item in the computed track list",
+      "canonicalOrder": "per grammar",
+      "animationType": "if list lengths match, by computed value type; otherwise, discrete",
+      "styleDeclaration": [
+        "masonry-template-tracks",
+        "masonryTemplateTracks"
+      ]
+    },
+    {
+      "name": "masonry-template-areas",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-template-areas",
+      "value": "none | <string>",
+      "initial": "none",
+      "appliesTo": "masonry containers",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the keyword none or a string",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "masonry-template-areas",
+        "masonryTemplateAreas"
+      ]
+    },
+    {
+      "name": "masonry-auto-tracks",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-auto-tracks",
+      "value": "<'grid-auto-columns'>",
+      "initial": "auto",
+      "appliesTo": "grid containers",
+      "inherited": "no",
+      "percentages": "refer to correspodning dimension of the content area",
+      "computedValue": "a computed track list",
+      "canonicalOrder": "per grammar",
+      "animationType": "if the list lengths match, by computed value type per item; discrete otherwise",
+      "styleDeclaration": [
+        "masonry-auto-tracks",
+        "masonryAutoTracks"
+      ]
+    },
+    {
+      "name": "masonry-slack",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-slack",
+      "value": "<length-percentage>",
+      "initial": "1em",
+      "appliesTo": "masonry containers",
+      "inherited": "no",
+      "percentages": "relative to the grid-axis content box size of the masonry container",
+      "computedValue": "a computed length",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "<length>",
+          "prose": "Specifies the tie threshold for the masonry container. Placement positions are considered to be equally good (“tied”) if they are within the specified distance from the shortest position.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-slack-length",
+          "type": "value",
+          "value": "<length>"
+        }
+      ],
+      "styleDeclaration": [
+        "masonry-slack",
+        "masonrySlack"
+      ]
+    },
+    {
+      "name": "masonry-track-start",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track-start",
+      "styleDeclaration": [
+        "masonry-track-start",
+        "masonryTrackStart"
+      ]
+    },
+    {
+      "name": "masonry-track-end",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track-end",
+      "styleDeclaration": [
+        "masonry-track-end",
+        "masonryTrackEnd"
+      ]
+    },
+    {
+      "name": "masonry-track",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-track",
+      "styleDeclaration": [
+        "masonry-track",
+        "masonryTrack"
+      ]
     }
   ],
   "atrules": [],
   "selectors": [],
-  "values": []
+  "values": [],
+  "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "auto-areas",
+      "prose": "The new auto-areas value for the repeat() notation represents the number of repetitions necessary for the total number of explicit tracks to match the grid-template-areas / masonry-template-areas value in effect in the corresponding axis. If multiple tracks are listed for the repetition, the final repetition is truncated as necessary to produce the correct number of tracks.",
+      "href": "https://drafts.csswg.org/css-grid-3/#valdef-repeat-auto-areas",
+      "type": "value",
+      "value": "auto-areas",
+      "for": "repeat()"
+    }
+  ]
 }

package/css-overflow-4.json

@@ -357,7 +357,7 @@
       "values": [
         {
           "name": "-webkit-discard",
-          "prose": "The -webkit-discard value behaves identically to discard, except that it only takes effect if the value of the display property is -webkit-box or -webkit-inline-box and the value of the -webkit-box-orient property is vertical.",
+          "prose": "The -webkit-discard value behaves identically to discard, except that it only takes effect if the specified value of the display property is -webkit-box or -webkit-inline-box and the value of the -webkit-box-orient property is vertical.",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue--webkit-discard",
           "type": "value",
           "value": "-webkit-discard"

package/css-shapes-2.json

@@ -32,7 +32,7 @@
         },
         {
           "name": "<basic-shape>",
-          "prose": "The shape is computed based on the values of one of inset(), circle(), ellipse() or polygon().",
+          "prose": "The shape is computed based on the values of one of the <basic-shape> functions.",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-inside-basic-shape",
           "type": "value",
           "value": "<basic-shape>"

package/css-shapes.json

@@ -25,7 +25,7 @@
         },
         {
           "name": "<basic-shape>",
-          "prose": "The shape is computed based on the values of one of inset(), circle(), ellipse() or polygon(). If a <shape-box> is also supplied, this defines the reference box for the <basic-shape> function. If <shape-box> is not supplied, then the reference box defaults to margin-box.",
+          "prose": "The shape is computed based on one of the <basic-shape> functions. If a <shape-box> is also supplied, this defines the reference box for the <basic-shape> function. If <shape-box> is not supplied, then the reference box defaults to margin-box.",
           "href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-outside-basic-shape",
           "type": "value",
           "value": "<basic-shape>"
@@ -126,24 +126,24 @@
         },
         {
           "name": "circle()",
-          "prose": "The <radial-size> argument defines the circle’s radius. Rather than referring to the gradient box, values are resolved against the [=/reference box=]. Two <length-percentage> values are invalid. The <position> argument defines the center of the circle. Unless otherwise specified, this defaults to center if omitted.",
+          "prose": "The <radial-size> argument defines the circle’s radius. Rather than referring to the gradient box, values are resolved against the reference box. Two <length-percentage> values are invalid. The <position> argument defines the center of the circle. Unless otherwise specified, this defaults to center if omitted.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-circle",
           "type": "function",
           "value": "circle( <radial-size>? [ at <position> ]? )"
         },
         {
           "name": "ellipse()",
-          "prose": "The <radial-size> argument defines the horizontal and vertical radiuses of the ellipse. Rather than referring to the gradient box, values are resolved against the [=/reference box=]. The <position> argument defines the center of the ellipse. Unless otherwise specified, this defaults to center if omitted.",
+          "prose": "The <radial-size> argument defines the horizontal and vertical radiuses of the ellipse. Rather than referring to the gradient box, values are resolved against the reference box. The <position> argument defines the center of the ellipse. Unless otherwise specified, this defaults to center if omitted.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-ellipse",
           "type": "function",
           "value": "ellipse( <radial-size>? [ at <position> ]? )"
         },
         {
           "name": "polygon()",
-          "prose": "The <'fill-rule'> specifies the filling rule used to determine the interior Defaults to nonzero if omitted. Each <length-percentage> pair specifies a vertex of the polygon, as a horizontal and vertical offset from the left and top edges of the [=/reference box=]. The UA must close a polygon by connecting the last vertex with the first vertex of the list.",
+          "prose": "The <'fill-rule'> specifies the filling rule used to determine the interior Defaults to nonzero if omitted. An optional <length> after a round keyword defines rounding for each vertex of the polygon. The length is the radius of a circle whose center lies on the bisector of the smaller angle of the vertex, and that is tangential to both sides of the vertex. Rounding polygon vertices that are both convex and concave. To avoid rounding more than half of any line segment, the rounding of each vertex must be clamped separately such that the radius is never more than the smaller of tan(angle/2) segment / 2 evaluated against both vertex line segments. This diagram shows the intent of the clamping formula. Each <length-percentage> pair specifies a vertex of the polygon, as a horizontal and vertical offset from the left and top edges of the reference box. The UA must close a polygon by connecting the last vertex with the first vertex of the list.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-polygon",
           "type": "function",
-          "value": "polygon( <'fill-rule'>? , [<length-percentage> <length-percentage>]# )"
+          "value": "polygon( <'fill-rule'>? [ round <length> ]? , [<length-percentage> <length-percentage>]# )"
         },
         {
           "name": "path()",

package/package.json

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