css color : mixed_type_parameters (#374)

* css color : mixed_type_parameters * cleanup * reduce impact * tweak * prepare release
csstools · Mar 9, 2024 · baf9906 · baf9906
1 parent 44193a2
commit baf9906
Show file tree

Hide file tree

Showing 6 changed files with 99 additions and 77 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changes to cssdb
 
+### 7.11.2 (March 9, 2024)
+
+- Updated `@mdn/browser-compat-data` to `5.5.14` (patch)
+- Take `mixed_type_parameters` into account for most color features.
+
 ### 7.11.1 (February 26, 2024)
 
 - Updated `@mdn/browser-compat-data` to `5.5.11` (patch)

diff --git a/cssdb.json b/cssdb.json
@@ -1184,23 +1184,22 @@
  "specification": "https://www.w3.org/TR/css-color-4/#funcdef-lab",
  "stage": 2,
  "browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
  "and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
  "firefox": "113",
- "ios_saf": "15",
- "op_mob": "75",
- "opera": "97",
- "safari": "15",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2"
  },
  "docs": {
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab"
  },
  "example": "body {\n color: lab(80% 50 20);\n}",
- "interoperable_at": 1683590400,
+ "interoperable_at": 1692576000,
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -1216,23 +1215,22 @@
  "specification": "https://www.w3.org/TR/css-color-4/#funcdef-lch",
  "stage": 2,
  "browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
  "and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
  "firefox": "113",
- "ios_saf": "15",
- "op_mob": "75",
- "opera": "97",
- "safari": "15",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2"
  },
  "docs": {
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch"
  },
  "example": "body {\n color: lch(53% 105 40);\n}",
- "interoperable_at": 1683590400,
+ "interoperable_at": 1692576000,
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -1615,23 +1613,22 @@
  "specification": "https://www.w3.org/TR/css-color-4/#specifying-oklab-oklch",
  "stage": 2,
  "browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
  "and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
  "firefox": "113",
- "ios_saf": "15.4",
- "op_mob": "75",
- "opera": "97",
- "safari": "15.4",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2"
  },
  "docs": {
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklab"
  },
  "example": "p {\n color: oklab(72.322% -0.0465 -0.1150);\n color: oklch(72.322% 0.12403 247.996);\n}",
- "interoperable_at": 1683590400,
+ "interoperable_at": 1692576000,
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -1925,7 +1922,7 @@
  },
  {
  "id": "relative-color-syntax",
- "title": "Relative Color Syntax",
+ "title": "Relative Colors",
  "description": "Modify existing colors using color functions",
  "specification": "https://www.w3.org/TR/css-color-5/#relative-colors",
  "stage": 2,

diff --git a/cssdb.mjs b/cssdb.mjs
@@ -1184,23 +1184,22 @@ export default [
  "specification": "https://www.w3.org/TR/css-color-4/#funcdef-lab",
  "stage": 2,
  "browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
  "and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
  "firefox": "113",
- "ios_saf": "15",
- "op_mob": "75",
- "opera": "97",
- "safari": "15",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2"
  },
  "docs": {
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab"
  },
  "example": "body {\n color: lab(80% 50 20);\n}",
- "interoperable_at": 1683590400,
+ "interoperable_at": 1692576000,
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -1216,23 +1215,22 @@ export default [
  "specification": "https://www.w3.org/TR/css-color-4/#funcdef-lch",
  "stage": 2,
  "browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
  "and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
  "firefox": "113",
- "ios_saf": "15",
- "op_mob": "75",
- "opera": "97",
- "safari": "15",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2"
  },
  "docs": {
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch"
  },
  "example": "body {\n color: lch(53% 105 40);\n}",
- "interoperable_at": 1683590400,
+ "interoperable_at": 1692576000,
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -1615,23 +1613,22 @@ export default [
  "specification": "https://www.w3.org/TR/css-color-4/#specifying-oklab-oklch",
  "stage": 2,
  "browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
  "and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
  "firefox": "113",
- "ios_saf": "15.4",
- "op_mob": "75",
- "opera": "97",
- "safari": "15.4",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2"
  },
  "docs": {
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklab"
  },
  "example": "p {\n color: oklab(72.322% -0.0465 -0.1150);\n color: oklch(72.322% 0.12403 247.996);\n}",
- "interoperable_at": 1683590400,
+ "interoperable_at": 1692576000,
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -1925,7 +1922,7 @@ export default [
  },
  {
  "id": "relative-color-syntax",
- "title": "Relative Color Syntax",
+ "title": "Relative Colors",
  "description": "Modify existing colors using color functions",
  "specification": "https://www.w3.org/TR/css-color-5/#relative-colors",
  "stage": 2,

diff --git a/cssdb.settings.json b/cssdb.settings.json
@@ -203,7 +203,10 @@
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color"
  },
  "example": "p {\n color: color(display-p3 1 0.5 0);\n color: color(display-p3 1 0.5 0 / .5);\n}",
- "mdn_path": "css.types.color.color",
+ "mdn_path": [
+ "css.types.color.color",
+ "css.types.color.color.mixed_type_parameters"
+ ],
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -747,7 +750,9 @@
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hwb"
  },
  "example": "p {\n color: hwb(120 44% 50%);\n}",
- "mdn_path": "css.types.color.hwb",
+ "mdn_path": [
+ "css.types.color.hwb"
+ ],
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -842,7 +847,12 @@
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab"
  },
  "example": "body {\n color: lab(80% 50 20);\n}",
- "mdn_path": "css.types.color.lab",
+ "mdn_path": [
+ "css.types.color.lab",
+ "css.types.color.lab.mixed_type_parameters",
+ "css.types.color.lch",
+ "css.types.color.lch.mixed_type_parameters"
+ ],
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -861,7 +871,10 @@
  "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch"
  },
  "example": "body {\n color: lch(53% 105 40);\n}",
- "mdn_path": "css.types.color.lch",
+ "mdn_path": [
+ "css.types.color.lch",
+ "css.types.color.lch.mixed_type_parameters"
+ ],
  "polyfills": [
  {
  "type": "PostCSS Plugin",
@@ -1223,7 +1236,9 @@
  "example": "p {\n color: oklab(72.322% -0.0465 -0.1150);\n color: oklch(72.322% 0.12403 247.996);\n}",
  "mdn_path": [
  "css.types.color.oklab",
- "css.types.color.oklch"
+ "css.types.color.oklab.mixed_type_parameters",
+ "css.types.color.oklch",
+ "css.types.color.oklch.mixed_type_parameters"
  ],
  "polyfills": [
  {
@@ -1398,20 +1413,28 @@
  },
  {
  "id": "relative-color-syntax",
- "title": "Relative Color Syntax",
+ "title": "Relative Colors",
  "description": "Modify existing colors using color functions",
  "specification": "https://www.w3.org/TR/css-color-5/#relative-colors",
  "stage": 2,
  "browser_support": {},
  "mdn_path": [
  "css.types.color.color.relative_syntax",
+ "css.types.color.color.mixed_type_parameters",
  "css.types.color.hsl.relative_syntax",
+ "css.types.color.hsl.mixed_type_parameters",
  "css.types.color.hwb.relative_syntax",
+ "css.types.color.hwb.mixed_type_parameters",
  "css.types.color.lab.relative_syntax",
+ "css.types.color.lab.mixed_type_parameters",
  "css.types.color.lch.relative_syntax",
+ "css.types.color.lch.mixed_type_parameters",
  "css.types.color.oklab.relative_syntax",
+ "css.types.color.oklab.mixed_type_parameters",
  "css.types.color.oklch.relative_syntax",
- "css.types.color.rgb.relative_syntax"
+ "css.types.color.oklch.mixed_type_parameters",
+ "css.types.color.rgb.relative_syntax",
+ "css.types.color.rgb.mixed_type_parameters"
  ],
  "docs": {},
  "example": "p {\n color: lch(from peru calc(l * 0.8) c h);\n}",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "cssdb",
- "version": "7.11.1",
+ "version": "7.11.2",
  "type": "module",
  "description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards",
  "author": "Jonathan Neal <[email protected]>",
@@ -47,7 +47,7 @@
  "test:doc-links": "node tasks/check-doc-links.mjs"
  },
  "devDependencies": {
- "@mdn/browser-compat-data": "^5.5.13",
+ "@mdn/browser-compat-data": "^5.5.14",
  "browserslist": "^4.22.3",
  "glob": "^10.3.7",
  "lodash.get": "^4.4.2",