Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Generate lots more .dist.yml files #801

Merged
merged 4 commits into from
Apr 9, 2024
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions feature-group-definitions/abs-sign.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
# Generated from: abs-sign.yml
# Do not edit this file by hand. Edit the source file instead!

name: abs() and sign()
description: The `abs()` and `sign()` CSS functions compute the absolute value or the sign of the input.
spec: https://drafts.csswg.org/css-values-4/#sign-funcs
status:
baseline: false
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is correct, it's in progress in Chrome: https://issues.chromium.org/issues/40253181

support:
firefox: "118"
firefox_android: "118"
safari: "15.4"
safari_ios: "15.4"
compat_features:
- css.types.abs
- css.types.sign
21 changes: 21 additions & 0 deletions feature-group-definitions/accent-color.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
# Generated from: accent-color.yml
# Do not edit this file by hand. Edit the source file instead!

name: accent-color
description: The `accent-color` CSS property sets a color for checkboxes, radio buttons, and other form controls.
spec: https://drafts.csswg.org/css-ui-4/#widget-accent
usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/695
status:
baseline: low
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

baseline_low_date: 2022-03-14
support:
chrome: "93"
chrome_android: "93"
edge: "93"
firefox: "92"
firefox_android: "92"
safari: "15.4"
safari_ios: "15.4"
compat_features:
- css.properties.accent-color
- css.properties.accent-color.auto
20 changes: 20 additions & 0 deletions feature-group-definitions/animation-composition.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
# Generated from: animation-composition.yml
# Do not edit this file by hand. Edit the source file instead!

name: animation-composition
description: The `animation-composition` CSS property chooses how to combine animations that affect the same property.
spec: https://drafts.csswg.org/css-animations-2/#animation-composition
usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/743
status:
baseline: low
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

baseline_low_date: 2023-07-04
support:
chrome: "112"
chrome_android: "112"
edge: "112"
firefox: "115"
firefox_android: "115"
safari: "16"
safari_ios: "16"
compat_features:
- css.properties.animation-composition
23 changes: 23 additions & 0 deletions feature-group-definitions/aspect-ratio.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# Generated from: aspect-ratio.yml
# Do not edit this file by hand. Edit the source file instead!

name: aspect-ratio
description: "The `aspect-ratio` CSS property controls the width-to-height ratio of elements. For `<img>` and `<video>` elements, the `width` and `height` attributes used together with `height: auto` control the aspect ratio while the image/video is loading."
spec: https://drafts.csswg.org/css-sizing-4/#aspect-ratio
usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/657
status:
baseline: high
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes: https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio#browser_compatibility

The aspect_ratio_computed_from_attributes bits were supported slightly earlier, but I don't think that's worth treating as a separate feature now.

baseline_low_date: 2021-09-20
baseline_high_date: 2024-03-20
support:
chrome: "88"
chrome_android: "88"
edge: "88"
firefox: "89"
firefox_android: "89"
safari: "15"
safari_ios: "15"
compat_features:
- css.properties.aspect-ratio
- html.elements.img.aspect_ratio_computed_from_attributes
- html.elements.video.aspect_ratio_computed_from_attributes
19 changes: 19 additions & 0 deletions feature-group-definitions/autofill.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
# Generated from: autofill.yml
# Do not edit this file by hand. Edit the source file instead!

name: ":autofill"
description: "The `:autofill` pseudo-class matches `<input>` elements that have been filled in automatically by the browser."
spec: https://html.spec.whatwg.org/multipage/semantics-other.html#selector-autofill
status:
baseline: low
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes: https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill#browser_compatibility

This was supported with a prefix earlier, but that doesn't count as Baseline.

baseline_low_date: 2023-02-09
support:
chrome: "110"
chrome_android: "110"
edge: "110"
firefox: "86"
firefox_android: "86"
safari: "15"
safari_ios: "15"
compat_features:
- css.selectors.autofill
17 changes: 17 additions & 0 deletions feature-group-definitions/backdrop-filter.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
# Generated from: backdrop-filter.yml
# Do not edit this file by hand. Edit the source file instead!

name: backdrop-filter
description: The `backdrop-filter` CSS property applies graphical effects such as blurring or color shifting to the area behind an element.
spec: https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty
caniuse: css-backdrop-filter
status:
baseline: false
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

support:
chrome: "76"
chrome_android: "76"
edge: "17"
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oops, https://caniuse.com/css-backdrop-filter disagrees about this. Will back out to look at separately.

firefox: "103"
firefox_android: "103"
compat_features:
- css.properties.backdrop-filter
20 changes: 20 additions & 0 deletions feature-group-definitions/background-clip-text.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
# Generated from: background-clip-text.yml
# Do not edit this file by hand. Edit the source file instead!

# Note: This is a subfeature of background-clip and may eventually merge into that.
name: "background-clip: text"
description: "The `background-clip: text` CSS property value draws the background underneath only the text in the element."
spec: https://drafts.csswg.org/css-backgrounds-4/#background-clip
status:
baseline: low
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

baseline_low_date: 2023-12-07
support:
chrome: "120"
chrome_android: "120"
edge: "120"
firefox: "49"
firefox_android: "49"
safari: "14"
safari_ios: "14"
compat_features:
- css.properties.background-clip.text
25 changes: 25 additions & 0 deletions feature-group-definitions/background-clip.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
# Generated from: background-clip.yml
# Do not edit this file by hand. Edit the source file instead!

# Note: This does not include `background-clip: text`, which is a separate
# feature. Consider both if making any changes. They may eventually merge.
name: background-clip
description: "The `background-clip` CSS property sets the extent of the background: the padding box, the content box, or the default border box."
spec: https://drafts.csswg.org/css-backgrounds-3/#background-clip
status:
baseline: high
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

baseline_low_date: 2015-07-29
baseline_high_date: 2018-01-29
support:
chrome: "1"
chrome_android: "18"
edge: "12"
firefox: "4"
firefox_android: "4"
safari: "5"
safari_ios: "5"
compat_features:
- css.properties.background-clip
- css.properties.background-clip.border-box
- css.properties.background-clip.content-box
- css.properties.background-clip.padding-box
26 changes: 26 additions & 0 deletions feature-group-definitions/blocking-render.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
# Generated from: blocking-render.yml
# Do not edit this file by hand. Edit the source file instead!

name: 'blocking="render"'
description: 'The `blocking="render"` attribute for `<link>`, `<script>`, and `<style>` elements blocks rendering until the external script or stylesheet has been loaded. For `<link rel="expect">`, rendering is blocked until a specific element is in the DOM.'
# A few additional "limitations" that aren't in the description but could potentially be:
# - Rendering is not blocked indefinitely, there are UA-defined timeouts
# - Only works for text/html documents
# - Only works in <head>
# - Doesn't work on non-async classic scripts
# - Only works for on <link rel=stylesheet> and <link rel=expect>, not other <link>s
spec: https://html.spec.whatwg.org/multipage/urls-and-fetching.html#blocking-attributes
usage_stats: https://chromestatus.com/metrics/feature/timeline/popularity/4183
status:
baseline: false
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

support:
chrome: "105"
chrome_android: "105"
edge: "105"
compat_features:
- api.HTMLLinkElement.blocking
- api.HTMLScriptElement.blocking
- api.HTMLStyleElement.blocking
- html.elements.link.blocking
- html.elements.script.blocking
- html.elements.style.blocking
16 changes: 16 additions & 0 deletions feature-group-definitions/colrv1.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
# Generated from: colrv1.yml
# Do not edit this file by hand. Edit the source file instead!

name: COLRv1
spec: https://www.iso.org/standard/87621.html
caniuse: colr-v1
status:
baseline: false
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

support:
chrome: "98"
chrome_android: "98"
edge: "98"
firefox: "107"
firefox_android: "107"
compat_features:
- css.at-rules.font-face.OpenType_COLRv1
15 changes: 15 additions & 0 deletions feature-group-definitions/container-style-queries.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
# Generated from: container-style-queries.yml
# Do not edit this file by hand. Edit the source file instead!

name: Container style queries
spec: https://drafts.csswg.org/css-contain-3/#style-container
caniuse: css-container-queries-style
usage_stats: https://chromestatus.com/metrics/feature/timeline/popularity/4550
status:
baseline: false
support:
chrome: "111"
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

https://caniuse.com/css-container-queries-style agrees too, only difference is that it calls out that it's limited to custom properties. I suspect it will remain like that ~indefinitely and that'll just be what the feature is.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

chrome_android: "111"
edge: "111"
compat_features:
- css.at-rules.container.style_queries_for_custom_properties
22 changes: 22 additions & 0 deletions feature-group-definitions/declarative-shadow-dom.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
# Generated from: declarative-shadow-dom.yml
# Do not edit this file by hand. Edit the source file instead!

name: Declarative shadow DOM
description: The `shadowrootmode` attribute on `<template>` creates a shadow root without the use of JavaScript. It is a declarative alternative to the `attachShadow()` method.
spec: https://html.spec.whatwg.org/multipage/scripting.html#attr-template-shadowrootmode
caniuse: declarative-shadow-dom
usage_stats: https://chromestatus.com/metrics/feature/timeline/popularity/4421
status:
baseline: low
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

baseline_low_date: 2024-02-20
support:
chrome: "111"
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

https://caniuse.com/declarative-shadow-dom disagrees. Will back out.

chrome_android: "111"
edge: "111"
firefox: "123"
firefox_android: "123"
safari: "16.4"
safari_ios: "16.4"
compat_features:
- api.HTMLTemplateElement.shadowRootMode
- html.elements.template.shadowrootmode
16 changes: 16 additions & 0 deletions feature-group-definitions/details-name.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
# Generated from: details-name.yml
# Do not edit this file by hand. Edit the source file instead!

name: Mutually exclusive <details> elements
spec: https://html.spec.whatwg.org/multipage/interactive-elements.html#attr-details-name
status:
baseline: false
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

support:
chrome: "120"
chrome_android: "120"
edge: "120"
safari: "17.2"
safari_ios: "17.2"
compat_features:
- api.HTMLDetailsElement.name
- html.elements.details.name
23 changes: 23 additions & 0 deletions feature-group-definitions/details.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# Generated from: details.yml
# Do not edit this file by hand. Edit the source file instead!

name: <details>
spec: https://html.spec.whatwg.org/multipage/interactive-elements.html#the-details-element
status:
baseline: high
baseline_low_date: 2020-01-15
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The toggle event is a newer addition and I think we should do an override to ignore it:
https://developer.mozilla.org/en-US/docs/Web/API/HTMLDetailsElement#browser_compatibility

baseline_high_date: 2022-07-15
support:
chrome: "36"
chrome_android: "36"
edge: "79"
firefox: "49"
firefox_android: "49"
safari: "10.1"
safari_ios: "10.3"
compat_features:
- api.HTMLDetailsElement
- api.HTMLDetailsElement.open
- api.HTMLDetailsElement.toggle_event
- html.elements.details
- html.elements.details.open
23 changes: 23 additions & 0 deletions feature-group-definitions/exp-functions.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# Generated from: exp-functions.yml
# Do not edit this file by hand. Edit the source file instead!

name: pow(), sqrt(), hypot(), log(), and exp()
description: The `pow()`, `sqrt()`, `hypot()`, `log()`, and `exp()` CSS functions compute various exponential functions.
spec: https://drafts.csswg.org/css-values-4/#exponent-funcs
status:
baseline: low
baseline_low_date: 2023-12-07
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

support:
chrome: "120"
chrome_android: "120"
edge: "120"
firefox: "118"
firefox_android: "118"
safari: "15.4"
safari_ios: "15.4"
compat_features:
- css.types.pow
- css.types.sqrt
- css.types.hypot
- css.types.log
- css.types.exp
20 changes: 20 additions & 0 deletions feature-group-definitions/font-optical-sizing.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
# Generated from: font-optical-sizing.yml
# Do not edit this file by hand. Edit the source file instead!

name: font-optical-sizing
spec: https://drafts.csswg.org/css-fonts-4/#font-optical-sizing-def
usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/647
status:
baseline: high
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

baseline_low_date: 2019-12-17
baseline_high_date: 2022-06-17
support:
chrome: "79"
chrome_android: "79"
edge: "17"
firefox: "62"
firefox_android: "62"
safari: "11"
safari_ios: "11"
compat_features:
- css.properties.font-optical-sizing
14 changes: 14 additions & 0 deletions feature-group-definitions/font-palette-animation.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
# Generated from: font-palette-animation.yml
# Do not edit this file by hand. Edit the source file instead!

name: font-palette animation
spec: https://drafts.csswg.org/css-fonts-4/#font-palette-prop
usage_stats: https://chromestatus.com/metrics/css/timeline/animated/709
status:
baseline: false
support:
chrome: "121"
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

chrome_android: "121"
edge: "121"
compat_features:
- css.properties.font-palette.palette-mix_function
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hold up, are we using the right key? Should this be css.properties.font-palette.animation_computed?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The palette-mix() function can in principle be used without animations, but the only reason it was implemented was for animations. So I think it makes sense in this entry. But I'll also add css.properties.font-palette.animation_computed in a separate PR, to be landed after this.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

OK, great. Thank you—approving and merging now.

30 changes: 30 additions & 0 deletions feature-group-definitions/font-palette.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# Generated from: font-palette.yml
# Do not edit this file by hand. Edit the source file instead!

name: font-palette and @font-palette-values
spec:
- https://drafts.csswg.org/css-fonts-4/#font-palette-prop
- https://drafts.csswg.org/css-fonts-4/#font-palette-values
usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/709
status:
baseline: low
baseline_low_date: 2022-11-15
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

support:
chrome: "101"
chrome_android: "101"
edge: "101"
firefox: "107"
firefox_android: "107"
safari: "15.4"
safari_ios: "15.4"
compat_features:
- api.CSSFontPaletteValuesRule
- api.CSSFontPaletteValuesRule.basePalette
- api.CSSFontPaletteValuesRule.fontFamily
- api.CSSFontPaletteValuesRule.name
- api.CSSFontPaletteValuesRule.overrideColors
- css.at-rules.font-palette-values
- css.at-rules.font-palette-values.base-palette
- css.at-rules.font-palette-values.font-family
- css.at-rules.font-palette-values.override-colors
- css.properties.font-palette
Loading
Loading