mdn-data 2.15.0 → 2.17.0

package/css/at-rules.json

@@ -161,7 +161,7 @@
         "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@font-face/descent-override"
       },
       "font-display": {
-        "syntax": "[ auto | block | swap | fallback | optional ]",
+        "syntax": "auto | block | swap | fallback | optional",
         "media": "visual",
         "percentages": "no",
         "initial": "auto",
@@ -334,8 +334,7 @@
       "CSSImportRule"
     ],
     "groups": [
-      "CSS Conditional Rules",
-      "Media Queries"
+      "CSS Cascading and Inheritance"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@import"
@@ -393,7 +392,7 @@
       "CSSPageRule"
     ],
     "groups": [
-      "CSS Pages"
+      "CSS Paged Media"
     ],
     "descriptors": {
       "bleed": {
@@ -456,7 +455,7 @@
       "CSSPositionTryRule"
     ],
     "groups": [
-      "CSS Positioning"
+      "CSS Anchor Positioning"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@position-try"
@@ -521,7 +520,7 @@
       "CSSStartingStyleRule"
     ],
     "groups": [
-      "CSS Animations"
+      "CSS Transitions"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@starting-style"
@@ -554,6 +553,15 @@
         "computed": "asSpecified",
         "order": "uniqueOrder",
         "status": "standard"
+      },
+      "types": {
+        "syntax": "none | <custom-ident>+",
+        "media": "all",
+        "initial": "none",
+        "percentages": "no",
+        "computed": "asSpecified",
+        "order": "uniqueOrder",
+        "status": "standard"
       }
     },
     "status": "standard",

package/css/definitions.json

@@ -4,6 +4,7 @@
       "Basic Selectors",
       "Combinators",
       "Compositing and Blending",
+      "CSS Anchor Positioning",
       "CSS Angles",
       "CSS Animations",
       "CSS Backgrounds and Borders",
@@ -13,15 +14,13 @@
       "CSS Box Sizing",
       "CSS Cascading and Inheritance",
       "CSS Color",
-      "CSS Columns",
       "CSS Conditional Rules",
       "CSS Containment",
       "CSS Counter Styles",
       "CSS Custom Properties for Cascading Variables",
-      "CSS Device Adaptation",
       "CSS Display",
+      "CSS Environment Variables",
       "CSS Flexible Box Layout",
-      "CSS Flexible Lengths",
       "CSS Fonts",
       "CSS Fragmentation",
       "CSS Frequencies",
@@ -32,18 +31,22 @@
       "CSS Inline",
       "CSS Lengths",
       "CSS Lists and Counters",
-      "CSS Logical Properties",
+      "CSS Logical Properties and Values",
       "CSS Masking",
+      "CSS Mobile Text Size Adjustment",
       "CSS Motion Path",
+      "CSS Multi-column Layout",
       "CSS Namespaces",
       "CSS Overflow",
-      "CSS Pages",
+      "CSS Overscroll Behavior",
+      "CSS Paged Media",
       "CSS Positioning",
       "CSS Resolutions",
+      "CSS Rhythmic Sizing",
       "CSS Ruby",
       "CSS Scroll Anchoring",
-      "CSS Scrollbars",
       "CSS Scroll Snap",
+      "CSS Scrollbars Styling",
       "CSS Shadow Parts",
       "CSS Shapes",
       "CSS Speech",
@@ -56,15 +59,17 @@
       "CSS Transitions",
       "CSS Types",
       "CSS Units",
+      "CSS Values and Units",
       "CSS View Transitions",
+      "CSS Viewport",
       "CSS Will Change",
       "CSS Writing Modes",
-      "CSSOM View",
       "Filter Effects",
       "Grouping Selectors",
       "MathML",
       "Media Queries",
       "Microsoft Extensions",
+      "Motion Path",
       "Mozilla Extensions",
       "Pointer Events",
       "Pseudo",
@@ -72,6 +77,7 @@
       "Pseudo-elements",
       "Selectors",
       "Scalable Vector Graphics",
+      "Scroll-driven Animations",
       "WebKit Extensions"
     ]
   }

package/css/functions.json

@@ -20,7 +20,7 @@
   "anchor()": {
     "syntax": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )",
     "groups": [
-      "CSS Positioning"
+      "CSS Anchor Positioning"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor"
@@ -28,7 +28,7 @@
   "anchor-size()": {
     "syntax": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
     "groups": [
-      "CSS Positioning"
+      "CSS Anchor Positioning"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-size"
@@ -63,7 +63,7 @@
   "attr()": {
     "syntax": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
     "groups": [
-      "CSS Generated Content"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/attr"
@@ -103,7 +103,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc-size"
   },
   "circle()": {
-    "syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )",
+    "syntax": "circle( <radial-size>? [ at <position> ]? )",
     "groups": [
       "CSS Shapes"
     ],
@@ -138,8 +138,7 @@
   "conic-gradient()": {
     "syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient"
@@ -180,8 +179,7 @@
   "cross-fade()": {
     "syntax": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cross-fade"
@@ -203,7 +201,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/element"
   },
   "ellipse()": {
-    "syntax": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )",
+    "syntax": "ellipse( <radial-size>? [ at <position> ]? )",
     "groups": [
       "CSS Shapes"
     ],
@@ -213,7 +211,7 @@
   "env()": {
     "syntax": "env( <custom-ident> , <declaration-value>? )",
     "groups": [
-      "CSS Box Model"
+      "CSS Environment Variables"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env"
@@ -230,7 +228,8 @@
   "fit-content()": {
     "syntax": "fit-content( <length-percentage [0,∞]> )",
     "groups": [
-      "CSS Box Model"
+      "CSS Box Sizing",
+      "CSS Grid Layout"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/fit-content_function"
@@ -244,7 +243,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/grayscale"
   },
   "hsl()": {
-    "syntax": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )",
+    "syntax": "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
     "groups": [
       "CSS Color"
     ],
@@ -252,7 +251,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl"
   },
   "hsla()": {
-    "syntax": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )",
+    "syntax": "hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
     "groups": [
       "CSS Color"
     ],
@@ -268,7 +267,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate"
   },
   "hwb()": {
-    "syntax": "hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )",
+    "syntax": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
     "groups": [
       "CSS Color"
     ],
@@ -345,7 +344,7 @@
     "groups": [
       "CSS Generated Content"
     ],
-    "status": "standard"
+    "status": "experimental"
   },
   "light-dark()": {
     "syntax": "light-dark( <color>, <color> )",
@@ -358,8 +357,7 @@
   "linear-gradient()": {
     "syntax": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient"
@@ -452,7 +450,7 @@
   "paint()": {
     "syntax": "paint( <ident>, <declaration-value>? )",
     "groups": [
-      "CSS Backgrounds and Borders"
+      "CSS Houdini"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/paint"
@@ -466,10 +464,9 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-palette/palette-mix"
   },
   "path()": {
-    "syntax": "path( [ <fill-rule>, ]? <string> )",
+    "syntax": "path( <'fill-rule'>? , <string> )",
     "groups": [
-      "CSS Shapes",
-      "CSS Motion Path"
+      "CSS Shapes"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/path"
@@ -483,7 +480,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective"
   },
   "polygon()": {
-    "syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )",
+    "syntax": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )",
     "groups": [
       "CSS Shapes"
     ],
@@ -502,8 +499,7 @@
   "radial-gradient()": {
     "syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/radial-gradient"
@@ -511,11 +507,19 @@
   "ray()": {
     "syntax": "ray( <angle> && <ray-size>? && contain? && [at <position>]? )",
     "groups": [
-      "CSS Motion Path"
+      "Motion Path"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ray"
   },
+  "rect()": {
+    "syntax": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
+    "groups": [
+      "CSS Shapes"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/rect"
+  },
   "rem()": {
     "syntax": "rem( <calc-sum>, <calc-sum> )",
     "groups": [
@@ -528,8 +532,7 @@
   "repeating-conic-gradient()": {
     "syntax": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-conic-gradient"
@@ -537,8 +540,7 @@
   "repeating-linear-gradient()": {
     "syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient"
@@ -546,14 +548,13 @@
   "repeating-radial-gradient()": {
     "syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-radial-gradient"
   },
   "rgb()": {
-    "syntax": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+    "syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
     "groups": [
       "CSS Color"
     ],
@@ -561,7 +562,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb"
   },
   "rgba()": {
-    "syntax": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+    "syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
     "groups": [
       "CSS Color"
     ],
@@ -668,7 +669,7 @@
   "scroll()": {
     "syntax": "scroll( [ <scroller> || <axis> ]? )",
     "groups": [
-      "CSS Animations"
+      "Scroll-driven Animations"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/scroll"
@@ -732,6 +733,14 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sqrt"
   },
+  "symbols()": {
+    "syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+    "groups": [
+      "CSS Counter Styles"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/symbols"
+  },
   "tan()": {
     "syntax": "tan( <calc-sum> )",
     "groups": [
@@ -744,23 +753,23 @@
   "target-counter()": {
     "syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )",
     "groups": [
-      "CSS Lists and Counters"
+      "CSS Generated Content"
     ],
-    "status": "nonstandard"
+    "status": "experimental"
   },
   "target-counters()": {
     "syntax": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )",
     "groups": [
-      "CSS Lists and Counters"
+      "CSS Generated Content"
     ],
-    "status": "nonstandard"
+    "status": "experimental"
   },
   "target-text()": {
     "syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )",
     "groups": [
       "CSS Generated Content"
     ],
-    "status": "standard"
+    "status": "experimental"
   },
   "translate()": {
     "syntax": "translate( <length-percentage> , <length-percentage>? )",
@@ -813,9 +822,17 @@
   "view()": {
     "syntax": "view([<axis> || <'view-timeline-inset'>]?)",
     "groups": [
-      "CSS Animations"
+      "Scroll-driven Animations"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/view"
+  },
+  "xywh()": {
+    "syntax": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
+    "groups": [
+      "CSS Shapes"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/xywh"
   }
 }