@webref/css 6.2.0 → 6.3.0

package/CSS.json

@@ -285,7 +285,7 @@
   ],
   "values": [
     {
-      "name": "identifiers",
+      "name": "<identifier>",
       "type": "type"
     },
     {

package/css-color-6.json

@@ -0,0 +1,47 @@
+{
+  "spec": {
+    "title": "CSS Color Module Level 6",
+    "url": "https://drafts.csswg.org/css-color-6/"
+  },
+  "properties": [],
+  "atrules": [],
+  "selectors": [],
+  "values": [
+    {
+      "name": "contrast-color()",
+      "prose": "The contrast-color() functional notation identifies a sufficiently contrasting color against a specified background or foreground color without requiring manual computation.",
+      "type": "function",
+      "value": "contrast-color( [ [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>? ] | [ <color> && [ tbd-fg | tbd-bg ] && <target-contrast>, <color># ] ] )",
+      "values": [
+        {
+          "name": "text",
+          "prose": "The tbd-fg and tbd-bg keywords indicate the role of the base color in calculating the contrast: as text against a list of candidate background colors (text) or as a background against a list of candidate text colors. (The effective contrast of a pair of colors depends on their usage.)",
+          "type": "value",
+          "value": "text"
+        },
+        {
+          "name": "wcag2",
+          "prose": "The wcag2 keyword and wcag2() functional notations indicate use of the [WCAG21] luminance contrast algorithm. Their syntax is:",
+          "type": "value",
+          "value": "wcag2"
+        },
+        {
+          "name": "wcag2()",
+          "prose": "The wcag2 keyword and wcag2() functional notations indicate use of the [WCAG21] luminance contrast algorithm. Their syntax is:",
+          "type": "function"
+        }
+      ]
+    },
+    {
+      "name": "<target-contrast>",
+      "prose": "The <target-contrast> argument specifies the contrast algorithm(s) to use. If no color candidates have been provided, <target-contrast> may be omitted, in which case a UA-chosen algorithm is used.",
+      "type": "type",
+      "value": "<wcag2>"
+    },
+    {
+      "name": "<wcag2>",
+      "type": "type",
+      "value": "wcag | wcag2([<number> | [ aa | aaa ] && large? ])"
+    }
+  ]
+}

package/css-display.json

@@ -1,7 +1,7 @@
 {
   "spec": {
-    "title": "CSS Display Module Level 3",
-    "url": "https://drafts.csswg.org/css-display-3/"
+    "title": "CSS Display Module Level 4",
+    "url": "https://drafts.csswg.org/css-display-4/"
   },
   "properties": [
     {
@@ -28,9 +28,37 @@
     },
     {
       "name": "order",
+      "value": "[ <'layout-order'> <'reading-order'>? ] | [ reading && <'reading-order'> ] | [ layout && <'layout-order'> ] | [ reading-and-layout && <integer> ]",
+      "initial": "see individual properties",
+      "appliesTo": "flex items and grid items",
+      "inherited": "no",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "reading-and-layout",
+          "prose": "The order property sets both layout-order and reading-order in a single declaration. Unless reading-and-layout is specified—in which case both <'reading-order'> and <'layout-order'> are set to the specified <integer> value—the omitted longhand is set to zero.",
+          "type": "value",
+          "value": "reading-and-layout"
+        },
+        {
+          "name": "<integer>",
+          "prose": "Specifically, the layout-order property controls the order in which flex items or grid items appear within their container by assigning them to the ordinal groups, as specified by its <integer> value.",
+          "type": "value",
+          "value": "<integer>"
+        }
+      ],
+      "styleDeclaration": [
+        "order"
+      ]
+    },
+    {
+      "name": "reading-order",
       "value": "<integer>",
       "initial": "0",
-      "appliesTo": "flex items and grid items",
+      "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "specified integer",
@@ -39,13 +67,29 @@
       "values": [
         {
           "name": "<integer>",
-          "prose": "Specifically, the order property controls the order in which flex items or grid items appear within their container, by assigning them to ordinal groups. It takes a single <integer> value, which specifies which ordinal group the item belongs to.",
+          "prose": "The reading-order property controls the order in which elements are rendered to speech or are navigated to when using (linear) sequention navigation methods. It takes a single <integer> value, which specifies which ordinal group the item belongs to. Sibling elements are ordered starting from the lowest numbered ordinal group and going up; elements with the same ordinal group are keep the order they appear in the source document.",
           "type": "value",
           "value": "<integer>"
         }
       ],
       "styleDeclaration": [
-        "order"
+        "reading-order",
+        "readingOrder"
+      ]
+    },
+    {
+      "name": "layout-order",
+      "value": "<integer>",
+      "initial": "0",
+      "appliesTo": "flex items and grid items",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified integer",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
+      "styleDeclaration": [
+        "layout-order",
+        "layoutOrder"
       ]
     },
     {

package/css-position.json

@@ -13,7 +13,6 @@
       "percentages": "N/A",
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
-      "animatable": "no",
       "animationType": "discrete",
       "values": [
         {

package/html.json

@@ -0,0 +1,26 @@
+{
+  "spec": {
+    "title": "HTML Standard",
+    "url": "https://html.spec.whatwg.org/multipage/"
+  },
+  "properties": [],
+  "atrules": [],
+  "selectors": [],
+  "values": [
+    {
+      "name": "<source-size-list>",
+      "type": "type",
+      "value": "[ <source-size># , ]? <source-size-value>"
+    },
+    {
+      "name": "<source-size>",
+      "type": "type",
+      "value": "<media-condition> <source-size-value>"
+    },
+    {
+      "name": "<source-size-value>",
+      "type": "type",
+      "value": "<length>"
+    }
+  ]
+}

package/package.json

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