npm - @webref/css - Versions diffs - 7.1.4 → 8.0.1 - Mend

@webref/css 7.1.4 → 8.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -7,6 +7,17 @@ Webref adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html),
 applied to data. A new major version is released whenever a breaking change is
 made to the data structure.
+## v8.0.0 - 2025-10-17
+### Breaking change
+Subsidiary at-rules are now reported at the root level, scoped to their parent at-rule through a `for` property.
+### How to upgrade
+Unless you're processing at-rules and only expecting unscoped ones, upgrade from version 7 should not require any code update. If you need to list only unscoped at-rules, filter out those that have a `for` property.
 ## v7.0.11 - 2025-09-04
 CSS extracts are now consolidated into a single file.

package/README.md CHANGED Viewed

@@ -51,6 +51,7 @@ const ast = definitionSyntax.parse(properties['flex'].syntax);
 Additional keys may be set depending on the type of the CSS feature. For example:
 - At-rules have a `descriptors` key that contains the list of descriptors defined for the given at-rule. That list may not be exhaustive. For example, it does not contain descriptors that are only implicitly defined in specs, such as families of properties that some at-rules (e.g, `@position-try`) accept as descriptors.
+- At-rule that are scoped to another at-rules have a `for` key that contains the list of scoping at-rules.
 - Functions and types that are scoped to a property or other feature have a `for` key that contains the list of scoping features for that feature. A scoping feature may be a property, a function or a type. When the scoping feature is a type, its name in the `for` key is enclosed between `<` and `>`.
 - Properties have a `styleDeclaration` key that contains the list of IDL attribute names that the property generates. A number of other keys may be set to describe the property's initial value, animation type and other parameters.

package/css.json CHANGED Viewed

@@ -6,6 +6,16 @@
       "descriptors": [],
       "extended": []
     },
+    {
+      "descriptors": [],
+      "name": "@annotation",
+      "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-annotation",
+      "for": [
+        "@font-feature-values"
+      ],
+      "syntax": "@annotation { <declaration-list> }",
+      "extended": []
+    },
     {
       "name": "@apply",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-apply",
@@ -48,6 +58,16 @@
       "syntax": "@bottom-right-corner { <declaration-list> };",
       "extended": []
     },
+    {
+      "descriptors": [],
+      "name": "@character-variant",
+      "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-character-variant",
+      "for": [
+        "@font-feature-values"
+      ],
+      "syntax": "@character-variant { <declaration-list> }",
+      "extended": []
+    },
     {
       "name": "@charset",
       "prose": "However, there is no actual at-rule named @charset. When a stylesheet is actually parsed, any occurrences of an @charset rule must be treated as an unrecognized rule, and thus dropped as invalid when the stylesheet is grammar-checked.",
@@ -438,55 +458,6 @@
       "name": "@font-feature-values",
       "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values",
       "descriptors": [
-        {
-          "name": "@annotation",
-          "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-annotation",
-          "type": "at-rule",
-          "for": "@font-feature-values",
-          "syntax": "@annotation { <declaration-list> }"
-        },
-        {
-          "name": "@character-variant",
-          "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-character-variant",
-          "type": "at-rule",
-          "for": "@font-feature-values",
-          "syntax": "@character-variant { <declaration-list> }"
-        },
-        {
-          "name": "@historical-forms",
-          "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-historical-forms",
-          "type": "at-rule",
-          "for": "@font-feature-values",
-          "syntax": "@historical-forms { <declaration-list> }"
-        },
-        {
-          "name": "@ornaments",
-          "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-ornaments",
-          "type": "at-rule",
-          "for": "@font-feature-values",
-          "syntax": "@ornaments { <declaration-list> }"
-        },
-        {
-          "name": "@styleset",
-          "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-styleset",
-          "type": "at-rule",
-          "for": "@font-feature-values",
-          "syntax": "@styleset { <declaration-list> }"
-        },
-        {
-          "name": "@stylistic",
-          "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-stylistic",
-          "type": "at-rule",
-          "for": "@font-feature-values",
-          "syntax": "@stylistic { <declaration-list> }"
-        },
-        {
-          "name": "@swash",
-          "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-swash",
-          "type": "at-rule",
-          "for": "@font-feature-values",
-          "syntax": "@swash { <declaration-list> }"
-        },
         {
           "name": "font-display",
           "href": "https://drafts.csswg.org/css-fonts-4/#descdef-font-feature-values-font-display",
@@ -543,6 +514,16 @@
       "syntax": "@function <function-token> <function-parameter>#? ) [ returns <css-type> ]? { <declaration-rule-list> }",
       "extended": []
     },
+    {
+      "descriptors": [],
+      "name": "@historical-forms",
+      "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-historical-forms",
+      "for": [
+        "@font-feature-values"
+      ],
+      "syntax": "@historical-forms { <declaration-list> }",
+      "extended": []
+    },
     {
       "name": "@import",
       "prose": "The @import rule allows users to import style rules from other style sheets. If an @import rule refers to a valid stylesheet, user agents must treat the contents of the stylesheet as if they were written in place of the @import rule, with two exceptions:",
@@ -892,6 +873,16 @@
       "syntax": "@namespace <namespace-prefix>? [ <string> | <url> ] ;",
       "extended": []
     },
+    {
+      "descriptors": [],
+      "name": "@ornaments",
+      "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-ornaments",
+      "for": [
+        "@font-feature-values"
+      ],
+      "syntax": "@ornaments { <declaration-list> }",
+      "extended": []
+    },
     {
       "name": "@page",
       "prose": "Authors can specify various aspects of a page box, such as its dimensions, orientation, and margins, within an @page rule. @page rules are allowed wherever rule-sets are allowed. An @page rule consists of the keyword @page, an optional comma-separated list of page selectors and a block of declarations (said to be in the page context). An @page rule can also contain other at-rules, interleaved between declarations. The current level of this specification only allows margin at-rules inside @page.",
@@ -1006,6 +997,26 @@
       "descriptors": [],
       "extended": []
     },
+    {
+      "descriptors": [],
+      "name": "@styleset",
+      "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-styleset",
+      "for": [
+        "@font-feature-values"
+      ],
+      "syntax": "@styleset { <declaration-list> }",
+      "extended": []
+    },
+    {
+      "descriptors": [],
+      "name": "@stylistic",
+      "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-stylistic",
+      "for": [
+        "@font-feature-values"
+      ],
+      "syntax": "@stylistic { <declaration-list> }",
+      "extended": []
+    },
     {
       "name": "@supports",
       "prose": "The @supports rule is a conditional group rule whose condition tests whether the user agent supports CSS property:value pairs. Authors can use it to write style sheets that use new features when available but degrade gracefully when those features are not supported. These queries are called CSS feature queries or (colloquially) supports queries.",
@@ -1014,6 +1025,24 @@
       "syntax": "@supports <supports-condition> { <rule-list> }",
       "extended": []
     },
+    {
+      "name": "@supports-condition",
+      "prose": "The @supports-condition at-rule is a conditional group rule that allows authors to define and name a supports query for later reuse, creating a named supports condition. This enables complex or frequently-used feature queries to be referenced by name, improving maintainability and readability.",
+      "href": "https://drafts.csswg.org/css-conditional-5/#at-ruledef-supports-condition",
+      "descriptors": [],
+      "syntax": "@supports-condition <supports-condition-name> { <block-contents> }",
+      "extended": []
+    },
+    {
+      "descriptors": [],
+      "name": "@swash",
+      "href": "https://drafts.csswg.org/css-fonts-4/#at-ruledef-font-feature-values-swash",
+      "for": [
+        "@font-feature-values"
+      ],
+      "syntax": "@swash { <declaration-list> }",
+      "extended": []
+    },
     {
       "name": "@top-center",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-center",
@@ -3496,154 +3525,18 @@
     {
       "name": "animation-trigger",
       "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger",
-      "initial": "see individual properties",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "see individual properties",
+      "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
         "animation-trigger",
         "animationTrigger"
       ],
-      "syntax": "<single-animation-trigger>#",
-      "extended": []
-    },
-    {
-      "name": "animation-trigger-behavior",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-behavior",
-      "initial": "once",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "N/A",
-      "computedValue": "list, each item a keyword as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "animation-trigger-behavior",
-        "animationTriggerBehavior"
-      ],
-      "syntax": "<single-animation-trigger-behavior>#",
-      "extended": []
-    },
-    {
-      "name": "animation-trigger-exit-range",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "animation-trigger-exit-range",
-        "animationTriggerExitRange"
-      ],
-      "syntax": "[ <'animation-trigger-exit-range-start'> <'animation-trigger-exit-range-end'>? ]#",
-      "extended": []
-    },
-    {
-      "name": "animation-trigger-exit-range-end",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-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",
-      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "animation-trigger-exit-range-end",
-        "animationTriggerExitRangeEnd"
-      ],
-      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-      "extended": []
-    },
-    {
-      "name": "animation-trigger-exit-range-start",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-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",
-      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "animation-trigger-exit-range-start",
-        "animationTriggerExitRangeStart"
-      ],
-      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-      "extended": []
-    },
-    {
-      "name": "animation-trigger-range",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "animation-trigger-range",
-        "animationTriggerRange"
-      ],
-      "syntax": "[ <'animation-trigger-range-start'> <'animation-trigger-range-end'>? ]#",
-      "extended": []
-    },
-    {
-      "name": "animation-trigger-range-end",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-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",
-      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "animation-trigger-range-end",
-        "animationTriggerRangeEnd"
-      ],
-      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-      "extended": []
-    },
-    {
-      "name": "animation-trigger-range-start",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-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",
-      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "animation-trigger-range-start",
-        "animationTriggerRangeStart"
-      ],
-      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-      "extended": []
-    },
-    {
-      "name": "animation-trigger-timeline",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-timeline",
-      "initial": "auto",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "N/A",
-      "computedValue": "list, each item either the keyword none, the keyword auto, a case-sensitive css identifier, a computed scroll() function, or a computed view() function",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "animation-trigger-timeline",
-        "animationTriggerTimeline"
-      ],
-      "syntax": "<single-animation-timeline>#",
+      "syntax": "[ none | [ <dashed-ident> <animation-action>+ ]+ ]#",
       "extended": []
     },
     {
@@ -3718,14 +3611,14 @@
     },
     {
       "name": "background",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background",
       "initial": "see individual properties",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "see individual properties",
       "computedValue": "see individual properties",
-      "canonicalOrder": "per grammar",
       "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "background"
       ],
@@ -3734,7 +3627,7 @@
     },
     {
       "name": "background-attachment",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-attachment",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-attachment",
       "initial": "scroll",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -3786,7 +3679,7 @@
     },
     {
       "name": "background-color",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-color",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-color",
       "initial": "transparent",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -3803,7 +3696,7 @@
     },
     {
       "name": "background-image",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-image",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-image",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -3820,7 +3713,7 @@
     },
     {
       "name": "background-origin",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-origin",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-origin",
       "initial": "padding-box",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -4015,7 +3908,7 @@
     },
     {
       "name": "background-size",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-size",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-size",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -4319,6 +4212,23 @@
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
+    {
+      "name": "border-block-end-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-clip",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to length of border-edge side",
+      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-block-end-clip",
+        "borderBlockEndClip"
+      ],
+      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "extended": []
+    },
     {
       "name": "border-block-end-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-color",
@@ -4407,6 +4317,23 @@
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
+    {
+      "name": "border-block-start-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-clip",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to length of border-edge side",
+      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-block-start-clip",
+        "borderBlockStartClip"
+      ],
+      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "extended": []
+    },
     {
       "name": "border-block-start-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-color",
@@ -4529,6 +4456,23 @@
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
+    {
+      "name": "border-bottom-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-clip",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to length of border-edge side",
+      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-bottom-clip",
+        "borderBottomClip"
+      ],
+      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "extended": []
+    },
     {
       "name": "border-bottom-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-color",
@@ -4670,74 +4614,6 @@
       "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
-    {
-      "name": "border-clip-bottom",
-      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip-bottom",
-      "initial": "normal",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value",
-      "styleDeclaration": [
-        "border-clip-bottom",
-        "borderClipBottom"
-      ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-      "extended": []
-    },
-    {
-      "name": "border-clip-left",
-      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip-left",
-      "initial": "normal",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value",
-      "styleDeclaration": [
-        "border-clip-left",
-        "borderClipLeft"
-      ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-      "extended": []
-    },
-    {
-      "name": "border-clip-right",
-      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip-right",
-      "initial": "normal",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value",
-      "styleDeclaration": [
-        "border-clip-right",
-        "borderClipRight"
-      ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-      "extended": []
-    },
-    {
-      "name": "border-clip-top",
-      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip-top",
-      "initial": "normal",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value",
-      "styleDeclaration": [
-        "border-clip-top",
-        "borderClipTop"
-      ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
-      "extended": []
-    },
     {
       "name": "border-collapse",
       "href": "https://drafts.csswg.org/css-tables-3/#propdef-border-collapse",
@@ -4961,6 +4837,23 @@
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
+    {
+      "name": "border-inline-end-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-clip",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to length of border-edge side",
+      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-inline-end-clip",
+        "borderInlineEndClip"
+      ],
+      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "extended": []
+    },
     {
       "name": "border-inline-end-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-color",
@@ -5049,6 +4942,23 @@
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
+    {
+      "name": "border-inline-start-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-clip",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to length of border-edge side",
+      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-inline-start-clip",
+        "borderInlineStartClip"
+      ],
+      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "extended": []
+    },
     {
       "name": "border-inline-start-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-color",
@@ -5171,6 +5081,23 @@
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
+    {
+      "name": "border-left-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-clip",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to length of border-edge side",
+      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-left-clip",
+        "borderLeftClip"
+      ],
+      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "extended": []
+    },
     {
       "name": "border-left-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-color",
@@ -5293,6 +5220,23 @@
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
+    {
+      "name": "border-right-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-clip",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to length of border-edge side",
+      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-right-clip",
+        "borderRightClip"
+      ],
+      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "extended": []
+    },
     {
       "name": "border-right-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-color",
@@ -5468,6 +5412,23 @@
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
+    {
+      "name": "border-top-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-clip",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "refer to length of border-edge side",
+      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "by computed value",
+      "styleDeclaration": [
+        "border-top-clip",
+        "borderTopClip"
+      ],
+      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "extended": []
+    },
     {
       "name": "border-top-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-color",
@@ -7215,7 +7176,7 @@
       "styleDeclaration": [
         "cursor"
       ],
-      "syntax": "<cursor-image>#? <cursor-predefined>",
+      "syntax": "[<cursor-image>,]* <cursor-predefined>",
       "extended": []
     },
     {
@@ -7351,6 +7312,57 @@
       "syntax": "show | hide",
       "extended": []
     },
+    {
+      "name": "event-trigger",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "event-trigger",
+        "eventTrigger"
+      ],
+      "syntax": "none | [ <'event-trigger-name'> <'event-trigger-source'> ]#",
+      "extended": []
+    },
+    {
+      "name": "event-trigger-name",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-name",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "event-trigger-name",
+        "eventTriggerName"
+      ],
+      "syntax": "none | <dashed-ident>#",
+      "extended": []
+    },
+    {
+      "name": "event-trigger-source",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-source",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "event-trigger-source",
+        "eventTriggerSource"
+      ],
+      "syntax": "[ none | <event-trigger-event>+ [ / <event-trigger-event>+ ]? ]#",
+      "extended": []
+    },
     {
       "name": "field-sizing",
       "href": "https://drafts.csswg.org/css-forms-1/#propdef-field-sizing",
@@ -10799,7 +10811,7 @@
         "outline-color",
         "outlineColor"
       ],
-      "syntax": "auto | <color> | <image-1D>",
+      "syntax": "auto | <'border-top-color'>",
       "extended": []
     },
     {
@@ -14413,6 +14425,159 @@
       "syntax": "none | all | <dashed-ident>#",
       "extended": []
     },
+    {
+      "name": "timeline-trigger",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "timeline-trigger",
+        "timelineTrigger"
+      ],
+      "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-range'> [ '/' <'timeline-trigger-exit-range'> ]? ]#",
+      "extended": []
+    },
+    {
+      "name": "timeline-trigger-exit-range",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "timeline-trigger-exit-range",
+        "timelineTriggerExitRange"
+      ],
+      "syntax": "[ <'timeline-trigger-exit-range-start'> <'timeline-trigger-exit-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",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "timeline-trigger-exit-range-end",
+        "timelineTriggerExitRangeEnd"
+      ],
+      "syntax": "[ auto | 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",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
+      "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"
+      ],
+      "syntax": "none | <dashed-ident>#",
+      "extended": []
+    },
+    {
+      "name": "timeline-trigger-range",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "timeline-trigger-range",
+        "timelineTriggerRange"
+      ],
+      "syntax": "[ <'timeline-trigger-range-start'> <'timeline-trigger-range-end'>? ]#",
+      "extended": []
+    },
+    {
+      "name": "timeline-trigger-range-end",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-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",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "timeline-trigger-range-end",
+        "timelineTriggerRangeEnd"
+      ],
+      "syntax": "[ 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",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
+      "computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "timeline-trigger-range-start",
+        "timelineTriggerRangeStart"
+      ],
+      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "extended": []
+    },
+    {
+      "name": "timeline-trigger-source",
+      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-source",
+      "initial": "auto",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "list, each item either the keyword none, the keyword auto, a case-sensitive css identifier, a computed scroll() function, or a computed view() function",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "timeline-trigger-source",
+        "timelineTriggerSource"
+      ],
+      "syntax": "<single-animation-timeline>#",
+      "extended": []
+    },
     {
       "name": "top",
       "href": "https://drafts.csswg.org/css-position-3/#propdef-top",
@@ -15182,6 +15347,7 @@
       "percentages": "N/A",
       "computedValue": "as specified except for element’s whose float computed value is not none, in which case the computed value is auto.",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "wrap-flow",
         "wrapFlow"
@@ -15215,6 +15381,7 @@
       "percentages": "N/A",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "wrap-through",
         "wrapThrough"
@@ -16490,6 +16657,12 @@
       "syntax": "scroll-position | contents | <custom-ident>",
       "extended": []
     },
+    {
+      "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",
+      "extended": []
+    },
     {
       "name": "any-value",
       "prose": "The <any-value> production is identical to <declaration-value>, but also allows top-level <semicolon-token> tokens and <delim-token> tokens with a value of \"!\". It represents the entirety of what valid CSS can be in any context.",
@@ -16510,7 +16683,7 @@
     },
     {
       "name": "attachment",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-attachment",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-attachment",
       "syntax": "scroll | fixed | local",
       "extended": []
     },
@@ -16654,14 +16827,14 @@
     },
     {
       "name": "bg-image",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-bg-image",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-image",
       "syntax": "<image> | none",
       "extended": []
     },
     {
       "name": "bg-layer",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-bg-layer",
-      "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-layer",
+      "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <bg-clip> || <visual-box>",
       "extended": []
     },
     {
@@ -16673,7 +16846,7 @@
     },
     {
       "name": "bg-size",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-bg-size",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-size",
       "syntax": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain",
       "extended": []
     },
@@ -17289,6 +17462,12 @@
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-eof-token",
       "extended": []
     },
+    {
+      "name": "event-trigger-event",
+      "href": "https://drafts.csswg.org/css-animations-2/#typedef-event-trigger-event",
+      "syntax": "activate | click | touch | dblclick | keypress(<string>) | ...",
+      "extended": []
+    },
     {
       "name": "explicit-track-list",
       "href": "https://drafts.csswg.org/css-grid-2/#typedef-explicit-track-list",
@@ -17328,8 +17507,8 @@
     },
     {
       "name": "final-bg-layer",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-final-bg-layer",
-      "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>",
+      "href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-final-bg-layer",
+      "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <bg-clip> || <visual-box> || <'background-color'>",
       "extended": []
     },
     {
@@ -18763,18 +18942,6 @@
       "syntax": "auto | none | <dashed-ident> | <scroll()> | <view()>",
       "extended": []
     },
-    {
-      "name": "single-animation-trigger",
-      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-trigger",
-      "syntax": "<single-animation-trigger-behavior> || [ none | auto | [ [ <dashed-ident> | <scroll()> | <view()> ] [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]{0,4} ] ]",
-      "extended": []
-    },
-    {
-      "name": "single-animation-trigger-behavior",
-      "href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-trigger-behavior",
-      "syntax": "once | repeat | alternate | state",
-      "extended": []
-    },
     {
       "name": "single-transition",
       "href": "https://drafts.csswg.org/css-transitions-2/#single-transition",
@@ -18925,10 +19092,16 @@
       "syntax": "not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*",
       "extended": []
     },
+    {
+      "name": "supports-condition-name",
+      "prose": "Where <supports-condition-name> is an <extension-name> that defines the name of the supports query.",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-supports-condition-name",
+      "extended": []
+    },
     {
       "name": "supports-decl",
-      "href": "https://drafts.csswg.org/css-conditional-3/#typedef-supports-decl",
-      "syntax": "( <declaration> )",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-supports-decl",
+      "syntax": "( [ <declaration> | <supports-condition-name> ] )",
       "extended": []
     },
     {

package/package.json CHANGED Viewed

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