From 403dd76db7cb53f71f56f7e1fd6d64f905375c16 Mon Sep 17 00:00:00 2001 From: Romain Menke Date: Mon, 27 Mar 2023 19:11:53 +0200 Subject: [PATCH 1/5] add supports data for gradient interpolation and color-mix --- cssdb.json | 31 +++++++++++++++++++----- cssdb.mjs | 31 +++++++++++++++++++----- cssdb.settings.json | 58 +++++++++++++++++++++++++++++++++++++++++++-- 3 files changed, 106 insertions(+), 14 deletions(-) diff --git a/cssdb.json b/cssdb.json index e7a5e7a..aaa4bbb 100644 --- a/cssdb.json +++ b/cssdb.json @@ -321,11 +321,18 @@ "android": "111", "chrome": "111", "edge": "111", - "opera": "97" + "opera": "97", + "ios_saf": "16.2", + "safari": "16.2" }, "example": "p {\n color: color-mix(in lch, purple 50%, plum 50%);\n}", - "polyfills": [], - "vendors_implementations": 1 + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-function" + } + ], + "vendors_implementations": 2 }, { "id": "color-mod-function", @@ -758,10 +765,22 @@ "description": "Define the interpolation method for gradients", "specification": "https://www.w3.org/TR/css-images-4/#color-interpolation", "stage": 2, - "browser_support": {}, + "browser_support": { + "and_chr": "111", + "android": "111", + "chrome": "111", + "edge": "111", + "ios_saf": "16.2", + "safari": "16.2" + }, "example": ".pie_chart {\n background-image: conic-gradient(in oklch, yellowgreen 40%, gold 0deg 75%, #f06 0deg);\n}", - "polyfills": [], - "vendors_implementations": 0 + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-gradients-interpolation-method" + } + ], + "vendors_implementations": 2 }, { "id": "gray-function", diff --git a/cssdb.mjs b/cssdb.mjs index b97b75b..3e9de54 100644 --- a/cssdb.mjs +++ b/cssdb.mjs @@ -321,11 +321,18 @@ export default [ "android": "111", "chrome": "111", "edge": "111", - "opera": "97" + "opera": "97", + "ios_saf": "16.2", + "safari": "16.2" }, "example": "p {\n color: color-mix(in lch, purple 50%, plum 50%);\n}", - "polyfills": [], - "vendors_implementations": 1 + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-function" + } + ], + "vendors_implementations": 2 }, { "id": "color-mod-function", @@ -758,10 +765,22 @@ export default [ "description": "Define the interpolation method for gradients", "specification": "https://www.w3.org/TR/css-images-4/#color-interpolation", "stage": 2, - "browser_support": {}, + "browser_support": { + "and_chr": "111", + "android": "111", + "chrome": "111", + "edge": "111", + "ios_saf": "16.2", + "safari": "16.2" + }, "example": ".pie_chart {\n background-image: conic-gradient(in oklch, yellowgreen 40%, gold 0deg 75%, #f06 0deg);\n}", - "polyfills": [], - "vendors_implementations": 0 + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-gradients-interpolation-method" + } + ], + "vendors_implementations": 2 }, { "id": "gray-function", diff --git a/cssdb.settings.json b/cssdb.settings.json index 0c60cc9..b425336 100644 --- a/cssdb.settings.json +++ b/cssdb.settings.json @@ -232,8 +232,25 @@ "css.types.color['color-mix']" ], "browser_support": {}, + "browser_support_overrides": { + "ios_saf": { + "from": null, + "to": "16.2", + "bug": "https://github.com/mdn/browser-compat-data/pull/19245" + }, + "safari": { + "from": null, + "to": "16.2", + "bug": "https://github.com/mdn/browser-compat-data/pull/19245" + } + }, "example": "p {\n color: color-mix(in lch, purple 50%, plum 50%);\n}", - "polyfills": [] + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-function" + } + ] }, { "id": "color-mod-function", @@ -586,8 +603,45 @@ "specification": "https://www.w3.org/TR/css-images-4/#color-interpolation", "stage": 2, "browser_support": {}, + "browser_support_overrides": { + "and_chr": { + "from": null, + "to": "111", + "bug": "https://github.com/mdn/browser-compat-data/pull/19244" + }, + "android": { + "from": null, + "to": "111", + "bug": "https://github.com/mdn/browser-compat-data/pull/19244" + }, + "chrome": { + "from": null, + "to": "111", + "bug": "https://github.com/mdn/browser-compat-data/pull/19244" + }, + "edge": { + "from": null, + "to": "111", + "bug": "https://github.com/mdn/browser-compat-data/pull/19244" + }, + "ios_saf": { + "from": null, + "to": "16.2", + "bug": "https://github.com/mdn/browser-compat-data/pull/19244" + }, + "safari": { + "from": null, + "to": "16.2", + "bug": "https://github.com/mdn/browser-compat-data/pull/19244" + } + }, "example": ".pie_chart {\n background-image: conic-gradient(in oklch, yellowgreen 40%, gold 0deg 75%, #f06 0deg);\n}", - "polyfills": [] + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-gradients-interpolation-method" + } + ] }, { "id": "gray-function", From 749ecca42a7d886047937c9af3ca91946af5537e Mon Sep 17 00:00:00 2001 From: Romain Menke Date: Mon, 27 Mar 2023 19:21:30 +0200 Subject: [PATCH 2/5] change log and bundled with updates --- CHANGELOG.md | 5 +++++ cssdb.settings.json | 4 ---- src/components/feature-polyfill.mjs | 7 +++++++ 3 files changed, 12 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 27eb6af..7441179 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,10 @@ # Changes to cssdb +### Unreleased (patch) + +- Updated support date for `color-mix` +- Updated support date for `gradients-interpolation-method` + ### 7.5.1 (March 24, 2023) - Fixed potentially old generated files (patch) diff --git a/cssdb.settings.json b/cssdb.settings.json index b425336..665c704 100644 --- a/cssdb.settings.json +++ b/cssdb.settings.json @@ -697,10 +697,6 @@ { "type": "PostCSS Plugin", "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo" - }, - { - "type": "Experimental Library", - "link": "https://github.com/csstools/postcss-plugins/tree/main/experimental/css-has-pseudo" } ] }, diff --git a/src/components/feature-polyfill.mjs b/src/components/feature-polyfill.mjs index 8e06e04..b6ffdea 100644 --- a/src/components/feature-polyfill.mjs +++ b/src/components/feature-polyfill.mjs @@ -10,6 +10,7 @@ const presetEnvPlugins = [ 'clamp', 'color-function', 'color-functional-notation', + 'color-mix', 'custom-media-queries', 'custom-properties', 'custom-selectors', @@ -17,11 +18,13 @@ const presetEnvPlugins = [ 'display-two-values', 'double-position-gradients', 'environment-variables', + 'float-clear-logical-values', 'focus-visible-pseudo-class', 'focus-within-pseudo-class', 'font-format-keywords', 'font-variant-property', 'gap-properties', + 'gradients-interpolation-method', 'has-pseudo-class', 'hexadecimal-alpha-notation', 'hwb-function', @@ -30,6 +33,9 @@ const presetEnvPlugins = [ 'is-pseudo-class', 'lab-function', 'logical-properties-and-values', + 'logical-resize', + 'logical-viewport-units', + 'media-queries-aspect-ratio-number-values', 'media-query-ranges', 'nested-calc', 'nesting-rules', @@ -41,6 +47,7 @@ const presetEnvPlugins = [ 'place-properties', 'prefers-color-scheme-query', 'rebeccapurple-color', + 'scope-pseudo-class', 'stepped-value-functions', 'system-ui-font-family', 'text-decoration-shorthand', From 5ebbfc771a10974ea969258ba33a55971012b959 Mon Sep 17 00:00:00 2001 From: Romain Menke Date: Mon, 27 Mar 2023 19:23:39 +0200 Subject: [PATCH 3/5] populatedb --- cssdb.json | 4 ---- cssdb.mjs | 4 ---- 2 files changed, 8 deletions(-) diff --git a/cssdb.json b/cssdb.json index aaa4bbb..e46cc2f 100644 --- a/cssdb.json +++ b/cssdb.json @@ -859,10 +859,6 @@ { "type": "PostCSS Plugin", "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo" - }, - { - "type": "Experimental Library", - "link": "https://github.com/csstools/postcss-plugins/tree/main/experimental/css-has-pseudo" } ], "vendors_implementations": 2 diff --git a/cssdb.mjs b/cssdb.mjs index 3e9de54..4402e0b 100644 --- a/cssdb.mjs +++ b/cssdb.mjs @@ -859,10 +859,6 @@ export default [ { "type": "PostCSS Plugin", "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo" - }, - { - "type": "Experimental Library", - "link": "https://github.com/csstools/postcss-plugins/tree/main/experimental/css-has-pseudo" } ], "vendors_implementations": 2 From 40917effc06581e709518e44807055387bde54bc Mon Sep 17 00:00:00 2001 From: Romain Menke <11521496+romainmenke@users.noreply.github.com> Date: Tue, 28 Mar 2023 08:22:58 +0200 Subject: [PATCH 4/5] Update CHANGELOG.md --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7441179..4609629 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,7 +2,7 @@ ### Unreleased (patch) -- Updated support date for `color-mix` +- Updated support data for `color-mix` - Updated support date for `gradients-interpolation-method` ### 7.5.1 (March 24, 2023) From d84e6139fc6cbc7d1030bce69e8f9f6ef0ff30af Mon Sep 17 00:00:00 2001 From: Romain Menke <11521496+romainmenke@users.noreply.github.com> Date: Tue, 28 Mar 2023 08:23:28 +0200 Subject: [PATCH 5/5] Update CHANGELOG.md --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4609629..82d8d1b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,7 +3,7 @@ ### Unreleased (patch) - Updated support data for `color-mix` -- Updated support date for `gradients-interpolation-method` +- Updated support data for `gradients-interpolation-method` ### 7.5.1 (March 24, 2023)