npm - @webref/css - Versions diffs - 6.5.5 → 6.5.6 - Mend

@webref/css 6.5.5 → 6.5.6

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 (6) hide show

package/css-contain-3.json CHANGED Viewed

@@ -6,7 +6,7 @@
   "properties": [
     {
       "name": "contain",
-      "newValues": "layout || style || paint || [ size | inline-size ]",
+      "value": "none | strict | content | [ [size | inline-size] || layout || style || paint ]",
       "values": [
         {
           "name": "inline-size",
@@ -26,7 +26,7 @@
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "the keyword normal or one or more of size, inline-size",
+      "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "values": [

package/css-images-4.json CHANGED Viewed

@@ -190,17 +190,20 @@
     {
       "name": "repeating-linear-gradient()",
       "prose": "In addition to linear-gradient(), radial-gradient(), and conic-gradient(), this specification defines repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
-      "type": "function"
+      "type": "function",
+      "value": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
     },
     {
       "name": "repeating-radial-gradient()",
       "prose": "In addition to linear-gradient(), radial-gradient(), and conic-gradient(), this specification defines repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
-      "type": "function"
+      "type": "function",
+      "value": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )"
     },
     {
       "name": "repeating-conic-gradient()",
       "prose": "In addition to linear-gradient(), radial-gradient(), and conic-gradient(), this specification defines repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
       "type": "function",
+      "value": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
       "values": [
         {
           "name": "<angle>",
@@ -216,21 +219,6 @@
         }
       ]
     },
-    {
-      "name": "<repeating-conic-gradient()>",
-      "type": "type",
-      "value": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )"
-    },
-    {
-      "name": "<repeating-linear-gradient()>",
-      "type": "type",
-      "value": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
-    },
-    {
-      "name": "<repeating-radial-gradient()>",
-      "type": "type",
-      "value": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )"
-    },
     {
       "name": "<color-stop-list>",
       "type": "type",

package/css-images.json CHANGED Viewed

@@ -279,12 +279,14 @@
     {
       "name": "repeating-linear-gradient()",
       "prose": "In addition to linear-gradient() and radial-gradient(), this specification defines repeating-linear-gradient() and repeating-radial-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
-      "type": "function"
+      "type": "function",
+      "value": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
     },
     {
       "name": "repeating-radial-gradient()",
       "prose": "In addition to linear-gradient() and radial-gradient(), this specification defines repeating-linear-gradient() and repeating-radial-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
       "type": "function",
+      "value": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
       "values": [
         {
           "name": "<position>",
@@ -306,16 +308,6 @@
         }
       ]
     },
-    {
-      "name": "<repeating-linear-gradient()>",
-      "type": "type",
-      "value": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
-    },
-    {
-      "name": "<repeating-radial-gradient()>",
-      "type": "type",
-      "value": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )"
-    },
     {
       "name": "<color-stop-list>",
       "type": "type",

package/css-syntax.json CHANGED Viewed

@@ -134,8 +134,8 @@
       "type": "type"
     },
     {
-      "name": "<EOF-token>",
-      "prose": "A conceptual token representing the end of the list of tokens. Whenever the list of tokens is empty, the next input token is always an <EOF-token>.",
+      "name": "<eof-token>",
+      "prose": "An <eof-token> is a conceptual token, not actually produced by the tokenizer, used to indicate that the token stream has been exhausted.",
       "type": "type"
     },
     {
@@ -177,14 +177,9 @@
       "type": "type",
       "value": "u '+' <ident-token> '?'* | u <dimension-token> '?'* | u <number-token> '?'* | u <number-token> <dimension-token> | u <number-token> <number-token> | u '+' '?'+"
     },
-    {
-      "name": "<style-block>",
-      "prose": "The <style-block> production represents the contents of a style rule’s block. It may only be used in grammars as the sole value in a block, and represents that the contents of the block must be parsed using the consume a style block’s contents algorithm.",
-      "type": "type"
-    },
     {
       "name": "<declaration-list>",
-      "prose": "The <declaration-list> production represents a list of declarations. It may only be used in grammars as the sole value in a block, and represents that the contents of the block must be parsed using the consume a list of declarations algorithm.",
+      "prose": "The <declaration-list> production represents a list of declarations and/or rules. It may only be used in grammars as the sole value in a block, and represents that the contents of the block must be parsed using the consume a list of declarations algorithm.",
       "type": "type"
     },
     {

package/package.json CHANGED Viewed

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

package/css-scroll-snap-2.json DELETED Viewed

@@ -1,362 +0,0 @@
-{
-  "spec": {
-    "title": "CSS Scroll Snap Module Level 2",
-    "url": "https://drafts.csswg.org/css-scroll-snap-2/"
-  },
-  "properties": [
-    {
-      "name": "scroll-start",
-      "value": "[ auto | start | end | center | left | right | top | bottom | <length-percentage [0,∞]> ]{1,2}",
-      "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",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start",
-        "scrollStart"
-      ]
-    },
-    {
-      "name": "scroll-start-target",
-      "value": "[ none | auto ]",
-      "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",
-      "values": [
-        {
-          "name": "none",
-          "prose": "Element is not a scroll-start-target.",
-          "type": "value",
-          "value": "none"
-        },
-        {
-          "name": "auto",
-          "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-          "type": "value",
-          "value": "auto"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-target",
-        "scrollStartTarget"
-      ]
-    },
-    {
-      "name": "scroll-start-x",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-x",
-        "scrollStartX"
-      ]
-    },
-    {
-      "name": "scroll-start-y",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-y",
-        "scrollStartY"
-      ]
-    },
-    {
-      "name": "scroll-start-inline",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-inline",
-        "scrollStartInline"
-      ]
-    },
-    {
-      "name": "scroll-start-block",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-block",
-        "scrollStartBlock"
-      ]
-    }
-  ],
-  "atrules": [],
-  "selectors": [
-    {
-      "name": ":snapped",
-      "prose": "The :snapped pseudo-class matches any scroll snap targets, regardless of axis. The longform physical and logical pseudo-class selectors allow for more finite snapped children styling as they can target an individual axis."
-    },
-    {
-      "name": ":snapped-x",
-      "prose": "Matches the child snapped on the horizontal axis."
-    },
-    {
-      "name": ":snapped-y",
-      "prose": "Matches the child snapped on the vertical axis."
-    },
-    {
-      "name": ":snapped-inline",
-      "prose": "Matches the child snapped on the inline axis."
-    },
-    {
-      "name": ":snapped-block",
-      "prose": "Matches the child snapped on the block axis."
-    }
-  ],
-  "values": [],
-  "warnings": [
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "Element is not a scroll-start-target.",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-x"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "Element is not a scroll-start-target.",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-y"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "Element is not a scroll-start-target.",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-block"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "Element is not a scroll-start-target.",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-inline"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-x"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-y"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-block"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-inline"
-    }
-  ]
-}