postcss-preset-env
Advanced tools
postcss-preset-env - npm Package Compare versions
Comparing version 8.0.0-alpha.1 to 8.0.0-rc.0
| # Changes to PostCSS Preset Env | ||
| ### (8.0.0-rc.0) (January 24, 2023) | ||
| - Added: TypeScript support. | ||
| - Added `@csstools/postcss-media-queries-aspect-ratio-number-values` [Check the plugin README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-media-queries-aspect-ratio-number-values#readme) for usage details. | ||
| - Added `@csstools/postcss-logical-float-and-clear` [Check the plugin README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear#readme) for usage details. | ||
| - Added `@csstools/postcss-logical-resize` [Check the plugin README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-resize#readme) for usage details. | ||
| - Added `@csstools/postcss-logical-viewport-units` [Check the plugin README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-viewport-units#readme) for usage details. | ||
| - Added `logical` option to control all logical plugins. | ||
| - Fixed: `all-property` and `overflow-wrap-property` now follow the `preserve` plugin option | ||
| - Removed a workaround to consider `blank-pseudo-class` and `prefers-color-scheme-query` as `stage: 1` features when using default options. | ||
| - Updated `@csstools/postcss-cascade-layers` to `3.0.0` (major) | ||
| - Updated `@csstools/postcss-color-function` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-font-format-keywords` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-hwb-function` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-ic-unit` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-is-pseudo-class` to `3.0.0` (major) | ||
| - Updated `@csstools/postcss-nested-calc` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-normalize-display-values` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-oklab-function` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-scope-pseudo-class` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-stepped-value-functions` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-text-decoration-shorthand` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-trigonometric-functions` to `2.0.0` (major) | ||
| - Updated `@csstools/postcss-unset-value` to `2.0.0` (major) | ||
| - Updated `css-blank-pseudo` to `5.0.0` (major) | ||
| - Updated `css-has-pseudo` to `5.0.0` (major) | ||
| - Updated `css-prefers-color-scheme` to `8.0.0` (major) | ||
| - Updated `postcss-attribute-case-insensitive` to `6.0.0` (major) | ||
| - Updated `postcss-color-functional-notation` to `5.0.0` (major) | ||
| - Updated `postcss-color-hex-alpha` to `9.0.0` (major) | ||
| - Updated `postcss-color-rebeccapurple` to `8.0.0` (major) | ||
| - Updated `postcss-custom-media` to `9.1.0` (major) | ||
| - Updated `postcss-custom-properties` to `13.1.0` (minor) | ||
| - Updated `postcss-custom-selectors` to `7.1.0` (minor) | ||
| - Updated `postcss-dir-pseudo-class` to `7.0.0` (major) | ||
| - Updated `postcss-double-position-gradients` to `4.0.0` (major) | ||
| - Updated `postcss-focus-visible` to `8.0.0` (major) | ||
| - Updated `postcss-focus-within` to `7.0.0` (major) | ||
| - Updated `postcss-gap-properties` to `4.0.0` (major) | ||
| - Updated `postcss-image-set-function` to `5.0.0` (major) | ||
| - Updated `postcss-lab-function` to `5.0.0` (major) | ||
| - Updated `postcss-logical` to `6.0.0` (major) | ||
| - Updated `postcss-nesting` to `11.0.0` (major) | ||
| - Updated `postcss-overflow-shorthand` to `4.0.0` (major) | ||
| - Updated `postcss-place` to `8.0.0` (major) | ||
| - Updated `postcss-pseudo-class-any-link` to `8.0.0` (major) | ||
| - Updated `postcss-selector-not` to `7.0.0` (major) | ||
| ### (8.0.0-alpha.1) (November 14, 2022) | ||
@@ -4,0 +52,0 @@ |
109
package.json
| { | ||
| "name": "postcss-preset-env", | ||
| "description": "Convert modern CSS into something browsers understand", | ||
| "version": "8.0.0-alpha.1", | ||
| "author": "Jonathan Neal <jonathantneal@hotmail.com>", | ||
| "version": "8.0.0-rc.0", | ||
| "contributors": [ | ||
| { | ||
| "name": "Antonio Laguna", | ||
| "email": "antonio@laguna.es", | ||
| "url": "https://antonio.laguna.es" | ||
| }, | ||
| { | ||
| "name": "Romain Menke", | ||
| "email": "romainmenke@gmail.com" | ||
| }, | ||
| { | ||
| "name": "Jonathan Neal", | ||
| "email": "jonathantneal@hotmail.com" | ||
| } | ||
| ], | ||
| "license": "CC0-1.0", | ||
@@ -16,2 +30,3 @@ "funding": { | ||
| "module": "dist/index.mjs", | ||
| "types": "dist/index.d.ts", | ||
| "exports": { | ||
@@ -31,50 +46,54 @@ ".": { | ||
| "dependencies": { | ||
| "@csstools/postcss-cascade-layers": "^2.0.0", | ||
| "@csstools/postcss-color-function": "^1.1.1", | ||
| "@csstools/postcss-font-format-keywords": "^1.0.1", | ||
| "@csstools/postcss-hwb-function": "^1.0.2", | ||
| "@csstools/postcss-ic-unit": "^1.0.1", | ||
| "@csstools/postcss-is-pseudo-class": "^2.0.7", | ||
| "@csstools/postcss-nested-calc": "^1.0.0", | ||
| "@csstools/postcss-normalize-display-values": "^1.0.1", | ||
| "@csstools/postcss-oklab-function": "^1.1.1", | ||
| "@csstools/postcss-progressive-custom-properties": "^1.3.0", | ||
| "@csstools/postcss-scope-pseudo-class": "^1.0.0", | ||
| "@csstools/postcss-stepped-value-functions": "^1.0.1", | ||
| "@csstools/postcss-text-decoration-shorthand": "^1.0.0", | ||
| "@csstools/postcss-trigonometric-functions": "^1.0.2", | ||
| "@csstools/postcss-unset-value": "^1.0.2", | ||
| "@csstools/postcss-cascade-layers": "^3.0.0", | ||
| "@csstools/postcss-color-function": "^2.0.0", | ||
| "@csstools/postcss-font-format-keywords": "^2.0.0", | ||
| "@csstools/postcss-hwb-function": "^2.0.0", | ||
| "@csstools/postcss-ic-unit": "^2.0.0", | ||
| "@csstools/postcss-is-pseudo-class": "^3.0.0", | ||
| "@csstools/postcss-logical-float-and-clear": "^1.0.0", | ||
| "@csstools/postcss-logical-resize": "^1.0.0", | ||
| "@csstools/postcss-logical-viewport-units": "^1.0.0", | ||
| "@csstools/postcss-media-queries-aspect-ratio-number-values": "^1.0.0", | ||
| "@csstools/postcss-nested-calc": "^2.0.0", | ||
| "@csstools/postcss-normalize-display-values": "^2.0.0", | ||
| "@csstools/postcss-oklab-function": "^2.0.0", | ||
| "@csstools/postcss-progressive-custom-properties": "^2.0.0", | ||
| "@csstools/postcss-scope-pseudo-class": "^2.0.0", | ||
| "@csstools/postcss-stepped-value-functions": "^2.0.0", | ||
| "@csstools/postcss-text-decoration-shorthand": "^2.0.0", | ||
| "@csstools/postcss-trigonometric-functions": "^2.0.0", | ||
| "@csstools/postcss-unset-value": "^2.0.0", | ||
| "autoprefixer": "^10.4.13", | ||
| "browserslist": "^4.21.4", | ||
| "css-blank-pseudo": "^4.1.1", | ||
| "css-has-pseudo": "^4.0.1", | ||
| "css-prefers-color-scheme": "^7.0.1", | ||
| "cssdb": "^7.1.0", | ||
| "postcss-attribute-case-insensitive": "^5.0.2", | ||
| "css-blank-pseudo": "^5.0.0", | ||
| "css-has-pseudo": "^5.0.0", | ||
| "css-prefers-color-scheme": "^8.0.0", | ||
| "cssdb": "^7.4.0", | ||
| "postcss-attribute-case-insensitive": "^6.0.0", | ||
| "postcss-clamp": "^4.1.0", | ||
| "postcss-color-functional-notation": "^4.2.4", | ||
| "postcss-color-hex-alpha": "^8.0.4", | ||
| "postcss-color-rebeccapurple": "^7.1.1", | ||
| "postcss-custom-media": "^9.0.0", | ||
| "postcss-custom-properties": "^13.0.0", | ||
| "postcss-custom-selectors": "^7.0.0", | ||
| "postcss-dir-pseudo-class": "^6.0.5", | ||
| "postcss-double-position-gradients": "^3.1.2", | ||
| "postcss-focus-visible": "^7.1.0", | ||
| "postcss-focus-within": "^6.1.1", | ||
| "postcss-color-functional-notation": "^5.0.0", | ||
| "postcss-color-hex-alpha": "^9.0.0", | ||
| "postcss-color-rebeccapurple": "^8.0.0", | ||
| "postcss-custom-media": "^9.1.0", | ||
| "postcss-custom-properties": "^13.1.0", | ||
| "postcss-custom-selectors": "^7.1.0", | ||
| "postcss-dir-pseudo-class": "^7.0.0", | ||
| "postcss-double-position-gradients": "^4.0.0", | ||
| "postcss-focus-visible": "^8.0.0", | ||
| "postcss-focus-within": "^7.0.0", | ||
| "postcss-font-variant": "^5.0.0", | ||
| "postcss-gap-properties": "^3.0.5", | ||
| "postcss-image-set-function": "^4.0.7", | ||
| "postcss-gap-properties": "^4.0.0", | ||
| "postcss-image-set-function": "^5.0.0", | ||
| "postcss-initial": "^4.0.1", | ||
| "postcss-lab-function": "^4.2.1", | ||
| "postcss-logical": "^5.0.4", | ||
| "postcss-lab-function": "^5.0.0", | ||
| "postcss-logical": "^6.0.0", | ||
| "postcss-media-minmax": "^5.0.0", | ||
| "postcss-nesting": "^10.2.0", | ||
| "postcss-opacity-percentage": "^1.1.2", | ||
| "postcss-overflow-shorthand": "^3.0.4", | ||
| "postcss-nesting": "^11.0.0", | ||
| "postcss-opacity-percentage": "^1.1.3", | ||
| "postcss-overflow-shorthand": "^4.0.0", | ||
| "postcss-page-break": "^3.0.4", | ||
| "postcss-place": "^7.0.5", | ||
| "postcss-pseudo-class-any-link": "^7.1.6", | ||
| "postcss-place": "^8.0.0", | ||
| "postcss-pseudo-class-any-link": "^8.0.0", | ||
| "postcss-replace-overflow-wrap": "^4.0.0", | ||
| "postcss-selector-not": "^6.0.1", | ||
| "postcss-selector-not": "^7.0.0", | ||
| "postcss-value-parser": "^4.2.0" | ||
@@ -86,8 +105,8 @@ }, | ||
| "devDependencies": { | ||
| "postcss-simple-vars": "^7.0.0" | ||
| "postcss-simple-vars": "^7.0.1" | ||
| }, | ||
| "scripts": { | ||
| "prebuild": "node ./scripts/generate-plugins-data.mjs && eslint --fix ./src/plugins/*.mjs", | ||
| "prebuild": "node ./scripts/generate-plugins-data.mjs && eslint --fix ./src/plugins/*.mjs && npm run clean", | ||
| "build": "rollup -c ../../rollup/default.mjs", | ||
| "clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"", | ||
| "clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true }); fs.mkdirSync('./dist');\"", | ||
| "docs": "node ./docs/generate.mjs", | ||
@@ -94,0 +113,0 @@ "lint": "npm run lint:eslint && npm run lint:package-json", |
@@ -155,4 +155,4 @@ # PostCSS Preset Env [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS" width="90" height="90" align="right">][postcss] | ||
| | [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) | [Rollup](INSTALL.md#rollup) | | ||
| | --- | --- | --- | --- | --- | --- | --- | | ||
| | [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) | [Rollup](INSTALL.md#rollup) | | ||
| | --- | --- | --- | --- | --- | --- | | ||
@@ -222,3 +222,3 @@ ## Options | ||
| features: { | ||
| 'custom-selectors': { preserve: true } | ||
| 'custom-selectors': { preserve: true } | ||
| } | ||
@@ -339,4 +339,50 @@ }) | ||
| Note that manually enabling/disabling features via the "feature" option overrides this flag. | ||
| - Note that manually enabling/disabling features via the "feature" option overrides this flag. | ||
| - This only controls if the PostCSS plugins are enabled. It does not cause the browsers libraries to be included in your bundle. | ||
| ### logical | ||
| The `logical` option can hold an object which lets you specify direction of the inline and block axes and will affect the | ||
| following features: | ||
| - `logical-properties-and-values`: [PostCSS Logical](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical#readme) | ||
| - `float-clear-logical-values`: [PostCSS Logical Float And Clear](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical#readme) | ||
| - `logical-resize`: [PostCSS Logical Resize](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-resize#readme) | ||
| - `logical-viewport-units`: [PostCSS Logical Viewport Units](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logica-viewport-unitsl#readme) | ||
| It should have `blockDirection` and/or `inlineDirection` which can be any of the following: | ||
| - `top-to-bottom` | ||
| - `bottom-to-top` | ||
| - `left-to-right` | ||
| - `right-to-left` | ||
| ```js | ||
| postcssPresetEnv({ | ||
| logical: { // instruct all logical plugins to set inline axis to right to left | ||
| inlineDirection: 'right-to-left', | ||
| }, | ||
| }); | ||
| ``` | ||
| ```pcss | ||
| .element { | ||
| float: inline-start; | ||
| padding-inline-end: 10px; | ||
| } | ||
| ``` | ||
| Becomes : | ||
| ``` | ||
| .element { | ||
| float: right; | ||
| padding-left: 10px; | ||
| } | ||
| ``` | ||
| You can't mix two vertical directions or two horizontal directions so for example `top-to-bottom` and `right-to-left` are valid, but `top-to-bottom` and `bottom-to-top` are not. | ||
| You might want to tweak these values if you are using a different writing system, such as Arabic, Hebrew or Chinese for example. | ||
| ## Stability and Portability | ||
@@ -375,4 +421,2 @@ | ||
| * `custom-media-queries`: [Plugin](https://github.com/postcss/postcss-custom-media) | ||
| * `has-pseudo-class`: [Plugin](https://github.com/csstools/postcss-plugins/blob/main/plugins/css-has-pseudo) / [Polyfill](https://github.com/csstools/postcss-plugins/blob/main/plugins/css-has-pseudo/README-BROWSER.md) | ||
| * `image-set-function`: [Plugin](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-image-set-function) | ||
| * `media-query-ranges`: [Plugin](https://github.com/postcss/postcss-media-minmax) | ||
@@ -379,0 +423,0 @@ * `nesting-rules`: [Plugin](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting) |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by25.04%
116408
- Number of package files
- increased by183.33%
17
- Lines of code
- increased by215.91%
417
- Number of lines in readme file
- increased by11.14%
439
Worsened metrics
- Dependency count
- increased by8%
54
- Number of medium supply chain risk alerts
- increased byInfinity%
1
Dependency changes
+ Added@csstools/postcss-media-queries-aspect-ratio-number-values@^1.0.0
+ Added@csstools/color-helpers@2.1.04.2.1(transitive)
+ Added@csstools/css-calc@1.2.4(transitive)
+ Added@csstools/css-color-parser@1.6.3(transitive)
+ Added@csstools/postcss-cascade-layers@3.0.1(transitive)
+ Added@csstools/postcss-color-function@2.2.3(transitive)
+ Added@csstools/postcss-font-format-keywords@2.0.2(transitive)
+ Added@csstools/postcss-hwb-function@2.2.2(transitive)
+ Added@csstools/postcss-ic-unit@2.0.4(transitive)
+ Added@csstools/postcss-is-pseudo-class@3.2.1(transitive)
+ Added@csstools/postcss-logical-float-and-clear@1.0.1(transitive)
+ Added@csstools/postcss-logical-resize@1.0.1(transitive)
+ Added@csstools/postcss-logical-viewport-units@1.0.3(transitive)
+ Added@csstools/postcss-media-queries-aspect-ratio-number-values@1.0.4(transitive)
+ Added@csstools/postcss-nested-calc@2.0.2(transitive)
+ Added@csstools/postcss-normalize-display-values@2.0.1(transitive)
+ Added@csstools/postcss-oklab-function@2.2.3(transitive)
+ Added@csstools/postcss-progressive-custom-properties@2.3.0(transitive)
+ Added@csstools/postcss-scope-pseudo-class@2.0.2(transitive)
+ Added@csstools/postcss-stepped-value-functions@2.1.1(transitive)
+ Added@csstools/postcss-text-decoration-shorthand@2.2.4(transitive)
+ Added@csstools/postcss-trigonometric-functions@2.1.1(transitive)
+ Added@csstools/postcss-unset-value@2.0.1(transitive)
+ Addedcss-blank-pseudo@5.0.2(transitive)
+ Addedcss-has-pseudo@5.0.2(transitive)
+ Addedcss-prefers-color-scheme@8.0.2(transitive)
+ Addedpostcss-attribute-case-insensitive@6.0.3(transitive)
+ Addedpostcss-color-functional-notation@5.1.0(transitive)
+ Addedpostcss-color-hex-alpha@9.0.4(transitive)
+ Addedpostcss-color-rebeccapurple@8.0.2(transitive)
+ Addedpostcss-dir-pseudo-class@7.0.2(transitive)
+ Addedpostcss-double-position-gradients@4.0.4(transitive)
+ Addedpostcss-focus-visible@8.0.2(transitive)
+ Addedpostcss-focus-within@7.0.2(transitive)
+ Addedpostcss-gap-properties@4.0.1(transitive)
+ Addedpostcss-image-set-function@5.0.2(transitive)
+ Addedpostcss-lab-function@5.2.3(transitive)
+ Addedpostcss-logical@6.2.0(transitive)
+ Addedpostcss-nesting@11.3.0(transitive)
+ Addedpostcss-overflow-shorthand@4.0.1(transitive)
+ Addedpostcss-place@8.0.1(transitive)
+ Addedpostcss-pseudo-class-any-link@8.0.2(transitive)
+ Addedpostcss-selector-not@7.0.2(transitive)
- Removed@csstools/postcss-cascade-layers@2.0.0(transitive)
- Removed@csstools/postcss-color-function@1.1.1(transitive)
- Removed@csstools/postcss-font-format-keywords@1.0.1(transitive)
- Removed@csstools/postcss-hwb-function@1.0.2(transitive)
- Removed@csstools/postcss-ic-unit@1.0.1(transitive)
- Removed@csstools/postcss-is-pseudo-class@2.0.7(transitive)
- Removed@csstools/postcss-nested-calc@1.0.0(transitive)
- Removed@csstools/postcss-normalize-display-values@1.0.1(transitive)
- Removed@csstools/postcss-oklab-function@1.1.1(transitive)
- Removed@csstools/postcss-progressive-custom-properties@1.3.0(transitive)
- Removed@csstools/postcss-scope-pseudo-class@1.0.0(transitive)
- Removed@csstools/postcss-stepped-value-functions@1.0.1(transitive)
- Removed@csstools/postcss-text-decoration-shorthand@1.0.0(transitive)
- Removed@csstools/postcss-trigonometric-functions@1.0.2(transitive)
- Removed@csstools/postcss-unset-value@1.0.2(transitive)
- Removedcss-blank-pseudo@4.1.1(transitive)
- Removedcss-has-pseudo@4.0.2(transitive)
- Removedcss-prefers-color-scheme@7.0.1(transitive)
- Removedpostcss-attribute-case-insensitive@5.0.2(transitive)
- Removedpostcss-color-functional-notation@4.2.4(transitive)
- Removedpostcss-color-hex-alpha@8.0.4(transitive)
- Removedpostcss-color-rebeccapurple@7.1.1(transitive)
- Removedpostcss-dir-pseudo-class@6.0.5(transitive)
- Removedpostcss-double-position-gradients@3.1.2(transitive)
- Removedpostcss-focus-visible@7.1.0(transitive)
- Removedpostcss-focus-within@6.1.1(transitive)
- Removedpostcss-gap-properties@3.0.5(transitive)
- Removedpostcss-image-set-function@4.0.7(transitive)
- Removedpostcss-lab-function@4.2.1(transitive)
- Removedpostcss-logical@5.0.4(transitive)
- Removedpostcss-nesting@10.2.0(transitive)
- Removedpostcss-overflow-shorthand@3.0.4(transitive)
- Removedpostcss-place@7.0.5(transitive)
- Removedpostcss-pseudo-class-any-link@7.1.6(transitive)
- Removedpostcss-selector-not@6.0.1(transitive)
Updated@csstools/postcss-progressive-custom-properties@^2.0.0
Updatedcss-blank-pseudo@^5.0.0
Updatedcss-has-pseudo@^5.0.0
Updatedcssdb@^7.4.0
Updatedpostcss-custom-media@^9.1.0
Updatedpostcss-focus-visible@^8.0.0
Updatedpostcss-focus-within@^7.0.0
Updatedpostcss-lab-function@^5.0.0
Updatedpostcss-logical@^6.0.0
Updatedpostcss-nesting@^11.0.0
Updatedpostcss-place@^8.0.0
Updatedpostcss-selector-not@^7.0.0