From ab20f02eb7d1a13ae920482128d6f38574b5cbfe Mon Sep 17 00:00:00 2001 From: Romain Menke Date: Sat, 13 May 2023 19:57:59 +0200 Subject: [PATCH 1/2] relative color syntax --- cssdb.json | 30 ++++++++++--- cssdb.mjs | 30 ++++++++++--- cssdb.settings.json | 28 +++++++++++++ package-lock.json | 100 ++++++++++++++++++++++---------------------- 4 files changed, 128 insertions(+), 60 deletions(-) diff --git a/cssdb.json b/cssdb.json index a27c159..647297b 100644 --- a/cssdb.json +++ b/cssdb.json @@ -281,7 +281,7 @@ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "color-functional-notation", @@ -336,7 +336,7 @@ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "color-mod-function", @@ -1084,7 +1084,7 @@ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "lch-function", @@ -1113,7 +1113,7 @@ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "logical-properties-and-values", @@ -1396,7 +1396,7 @@ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-oklab-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "opacity-percentage", @@ -1669,6 +1669,26 @@ ], "vendors_implementations": 3 }, + { + "id": "relative-color-syntax", + "title": "Relative Color Syntax", + "description": "Modify existing colors using color functions", + "specification": "https://www.w3.org/TR/css-color-5/#relative-colors", + "stage": 2, + "browser_support": { + "ios_saf": "16.4", + "safari": "16.4" + }, + "docs": {}, + "example": "p {\n color: lch(from peru calc(l * 0.8) c h);\n}", + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-relative-color-syntax" + } + ], + "vendors_implementations": 1 + }, { "id": "scope-pseudo-class", "title": "`:scope()` Reference Element Pseudo-class", diff --git a/cssdb.mjs b/cssdb.mjs index 4c4cb47..2414e3d 100644 --- a/cssdb.mjs +++ b/cssdb.mjs @@ -281,7 +281,7 @@ export default [ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "color-functional-notation", @@ -336,7 +336,7 @@ export default [ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "color-mod-function", @@ -1084,7 +1084,7 @@ export default [ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "lch-function", @@ -1113,7 +1113,7 @@ export default [ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-lab-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "logical-properties-and-values", @@ -1396,7 +1396,7 @@ export default [ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-oklab-function" } ], - "vendors_implementations": 2 + "vendors_implementations": 3 }, { "id": "opacity-percentage", @@ -1669,6 +1669,26 @@ export default [ ], "vendors_implementations": 3 }, + { + "id": "relative-color-syntax", + "title": "Relative Color Syntax", + "description": "Modify existing colors using color functions", + "specification": "https://www.w3.org/TR/css-color-5/#relative-colors", + "stage": 2, + "browser_support": { + "ios_saf": "16.4", + "safari": "16.4" + }, + "docs": {}, + "example": "p {\n color: lch(from peru calc(l * 0.8) c h);\n}", + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-relative-color-syntax" + } + ], + "vendors_implementations": 1 + }, { "id": "scope-pseudo-class", "title": "`:scope()` Reference Element Pseudo-class", diff --git a/cssdb.settings.json b/cssdb.settings.json index c82515c..2aad5e4 100644 --- a/cssdb.settings.json +++ b/cssdb.settings.json @@ -1277,6 +1277,34 @@ } ] }, + { + "id": "relative-color-syntax", + "title": "Relative Color Syntax", + "description": "Modify existing colors using color functions", + "specification": "https://www.w3.org/TR/css-color-5/#relative-colors", + "stage": 2, + "browser_support": {}, + "browser_support_overrides": { + "ios_saf": { + "from": null, + "to": "16.4", + "bug": "https://github.com/mdn/browser-compat-data/issues/19855" + }, + "safari": { + "from": null, + "to": "16.4", + "bug": "https://github.com/mdn/browser-compat-data/issues/19855" + } + }, + "docs": {}, + "example": "p {\n color: lch(from peru calc(l * 0.8) c h);\n}", + "polyfills": [ + { + "type": "PostCSS Plugin", + "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-relative-color-syntax" + } + ] + }, { "id": "scope-pseudo-class", "title": "`:scope()` Reference Element Pseudo-class", diff --git a/package-lock.json b/package-lock.json index 0ebd6aa..972a62f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -660,9 +660,9 @@ } }, "node_modules/@mdn/browser-compat-data": { - "version": "5.2.56", - "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.2.56.tgz", - "integrity": "sha512-1Pu6qcdJ1tQApjhWONtf8XtXH4bG9qnRyry+mYzNgZhfawoO2ODJWasvDf4pgEPlaHbxxFuZFL5l3UeKCdS3Xg==", + "version": "5.2.57", + "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.2.57.tgz", + "integrity": "sha512-ED1+lSPglyGjBVPubg44h7nIzZK/Oc3lUI/rEZ+xDWmSY/LRKFINdJKYdGnViy/R7LXa3EGDKFSC9jXG6mfaiQ==", "dev": true }, "node_modules/@nodelib/fs.scandir": { @@ -941,9 +941,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001486", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001486.tgz", - "integrity": "sha512-uv7/gXuHi10Whlj0pp5q/tsK/32J2QSqVRKQhs2j8VsDCjgyruAh/eEXHF822VqO9yT6iZKw3nRwZRSPBE9OQg==", + "version": "1.0.30001487", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz", + "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==", "dev": true, "funding": [ { @@ -1344,9 +1344,9 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.4.385", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.385.tgz", - "integrity": "sha512-L9zlje9bIw0h+CwPQumiuVlfMcV4boxRjFIWDcLfFqTZNbkwOExBzfmswytHawObQX4OUhtNv8gIiB21kOurIg==", + "version": "1.4.394", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.394.tgz", + "integrity": "sha512-0IbC2cfr8w5LxTz+nmn2cJTGafsK9iauV2r5A5scfzyovqLrxuLoxOHE5OBobP3oVIggJT+0JfKnw9sm87c8Hw==", "dev": true }, "node_modules/emoji-regex": { @@ -1569,9 +1569,9 @@ } }, "node_modules/glob": { - "version": "10.2.2", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.2.tgz", - "integrity": "sha512-Xsa0BcxIC6th9UwNjZkhrMtNo/MnyRL8jGCP+uEwhA5oFOCY1f2s1/oNKY47xQ0Bg5nkjsfAEIej1VeH62bDDQ==", + "version": "10.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.3.tgz", + "integrity": "sha512-Kb4rfmBVE3eQTAimgmeqc2LwSnN0wIOkkUL6HmxEFxNJ4fHghYHVbFba/HcGcRjE6s9KoMNK3rSOwkL4PioZjg==", "dev": true, "dependencies": { "foreground-child": "^3.1.0", @@ -2343,12 +2343,12 @@ "dev": true }, "node_modules/path-scurry": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.7.0.tgz", - "integrity": "sha512-UkZUeDjczjYRE495+9thsgcVgsaCPkaw80slmfVFgllxY+IO8ubTsOpFVjDPROBqJdHfVPUFRHPBV/WciOVfWg==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.8.0.tgz", + "integrity": "sha512-IjTrKseM404/UAWA8bBbL3Qp6O2wXkanuIE3seCxBH7ctRuvH1QRawy1N3nVDHGkdeZsjOsSe/8AQBL/VQCy2g==", "dev": true, "dependencies": { - "lru-cache": "^9.0.0", + "lru-cache": "^9.1.1", "minipass": "^5.0.0" }, "engines": { @@ -3383,9 +3383,9 @@ } }, "node_modules/semver": { - "version": "7.5.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.0.tgz", - "integrity": "sha512-+XC0AD/R7Q2mPSRuy2Id0+CGTZ98+8f+KvwirxOKIEyid+XSx6HbC63p+O4IndTHuX5Z+JxQ0TghCkO5Cg/2HA==", + "version": "7.5.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz", + "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==", "dev": true, "dependencies": { "lru-cache": "^6.0.0" @@ -3431,9 +3431,9 @@ } }, "node_modules/signal-exit": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.0.1.tgz", - "integrity": "sha512-uUWsN4aOxJAS8KOuf3QMyFtgm1pkb6I+KRZbRF/ghdf5T7sM+B1lLLzPDxswUjkmHyxQAVzEgG35E3NzDM9GVw==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.0.2.tgz", + "integrity": "sha512-MY2/qGx4enyjprQnFaZsHib3Yadh3IXyV2C321GY0pjGfVBu4un0uDJkwgdxqO+Rdx8JMT8IfJIRwbYVz3Ob3Q==", "dev": true, "engines": { "node": ">=14" @@ -3443,9 +3443,9 @@ } }, "node_modules/slash": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/slash/-/slash-5.0.1.tgz", - "integrity": "sha512-ywNzUOiXwetmLvTUiCBZpLi+vxqN3i+zDqjs2HHfUSV3wN4UJxVVKWrS1JZDeiJIeBFNgB5pmioC2g0IUTL+rQ==", + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz", + "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==", "dev": true, "engines": { "node": ">=14.16" @@ -4623,9 +4623,9 @@ } }, "@mdn/browser-compat-data": { - "version": "5.2.56", - "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.2.56.tgz", - "integrity": "sha512-1Pu6qcdJ1tQApjhWONtf8XtXH4bG9qnRyry+mYzNgZhfawoO2ODJWasvDf4pgEPlaHbxxFuZFL5l3UeKCdS3Xg==", + "version": "5.2.57", + "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-5.2.57.tgz", + "integrity": "sha512-ED1+lSPglyGjBVPubg44h7nIzZK/Oc3lUI/rEZ+xDWmSY/LRKFINdJKYdGnViy/R7LXa3EGDKFSC9jXG6mfaiQ==", "dev": true }, "@nodelib/fs.scandir": { @@ -4814,9 +4814,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001486", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001486.tgz", - "integrity": "sha512-uv7/gXuHi10Whlj0pp5q/tsK/32J2QSqVRKQhs2j8VsDCjgyruAh/eEXHF822VqO9yT6iZKw3nRwZRSPBE9OQg==", + "version": "1.0.30001487", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz", + "integrity": "sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==", "dev": true }, "chalk": { @@ -5086,9 +5086,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.4.385", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.385.tgz", - "integrity": "sha512-L9zlje9bIw0h+CwPQumiuVlfMcV4boxRjFIWDcLfFqTZNbkwOExBzfmswytHawObQX4OUhtNv8gIiB21kOurIg==", + "version": "1.4.394", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.394.tgz", + "integrity": "sha512-0IbC2cfr8w5LxTz+nmn2cJTGafsK9iauV2r5A5scfzyovqLrxuLoxOHE5OBobP3oVIggJT+0JfKnw9sm87c8Hw==", "dev": true }, "emoji-regex": { @@ -5255,9 +5255,9 @@ "dev": true }, "glob": { - "version": "10.2.2", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.2.tgz", - "integrity": "sha512-Xsa0BcxIC6th9UwNjZkhrMtNo/MnyRL8jGCP+uEwhA5oFOCY1f2s1/oNKY47xQ0Bg5nkjsfAEIej1VeH62bDDQ==", + "version": "10.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.3.tgz", + "integrity": "sha512-Kb4rfmBVE3eQTAimgmeqc2LwSnN0wIOkkUL6HmxEFxNJ4fHghYHVbFba/HcGcRjE6s9KoMNK3rSOwkL4PioZjg==", "dev": true, "requires": { "foreground-child": "^3.1.0", @@ -5825,12 +5825,12 @@ "dev": true }, "path-scurry": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.7.0.tgz", - "integrity": "sha512-UkZUeDjczjYRE495+9thsgcVgsaCPkaw80slmfVFgllxY+IO8ubTsOpFVjDPROBqJdHfVPUFRHPBV/WciOVfWg==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.8.0.tgz", + "integrity": "sha512-IjTrKseM404/UAWA8bBbL3Qp6O2wXkanuIE3seCxBH7ctRuvH1QRawy1N3nVDHGkdeZsjOsSe/8AQBL/VQCy2g==", "dev": true, "requires": { - "lru-cache": "^9.0.0", + "lru-cache": "^9.1.1", "minipass": "^5.0.0" } }, @@ -6447,9 +6447,9 @@ } }, "semver": { - "version": "7.5.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.0.tgz", - "integrity": "sha512-+XC0AD/R7Q2mPSRuy2Id0+CGTZ98+8f+KvwirxOKIEyid+XSx6HbC63p+O4IndTHuX5Z+JxQ0TghCkO5Cg/2HA==", + "version": "7.5.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz", + "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==", "dev": true, "requires": { "lru-cache": "^6.0.0" @@ -6482,15 +6482,15 @@ "dev": true }, "signal-exit": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.0.1.tgz", - "integrity": "sha512-uUWsN4aOxJAS8KOuf3QMyFtgm1pkb6I+KRZbRF/ghdf5T7sM+B1lLLzPDxswUjkmHyxQAVzEgG35E3NzDM9GVw==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.0.2.tgz", + "integrity": "sha512-MY2/qGx4enyjprQnFaZsHib3Yadh3IXyV2C321GY0pjGfVBu4un0uDJkwgdxqO+Rdx8JMT8IfJIRwbYVz3Ob3Q==", "dev": true }, "slash": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/slash/-/slash-5.0.1.tgz", - "integrity": "sha512-ywNzUOiXwetmLvTUiCBZpLi+vxqN3i+zDqjs2HHfUSV3wN4UJxVVKWrS1JZDeiJIeBFNgB5pmioC2g0IUTL+rQ==", + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz", + "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==", "dev": true }, "slice-ansi": { From d60cbe8286f9210d511b24bac7df5788e8ef71ae Mon Sep 17 00:00:00 2001 From: Romain Menke Date: Sat, 13 May 2023 19:59:50 +0200 Subject: [PATCH 2/2] changelog --- CHANGELOG.md | 7 ++++--- package-lock.json | 4 ++-- package.json | 4 ++-- 3 files changed, 8 insertions(+), 7 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index aaf317c..d7326f0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,9 +1,10 @@ # Changes to cssdb -### Unreleased (patch) +### Unreleased (minor) -- Updated `@mdn/browser-compat-data` to `5.2.54` (patch) -- Updated `caniuse-lite` to `1.0.30001481` (patch) +- Added: Stage 2 `relative-color-syntax` +- Updated `@mdn/browser-compat-data` to `5.2.57` (patch) +- Updated `caniuse-lite` to `1.0.30001487` (patch) ### 7.5.4 (April 10, 2023) diff --git a/package-lock.json b/package-lock.json index 972a62f..f30a830 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19,9 +19,9 @@ ], "license": "CC0-1.0", "devDependencies": { - "@mdn/browser-compat-data": "^5.2.54", + "@mdn/browser-compat-data": "^5.2.57", "browserslist": "^4.21.5", - "caniuse-lite": "^1.0.30001481", + "caniuse-lite": "^1.0.30001487", "glob": "^10.2.2", "lodash.get": "^4.4.2", "postcss": "^8.4.23", diff --git a/package.json b/package.json index c8f4466..ba0ec46 100644 --- a/package.json +++ b/package.json @@ -46,9 +46,9 @@ "test:json": "node tasks/test.cjs" }, "devDependencies": { - "@mdn/browser-compat-data": "^5.2.54", + "@mdn/browser-compat-data": "^5.2.57", "browserslist": "^4.21.5", - "caniuse-lite": "^1.0.30001481", + "caniuse-lite": "^1.0.30001487", "glob": "^10.2.2", "lodash.get": "^4.4.2", "postcss": "^8.4.23",