@webref/css 2.1.9 → 3.0.0

package/css-conditional-5.json

@@ -0,0 +1,28 @@
+{
+  "spec": {
+    "title": "CSS Conditional Rules Module Level 5",
+    "url": "https://drafts.csswg.org/css-conditional-5/"
+  },
+  "properties": {},
+  "descriptors": {},
+  "valuespaces": {
+    "<supports-feature>": {
+      "value": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>"
+    },
+    "<supports-font-tech-fn>": {
+      "value": "font-tech ( <font-tech> )"
+    },
+    "<font-tech>": {
+      "value": "[ features-opentype | features-aat | features-graphite | color-colrv0 | color-colrv1 | color-svg | color-sbix | color-cbdt | variations | palettes | incremental ]"
+    },
+    "<supports-font-format-fn>": {
+      "value": "font-format ( <font-format> )"
+    },
+    "<media()>": {
+      "value": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
+    },
+    "<supports()>": {
+      "value": "supports( <declaration> )"
+    }
+  }
+}

package/css-contain-3.json

@@ -0,0 +1,129 @@
+{
+  "spec": {
+    "title": "CSS Containment Module Level 3",
+    "url": "https://drafts.csswg.org/css-contain-3/"
+  },
+  "properties": {
+    "contain": {
+      "name": "contain",
+      "newValues": "layout || style || paint || [ size | inline-size ]",
+      "styleDeclaration": [
+        "contain"
+      ]
+    },
+    "container-type": {
+      "name": "container-type",
+      "value": "none | style || state || [ size | inline-size | block-size ]",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the keyword none or one or more of size, inline-size, block-size, style, state",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "container-type",
+        "containerType"
+      ]
+    },
+    "container-name": {
+      "name": "container-name",
+      "value": "none | [ <custom-ident> | <string> ]+",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "a set of unique identifiers",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "container-name",
+        "containerName"
+      ]
+    },
+    "container": {
+      "name": "container",
+      "value": "<'container-type'> [ / <'container-name'> ]?",
+      "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": [
+        "container"
+      ]
+    }
+  },
+  "descriptors": {
+    "width": [
+      {
+        "name": "width",
+        "for": "@container",
+        "value": "<length>",
+        "type": "range"
+      }
+    ],
+    "height": [
+      {
+        "name": "height",
+        "for": "@container",
+        "value": "<length>",
+        "type": "range"
+      }
+    ],
+    "inline-size": [
+      {
+        "name": "inline-size",
+        "for": "@container",
+        "value": "<length>",
+        "type": "range"
+      }
+    ],
+    "block-size": [
+      {
+        "name": "block-size",
+        "for": "@container",
+        "value": "<length>",
+        "type": "range"
+      }
+    ],
+    "aspect-ratio": [
+      {
+        "name": "aspect-ratio",
+        "for": "@container",
+        "value": "<ratio>",
+        "type": "range"
+      }
+    ],
+    "orientation": [
+      {
+        "name": "orientation",
+        "for": "@container",
+        "value": "portrait | landscape",
+        "type": "discrete"
+      }
+    ]
+  },
+  "valuespaces": {
+    "<container-condition>": {
+      "value": "not <container-query> | <container-query> [ and <container-query> ]* | <container-query> [ or <container-query> ]*"
+    },
+    "<container-query>": {
+      "value": "( <container-condition> ) | size( <size-query> ) | style( <style-query> )"
+    },
+    "<size-query>": {
+      "value": "<size-feature> | <size-condition>"
+    },
+    "<size-condition>": {
+      "value": "not ( <size-query> ) | ( <size-query> ) [ and ( <size-query> ) ]* | ( <size-query> ) [ or ( <size-query> ) ]*"
+    },
+    "<style-query>": {
+      "value": "<style-feature> | <style-condition>"
+    },
+    "<style-condition>": {
+      "value": "not ( <style-query> ) | ( <style-query> ) [ and ( <style-query> ) ]* | ( <style-query> ) [ or ( <style-query> ) ]*"
+    }
+  }
+}

package/css-overflow.json

@@ -168,24 +168,25 @@
         "lineClamp"
       ]
     },
-    "max-lines": {
-      "name": "max-lines",
+    "-webkit-line-clamp": {
+      "name": "-webkit-line-clamp",
       "value": "none | <integer>",
       "initial": "none",
-      "appliesTo": "block containers which are also fragmentation containers that capture region breaks",
-      "inherited": "no",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
       "percentages": "N/A",
-      "computedValue": "the keyword none or an integer",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
       "styleDeclaration": [
-        "max-lines",
-        "maxLines"
+        "-webkit-line-clamp",
+        "WebkitLineClamp",
+        "webkitLineClamp"
       ]
     },
     "continue": {
       "name": "continue",
-      "value": "auto | discard",
+      "value": "auto | discard | -webkit-discard",
       "initial": "auto",
       "appliesTo": "block containers and multicol containers",
       "inherited": "no",
@@ -197,12 +198,19 @@
         "continue"
       ]
     },
-    "-webkit-line-clamp": {
-      "name": "-webkit-line-clamp",
+    "max-lines": {
+      "name": "max-lines",
+      "value": "none | <integer>",
+      "initial": "none",
+      "appliesTo": "block containers which are also fragmentation containers that capture region breaks",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "the keyword none or an integer",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
-        "-webkit-line-clamp",
-        "WebkitLineClamp",
-        "webkitLineClamp"
+        "max-lines",
+        "maxLines"
       ]
     }
   },

package/css-values-5.json

@@ -0,0 +1,16 @@
+{
+  "spec": {
+    "title": "CSS Values and Units Module Level 5",
+    "url": "https://drafts.csswg.org/css-values-5/"
+  },
+  "properties": {},
+  "descriptors": {},
+  "valuespaces": {
+    "<attr()>": {
+      "value": "attr( <q-name> <attr-type>? , <declaration-value>?)"
+    },
+    "<attr-type>": {
+      "value": "string | url | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>"
+    }
+  }
+}

package/css-values.json

@@ -15,12 +15,6 @@
     "<position>": {
       "value": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
     },
-    "<attr()>": {
-      "value": "attr( <wq-name> <attr-type>? , <declaration-value>?)"
-    },
-    "<attr-type>": {
-      "value": "string | url | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>"
-    },
     "<calc()>": {
       "value": "calc( <calc-sum> )"
     },

package/mediaqueries-5.json

@@ -221,30 +221,6 @@
         "type": "discrete"
       }
     ],
-    "video-width": [
-      {
-        "name": "video-width",
-        "for": "@media",
-        "value": "<length>",
-        "type": "range"
-      }
-    ],
-    "video-height": [
-      {
-        "name": "video-height",
-        "for": "@media",
-        "value": "<length>",
-        "type": "range"
-      }
-    ],
-    "video-resolution": [
-      {
-        "name": "video-resolution",
-        "for": "@media",
-        "value": "<resolution> | infinite",
-        "type": "range"
-      }
-    ],
     "scripting": [
       {
         "name": "scripting",

package/package.json

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