Update relative-color feature keys

features/relative-color.yml

@@ -3,20 +3,13 @@ description: "The `from` keyword for color functions (`color()`, `hsl()`, `oklch
 spec: https://drafts.csswg.org/css-color-5/#relative-colors
 group: css
 caniuse: css-relative-colors
-# TODO: Sort out support with https://github.com/mdn/browser-compat-data/issues/24528
-# Support for Relative colors in Chromium 119, Safari 16.4, Firefox 128.
-# Support for currentColor in relative colors in Chromium 131, Safari 16.4, Firefox 133.
-# We don't need separate features, but should pin the feature on one of those.
 compat_features:
-  # These are the only two features that don't use partial implementation for
-  # some browser, so they can represent initial support for the feature.
   - css.types.color.lab.relative_syntax
   - css.types.color.oklab.relative_syntax
-  # - css.types.color.color.relative_syntax
-  # - css.types.color.hsl.relative_syntax
-  # - css.types.color.hwb.relative_syntax
-  # - css.types.color.lch.relative_syntax
-  # - css.types.color.oklch.relative_syntax
-  # - css.types.color.rgb.relative_syntax
-  # calc.color_component is tagged as `web-features:calc`, but should be moved here instead.
-  #- css.types.calc.color_component
+  - css.types.color.color.relative_syntax
+  - css.types.color.hsl.relative_syntax
+  - css.types.color.hwb.relative_syntax
+  - css.types.color.lch.relative_syntax
+  - css.types.color.oklch.relative_syntax
+  - css.types.color.rgb.relative_syntax
+  - css.types.calc.color_component

features/relative-color.yml.dist

@@ -3,15 +3,66 @@
 
 status:
   baseline: low
-  baseline_low_date: 2024-07-09
+  baseline_low_date: 2024-09-16
   support:
-    chrome: "119"
-    chrome_android: "119"
-    edge: "119"
+    chrome: "125"
+    chrome_android: "125"
+    edge: "125"
     firefox: "128"
     firefox_android: "128"
-    safari: "16.4"
-    safari_ios: "16.4"
+    safari: "18"
+    safari_ios: "18"
 compat_features:
+  # baseline: low
+  # baseline_low_date: 2024-07-09
+  # support:
+  #   chrome: "119"
+  #   chrome_android: "119"
+  #   edge: "119"
+  #   firefox: "128"
+  #   firefox_android: "128"
+  #   safari: "16.4"
+  #   safari_ios: "16.4"
+  - css.types.calc.color_component
   - css.types.color.lab.relative_syntax
   - css.types.color.oklab.relative_syntax
+
+  # baseline: low
+  # baseline_low_date: 2024-09-16
+  # support:
+  #   chrome: "119"
+  #   chrome_android: "119"
+  #   edge: "119"
+  #   firefox: "128"
+  #   firefox_android: "128"
+  #   safari: "18"
+  #   safari_ios: "18"
+  - css.types.color.color.relative_syntax
+  - css.types.color.lch.relative_syntax
+  - css.types.color.oklch.relative_syntax
+
+  # baseline: low
+  # baseline_low_date: 2024-09-16
+  # support:
+  #   chrome: "122"
+  #   chrome_android: "122"
+  #   edge: "122"
+  #   firefox: "128"
+  #   firefox_android: "128"
+  #   safari: "18"
+  #   safari_ios: "18"
+  - css.types.color.rgb.relative_syntax
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: low
+  # baseline_low_date: 2024-09-16
+  # support:
+  #   chrome: "125"
+  #   chrome_android: "125"
+  #   edge: "125"
+  #   firefox: "128"
+  #   firefox_android: "128"
+  #   safari: "18"
+  #   safari_ios: "18"
+  - css.types.color.hsl.relative_syntax
+  - css.types.color.hwb.relative_syntax