@webref/css 2.0.9 → 2.1.0

package/css-cascade-6.json

@@ -0,0 +1,13 @@
+{
+  "spec": {
+    "title": "CSS Cascading and Inheritance Level 6",
+    "url": "https://drafts.csswg.org/css-cascade-6/"
+  },
+  "properties": {},
+  "descriptors": {},
+  "valuespaces": {
+    "<selector-scope>": {
+      "value": "( <scope-start> [/ <scope-end>]? )"
+    }
+  }
+}

package/css-color.json

@@ -61,28 +61,34 @@
   },
   "valuespaces": {
     "<color>": {
-      "value": "<hex-color> | <named-color> | currentcolor | transparent | <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <color()> | <device-cmyk()> | <system-color>"
+      "value": "<absolute-color-base> | currentcolor | <system-color> | <device-cmyk()>"
+    },
+    "<absolute-color>": {
+      "value": "<absolute-color-base> | <absolute-device-cmyk>"
+    },
+    "<absolute-color-base>": {
+      "value": "<hex-color> | <named-color> | transparent | <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <color()>"
     },
     "<hue>": {
       "value": "<number> | <angle>"
     },
     "<rgb()>": {
-      "value": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? )"
+      "value": "rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? )"
     },
     "<alpha-value>": {
       "value": "<number> | <percentage>"
     },
     "<hsl()>": {
-      "value": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? )"
+      "value": "hsl( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<hwb()>": {
-      "value": "hwb( <hue> <percentage> <percentage> [ / <alpha-value> ]? )"
+      "value": "hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<lab()>": {
-      "value": "lab( <percentage> <number> <number> [ / <alpha-value> ]? )"
+      "value": "lab( [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<lch()>": {
-      "value": "lch( <percentage> <number> <hue> [ / <alpha-value> ]? )"
+      "value": "lch( [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<color()>": {
       "value": "color( [<ident> | <dashed-ident>] [ <number-percentage>+ ] [ / <alpha-value> ]? )"
@@ -90,6 +96,9 @@
     "<device-cmyk()>": {
       "value": "device-cmyk( <cmyk-component>{4} [ / <alpha-value> ]? , <color>? )"
     },
+    "<absolute-device-cmyk>": {
+      "value": "device-cmyk( <cmyk-component>{4} [ / <alpha-value> ]? , <absolute-color>? )"
+    },
     "<cmyk-component>": {
       "value": "<number> | <percentage>"
     }

package/css-conditional-4.json

@@ -7,10 +7,22 @@
   "descriptors": {},
   "valuespaces": {
     "<supports-feature>": {
-      "value": "<supports-selector-fn> | <supports-decl>"
+      "value": "<supports-selector-fn> | <supports-font-technology-fn> | <supports-decl>"
     },
     "<supports-selector-fn>": {
       "value": "selector( <complex-selector> )"
+    },
+    "<supports-font-technology-fn>": {
+      "value": "font-technology ( <font-technology> )"
+    },
+    "<font-technology>": {
+      "value": "[ features-opentype | features-aat | features-graphite | color-colrv0 | color-colrv1 | color-svg | color-sbix | color-cbdt | variations | palettes | incremental ]"
+    },
+    "<media()>": {
+      "value": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
+    },
+    "<supports()>": {
+      "value": "supports( <declaration> )"
     }
   }
 }

package/css-env.json

@@ -7,7 +7,7 @@
   "descriptors": {},
   "valuespaces": {
     "<env()>": {
-      "value": "env( <custom-ident> , <declaration-value>? )"
+      "value": "env( <custom-ident> <integer [0,∞]>*, <declaration-value>? )"
     }
   }
 }

package/css-fonts.json

@@ -352,7 +352,7 @@
     },
     "font-palette": {
       "name": "font-palette",
-      "value": "none | normal | light | dark | <palette-identifier>",
+      "value": "normal | light | dark | <palette-identifier>",
       "initial": "normal",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -408,7 +408,7 @@
       {
         "name": "font-style",
         "for": "@font-face",
-        "value": "auto | normal | italic | oblique [ <angle> | <angle>{1,2} ]?",
+        "value": "auto | normal | italic | oblique [ <angle>{1,2} ]?",
         "initial": "auto"
       }
     ],
@@ -510,15 +510,15 @@
       {
         "name": "base-palette",
         "for": "@font-palette-values",
-        "value": "<integer> | <string>",
+        "value": "light | dark | <integer [0,∞]> | <string>",
         "initial": "N/A"
       }
     ],
-    "override-color": [
+    "override-colors": [
       {
-        "name": "override-color",
+        "name": "override-colors",
         "for": "@font-palette-values",
-        "value": "[ [ <string> | <integer> ] <color> ]#",
+        "value": "[ [ <string> | <integer [0,∞]> ] <absolute-color> ]#",
         "initial": "N/A"
       }
     ]
@@ -608,8 +608,14 @@
     "<generic-family>": {
       "prose": "Each <generic-family> keyword represents a generic font choice, and behaves as an alias for one or more locally-installed fonts belonging to the specified generic font category. A <generic-family> can thus be used as a reliable fallback for when an author’s more specific font choices are not available. Authors are encouraged to append a generic font family as a last alternative for improved robustness. Note that <generic-family> keywords cannot be quoted (otherwise they are interpreted as a <family-name>). The set of generic family keywords is defined in § 2.1.3 Generic font families."
     },
+    "<string>": {
+      "prose": "single four-character case-sensitive OpenType language system tag, specifies the OpenType language system to be used instead of the language system implied by the language of the element. If the string is shorter than four characters, it is padded at the end with space (U+0020) characters such that the length is 4, before being matched."
+    },
     "<palette-identifier>": {
-      "prose": "This value identifies an CSS-defined palette to use. Users can define a palette by using the @font-palette-values rule. If no applicable @font-palette-values rule is present, this value behaves as normal."
+      "prose": "This value identifies an CSS-defined palette to use. Users can define a palette by using the @font-palette-values rule. If no applicable @font-palette-values rule is present, this value behaves as normal. <palette-identifier> is parsed as a <dashed-ident>."
+    },
+    "<integer>": {
+      "prose": "Identifies a (zero-based) numerical palette index within the font."
     }
   }
 }

package/css-scrollbars.json

@@ -1,6 +1,6 @@
 {
   "spec": {
-    "title": "CSS Scrollbars Module Level 1",
+    "title": "CSS Scrollbars Styling Module Level 1",
     "url": "https://drafts.csswg.org/css-scrollbars/"
   },
   "properties": {

package/css-transforms-2.json

@@ -146,7 +146,7 @@
       "value": "rotateZ( [ <angle> | <zero> ] )"
     },
     "<perspective()>": {
-      "value": "perspective( <length [0,∞]> )"
+      "value": "perspective( <length [0,∞]> | none )"
     }
   }
 }

package/css-ui.json

@@ -225,6 +225,21 @@
         "userSelect"
       ]
     },
+    "pointer-events": {
+      "name": "pointer-events",
+      "value": "auto | none",
+      "initial": "auto",
+      "appliesTo": "all elements",
+      "inherited": "yes",
+      "percentages": "N/A",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "pointer-events",
+        "pointerEvents"
+      ]
+    },
     "accent-color": {
       "name": "accent-color",
       "value": "auto | <color>",

package/css-values.json

@@ -96,6 +96,15 @@
     "<calc-constant>": {
       "value": "e | pi | infinity | -infinity | NaN"
     },
+    "<rounding-strategy>": {
+      "value": "nearest | up | down | to-zero"
+    },
+    "<start-value>": {
+      "prose": "The value at the “start” (0%) of the interpolation range."
+    },
+    "<end-value>": {
+      "prose": "The value at the “end” (100%) of the interpolation range."
+    },
     "<length-percentage>": {
       "value": "[ <length> | <percentage> ]"
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "2.0.9",
+  "version": "2.1.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.2"
+    "css-tree": "^1.1.3"
   }
 }