mdn-data 2.19.0 → 2.21.0

package/css/at-rules.json

@@ -17,7 +17,7 @@
     ],
     "descriptors": {
       "additive-symbols": {
-        "syntax": "[ <integer> && <symbol> ]#",
+        "syntax": "[ <integer [0,∞]> && <symbol> ]#",
         "media": "all",
         "initial": "n/a (required)",
         "percentages": "no",
@@ -208,7 +208,7 @@
         "percentages": "no",
         "computed": "asSpecified",
         "order": "uniqueOrder",
-        "status": "standard",
+        "status": "obsolete",
         "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@font-face/font-stretch"
       },
       "font-style": {
@@ -351,7 +351,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@import"
   },
   "@keyframes": {
-    "syntax": "@keyframes <keyframes-name> {\n  <keyframe-block-list>\n}",
+    "syntax": "@keyframes <keyframes-name> {\n  <qualified-rule-list>\n}",
     "interfaces": [
       "CSSKeyframeRule",
       "CSSKeyframesRule"
@@ -444,7 +444,7 @@
         "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@page/page-orientation"
       },
       "size": {
-        "syntax": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
+        "syntax": "<length [0,∞]>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
         "media": [
           "visual",
           "paged"

package/css/definitions.json

@@ -5,7 +5,6 @@
       "Combinators",
       "Compositing and Blending",
       "CSS Anchor Positioning",
-      "CSS Angles",
       "CSS Animations",
       "CSS Backgrounds and Borders",
       "CSS Basic User Interface",
@@ -23,14 +22,13 @@
       "CSS Environment Variables",
       "CSS Flexible Box Layout",
       "CSS Fonts",
+      "CSS Form Control Styling",
       "CSS Fragmentation",
-      "CSS Frequencies",
       "CSS Generated Content",
       "CSS Grid Layout",
       "CSS Houdini",
       "CSS Images",
       "CSS Inline",
-      "CSS Lengths",
       "CSS Lists and Counters",
       "CSS Logical Properties and Values",
       "CSS Masking",
@@ -41,7 +39,8 @@
       "CSS Overflow",
       "CSS Overscroll Behavior",
       "CSS Paged Media",
-      "CSS Positioning",
+      "CSS Positioned Layout",
+      "CSS Regions",
       "CSS Resolutions",
       "CSS Rhythmic Sizing",
       "CSS Ruby",
@@ -55,11 +54,9 @@
       "CSS Table",
       "CSS Text",
       "CSS Text Decoration",
-      "CSS Times",
       "CSS Transforms",
       "CSS Transitions",
       "CSS Types",
-      "CSS Units",
       "CSS Values and Units",
       "CSS View Transitions",
       "CSS Viewport",

package/css/functions.json

@@ -2,8 +2,7 @@
   "abs()": {
     "syntax": "abs( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/abs"
@@ -11,8 +10,7 @@
   "acos()": {
     "syntax": "acos( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/acos"
@@ -36,8 +34,7 @@
   "asin()": {
     "syntax": "asin( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/asin"
@@ -45,8 +42,7 @@
   "atan()": {
     "syntax": "atan( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan"
@@ -54,8 +50,7 @@
   "atan2()": {
     "syntax": "atan2( <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan2"
@@ -87,8 +82,7 @@
   "calc()": {
     "syntax": "calc( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc"
@@ -96,8 +90,7 @@
   "calc-size()": {
     "syntax": "calc-size( <calc-size-basis>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc-size"
@@ -113,8 +106,7 @@
   "clamp()": {
     "syntax": "clamp( <calc-sum>#{3} )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clamp"
@@ -136,7 +128,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color-mix"
   },
   "conic-gradient()": {
-    "syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )",
+    "syntax": "conic-gradient( [ <conic-gradient-syntax> ] )",
     "groups": [
       "CSS Images"
     ],
@@ -154,8 +146,7 @@
   "cos()": {
     "syntax": "cos( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cos"
@@ -227,8 +218,7 @@
   "exp()": {
     "syntax": "exp( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/exp"
@@ -285,8 +275,7 @@
   "hypot()": {
     "syntax": "hypot( <calc-sum># )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/hypot"
@@ -371,7 +360,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/easing-function/linear"
   },
   "linear-gradient()": {
-    "syntax": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+    "syntax": "linear-gradient( [ <linear-gradient-syntax> ] )",
     "groups": [
       "CSS Images"
     ],
@@ -381,8 +370,7 @@
   "log()": {
     "syntax": "log( <calc-sum>, <calc-sum>? )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/log"
@@ -406,8 +394,7 @@
   "max()": {
     "syntax": "max( <calc-sum># )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/max"
@@ -415,8 +402,7 @@
   "min()": {
     "syntax": "min( <calc-sum># )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/min"
@@ -424,8 +410,7 @@
   "minmax()": {
     "syntax": "minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | min-content | max-content | auto ] )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/minmax"
@@ -433,8 +418,7 @@
   "mod()": {
     "syntax": "mod( <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/mod"
@@ -506,14 +490,13 @@
   "pow()": {
     "syntax": "pow( <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/pow"
   },
   "radial-gradient()": {
-    "syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+    "syntax": "radial-gradient( [ <radial-gradient-syntax> ] )",
     "groups": [
       "CSS Images"
     ],
@@ -539,14 +522,13 @@
   "rem()": {
     "syntax": "rem( <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/rem"
   },
   "repeating-conic-gradient()": {
-    "syntax": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )",
+    "syntax": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
     "groups": [
       "CSS Images"
     ],
@@ -554,7 +536,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-conic-gradient"
   },
   "repeating-linear-gradient()": {
-    "syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
+    "syntax": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )",
     "groups": [
       "CSS Images"
     ],
@@ -562,7 +544,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient"
   },
   "repeating-radial-gradient()": {
-    "syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
+    "syntax": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
     "groups": [
       "CSS Images"
     ],
@@ -628,8 +610,7 @@
   "round()": {
     "syntax": "round( <rounding-strategy>?, <calc-sum>, <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/round"
@@ -701,8 +682,7 @@
   "sign()": {
     "syntax": "sign( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sign"
@@ -710,8 +690,7 @@
   "sin()": {
     "syntax": "sin( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sin"
@@ -743,8 +722,7 @@
   "sqrt()": {
     "syntax": "sqrt( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sqrt"
@@ -768,8 +746,7 @@
   "tan()": {
     "syntax": "tan( <calc-sum> )",
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/tan"

package/css/properties.json

@@ -2384,6 +2384,21 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/background-size"
   },
+  "baseline-shift": {
+    "syntax": "<length-percentage> | sub | super | baseline",
+    "media": "none",
+    "inherited": false,
+    "animationType": "byComputedValueType",
+    "percentages": "referToTheUsedValueOfLineHeight",
+    "groups": [
+      "CSS Inline"
+    ],
+    "initial": "0",
+    "appliesto": "inlineLevelBoxesAndSVGTextContentElements",
+    "computed": "theSpecifiedKeywordOrAComputedLengthPercentageValue",
+    "order": "perGrammar",
+    "status": "standard"
+  },
   "block-size": {
     "syntax": "<'width'>",
     "media": "visual",
@@ -3696,7 +3711,7 @@
     "animationType": "lpc",
     "percentages": "referToContainingBlockHeight",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",
@@ -4018,7 +4033,7 @@
     "animationType": "discrete",
     "percentages": "no",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "none",
     "appliesto": "blockLevelElements",
@@ -4461,7 +4476,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/container-name"
   },
   "container-type": {
-    "syntax": "normal | size | inline-size",
+    "syntax": "normal | [ [ size | inline-size ] || scroll-state ]",
     "media": "visual",
     "inherited": false,
     "animationType": "color",
@@ -4908,7 +4923,7 @@
     "animationType": "discrete",
     "percentages": "no",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "none",
     "appliesto": "allElementsNoEffectIfDisplayNone",
@@ -5124,18 +5139,18 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-palette"
   },
   "font-size": {
-    "syntax": "<absolute-size> | <relative-size> | <length-percentage>",
+    "syntax": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
     "media": "visual",
     "inherited": true,
-    "animationType": "length",
+    "animationType": "byComputedValueType",
     "percentages": "referToParentElementsFontSize",
     "groups": [
       "CSS Fonts"
     ],
     "initial": "medium",
     "appliesto": "allElementsAndText",
-    "computed": "asSpecifiedRelativeToAbsoluteLengths",
-    "order": "uniqueOrder",
+    "computed": "absoluteLength",
+    "order": "perGrammar",
     "alsoAppliesTo": [
       "::first-letter",
       "::first-line",
@@ -5199,7 +5214,7 @@
       "::first-line",
       "::placeholder"
     ],
-    "status": "standard",
+    "status": "obsolete",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-stretch"
   },
   "font-style": {
@@ -6148,7 +6163,8 @@
     "animationType": "lpc",
     "percentages": "logicalHeightOrWidthOfContainingBlock",
     "groups": [
-      "CSS Logical Properties and Values"
+      "CSS Logical Properties and Values",
+      "CSS Positioned Layout"
     ],
     "initial": [
       "top",
@@ -6174,7 +6190,8 @@
     "animationType": "lpc",
     "percentages": "logicalHeightOfContainingBlock",
     "groups": [
-      "CSS Logical Properties and Values"
+      "CSS Logical Properties and Values",
+      "CSS Positioned Layout"
     ],
     "initial": [
       "inset-block-start",
@@ -6196,7 +6213,8 @@
     "animationType": "lpc",
     "percentages": "logicalHeightOfContainingBlock",
     "groups": [
-      "CSS Logical Properties and Values"
+      "CSS Logical Properties and Values",
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",
@@ -6212,7 +6230,8 @@
     "animationType": "lpc",
     "percentages": "logicalHeightOfContainingBlock",
     "groups": [
-      "CSS Logical Properties and Values"
+      "CSS Logical Properties and Values",
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",
@@ -6228,7 +6247,8 @@
     "animationType": "lpc",
     "percentages": "logicalWidthOfContainingBlock",
     "groups": [
-      "CSS Logical Properties and Values"
+      "CSS Logical Properties and Values",
+      "CSS Positioned Layout"
     ],
     "initial": [
       "inset-inline-start",
@@ -6250,7 +6270,8 @@
     "animationType": "lpc",
     "percentages": "logicalWidthOfContainingBlock",
     "groups": [
-      "CSS Logical Properties and Values"
+      "CSS Logical Properties and Values",
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",
@@ -6266,7 +6287,8 @@
     "animationType": "lpc",
     "percentages": "logicalWidthOfContainingBlock",
     "groups": [
-      "CSS Logical Properties and Values"
+      "CSS Logical Properties and Values",
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",
@@ -6282,7 +6304,7 @@
     "animationType": "notAnimatable",
     "percentages": "no",
     "groups": [
-      "CSS Units"
+      "CSS Values and Units"
     ],
     "initial": "numeric-only",
     "appliesto": "allElements",
@@ -6378,7 +6400,7 @@
     "animationType": "lpc",
     "percentages": "referToWidthOfContainingBlock",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",
@@ -7451,6 +7473,21 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/object-position"
   },
+  "object-view-box": {
+    "syntax": "none | <basic-shape-rect>",
+    "media": "visual",
+    "inherited": false,
+    "animationType": "asIfPossibleOtherwiseDiscrete",
+    "percentages": "no",
+    "groups": [
+      "CSS Images"
+    ],
+    "initial": "none",
+    "appliesto": "replacedElements",
+    "computed": "specifiedKeywordOrComputedFunction",
+    "order": "perGrammar",
+    "status": "experimental"
+  },
   "offset": {
     "syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?",
     "media": "visual",
@@ -7882,7 +7919,7 @@
     "animationType": "discreteButVisibleForDurationWhenAnimatedNone",
     "percentages": "no",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "none",
     "appliesto": "allElements",
@@ -8403,7 +8440,7 @@
     "animationType": "discrete",
     "percentages": "no",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "static",
     "appliesto": "allElements",
@@ -8592,7 +8629,7 @@
     "animationType": "lpc",
     "percentages": "referToWidthOfContainingBlock",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",
@@ -8746,6 +8783,21 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/scroll-behavior"
   },
+  "scroll-initial-target": {
+    "syntax": "none | nearest",
+    "media": "noPracticalMedia",
+    "inherited": false,
+    "animationType": "notAnimatable",
+    "percentages": "no",
+    "groups": [
+      "CSS Scroll Snap"
+    ],
+    "initial": "none",
+    "appliesto": "allElements",
+    "computed": "theSpecifiedKeyword",
+    "order": "perGrammar",
+    "status": "experimental"
+  },
   "scroll-margin": {
     "syntax": "<length>{1,4}",
     "media": "visual",
@@ -10283,7 +10335,7 @@
     "animationType": "lpc",
     "percentages": "referToContainingBlockHeight",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",
@@ -10569,7 +10621,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/vertical-align"
   },
   "view-timeline": {
-    "syntax": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
+    "syntax": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
     "media": "visual",
     "inherited": false,
     "animationType": [
@@ -10626,7 +10678,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/view-timeline-inset"
   },
   "view-timeline-name": {
-    "syntax": "none | <dashed-ident>#",
+    "syntax": "[ none | <dashed-ident> ]#",
     "media": "interactive",
     "inherited": false,
     "animationType": "notAnimatable",
@@ -10877,7 +10929,7 @@
     "animationType": "integer",
     "percentages": "no",
     "groups": [
-      "CSS Positioning"
+      "CSS Positioned Layout"
     ],
     "initial": "auto",
     "appliesto": "positionedElements",

package/css/properties.schema.json

@@ -16,6 +16,7 @@
       "enum": [
         "angleBasicShapeOrPath",
         "angleOrBasicShapeOrPath",
+        "asIfPossibleOtherwiseDiscrete",
         "basicShapeOtherwiseNo",
         "byComputedValue",
         "byComputedValueType",
@@ -80,6 +81,7 @@
         "referToSVGViewportSize",
         "referToSVGViewportWidth",
         "referToSVGViewportDiagonal",
+        "referToTheUsedValueOfLineHeight",
         "referToTotalPathLength",
         "referToWidthAndHeightOfElement",
         "referToWidthOfAffectedGlyph",
@@ -169,12 +171,14 @@
         "sameAsMinWidthAndMinHeight",
         "sameAsWidthAndHeight",
         "specifiedIntegerOrAbsoluteLength",
+        "specifiedKeywordOrComputedFunction",
         "specifiedValue",
         "specifiedValueClipped0To1",
         "specifiedValueNumberClipped0To1",
         "theComputedLengthAndVisualBox",
         "theKeywordListStyleImageNoneOrComputedValue",
         "theSpecifiedKeyword",
+        "theSpecifiedKeywordOrAComputedLengthPercentageValue",
         "translucentValuesRGBAOtherwiseRGB",
         "twoAbsoluteLengthOrPercentages",
         "twoAbsoluteLengths"
@@ -251,6 +255,7 @@
         "inlineBoxesAndBlockContainers",
         "inFlowChildrenOfBoxElements",
         "inlineLevelAndTableCellElements",
+        "inlineLevelBoxesAndSVGTextContentElements",
         "inlineLevelBoxesFlexItemsGridItemsTableCellsAndSVGTextContentElements",
         "limitedSVGElements",
         "limitedSVGElementsCircle",

package/css/selectors.json

@@ -1048,7 +1048,8 @@
     "syntax": "::backdrop",
     "groups": [
       "Pseudo-elements",
-      "Selectors"
+      "Selectors",
+      "CSS Positioned Layout"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/::backdrop"
@@ -1062,6 +1063,14 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/::before"
   },
+  "::checkmark": {
+    "syntax": "::checkmark",
+    "groups": [
+      "CSS Form Control Styling"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/::checkmark"
+  },
   "::cue": {
     "syntax": "::cue",
     "groups": [
@@ -1086,7 +1095,7 @@
       "Pseudo-elements",
       "Selectors"
     ],
-    "status": "standard"
+    "status": "experimental"
   },
   "::cue-region()": {
     "syntax": "::cue-region( <selector> )",
@@ -1094,7 +1103,7 @@
       "Pseudo-elements",
       "Selectors"
     ],
-    "status": "standard"
+    "status": "experimental"
   },
   "::details-content": {
     "syntax": "::details-content",
@@ -1102,7 +1111,7 @@
       "Pseudo-elements",
       "Selectors"
     ],
-    "status": "experimental",
+    "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/::details-content"
   },
   "::file-selector-button": {
@@ -1170,6 +1179,22 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/::part"
   },
+  "::picker-icon": {
+    "syntax": "::picker-icon",
+    "groups": [
+      "CSS Form Control Styling"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/::picker-icon"
+  },
+  "::picker()": {
+    "syntax": "::picker( <form-control-identifier>+ )",
+    "groups": [
+      "CSS Form Control Styling"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/::picker"
+  },
   "::placeholder": {
     "syntax": "::placeholder",
     "groups": [

package/css/syntaxes.json

@@ -33,13 +33,13 @@
     "syntax": "<angle> | <percentage>"
   },
   "angular-color-hint": {
-    "syntax": "<angle-percentage>"
+    "syntax": "<angle-percentage> | <zero>"
   },
   "angular-color-stop": {
-    "syntax": "<color> && <color-stop-angle>?"
+    "syntax": "<color> <color-stop-angle>?"
   },
   "angular-color-stop-list": {
-    "syntax": "[ <angular-color-stop> [, <angular-color-hint>]? ]# , <angular-color-stop>"
+    "syntax": "<angular-color-stop> , [ <angular-color-hint>? , <angular-color-stop> ]#?"
   },
   "animateable-feature": {
     "syntax": "scroll-position | contents | <custom-ident>"
@@ -81,7 +81,10 @@
     "syntax": "[ first | last ]? baseline"
   },
   "basic-shape": {
-    "syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+    "syntax": "<inset()> | <xywh()> | <rect()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+  },
+  "basic-shape-rect": {
+    "syntax": "<inset()> | <rect()> | <xywh()>"
   },
   "bg-clip": {
     "syntax": "<visual-box> | border-area | text"
@@ -168,13 +171,13 @@
     "syntax": "<color-stop-length> | <color-stop-angle>"
   },
   "color-stop-angle": {
-    "syntax": "<angle-percentage>{1,2}"
+    "syntax": "[ <angle-percentage> | <zero> ]{1,2}"
   },
   "color-stop-length": {
     "syntax": "<length-percentage>{1,2}"
   },
   "color-stop-list": {
-    "syntax": "[ <linear-color-stop> [, <linear-color-hint>]? ]# , <linear-color-stop>"
+    "syntax": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#?"
   },
   "colorspace-params": {
     "syntax": "[<custom-params> | <predefined-rgb-params> | <xyz-params>]"
@@ -207,7 +210,10 @@
     "syntax": "<compound-selector>#"
   },
   "conic-gradient()": {
-    "syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )"
+    "syntax": "conic-gradient( [ <conic-gradient-syntax> ] )"
+  },
+  "conic-gradient-syntax": {
+    "syntax": "[ [ [ from [ <angle> | <zero> ] ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"
   },
   "container-condition": {
     "syntax": "[ <container-name>? <container-query>? ]!"
@@ -323,9 +329,6 @@
   "ellipse()": {
     "syntax": "ellipse( <radial-size>? [ at <position> ]? )"
   },
-  "ending-shape": {
-    "syntax": "circle | ellipse"
-  },
   "env()": {
     "syntax": "env( <custom-ident> , <declaration-value>? )"
   },
@@ -389,6 +392,9 @@
   "font-weight-absolute": {
     "syntax": "normal | bold | <number [1,1000]>"
   },
+  "form-control-identifier": {
+    "syntax": "select"
+  },
   "frequency-percentage": {
     "syntax": "<frequency> | <percentage>"
   },
@@ -476,11 +482,8 @@
   "keyframe-block": {
     "syntax": "<keyframe-selector># {\n  <declaration-list>\n}"
   },
-  "keyframe-block-list": {
-    "syntax": "<keyframe-block>+"
-  },
   "keyframe-selector": {
-    "syntax": "from | to | <percentage> | <timeline-range-name> <percentage>"
+    "syntax": "from | to | <percentage [0,100]> | <timeline-range-name> <percentage>"
   },
   "keyframes-name": {
     "syntax": "<custom-ident> | <string>"
@@ -534,7 +537,10 @@
     "syntax": "linear | <linear()>"
   },
   "linear-gradient()": {
-    "syntax": "linear-gradient( [ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list> )"
+    "syntax": "linear-gradient( [ <linear-gradient-syntax> ] )"
+  },
+  "linear-gradient-syntax": {
+    "syntax": "[ [ <angle> | <zero> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"
   },
   "log()": {
     "syntax": "log( <calc-sum>, <calc-sum>? )"
@@ -756,7 +762,13 @@
     "syntax": "closest-corner | closest-side | farthest-corner | farthest-side"
   },
   "radial-gradient()": {
-    "syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+    "syntax": "radial-gradient( [ <radial-gradient-syntax> ] )"
+  },
+  "radial-gradient-syntax": {
+    "syntax": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <color-stop-list>"
+  },
+  "radial-shape": {
+    "syntax": "circle | ellipse"
   },
   "radial-size": {
     "syntax": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
@@ -792,13 +804,13 @@
     "syntax": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}"
   },
   "repeating-conic-gradient()": {
-    "syntax": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )"
+    "syntax": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )"
   },
   "repeating-linear-gradient()": {
-    "syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
+    "syntax": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
   },
   "repeating-radial-gradient()": {
-    "syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+    "syntax": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )"
   },
   "reversed-counter-name": {
     "syntax": "reversed( <counter-name> )"

package/css/types.json

@@ -246,6 +246,14 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/string"
   },
+  "text-edge": {
+    "groups": [
+      "CSS Types",
+      "CSS Inline"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/text-edge"
+  },
   "time": {
     "groups": [
       "CSS Types"

package/css/units.json

@@ -1,211 +1,183 @@
 {
   "cap": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "ch": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "cm": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "deg": {
     "groups": [
-      "CSS Units",
-      "CSS Angles"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "dpcm": {
     "groups": [
-      "CSS Units",
-      "CSS Resolutions"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "dpi": {
     "groups": [
-      "CSS Units",
-      "CSS Resolutions"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "dppx": {
     "groups": [
-      "CSS Units",
-      "CSS Resolutions"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "em": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "ex": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "fr": {
     "groups": [
-      "CSS Units",
+      "CSS Values and Units",
+      "CSS Flexible Box Layout",
       "CSS Grid Layout"
     ],
     "status": "standard"
   },
   "grad": {
     "groups": [
-      "CSS Units",
-      "CSS Angles"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "Hz": {
     "groups": [
-      "CSS Units",
-      "CSS Frequencies"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "ic": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "in": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "kHz": {
     "groups": [
-      "CSS Units",
-      "CSS Frequencies"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "mm": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "ms": {
     "groups": [
-      "CSS Units",
-      "CSS Times"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "pc": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "pt": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "px": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "Q": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "rad": {
     "groups": [
-      "CSS Units",
-      "CSS Angles"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "rem": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "s": {
     "groups": [
-      "CSS Units",
-      "CSS Times"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "turn": {
     "groups": [
-      "CSS Units",
-      "CSS Angles"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "vh": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "vmax": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "vmin": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "vw": {
     "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Values and Units"
     ],
     "status": "standard"
   },
   "x": {
     "groups": [
-      "CSS Units",
-      "CSS Resolutions"
+      "CSS Values and Units"
     ],
     "status": "standard"
   }

package/l10n/css.json

@@ -392,6 +392,9 @@
     "ja": "{{cssxref(\"basic-shape\")}} で定義された通り (与えられている場合は {{cssxref(\"shape-box\")}} が続く)、 URI を絶対化した {{cssxref(\"image\")}}、それ以外は指定通り。",
     "ru": "как определено для {{cssxref(\"basic-shape\")}} (c {{cssxref(\"shape-box\")}} последующим, если передается),  {{cssxref(\"image\")}} с его абсолютным URI, если другое не указано"
   },
+  "asIfPossibleOtherwiseDiscrete": {
+    "en-US": "as if possible, otherwise discrete"
+  },
   "asLength": {
     "de": "als {{cssxref(\"length\")}}",
     "en-US": "as {{cssxref(\"length\")}}",
@@ -924,6 +927,9 @@
     "ja": "インラインレベルおよびテーブルセル要素",
     "ru": "строчным элементам и ячейкам таблиц"
   },
+  "inlineLevelBoxesAndSVGTextContentElements": {
+    "en-US": "inline-level boxes and SVG text content elements"
+  },
   "inlineLevelBoxesFlexItemsGridItemsTableCellsAndSVGTextContentElements": {
     "en-US": "inline-level boxes, flex items, grid items, table cells, and SVG text content elements"
   },
@@ -1492,7 +1498,7 @@
     "ru": "относятся к размеру маски области рисования минус размер маски слоя изображения (смотрите статью о {{cssxref(\"background-position\")}})"
   },
   "referToSVGViewportDiagonal": {
-    "en-US": "refer to the normalized diagonal measure of the current SVG viewport's applied {{SVGAttr(\"viewBox\")}}, or of the viewport itself if no `viewBox` is specified"
+    "en-US": "refer to the normalized diagonal measure of the current SVG viewport's applied {{SVGAttr(\"viewBox\")}}, or of the viewport itself if no <code>viewBox</code> is specified"
   },
   "referToSVGViewportHeight": {
     "en-US": "refer to the height of the current SVG viewport"
@@ -1503,6 +1509,9 @@
   "referToSVGViewportWidth": {
     "en-US": "refer to the width of the current SVG viewport"
   },
+  "referToTheUsedValueOfLineHeight": {
+    "en-US": "refer to the used value of {{cssxref(\"line-height\")}}"
+  },
   "referToTotalPathLength": {
     "de": "beziehen sich auf die Gesamtlänge des Pfads",
     "en-US": "refer to the total path length",
@@ -1728,6 +1737,9 @@
     "ja": "指定された整数値または絶対的な長さ",
     "ru": "указанное целое число или абсолютная длина"
   },
+  "specifiedKeywordOrComputedFunction": {
+    "en-US": "specified keyword, or computed function"
+  },
   "specifiedValue": {
     "en-US": "specified value"
   },
@@ -1805,6 +1817,9 @@
   "theSpecifiedKeyword": {
     "en-US": "the specified keyword"
   },
+  "theSpecifiedKeywordOrAComputedLengthPercentageValue": {
+    "en-US": "the specified keyword or a computed <length-percentage> value"
+  },
   "transform": {
     "de": "Transformation",
     "en-US": "a transform",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdn-data",
-  "version": "2.19.0",
+  "version": "2.21.0",
   "description": "Open Web data by the Mozilla Developer Network",
   "main": "index.js",
   "files": [