diff --git a/package.json b/package.json index d6d9bb01..467e7fff 100644 --- a/package.json +++ b/package.json @@ -97,7 +97,7 @@ "prettier": "3.9.10", "tailwind-csstree": "^0.4.0", "typescript": "^7.0.2", - "web-features": "^3.44.0", + "web-features": "^3.45.0", "yorkie": "^2.0.0" }, "engines": { diff --git a/src/data/baseline-data.js b/src/data/baseline-data.js index 1eff2da5..059a250e 100644 --- a/src/data/baseline-data.js +++ b/src/data/baseline-data.js @@ -247,6 +247,9 @@ export const properties = new Map([ ["translate", "10:2022"], ["initial-letter", "0:"], ["interactivity", "0:"], + ["interest-delay", "0:"], + ["interest-delay-end", "0:"], + ["interest-delay-start", "0:"], ["interpolate-size", "0:"], ["isolation", "10:2020"], ["direction", "10:2015"], @@ -411,18 +414,18 @@ export const properties = new Map([ ["ruby-position", "5:2024"], ["scroll-axis-lock", "0:"], ["scroll-behavior", "10:2022"], - ["animation-range", "0:"], - ["animation-range-end", "0:"], - ["animation-range-start", "0:"], - ["animation-timeline", "0:"], - ["scroll-timeline", "0:"], - ["scroll-timeline-axis", "0:"], - ["scroll-timeline-name", "0:"], - ["timeline-scope", "0:"], - ["view-timeline", "0:"], - ["view-timeline-axis", "0:"], - ["view-timeline-inset", "0:"], - ["view-timeline-name", "0:"], + ["animation-range", "5:2026"], + ["animation-range-end", "5:2026"], + ["animation-range-start", "5:2026"], + ["animation-timeline", "5:2026"], + ["scroll-timeline", "5:2026"], + ["scroll-timeline-axis", "5:2026"], + ["scroll-timeline-name", "5:2026"], + ["timeline-scope", "5:2026"], + ["view-timeline", "5:2026"], + ["view-timeline-axis", "5:2026"], + ["view-timeline-inset", "5:2026"], + ["view-timeline-name", "5:2026"], ["scroll-initial-target", "0:"], ["scroll-marker-group", "0:"], ["scroll-margin", "10:2021"], @@ -609,6 +612,7 @@ export const mediaConditions = new Map([ ["device-height", "0:"], ["device-width", "0:"], ["display-mode", "10:2020"], + ["display-state", "0:"], ["dynamic-range", "10:2022"], ["forced-colors", "10:2022"], ["any-hover", "10:2018"], @@ -633,6 +637,7 @@ export const mediaConditions = new Map([ ["prefers-reduced-data", "0:"], ["prefers-reduced-motion", "10:2020"], ["prefers-reduced-transparency", "0:"], + ["resizable", "0:"], ["resolution", "10:2022"], ["-webkit-device-pixel-ratio", "10:2018"], ["-webkit-max-device-pixel-ratio", "10:2018"], @@ -840,6 +845,7 @@ export const selectors = new Map([ ["checked", "10:2015"], ["disabled", "10:2015"], ["enabled", "10:2015"], + ["interest-button", "0:"], ["interest-source", "0:"], ["interest-target", "0:"], ["is", "10:2021"], @@ -1101,10 +1107,19 @@ export const propertyValues = new Map([ "justify-items", new Map([ ["anchor-center", "5:2026"], + ["baseline", "10:2016"], ["center", "10:2020"], + ["end", "10:2020"], + ["flex-end", "10:2016"], + ["flex-start", "10:2016"], ["left", "10:2020"], ["legacy", "10:2020"], + ["normal", "10:2016"], ["right", "10:2020"], + ["self-end", "10:2022"], + ["self-start", "10:2022"], + ["start", "10:2020"], + ["stretch", "10:2020"], ]), ], [ @@ -1112,9 +1127,17 @@ export const propertyValues = new Map([ new Map([ ["anchor-center", "5:2026"], ["auto", "10:2020"], + ["baseline", "10:2017"], + ["center", "10:2017"], + ["end", "10:2020"], + ["flex-end", "10:2017"], + ["flex-start", "10:2017"], ["left", "10:2020"], ["normal", "10:2020"], ["right", "10:2020"], + ["self-end", "10:2017"], + ["self-start", "10:2017"], + ["start", "10:2020"], ["stretch", "10:2020"], ]), ], @@ -1247,8 +1270,39 @@ export const propertyValues = new Map([ ["stretch", "0:"], ]), ], - ["place-items", new Map([["anchor-center", "5:2026"]])], - ["place-self", new Map([["anchor-center", "5:2026"]])], + [ + "place-items", + new Map([ + ["anchor-center", "5:2026"], + ["baseline", "10:2020"], + ["center", "10:2020"], + ["end", "10:2022"], + ["flex-end", "10:2020"], + ["flex-start", "10:2020"], + ["normal", "10:2020"], + ["self-end", "10:2022"], + ["self-start", "10:2022"], + ["start", "10:2022"], + ["stretch", "10:2020"], + ]), + ], + [ + "place-self", + new Map([ + ["anchor-center", "5:2026"], + ["auto", "10:2020"], + ["baseline", "10:2020"], + ["center", "10:2020"], + ["end", "10:2022"], + ["flex-end", "10:2020"], + ["flex-start", "10:2020"], + ["normal", "10:2020"], + ["self-end", "10:2022"], + ["self-start", "10:2022"], + ["start", "10:2022"], + ["stretch", "10:2020"], + ]), + ], [ "position-anchor", new Map([ @@ -1493,7 +1547,7 @@ export const propertyValues = new Map([ ["reverse", "10:2015"], ]), ], - ["animation-duration", new Map([["auto", "0:"]])], + ["animation-duration", new Map([["auto", "5:2026"]])], [ "animation-fill-mode", new Map([ @@ -2325,21 +2379,48 @@ export const propertyValues = new Map([ ["balance", "0:"], ]), ], - ["flex", new Map([["none", "10:2015"]])], + [ + "flex", + new Map([ + ["content", "10:2021"], + ["none", "10:2015"], + ]), + ], [ "justify-content", new Map([ + ["center", "10:2015"], ["end", "10:2022"], + ["flex-end", "10:2015"], + ["flex-start", "10:2015"], ["left", "10:2022"], ["normal", "10:2020"], ["right", "10:2022"], ["safe", "5:2024"], + ["space-around", "10:2020"], + ["space-between", "10:2020"], ["space-evenly", "10:2020"], ["start", "10:2022"], ["stretch", "10:2020"], ["unsafe", "5:2024"], ]), ], + [ + "place-content", + new Map([ + ["baseline", "10:2020"], + ["center", "10:2020"], + ["end", "10:2022"], + ["flex-end", "10:2020"], + ["flex-start", "10:2020"], + ["normal", "10:2020"], + ["space-around", "10:2020"], + ["space-between", "10:2020"], + ["space-evenly", "10:2020"], + ["start", "10:2022"], + ["stretch", "10:2020"], + ]), + ], [ "clear", new Map([ @@ -2673,6 +2754,14 @@ export const propertyValues = new Map([ ["normal", "0:"], ]), ], + [ + "column-rule-color", + new Map([ + ["repeat", "0:"], + ["currentColor", "10:2017"], + ["transparent", "10:2017"], + ]), + ], ["column-rule-inset-cap-end", new Map([["overlap-join", "0:"]])], ["column-rule-inset-cap-start", new Map([["overlap-join", "0:"]])], ["column-rule-inset-cap", new Map([["overlap-join", "0:"]])], @@ -2924,6 +3013,9 @@ export const propertyValues = new Map([ ["inert", "0:"], ]), ], + ["interest-delay-end", new Map([["normal", "0:"]])], + ["interest-delay-start", new Map([["normal", "0:"]])], + ["interest-delay", new Map([["normal", "0:"]])], [ "interpolate-size", new Map([ @@ -3558,13 +3650,6 @@ export const propertyValues = new Map([ ], ["column-count", new Map([["auto", "10:2017"]])], ["column-gap", new Map([["normal", "10:2015"]])], - [ - "column-rule-color", - new Map([ - ["currentColor", "10:2017"], - ["transparent", "10:2017"], - ]), - ], [ "column-rule-style", new Map([ @@ -3866,41 +3951,41 @@ export const propertyValues = new Map([ ["smooth", "10:2022"], ]), ], - ["animation-range-end", new Map([["normal", "0:"]])], - ["animation-range-start", new Map([["normal", "0:"]])], + ["animation-range-end", new Map([["normal", "5:2026"]])], + ["animation-range-start", new Map([["normal", "5:2026"]])], [ "animation-timeline", new Map([ - ["scroll", "0:"], - ["view", "0:"], + ["scroll", "5:2026"], + ["view", "5:2026"], ]), ], [ "scroll-timeline-axis", new Map([ - ["block", "0:"], - ["inline", "0:"], - ["x", "0:"], - ["y", "0:"], + ["block", "5:2026"], + ["inline", "5:2026"], + ["x", "5:2026"], + ["y", "5:2026"], ]), ], [ "timeline-scope", new Map([ ["all", "0:"], - ["none", "0:"], + ["none", "5:2026"], ]), ], [ "view-timeline-axis", new Map([ - ["block", "0:"], - ["inline", "0:"], - ["x", "0:"], - ["y", "0:"], + ["block", "5:2026"], + ["inline", "5:2026"], + ["x", "5:2026"], + ["y", "5:2026"], ]), ], - ["view-timeline-inset", new Map([["auto", "0:"]])], + ["view-timeline-inset", new Map([["auto", "5:2026"]])], [ "scroll-initial-target", new Map([