Merge branch 'main' into viz

docs/baseline.md

@@ -121,7 +121,7 @@ This is but one of several possible stories to help keep in mind the needs and c
 The WebDX community group, through the [web-platform-dx/web-features-set owners group](../GOVERNANCE.md), maintains this document.
 Based on WebDX community group research, the web-features owners group decides matters such as the core browser set, releases, editorial overrides, and so on.
 
-The status definition is due for review by the governance group on 7 November 2024.
+The status definition is due for review by the governance group on 1 June 2025.
 
 ## Status definition
 

features/background-attachment.yml

@@ -8,3 +8,4 @@ compat_features:
   - css.properties.background-attachment.fixed
   - css.properties.background-attachment.local
   - css.properties.background-attachment.scroll
+  - css.properties.background-attachment.multiple_backgrounds

features/background-attachment.yml.dist

@@ -28,6 +28,19 @@ compat_features:
   - css.properties.background-attachment
   - css.properties.background-attachment.scroll
 
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3.6"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "3.2"
+  - css.properties.background-attachment.multiple_backgrounds
+
   # baseline: high
   # baseline_low_date: 2022-03-14
   # baseline_high_date: 2024-09-14

features/background-clip.yml

@@ -4,3 +4,9 @@ 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
 group: background
+compat_features:
+  - css.properties.background-clip
+  - css.properties.background-clip.border-box
+  - css.properties.background-clip.content-box
+  - css.properties.background-clip.padding-box
+  - css.properties.background.background-clip

features/background-clip.yml.dist

@@ -6,15 +6,39 @@ status:
   baseline_low_date: 2015-07-29
   baseline_high_date: 2018-01-29
   support:
-    chrome: "1"
-    chrome_android: "18"
+    chrome: "21"
+    chrome_android: "25"
     edge: "12"
-    firefox: "4"
-    firefox_android: "4"
-    safari: "5"
+    firefox: "22"
+    firefox_android: "22"
+    safari: "5.1"
     safari_ios: "5"
 compat_features:
+  # baseline: high
+  # 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"
   - css.properties.background-clip
   - css.properties.background-clip.border-box
   - css.properties.background-clip.content-box
   - css.properties.background-clip.padding-box
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "21"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox: "22"
+  #   firefox_android: "22"
+  #   safari: "5.1"
+  #   safari_ios: "4"
+  - css.properties.background.background-clip

features/background-image.yml

@@ -0,0 +1,8 @@
+name: background-image
+description: The `background-image` CSS property sets the graphics to display behind the content of an element and in front of the background color. Graphics may be any combination of images or gradients.
+spec: https://drafts.csswg.org/css-backgrounds-3/#background-image
+group: background
+compat_features:
+  - css.properties.background-image
+  - css.properties.background-image.multiple_backgrounds
+  - css.properties.background-image.none

features/background-image.yml.dist

@@ -0,0 +1,43 @@
+# Generated from: background-image.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "3.6"
+    firefox_android: "4"
+    safari: "1.3"
+    safari_ios: "1"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - css.properties.background-image
+  - css.properties.background-image.none
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3.6"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.background-image.multiple_backgrounds

features/background-origin.yml

@@ -0,0 +1,10 @@
+name: background-origin
+description: The `background-origin` CSS property sets the background starting position relative to the border and padding of an element.
+spec: https://drafts.csswg.org/css-backgrounds-3/#background-origin
+group: background
+compat_features:
+  - css.properties.background-origin
+  - css.properties.background-origin.border-box
+  - css.properties.background-origin.content-box
+  - css.properties.background-origin.padding-box
+  - css.properties.background.background-origin

features/background-origin.yml.dist

@@ -0,0 +1,57 @@
+# Generated from: background-origin.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "21"
+    chrome_android: "25"
+    edge: "12"
+    firefox: "22"
+    firefox_android: "22"
+    safari: "5.1"
+    safari_ios: "4"
+compat_features:
+  # baseline: high
+  # 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: "3"
+  #   safari_ios: "1"
+  - css.properties.background-origin
+  - css.properties.background-origin.content-box
+
+  # baseline: high
+  # 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: "3"
+  #   safari_ios: "2"
+  - css.properties.background-origin.border-box
+  - css.properties.background-origin.padding-box
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "21"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox: "22"
+  #   firefox_android: "22"
+  #   safari: "5.1"
+  #   safari_ios: "4"
+  - css.properties.background.background-origin

features/background-position.yml

@@ -0,0 +1,22 @@
+name: background-position
+description: The `background-position` CSS property offsets the initial position of background images relative to the background origin.
+spec: https://drafts.csswg.org/css-backgrounds-3/#background-position
+group: background
+caniuse:
+  - css-background-offsets
+  - background-position-x-y
+status:
+  compute_from: css.properties.background-position.side-relative_values
+compat_features:
+  - css.properties.background-position
+  - css.properties.background-position-x
+  - css.properties.background-position-x.side-relative_values
+  - css.properties.background-position-y
+  - css.properties.background-position-y.side-relative_values
+  - css.properties.background-position.bottom
+  - css.properties.background-position.center
+  - css.properties.background-position.left
+  - css.properties.background-position.multiple_backgrounds
+  - css.properties.background-position.right
+  - css.properties.background-position.side-relative_values
+  - css.properties.background-position.top

features/background-position.yml.dist

@@ -0,0 +1,95 @@
+# Generated from: background-position.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "25"
+    chrome_android: "25"
+    edge: "12"
+    firefox: "13"
+    firefox_android: "14"
+    safari: "7"
+    safari_ios: "7"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - css.properties.background-position
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3.6"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.background-position.multiple_backgrounds
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "25"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox: "13"
+  #   firefox_android: "14"
+  #   safari: "7"
+  #   safari_ios: "7"
+  - css.properties.background-position.side-relative_values
+
+  # baseline: high
+  # baseline_low_date: 2016-09-20
+  # baseline_high_date: 2019-03-20
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "49"
+  #   firefox_android: "49"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - css.properties.background-position-x
+  - css.properties.background-position-y
+
+  # baseline: high
+  # baseline_low_date: 2020-07-28
+  # baseline_high_date: 2023-01-28
+  # support:
+  #   chrome: ≤83
+  #   chrome_android: "83"
+  #   edge: "83"
+  #   firefox: ≤72
+  #   firefox_android: "79"
+  #   safari: ≤13.1
+  #   safari_ios: ≤13.4
+  - css.properties.background-position.bottom
+  - css.properties.background-position.center
+  - css.properties.background-position.left
+  - css.properties.background-position.right
+  - css.properties.background-position.top
+
+  # baseline: false
+  # support:
+  #   firefox: "49"
+  #   firefox_android: "49"
+  #   safari: "15.4"
+  #   safari_ios: "15.4"
+  - css.properties.background-position-x.side-relative_values
+  - css.properties.background-position-y.side-relative_values

features/background.yml

@@ -4,3 +4,4 @@ spec: https://drafts.csswg.org/css-backgrounds-3/#background
 group: background
 compat_features:
   - css.properties.background
+  - css.properties.background.multiple_backgrounds

features/background.yml.dist

@@ -9,9 +9,34 @@ status:
     chrome: "1"
     chrome_android: "18"
     edge: "12"
-    firefox: "1"
+    firefox: "3.6"
     firefox_android: "4"
-    safari: "1"
+    safari: "1.3"
     safari_ios: "1"
 compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
   - css.properties.background
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3.6"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.background.multiple_backgrounds

features/border-image.yml

@@ -3,3 +3,20 @@ description: The `border-image` CSS property draws an image around an element.
 spec: https://drafts.csswg.org/css-backgrounds-3/#border-images
 caniuse: border-image
 group: borders-outlines
+status:
+  compute_from: css.properties.border-image-repeat.space
+compat_features:
+  - css.properties.border-image
+  - css.properties.border-image-outset
+  - css.properties.border-image-repeat
+  - css.properties.border-image-repeat.repeat
+  - css.properties.border-image-repeat.round
+  - css.properties.border-image-repeat.space
+  - css.properties.border-image-repeat.stretch
+  - css.properties.border-image-slice
+  - css.properties.border-image-source
+  - css.properties.border-image-width
+  - css.properties.border-image-width.auto
+  - css.properties.border-image.fill
+  - css.properties.border-image.gradient
+  - css.properties.border-image.optional_border_image_slice