collect plugins data

Author: github-actions[bot]

docs/index.html

@@ -462,5 +462,5 @@
 		"convert rem",
 		"pxTorem"
 	],
-	"_downloads": 38
+	"_downloads": 44
 }

npm-data/links.json

@@ -154,5 +154,5 @@
 	"license": "MIT",
 	"readme": "# PostCSS Typography [![Build Status][ci-img]][ci]\r\n\r\n[PostCSS] plugin to support responsive typography shorthands..\r\n\r\n[PostCSS]: https://github.com/postcss/postcss\r\nInput:\r\n\r\n```css\r\n@custom-media --mobile-m (min-width: 420px);\r\n@custom-media --mobile-l (min-width: 600px);\r\n@custom-media --tablet (min-width: 768px);\r\n@custom-media --tablet-l (min-width: 1024px);\r\n@custom-media --desktop (min-width: 1280px);\r\n@custom-media --desktop-l (min-width: 1440px);\r\n\r\n.foo {\r\n  /*\r\n   * You can omit media query parameter.\r\n   *\r\n   * Line-height pixel values will be converted into unit-less ratio\r\n   * relative to font-size.\r\n   *\r\n   * Letter-spacing pixel values will be converted into `em`.\r\n   *\r\n   * If you specify a rootSize option in pixel unit, font-size will\r\n   * be converted into `rem`.\r\n   */\r\n  @type 10px 15px 1px;\r\n\r\n  /* You can omit font-size or line-height by using `/`. */\r\n  @type --mobile-m 12px / 0;\r\n\r\n  /*\r\n   * When you omit font-size, it is on you to provide your preferred unit\r\n   * for line-height and letter-spacing.\r\n   */\r\n  @type --desktop / 1.875 0.01em;\r\n}\r\n```\r\n\r\nOutput:\r\n\r\n```css\r\n\r\n@custom-media --mobile-m (min-width: 420px);\r\n@custom-media --mobile-l (min-width: 600px);\r\n@custom-media --tablet (min-width: 768px);\r\n@custom-media --tablet-l (min-width: 1024px);\r\n@custom-media --desktop (min-width: 1280px);\r\n@custom-media --desktop-l (min-width: 1440px);\r\n\r\n.foo {\r\n  /* `@type 10px 15px 1px;` */\r\n  font-size: 10px 1.5 0.1em;\r\n\r\n  /* or in case `@type 10px 15px 1px;` with rootSize: 16px */\r\n  font-size: 0.615rem 1.5 0.1em;\r\n\r\n  /* `@type --mobile-m 12px / 0;` */\r\n  @media (--mobile-m) {\r\n    font-size: 12px;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  /* @type --desktop / 1.875 0.01em; */\r\n  @media (--desktop) {\r\n    line-height: 1.875;\r\n    letter-spacing: 0.01em;\r\n  }\r\n}\r\n```\r\n\r\n## Usage\r\n\r\nBecause this plugin relies on [custom media queries](http://cssnext.io/features/#custom-media-queries), you are recommended to run it before `postcss-cssnext` or `postcss-custom-media`\r\n\r\n```js\r\npostcss([ require('postcss-type')({rootSize: '16px'}), require('postcss-custom-media') ])\r\n```\r\n\r\nSee [PostCSS] docs for examples for your environment.\r\n",
 	"readmeFilename": "README.md",
-	"_downloads": 8
+	"_downloads": 11
 }

npm-data/maintained-plugins.json

@@ -502,5 +502,5 @@
 	"license": "MIT",
 	"readme": "# postcss-global-scope\n\nPostCSS plugin that supports global scoping in nested rules.\n\n## Install\n\n```bash\nnpm i -D postcss @cookie_gg/postcss-global-scope\n# or\nyarn add -D postcss @cookie_gg/postcss-global-scope\n```\n\n## Usage\n\nYou have to use this plugin with [postcss-nested](https://github.com/postcss/postcss-nested) and set it after postcss-global-scope.\n\n```js:postcss.config.js\nmodule.exports = {\n  ...\n  plugins: [\n    // other plugins...\n    ['@cookie_gg/postcss-global-scope', {\n        skip: \"-\",\n        classes: [\"dark\", \"light\"]\n      }\n    ]\n  ]\n  ...\n}\n```\n\n```css:style.css\n/* before */\nmain {\n  h1 {\n    :global(.dark) & {\n      color: blue;\n    }\n  }\n}\n\n/* after */\n[class=\"dark\"] main h1 {\n  color: blue;\n}\n```\n\n## Options\n\n**skip: `String`**\n\n> default: '-'\n\nDefine the skip syntax used to ignore portions of the shorthand.\n\n**classes: `Array<String>`**\n\n> default: 'undefined'\n\nYou can use global scope on short type libe below.\n\n```css:style.css\n/* before */\nmain {\n  h1 {\n    color: white ^ black;\n  }\n}\n\n/* after */\n[class*=\"dark\"] main h1 {\n  color: dark;\n}\n[class*=\"light\"] main h1 {\n  color: white;\n}\n```\n\n**cssModule: `Boolean`**\n\n> default: 'false'\n\nIf you use this plugin with css module, you don't need to use the function to parse `:global(class)`.\n\n**strictScope: `Boolean`**\n\n> default: 'false'\n\nIf you set this option to true, global seclector will be strict like below.\n\n```css:style.css\n/* before */\nmain {\n  h1 {\n    color: white ^ black;\n  }\n}\n\n/* after */\n[class=\"dark\"] main h1 {\n  color: dark;\n}\n[class=\"light\"] main h1 {\n  color: white;\n}\n```\n",
 	"readmeFilename": "README.md",
-	"_downloads": 45
+	"_downloads": 29
 }

npm-data/maybe-plugins.json

@@ -2769,5 +2769,5 @@
 	],
 	"readme": "# PostCSS Cascade Layers [<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-cascade-layers --save-dev`\n\n[PostCSS Cascade Layers] lets you use `@layer` following the [Cascade Layers Specification]. For more information on layers, checkout [A Complete Guide to CSS Cascade Layers] by Miriam Suzanne.\n\n```pcss\n\ntarget {\n\tcolor: purple;\n}\n\n@layer {\n\ttarget {\n\t\tcolor: green;\n\t}\n}\n\n\n/* becomes */\n\n\ntarget:not(#\\#) {\n\tcolor: purple;\n}\n\ntarget {\n\t\tcolor: green;\n\t}\n\n```\n\n## How it works\n\n[PostCSS Cascade Layers] creates \"layers\" of specificity.\n\nIt applies extra specificity on all your styles based on :\n- the most specific selector found\n- the order in which layers are defined\n\n```css\n@layer A, B;\n\n@layer B {\n\t.a-less-specific-selector {\n\t\t/* styles */\n\t}\n}\n\n@layer A {\n\t#something #very-specific {\n\t\t/* styles */\n\t}\n}\n\n@layer C {\n\t.a-less-specific-selector {\n\t\t/* styles */\n\t}\n}\n```\n\nmost specific selector :\n- `#something #very-specific`\n- `[2, 0, 0]`\n- `2 + 1` -> `3` to ensure there is no overlap\n\nthe order in which layers are defined :\n- `A`\n- `B`\n- `C`\n\n| layer | previous adjustment | specificity adjustment | selector |\n| ------ | ------ | ----------- | --- |\n| `A` | `0` | `0 + 0 = 0` | N/A |\n| `B` | `0` | `0 + 3 = 3` | `:not(#\\#):not(#\\#):not(#\\#)` |\n| `C` | `3` | `3 + 3 = 6` | `:not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#):not(#\\#)` |\n\nThis approach lets more important (later) layers always override less important (earlier) layers.<br>\nAnd layers have enough room internally so that each selector works and overrides as expected.\n\nMore layers with more specificity will cause longer `:not(...)` selectors to be generated.\n\n> [!IMPORTANT]\n> [PostCSS Cascade Layers] assumes to process your complete CSS bundle.<br>If your build tool processes files individually or processes files in parallel the output will be incorrect.<br>Using [`@csstools/postcss-bundler`](https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-bundler) and `@import` statements is one way to make sure your CSS is bundled before it is processed by this plugin.\n\n\n## Usage\n\nAdd [PostCSS Cascade Layers] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-cascade-layers --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssCascadeLayers = require('@csstools/postcss-cascade-layers');\n\npostcss([\n\tpostcssCascadeLayers(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### onRevertLayerKeyword\n\nThe `onRevertLayerKeyword` option enables warnings if `revert-layer` is used.\nTransforming `revert-layer` for older browsers is not possible in this plugin.\n\nDefaults to `warn`\n\n```js\npostcssCascadeLayers({ onRevertLayerKeyword: 'warn' }) // 'warn' | false\n```\n\n```pcss\n/* [postcss-cascade-layers]: handling \"revert-layer\" is unsupported by this plugin and will cause style differences between browser versions. */\n@layer {\n\t.foo {\n\t\tcolor: revert-layer;\n\t}\n}\n```\n\n### onConditionalRulesChangingLayerOrder\n\nThe `onConditionalRulesChangingLayerOrder` option enables warnings if layers are declared in multiple different orders in conditional rules.\nTransforming these layers correctly for older browsers is not possible in this plugin.\n\nDefaults to `warn`\n\n```js\npostcssCascadeLayers({ onConditionalRulesChangingLayerOrder: 'warn' }) // 'warn' | false\n```\n\n```pcss\n/* [postcss-cascade-layers]: handling different layer orders in conditional rules is unsupported by this plugin and will cause style differences between browser versions. */\n@media (min-width: 10px) {\n\t@layer B {\n\t\t.foo {\n\t\t\tcolor: red;\n\t\t}\n\t}\n}\n\n@layer A {\n\t.foo {\n\t\tcolor: pink;\n\t}\n}\n\n@layer B {\n\t.foo {\n\t\tcolor: red;\n\t}\n}\n```\n\n### onImportLayerRule\n\nThe `@import` at-rule can also be used with cascade layers, specifically to create a new layer like so: \n```css\n@import 'theme.css' layer(utilities);\n```\nIf your CSS uses `@import` with layers, you will also need the [postcss-import] plugin. This plugin alone will not handle the `@import` at-rule.  \n\nThis plugin will warn you when it detects that [postcss-import] did not transform`@import` at-rules.\n\n```js\npostcssCascadeLayers({ onImportLayerRule: 'warn' }) // 'warn' | false\n```\n\n### Contributors\nThe contributors to this plugin were [Olu Niyi-Awosusi] and [Sana Javed] from [Oddbird] and Romain Menke.\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#cascade-layers\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-cascade-layers\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Cascade Layers]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-cascade-layers\n[Cascade Layers Specification]: https://www.w3.org/TR/css-cascade-5/#layering\n[A Complete Guide to CSS Cascade Layers]: https://css-tricks.com/css-cascade-layers/\n[Olu Niyi-Awosusi]: https://github.com/oluoluoxenfree\n[Sana Javed]: https://github.com/sanajaved7\n[Oddbird]: https://github.com/oddbird\n[postcss-import]: https://github.com/postcss/postcss-import\n",
 	"readmeFilename": "README.md",
-	"_downloads": 18733686
+	"_downloads": 18892393
 }

npm-data/plugins.json

@@ -5044,5 +5044,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": 19856587
+	"_downloads": 19899278
 }