@webref/css 6.24.1 → 6.24.2

package/css-mixins.json

@@ -31,7 +31,7 @@
       "name": "@mixin",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
       "descriptors": [],
-      "value": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> } | @mixin <dashed-ident> { <declaration-rule-list> }"
+      "value": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> }"
     },
     {
       "name": "@result",
@@ -48,7 +48,8 @@
     {
       "name": "@macro",
       "href": "https://drafts.csswg.org/css-mixins-1/#macro-rule",
-      "descriptors": []
+      "descriptors": [],
+      "value": "@macro <dashed-ident> { <declaration-rule-list> }"
     },
     {
       "name": "@apply",

package/css-ui.json

@@ -126,7 +126,7 @@
       "values": [
         {
           "name": "<cursor-image>",
-          "value": "[ <url> | <url-set> ] [<number>{2}]?",
+          "value": "[ <url> | <url-set> ] <number>{2}?",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-cursor-cursor-image",
           "type": "value"
         },
@@ -134,7 +134,7 @@
           "name": "<cursor-image>",
           "href": "https://drafts.csswg.org/css-ui-4/#typedef-cursor-cursor-image",
           "type": "type",
-          "value": "[ <url> | <url-set> ] [<number>{2}]?"
+          "value": "[ <url> | <url-set> ] <number>{2}?"
         },
         {
           "name": "<url-set>",

package/css-values-5.json

@@ -682,50 +682,77 @@
       "prose": "The random() function is a math function that represents a random value between a minimum and maximum value, drawn from a uniform distribution, optionally limiting the possible values to a step between those limits:",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-random",
       "type": "function",
-      "value": "random( <random-value-sharing>? , <calc-sum>, <calc-sum>, <calc-sum>? )"
+      "value": "random( <random-cache-key>? , <calc-sum>, <calc-sum>, <calc-sum>? )"
     },
     {
-      "name": "<random-value-sharing>",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-value-sharing",
+      "name": "<random-cache-key>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-cache-key",
       "type": "type",
-      "value": "[ [ auto | <dashed-ident> ] || element-shared ] | fixed <number [0,1]>",
+      "value": "auto | <random-name> | fixed <number [0,1]>",
       "values": [
         {
           "name": "auto",
-          "prose": "Each random function in an element’s styles will use a distinct random base value. (But see the note below for a small wrinkle about this.) If neither auto nor <dashed-ident> are specified, it behaves as auto.",
+          "prose": "The random function is roughly \"as random as possible\": every usage in a property, between different properties, and between different elements will get a different random cache key. (See below for exact details.) If the <random-cache-key> is omitted, it behaves as auto.",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-random-auto",
           "type": "value",
           "value": "auto"
         },
         {
-          "name": "<dashed-ident>",
-          "prose": "Each random function in an element’s styles with the same <dashed-ident> will share the same random base value; ones with different <dashed-ident>s will use distinct random base values.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-dashed-ident",
+          "name": "<random-name>",
+          "prose": "The <random-name> specifies the random cache key directly. It always contains a <dashed-ident>, specifying the name, and can optionally contain additional dynamic information: element adds an element identifier to the random cache key, so different elements will get different random values property adds the property name the random function is being used on to the random cache key, so different properties will get different random values property index adds the property name and the index of the random function among all the random functions used in the same property value to the random cache key, so multiple uses of a random function in the same property will get different random values.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-random-name",
           "type": "value",
-          "value": "<dashed-ident>"
+          "value": "<random-name>"
         },
         {
-          "name": "element-shared",
-          "prose": "If element-shared is omitted, random functions on different elements will use distinct random base values. If specified, random functions on different elements will share the same random base value if they have the same <dashed-ident> (if specified) or if they’re used in the same style in the same way (if not). (Again, see the note below for a small wrinkle about this.)",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-element-shared",
+          "name": "element",
+          "prose": "element adds an element identifier to the random cache key, so different elements will get different random values",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-element",
           "type": "value",
-          "value": "element-shared"
+          "value": "element"
+        },
+        {
+          "name": "property",
+          "prose": "property adds the property name the random function is being used on to the random cache key, so different properties will get different random values",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-property",
+          "type": "value",
+          "value": "property"
+        },
+        {
+          "name": "index",
+          "prose": "property index adds the property name and the index of the random function among all the random functions used in the same property value to the random cache key, so multiple uses of a random function in the same property will get different random values.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-index",
+          "type": "value",
+          "value": "index"
+        },
+        {
+          "name": "property index",
+          "prose": "property index adds the property name and the index of the random function among all the random functions used in the same property value to the random cache key, so multiple uses of a random function in the same property will get different random values.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-index",
+          "type": "value",
+          "value": "property index"
         },
         {
           "name": "<number>",
-          "prose": "If fixed <number> is specified, the <number> is used as the random function’s random base value, rather than allowing the UA to generate a random base value and controlling how it’s shared. While 1 is technically allowed as a valid value (because CSS grammars can only express closed ranges), the random base value is clamped to the highest representable value less than 1, so random base values remain in the half-open range `[0, 1)`.",
+          "prose": "If fixed <number> is specified, the random function bypasses the random cache key entirely, and just uses the <number> as its random base value directly. While 1 is technically allowed as a valid value (because CSS grammars can only express closed ranges), the random base value is clamped to the highest representable value less than 1, so random base values remain in the half-open range `[0, 1)`.",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-random-fixed",
           "type": "value",
           "value": "<number>"
         }
       ]
     },
+    {
+      "name": "<random-name>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-name",
+      "type": "type",
+      "value": "<dashed-ident> [ element | property index? ]?"
+    },
     {
       "name": "random-item()",
       "prose": "The random-item() function resolves to a random item from among its list of items.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-random-item",
       "type": "function",
-      "value": "random-item( <random-value-sharing> , [ <declaration-value>? ]# )"
+      "value": "random-item( <random-cache-key> , [ <declaration-value>? ]# )"
     },
     {
       "name": "<random-item-args>",

package/css-values.json

@@ -713,7 +713,7 @@
       "prose": "If A is exactly equal to an integer multiple of B, round() resolves to A exactly (preserving whether A is 0⁻ or 0⁺, if relevant). Otherwise, there are two integer multiples of B that are potentially \"closest\" to A, lower B which is closer to −∞ and upper B which is closer to +∞. The following <rounding-strategy>s dictate how to choose between them:",
       "href": "https://drafts.csswg.org/css-values-4/#typedef-rounding-strategy",
       "type": "type",
-      "value": "nearest | up | down | to-zero",
+      "value": "nearest | up | down | to-zero | line-width",
       "values": [
         {
           "name": "nearest",

package/css-view-transitions.json

@@ -39,7 +39,7 @@
     {
       "name": "view-transition-scope",
       "href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-scope",
-      "value": "none | auto",
+      "value": "none | all",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",

package/package.json

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