Merge remote-tracking branch 'origin/main' into css-color-mixed_type_…

…parameters--compassionate-doberman-pinscher-ca52eda42d
csstools · Feb 17, 2024 · 28004fb · 28004fb
2 parents ee83606 + e4cc7fa
commit 28004fb
Show file tree

Hide file tree

Showing 6 changed files with 162 additions and 87 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changes to cssdb
 
+### 7.11.0 (February 17, 2024)
+
+- Added: Stage 2 `light-dark-function`
+
 ### 7.10.0 (December 27, 2023)
 
 - Added `interoperable_at` to make it possible to calculate the Baseline status of a feature

diff --git a/cssdb.json b/cssdb.json
@@ -323,7 +323,7 @@
         "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-functional-notation"
       }
     ],
-    "vendors_implementations": 0
+    "vendors_implementations": 1
   },
   {
     "id": "color-mix",
@@ -500,6 +500,7 @@
       "edge": "120",
       "firefox": "49",
       "ios_saf": "16.4",
+      "op_mob": "80",
       "opera": "106",
       "safari": "16.4"
     },
@@ -1016,7 +1017,8 @@
       "android": "121",
       "chrome": "121",
       "edge": "121",
-      "firefox": "122"
+      "firefox": "122",
+      "opera": "107"
     },
     "docs": {
       "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hwb"
@@ -1028,7 +1030,7 @@
         "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-hwb-function"
       }
     ],
-    "vendors_implementations": 0
+    "vendors_implementations": 2
   },
   {
     "id": "ic-unit",
@@ -1217,6 +1219,29 @@
     ],
     "vendors_implementations": 3
   },
+  {
+    "id": "light-dark-function",
+    "title": "`light-dark()` Function",
+    "description": "React to the current used `color-scheme` value",
+    "specification": "https://drafts.csswg.org/css-color-5/#light-dark",
+    "stage": 2,
+    "browser_support": {
+      "and_ff": "120",
+      "chrome": "123",
+      "firefox": "120"
+    },
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark"
+    },
+    "example": "body {\n  color: light-dark(cyan, magenta);\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-light-dark-function"
+      }
+    ],
+    "vendors_implementations": 1
+  },
   {
     "id": "logical-overflow",
     "title": "Logical Overflow",
@@ -1510,6 +1535,7 @@
       "edge": "120",
       "firefox": "117",
       "ios_saf": "17.2",
+      "op_mob": "80",
       "opera": "106",
       "safari": "17.2"
     },

diff --git a/cssdb.mjs b/cssdb.mjs
@@ -323,7 +323,7 @@ export default [
         "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-functional-notation"
       }
     ],
-    "vendors_implementations": 0
+    "vendors_implementations": 1
   },
   {
     "id": "color-mix",
@@ -500,6 +500,7 @@ export default [
       "edge": "120",
       "firefox": "49",
       "ios_saf": "16.4",
+      "op_mob": "80",
       "opera": "106",
       "safari": "16.4"
     },
@@ -1016,7 +1017,8 @@ export default [
       "android": "121",
       "chrome": "121",
       "edge": "121",
-      "firefox": "122"
+      "firefox": "122",
+      "opera": "107"
     },
     "docs": {
       "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hwb"
@@ -1028,7 +1030,7 @@ export default [
         "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-hwb-function"
       }
     ],
-    "vendors_implementations": 0
+    "vendors_implementations": 2
   },
   {
     "id": "ic-unit",
@@ -1217,6 +1219,29 @@ export default [
     ],
     "vendors_implementations": 3
   },
+  {
+    "id": "light-dark-function",
+    "title": "`light-dark()` Function",
+    "description": "React to the current used `color-scheme` value",
+    "specification": "https://drafts.csswg.org/css-color-5/#light-dark",
+    "stage": 2,
+    "browser_support": {
+      "and_ff": "120",
+      "chrome": "123",
+      "firefox": "120"
+    },
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark"
+    },
+    "example": "body {\n  color: light-dark(cyan, magenta);\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-light-dark-function"
+      }
+    ],
+    "vendors_implementations": 1
+  },
   {
     "id": "logical-overflow",
     "title": "Logical Overflow",
@@ -1510,6 +1535,7 @@ export default [
       "edge": "120",
       "firefox": "117",
       "ios_saf": "17.2",
+      "op_mob": "80",
       "opera": "106",
       "safari": "17.2"
     },

diff --git a/cssdb.settings.json b/cssdb.settings.json
@@ -887,6 +887,25 @@
       }
     ]
   },
+  {
+    "id": "light-dark-function",
+    "title": "`light-dark()` Function",
+    "description": "React to the current used `color-scheme` value",
+    "specification": "https://drafts.csswg.org/css-color-5/#light-dark",
+    "stage": 2,
+    "browser_support": {},
+    "docs": {
+      "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark"
+    },
+    "example": "body {\n  color: light-dark(cyan, magenta);\n}",
+    "mdn_path": "css.types.color.light-dark",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-light-dark-function"
+      }
+    ]
+  },
   {
     "id": "logical-overflow",
     "title": "Logical Overflow",
@@ -1535,11 +1554,11 @@
     },
     "example": "p {\n  text-decoration: green wavy underline 2px;\n}",
     "mdn_path": [
-      "css.properties.text-decoration.shorthand",
-      "css.properties.text-decoration.text-decoration-thickness"
+      "css.properties.text-decoration.includes_color-and-style",
+      "css.properties.text-decoration.includes_thickness"
     ],
     "mdn_count_prefixed_as_supported": {
-      "css.properties.text-decoration.shorthand": true
+      "css.properties.text-decoration.includes_color-and-style": true
     },
     "polyfills": [
       {