collect plugins data

Author: github-actions[bot]

npm-data/links.json

@@ -140,5 +140,5 @@
 	"license": "MIT",
 	"readme": "\n**Fork Info**: ensures spaces before and after `*` and `/` operators, which normally wouldn't happen\n\n\n# PostCSS Calc [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n[![NPM Version][npm-img]][npm-url]\n[![Build Status][cli-img]][cli-url]\n[![Support Chat][git-img]][git-url]\n\n[PostCSS Calc] lets you reduce `calc()` references whenever it's possible. This\ncan be particularly useful with the [PostCSS Custom Properties] plugin.\n\nWhen multiple units are mixed together in the same expression, the `calc()`\nstatement is left as is, to fallback to the [W3C calc() implementation].\n\n## Installation\n\n```bash\nnpm install postcss-calc\n```\n\n## Usage\n\n```js\n// dependencies\nvar fs = require(\"fs\")\nvar postcss = require(\"postcss\")\nvar calc = require(\"postcss-calc\")\n\n// css to be processed\nvar css = fs.readFileSync(\"input.css\", \"utf8\")\n\n// process css\nvar output = postcss()\n  .use(calc())\n  .process(css)\n  .css\n```\n\n**Example** (with [PostCSS Custom Properties] enabled as well):\n\n```js\n// dependencies\nvar fs = require(\"fs\")\nvar postcss = require(\"postcss\")\nvar customProperties = require(\"postcss-custom-properties\")\nvar calc = require(\"postcss-calc\")\n\n// css to be processed\nvar css = fs.readFileSync(\"input.css\", \"utf8\")\n\n// process css\nvar output = postcss()\n  .use(customProperties())\n  .use(calc())\n  .process(css)\n  .css\n```\n\nUsing this `input.css`:\n\n```css\n:root {\n  --main-font-size: 16px;\n}\n\nbody {\n  font-size: var(--main-font-size);\n}\n\nh1 {\n  font-size: calc(var(--main-font-size) * 2);\n  height: calc(100px - 2em);\n  margin-bottom: calc(\n      var(--main-font-size)\n      * 1.5\n    )\n}\n```\n\nyou will get:\n\n```css\nbody {\n  font-size: 16px\n}\n\nh1 {\n  font-size: 32px;\n  height: calc(100px - 2em);\n  margin-bottom: 24px\n}\n```\n\nCheckout [tests] for more examples.\n\n### Options\n\n#### `precision` (default: `5`)\n\nAllow you to define the precision for decimal numbers.\n\n```js\nvar out = postcss()\n  .use(calc({precision: 10}))\n  .process(css)\n  .css\n```\n\n#### `preserve` (default: `false`)\n\nAllow you to preserve calc() usage in output so browsers will handle decimal\nprecision themselves.\n\n```js\nvar out = postcss()\n  .use(calc({preserve: true}))\n  .process(css)\n  .css\n```\n\n#### `warnWhenCannotResolve` (default: `false`)\n\nAdds warnings when calc() are not reduced to a single value.\n\n```js\nvar out = postcss()\n  .use(calc({warnWhenCannotResolve: true}))\n  .process(css)\n  .css\n```\n\n#### `mediaQueries` (default: `false`)\n\nAllows calc() usage as part of media query declarations.\n\n```js\nvar out = postcss()\n  .use(calc({mediaQueries: true}))\n  .process(css)\n  .css\n```\n\n#### `selectors` (default: `false`)\n\nAllows calc() usage as part of selectors.\n\n```js\nvar out = postcss()\n  .use(calc({selectors: true}))\n  .process(css)\n  .css\n```\n\nExample:\n\n```css\ndiv[data-size=\"calc(3*3)\"] {\n  width: 100px;\n}\n```\n\n---\n\n## Contributing\n\nWork on a branch, install dev-dependencies, respect coding style & run tests\nbefore submitting a bug fix or a feature.\n\n```bash\ngit clone [email protected]:postcss/postcss-calc.git\ngit checkout -b patch-1\nnpm install\nnpm test\n```\n\n## [Changelog](CHANGELOG.md)\n\n## [License](LICENSE)\n\n[cli-img]: https://img.shields.io/travis/postcss/postcss-calc/master.svg\n[cli-url]: https://travis-ci.org/postcss/postcss-calc\n[git-img]: https://img.shields.io/badge/support-chat-blue.svg\n[git-url]: https://gitter.im/postcss/postcss\n[npm-img]: https://img.shields.io/npm/v/postcss-calc.svg\n[npm-url]: https://www.npmjs.com/package/postcss-calc\n\n[PostCSS]: https://github.com/postcss\n[PostCSS Calc]: https://github.com/postcss/postcss-calc\n[PostCSS Custom Properties]: https://github.com/postcss/postcss-custom-properties\n[tests]: src/__tests__/index.js\n[W3C calc() implementation]: https://www.w3.org/TR/css3-values/#calc-notation\n",
 	"readmeFilename": "README.md",
-	"_downloads": 25
+	"_downloads": 23
 }

npm-data/maintained-plugins.json

@@ -186,5 +186,5 @@
 	"license": "MIT",
 	"readme": "# Bike plugin [![npm version][npm-image]][npm-url] [![Deps][deps-image]][deps-url]\n\n<img align=\"right\" width=\"135\" height=\"95\"\n     title=\"Philosopher’s stone, logo of PostCSS\"\n     src=\"http://postcss.github.io/postcss/logo-leftp.svg\">\n\n> This [PostCSS] plugin for implements transformation of custom At-rules to BEM-like rules\n\n[PostCSS]: https://github.com/postcss/postcss\n[posthtml-bike]: https://github.com/Satanpit/posthtml-bike\n\n## Install\n\n```\nnpm install -S @bikejs/postcss-bem\n```\n\n## Usage\n\n```javascript\nconst { readFileSync } = require('fs');\nconst postcss = require('postcss');\nconst bike = require('postcss-bike');\n\nconst css = readFileSync('input.css');\n\npostcss([bike()]).process(css).then((res) => console.log(output.css));\n```\n\n## Example\n\n### Default\n\n```css\n@component example {\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: space-between;\n  background-color: #f5f5f5;\n  color: #333;\n\n  @mod theme[dark] {\n    background-color: #333;\n    color: #f5f5f5;\n\n    @elem header, footer {\n      background-color: #1b1b1b;\n      color: #fff;\n    }\n  }\n\n  @elem header {\n    flex: 0 0 50px;\n    background-color: #fff;\n    color: #000;\n  }\n\n  @elem main {\n    flex: 1 1 auto;\n\n    @mod hidden {\n      display: none;\n    }\n  }\n\n  @elem footer {\n    flex: 0 0 50px;\n    background-color: #fff;\n    color: #000;\n  }\n}\n```\n\nTransformed to:\n\n```css\n.example {\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: space-between;\n  background-color: #f5f5f5;\n  color: #333;\n}\n.example_theme_dark {\n  background-color: #333;\n  color: #f5f5f5;\n}\n.example_theme_dark .example__header,\n.example_theme_dark .example__footer {\n  background-color: #1b1b1b;\n  color: #fff;\n}\n.example__header {\n  flex: 0 0 50px;\n  background-color: #fff;\n  color: #000;\n}\n.example__main {\n  flex: 1 1 auto;\n}\n.example__main_hidden {\n  display: none;\n}\n.example__footer {\n  flex: 0 0 50px;\n  background-color: #fff;\n  color: #000;\n}\n```\n\n## Options\n\n### `component`\n\ntype: `String`  \ndefault: `{component: 'component'}`\n\nAllows to set custom name for component `@rule`.\n\n### `element`\n\ntype: `String`  \ndefault: `{element: 'elem'}`\n\nAllows to set custom name for element `@rule`.\n\n### `modifier`\n\ntype: `String`  \ndefault: `{modifier: 'mod'}`\n\nAllows to set custom name for modifier `@rule`.\n\n### `modifierRegExp`\n\ntype: `RegExp`  \ndefault: `{modifierRegExp: /(\\w+)\\[(\\w+)\\]/}`\n\nAllows to set custom regular expressions for modifier params. Where `$1` is Modifier Name and `$2` is Modifier Value. For \nchanging Modifier Value Separator, change default separator `\\[$2\\]`, which goes before and after `$2` (only this `[ ]` symbols).\n\n\n### License [MIT](LICENSE)\n\n[travis-url]: https://travis-ci.org/Bike-JS/postcss-bike\n[travis-image]: http://img.shields.io/travis/Bike-JS/postcss-bike.svg?style=flat-square\n\n[npm-url]: https://www.npmjs.org/package/postcss-bike\n[npm-image]: http://img.shields.io/npm/v/postcss-bike.svg?style=flat-square\n\n[deps-url]: https://david-dm.org/artem-tolstykh/postcss-bike\n[deps-image]: https://david-dm.org/artem-tolstykh/postcss-bike.svg?style=flat-square\n",
 	"readmeFilename": "README.md",
-	"_downloads": 16
+	"_downloads": 17
 }

npm-data/maybe-plugins.json

@@ -779,5 +779,5 @@
 	],
 	"readme": "# @cherrywind/postcss\r\n\r\nA collection of PostCSS plugins for modern CSS development.\r\n\r\n## Installation\r\n\r\n```bash\r\n# npm\r\nnpm install @cherrywind/postcss --save-dev\r\n\r\n# yarn\r\nyarn add @cherrywind/postcss --dev\r\n\r\n# pnpm\r\npnpm add @cherrywind/postcss --save-dev\r\n```\r\n\r\n## Plugins\r\n\r\n### `postcss-px-to-local-var`\r\n\r\nA PostCSS plugin that converts `px` units to a value calculated with a CSS variable. This allows you to create scoped components where the scale can be controlled by simply changing the CSS variable's value on the root element.\r\n\r\n**Example:**\r\n\r\n**Input:**\r\n\r\n```css\r\n.foo {\r\n  font-size: 16px;\r\n  border: 1px solid black;\r\n  margin-bottom: 10px;\r\n}\r\n```\r\n\r\n**Output (with default options):**\r\n\r\n```css\r\n.foo {\r\n  font-size: calc(var(--local-scope-rem, 1rem) * 1);\r\n  border: calc(var(--local-scope-rem, 1rem) * 0.0625) solid black;\r\n  margin-bottom: calc(var(--local-scope-rem, 1rem) * 0.625);\r\n}\r\n```\r\n\r\nBy changing the `--local-scope-rem` variable on a parent element, you can scale all the child elements.\r\n\r\n```html\r\n<div style=\"--local-scope-rem: 1.2rem;\">\r\n  <div class=\"foo\">...</div>\r\n</div>\r\n```\r\n\r\n**Usage**\r\n\r\nInstall the plugin and add it to your PostCSS configuration:\r\n\r\n```javascript\r\n// postcss.config.js\r\nconst { postcssPxToLocalVar } = require('@cherrywind/postcss');\r\n\r\nmodule.exports = {\r\n  plugins: [\r\n    postcssPxToLocalVar({\r\n      // Your options here\r\n    }),\r\n  ],\r\n};\r\n```\r\n\r\n**Options**\r\n\r\n| Option              | Type                  | Default                 | Description                                                                          |\r\n| ------------------- | --------------------- | ----------------------- | ------------------------------------------------------------------------------------ |\r\n| `rootValue`         | `number`              | `16`                    | The root element font size.                                                          |\r\n| `unitPrecision`     | `number`              | `5`                     | The number of decimal places for the calculated value.                               |\r\n| `selectorBlackList` | `(string | RegExp)[]` | `[]`                    | An array of selectors to ignore.                                                     |\r\n| `propList`          | `string[]`            | `['*']`                 | The list of properties to convert.                                                   |\r\n| `replace`           | `boolean`             | `true`                  | Whether to replace the original `px` declaration or add a fallback.                  |\r\n| `mediaQuery`        | `boolean`             | `false`                 | Whether to convert `px` in media queries.                                            |\r\n| `minPixelValue`     | `number`              | `0`                     | The minimum pixel value to replace.                                                  |\r\n| `exclude`           | `RegExp \\| Function`  | `null`                  | A regex or function to exclude files from processing.                                |\r\n| `varName`           | `string`              | `'--local-scope-rem'`   | The name of the CSS custom property.                                                 |\r\n\r\n### `postcss-rem-to-local-var`\r\n\r\n> [!WARNING]\r\n> **Deprecated**\r\n>\r\n> Please use [`postcss-px-to-local-var`](#postcss-px-to-local-var) instead.\r\n\r\nThis plugin converts `rem` units to `calc(var(...) * value)`. It is succeeded by `postcss-px-to-local-var` which offers more features and flexibility.\r\n",
 	"readmeFilename": "README.md",
-	"_downloads": 247
+	"_downloads": 356
 }

npm-data/plugins.json

@@ -3830,5 +3830,5 @@
 	],
 	"readme": "# PostCSS Bundler [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-bundler --save-dev`\n\n[PostCSS Bundler] bundles your CSS.\n\nThis plugin pack contains :\n- a bundler based on standard CSS `@import` statements.\n- [a rebaser that rewrites URLs in your CSS.](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-rebase-url)\n\n`examples/example.css` :\n```css\n@import url(\"imports/basic.css\");\n@import url(\"node_modules:open-props/red\");\n```\n\n`examples/imports/basic.css`:\n```css\n.foo {\n\tbackground: url('../../images/green.png');\n}\n```\n\nwhen bundled :\n```css\n/* imports/basic.css */\n.foo {\n\tbackground: url(\"../images/green.png\");\n}\n/* node_modules:open-props/red */\n:where(html){--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a}\n```\n\n## Usage\n\nAdd [PostCSS Bundler] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-bundler --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssBundler = require('@csstools/postcss-bundler');\n\npostcss([\n\tpostcssBundler(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## `postcss-import`\n\n[`postcss-import`](https://github.com/postcss/postcss-import) is also a CSS bundler and parts of [PostCSS Bundler] are based on it.  \nWhile creating this plugin we also submitted patches to [`postcss-import`](https://github.com/postcss/postcss-import) where possible.  \n\n[PostCSS Bundler] is tuned differently and lacks configuration options that are present in [`postcss-import`](https://github.com/postcss/postcss-import).\n\n[PostCSS Bundler] is intended to just work and to be a drop-in replacement for native CSS `@import` statements.\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-bundler\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Bundler]: https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-bundler\n",
 	"readmeFilename": "README.md",
-	"_downloads": 4406
+	"_downloads": 4927
 }

npm-data/plugins/@aleen42/postcss-rtlcss.json

@@ -5274,5 +5274,5 @@
 	],
 	"readme": "# PostCSS Color Function [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-color-function --save-dev`\n\n[PostCSS Color Function] lets you use the `color` function in\nCSS, following the [CSS Color] specification.\n\n```css\n.color {\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(179, 35, 35);\n}\n\n:root {\n\t--a-color: rgb(164, 49, 43);\n}\n```\n\n## Usage\n\nAdd [PostCSS Color Function] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-color-function --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssColorFunction = require('@csstools/postcss-color-function');\n\npostcss([\n\tpostcssColorFunction(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### preserve\n\nThe `preserve` option determines whether the original notation\nis preserved. By default, it is not preserved.\n\n```js\npostcssColorFunction({ preserve: true })\n```\n\n```css\n.color {\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(179, 35, 35);\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: rgb(164, 49, 43);\n}\n\n@supports (color: color(display-p3 0 0 0%)) {\n:root {\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n}\n```\n\n### enableProgressiveCustomProperties\n\nThe `enableProgressiveCustomProperties` option determines whether the original notation\nis wrapped with `@supports` when used in Custom Properties. By default, it is enabled.\n\n> [!NOTE]\n> We only recommend disabling this when you set `preserve` to `false` or if you bring your own fix for Custom Properties.  \n> See what the plugin does in its [README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties#readme).\n\n```js\npostcssColorFunction({ enableProgressiveCustomProperties: false })\n```\n\n```css\n.color {\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(179, 35, 35);\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: rgb(164, 49, 43);\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n```\n\n_Custom properties do not fallback to the previous declaration_\n\n## Supported Color Spaces\n\n```css\n.color-spaces {\n\tcolor: color(a98-rgb 0.803 0.484 0.944);\n\tcolor: color(display-p3 0.8434 0.509 0.934);\n\tcolor: color(prophoto-rgb 0.759 0.493 0.898);\n\tcolor: color(rec2020 0.772 0.491 0.920);\n\tcolor: color(srgb 0.897 0.488 0.959);\n\tcolor: color(srgb-linear 0.783 0.203 0.910);\n\tcolor: color(xyz 0.560 0.377 0.904);\n\tcolor: color(xyz-d50 0.550 0.375 0.680);\n\tcolor: color(xyz-d65 0.560 0.377 0.904);\n}\n```\n\n## Copyright : color conversions\n\nThis software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/tree/main/css-color-4. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#color-function\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-color-function\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Color Function]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function\n[CSS Color]: https://www.w3.org/TR/css-color-4/#funcdef-color\n",
 	"readmeFilename": "README.md",
-	"_downloads": 21528632
+	"_downloads": 21221329
 }