Generate .dist.yml for color-*

.prettierignore

@@ -5,6 +5,7 @@
 !GOVERNANCE.md
 
 !/feature-group-definitions/*.yml
+/feature-group-definitions/*.dist.yml
 
 !/packages/compute-baseline/**
 !/packages/web-features/**

feature-group-definitions/color-function.dist.yml

@@ -0,0 +1,21 @@
+# Generated from: color-function.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+name: color()
+description: "The `color()` function defines a color within a given color space. Wide gamut color spaces like `display-p3` allow showing more vibrant and saturated colors than the standard `srgb` color space."
+spec: https://drafts.csswg.org/css-color-4/#color-function
+caniuse: css-color-function
+status:
+  baseline: low
+  baseline_low_date: 2023-05-09
+  support:
+    chrome: "111"
+    chrome_android: "111"
+    edge: "111"
+    firefox: "113"
+    firefox_android: "113"
+    safari: "15"
+    safari_ios: "15"
+compat_features:
+  - css.types.color.color
+  - css.types.color.color.mixed_type_parameters

feature-group-definitions/color-function.yml

@@ -2,17 +2,3 @@ name: color()
 description: "The `color()` function defines a color within a given color space. Wide gamut color spaces like `display-p3` allow showing more vibrant and saturated colors than the standard `srgb` color space."
 spec: https://drafts.csswg.org/css-color-4/#color-function
 caniuse: css-color-function
-status:
-  baseline: low
-  baseline_low_date: 2023-05-09
-  support:
-    chrome: "111"
-    chrome_android: "111"
-    edge: "111"
-    firefox: "113"
-    firefox_android: "113"
-    safari: "15"
-    safari_ios: "15"
-compat_features:
-  - css.types.color.color
-  - css.types.color.color.mixed_type_parameters

feature-group-definitions/color-mix.dist.yml

@@ -0,0 +1,19 @@
+# Generated from: color-mix.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+name: color-mix()
+description: "The `color-mix()` function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black."
+spec: https://drafts.csswg.org/css-color-5/#color-mix
+status:
+  baseline: low
+  baseline_low_date: 2023-05-09
+  support:
+    chrome: "111"
+    chrome_android: "111"
+    edge: "111"
+    firefox: "113"
+    firefox_android: "113"
+    safari: "16.2"
+    safari_ios: "16.2"
+compat_features:
+  - css.types.color.color-mix

feature-group-definitions/color-mix.yml

@@ -1,16 +1,3 @@
 name: color-mix()
 description: "The `color-mix()` function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black."
 spec: https://drafts.csswg.org/css-color-5/#color-mix
-status:
-  baseline: low
-  baseline_low_date: 2023-05-09
-  support:
-    chrome: "111"
-    chrome_android: "111"
-    edge: "111"
-    firefox: "113"
-    firefox_android: "113"
-    safari: "16.2"
-    safari_ios: "16.2"
-compat_features:
-  - css.types.color.color-mix

feature-group-definitions/color-scheme.dist.yml

@@ -0,0 +1,30 @@
+# Generated from: color-scheme.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+name: color-scheme
+description: The `color-scheme` CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.
+spec: https://drafts.csswg.org/css-color-adjust-1/#color-scheme-prop
+usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/637
+status:
+  baseline: low
+  baseline_low_date: 2022-02-03
+  support:
+    chrome: "98"
+    chrome_android: "98"
+    edge: "98"
+    firefox: "96"
+    firefox_android: "96"
+    safari: "13"
+    safari_ios: "13"
+compat_features:
+  - css.properties.color-scheme
+  - css.properties.color-scheme.only_dark
+  - css.properties.color-scheme.only_light
+
+# `color-scheme: only light` and `color-scheme: only dark` can be used to opt
+# out from Chrome's Auto Dark Theme:
+# https://developer.chrome.com/blog/auto-dark-theme/#detecting-auto-dark-theme
+#
+# Including them increases the Baseline low date from 2022-01-11 (Firefox 98) to
+# 2022-02-03 (Chrome 98). Since this is less than a month's difference and the
+# opt-out could be important for some developers, the later date is accepted.

feature-group-definitions/color-scheme.yml

@@ -2,7 +2,10 @@ name: color-scheme
 description: The `color-scheme` CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.
 spec: https://drafts.csswg.org/css-color-adjust-1/#color-scheme-prop
 usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/637
-compat_features:
-  - css.properties.color-scheme
-  - css.properties.color-scheme.only_dark
-  - css.properties.color-scheme.only_light
+# `color-scheme: only light` and `color-scheme: only dark` can be used to opt
+# out from Chrome's Auto Dark Theme:
+# https://developer.chrome.com/blog/auto-dark-theme/#detecting-auto-dark-theme
+#
+# Including them increases the Baseline low date from 2022-01-11 (Firefox 98) to
+# 2022-02-03 (Chrome 98). Since this is less than a month's difference and the
+# opt-out could be important for some developers, the later date is accepted.