@webref/css 8.3.0 → 8.4.1

package/css.json

@@ -562,6 +562,13 @@
       "syntax": "@left-top { <declaration-list> };",
       "extended": []
     },
+    {
+      "name": "@macro",
+      "href": "https://drafts.csswg.org/css-mixins-1/#macro-rule",
+      "descriptors": [],
+      "syntax": "@macro <dashed-ident> { <declaration-rule-list> }",
+      "extended": []
+    },
     {
       "name": "@media",
       "prose": "The @media rule is a conditional group rule whose condition is a media query. Its syntax is:",
@@ -905,6 +912,14 @@
           "computedValue": "as specified",
           "syntax": "none | [ crop || cross ]"
         },
+        {
+          "name": "page-margin-safety",
+          "href": "https://drafts.csswg.org/css-page-3/#descdef-page-page-margin-safety",
+          "for": "@page",
+          "initial": "auto",
+          "computedValue": "as specified",
+          "syntax": "none | clamp | add"
+        },
         {
           "name": "page-orientation",
           "href": "https://drafts.csswg.org/css-page-3/#descdef-page-page-orientation",
@@ -1770,14 +1785,14 @@
       "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",
-      "syntax": "random-item( <random-value-sharing> , [ <declaration-value>? ]# )",
+      "syntax": "random-item( <random-cache-key> , [ <declaration-value>? ]# )",
       "extended": []
     },
     {
       "name": "random()",
       "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",
-      "syntax": "random( <random-value-sharing>? , <calc-sum>, <calc-sum>, <calc-sum>? )",
+      "syntax": "random( <random-cache-key>? , <calc-sum>, <calc-sum>, <calc-sum>? )",
       "extended": []
     },
     {
@@ -3630,7 +3645,7 @@
     },
     {
       "name": "animation-trigger",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-animation-trigger",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -6399,7 +6414,7 @@
         "column-gap",
         "columnGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -7957,14 +7972,14 @@
     },
     {
       "name": "event-trigger",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "as specified",
-      "canonicalOrder": "per grammar",
       "animationType": "not animatable",
+      "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "event-trigger",
         "eventTrigger"
@@ -7974,7 +7989,7 @@
     },
     {
       "name": "event-trigger-name",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-name",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger-name",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -7991,7 +8006,7 @@
     },
     {
       "name": "event-trigger-source",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-source",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger-source",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -9210,7 +9225,7 @@
         "grid-column-gap",
         "gridColumnGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -9291,7 +9306,7 @@
         "grid-row-gap",
         "gridRowGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -9522,6 +9537,23 @@
       "syntax": "none | manual | auto",
       "extended": []
     },
+    {
+      "name": "image-animation",
+      "href": "https://drafts.csswg.org/css-image-animation-1/#propdef-image-animation",
+      "initial": "normal",
+      "appliesTo": "content images and elements with decorative images",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "image-animation",
+        "imageAnimation"
+      ],
+      "syntax": "normal | paused | running",
+      "extended": []
+    },
     {
       "name": "image-orientation",
       "href": "https://drafts.csswg.org/css-images-3/#propdef-image-orientation",
@@ -12859,7 +12891,7 @@
         "row-gap",
         "rowGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -15166,7 +15198,7 @@
         "text-decoration-thickness",
         "textDecorationThickness"
       ],
-      "syntax": "auto | from-font | <length-percentage>",
+      "syntax": "auto | from-font | <length-percentage> | <line-width>",
       "extended": []
     },
     {
@@ -15557,7 +15589,7 @@
     },
     {
       "name": "timeline-trigger",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -15572,15 +15604,15 @@
       "longhands": [
         "timeline-trigger-name",
         "timeline-trigger-source",
-        "timeline-trigger-range",
-        "timeline-trigger-exit-range"
+        "timeline-trigger-activation-range",
+        "timeline-trigger-active-range"
       ],
-      "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-range'> [ '/' <'timeline-trigger-exit-range'> ]? ]#",
+      "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-activation-range'> [ '/' <'timeline-trigger-active-range'> ]? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-exit-range",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range",
+      "name": "timeline-trigger-activation-range",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -15589,20 +15621,20 @@
       "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
-        "timeline-trigger-exit-range",
-        "timelineTriggerExitRange"
+        "timeline-trigger-activation-range",
+        "timelineTriggerActivationRange"
       ],
       "longhands": [
-        "timeline-trigger-exit-range-start",
-        "timeline-trigger-exit-range-end"
+        "timeline-trigger-activation-range-start",
+        "timeline-trigger-activation-range-end"
       ],
-      "syntax": "[ <'timeline-trigger-exit-range-start'> <'timeline-trigger-exit-range-end'>? ]#",
+      "syntax": "[ <'timeline-trigger-activation-range-start'> <'timeline-trigger-activation-range-end'>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-exit-range-end",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-end",
-      "initial": "auto",
+      "name": "timeline-trigger-activation-range-end",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range-end",
+      "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -15610,16 +15642,16 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-exit-range-end",
-        "timelineTriggerExitRangeEnd"
+        "timeline-trigger-activation-range-end",
+        "timelineTriggerActivationRangeEnd"
       ],
-      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-exit-range-start",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-start",
-      "initial": "auto",
+      "name": "timeline-trigger-activation-range-start",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range-start",
+      "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -15627,32 +15659,15 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-exit-range-start",
-        "timelineTriggerExitRangeStart"
+        "timeline-trigger-activation-range-start",
+        "timelineTriggerActivationRangeStart"
       ],
-      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-      "extended": []
-    },
-    {
-      "name": "timeline-trigger-name",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-name",
-      "initial": "none",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "N/A",
-      "computedValue": "as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "timeline-trigger-name",
-        "timelineTriggerName"
-      ],
-      "syntax": "none | <dashed-ident>#",
+      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-range",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range",
+      "name": "timeline-trigger-active-range",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -15661,20 +15676,20 @@
       "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
-        "timeline-trigger-range",
-        "timelineTriggerRange"
+        "timeline-trigger-active-range",
+        "timelineTriggerActiveRange"
       ],
       "longhands": [
-        "timeline-trigger-range-start",
-        "timeline-trigger-range-end"
+        "timeline-trigger-active-range-start",
+        "timeline-trigger-active-range-end"
       ],
-      "syntax": "[ <'timeline-trigger-range-start'> <'timeline-trigger-range-end'>? ]#",
+      "syntax": "[ <'timeline-trigger-active-range-start'> <'timeline-trigger-active-range-end'>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-range-end",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-end",
-      "initial": "normal",
+      "name": "timeline-trigger-active-range-end",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-end",
+      "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -15682,16 +15697,16 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-range-end",
-        "timelineTriggerRangeEnd"
+        "timeline-trigger-active-range-end",
+        "timelineTriggerActiveRangeEnd"
       ],
-      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-range-start",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-start",
-      "initial": "normal",
+      "name": "timeline-trigger-active-range-start",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-start",
+      "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -15699,15 +15714,32 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-range-start",
-        "timelineTriggerRangeStart"
+        "timeline-trigger-active-range-start",
+        "timelineTriggerActiveRangeStart"
       ],
-      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "extended": []
+    },
+    {
+      "name": "timeline-trigger-name",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-name",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "timeline-trigger-name",
+        "timelineTriggerName"
+      ],
+      "syntax": "none | <dashed-ident>#",
       "extended": []
     },
     {
       "name": "timeline-trigger-source",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-source",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-source",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -15953,7 +15985,7 @@
     },
     {
       "name": "trigger-scope",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-trigger-scope",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-trigger-scope",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -16178,7 +16210,7 @@
         "view-transition-scope",
         "viewTransitionScope"
       ],
-      "syntax": "none | auto",
+      "syntax": "none | all",
       "extended": []
     },
     {
@@ -17025,6 +17057,13 @@
       "syntax": ":after",
       "extended": []
     },
+    {
+      "name": ":animated-image",
+      "prose": "The :animated-image pseudo-class represents content image elements where a animated image has been loaded. For the animated-image pseudo-class to match, the image must not only be in a format that is capable of animation, but must also be an actually animated image.",
+      "href": "https://drafts.csswg.org/css-image-animation-1/#selectordef-animated-image",
+      "syntax": ":animated-image",
+      "extended": []
+    },
     {
       "name": ":any-link",
       "prose": "The :any-link pseudo-class represents an element that acts as the source anchor of a hyperlink. For example, in [HTML5], any a or area elements with an href attribute are hyperlinks, and thus match :any-link. It matches an element if the element would match either :link or :visited, and is equivalent to :is(:link, :visited).",
@@ -17874,7 +17913,7 @@
     {
       "name": "animation-action",
       "prose": "The possible <animation-action> values, and what effect they have in each animation state:",
-      "href": "https://drafts.csswg.org/css-animations-2/#typedef-animation-action",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#typedef-animation-action",
       "extended": []
     },
     {
@@ -18250,7 +18289,7 @@
     {
       "name": "color-function",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-color-function",
-      "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <ictcp()> | <jzazbz()> | <jzczhz()> | <alpha()> | <color()>",
+      "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <ictcp()> | <jzazbz()> | <jzczhz()> | <alpha()> | <color()> | <hdr-color()>",
       "extended": []
     },
     {
@@ -18557,7 +18596,7 @@
       ],
       "name": "cursor-image",
       "href": "https://drafts.csswg.org/css-ui-4/#typedef-cursor-cursor-image",
-      "syntax": "[ <url> | <url-set> ] [<number>{2}]?",
+      "syntax": "[ <url> | <url-set> ] <number>{2}?",
       "extended": []
     },
     {
@@ -18761,8 +18800,8 @@
     },
     {
       "name": "event-trigger-event",
-      "href": "https://drafts.csswg.org/css-animations-2/#typedef-event-trigger-event",
-      "syntax": "activate | click | touch | dblclick | keypress(<string>) | ...",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#typedef-event-trigger-event",
+      "syntax": "activate | interest | click | touch | dblclick | keypress(<string>) | ...",
       "extended": []
     },
     {
@@ -19412,7 +19451,7 @@
     {
       "name": "line-width",
       "href": "https://drafts.csswg.org/css-borders-4/#typedef-line-width",
-      "syntax": "<length [0,∞]> | thin | medium | thick",
+      "syntax": "<length [0,∞]> | hairline | thin | medium | thick",
       "extended": []
     },
     {
@@ -20118,6 +20157,12 @@
       "syntax": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
       "extended": []
     },
+    {
+      "name": "random-cache-key",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-cache-key",
+      "syntax": "auto | <random-name> | fixed <number [0,1]>",
+      "extended": []
+    },
     {
       "name": "random-item-args",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-random-item-args",
@@ -20125,9 +20170,9 @@
       "extended": []
     },
     {
-      "name": "random-value-sharing",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-value-sharing",
-      "syntax": "[ [ auto | <dashed-ident> ] || element-shared ] | fixed <number [0,1]>",
+      "name": "random-name",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-name",
+      "syntax": "<dashed-ident> [ element | property index? ]?",
       "extended": []
     },
     {
@@ -20256,7 +20301,7 @@
       "name": "rounding-strategy",
       "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",
-      "syntax": "nearest | up | down | to-zero",
+      "syntax": "nearest | up | down | to-zero | line-width",
       "extended": []
     },
     {
@@ -20271,6 +20316,12 @@
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-rule-list",
       "extended": []
     },
+    {
+      "name": "safe-printable-inset",
+      "prose": "Let this value be <safe-printable-inset>, which is a <length>.",
+      "href": "https://drafts.csswg.org/css-page-3/#typedef-safe-printable-inset",
+      "extended": []
+    },
     {
       "name": "scope-end",
       "prose": "<scope-end> is a <selector-list> selector used to identify any scoping limits.",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "8.3.0",
+  "version": "8.4.1",
   "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"
   }
 }