📦 Release @webref/css@8.4.0

[github-actions]

⚠ NEVER add commits to this pull request.

🤖 This pull request was automatically created to facilitate human review of @webref/css changes triggered by curated data at 9e29412.

🧐 Please review the diff below and version numbers. If all looks good, merge this pull request to release the changes to npm.

📦 Latest released @webref/css package was v8.3.0. Merging this pull request will release v8.4.0. Make sure that the bump is the right one for the changes.

✍ If any change needs to be made before release, do not add a commit to this pull request. Changes should rather be handled in a separate pull request and pushed to the main branch. You may leave this pull request open in the meantime, or close it. The pre-release job will automatically update this pull request or create a new one once the updates have made their way to the main branch.

🛈 The actual change introduced by this pull request is a version bump in packages/css/package.json. You do not need to review that change. The bumped version is not the version that will be released when this pull request is merged, but rather the version that will be released next time.

diff --ignore-trailing-space '--exclude=package.json' '--exclude=README.md' '--exclude=CHANGELOG.md' '--unified=3' webref/node_modules/@webref/css/css.json packages/css/css.json
--- webref/node_modules/@webref/css/css.json
+++ packages/css/css.json
@@ -563,6 +563,12 @@
       "extended": []
     },
     {
+      "name": "@macro",
+      "href": "https://drafts.csswg.org/css-mixins-1/#macro-rule",
+      "descriptors": [],
+      "extended": []
+    },
+    {
       "name": "@media",
       "prose": "The @media rule is a conditional group rule whose condition is a media query. Its syntax is:",
       "href": "https://drafts.csswg.org/css-conditional-3/#at-ruledef-media",
@@ -855,7 +861,7 @@
       "name": "@mixin",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
       "descriptors": [],
-      "syntax": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> }",
+      "syntax": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> } | @mixin <dashed-ident> { <declaration-rule-list> }",
       "extended": []
     },
     {
@@ -906,6 +912,14 @@
           "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",
           "for": "@page",
@@ -3630,7 +3644,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 +6413,7 @@
         "column-gap",
         "columnGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -7957,14 +7971,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 +7988,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 +8005,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 +9224,7 @@
         "grid-column-gap",
         "gridColumnGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -9291,7 +9305,7 @@
         "grid-row-gap",
         "gridRowGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -9523,6 +9537,23 @@
       "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",
       "initial": "from-image",
@@ -12859,7 +12890,7 @@
         "row-gap",
         "rowGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -15166,7 +15197,7 @@
         "text-decoration-thickness",
         "textDecorationThickness"
       ],
-      "syntax": "auto | from-font | <length-percentage>",
+      "syntax": "auto | from-font | <length-percentage> | <line-width>",
       "extended": []
     },
     {
@@ -15557,7 +15588,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 +15603,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 +15620,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 +15641,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 +15658,15 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-exit-range-start",
-        "timelineTriggerExitRangeStart"
-      ],
-      "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"
+        "timeline-trigger-activation-range-start",
+        "timelineTriggerActivationRangeStart"
       ],
-      "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 +15675,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 +15696,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 +15713,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 +15984,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",
@@ -17026,6 +17057,13 @@
       "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).",
       "href": "https://drafts.csswg.org/selectors-4/#any-link-pseudo",
@@ -17874,7 +17912,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 +18288,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": []
     },
     {
@@ -18761,8 +18799,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 +19450,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": []
     },
     {
@@ -20272,6 +20310,12 @@
       "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.",
       "href": "https://drafts.csswg.org/css-cascade-6/#typedef-scope-end",

[dontcallmedom]

needs w3c/browser-specs#2392 to propagate