{"_id":"@csstools/postcss-color-function-display-p3-linear","_rev":"4266200","name":"@csstools/postcss-color-function-display-p3-linear","description":"Use the display-p3-linear color space on the color() function in CSS","dist-tags":{"latest":"2.0.2"},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"time":{"modified":"2026-04-06T16:28:44.000Z","created":"2025-08-22T19:45:31.623Z","2.0.2":"2026-02-21T15:07:55.518Z","2.0.1":"2026-01-25T13:04:44.405Z","2.0.0":"2026-01-14T07:36:04.197Z","1.0.1":"2025-09-21T14:36:42.382Z","1.0.0":"2025-08-22T19:45:31.623Z"},"users":{},"repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-function-display-p3-linear"},"versions":{"2.0.2":{"name":"@csstools/postcss-color-function-display-p3-linear","description":"Use the display-p3-linear color space on the color() function in CSS","version":"2.0.2","contributors":[{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=20.19.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"dependencies":{"@csstools/css-color-parser":"^4.0.2","@csstools/css-parser-algorithms":"^4.0.0","@csstools/css-tokenizer":"^4.0.0","@csstools/postcss-progressive-custom-properties":"^5.0.0","@csstools/utilities":"^3.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-function-display-p3-linear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color","css","display-p3-linear","postcss","postcss-plugin","syntax"],"gitHead":"eeaace294f51d9cab110b95c5045cd6f6340f654","_id":"@csstools/postcss-color-function-display-p3-linear@2.0.2","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"16cab426c198f62a4731103da1dc6d334a7bdc16","size":3191,"noattachment":false,"key":"/@csstools/postcss-color-function-display-p3-linear/-/@csstools/postcss-color-function-display-p3-linear-2.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-function-display-p3-linear/download/@csstools/postcss-color-function-display-p3-linear-2.0.2.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-function-display-p3-linear_2.0.2_1771686475372_0.3284219132818704"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-02-21T15:07:55.518Z","publish_time":1771686475518,"_source_registry_name":"default","_cnpm_publish_time":1771686475518},"2.0.1":{"name":"@csstools/postcss-color-function-display-p3-linear","description":"Use the display-p3-linear color space on the color() function in CSS","version":"2.0.1","contributors":[{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=20.19.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"dependencies":{"@csstools/css-color-parser":"^4.0.1","@csstools/css-parser-algorithms":"^4.0.0","@csstools/css-tokenizer":"^4.0.0","@csstools/postcss-progressive-custom-properties":"^5.0.0","@csstools/utilities":"^3.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-function-display-p3-linear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color","css","display-p3-linear","postcss","postcss-plugin","syntax"],"gitHead":"d31a120fa3ad72d5dfbcadeadbb8171c0f43fb23","_id":"@csstools/postcss-color-function-display-p3-linear@2.0.1","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"c90cebf312b549510a620f0dc6cbc610cb6eba58","size":3189,"noattachment":false,"key":"/@csstools/postcss-color-function-display-p3-linear/-/@csstools/postcss-color-function-display-p3-linear-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-function-display-p3-linear/download/@csstools/postcss-color-function-display-p3-linear-2.0.1.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-function-display-p3-linear_2.0.1_1769346284247_0.4230930613921995"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-01-25T13:04:44.405Z","publish_time":1769346284405,"_source_registry_name":"default","_cnpm_publish_time":1769346284405},"2.0.0":{"name":"@csstools/postcss-color-function-display-p3-linear","description":"Use the display-p3-linear color space on the color() function in CSS","version":"2.0.0","contributors":[{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=20.19.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"dependencies":{"@csstools/css-color-parser":"^4.0.0","@csstools/css-parser-algorithms":"^4.0.0","@csstools/css-tokenizer":"^4.0.0","@csstools/postcss-progressive-custom-properties":"^5.0.0","@csstools/utilities":"^3.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-function-display-p3-linear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color","css","display-p3-linear","postcss","postcss-plugin","syntax"],"gitHead":"75301292be34e5c77f65409864618f8f30628395","_id":"@csstools/postcss-color-function-display-p3-linear@2.0.0","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"9d5e8a723cb2cd3390f3ad09fd600cae9f4adc7b","size":3360,"noattachment":false,"key":"/@csstools/postcss-color-function-display-p3-linear/-/@csstools/postcss-color-function-display-p3-linear-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-function-display-p3-linear/download/@csstools/postcss-color-function-display-p3-linear-2.0.0.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-function-display-p3-linear_2.0.0_1768376164067_0.13272615257372267"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-01-14T07:36:04.197Z","publish_time":1768376164197,"_source_registry_name":"default","_cnpm_publish_time":1768376164197},"1.0.1":{"name":"@csstools/postcss-color-function-display-p3-linear","description":"Use the display-p3-linear color space on the color() function in CSS","version":"1.0.1","contributors":[{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=18"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"dependencies":{"@csstools/css-color-parser":"^3.1.0","@csstools/css-parser-algorithms":"^3.0.5","@csstools/css-tokenizer":"^3.0.4","@csstools/postcss-progressive-custom-properties":"^4.2.1","@csstools/utilities":"^2.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-function-display-p3-linear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color","css","display-p3-linear","postcss","postcss-plugin","syntax"],"_id":"@csstools/postcss-color-function-display-p3-linear@1.0.1","gitHead":"eef0d4f04b0406e1018dc270cd955dd3453ccb02","types":"./dist/index.d.ts","_nodeVersion":"24.4.0","_npmVersion":"11.4.2","dist":{"shasum":"3017ff5e1f65307d6083e58e93d76724fb1ebf9f","size":3495,"noattachment":false,"key":"/@csstools/postcss-color-function-display-p3-linear/-/@csstools/postcss-color-function-display-p3-linear-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-function-display-p3-linear/download/@csstools/postcss-color-function-display-p3-linear-1.0.1.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-function-display-p3-linear_1.0.1_1758465402187_0.6121163821687148"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-09-21T14:36:42.382Z","publish_time":1758465402382,"_source_registry_name":"default","_cnpm_publish_time":1758465402382},"1.0.0":{"name":"@csstools/postcss-color-function-display-p3-linear","description":"Use the display-p3-linear color space on the color() function in CSS","version":"1.0.0","contributors":[{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=18"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"dependencies":{"@csstools/css-color-parser":"^3.1.0","@csstools/css-parser-algorithms":"^3.0.5","@csstools/css-tokenizer":"^3.0.4","@csstools/postcss-progressive-custom-properties":"^4.2.0","@csstools/utilities":"^2.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-function-display-p3-linear"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color","css","display-p3-linear","postcss","postcss-plugin","syntax"],"_id":"@csstools/postcss-color-function-display-p3-linear@1.0.0","gitHead":"108e5e782dd1b07fe99ac921d9bd02c8efb36f43","types":"./dist/index.d.ts","_nodeVersion":"24.4.0","_npmVersion":"11.4.2","dist":{"shasum":"27395b62a5d9a108eefcc0eb463247a15f4269a1","size":3511,"noattachment":false,"key":"/@csstools/postcss-color-function-display-p3-linear/-/@csstools/postcss-color-function-display-p3-linear-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-function-display-p3-linear/download/@csstools/postcss-color-function-display-p3-linear-1.0.0.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-function-display-p3-linear_1.0.0_1755891931407_0.017161276089822097"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-08-22T19:45:31.623Z","publish_time":1755891931623,"_source_registry_name":"default","_cnpm_publish_time":1755891931623}},"readme":"# PostCSS Color Function Display P3 Linear [<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-display-p3-linear --save-dev`\n\n[PostCSS Color Function Display P3 Linear] lets you use the `display-p3-linear` color space in the `color` function in\nCSS, following the [CSS Color] specification.\n\n```css\n.color {\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n/* becomes */\n\n.color {\n\tcolor: color(display-p3 0.59096 0.12316 0.26409);\n}\n\n:root {\n\t--a-color: color(display-p3 0.59096 0.12316 0.26409);\n}\n```\n\n## Usage\n\nAdd [PostCSS Color Function Display P3 Linear] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-color-function-display-p3-linear --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssColorFunctionDisplayP3Linear = require('@csstools/postcss-color-function-display-p3-linear');\n\npostcss([\n\tpostcssColorFunctionDisplayP3Linear(/* 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\npostcssColorFunctionDisplayP3Linear({ preserve: true })\n```\n\n```css\n.color {\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n/* becomes */\n\n.color {\n\tcolor: color(display-p3 0.59096 0.12316 0.26409);\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3 0.59096 0.12316 0.26409);\n}\n\n@supports (color: color(display-p3-linear 0 0 0)) {\n:root {\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\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\npostcssColorFunctionDisplayP3Linear({ enableProgressiveCustomProperties: false })\n```\n\n```css\n.color {\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n/* becomes */\n\n.color {\n\tcolor: color(display-p3 0.59096 0.12316 0.26409);\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3 0.59096 0.12316 0.26409);\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n```\n\n_Custom properties do not fallback to the previous declaration_\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-display-p3-linear\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-color-function-display-p3-linear\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Color Function Display P3 Linear]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear\n[CSS Color]: https://drafts.csswg.org/css-color-4/#predefined-display-p3-linear\n","_attachments":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear#readme","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"license":"MIT-0"}