postcss-prefixwrap - npm Package Compare versions

Comparing version 1.30.2 to 1.31.0

CHANGELOG.md

		@@ -7,2 +7,12 @@ # [PostCSS Prefix Wrap](./README.md) // Changelog

		## [1.31.0](https://github.com/dbtedman/postcss-prefixwrap/releases/tag/1.31.0)

		### 💡 Features and Improvements

		- Updated `README.md` documentation

		### 🔧 Maintenance

		- Dependency Updates

		## [1.30.1](https://github.com/dbtedman/postcss-prefixwrap/releases/tag/1.30.1)
		@@ -9,0 +19,0 @@

package.json

		{
		"name": "postcss-prefixwrap",
		"version": "1.30.2",
		"version": "1.31.0",
		"description": "A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.",
		@@ -30,24 +30,25 @@ "keywords": [
		"devDependencies": {
		"@babel/core": "7.18.2",
		"@types/jest": "28.1.0",
		"@types/node": "17.0.39",
		"@typescript-eslint/eslint-plugin": "5.27.0",
		"@typescript-eslint/parser": "5.27.0",
		"eslint": "8.17.0",
		"@babel/core": "7.18.6",
		"@types/jest": "28.1.4",
		"@types/node": "18.0.0",
		"@typescript-eslint/eslint-plugin": "5.30.3",
		"@typescript-eslint/parser": "5.30.3",
		"eslint": "8.19.0",
		"eslint-config-prettier": "8.5.0",
		"eslint-plugin-import": "2.26.0",
		"eslint-plugin-jest": "26.4.6",
		"eslint-plugin-jest": "26.5.3",
		"eslint-plugin-promise": "6.0.0",
		"eslint-plugin-security-node": "1.1.1",
		"jest": "28.1.0",
		"jest": "28.1.2",
		"less": "4.1.3",
		"postcss": "8.4.14",
		"postcss-nested": "5.0.6",
		"postcss7": "npm:postcss@7.0.34",
		"prettier": "2.6.2",
		"prettier": "2.7.1",
		"sort-package-json": "1.57.0",
		"source-map": "0.7.3",
		"source-map": "0.7.4",
		"source-map-js": "1.0.2",
		"ts-jest": "28.0.4",
		"ts-node": "10.8.1",
		"typescript": "4.7.3"
		"ts-jest": "28.0.5",
		"ts-node": "10.8.2",
		"typescript": "4.7.4"
		},
		@@ -54,0 +55,0 @@ "peerDependencies": {

README.md

		@@ -7,2 +7,4 @@ # [PostCSS Prefix Wrap](https://danieltedman.com/my-work/postcss-prefixwrap)
		[![NPM Downloads Per Week](https://img.shields.io/npm/dw/postcss-prefixwrap?color=blue&logo=npm&style=for-the-badge)](https://www.npmjs.com/package/postcss-prefixwrap)
		![language: typescript](https://img.shields.io/badge/language-typescript-blue.svg?style=for-the-badge)
		[![MIT License](https://img.shields.io/github/license/dbtedman/postcss-prefixwrap?color=orange&style=for-the-badge)](https://github.com/dbtedman/postcss-prefixwrap/blob/main/LICENSE.md)

		@@ -19,2 +21,3 @@ A [PostCSS](https://postcss.org) plugin which prepends a selector to CSS styles to constrain their effect on parent
		- [What options does it have?](#what-options-does-it-have)
		- [What problems can it solve?](#what-problems-can-it-solve)
		- [How to contribute?](#how-to-contribute)
		@@ -184,2 +187,18 @@ - [Is this project secure?](#is-this-project-secure)

		## What problems can it solve?

		> 💡 Hi there! If you have a problem that you have used this plugin for, I would like to hear so I can list it here to share with the community.

		### Embedding content within an existing site

		You may be asked to develop a piece of interactivity that needs to live within a content management system that you do not control. You may find that your styles are impacted by the CSS already on the site, or that your newly included CSS now impacts the rest of the page it is embedded in.

		PostCSS Prefix Wrap solves this problem by prefixing your CSS selectors so that they only apply to HTML contained within a parent containing element. Your styles will now take precedence over those of the parent page.

		On the flip side, your styles wont negatively impact the site your content is hosted on as its scoped to that parent container.

		This is in fact the origin story for this plugin, for developing interactive content to live within the Blackboard LMS.

		> 🤔 You might wonder why its necessary to use this plugin when you could just prefix your styles yourself. Yes, this is correct, but does not apply to any 3rd party code you include such as a CSS framework like Bootstrap.

		## How to contribute?
		@@ -186,0 +205,0 @@

SECURITY.md

		@@ -13,3 +13,3 @@ # [PostCSS Prefix Wrap](./README.md) // Security

		[![Known Vulnerabilities](https://snyk.io/test/github/dbtedman/postcss-prefixwrap/badge.svg)](https://snyk.io/test/github/dbtedman/postcss-prefixwrap)
		[![SAST GitHub Pipeline](https://img.shields.io/github/workflow/status/dbtedman/postcss-prefixwrap/sast?style=for-the-badge&logo=github&label=sast)](https://github.com/dbtedman/postcss-prefixwrap/actions/workflows/sast.yml)

		@@ -16,0 +16,0 @@ Provided by [Snyk](https://snyk.io/test/github/dbtedman/postcss-prefixwrap) for validating package dependencies and [Dependabot](https://dependabot.com) for automated package updates.

postcss-prefixwrap - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics