{"_id":"@csstools/css-color-parser","_rev":"261630","name":"@csstools/css-color-parser","description":"Parse CSS color values","dist-tags":{"latest":"1.0.0"},"maintainers":[{"name":"alaguna","email":""},{"name":"jonathantneal","email":""}],"time":{"modified":"2023-03-27T17:30:35.000Z","created":"2023-03-25T07:57:13.779Z","1.0.0":"2023-03-25T07:57:13.779Z"},"users":{},"repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"packages/css-color-parser"},"versions":{"1.0.0":{"name":"@csstools/css-color-parser","description":"Parse CSS color values","version":"1.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT","funding":{"type":"opencollective","url":"https://opencollective.com/csstools"},"engines":{"node":"^14 || ^16 || >=18"},"main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs","default":"./dist/index.mjs"}},"dependencies":{"@csstools/color-helpers":"^2.0.0","@csstools/css-calc":"^1.0.1"},"peerDependencies":{"@csstools/css-parser-algorithms":"^2.1.0","@csstools/css-tokenizer":"^2.1.0"},"scripts":{"build":"rollup -c ../../rollup/default.mjs","lint":"node ../../.github/bin/format-package-json.mjs","prepublishOnly":"npm run build && npm run test","stryker":"stryker run --logLevel error","test":"node ./test/test.mjs && node ./test/_import.mjs && node ./test/_require.cjs"},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"packages/css-color-parser"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color","css","parser"],"volta":{"extends":"../../package.json"},"gitHead":"3517f3837c9efb00a29952e112105082901e0e2f","_id":"@csstools/css-color-parser@1.0.0","_nodeVersion":"18.13.0","_npmVersion":"9.4.1","dist":{"shasum":"a0e88b34ec8b8cce75f65fbadf9b784a2daa39e5","size":14992,"noattachment":false,"key":"/@csstools/css-color-parser/-/@csstools/css-color-parser-1.0.0.tgz","tarball":"http://name.csiicloud.com:7001/@csstools/css-color-parser/download/@csstools/css-color-parser-1.0.0.tgz"},"_npmUser":{"name":"alaguna","email":"sombragriselros@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":""},{"name":"jonathantneal","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-color-parser_1.0.0_1679731033643_0.6377760727223072"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-03-25T07:57:13.779Z","publish_time":1679731033779,"_cnpm_publish_time":1679731033779}},"readme":"# CSS Color Parser\n\n[<img alt=\"npm version\" src=\"https://img.shields.io/npm/v/@csstools/css-color-parser.svg\" height=\"20\">][npm-url]\n[<img alt=\"Build Status\" src=\"https://github.com/csstools/postcss-plugins/workflows/test/badge.svg\" height=\"20\">][cli-url]\n[<img alt=\"Discord\" src=\"https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white\">][discord]\n\n## Usage\n\nAdd [CSS Color Parser] to your project:\n\n```bash\nnpm install @csstools/css-color-parser @csstools/css-parser-algorithms @csstools/css-tokenizer --save-dev\n```\n\n```ts\nimport { color } from '@csstools/css-color-parser';\nimport { isFunctionNode, parseComponentValue } from '@csstools/css-parser-algorithms';\nimport { serializeRGB } from '@csstools/css-color-parser';\nimport { tokenize } from '@csstools/css-tokenizer';\n\n// color() expects a parsed component value.\nconst hwbComponentValue = parseComponentValue(tokenize({ css: 'hwb(10deg 10% 20%)' }));\nconst colorData = color(hwbComponentValue);\nif (colorData) {\n\tconsole.log(colorData);\n\n\t// serializeRGB() returns a component value.\n\tconst rgbComponentValue = serializeRGB(colorData);\n\tconsole.log(rgbComponentValue.toString());\n}\n```\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/css-color-parser\n\n[CSS Color Parser]: https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser\n","_attachments":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/packages/css-color-parser#readme","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"license":"MIT"}