@webref/css 4.3.2 → 5.0.0

package/mediaqueries.json

@@ -4,175 +4,137 @@
     "url": "https://drafts.csswg.org/mediaqueries-4/"
   },
   "properties": {},
-  "descriptors": {
-    "width": [
-      {
-        "name": "width",
-        "for": "@media",
-        "value": "<length>",
-        "type": "range"
-      }
-    ],
-    "height": [
-      {
-        "name": "height",
-        "for": "@media",
-        "value": "<length>",
-        "type": "range"
-      }
-    ],
-    "aspect-ratio": [
-      {
-        "name": "aspect-ratio",
-        "for": "@media",
-        "value": "<ratio>",
-        "type": "range"
-      }
-    ],
-    "orientation": [
-      {
-        "name": "orientation",
-        "for": "@media",
-        "value": "portrait | landscape",
-        "type": "discrete"
-      }
-    ],
-    "resolution": [
-      {
-        "name": "resolution",
-        "for": "@media",
-        "value": "<resolution> | infinite",
-        "type": "range"
-      }
-    ],
-    "scan": [
-      {
-        "name": "scan",
-        "for": "@media",
-        "value": "interlace | progressive",
-        "type": "discrete"
-      }
-    ],
-    "grid": [
-      {
-        "name": "grid",
-        "for": "@media",
-        "value": "<mq-boolean>",
-        "type": "discrete"
-      }
-    ],
-    "update": [
-      {
-        "name": "update",
-        "for": "@media",
-        "value": "none | slow | fast",
-        "type": "discrete"
-      }
-    ],
-    "overflow-block": [
-      {
-        "name": "overflow-block",
-        "for": "@media",
-        "value": "none | scroll | paged",
-        "type": "discrete"
-      }
-    ],
-    "overflow-inline": [
-      {
-        "name": "overflow-inline",
-        "for": "@media",
-        "value": "none | scroll",
-        "type": "discrete"
-      }
-    ],
-    "color": [
-      {
-        "name": "color",
-        "for": "@media",
-        "value": "<integer>",
-        "type": "range"
-      }
-    ],
-    "color-index": [
-      {
-        "name": "color-index",
-        "for": "@media",
-        "value": "<integer>",
-        "type": "range"
-      }
-    ],
-    "monochrome": [
-      {
-        "name": "monochrome",
-        "for": "@media",
-        "value": "<integer>",
-        "type": "range"
-      }
-    ],
-    "color-gamut": [
-      {
-        "name": "color-gamut",
-        "for": "@media",
-        "value": "srgb | p3 | rec2020",
-        "type": "discrete"
-      }
-    ],
-    "pointer": [
-      {
-        "name": "pointer",
-        "for": "@media",
-        "value": "none | coarse | fine",
-        "type": "discrete"
-      }
-    ],
-    "hover": [
-      {
-        "name": "hover",
-        "for": "@media",
-        "value": "none | hover",
-        "type": "discrete"
-      }
-    ],
-    "any-pointer": [
-      {
-        "name": "any-pointer",
-        "for": "@media",
-        "value": "none | coarse | fine",
-        "type": "discrete"
-      }
-    ],
-    "any-hover": [
-      {
-        "name": "any-hover",
-        "for": "@media",
-        "value": "none | hover",
-        "type": "discrete"
-      }
-    ],
-    "device-width": [
-      {
-        "name": "device-width",
-        "for": "@media",
-        "value": "<length>",
-        "type": "range"
-      }
-    ],
-    "device-height": [
-      {
-        "name": "device-height",
-        "for": "@media",
-        "value": "<length>",
-        "type": "range"
-      }
-    ],
-    "device-aspect-ratio": [
-      {
-        "name": "device-aspect-ratio",
-        "for": "@media",
-        "value": "<ratio>",
-        "type": "range"
-      }
-    ]
+  "atrules": {
+    "@media": {
+      "descriptors": [
+        {
+          "name": "width",
+          "for": "@media",
+          "value": "<length>",
+          "type": "range"
+        },
+        {
+          "name": "height",
+          "for": "@media",
+          "value": "<length>",
+          "type": "range"
+        },
+        {
+          "name": "aspect-ratio",
+          "for": "@media",
+          "value": "<ratio>",
+          "type": "range"
+        },
+        {
+          "name": "orientation",
+          "for": "@media",
+          "value": "portrait | landscape",
+          "type": "discrete"
+        },
+        {
+          "name": "resolution",
+          "for": "@media",
+          "value": "<resolution> | infinite",
+          "type": "range"
+        },
+        {
+          "name": "scan",
+          "for": "@media",
+          "value": "interlace | progressive",
+          "type": "discrete"
+        },
+        {
+          "name": "grid",
+          "for": "@media",
+          "value": "<mq-boolean>",
+          "type": "discrete"
+        },
+        {
+          "name": "update",
+          "for": "@media",
+          "value": "none | slow | fast",
+          "type": "discrete"
+        },
+        {
+          "name": "overflow-block",
+          "for": "@media",
+          "value": "none | scroll | paged",
+          "type": "discrete"
+        },
+        {
+          "name": "overflow-inline",
+          "for": "@media",
+          "value": "none | scroll",
+          "type": "discrete"
+        },
+        {
+          "name": "color",
+          "for": "@media",
+          "value": "<integer>",
+          "type": "range"
+        },
+        {
+          "name": "color-index",
+          "for": "@media",
+          "value": "<integer>",
+          "type": "range"
+        },
+        {
+          "name": "monochrome",
+          "for": "@media",
+          "value": "<integer>",
+          "type": "range"
+        },
+        {
+          "name": "color-gamut",
+          "for": "@media",
+          "value": "srgb | p3 | rec2020",
+          "type": "discrete"
+        },
+        {
+          "name": "pointer",
+          "for": "@media",
+          "value": "none | coarse | fine",
+          "type": "discrete"
+        },
+        {
+          "name": "hover",
+          "for": "@media",
+          "value": "none | hover",
+          "type": "discrete"
+        },
+        {
+          "name": "any-pointer",
+          "for": "@media",
+          "value": "none | coarse | fine",
+          "type": "discrete"
+        },
+        {
+          "name": "any-hover",
+          "for": "@media",
+          "value": "none | hover",
+          "type": "discrete"
+        },
+        {
+          "name": "device-width",
+          "for": "@media",
+          "value": "<length>",
+          "type": "range"
+        },
+        {
+          "name": "device-height",
+          "for": "@media",
+          "value": "<length>",
+          "type": "range"
+        },
+        {
+          "name": "device-aspect-ratio",
+          "for": "@media",
+          "value": "<ratio>",
+          "type": "range"
+        }
+      ]
+    }
   },
   "valuespaces": {
     "<media-query-list>": {
@@ -237,7 +199,7 @@
       "value": "<mf-lt> | <mf-gt> | <mf-eq>"
     },
     "<general-enclosed>": {
-      "value": "[ <function-token> <any-value>? ) ] | ( <any-value>? )"
+      "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
     }
   }
 }

package/motion.json

@@ -99,7 +99,7 @@
       ]
     }
   },
-  "descriptors": {},
+  "atrules": {},
   "valuespaces": {
     "<ray()>": {
       "value": "ray( [ <angle> && <size> && contain? ] )"

package/package.json

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

package/scroll-animations.json

@@ -3,42 +3,123 @@
     "title": "Scroll-linked Animations",
     "url": "https://drafts.csswg.org/scroll-animations-1/"
   },
-  "properties": {},
-  "descriptors": {
-    "source": [
-      {
-        "name": "source",
-        "for": "@scroll-timeline",
-        "value": "selector( <id-selector> ) | auto | none",
-        "initial": "auto"
-      }
-    ],
-    "orientation": [
-      {
-        "name": "orientation",
-        "for": "@scroll-timeline",
-        "value": "auto | block | inline | horizontal | vertical",
-        "initial": "auto"
-      }
-    ],
-    "scroll-offsets": [
-      {
-        "name": "scroll-offsets",
-        "for": "@scroll-timeline",
-        "value": "none | <scroll-timeline-offset>#",
-        "initial": "none"
-      }
-    ]
+  "properties": {
+    "scroll-timeline-name": {
+      "name": "scroll-timeline-name",
+      "value": "none | <custom-ident>",
+      "initial": "none",
+      "appliesTo": "scroll containers",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "scroll-timeline-name",
+        "scrollTimelineName"
+      ]
+    },
+    "scroll-timeline-axis": {
+      "name": "scroll-timeline-axis",
+      "value": "block | inline | vertical | horizontal",
+      "initial": "block",
+      "appliesTo": "scroll containers",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "scroll-timeline-axis",
+        "scrollTimelineAxis"
+      ]
+    },
+    "scroll-timeline": {
+      "name": "scroll-timeline",
+      "value": "<'scroll-timeline-axis'> || <'scroll-timeline-name'>",
+      "initial": "see individual properties",
+      "appliesTo": "scroll containers",
+      "inherited": "no",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "not animatable",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "scroll-timeline",
+        "scrollTimeline"
+      ]
+    },
+    "view-timeline-name": {
+      "name": "view-timeline-name",
+      "value": "none | <custom-ident>#",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the keyword none or a list of <custom-ident>s",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "view-timeline-name",
+        "viewTimelineName"
+      ]
+    },
+    "view-timeline-axis": {
+      "name": "view-timeline-axis",
+      "value": "[ block | inline | vertical | horizontal ]#",
+      "initial": "block",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "a list of the keywords specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "view-timeline-axis",
+        "viewTimelineAxis"
+      ]
+    },
+    "view-timeline-inset": {
+      "name": "view-timeline-inset",
+      "value": "[ auto | <length-percentage> ]{1,4}",
+      "initial": "0",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the corresponding dimension of the relevant scrollport",
+      "computedValue": "per side, the keyword auto or a computed <length-percentage> value",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "view-timeline-inset",
+        "viewTimelineInset"
+      ]
+    },
+    "view-timeline": {
+      "name": "view-timeline",
+      "value": "[ <'view-timeline-name'> || <'view-timeline-axis'> ]#",
+      "initial": "see individual properties",
+      "appliesTo": "all elements",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "view-timeline",
+        "viewTimeline"
+      ]
+    }
   },
+  "atrules": {},
   "valuespaces": {
-    "<scroll-timeline-offset>": {
-      "value": "auto | <length-percentage> | <element-offset>"
+    "<scroll()>": {
+      "value": "scroll( <axis>? <scroller>? )"
     },
-    "<element-offset>": {
-      "value": "selector( <id-selector> ) [<element-offset-edge> || <number>]?"
+    "<axis>": {
+      "value": "block | inline | vertical | horizontal"
     },
-    "<element-offset-edge>": {
-      "value": "start | end"
+    "<scroller>": {
+      "value": "root | nearest | <custom-ident>"
     }
   }
 }

package/selectors.json

@@ -4,7 +4,7 @@
     "url": "https://drafts.csswg.org/selectors/"
   },
   "properties": {},
-  "descriptors": {},
+  "atrules": {},
   "valuespaces": {
     "<forgiving-selector-list>": {
       "prose": "The <forgiving-selector-list> production instead parses each selector in the list individually, simply ignoring ones that fail to parse, so the remaining selectors can still be used."

package/svg-strokes.json

@@ -50,6 +50,6 @@
       ]
     }
   },
-  "descriptors": {},
+  "atrules": {},
   "valuespaces": {}
 }