diff --git a/cli/csstools-cli/package.json b/cli/csstools-cli/package.json index 3e616a85e..3f59bd8dc 100644 --- a/cli/csstools-cli/package.json +++ b/cli/csstools-cli/package.json @@ -65,7 +65,7 @@ "css-blank-pseudo": "^8.0.1", "css-has-pseudo": "^8.0.0", "css-prefers-color-scheme": "^11.0.0", - "postcss": "^8.5.6", + "postcss": "^8.5.10", "postcss-attribute-case-insensitive": "^8.0.0", "postcss-color-functional-notation": "^8.0.3", "postcss-color-hex-alpha": "^11.0.0", diff --git a/package-lock.json b/package-lock.json index c43ea40a6..debbd237a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -90,7 +90,7 @@ "css-blank-pseudo": "^8.0.1", "css-has-pseudo": "^8.0.0", "css-prefers-color-scheme": "^11.0.0", - "postcss": "^8.5.6", + "postcss": "^8.5.10", "postcss-attribute-case-insensitive": "^8.0.0", "postcss-color-functional-notation": "^8.0.3", "postcss-color-hex-alpha": "^11.0.0", @@ -5034,9 +5034,9 @@ } }, "node_modules/autoprefixer": { - "version": "10.4.27", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.27.tgz", - "integrity": "sha512-NP9APE+tO+LuJGn7/9+cohklunJsXWiaWEfV3si4Gi/XHDwVNgkwr1J3RQYFIvPy76GmJ9/bW8vyoU1LcxwKHA==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.0.tgz", + "integrity": "sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==", "funding": [ { "type": "opencollective", @@ -5053,8 +5053,8 @@ ], "license": "MIT", "dependencies": { - "browserslist": "^4.28.1", - "caniuse-lite": "^1.0.30001774", + "browserslist": "^4.28.2", + "caniuse-lite": "^1.0.30001787", "fraction.js": "^5.3.4", "picocolors": "^1.1.1", "postcss-value-parser": "^4.2.0" @@ -5246,9 +5246,9 @@ } }, "node_modules/basic-ftp": { - "version": "5.2.2", - "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.2.2.tgz", - "integrity": "sha512-1tDrzKsdCg70WGvbFss/ulVAxupNauGnOlgpyjKzeQxzyllBLS0CGLV7tjIXTK3ZQA9/FBEm9qyFFN1bciA6pw==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.3.0.tgz", + "integrity": "sha512-5K9eNNn7ywHPsYnFwjKgYH8Hf8B5emh7JKcPaVjjrMJFQQwGpwowEnZNEtHs7DfR7hCZsmaK3VA4HUK0YarT+w==", "dev": true, "license": "MIT", "engines": { @@ -5397,9 +5397,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001786", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001786.tgz", - "integrity": "sha512-4oxTZEvqmLLrERwxO76yfKM7acZo310U+v4kqexI2TL1DkkUEMT8UijrxxcnVdxR3qkVf5awGRX+4Z6aPHVKrA==", + "version": "1.0.30001791", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001791.tgz", + "integrity": "sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==", "funding": [ { "type": "opencollective", @@ -8001,9 +8001,9 @@ } }, "node_modules/postcss": { - "version": "8.5.8", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz", - "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==", + "version": "8.5.10", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz", + "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==", "funding": [ { "type": "opencollective", @@ -10151,7 +10151,7 @@ "devDependencies": { "@webref/css": "8.5.3", "css-tree": "^3.2.1", - "postcss": "^8.4" + "postcss": "^8.5" }, "peerDependencies": { "css-tree": "^3.2.1" @@ -10178,7 +10178,7 @@ "license": "MIT", "devDependencies": { "@rmenke/css-tokenizer-tests": "^1.2.0", - "postcss": "^8.5.6", + "postcss": "^8.5.10", "postcss-parser-tests": "^8.8.0" }, "engines": { @@ -10261,7 +10261,7 @@ ], "license": "MIT-0", "dependencies": { - "postcss": "~8.5", + "postcss": "^8.5.10", "postcss-8.4": "npm:postcss@~8.4" }, "engines": { @@ -10331,7 +10331,7 @@ ], "license": "MIT-0", "devDependencies": { - "postcss": "^8.5.6" + "postcss": "^8.5.10" }, "engines": { "node": ">=20.19.0" @@ -10428,7 +10428,7 @@ "@csstools/postcss-text-decoration-shorthand": "^5.0.3", "@csstools/postcss-trigonometric-functions": "^5.0.2", "@csstools/postcss-unset-value": "^5.0.0", - "autoprefixer": "^10.4.24", + "autoprefixer": "^10.5.0", "browserslist": "^4.28.1", "css-blank-pseudo": "^8.0.1", "css-has-pseudo": "^8.0.0", @@ -10540,7 +10540,7 @@ "license": "MIT-0", "devDependencies": { "@csstools/pack-test": "^2.0.0", - "postcss": "^8.5", + "postcss": "^8.5.10", "stylelint": "^17.1.1", "stylelint-test-rule-node": "^1.0.0" }, @@ -12665,7 +12665,7 @@ }, "devDependencies": { "@csstools/postcss-tape": "*", - "autoprefixer": "^10.4.24" + "autoprefixer": "^10.5.0" }, "engines": { "node": ">=20.19.0" diff --git a/packages/css-syntax-patches-for-csstree/package.json b/packages/css-syntax-patches-for-csstree/package.json index 469ce0151..50d41e035 100644 --- a/packages/css-syntax-patches-for-csstree/package.json +++ b/packages/css-syntax-patches-for-csstree/package.json @@ -43,7 +43,7 @@ "devDependencies": { "@webref/css": "8.5.3", "css-tree": "^3.2.1", - "postcss": "^8.4" + "postcss": "^8.5" }, "scripts": { "build": "node --stack-trace-limit=1000 ./scripts/index.mjs", diff --git a/packages/css-tokenizer/package.json b/packages/css-tokenizer/package.json index 814d9abf6..6321a1a33 100644 --- a/packages/css-tokenizer/package.json +++ b/packages/css-tokenizer/package.json @@ -42,7 +42,7 @@ ], "devDependencies": { "@rmenke/css-tokenizer-tests": "^1.2.0", - "postcss": "^8.5.6", + "postcss": "^8.5.10", "postcss-parser-tests": "^8.8.0" }, "scripts": { diff --git a/packages/postcss-tape/package.json b/packages/postcss-tape/package.json index 7f21df8b2..5dce59079 100644 --- a/packages/postcss-tape/package.json +++ b/packages/postcss-tape/package.json @@ -42,7 +42,7 @@ "dist" ], "dependencies": { - "postcss": "~8.5", + "postcss": "^8.5.10", "postcss-8.4": "npm:postcss@~8.4" }, "scripts": { diff --git a/packages/utilities/package.json b/packages/utilities/package.json index d1f39248e..7138594df 100644 --- a/packages/utilities/package.json +++ b/packages/utilities/package.json @@ -44,7 +44,7 @@ "postcss": "^8.4" }, "devDependencies": { - "postcss": "^8.5.6" + "postcss": "^8.5.10" }, "scripts": { "build": "rollup -c ../../rollup/default.mjs", diff --git a/plugin-packs/postcss-preset-env/package.json b/plugin-packs/postcss-preset-env/package.json index c4c489994..b775f3d13 100644 --- a/plugin-packs/postcss-preset-env/package.json +++ b/plugin-packs/postcss-preset-env/package.json @@ -87,7 +87,7 @@ "@csstools/postcss-text-decoration-shorthand": "^5.0.3", "@csstools/postcss-trigonometric-functions": "^5.0.2", "@csstools/postcss-unset-value": "^5.0.0", - "autoprefixer": "^10.4.24", + "autoprefixer": "^10.5.0", "browserslist": "^4.28.1", "css-blank-pseudo": "^8.0.1", "css-has-pseudo": "^8.0.0", diff --git a/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css index e06832e00..54d0785eb 100644 --- a/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css @@ -44,7 +44,6 @@ } .test-logical-viewport-units { - width: -webkit-calc(10vw + 5px); width: -moz-calc(10vw + 5px); width: calc(10vw + 5px); } @@ -198,19 +197,21 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe -moz-animation: none 0s ease 0s 1 normal none running; animation: none 0s ease 0s 1 normal none running; -webkit-backface-visibility: visible; - -moz-backface-visibility: visible; backface-visibility: visible; background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; border: medium none currentcolor; border-collapse: separate; - -moz-border-image: none; - border-image: none; + -webkit-border-image: none; + -moz-border-image: none; + border-image: none; border-radius: 0; border-spacing: 0; bottom: auto; - box-shadow: none; - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; caption-side: top; clear: none; clip: auto; @@ -252,7 +253,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe line-height: normal; height: auto; -webkit-hyphens: none; - -moz-hyphens: none; -ms-hyphens: none; hyphens: none; left: auto; @@ -274,10 +274,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe page-break-before: auto; page-break-inside: auto; -webkit-perspective: none; - -moz-perspective: none; perspective: none; -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; perspective-origin: 50% 50%; position: static; right: auto; @@ -285,7 +283,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe tab-size: 8; table-layout: auto; text-align: left; - text-align-last: auto; + -moz-text-align-last: auto; + text-align-last: auto; -webkit-text-decoration: none; text-decoration: none; text-indent: 0; @@ -299,7 +298,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe -moz-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transform-style: flat; - -moz-transform-style: flat; transform-style: flat; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; @@ -399,7 +397,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe } .complex-clamp { - width: max(-webkit-calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); width: max(-moz-calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); width: max(calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); } @@ -414,13 +411,11 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe } .calc-clamp { - margin: 0 40px 0 -webkit-calc(-1 * max(32px, min(16vw, 64px))); margin: 0 40px 0 -moz-calc(-1 * max(32px, min(16vw, 64px))); margin: 0 40px 0 calc(-1 * max(32px, min(16vw, 64px))); } .multiple-calc-clamp { - margin: -webkit-calc(-1 * max(1px, min(2vw, 3px))) -webkit-calc(-1 * max(4px, min(5vw, 6px))); margin: -moz-calc(-1 * max(1px, min(2vw, 3px))) -moz-calc(-1 * max(4px, min(5vw, 6px))); margin: calc(-1 * max(1px, min(2vw, 3px))) calc(-1 * max(4px, min(5vw, 6px))); } @@ -570,7 +565,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe text-indent: 2em; content: var(--value-2ic); left: 2em; - width: -webkit-calc(8em + 20px); width: -moz-calc(8em + 20px); width: calc(8em + 20px); height: 10px; @@ -583,7 +577,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe } .mod { - padding: 8px 3px 1px -webkit-calc(3px + 50%); padding: 8px 3px 1px -moz-calc(3px + 50%); padding: 8px 3px 1px calc(3px + 50%); -webkit-transform: rotate(-50deg); @@ -593,7 +586,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe } .rem { - padding: 8px 3px 1px -webkit-calc(3px + 50%); padding: 8px 3px 1px -moz-calc(3px + 50%); padding: 8px 3px 1px calc(3px + 50%); -webkit-transform: rotate(-50deg); @@ -648,7 +640,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe .nested-calc { -webkit-box-ordinal-group: NaN; - -webkit-order: -webkit-calc(1 * (8 / 3 + (5 * 10))); + -webkit-order: calc(1 * (8 / 3 + (5 * 10))); -moz-box-ordinal-group: NaN; order: calc(1 * (8 / 3 + (5 * 10))); } diff --git a/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css index 905c53317..3369c991e 100644 --- a/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css @@ -56,10 +56,8 @@ } .test-logical-viewport-units { - width: -webkit-calc(10vw + 5px); width: -moz-calc(10vw + 5px); width: calc(10vw + 5px); - width: -webkit-calc(10vi + 5px); width: -moz-calc(10vi + 5px); width: calc(10vi + 5px); } @@ -269,19 +267,21 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe -moz-animation: none 0s ease 0s 1 normal none running; animation: none 0s ease 0s 1 normal none running; -webkit-backface-visibility: visible; - -moz-backface-visibility: visible; backface-visibility: visible; background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; border: medium none currentcolor; border-collapse: separate; - -moz-border-image: none; - border-image: none; + -webkit-border-image: none; + -moz-border-image: none; + border-image: none; border-radius: 0; border-spacing: 0; bottom: auto; - box-shadow: none; - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; caption-side: top; clear: none; clip: auto; @@ -323,7 +323,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe line-height: normal; height: auto; -webkit-hyphens: none; - -moz-hyphens: none; -ms-hyphens: none; hyphens: none; left: auto; @@ -345,10 +344,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe page-break-before: auto; page-break-inside: auto; -webkit-perspective: none; - -moz-perspective: none; perspective: none; -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; perspective-origin: 50% 50%; position: static; right: auto; @@ -356,7 +353,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe tab-size: 8; table-layout: auto; text-align: left; - text-align-last: auto; + -moz-text-align-last: auto; + text-align-last: auto; -webkit-text-decoration: none; text-decoration: none; text-indent: 0; @@ -370,7 +368,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe -moz-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transform-style: flat; - -moz-transform-style: flat; transform-style: flat; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; @@ -515,10 +512,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe } .complex-clamp { - width: max(-webkit-calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); width: max(-moz-calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); width: max(calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); - width: clamp(-webkit-calc(100% - 10px), min(10px, 100%), max(40px, 4em)); width: clamp(-moz-calc(100% - 10px), min(10px, 100%), max(40px, 4em)); width: clamp(calc(100% - 10px), min(10px, 100%), max(40px, 4em)); } @@ -536,28 +531,21 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe } .calc-clamp { - margin: 0 40px 0 -webkit-calc(-1 * max(32px, min(16vw, 64px))); margin: 0 40px 0 -moz-calc(-1 * max(32px, min(16vw, 64px))); margin: 0 40px 0 calc(-1 * max(32px, min(16vw, 64px))); - margin: 0 40px 0 -webkit-calc(-1 * clamp(32px, 16vw, 64px)); margin: 0 40px 0 -moz-calc(-1 * clamp(32px, 16vw, 64px)); margin: 0 40px 0 calc(-1 * clamp(32px, 16vw, 64px)); } .multiple-calc-clamp { - margin: -webkit-calc(-1 * max(1px, min(2vw, 3px))) -webkit-calc(-1 * max(4px, min(5vw, 6px))); margin: -moz-calc(-1 * max(1px, min(2vw, 3px))) -moz-calc(-1 * max(4px, min(5vw, 6px))); margin: calc(-1 * max(1px, min(2vw, 3px))) calc(-1 * max(4px, min(5vw, 6px))); - margin: -webkit-calc(-1 * max(1px, min(2vw, 3px))) -webkit-calc(-1 * clamp(4px, 5vw, 6px)); margin: -moz-calc(-1 * max(1px, min(2vw, 3px))) -moz-calc(-1 * clamp(4px, 5vw, 6px)); margin: calc(-1 * max(1px, min(2vw, 3px))) calc(-1 * clamp(4px, 5vw, 6px)); - margin: -webkit-calc(-1 * max(4px, min(5vw, 6px))) -webkit-calc(-1 * max(4px, min(5vw, 6px))); margin: -moz-calc(-1 * max(4px, min(5vw, 6px))) -moz-calc(-1 * max(4px, min(5vw, 6px))); margin: calc(-1 * max(4px, min(5vw, 6px))) calc(-1 * max(4px, min(5vw, 6px))); - margin: -webkit-calc(-1 * max(4px, min(5vw, 6px))) -webkit-calc(-1 * clamp(4px, 5vw, 6px)); margin: -moz-calc(-1 * max(4px, min(5vw, 6px))) -moz-calc(-1 * clamp(4px, 5vw, 6px)); margin: calc(-1 * max(4px, min(5vw, 6px))) calc(-1 * clamp(4px, 5vw, 6px)); - margin: -webkit-calc(-1 * clamp(1px, 2vw, 3px)) -webkit-calc(-1 * clamp(4px, 5vw, 6px)); margin: -moz-calc(-1 * clamp(1px, 2vw, 3px)) -moz-calc(-1 * clamp(4px, 5vw, 6px)); margin: calc(-1 * clamp(1px, 2vw, 3px)) calc(-1 * clamp(4px, 5vw, 6px)); } @@ -664,7 +652,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe prop-3: rgb(7, 3, 1); prop-3: color(display-p3 0.02472 0.01150 0.00574 / 1); prop-4: rgb(7, 3, 1); - prop-4: color(display-p3 0.02472 0.01150 0.00574 / -webkit-calc(33 / 22)); prop-4: color(display-p3 0.02472 0.01150 0.00574 / -moz-calc(33 / 22)); prop-4: color(display-p3 0.02472 0.01150 0.00574 / calc(33 / 22)); prop-5: color(display-p3 1 1 1 1); @@ -758,10 +745,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe .alpha { color-1: rgba(188, 101, 59, 0.3); - color-1: oklch(from oklch(60% 0.1250 45deg / 0.2) l c h / -webkit-calc(alpha + 0.1)); color-1: oklch(from oklch(60% 0.1250 45deg / 0.2) l c h / -moz-calc(alpha + 0.1)); color-1: oklch(from oklch(60% 0.1250 45deg / 0.2) l c h / calc(alpha + 0.1)); - color-1: alpha(from oklch(60% 0.1250 45deg / 0.2) / -webkit-calc(alpha + 0.1)); color-1: alpha(from oklch(60% 0.1250 45deg / 0.2) / -moz-calc(alpha + 0.1)); color-1: alpha(from oklch(60% 0.1250 45deg / 0.2) / calc(alpha + 0.1)); --color-2: rgba(188, 101, 59, 0.3); @@ -769,7 +754,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @supports (color: lab(from red l 1 1% / calc(alpha + 0.1))) and (color: oklab(0% 0 0%)) { .alpha { - --color-2: oklch(from oklch(60% 0.1250 45deg / 0.2) l c h / -webkit-calc(alpha + 0.1)); --color-2: oklch(from oklch(60% 0.1250 45deg / 0.2) l c h / -moz-calc(alpha + 0.1)); --color-2: oklch(from oklch(60% 0.1250 45deg / 0.2) l c h / calc(alpha + 0.1)); } @@ -777,7 +761,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe @supports (color: alpha(from red / 1)) and (color: oklab(0% 0 0%)) { .alpha { - --color-2: alpha(from oklch(60% 0.1250 45deg / 0.2) / -webkit-calc(alpha + 0.1)); --color-2: alpha(from oklch(60% 0.1250 45deg / 0.2) / -moz-calc(alpha + 0.1)); --color-2: alpha(from oklch(60% 0.1250 45deg / 0.2) / calc(alpha + 0.1)); } @@ -791,10 +774,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe left: 2em; left: var(--non-existing, 2em); left: 2ic; - width: -webkit-calc(8em + 20px); width: -moz-calc(8em + 20px); width: calc(8em + 20px); - width: -webkit-calc(8ic + 20px); width: -moz-calc(8ic + 20px); width: calc(8ic + 20px); height: 10px; @@ -816,10 +797,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe } .mod { - padding: 8px 3px 1px -webkit-calc(3px + 50%); padding: 8px 3px 1px -moz-calc(3px + 50%); padding: 8px 3px 1px calc(3px + 50%); - padding: 8px mod(18px, 5px) 1px -webkit-calc(mod(15px, 6px) + 50%); padding: 8px mod(18px, 5px) 1px -moz-calc(mod(15px, 6px) + 50%); padding: 8px mod(18px, 5px) 1px calc(mod(15px, 6px) + 50%); -webkit-transform: rotate(-50deg); @@ -833,10 +812,8 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe } .rem { - padding: 8px 3px 1px -webkit-calc(3px + 50%); padding: 8px 3px 1px -moz-calc(3px + 50%); padding: 8px 3px 1px calc(3px + 50%); - padding: 8px rem(18px, 5px) 1px -webkit-calc(rem(15px, 6px) + 50%); padding: 8px rem(18px, 5px) 1px -moz-calc(rem(15px, 6px) + 50%); padding: 8px rem(18px, 5px) 1px calc(rem(15px, 6px) + 50%); -webkit-transform: rotate(-50deg); @@ -919,10 +896,10 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe .nested-calc { -webkit-box-ordinal-group: NaN; - -webkit-order: -webkit-calc(1 * (8 / 3 + (5 * 10))); + -webkit-order: calc(1 * (8 / 3 + (5 * 10))); -moz-box-ordinal-group: NaN; order: calc(1 * (8 / 3 + (5 * 10))); - -webkit-order: -webkit-calc(1 * -webkit-calc(8 / 3 + -webkit-calc(5 * 10))); + -webkit-order: calc(1 * calc(8 / 3 + calc(5 * 10))); order: calc(1 * calc(8 / 3 + calc(5 * 10))); } @@ -1088,7 +1065,6 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe .exponential-functions { width: 8px; - width: -webkit-calc(1px * pow(2, 3)); width: -moz-calc(1px * pow(2, 3)); width: calc(1px * pow(2, 3)); } diff --git a/plugin-packs/postcss-preset-env/test/layers-basic.expect.css b/plugin-packs/postcss-preset-env/test/layers-basic.expect.css index 0897ed5f1..a72200c7e 100644 --- a/plugin-packs/postcss-preset-env/test/layers-basic.expect.css +++ b/plugin-packs/postcss-preset-env/test/layers-basic.expect.css @@ -209,19 +209,21 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n -moz-animation: none 0s ease 0s 1 normal none running; animation: none 0s ease 0s 1 normal none running; -webkit-backface-visibility: visible; - -moz-backface-visibility: visible; backface-visibility: visible; background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; border: medium none currentcolor; border-collapse: separate; - -moz-border-image: none; - border-image: none; + -webkit-border-image: none; + -moz-border-image: none; + border-image: none; border-radius: 0; border-spacing: 0; bottom: auto; - box-shadow: none; - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; caption-side: top; clear: none; clip: auto; @@ -263,7 +265,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n line-height: normal; height: auto; -webkit-hyphens: none; - -moz-hyphens: none; -ms-hyphens: none; hyphens: none; left: auto; @@ -285,10 +286,8 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n page-break-before: auto; page-break-inside: auto; -webkit-perspective: none; - -moz-perspective: none; perspective: none; -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; perspective-origin: 50% 50%; position: static; right: auto; @@ -296,7 +295,8 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n tab-size: 8; table-layout: auto; text-align: left; - text-align-last: auto; + -moz-text-align-last: auto; + text-align-last: auto; -webkit-text-decoration: none; text-decoration: none; text-indent: 0; @@ -310,7 +310,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n -moz-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transform-style: flat; - -moz-transform-style: flat; transform-style: flat; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; @@ -430,7 +429,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n } .complex-clamp:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - width: max(-webkit-calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); width: max(-moz-calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); width: max(calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); } @@ -445,13 +443,11 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n } .calc-clamp:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - margin: 0 40px 0 -webkit-calc(-1 * max(32px, min(16vw, 64px))); margin: 0 40px 0 -moz-calc(-1 * max(32px, min(16vw, 64px))); margin: 0 40px 0 calc(-1 * max(32px, min(16vw, 64px))); } .multiple-calc-clamp:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - margin: -webkit-calc(-1 * max(1px, min(2vw, 3px))) -webkit-calc(-1 * max(4px, min(5vw, 6px))); margin: -moz-calc(-1 * max(1px, min(2vw, 3px))) -moz-calc(-1 * max(4px, min(5vw, 6px))); margin: calc(-1 * max(1px, min(2vw, 3px))) calc(-1 * max(4px, min(5vw, 6px))); } @@ -607,7 +603,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n content: var(--value-2ic); left: 2em; left: var(--non-existing, 2em); - width: -webkit-calc(8em + 20px); width: -moz-calc(8em + 20px); width: calc(8em + 20px); height: 10px; @@ -621,7 +616,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n } .mod:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - padding: 8px 3px 1px -webkit-calc(3px + 50%); padding: 8px 3px 1px -moz-calc(3px + 50%); padding: 8px 3px 1px calc(3px + 50%); -webkit-transform: rotate(-50deg); @@ -631,7 +625,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n } .rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - padding: 8px 3px 1px -webkit-calc(3px + 50%); padding: 8px 3px 1px -moz-calc(3px + 50%); padding: 8px 3px 1px calc(3px + 50%); -webkit-transform: rotate(-50deg); diff --git a/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css index 9466aa59e..9d08b764f 100644 --- a/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css +++ b/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css @@ -272,19 +272,21 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n -moz-animation: none 0s ease 0s 1 normal none running; animation: none 0s ease 0s 1 normal none running; -webkit-backface-visibility: visible; - -moz-backface-visibility: visible; backface-visibility: visible; background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; border: medium none currentcolor; border-collapse: separate; - -moz-border-image: none; - border-image: none; + -webkit-border-image: none; + -moz-border-image: none; + border-image: none; border-radius: 0; border-spacing: 0; bottom: auto; - box-shadow: none; - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; caption-side: top; clear: none; clip: auto; @@ -326,7 +328,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n line-height: normal; height: auto; -webkit-hyphens: none; - -moz-hyphens: none; -ms-hyphens: none; hyphens: none; left: auto; @@ -348,10 +349,8 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n page-break-before: auto; page-break-inside: auto; -webkit-perspective: none; - -moz-perspective: none; perspective: none; -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; perspective-origin: 50% 50%; position: static; right: auto; @@ -359,7 +358,8 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n tab-size: 8; table-layout: auto; text-align: left; - text-align-last: auto; + -moz-text-align-last: auto; + text-align-last: auto; -webkit-text-decoration: none; text-decoration: none; text-indent: 0; @@ -373,7 +373,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n -moz-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transform-style: flat; - -moz-transform-style: flat; transform-style: flat; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; @@ -518,10 +517,8 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n } .complex-clamp:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - width: max(-webkit-calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); width: max(-moz-calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); width: max(calc(100% - 10px), min(min(10px, 100%), max(40px, 4em))); - width: clamp(-webkit-calc(100% - 10px), min(10px, 100%), max(40px, 4em)); width: clamp(-moz-calc(100% - 10px), min(10px, 100%), max(40px, 4em)); width: clamp(calc(100% - 10px), min(10px, 100%), max(40px, 4em)); } @@ -539,28 +536,21 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n } .calc-clamp:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - margin: 0 40px 0 -webkit-calc(-1 * max(32px, min(16vw, 64px))); margin: 0 40px 0 -moz-calc(-1 * max(32px, min(16vw, 64px))); margin: 0 40px 0 calc(-1 * max(32px, min(16vw, 64px))); - margin: 0 40px 0 -webkit-calc(-1 * clamp(32px, 16vw, 64px)); margin: 0 40px 0 -moz-calc(-1 * clamp(32px, 16vw, 64px)); margin: 0 40px 0 calc(-1 * clamp(32px, 16vw, 64px)); } .multiple-calc-clamp:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - margin: -webkit-calc(-1 * max(1px, min(2vw, 3px))) -webkit-calc(-1 * max(4px, min(5vw, 6px))); margin: -moz-calc(-1 * max(1px, min(2vw, 3px))) -moz-calc(-1 * max(4px, min(5vw, 6px))); margin: calc(-1 * max(1px, min(2vw, 3px))) calc(-1 * max(4px, min(5vw, 6px))); - margin: -webkit-calc(-1 * max(1px, min(2vw, 3px))) -webkit-calc(-1 * clamp(4px, 5vw, 6px)); margin: -moz-calc(-1 * max(1px, min(2vw, 3px))) -moz-calc(-1 * clamp(4px, 5vw, 6px)); margin: calc(-1 * max(1px, min(2vw, 3px))) calc(-1 * clamp(4px, 5vw, 6px)); - margin: -webkit-calc(-1 * max(4px, min(5vw, 6px))) -webkit-calc(-1 * max(4px, min(5vw, 6px))); margin: -moz-calc(-1 * max(4px, min(5vw, 6px))) -moz-calc(-1 * max(4px, min(5vw, 6px))); margin: calc(-1 * max(4px, min(5vw, 6px))) calc(-1 * max(4px, min(5vw, 6px))); - margin: -webkit-calc(-1 * max(4px, min(5vw, 6px))) -webkit-calc(-1 * clamp(4px, 5vw, 6px)); margin: -moz-calc(-1 * max(4px, min(5vw, 6px))) -moz-calc(-1 * clamp(4px, 5vw, 6px)); margin: calc(-1 * max(4px, min(5vw, 6px))) calc(-1 * clamp(4px, 5vw, 6px)); - margin: -webkit-calc(-1 * clamp(1px, 2vw, 3px)) -webkit-calc(-1 * clamp(4px, 5vw, 6px)); margin: -moz-calc(-1 * clamp(1px, 2vw, 3px)) -moz-calc(-1 * clamp(4px, 5vw, 6px)); margin: calc(-1 * clamp(1px, 2vw, 3px)) calc(-1 * clamp(4px, 5vw, 6px)); } @@ -663,7 +653,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n prop-3: rgb(7, 3, 1); prop-3: color(display-p3 0.02472 0.01150 0.00574 / 1); prop-4: rgb(7, 3, 1); - prop-4: color(display-p3 0.02472 0.01150 0.00574 / -webkit-calc(33 / 22)); prop-4: color(display-p3 0.02472 0.01150 0.00574 / -moz-calc(33 / 22)); prop-4: color(display-p3 0.02472 0.01150 0.00574 / calc(33 / 22)); prop-5: color(display-p3 1 1 1 1); @@ -761,10 +750,8 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n left: 2em; left: var(--non-existing, 2em); left: 2ic; - width: -webkit-calc(8em + 20px); width: -moz-calc(8em + 20px); width: calc(8em + 20px); - width: -webkit-calc(8ic + 20px); width: -moz-calc(8ic + 20px); width: calc(8ic + 20px); height: 10px; @@ -786,10 +773,8 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n } .mod:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - padding: 8px 3px 1px -webkit-calc(3px + 50%); padding: 8px 3px 1px -moz-calc(3px + 50%); padding: 8px 3px 1px calc(3px + 50%); - padding: 8px mod(18px, 5px) 1px -webkit-calc(mod(15px, 6px) + 50%); padding: 8px mod(18px, 5px) 1px -moz-calc(mod(15px, 6px) + 50%); padding: 8px mod(18px, 5px) 1px calc(mod(15px, 6px) + 50%); -webkit-transform: rotate(-50deg); @@ -803,10 +788,8 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n } .rem:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - padding: 8px 3px 1px -webkit-calc(3px + 50%); padding: 8px 3px 1px -moz-calc(3px + 50%); padding: 8px 3px 1px calc(3px + 50%); - padding: 8px rem(18px, 5px) 1px -webkit-calc(rem(15px, 6px) + 50%); padding: 8px rem(18px, 5px) 1px -moz-calc(rem(15px, 6px) + 50%); padding: 8px rem(18px, 5px) 1px calc(rem(15px, 6px) + 50%); -webkit-transform: rotate(-50deg); diff --git a/plugins-stylelint/no-at-nest-rule/package.json b/plugins-stylelint/no-at-nest-rule/package.json index 5c46379ef..23b0b860e 100644 --- a/plugins-stylelint/no-at-nest-rule/package.json +++ b/plugins-stylelint/no-at-nest-rule/package.json @@ -44,7 +44,7 @@ }, "devDependencies": { "@csstools/pack-test": "^2.0.0", - "postcss": "^8.5", + "postcss": "^8.5.10", "stylelint": "^17.1.1", "stylelint-test-rule-node": "^1.0.0" }, diff --git a/plugins/postcss-text-decoration-shorthand/package.json b/plugins/postcss-text-decoration-shorthand/package.json index 3fa339d20..9c5c74449 100644 --- a/plugins/postcss-text-decoration-shorthand/package.json +++ b/plugins/postcss-text-decoration-shorthand/package.json @@ -49,7 +49,7 @@ }, "devDependencies": { "@csstools/postcss-tape": "*", - "autoprefixer": "^10.4.24" + "autoprefixer": "^10.5.0" }, "scripts": { "build": "rollup -c ../../rollup/default.mjs",