@webref/css 2.1.0 → 2.1.4

package/css-color-5.json

@@ -6,32 +6,35 @@
   "properties": {},
   "descriptors": {},
   "valuespaces": {
-    "<color-space>": {
-      "value": "srgb | hsl | hwb | xyz | lab | lch"
-    },
     "<color-mix()>": {
-      "value": "color-mix( in <color-space> , [ <color> && <percentage [0,100]>? ]#{2} <hue-adjuster>?)"
-    },
-    "<hue-adjuster>": {
-      "value": "shorter | longer | increasing | decreasing | specified"
+      "value": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})"
     },
     "<color-contrast()>": {
       "value": "color-contrast( <color> vs <color>#{2,} [ to [<number> | AA | AA-large | AAA | AAA-large]]? )"
     },
     "<rgb()>": {
-      "value": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( [ from <color> ]? [ <number> | <percentage> ]{3} [ / <alpha-value> ]? )"
+      "value": "rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? rgb( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / <alpha-value> ]? )"
+    },
+    "<alpha-value>": {
+      "value": "<number> | <percentage>"
     },
     "<hsl()>": {
-      "value": "hsl([from <color>]? <hue> <percentage> <percentage> [ / <alpha-value> ]? )"
+      "value": "hsl(([from <color>]? [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<hwb()>": {
-      "value": "hwb([from <color>]? <hue> <percentage> <percentage> [ / <alpha-value> ]? )"
+      "value": "hwb([from <color>]? [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<lab()>": {
-      "value": "lab([from <color>]? <percentage> <number> <number> [ / <alpha-value> ]? )"
+      "value": "lab([from <color>]? [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
+    },
+    "<oklab()>": {
+      "value": "oklab([from <color>]? [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<lch()>": {
-      "value": "lch([from <color>]? <percentage> <number> <hue> [ / <alpha-value> ]? )"
+      "value": "lch([from <color>]? [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
+    },
+    "<oklch()>": {
+      "value": "oklch([from <color>]? [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
     },
     "<color()>": {
       "value": "color( [from <color>]? <colorspace-params> [ / <alpha-value> ]? )"

package/css-color.json

@@ -63,14 +63,11 @@
     "<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()>"
+      "value": "<hex-color> | <named-color> | transparent | <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
     },
     "<hue>": {
-      "value": "<number> | <angle>"
+      "value": "<number> | <angle> | none"
     },
     "<rgb()>": {
       "value": "rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? )"
@@ -90,17 +87,32 @@
     "<lch()>": {
       "value": "lch( [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
     },
+    "<oklab()>": {
+      "value": "oklab( [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
+    },
+    "<oklch()>": {
+      "value": "oklch( [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
+    },
     "<color()>": {
-      "value": "color( [<ident> | <dashed-ident>] [ <number-percentage>+ ] [ / <alpha-value> ]? )"
+      "value": "color( [<ident> | <dashed-ident>] [<number-percentage> | none]+ [ / [<alpha-value> | none] ]? )"
     },
     "<device-cmyk()>": {
-      "value": "device-cmyk( <cmyk-component>{4} [ / <alpha-value> ]? , <color>? )"
-    },
-    "<absolute-device-cmyk>": {
-      "value": "device-cmyk( <cmyk-component>{4} [ / <alpha-value> ]? , <absolute-color>? )"
+      "value": "device-cmyk( <cmyk-component>{4} [ / <alpha-value> ]? )"
     },
     "<cmyk-component>": {
       "value": "<number> | <percentage>"
+    },
+    "<rectangular-color-space>": {
+      "value": "srgb | lab | oklab | xyz | xyz-d50 | xyz-d65"
+    },
+    "<polar-color-space>": {
+      "value": "hsl | hwb | lch | oklch"
+    },
+    "<hue-interpolation-method>": {
+      "value": "[ shorter | longer | increasing | decreasing | specified ] hue"
+    },
+    "<color-interpolation-method>": {
+      "value": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]"
     }
   }
 }

package/css-conditional-4.json

@@ -7,7 +7,7 @@
   "descriptors": {},
   "valuespaces": {
     "<supports-feature>": {
-      "value": "<supports-selector-fn> | <supports-font-technology-fn> | <supports-decl>"
+      "value": "<supports-selector-fn> | <supports-font-technology-fn> | <supports-font-format-fn> | <supports-decl>"
     },
     "<supports-selector-fn>": {
       "value": "selector( <complex-selector> )"
@@ -18,6 +18,9 @@
     "<font-technology>": {
       "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> ] )"
     },

package/css-fonts-5.json

@@ -96,16 +96,16 @@
   },
   "valuespaces": {
     "<font-format>": {
-      "value": "[<string> | woff | truetype | opentype | woff2 | embedded-opentype | collection | svg]"
+      "value": "[<string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
     },
     "<font-technology>": {
-      "value": "[features(<font-feature-technology>) | variations | color(<color-font-technology>) | palettes | incremental ]"
+      "value": "[<font-feature-technology> | <color-font-technology> | variations | palettes | incremental ]"
     },
     "<font-feature-technology>": {
-      "value": "[opentype | aat | graphite]"
+      "value": "[feature-opentype | feature-aat | feature-graphite]"
     },
     "<color-font-technology>": {
-      "value": "[COLRv0 | COLRv1 | SVG | sbix | CBDT ]"
+      "value": "[color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
     }
   }
 }

package/css-fonts.json

@@ -510,7 +510,7 @@
       {
         "name": "base-palette",
         "for": "@font-palette-values",
-        "value": "light | dark | <integer [0,∞]> | <string>",
+        "value": "light | dark | <integer [0,∞]>",
         "initial": "N/A"
       }
     ],
@@ -518,7 +518,7 @@
       {
         "name": "override-colors",
         "for": "@font-palette-values",
-        "value": "[ [ <string> | <integer [0,∞]> ] <absolute-color> ]#",
+        "value": "[ <integer [0,∞]> <absolute-color> ]#",
         "initial": "N/A"
       }
     ]
@@ -534,16 +534,16 @@
       "value": "[normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded]"
     },
     "<font-format>": {
-      "value": "[<string> | woff | truetype | opentype | woff2 | embedded-opentype | collection | svg]"
+      "value": "[<string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
     },
     "<font-technology>": {
-      "value": "[features(<font-feature-technology>) | variations | color(<color-font-technology>) | palettes | incremental ]"
+      "value": "[<font-feature-technology> | <color-font-technology> | variations | palettes | incremental ]"
     },
     "<font-feature-technology>": {
-      "value": "[opentype | aat | graphite]"
+      "value": "[feature-opentype | feature-aat | feature-graphite]"
     },
     "<color-font-technology>": {
-      "value": "[COLRv0 | COLRv1 | SVG | sbix | CBDT ]"
+      "value": "[color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
     },
     "<common-lig-values>": {
       "value": "[ common-ligatures | no-common-ligatures ]"
@@ -608,9 +608,6 @@
     "<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. <palette-identifier> is parsed as a <dashed-ident>."
     },

package/css-images-4.json

@@ -67,8 +67,17 @@
     "<gradient>": {
       "value": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]"
     },
+    "<linear-gradient()>": {
+      "value": "linear-gradient( [ <angle> | to <side-or-corner> ]? || <color-interpolation-method>, <color-stop-list> )"
+    },
+    "<side-or-corner>": {
+      "value": "[left | right] || [top | bottom]"
+    },
+    "<radial-gradient()>": {
+      "value": "radial-gradient( [[ <ending-shape> || <size> ]? [ at <position> ]? ] || <color-interpolation-method>, <color-stop-list> )"
+    },
     "<conic-gradient()>": {
-      "value": "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )"
+      "value": "conic-gradient( [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method>, <angular-color-stop-list> )"
     },
     "<color-stop-list>": {
       "value": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#"

package/mediaqueries-5.json

@@ -189,6 +189,14 @@
         "type": "discrete"
       }
     ],
+    "nav-controls": [
+      {
+        "name": "nav-controls",
+        "for": "@media",
+        "value": "none | back",
+        "type": "discrete"
+      }
+    ],
     "video-color-gamut": [
       {
         "name": "video-color-gamut",

package/package.json

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