@webref/css 6.17.4 → 6.17.6

package/css-color-5.json

@@ -268,21 +268,21 @@
       "values": [
         {
           "name": "l",
-          "prose": "l is a <number> that corresponds to the origin color’s Oklab Lightness after conversion, if required, to Oklch. 1.0 is equivalent to 100%.",
+          "prose": "l is a <number> that corresponds to the origin color’s Oklab Lightness after conversion, if required, to OKLCh. 1.0 is equivalent to 100%.",
           "href": "https://drafts.csswg.org/css-color-5/#valdef-oklch-l",
           "type": "value",
           "value": "l"
         },
         {
           "name": "c",
-          "prose": "c is a <number> that corresponds to the origin color’s Oklch chroma after conversion, if required, to Oklch. 0.4 is equivalent to 100%.",
+          "prose": "c is a <number> that corresponds to the origin color’s OKLCh chroma after conversion, if required, to OKLCh. 0.4 is equivalent to 100%.",
           "href": "https://drafts.csswg.org/css-color-5/#valdef-oklch-c",
           "type": "value",
           "value": "c"
         },
         {
           "name": "h",
-          "prose": "h is a <number> that corresponds to the origin color’s Oklch hue, in degrees, after conversion, if required, to Oklch, normalized to a [0, 360] range. 90 is equivalent to 90deg.",
+          "prose": "h is a <number> that corresponds to the origin color’s OKLCh hue, in degrees, after conversion, if required, to OKLCh, normalized to a [0, 360] range. 90 is equivalent to 90deg.",
           "href": "https://drafts.csswg.org/css-color-5/#valdef-oklch-h",
           "type": "value",
           "value": "h"

package/css-color.json

@@ -1453,11 +1453,11 @@
       "value": "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
-          "name": "Oklch",
-          "prose": "In Oklch the first argument specifies the Oklch Lightness L, interpreted identically to the Lightness argument of oklab().",
+          "name": "OKLCh",
+          "prose": "In OKLCh the first argument specifies the OKLCh Lightness L, interpreted identically to the Lightness argument of oklab().",
           "href": "https://drafts.csswg.org/css-color-4/#valdef-oklch-oklch",
           "type": "value",
-          "value": "Oklch"
+          "value": "OKLCh"
         }
       ]
     },

package/css-conditional-5.json

@@ -252,7 +252,7 @@
           "name": "snapped",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-snapped",
           "for": "@container",
-          "value": "none | x | y | block | inline",
+          "value": "none | x | y | block | inline | both",
           "type": "discrete",
           "values": [
             {
@@ -289,6 +289,13 @@
               "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-inline",
               "type": "value",
               "value": "inline"
+            },
+            {
+              "name": "both",
+              "prose": "snapped container feature matches both if the query container is a snap target for its scroll container in both directions of the snap container.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-snapped-both",
+              "type": "value",
+              "value": "both"
             }
           ]
         },
@@ -296,7 +303,7 @@
           "name": "scrollable",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-scrollable",
           "for": "@container",
-          "value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end",
+          "value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline",
           "type": "discrete",
           "values": [
             {
@@ -361,6 +368,34 @@
               "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrollable-inline-end",
               "type": "value",
               "value": "inline-end"
+            },
+            {
+              "name": "x",
+              "prose": "The scroll container has horizontally scrollable overflow.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrollable-x",
+              "type": "value",
+              "value": "x"
+            },
+            {
+              "name": "y",
+              "prose": "The scroll container has vertically scrollable overflow.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrollable-y",
+              "type": "value",
+              "value": "y"
+            },
+            {
+              "name": "block",
+              "prose": "The scroll container has scrollable overflow in its block direction.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrollable-block",
+              "type": "value",
+              "value": "block"
+            },
+            {
+              "name": "inline",
+              "prose": "The scroll container has scrollable overflow in its inline direction.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-scrollable-inline",
+              "type": "value",
+              "value": "inline"
             }
           ]
         }

package/css-overflow-5.json

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

package/css-rhythm.json

@@ -73,7 +73,7 @@
       "values": [
         {
           "name": "auto",
-          "prose": "If block-step-insert is margin: if align-self is start, end, or center, treat as that value, otherwise treat as center.",
+          "prose": "If block-step-insert is margin-box: if align-self is start, end, or center, treat as that value, otherwise treat as center.",
           "href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-align-auto",
           "type": "value",
           "value": "auto"

package/css-shapes-2.json

@@ -99,21 +99,21 @@
           "type": "type"
         },
         {
-          "name": "<by-to>",
-          "value": "by | to",
-          "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-by-to",
+          "name": "<command-end-point>",
+          "value": "[ to <position> | by <coordinate-pair> ]",
+          "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-command-end-point",
           "type": "type",
           "values": [
             {
               "name": "by",
-              "prose": "<by-to> = by | to",
+              "prose": "<command-end-point> = [ by <position> | to <coordinate-pair> ]",
               "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-by",
               "type": "value",
               "value": "by"
             },
             {
               "name": "to",
-              "prose": "<by-to> = by | to",
+              "prose": "<command-end-point> = [ by <position> | to <coordinate-pair> ]",
               "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-to",
               "type": "value",
               "value": "to"
@@ -122,79 +122,83 @@
         },
         {
           "name": "<move-command>",
-          "value": "move <by-to> <coordinate-pair>",
+          "value": "move <command-end-point>",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-move-command",
           "type": "type"
         },
         {
           "name": "move",
-          "prose": "<move-command> = move <by-to> <coordinate-pair>",
+          "prose": "<move-command> = move <command-end-point>",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-move",
           "type": "value",
           "value": "move"
         },
         {
           "name": "<line-command>",
-          "value": "line <by-to> <coordinate-pair>",
+          "value": "line <command-end-point>",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-line-command",
           "type": "type"
         },
         {
           "name": "line",
-          "prose": "<line-command> = line <by-to> <coordinate-pair>",
+          "prose": "<line-command> = line <command-end-point>",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-line",
           "type": "value",
           "value": "line"
         },
         {
-          "name": "<hv-line-command>",
-          "value": "[hline | vline] <by-to> <length-percentage>",
-          "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-hv-line-command",
+          "name": "<horizontal-line-command>",
+          "value": "hline [ to [ <length-percentage> | left | center | right | x-start | x-end ] | by <length-percentage> ]",
+          "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-horizontal-line-command",
           "type": "type"
         },
         {
-          "name": "hline",
-          "prose": "<hv-line-command> = [hline | vline] <by-to> <length-percentage>",
-          "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-hline",
-          "type": "value",
-          "value": "hline"
-        },
-        {
-          "name": "vline",
-          "prose": "<hv-line-command> = [hline | vline] <by-to> <length-percentage>",
-          "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-vline",
-          "type": "value",
-          "value": "vline"
+          "name": "<vertical-line-command>",
+          "value": "vline [ to [ <length-percentage> | top | center | bottom | y-start | y-end ] | by <length-percentage> ]",
+          "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-vertical-line-command",
+          "type": "type"
         },
         {
           "name": "<curve-command>",
-          "value": "curve [<by-to> <coordinate-pair> using <coordinate-pair>{1,2}]",
+          "value": "curve [ [ to <position> && [ with <control-point> [ / <control-point> ]? ] ] | [ by <coordinate-pair> && [ with <relative-control-point> [ / <relative-control-point> ]? ] ] ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-curve-command",
           "type": "type"
         },
         {
           "name": "curve",
-          "prose": "<curve-command> = curve [[<by-to> <coordinate-pair>] || [using <coordinate-pair>{1,2}]]",
+          "prose": "<curve-command> = curve [ [ to <position> && with <control-point> [ / <control-point> ]? ] | [ by <coordinate-pair> && with <relative-control-point> [ / <relative-control-point> ]? ] ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-curve",
           "type": "value",
           "value": "curve"
         },
         {
           "name": "<smooth-command>",
-          "value": "smooth [[<by-to> <coordinate-pair>] || [using <coordinate-pair>]?]",
+          "value": "smooth [ [ to <position> && [ with <control-point> ]? ] | [ by <coordinate-pair> && [ with <relative-control-point> ]? ] ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-smooth-command",
           "type": "type"
         },
         {
           "name": "smooth",
-          "prose": "<smooth-command> = smooth [[<by-to> <coordinate-pair>] || [using <coordinate-pair>]?]",
+          "prose": "<smooth-command> = smooth [ [ to <position> && [with <control-point> ]? ] | [ by <coordinate-pair> && [ with <relative-control-point> ]? ] ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-smooth",
           "type": "value",
           "value": "smooth"
         },
+        {
+          "name": "<control-point>",
+          "value": "[ <position> | <relative-control-point> ]",
+          "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-control-point",
+          "type": "type"
+        },
+        {
+          "name": "<relative-control-point>",
+          "value": "<coordinate-pair> [ from [ start | end | origin ] ]?",
+          "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-relative-control-point",
+          "type": "type"
+        },
         {
           "name": "<arc-command>",
-          "value": "arc [[<by-to> <coordinate-pair>] || [of <length-percentage>{1,2}] || <arc-sweep>? || <arc-size>? || [rotate <angle>]?]",
+          "value": "arc [ <command-end-point> && [ of <coordinate-pair> ] && <arc-sweep>? && <arc-size>? && [rotate <angle>]? ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-arc-command",
           "type": "type"
         },
@@ -263,7 +267,7 @@
       "prose": "The sequence of <shape-command>s represent further path data commands. Each command’s starting point is the previous command’s ending point.",
       "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-command",
       "type": "type",
-      "value": "<move-command> | <line-command> | <hv-line-command> | <curve-command> | <smooth-command> | <arc-command> | close"
+      "value": "<move-command> | <line-command> | close | <horizontal-line-command> | <vertical-line-command> | <curve-command> | <smooth-command> | <arc-command>"
     }
   ]
 }

package/css-values-5.json

@@ -468,12 +468,13 @@
       "name": "<if()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-if",
       "type": "type",
-      "value": "if( [ <if-condition> : <declaration-value>? ; ]* <if-condition> : <declaration-value>? ';'? )"
+      "value": "if( [ <if-condition> : <declaration-value>? ; ]* <if-condition> : <declaration-value>? ;? )"
     },
     {
       "name": "<if-condition>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-if-condition",
-      "type": "type"
+      "type": "type",
+      "value": "<boolean-expr[ <if-test> ]> | else"
     },
     {
       "name": "<if-test>",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.17.4",
+  "version": "6.17.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"
@@ -12,6 +12,6 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "css-tree": "^2.3.1"
+    "css-tree": "^3.1.0"
   }
 }

package/selectors.json

@@ -166,11 +166,6 @@
       "prose": "The :open pseudo-class represents an element that has both “open” and “closed” states, and which is currently in the “open” state.",
       "href": "https://drafts.csswg.org/selectors-4/#selectordef-open"
     },
-    {
-      "name": ":closed",
-      "prose": "The :closed pseudo-class represents an element that has both “open” and “closed” states, and which is currently in the closed state.",
-      "href": "https://drafts.csswg.org/selectors-4/#selectordef-closed"
-    },
     {
       "name": ":modal",
       "prose": "The :modal pseudo-class represents an element which is in a state that excludes all interaction with elements outside it until it has been dismissed. Multiple elements can be :modal simultaneously, with only one of them active (able to receive input).",