@webref/css 7.0.11 → 7.1.1

package/css.json

@@ -105,11 +105,11 @@
           "syntax": "<length>"
         },
         {
-          "name": "direction",
-          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-direction",
+          "name": "fallback",
+          "href": "https://drafts.csswg.org/css-anchor-position-2/#descdef-container-fallback",
           "for": "@container",
           "type": "discrete",
-          "syntax": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline"
+          "syntax": "none | [ [<dashed-ident> || <try-tactic>] | <position-area-query> ]"
         },
         {
           "name": "height",
@@ -139,6 +139,13 @@
           "type": "discrete",
           "syntax": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline"
         },
+        {
+          "name": "scrolled",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-scrolled",
+          "for": "@container",
+          "type": "discrete",
+          "syntax": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline"
+        },
         {
           "name": "snapped",
           "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-snapped",
@@ -1215,7 +1222,7 @@
     {
       "name": "color-mix()",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-color-mix",
-      "syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#)",
+      "syntax": "color-mix( <color-interpolation-method>? , [ <color> && <percentage [0,100]>? ]#)",
       "extended": []
     },
     {
@@ -2253,7 +2260,7 @@
         "webkitAlignItems"
       ],
       "extended": [],
-      "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center"
+      "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center | dialog"
     },
     {
       "name": "-webkit-align-self",
@@ -2265,7 +2272,7 @@
         "webkitAlignSelf"
       ],
       "extended": [],
-      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center"
+      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center | dialog"
     },
     {
       "name": "-webkit-animation",
@@ -3141,7 +3148,7 @@
         "align-items",
         "alignItems"
       ],
-      "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center",
+      "syntax": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center | dialog",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/"
       ]
@@ -3160,7 +3167,7 @@
         "align-self",
         "alignSelf"
       ],
-      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
+      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center | dialog",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/"
       ]
@@ -6157,7 +6164,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
         "column-rule-color",
         "columnRuleColor"
@@ -6208,7 +6215,7 @@
       "percentages": "n/a",
       "computedValue": "list of absolute lengths, snapped as a border width, or 0 under conditions described below",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
         "column-rule-width",
         "columnRuleWidth"
@@ -6298,8 +6305,10 @@
       "styleDeclaration": [
         "contain"
       ],
-      "syntax": "none | strict | content | [ [size | inline-size] || layout || style || paint ]",
-      "extended": []
+      "syntax": "none | strict | content | [ [size | inline-size] || layout || style || paint ] | view-transition",
+      "extended": [
+        "https://drafts.csswg.org/css-view-transitions-2/"
+      ]
     },
     {
       "name": "contain-intrinsic-block-size",
@@ -6625,7 +6634,7 @@
         "corner-bottom-left",
         "cornerBottomLeft"
       ],
-      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6660,7 +6669,7 @@
         "corner-bottom-right",
         "cornerBottomRight"
       ],
-      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6712,7 +6721,7 @@
         "corner-end-end",
         "cornerEndEnd"
       ],
-      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6747,7 +6756,7 @@
         "corner-end-start",
         "cornerEndStart"
       ],
-      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6935,7 +6944,7 @@
         "corner-start-end",
         "cornerStartEnd"
       ],
-      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -6970,7 +6979,7 @@
         "corner-start-start",
         "cornerStartStart"
       ],
-      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -7022,7 +7031,7 @@
         "corner-top-left",
         "cornerTopLeft"
       ],
-      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -7057,7 +7066,7 @@
         "corner-top-right",
         "cornerTopRight"
       ],
-      "syntax": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
+      "syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
       "extended": []
     },
     {
@@ -9199,7 +9208,7 @@
         "item-flow",
         "itemFlow"
       ],
-      "syntax": "<'item-direction'> || <'item-wrap'> || <'item-pack'> || <'item-slack'>",
+      "syntax": "<'item-direction'> || <'item-wrap'> || <'item-pack'> || <'item-tolerance'>",
       "extended": []
     },
     {
@@ -9220,9 +9229,9 @@
       "extended": []
     },
     {
-      "name": "item-slack",
-      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-slack",
-      "initial": "1em",
+      "name": "item-tolerance",
+      "href": "https://drafts.csswg.org/css-grid-3/#propdef-item-tolerance",
+      "initial": "normal",
       "appliesTo": "masonry containers",
       "inherited": "no",
       "percentages": "relative to the grid-axis content box size of the masonry container",
@@ -9230,10 +9239,10 @@
       "canonicalOrder": "per grammar",
       "animationType": "as length",
       "styleDeclaration": [
-        "item-slack",
-        "itemSlack"
+        "item-tolerance",
+        "itemTolerance"
       ],
-      "syntax": "<length-percentage> | infinite",
+      "syntax": "normal | <length-percentage> | infinite",
       "extended": []
     },
     {
@@ -9301,7 +9310,7 @@
         "justify-items",
         "justifyItems"
       ],
-      "syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
+      "syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center | dialog",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/"
       ]
@@ -9320,7 +9329,7 @@
         "justify-self",
         "justifySelf"
       ],
-      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
+      "syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center | dialog",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/"
       ]
@@ -10234,7 +10243,7 @@
       "percentages": "n/a",
       "computedValue": "an integer, see below",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-depth",
@@ -10252,7 +10261,7 @@
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-shift",
@@ -10270,7 +10279,7 @@
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "n/a",
-      "animationType": "not animatable",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "math-style",
@@ -10340,7 +10349,7 @@
       "name": "max-lines",
       "href": "https://drafts.csswg.org/css-overflow-4/#propdef-max-lines",
       "initial": "none",
-      "appliesTo": "block containers which are also either fragmentation containers that capture region breaks or line-clamp containers",
+      "appliesTo": "block containers which are also either line-clamp containers or fragmentation containers that capture region breaks",
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "the keyword none or an integer",
@@ -12126,7 +12135,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
         "row-rule-color",
         "rowRuleColor"
@@ -12177,7 +12186,7 @@
       "percentages": "n/a",
       "computedValue": "list of absolute lengths, snapped as a border width, or 0 under conditions described below",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
       "styleDeclaration": [
         "row-rule-width",
         "rowRuleWidth"
@@ -13146,7 +13155,7 @@
         "shape-subtract",
         "shapeSubtract"
       ],
-      "syntax": "none | [ <basic-shape>| <uri> ]+",
+      "syntax": "none | [ <basic-shape> | <uri> ]+",
       "extended": []
     },
     {
@@ -15476,6 +15485,13 @@
       "syntax": "::placeholder",
       "extended": []
     },
+    {
+      "name": "::reveal-icon",
+      "prose": "The ::reveal-icon pseudo-element represents the portion of the input that allows the user to temporarily disable obscuring of sensitive text input when clicked if provided by the user agent. User agents providing ::reveal-icon may choose to remove it in some circumstances to help protect sensitive text input from being revealed unintentionally.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-reveal-icon",
+      "syntax": "::reveal-icon",
+      "extended": []
+    },
     {
       "name": "::scroll-button()",
       "href": "https://drafts.csswg.org/css-overflow-5/#selectordef-scroll-button---scroll-button-direction",
@@ -16426,6 +16442,18 @@
       "syntax": "width | height | block | inline | self-block | self-inline",
       "extended": []
     },
+    {
+      "name": "anchored-in-parens",
+      "href": "https://drafts.csswg.org/css-anchor-position-2/#typedef-anchored-in-parens",
+      "syntax": "( <anchored-query> ) | ( <anchored-feature> ) | <general-enclosed>",
+      "extended": []
+    },
+    {
+      "name": "anchored-query",
+      "href": "https://drafts.csswg.org/css-anchor-position-2/#typedef-anchored-query",
+      "syntax": "not <anchored-in-parens> | <anchored-in-parens> [ [ and <anchored-in-parens> ]* | [ or <anchored-in-parens> ]* ] | <anchored-feature>",
+      "extended": []
+    },
     {
       "name": "angle",
       "prose": "Angle values are <dimension>s denoted by <angle>. The angle unit identifiers are:",
@@ -16513,7 +16541,7 @@
     {
       "name": "attr-type",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-type",
-      "syntax": "type( <syntax> ) | raw-string | <attr-unit>",
+      "syntax": "type( <syntax> ) | raw-string | number | <attr-unit>",
       "extended": []
     },
     {
@@ -18225,7 +18253,7 @@
         "font-palette"
       ],
       "name": "palette-mix()",
-      "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. Percentages are normalized according to CSS Color 5 § 3.1 Percentage Normalization.",
+      "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. Percentages are normalized according to CSS Color 5 § 3.2 Percentage Normalization.",
       "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-palette-palette-mix",
       "extended": []
     },
@@ -18278,6 +18306,12 @@
       "syntax": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]",
       "extended": []
     },
+    {
+      "name": "position-area-query",
+      "href": "https://drafts.csswg.org/css-anchor-position-2/#typedef-position-area-query",
+      "syntax": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all | any ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all | any ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all | any ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all | any ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all | any ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all | any ] | [ start | center | end | span-start | span-end | span-all | any ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all | any ]{1,2} ]",
+      "extended": []
+    },
     {
       "name": "position-four",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-position-four",
@@ -18637,7 +18671,7 @@
     {
       "name": "shadow",
       "href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-shadow",
-      "syntax": "<color>? && [<length>{2} <length [0,∞]>? <length>?] && inset?",
+      "syntax": "<color>? && [ <length>{2} [ <length [0,∞]> <length>? ]? ] && inset?",
       "extended": []
     },
     {

package/package.json

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