diff --git a/plugin-packs/postcss-preset-env/.tape.mjs b/plugin-packs/postcss-preset-env/.tape.mjs index 2794cefa8..2d4a75cd5 100644 --- a/plugin-packs/postcss-preset-env/.tape.mjs +++ b/plugin-packs/postcss-preset-env/.tape.mjs @@ -238,14 +238,14 @@ postcssTape(plugin)({ } } }, - 'disable-client-side-polyfills': { + 'enable-client-side-polyfills': { message: 'supports { enableClientSidePolyfills: false } usage', options: { enableClientSidePolyfills: false, stage: 0, } }, - 'disable-client-side-polyfills:disabled': { + 'enable-client-side-polyfills:enabled': { message: 'supports { enableClientSidePolyfills: true } usage (default)', options: { enableClientSidePolyfills: true, diff --git a/plugin-packs/postcss-preset-env/README.md b/plugin-packs/postcss-preset-env/README.md index 511d9fae9..15c430b4e 100644 --- a/plugin-packs/postcss-preset-env/README.md +++ b/plugin-packs/postcss-preset-env/README.md @@ -460,7 +460,7 @@ The `debug` option enables debugging messages to stdout which should be useful t ### enableClientSidePolyfills -The `enableClientSidePolyfills` enables any feature that would need an extra browser library to be loaded into the page for it to work. Defaults to `true`. +The `enableClientSidePolyfills` enables any feature that would need an extra browser library to be loaded into the page for it to work. Defaults to `false`. Note that manually enabling/disabling features via the "feature" option overrides this flag. diff --git a/plugin-packs/postcss-preset-env/src/lib/list-features.mjs b/plugin-packs/postcss-preset-env/src/lib/list-features.mjs index 813fe6297..c5db8f724 100644 --- a/plugin-packs/postcss-preset-env/src/lib/list-features.mjs +++ b/plugin-packs/postcss-preset-env/src/lib/list-features.mjs @@ -11,7 +11,7 @@ import { insertAfterKey, insertBeforeKey } from '../own-keys/keys.mjs'; export function listFeatures(cssdbList, options, sharedOptions, logger) { // initialize options const features = Object(options.features); - const enableClientSidePolyfills = 'enableClientSidePolyfills' in options ? options.enableClientSidePolyfills : true; + const enableClientSidePolyfills = 'enableClientSidePolyfills' in options ? options.enableClientSidePolyfills : false; const insertBefore = Object(options.insertBefore); const insertAfter = Object(options.insertAfter); const browsers = options.browsers; diff --git a/plugin-packs/postcss-preset-env/src/test/lib/list-features/preserve.mjs b/plugin-packs/postcss-preset-env/src/test/lib/list-features/preserve.mjs index bd89c7a9c..b811f0be6 100644 --- a/plugin-packs/postcss-preset-env/src/test/lib/list-features/preserve.mjs +++ b/plugin-packs/postcss-preset-env/src/test/lib/list-features/preserve.mjs @@ -29,22 +29,6 @@ assert.deepStrictEqual( }, id: 'any-link-pseudo-class', }, - { - browsers: [ - 'and_chr >= 1', 'and_ff >= 1', - 'and_qq >= 1', 'and_uc >= 1', - 'android >= 1', 'baidu >= 1', - 'chrome >= 1', 'edge >= 1', - 'firefox >= 1', 'ie >= 1', - 'ie_mob >= 1', 'ios_saf >= 1', - 'kaios >= 1', 'op_mini all', - 'op_mob >= 1', 'opera >= 1', - 'safari >= 1', 'samsung >= 1', - ], - vendors_implementations: 0, - pluginOptions: { preserve: true, enableProgressiveCustomProperties: false }, - id: 'blank-pseudo-class', - }, ], ); @@ -53,6 +37,7 @@ assert.deepStrictEqual( testLogger.getLogs(), [ 'Using features from Stage 0', + ' blank-pseudo-class has been disabled by "enableClientSidePolyfills: false".', 'Adding area[href] fallbacks for ":any-link" support in Edge and IE.', ], ); @@ -82,22 +67,6 @@ assert.deepStrictEqual( }, id: 'any-link-pseudo-class', }, - { - browsers: [ - 'and_chr >= 1', 'and_ff >= 1', - 'and_qq >= 1', 'and_uc >= 1', - 'android >= 1', 'baidu >= 1', - 'chrome >= 1', 'edge >= 1', - 'firefox >= 1', 'ie >= 1', - 'ie_mob >= 1', 'ios_saf >= 1', - 'kaios >= 1', 'op_mini all', - 'op_mob >= 1', 'opera >= 1', - 'safari >= 1', 'samsung >= 1', - ], - vendors_implementations: 0, - pluginOptions: { preserve: false, enableProgressiveCustomProperties: false }, - id: 'blank-pseudo-class', - }, ], ); @@ -106,6 +75,7 @@ assert.deepStrictEqual( testLogger.getLogs(), [ 'Using features from Stage 0', + ' blank-pseudo-class has been disabled by "enableClientSidePolyfills: false".', 'Adding area[href] fallbacks for ":any-link" support in Edge and IE.', ], ); diff --git a/plugin-packs/postcss-preset-env/src/test/lib/list-features/stage-0.mjs b/plugin-packs/postcss-preset-env/src/test/lib/list-features/stage-0.mjs index 57882b3f2..bfc9a9219 100644 --- a/plugin-packs/postcss-preset-env/src/test/lib/list-features/stage-0.mjs +++ b/plugin-packs/postcss-preset-env/src/test/lib/list-features/stage-0.mjs @@ -28,22 +28,6 @@ assert.deepStrictEqual( }, id: 'any-link-pseudo-class', }, - { - browsers: [ - 'and_chr >= 1', 'and_ff >= 1', - 'and_qq >= 1', 'and_uc >= 1', - 'android >= 1', 'baidu >= 1', - 'chrome >= 1', 'edge >= 1', - 'firefox >= 1', 'ie >= 1', - 'ie_mob >= 1', 'ios_saf >= 1', - 'kaios >= 1', 'op_mini all', - 'op_mob >= 1', 'opera >= 1', - 'safari >= 1', 'samsung >= 1', - ], - vendors_implementations: 0, - pluginOptions: { enableProgressiveCustomProperties: false }, - id: 'blank-pseudo-class', - }, ], ); @@ -52,6 +36,7 @@ assert.deepStrictEqual( testLogger.getLogs(), [ 'Using features from Stage 0', + ' blank-pseudo-class has been disabled by "enableClientSidePolyfills: false".', 'Adding area[href] fallbacks for ":any-link" support in Edge and IE.', ], ); diff --git a/plugin-packs/postcss-preset-env/src/test/lib/list-features/vendor-implementations.mjs b/plugin-packs/postcss-preset-env/src/test/lib/list-features/vendor-implementations.mjs index 2091d8468..b6e1b9012 100644 --- a/plugin-packs/postcss-preset-env/src/test/lib/list-features/vendor-implementations.mjs +++ b/plugin-packs/postcss-preset-env/src/test/lib/list-features/vendor-implementations.mjs @@ -154,6 +154,7 @@ assert.deepStrictEqual( 'Using features with 2 or more vendor implementations', 'Using features from Stage 0', ' blank-pseudo-class does not meet the required vendor implementations but has been enabled by options', + ' blank-pseudo-class has been disabled by "enableClientSidePolyfills: false".', 'Adding area[href] fallbacks for ":any-link" support in Edge and IE.', ], ); diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css index 5419af1cf..adbfedb7a 100644 --- a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css @@ -77,13 +77,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -248,10 +241,6 @@ word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -261,18 +250,10 @@ background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css index 5419af1cf..adbfedb7a 100644 --- a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css @@ -77,13 +77,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -248,10 +241,6 @@ word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -261,18 +250,10 @@ background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css index 79e8545e3..abb4b2952 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css @@ -78,13 +78,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -168,10 +161,6 @@ overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -181,18 +170,10 @@ background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css index 0ecb2c36d..5b5239901 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css @@ -84,13 +84,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -167,10 +160,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -180,18 +169,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css index c7d13158d..a0cde61ac 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css @@ -160,10 +160,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -173,18 +169,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css index 1424e71ec..088df4501 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css @@ -160,10 +160,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -173,18 +169,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.expect.css b/plugin-packs/postcss-preset-env/test/basic.expect.css index 8d9eb92b8..2af60b164 100644 --- a/plugin-packs/postcss-preset-env/test/basic.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.expect.css @@ -78,13 +78,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -271,10 +264,6 @@ word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -284,18 +273,10 @@ background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css index 035dd4fbe..64477b212 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css @@ -76,13 +76,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -164,10 +157,6 @@ overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -177,18 +166,10 @@ background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css index 2a2d876c6..5f312da43 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css @@ -68,13 +68,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -152,10 +145,6 @@ overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -165,18 +154,10 @@ background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css index fcff8b756..ed5299d96 100644 --- a/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css @@ -91,13 +91,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -278,11 +271,6 @@ word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - -ms-flex-order: 26; - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { -ms-flex-order: 26; order: 26; @@ -293,18 +281,10 @@ background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css index c27bc7134..74adf7c3a 100644 --- a/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css @@ -78,13 +78,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -269,10 +262,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -282,18 +271,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css b/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css index b1f0430fb..3a512c135 100644 --- a/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css @@ -84,13 +84,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -255,10 +248,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -268,18 +257,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } 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 dd791edea..bcbe26756 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 @@ -171,13 +171,6 @@ @custom-media --dark-mode (prefers-color-scheme: dark); -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -495,14 +488,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - -webkit-box-ordinal-group: 27; - -webkit-order: 26; - -moz-box-ordinal-group: 27; - -ms-flex-order: 26; - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { -webkit-box-ordinal-group: 27; -webkit-order: 26; @@ -516,18 +501,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css b/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css index dd650d488..e4dfeb309 100644 --- a/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css @@ -137,10 +137,6 @@ overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -149,18 +145,10 @@ background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css index 40145efe7..2324ccc12 100644 --- a/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css @@ -83,13 +83,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -169,10 +162,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -182,18 +171,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css index 1923dd412..353e2732b 100644 --- a/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css @@ -75,13 +75,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -157,10 +150,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te overflow-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -170,18 +159,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css index 765bc0055..7dc1a30bd 100644 --- a/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css +++ b/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css @@ -85,13 +85,6 @@ } } -@media (color: 48842621) { - body { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body { background-color: black; @@ -276,10 +269,6 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible { - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible { order: 26; } @@ -289,18 +278,10 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo, .js-blank-pseudo .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank { background-color: yellow; } -.js-has-pseudo [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class) { background-color: yellow; } diff --git a/plugin-packs/postcss-preset-env/test/disable-client-side-polyfills.css b/plugin-packs/postcss-preset-env/test/enable-client-side-polyfills.css similarity index 100% rename from plugin-packs/postcss-preset-env/test/disable-client-side-polyfills.css rename to plugin-packs/postcss-preset-env/test/enable-client-side-polyfills.css diff --git a/plugin-packs/postcss-preset-env/test/disable-client-side-polyfills.disabled.expect.css b/plugin-packs/postcss-preset-env/test/enable-client-side-polyfills.enabled.expect.css similarity index 100% rename from plugin-packs/postcss-preset-env/test/disable-client-side-polyfills.disabled.expect.css rename to plugin-packs/postcss-preset-env/test/enable-client-side-polyfills.enabled.expect.css diff --git a/plugin-packs/postcss-preset-env/test/disable-client-side-polyfills.expect.css b/plugin-packs/postcss-preset-env/test/enable-client-side-polyfills.expect.css similarity index 100% rename from plugin-packs/postcss-preset-env/test/disable-client-side-polyfills.expect.css rename to plugin-packs/postcss-preset-env/test/enable-client-side-polyfills.expect.css 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 4f49da553..328bf2873 100644 --- a/plugin-packs/postcss-preset-env/test/layers-basic.expect.css +++ b/plugin-packs/postcss-preset-env/test/layers-basic.expect.css @@ -152,13 +152,6 @@ } } -@media (color: 48842621) { - body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: black; @@ -445,14 +438,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .test-focus-visible-pseudo-class.focus-visible { - -webkit-box-ordinal-group: 27; - -webkit-order: 26; - -moz-box-ordinal-group: 27; - -ms-flex-order: 26; - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-box-ordinal-group: 27; -webkit-order: 26; @@ -466,18 +451,10 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .js-blank-pseudo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: yellow; } -.js-has-pseudo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: yellow; } 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 66fa37454..2bbdb88d8 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 @@ -182,13 +182,6 @@ @custom-media --dark-mode (prefers-color-scheme: dark); -@media (color: 48842621) { - body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { - background-color: black; - color: white; - } -} - @media (prefers-color-scheme: dark) { body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: black; @@ -506,14 +499,6 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n word-wrap: break-word; } -.test-focus-visible-pseudo-class.focus-visible.js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .test-focus-visible-pseudo-class.focus-visible { - -webkit-box-ordinal-group: 27; - -webkit-order: 26; - -moz-box-ordinal-group: 27; - -ms-flex-order: 26; - order: 26; -} - .test-focus-visible-pseudo-class:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { -webkit-box-ordinal-group: 27; -webkit-order: 26; @@ -527,18 +512,10 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg); } -.test-blank-pseudo-class[blank].js-blank-pseudo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .js-blank-pseudo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .test-blank-pseudo-class[blank] { - background-color: yellow; -} - .test-blank-pseudo-class:blank:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: yellow; } -.js-has-pseudo:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [csstools-has-1a-38-2t-37-38-19-2w-2p-37-19-34-37-2t-39-2s-33-19-2r-30-2p-37-37-1m-2w-2p-37-14-1a-2x-32-32-2t-36-19-2r-30-2p-37-37-15]:not(.does-not-exist) { - background-color: yellow; -} - .test-has-pseudo-class:has(.inner-class):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) { background-color: yellow; }