From bf16ee5ed52415f44322491de531c5360363e30b Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Mon, 30 Sep 2024 10:02:55 -0400
Subject: [PATCH 1/7] Add box-sizing

---
 features/box-sizing.yml      |  9 +++++++++
 features/box-sizing.yml.dist | 19 +++++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 features/box-sizing.yml
 create mode 100644 features/box-sizing.yml.dist

diff --git a/features/box-sizing.yml b/features/box-sizing.yml
new file mode 100644
index 00000000000..67c8d77ca4d
--- /dev/null
+++ b/features/box-sizing.yml
@@ -0,0 +1,9 @@
+name: box-sizing
+description: The `box-sizing` CSS property sets whether an element's width and height are calculated based on the `content-box` or `border-box`.
+spec: https://drafts.csswg.org/css-sizing-3/#propdef-box-sizing
+caniuse: css3-boxsizing
+group: layout
+compat_features:
+  - css.properties.box-sizing
+  - css.properties.box-sizing.border-box
+  - css.properties.box-sizing.content-box
diff --git a/features/box-sizing.yml.dist b/features/box-sizing.yml.dist
new file mode 100644
index 00000000000..b7d78b19d9d
--- /dev/null
+++ b/features/box-sizing.yml.dist
@@ -0,0 +1,19 @@
+# Generated from: box-sizing.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: "10"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "29"
+    firefox_android: "29"
+    safari: "5.1"
+    safari_ios: "6"
+compat_features:
+  - css.properties.box-sizing
+  - css.properties.box-sizing.border-box
+  - css.properties.box-sizing.content-box

From 3ab3d341eaeab197167b6810562bcf0316f53a9e Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Mon, 30 Sep 2024 10:06:22 -0400
Subject: [PATCH 2/7] Add missing aspect-ratio.auto

---
 features/aspect-ratio.yml      | 5 +++++
 features/aspect-ratio.yml.dist | 1 +
 2 files changed, 6 insertions(+)

diff --git a/features/aspect-ratio.yml b/features/aspect-ratio.yml
index 69a854b1fc5..9397fa1a5d7 100644
--- a/features/aspect-ratio.yml
+++ b/features/aspect-ratio.yml
@@ -2,3 +2,8 @@ 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
 group: css
+compat_features:
+  - html.elements.video.aspect_ratio_computed_from_attributes
+  - html.elements.img.aspect_ratio_computed_from_attributes
+  - css.properties.aspect-ratio
+  - css.properties.aspect-ratio.auto
diff --git a/features/aspect-ratio.yml.dist b/features/aspect-ratio.yml.dist
index 84521641bd8..9e2f60396d4 100644
--- a/features/aspect-ratio.yml.dist
+++ b/features/aspect-ratio.yml.dist
@@ -53,3 +53,4 @@ compat_features:
   #   safari: "15"
   #   safari_ios: "15"
   - css.properties.aspect-ratio
+  - css.properties.aspect-ratio.auto

From 3a19f52f888398bb9e10fdfba74ac68056727c04 Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Mon, 30 Sep 2024 10:54:12 -0400
Subject: [PATCH 3/7] Add width and height

---
 features/width-height.yml      | 15 ++++++++++++
 features/width-height.yml.dist | 45 ++++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 features/width-height.yml
 create mode 100644 features/width-height.yml.dist

diff --git a/features/width-height.yml b/features/width-height.yml
new file mode 100644
index 00000000000..b42e43fad5e
--- /dev/null
+++ b/features/width-height.yml
@@ -0,0 +1,15 @@
+name: width and height
+description: The `width` and `height` CSS properties set the preferred physical size of an element.
+spec: https://drafts.csswg.org/css-sizing-3/#preferred-size-properties
+group: layout
+# Ignore width.is_animatable
+status:
+  compute_from: 
+    - css.properties.height
+    - css.properties.width
+compat_features:
+  - css.properties.height
+  - css.properties.height.auto
+  - css.properties.width
+  - css.properties.width.is_animatable
+  - css.properties.width.auto
diff --git a/features/width-height.yml.dist b/features/width-height.yml.dist
new file mode 100644
index 00000000000..b6249017ae7
--- /dev/null
+++ b/features/width-height.yml.dist
@@ -0,0 +1,45 @@
+# Generated from: width-height.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: "1"
+    firefox_android: "4"
+    safari: "1"
+    safari_ios: "1"
+compat_features:
+  # ⬇️ 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: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - css.properties.height
+  - css.properties.height.auto
+  - css.properties.width
+  - css.properties.width.auto
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "26"
+  #   chrome_android: "26"
+  #   edge: "12"
+  #   firefox: "16"
+  #   firefox_android: "16"
+  #   safari: "7"
+  #   safari_ios: "7"
+  - css.properties.width.is_animatable

From 6a45eefb9edbda858e610f7a4cd0ba88b625c614 Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Mon, 30 Sep 2024 11:30:56 -0400
Subject: [PATCH 4/7] Add min-max-width-height

---
 features/min-max-width-height.yml      | 17 +++++
 features/min-max-width-height.yml.dist | 92 ++++++++++++++++++++++++++
 features/width-height.yml              |  2 +-
 3 files changed, 110 insertions(+), 1 deletion(-)
 create mode 100644 features/min-max-width-height.yml
 create mode 100644 features/min-max-width-height.yml.dist

diff --git a/features/min-max-width-height.yml b/features/min-max-width-height.yml
new file mode 100644
index 00000000000..729b3adb837
--- /dev/null
+++ b/features/min-max-width-height.yml
@@ -0,0 +1,17 @@
+name: Min and max width and height
+description: The `min-width`, `min-height`, `max-width`, and `max-height` CSS properties set the minimum and maximum size of an element.
+spec: 
+  - https://drafts.csswg.org/css-sizing-3/#min-size-properties
+  - https://drafts.csswg.org/css-sizing-3/#max-size-properties
+caniuse: minmaxwh
+status:
+  compute_from: css.properties.max-height.none
+compat_features:
+  - css.properties.max-height
+  - css.properties.max-height.none
+  - css.properties.max-width
+  - css.properties.max-width.none
+  - css.properties.min-height
+  - css.properties.min-height.auto
+  - css.properties.min-width
+  - css.properties.min-width.auto
diff --git a/features/min-max-width-height.yml.dist b/features/min-max-width-height.yml.dist
new file mode 100644
index 00000000000..43ae56a6ebb
--- /dev/null
+++ b/features/min-max-width-height.yml.dist
@@ -0,0 +1,92 @@
+# Generated from: min-max-width-height.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2020-01-15
+  baseline_high_date: 2022-07-15
+  support:
+    chrome: "18"
+    chrome_android: "18"
+    edge: "79"
+    firefox: "1"
+    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.max-width
+  - css.properties.max-width.none
+  - css.properties.min-width
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "3"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.min-height
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "18"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.max-height
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "21"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox: "34"
+  #   firefox_android: "34"
+  #   safari: "7"
+  #   safari_ios: "7"
+  - css.properties.min-width.auto
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2020-01-15
+  # baseline_high_date: 2022-07-15
+  # support:
+  #   chrome: "18"
+  #   chrome_android: "18"
+  #   edge: "79"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.max-height.none
+
+  # baseline: false
+  # support:
+  #   chrome: "21"
+  #   chrome_android: "25"
+  #   edge: "79"
+  #   safari: "7"
+  #   safari_ios: "7"
+  - css.properties.min-height.auto
diff --git a/features/width-height.yml b/features/width-height.yml
index b42e43fad5e..48e251305e6 100644
--- a/features/width-height.yml
+++ b/features/width-height.yml
@@ -1,4 +1,4 @@
-name: width and height
+name: Width and height
 description: The `width` and `height` CSS properties set the preferred physical size of an element.
 spec: https://drafts.csswg.org/css-sizing-3/#preferred-size-properties
 group: layout

From 7c8e1acb4aa7c6ab6514d0b4e327edd16edef13d Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Mon, 30 Sep 2024 11:50:50 -0400
Subject: [PATCH 5/7] Format

---
 features/min-max-width-height.yml | 2 +-
 features/width-height.yml         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/features/min-max-width-height.yml b/features/min-max-width-height.yml
index 729b3adb837..69b2f0c546c 100644
--- a/features/min-max-width-height.yml
+++ b/features/min-max-width-height.yml
@@ -1,6 +1,6 @@
 name: Min and max width and height
 description: The `min-width`, `min-height`, `max-width`, and `max-height` CSS properties set the minimum and maximum size of an element.
-spec: 
+spec:
   - https://drafts.csswg.org/css-sizing-3/#min-size-properties
   - https://drafts.csswg.org/css-sizing-3/#max-size-properties
 caniuse: minmaxwh
diff --git a/features/width-height.yml b/features/width-height.yml
index 48e251305e6..3ccbff6ab7f 100644
--- a/features/width-height.yml
+++ b/features/width-height.yml
@@ -4,7 +4,7 @@ spec: https://drafts.csswg.org/css-sizing-3/#preferred-size-properties
 group: layout
 # Ignore width.is_animatable
 status:
-  compute_from: 
+  compute_from:
     - css.properties.height
     - css.properties.width
 compat_features:

From b8716c36fce0202b14ff40b69abe6c5527335613 Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Mon, 30 Sep 2024 14:24:23 -0400
Subject: [PATCH 6/7] Add fit-content, fit-content-function, min-max-content

---
 features/fit-content-function.yml      | 17 ++++++++++++++++
 features/fit-content-function.yml.dist | 19 +++++++++++++++++
 features/fit-content.yml               | 11 ++++++++++
 features/fit-content.yml.dist          | 22 ++++++++++++++++++++
 features/min-max-content.yml           | 19 +++++++++++++++++
 features/min-max-content.yml.dist      | 28 ++++++++++++++++++++++++++
 6 files changed, 116 insertions(+)
 create mode 100644 features/fit-content-function.yml
 create mode 100644 features/fit-content-function.yml.dist
 create mode 100644 features/fit-content.yml
 create mode 100644 features/fit-content.yml.dist
 create mode 100644 features/min-max-content.yml
 create mode 100644 features/min-max-content.yml.dist

diff --git a/features/fit-content-function.yml b/features/fit-content-function.yml
new file mode 100644
index 00000000000..92f86550e39
--- /dev/null
+++ b/features/fit-content-function.yml
@@ -0,0 +1,17 @@
+name: fit-content()
+description: The `fit-content()` CSS function clamps a size between `min-content` and `max-content`.
+spec: https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content
+group: layout
+compat_features:
+  - css.properties.block-size.fit-content_function
+  - css.properties.height.fit-content_function
+  - css.properties.inline-size.fit-content_function
+  - css.properties.max-block-size.fit-content_function
+  - css.properties.max-height.fit-content_function
+  - css.properties.max-inline-size.fit-content_function
+  - css.properties.max-width.fit-content_function
+  - css.properties.min-block-size.fit-content_function
+  - css.properties.min-height.fit-content_function
+  - css.properties.min-inline-size.fit-content_function
+  - css.properties.min-width.fit-content_function
+  - css.properties.width.fit-content_function
diff --git a/features/fit-content-function.yml.dist b/features/fit-content-function.yml.dist
new file mode 100644
index 00000000000..3b8996c98a5
--- /dev/null
+++ b/features/fit-content-function.yml.dist
@@ -0,0 +1,19 @@
+# Generated from: fit-content-function.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support: {}
+compat_features:
+  - css.properties.block-size.fit-content_function
+  - css.properties.height.fit-content_function
+  - css.properties.inline-size.fit-content_function
+  - css.properties.max-block-size.fit-content_function
+  - css.properties.max-height.fit-content_function
+  - css.properties.max-inline-size.fit-content_function
+  - css.properties.max-width.fit-content_function
+  - css.properties.min-block-size.fit-content_function
+  - css.properties.min-height.fit-content_function
+  - css.properties.min-inline-size.fit-content_function
+  - css.properties.min-width.fit-content_function
+  - css.properties.width.fit-content_function
diff --git a/features/fit-content.yml b/features/fit-content.yml
new file mode 100644
index 00000000000..27c668455ad
--- /dev/null
+++ b/features/fit-content.yml
@@ -0,0 +1,11 @@
+name: fit-content
+description: The `fit-content` CSS keyword expands a box as needed to fit its contents until the maximum size is reached.
+spec: https://drafts.csswg.org/css-sizing-4/#valdef-width-fit-content
+group: layout
+compat_features:
+  - css.properties.height.fit-content
+  - css.properties.max-height.fit-content
+  - css.properties.max-width.fit-content
+  - css.properties.min-height.fit-content
+  - css.properties.min-width.fit-content
+  - css.properties.width.fit-content
diff --git a/features/fit-content.yml.dist b/features/fit-content.yml.dist
new file mode 100644
index 00000000000..4cb96cda52e
--- /dev/null
+++ b/features/fit-content.yml.dist
@@ -0,0 +1,22 @@
+# Generated from: fit-content.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2021-11-02
+  baseline_high_date: 2024-05-02
+  support:
+    chrome: "46"
+    chrome_android: "46"
+    edge: "79"
+    firefox: "94"
+    firefox_android: "94"
+    safari: "11"
+    safari_ios: "11"
+compat_features:
+  - css.properties.height.fit-content
+  - css.properties.max-height.fit-content
+  - css.properties.max-width.fit-content
+  - css.properties.min-height.fit-content
+  - css.properties.min-width.fit-content
+  - css.properties.width.fit-content
diff --git a/features/min-max-content.yml b/features/min-max-content.yml
new file mode 100644
index 00000000000..a582dfe0af9
--- /dev/null
+++ b/features/min-max-content.yml
@@ -0,0 +1,19 @@
+name: min-content and max-content
+description: The `min-content` and `max-content` CSS keywords represent the smallest and largest intrinsic size of an element.
+spec:
+  - https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content
+  - https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content
+group: layout
+compat_features:
+  - css.properties.height.max-content
+  - css.properties.max-height.max-content
+  - css.properties.max-width.max-content
+  - css.properties.min-height.max-content
+  - css.properties.min-width.max-content
+  - css.properties.width.max-content
+  - css.properties.height.min-content
+  - css.properties.max-height.min-content
+  - css.properties.max-width.min-content
+  - css.properties.min-height.min-content
+  - css.properties.min-width.min-content
+  - css.properties.width.min-content
diff --git a/features/min-max-content.yml.dist b/features/min-max-content.yml.dist
new file mode 100644
index 00000000000..9c395a92f9d
--- /dev/null
+++ b/features/min-max-content.yml.dist
@@ -0,0 +1,28 @@
+# Generated from: min-max-content.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2020-01-15
+  baseline_high_date: 2022-07-15
+  support:
+    chrome: "46"
+    chrome_android: "46"
+    edge: "79"
+    firefox: "66"
+    firefox_android: "66"
+    safari: "11"
+    safari_ios: "11"
+compat_features:
+  - css.properties.height.max-content
+  - css.properties.height.min-content
+  - css.properties.max-height.max-content
+  - css.properties.max-height.min-content
+  - css.properties.max-width.max-content
+  - css.properties.max-width.min-content
+  - css.properties.min-height.max-content
+  - css.properties.min-height.min-content
+  - css.properties.min-width.max-content
+  - css.properties.min-width.min-content
+  - css.properties.width.max-content
+  - css.properties.width.min-content

From 175b097613c82cba01f96331e0d66583be6a2755 Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Tue, 1 Oct 2024 14:14:52 -0400
Subject: [PATCH 7/7] Reviews

---
 features/box-sizing.yml           | 2 +-
 features/fit-content-function.yml | 2 +-
 features/min-max-content.yml      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/features/box-sizing.yml b/features/box-sizing.yml
index 67c8d77ca4d..fdeded3e924 100644
--- a/features/box-sizing.yml
+++ b/features/box-sizing.yml
@@ -1,5 +1,5 @@
 name: box-sizing
-description: The `box-sizing` CSS property sets whether an element's width and height are calculated based on the `content-box` or `border-box`.
+description: The `box-sizing` CSS property sets whether an element's width and height are calculated based on the `content-box`, which does not count the size of borders or padding, or `border-box`, which does count them.
 spec: https://drafts.csswg.org/css-sizing-3/#propdef-box-sizing
 caniuse: css3-boxsizing
 group: layout
diff --git a/features/fit-content-function.yml b/features/fit-content-function.yml
index 92f86550e39..813a69f835c 100644
--- a/features/fit-content-function.yml
+++ b/features/fit-content-function.yml
@@ -1,5 +1,5 @@
 name: fit-content()
-description: The `fit-content()` CSS function clamps a size between `min-content` and `max-content`.
+description: The `fit-content()` CSS function, used outside of a grid layout property, clamps a length between `min-content` and `max-content`.
 spec: https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content
 group: layout
 compat_features:
diff --git a/features/min-max-content.yml b/features/min-max-content.yml
index a582dfe0af9..1e0d44a69c8 100644
--- a/features/min-max-content.yml
+++ b/features/min-max-content.yml
@@ -1,5 +1,5 @@
 name: min-content and max-content
-description: The `min-content` and `max-content` CSS keywords represent the smallest and largest intrinsic size of an element.
+description: The `min-content` and `max-content` CSS keywords represent the smallest and largest intrinsic sizes of an element.
 spec:
   - https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content
   - https://drafts.csswg.org/css-sizing-3/#valdef-width-min-content