@webref/css 7.0.9-alpha → 7.0.11

package/CHANGELOG.md

@@ -7,7 +7,7 @@ Webref adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html),
 applied to data. A new major version is released whenever a breaking change is
 made to the data structure.
 
-## v7.0.x - 2025-TBD
+## v7.0.11 - 2025-09-04
 
 CSS extracts are now consolidated into a single file.
 
@@ -25,7 +25,7 @@ In version 6, `listAll()` resolved with an object where the keys were spec short
 - The consolidation removes duplicates, merging extended definitions into a single feature. The definition from the latest spec level is used when a feature is defined in more than one level. If you need the definition from earlier levels, please [raise an issue](https://github.com/w3c/webref/issues) to describe your needs!
 - Some of the possible values that a CSS feature could take appeared nested under that feature definition in a `values` key in version 6. Such values are no longer reported in the new version: they were confusing in any case because they did not cover the whole range of values that a feature could take, and could contain values that were not atomic keyword values. Values could be re-introduced when CSS specs are more systematic about them. In the meantime, you will need to parse the feature's syntax (the `syntax` key) to extract keyword values.
 
-Additionally, the package now also exposes a new `index()` async method that resolves with an object similar to that returned by `listAll()`, except that lists of features under each category are indexed by feature names. For scoped features, the feature name is used as identifier when it is unambiguous. If a  feature is defined differently for different scopes, the feature name is completed with the name of the first scoping feature to disambiguate. For example, `type() for @function`, `type() for attr()`.
+Additionally, the package now also exposes a new `index()` async method that resolves with an object similar to that returned by `listAll()`, except that lists of features under each category are indexed by feature names. For scoped features, the feature name is used as identifier when it is unambiguous. If a feature is defined differently for different scopes, the feature name is completed with the name of the first scoping feature to disambiguate. For example, `type() for @function`, `type() for attr()`.
 
 ## v6.0.0 - 2022-11-28
 

package/css.json

@@ -104,6 +104,13 @@
           "type": "range",
           "syntax": "<length>"
         },
+        {
+          "name": "direction",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-direction",
+          "for": "@container",
+          "type": "discrete",
+          "syntax": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline"
+        },
         {
           "name": "height",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-height",
@@ -6516,7 +6523,7 @@
       "styleDeclaration": [
         "corner"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]? ] || <corner-shape-value>{1,4}",
+      "syntax": "<'border-radius'> || <'corner-shape'>",
       "extended": []
     },
     {
@@ -6533,7 +6540,7 @@
         "corner-block-end",
         "cornerBlockEnd"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]? ] || <corner-shape-value>{1,2}",
+      "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
       "extended": []
     },
     {
@@ -6550,7 +6557,7 @@
         "corner-block-end-shape",
         "cornerBlockEndShape"
       ],
-      "syntax": "<corner-shape-value>{1,2}",
+      "syntax": "<'corner-top-left-shape'>{1,2}",
       "extended": []
     },
     {
@@ -6567,7 +6574,7 @@
         "corner-block-start",
         "cornerBlockStart"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]? ] || <corner-shape-value>{1,2}",
+      "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
       "extended": []
     },
     {
@@ -6584,7 +6591,7 @@
         "corner-block-start-shape",
         "cornerBlockStartShape"
       ],
-      "syntax": "<corner-shape-value>{1,2}",
+      "syntax": "<'corner-top-left-shape'>{1,2}",
       "extended": []
     },
     {
@@ -6601,7 +6608,7 @@
         "corner-bottom",
         "cornerBottom"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]? ] || <corner-shape-value>{1,2}",
+      "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
       "extended": []
     },
     {
@@ -6618,7 +6625,7 @@
         "corner-bottom-left",
         "cornerBottomLeft"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2} || <corner-shape-value>",
+      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6653,7 +6660,7 @@
         "corner-bottom-right",
         "cornerBottomRight"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2} || <corner-shape-value>",
+      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6688,7 +6695,7 @@
         "corner-bottom-shape",
         "cornerBottomShape"
       ],
-      "syntax": "<corner-shape-value>{1,2}",
+      "syntax": "<'corner-top-left-shape'>{1,2}",
       "extended": []
     },
     {
@@ -6705,7 +6712,7 @@
         "corner-end-end",
         "cornerEndEnd"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2} || <corner-shape-value>",
+      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6740,7 +6747,7 @@
         "corner-end-start",
         "cornerEndStart"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2} || <corner-shape-value>",
+      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6775,7 +6782,7 @@
         "corner-inline-end",
         "cornerInlineEnd"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]? ] || <corner-shape-value>{1,2}",
+      "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
       "extended": []
     },
     {
@@ -6792,7 +6799,7 @@
         "corner-inline-end-shape",
         "cornerInlineEndShape"
       ],
-      "syntax": "<corner-shape-value>{1,2}",
+      "syntax": "<'corner-top-left-shape'>{1,2}",
       "extended": []
     },
     {
@@ -6809,7 +6816,7 @@
         "corner-inline-start",
         "cornerInlineStart"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]? ] || <corner-shape-value>{1,2}",
+      "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
       "extended": []
     },
     {
@@ -6826,7 +6833,7 @@
         "corner-inline-start-shape",
         "cornerInlineStartShape"
       ],
-      "syntax": "<corner-shape-value>{1,2}",
+      "syntax": "<'corner-top-left-shape'>{1,2}",
       "extended": []
     },
     {
@@ -6843,7 +6850,7 @@
         "corner-left",
         "cornerLeft"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]? ] || <corner-shape-value>{1,2}",
+      "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
       "extended": []
     },
     {
@@ -6860,7 +6867,7 @@
         "corner-left-shape",
         "cornerLeftShape"
       ],
-      "syntax": "<corner-shape-value>{1,2}",
+      "syntax": "<'corner-top-left-shape'>{1,2}",
       "extended": []
     },
     {
@@ -6877,7 +6884,7 @@
         "corner-right",
         "cornerRight"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]? ] || <corner-shape-value>{1,2}",
+      "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
       "extended": []
     },
     {
@@ -6894,7 +6901,7 @@
         "corner-right-shape",
         "cornerRightShape"
       ],
-      "syntax": "<corner-shape-value>{1,2}",
+      "syntax": "<'corner-top-left-shape'>{1,2}",
       "extended": []
     },
     {
@@ -6911,7 +6918,7 @@
         "corner-shape",
         "cornerShape"
       ],
-      "syntax": "<corner-shape-value>{1,4}",
+      "syntax": "<'corner-top-left-shape'>{1,4}",
       "extended": []
     },
     {
@@ -6928,7 +6935,7 @@
         "corner-start-end",
         "cornerStartEnd"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2} || <corner-shape-value>",
+      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6963,7 +6970,7 @@
         "corner-start-start",
         "cornerStartStart"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2} || <corner-shape-value>",
+      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6998,7 +7005,7 @@
         "corner-top",
         "cornerTop"
       ],
-      "syntax": "[ <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]? ] || <corner-shape-value>{1,2}",
+      "syntax": "<'border-top-radius'> || <'corner-top-shape'>",
       "extended": []
     },
     {
@@ -7015,7 +7022,7 @@
         "corner-top-left",
         "cornerTopLeft"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2} || <corner-shape-value>",
+      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -7050,7 +7057,7 @@
         "corner-top-right",
         "cornerTopRight"
       ],
-      "syntax": "<length-percentage [0,∞]>{1,2} || <corner-shape-value>",
+      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -7085,7 +7092,7 @@
         "corner-top-shape",
         "cornerTopShape"
       ],
-      "syntax": "<corner-shape-value>{1,2}",
+      "syntax": "<'corner-top-left-shape'>{1,2}",
       "extended": []
     },
     {
@@ -14791,7 +14798,7 @@
     },
     {
       "name": "view-transition-name",
-      "href": "https://drafts.csswg.org/css-view-transitions-1/#propdef-view-transition-name",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-name",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -15568,7 +15575,7 @@
     {
       "name": "::view-transition",
       "prose": "The ::view-transition pseudo-element is a tree-abiding pseudo-element that is also a pseudo-element root. Its originating element is the document’s document element, and its containing block is the snapshot containing block.",
-      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition",
       "syntax": "::view-transition",
       "extended": []
     },
@@ -15581,25 +15588,25 @@
     {
       "name": "::view-transition-group()",
       "prose": "The ::view-transition-group() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group() pseudo-element is generated for each view transition name as a child of the ::view-transition pseudo-element, and contains a corresponding ::view-transition-image-pair().",
-      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition-group",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group",
       "extended": []
     },
     {
       "name": "::view-transition-image-pair()",
       "prose": "The ::view-transition-image-pair() pseudo-element is a named view transition pseudo-element that represents a pair of corresponding old/new view transition captures. This pseudo-element is a child of the corresponding ::view-transition-group() pseudo-element and contains a corresponding ::view-transition-old() pseudo-element and/or a corresponding ::view-transition-new() pseudo-element (in that order).",
-      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition-image-pair",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-image-pair",
       "extended": []
     },
     {
       "name": "::view-transition-new()",
       "prose": "The ::view-transition-new() pseudo-element (like the analogous ::view-transition-old() pseudo-element) is an empty named view transition pseudo-element that represents a visual snapshot of the “new” state as a replaced element; it is omitted if there’s no “new” state to represent. Each ::view-transition-new() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element.",
-      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition-new",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-new",
       "extended": []
     },
     {
       "name": "::view-transition-old()",
       "prose": "The ::view-transition-old() pseudo-element is an empty named view transition pseudo-element that represents a visual snapshot of the “old” state as a replaced element; it is omitted if there’s no “old” state to represent. Each ::view-transition-old() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element.",
-      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition-old",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-old",
       "extended": []
     },
     {
@@ -16223,6 +16230,20 @@
       "syntax": ":target",
       "extended": []
     },
+    {
+      "name": ":target-after",
+      "prose": "In addition to the :target-current pseudo-class, this specification introduces the :target-before and :target-after pseudo-classes for use with scroll marker elements.",
+      "href": "https://drafts.csswg.org/css-overflow-5/#selectordef-target-after",
+      "syntax": ":target-after",
+      "extended": []
+    },
+    {
+      "name": ":target-before",
+      "prose": "In addition to the :target-current pseudo-class, this specification introduces the :target-before and :target-after pseudo-classes for use with scroll marker elements.",
+      "href": "https://drafts.csswg.org/css-overflow-5/#selectordef-target-before",
+      "syntax": ":target-before",
+      "extended": []
+    },
     {
       "name": ":target-current",
       "prose": "Exactly one scroll marker within each scroll marker group is determined to be active at a time. Such \"active\" scroll markers match the :target-current pseudo-class.",
@@ -16600,7 +16621,7 @@
     {
       "name": "bg-clip",
       "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-clip",
-      "syntax": "<visual-box> | border-area| text",
+      "syntax": "<visual-box> | [ border-area || text ]",
       "extended": []
     },
     {
@@ -18338,7 +18359,7 @@
     },
     {
       "name": "pt-name-selector",
-      "href": "https://drafts.csswg.org/css-view-transitions-1/#typedef-pt-name-selector",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-name-selector",
       "syntax": "'*' | <custom-ident>",
       "extended": []
     },

package/package.json

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