{"_id":"@abw/badger-color","_rev":"7-d40e717449b9c0145db7362898216d40","name":"@abw/badger-color","dist-tags":{"alpha":"0.0.5","latest":"0.0.10"},"versions":{"0.0.3":{"name":"@abw/badger-color","version":"0.0.3","description":"Color Palette Designer","type":"module","main":"./dist/badger-color.umd.cjs","module":"./dist/badger-color.js","exports":{".":{"import":"./dist/badger-color.js","require":"./dist/badger-color.umd.cjs"}},"bin":{"badger-color-scss":"dist/bin/badger-color-scss.js"},"author":{"name":"Andy Wardley"},"license":"ISC","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"dependencies":{"@abw/badger":"^1.1.15","@abw/badger-filesystem":"^1.0.3","@abw/badger-utils":"^1.0.21"},"devDependencies":{"@abw/badger-timestamp":"^1.0.4","@abw/react-context":"^2.0.3","@abw/react-formula":"0.0.2-alpha.2","@abw/react-night-and-day":"^0.0.5","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.31.0","@vitest/ui":"^0.31.0","chroma-js":"^2.4.2","eslint":"^8.37.0","eslint-plugin-react":"^7.32.2","jsdom":"^21.1.1","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.10.0","react-syntax-highlighter":"^15.5.0","rollup-plugin-copy":"^3.4.0","sass":"^1.60.0","vite":"^4.2.0","vite-plugin-svgr":"^3.2.0","vitest":"^0.31.0","yup":"^1.2.0"},"scripts":{"dev":"vite --config vite.docs.js","build":"vite build","test":"vitest --ui --coverage","build:docs":"vite build --config vite.docs.js","preview":"vite preview --config vite.docs.js","lint":"eslint 'website/**/*.{js,jsx}' 'lib/**/*.{js,jsx}'"},"homepage":"https://github.com/abw/badger-color#readme","_id":"@abw/badger-color@0.0.3","_integrity":"sha512-jZR9lN+q3tJO1au462Fx+n8hujy3ug5oadQVGCX+FXgohVz/yaoN76sMu2AMngBV/Z4mapUBF6jdx91FrCEnYw==","_resolved":"/private/var/folders/jw/y_b__hgj1n39hh2qgp9s8dnc0000gn/T/4610f40d3b57ed0f121028b5cdeda0b1/abw-badger-color-0.0.3.tgz","_from":"file:abw-badger-color-0.0.3.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-jZR9lN+q3tJO1au462Fx+n8hujy3ug5oadQVGCX+FXgohVz/yaoN76sMu2AMngBV/Z4mapUBF6jdx91FrCEnYw==","shasum":"e528397388a1c4f8ee03e7102a46d46afa319d45","tarball":"https://registry.npmjs.org/@abw/badger-color/-/badger-color-0.0.3.tgz","fileCount":5,"unpackedSize":12146,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUiU4r96SS8xXtELQj/8UHuberRbqfwBgjFaSkGcxIxwIgdbwZj6tMoZ6kX+HILYnvmQtAxap5F17G2KhGsovkDHY="}]},"_npmUser":{"name":"abw","email":"abw@wardley.org"},"directories":{},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/badger-color_0.0.3_1687783641595_0.9211593680637331"},"_hasShrinkwrap":false},"0.0.4":{"name":"@abw/badger-color","version":"0.0.4","description":"Color Palette Designer","type":"module","main":"./dist/badger-color.umd.cjs","module":"./dist/badger-color.js","exports":{".":{"import":"./dist/badger-color.js","require":"./dist/badger-color.umd.cjs"}},"bin":{"badger-color-scss":"dist/bin/badger-color-scss.js"},"author":{"name":"Andy Wardley"},"license":"ISC","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"dependencies":{"@abw/badger":"^1.1.15","@abw/badger-filesystem":"^1.0.3","@abw/badger-utils":"^1.0.21"},"devDependencies":{"@abw/badger-timestamp":"^1.0.4","@abw/react-context":"^2.0.3","@abw/react-formula":"0.0.2-alpha.2","@abw/react-night-and-day":"^0.0.5","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.31.0","@vitest/ui":"^0.31.0","chroma-js":"^2.4.2","eslint":"^8.37.0","eslint-plugin-react":"^7.32.2","jsdom":"^21.1.1","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.10.0","react-syntax-highlighter":"^15.5.0","rollup-plugin-copy":"^3.4.0","sass":"^1.60.0","vite":"^4.2.0","vite-plugin-svgr":"^3.2.0","vitest":"^0.31.0","yup":"^1.2.0"},"scripts":{"dev":"vite --config vite.docs.js","build":"vite build","test":"vitest --ui --coverage","color":"bin/badger-color-scss.js -p config/palette/badger2.json -o styles/palette -y -v","build:docs":"vite build --config vite.docs.js","preview":"vite preview --config vite.docs.js","lint":"eslint 'website/**/*.{js,jsx}' 'lib/**/*.{js,jsx}'"},"readme":"# badger-color\n\nThis is a collection of tools including an online editor for designing color\npalettes and exporting them as CSS and/or SCSS variables.\n\nThe palette editor is available here: https://abw.github.io/badger-color\n\nThis is a work-in-progress in a pre-release state.\n\n## Installation\n\nAdd the `@abw/badger-color` module to your project using your favourite\npackage manager.  Unless you're planning on running the online editor it\nshould be sufficient to add it as a dev dependency.\n\n```bash\n## using npm\n$ npm add -D @abw/badger-color\n\n## using yarn\n$ yarn add -D @abw/badger-color\n\n## using pnpm\n$ pnpm add -D @abw/badger-color\n```\n\n## Design a Palette\n\nUse the [online palette editor](https://abw.github.io/badger-color) to design\na color palette.\n\nClick on the download button to download the palette data as a JSON file.\nSave this to your project somewhere.\n\n## Export Palette Data\n\nRun the following command to export the palette data as SCSS files containing\nSCSS variables and CSS custom properties for each of the color ranges in your\npalette.\n\n```bash\n$ npm badger-color-scss\n```\n\nIt will prompt you to enter the path to your palette JSON file and an output\ndirectory for the generated files.\n\n```bash\n✔ Where is the palette data file? … path/to/palette.json\n✔ Where should the output files be written? … styles\n```\n\nYou can also provide command line options to avoid the questions.  Use the\n`-h` or `--help` option to see a summary of the options.  A typical invocation\nwill look like this:\n\n```bash\n$ npm badger-color-scss -p path/to/palette.json -o outdir -y -q\n```\n\nThe script will generate a `colors.scss` file in the output directory and\nseparate files in the `color` sub-directory for each of the color ranges in\nyour palette.  The `colors.scss` will import each of the color range files.\n\n## Add Palette Data to Your Stylesheet\n\nImport the generated `colors.scss` file into your main stylesheet SCSS file.\n\n```scss\n@import \"path/to/colors.scss\";\n```\n\nThen start using the colors.  You can use the generated SCSS variables:\n\n```scss\n.example {\n  color: $blue-50;\n}\n```\n\nOr you can use the generated CSS custom properties:\n\n```css\n.example {\n  color: var(--blue-50);\n}\n```\n\n## Notes for Maintainers\n\nCheck out the repository.\n\n```bash\n$ git clone https://github.com/abw/badger-color.git\n$ cd badger-color\n```\n\nInstall the dependencies.\n\n```bash\n$ pnpm install\n```\n\nTo run the development server.\n\n```bash\n$ pnpm dev\n```\n\nTo run the tests.\n\n```bash\n$ pnpm test\n```\n\nTo build for production.\n\n```bash\n$ pnpm build\n```\n\nTo build the documentation.\n\n```bash\n$ pnpm build:docs\n```\n\nTo preview the documentation.\n\n```bash\n$ pnpm preview\n```\n\nCheck source code for formatting errors.\n\n```bash\n$ pnpm lint\n```\n","readmeFilename":"README.md","homepage":"https://github.com/abw/badger-color#readme","_id":"@abw/badger-color@0.0.4","_integrity":"sha512-QksupdT7bc9XHoKESTnokrG9VwrxdPr7v9jFaim8IrLYCy8osOteGNKo7Rve2MOFr1T4rExn03rsBCcj+w5chg==","_resolved":"/private/var/folders/jw/y_b__hgj1n39hh2qgp9s8dnc0000gn/T/f4ca3e04214edccff89318f38ea0f17f/abw-badger-color-0.0.4.tgz","_from":"file:abw-badger-color-0.0.4.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-QksupdT7bc9XHoKESTnokrG9VwrxdPr7v9jFaim8IrLYCy8osOteGNKo7Rve2MOFr1T4rExn03rsBCcj+w5chg==","shasum":"2eb0dcd6f6bd0bd789e0874118ba2a8acf7df6f1","tarball":"https://registry.npmjs.org/@abw/badger-color/-/badger-color-0.0.4.tgz","fileCount":5,"unpackedSize":17107,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDds+Bo2OeRu+AmtZ+v6Wv3DOIf0SLt0899xZXggvMc+wIgTbQhfT7uaCMKm5Y5sdY2bxLjz0Sh+SJOhkm4vbuYsbo="}]},"_npmUser":{"name":"abw","email":"abw@wardley.org"},"directories":{},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/badger-color_0.0.4_1687847174005_0.6332017129357124"},"_hasShrinkwrap":false},"0.0.5":{"name":"@abw/badger-color","version":"0.0.5","description":"Color Palette Designer","type":"module","main":"./dist/badger-color.umd.cjs","module":"./dist/badger-color.js","exports":{".":{"import":"./dist/badger-color.js","require":"./dist/badger-color.umd.cjs"}},"bin":{"badger-color-scss":"dist/bin/badger-color-scss.js"},"author":{"name":"Andy Wardley"},"license":"ISC","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"dependencies":{"@abw/badger":"^1.1.15","@abw/badger-filesystem":"^1.0.3","@abw/badger-utils":"^1.0.21"},"devDependencies":{"@abw/badger-timestamp":"^1.0.4","@abw/react-context":"^2.0.3","@abw/react-formula":"0.0.2-alpha.2","@abw/react-night-and-day":"^0.0.5","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.31.0","@vitest/ui":"^0.31.0","chroma-js":"^2.4.2","eslint":"^8.37.0","eslint-plugin-react":"^7.32.2","jsdom":"^21.1.1","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.10.0","react-syntax-highlighter":"^15.5.0","rollup-plugin-copy":"^3.4.0","sass":"^1.60.0","vite":"^4.2.0","vite-plugin-svgr":"^3.2.0","vitest":"^0.31.0","yup":"^1.2.0"},"scripts":{"dev":"vite --config vite.docs.js","build":"vite build","test":"vitest --ui --coverage","color":"bin/badger-color-scss.js -p config/palette/badger2.json -o styles/palette -y -v","build:docs":"vite build --config vite.docs.js","preview":"vite preview --config vite.docs.js","lint":"eslint 'website/**/*.{js,jsx}' 'lib/**/*.{js,jsx}'"},"readme":"# badger-color\n\nThis is a collection of tools including an online editor for designing color\npalettes and exporting them as CSS and/or SCSS variables.\n\nThe palette editor is available here: https://abw.github.io/badger-color\n\nThis is a work-in-progress in a pre-release state.\n\n## Installation\n\nAdd the `@abw/badger-color` module to your project using your favourite\npackage manager.  Unless you're planning on running the online editor it\nshould be sufficient to add it as a dev dependency.\n\n```bash\n## using npm\n$ npm add -D @abw/badger-color\n\n## using yarn\n$ yarn add -D @abw/badger-color\n\n## using pnpm\n$ pnpm add -D @abw/badger-color\n```\n\n## Design a Palette\n\nUse the [online palette editor](https://abw.github.io/badger-color) to design\na color palette.\n\nClick on the download button to download the palette data as a JSON file.\nSave this to your project somewhere.\n\n## Export Palette Data\n\nRun the following command to export the palette data as SCSS files containing\nSCSS variables and CSS custom properties for each of the color ranges in your\npalette.\n\n```bash\n$ npm badger-color-scss\n```\n\nIt will prompt you to enter the path to your palette JSON file and an output\ndirectory for the generated files.\n\n```bash\n✔ Where is the palette data file? … path/to/palette.json\n✔ Where should the output files be written? … styles\n```\n\nYou can also provide command line options to avoid the questions.  Use the\n`-h` or `--help` option to see a summary of the options.  A typical invocation\nwill look like this:\n\n```bash\n$ npm badger-color-scss -p path/to/palette.json -o outdir -y -q\n```\n\nThe script will generate a `colors.scss` file in the output directory and\nseparate files in the `color` sub-directory for each of the color ranges in\nyour palette.  The `colors.scss` will import each of the color range files.\n\n## Add Palette Data to Your Stylesheet\n\nImport the generated `colors.scss` file into your main stylesheet SCSS file.\n\n```scss\n@import \"path/to/colors.scss\";\n```\n\nThen start using the colors.  You can use the generated SCSS variables:\n\n```scss\n.example {\n  color: $blue-50;\n}\n```\n\nOr you can use the generated CSS custom properties:\n\n```css\n.example {\n  color: var(--blue-50);\n}\n```\n\n## Notes for Maintainers\n\nCheck out the repository.\n\n```bash\n$ git clone https://github.com/abw/badger-color.git\n$ cd badger-color\n```\n\nInstall the dependencies.\n\n```bash\n$ pnpm install\n```\n\nTo run the development server.\n\n```bash\n$ pnpm dev\n```\n\nTo run the tests.\n\n```bash\n$ pnpm test\n```\n\nTo build for production.\n\n```bash\n$ pnpm build\n```\n\nTo build the documentation.\n\n```bash\n$ pnpm build:docs\n```\n\nTo preview the documentation.\n\n```bash\n$ pnpm preview\n```\n\nCheck source code for formatting errors.\n\n```bash\n$ pnpm lint\n```\n","readmeFilename":"README.md","homepage":"https://github.com/abw/badger-color#readme","_id":"@abw/badger-color@0.0.5","_integrity":"sha512-6K6cKUOx6EKM37MKMxZodXhomQXYKtlV2uLqhCF/iPu5LRhhkvFsqbmcgHQPadwllzHZqYLSX/GCdaqPCB0p5A==","_resolved":"/private/var/folders/jw/y_b__hgj1n39hh2qgp9s8dnc0000gn/T/d291b8bcaa69945c14ba8e459e37719c/abw-badger-color-0.0.5.tgz","_from":"file:abw-badger-color-0.0.5.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-6K6cKUOx6EKM37MKMxZodXhomQXYKtlV2uLqhCF/iPu5LRhhkvFsqbmcgHQPadwllzHZqYLSX/GCdaqPCB0p5A==","shasum":"c24840cc6cf6ab23d68e63fa3996d1b7b84a824d","tarball":"https://registry.npmjs.org/@abw/badger-color/-/badger-color-0.0.5.tgz","fileCount":5,"unpackedSize":19086,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZvG6/ePzv/WmbKumuBcr0d7ibKyXedHsrGJB7Iam+AgIhAOu705CBhXqt+tkG51l8v2hGEPboOobxTyeLmiCnJjEJ"}]},"_npmUser":{"name":"abw","email":"abw@wardley.org"},"directories":{},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/badger-color_0.0.5_1688124658307_0.7876099003112951"},"_hasShrinkwrap":false},"0.0.6":{"name":"@abw/badger-color","version":"0.0.6","description":"Color Palette Designer","type":"module","main":"./dist/badger-color.umd.cjs","module":"./dist/badger-color.js","exports":{".":{"import":"./dist/badger-color.js","require":"./dist/badger-color.umd.cjs"}},"bin":{"badger-color-scss":"dist/bin/badger-color-scss.js"},"author":{"name":"Andy Wardley"},"license":"ISC","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"dependencies":{"@abw/badger":"^1.1.15","@abw/badger-css":"^0.1.0","@abw/badger-filesystem":"^1.0.3","@abw/badger-utils":"^1.0.21"},"devDependencies":{"@abw/badger-timestamp":"^1.0.4","@abw/react-context":"^2.0.3","@abw/react-formula":"0.0.5","@abw/react-night-and-day":"^0.0.5","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.31.0","@vitest/ui":"^0.31.0","chroma-js":"^2.4.2","eslint":"^8.37.0","eslint-plugin-react":"^7.32.2","jsdom":"^21.1.1","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.10.0","react-syntax-highlighter":"^15.5.0","rollup-plugin-copy":"^3.4.0","sass":"^1.60.0","vite":"^4.2.0","vite-plugin-svgr":"^3.2.0","vitest":"^0.31.0","yup":"^1.2.0"},"scripts":{"dev":"vite --config vite.docs.js","build":"vite build","test":"vitest --ui --coverage","color":"bin/badger-color-scss.js -p config/palette/badger2.json -o styles/palette -y -v","build:docs":"vite build --config vite.docs.js","preview":"vite preview --config vite.docs.js","lint":"eslint 'website/**/*.{js,jsx}' 'lib/**/*.{js,jsx}'"},"homepage":"https://github.com/abw/badger-color#readme","_id":"@abw/badger-color@0.0.6","_integrity":"sha512-R6plv6aefLvtQScYmHUe2udPZq+dGPsiERh+V4v3qM46ARI6P51UCKt5L8viLz9eF0vzBXtuf5i6SJpiO/Aq2A==","_resolved":"/private/var/folders/jw/y_b__hgj1n39hh2qgp9s8dnc0000gn/T/ed11619763b386d8bc05f201eb3a05b7/abw-badger-color-0.0.6.tgz","_from":"file:abw-badger-color-0.0.6.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-R6plv6aefLvtQScYmHUe2udPZq+dGPsiERh+V4v3qM46ARI6P51UCKt5L8viLz9eF0vzBXtuf5i6SJpiO/Aq2A==","shasum":"df3eb54bcb10dedf9ff0247ca1f3e8aec06f22c6","tarball":"https://registry.npmjs.org/@abw/badger-color/-/badger-color-0.0.6.tgz","fileCount":5,"unpackedSize":142913,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQJdFTKJaGhhyowGc0z9j9LJKJo5wzOnQoPE3h5oZQlAIhAPlcgyw/2EOHNrtIV76hjKXvM1qTPU9DAPFtTHMvGSyP"}]},"_npmUser":{"name":"abw","email":"abw@wardley.org"},"directories":{},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/badger-color_0.0.6_1698049188288_0.7514278996830115"},"_hasShrinkwrap":false},"0.0.7":{"name":"@abw/badger-color","version":"0.0.7","description":"Color Palette Designer","type":"module","main":"./dist/badger-color.umd.cjs","module":"./dist/badger-color.js","exports":{".":{"import":"./dist/badger-color.js","require":"./dist/badger-color.umd.cjs"}},"bin":{"badger-color-scss":"dist/bin/badger-color-scss.js"},"author":{"name":"Andy Wardley"},"license":"ISC","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"dependencies":{"@abw/badger":"^1.1.15","@abw/badger-css":"^0.1.6","@abw/badger-filesystem":"^1.0.3","@abw/badger-utils":"^1.0.21"},"devDependencies":{"@abw/badger-timestamp":"^1.0.4","@abw/react-context":"^2.0.3","@abw/react-formula":"0.0.5","@abw/react-night-and-day":"^0.0.5","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.31.0","@vitest/ui":"^0.31.0","chroma-js":"^2.4.2","eslint":"^8.37.0","eslint-plugin-react":"^7.32.2","jsdom":"^21.1.1","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.10.0","react-syntax-highlighter":"^15.5.0","rollup-plugin-copy":"^3.4.0","sass":"^1.60.0","vite":"^4.2.0","vite-plugin-svgr":"^3.2.0","vitest":"^0.31.0","yup":"^1.2.0"},"scripts":{"dev":"vite --config vite.docs.js","build":"vite build","test":"vitest --ui --coverage","color":"bin/badger-color-scss.js -p config/palette/badger2.json -o styles/palette -y -v","build:docs":"vite build --config vite.docs.js","preview":"vite preview --config vite.docs.js","lint":"eslint 'website/**/*.{js,jsx}' 'lib/**/*.{js,jsx}'"},"homepage":"https://github.com/abw/badger-color#readme","_id":"@abw/badger-color@0.0.7","_integrity":"sha512-xQxJ4xtW5k3Keqh83WAZ6GhQOPYcY042jaGfs4R6fow3DzNqTR10Kb2uCsyQ3dNjNH0FquU7nL5ONr3XEHWPKQ==","_resolved":"/private/var/folders/jw/y_b__hgj1n39hh2qgp9s8dnc0000gn/T/63f059282914c096ef1332967c7cf704/abw-badger-color-0.0.7.tgz","_from":"file:abw-badger-color-0.0.7.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-xQxJ4xtW5k3Keqh83WAZ6GhQOPYcY042jaGfs4R6fow3DzNqTR10Kb2uCsyQ3dNjNH0FquU7nL5ONr3XEHWPKQ==","shasum":"a789c208520002e8bb97355067112f5d6ddc3971","tarball":"https://registry.npmjs.org/@abw/badger-color/-/badger-color-0.0.7.tgz","fileCount":5,"unpackedSize":142913,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTenZ/6Ib8ZIiOMOFIJsxcywM6fYZLYIInMbik6jwMCAIgSaBGOQaDaebtjEfmD45567G2G1TBsQC417kZeBsV5qc="}]},"_npmUser":{"name":"abw","email":"abw@wardley.org"},"directories":{},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/badger-color_0.0.7_1698409183066_0.7095668125686889"},"_hasShrinkwrap":false},"0.0.8":{"name":"@abw/badger-color","version":"0.0.8","description":"Color Palette Designer","type":"module","main":"./dist/badger-color.umd.cjs","module":"./dist/badger-color.js","exports":{".":{"import":"./dist/badger-color.js","require":"./dist/badger-color.umd.cjs"}},"bin":{"badger-color-scss":"dist/bin/badger-color-scss.js"},"author":{"name":"Andy Wardley"},"license":"ISC","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"dependencies":{"@abw/badger":"^1.1.15","@abw/badger-css":"^0.1.8","@abw/badger-filesystem":"^1.0.3","@abw/badger-utils":"^1.0.21"},"devDependencies":{"@abw/badger-timestamp":"^1.0.4","@abw/react-context":"^2.0.3","@abw/react-formula":"0.0.5","@abw/react-night-and-day":"^0.0.5","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.31.0","@vitest/ui":"^0.31.0","chroma-js":"^2.4.2","eslint":"^8.37.0","eslint-plugin-react":"^7.32.2","jsdom":"^21.1.1","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.10.0","react-syntax-highlighter":"^15.5.0","rollup-plugin-copy":"^3.4.0","sass":"^1.60.0","vite":"^4.2.0","vite-plugin-svgr":"^3.2.0","vitest":"^0.31.0","yup":"^1.2.0"},"scripts":{"dev":"vite --config vite.docs.js","build":"vite build","test":"vitest --ui --coverage","color":"bin/badger-color-scss.js -p config/palette/badger2.json -o styles/palette -y -v","build:docs":"vite build --config vite.docs.js","preview":"vite preview --config vite.docs.js","lint":"eslint 'website/**/*.{js,jsx}' 'lib/**/*.{js,jsx}'"},"homepage":"https://github.com/abw/badger-color#readme","_id":"@abw/badger-color@0.0.8","_integrity":"sha512-kCTjqFsAeOwa1CQ8r20WqcG0McUY0+NqPfUs2p/EsnnghiOJVOA35s7eu7JybFpxOigZzguZtalaNXEff5WgKw==","_resolved":"/private/var/folders/jw/y_b__hgj1n39hh2qgp9s8dnc0000gn/T/af748a72af10413c6becb439152a1e91/abw-badger-color-0.0.8.tgz","_from":"file:abw-badger-color-0.0.8.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-kCTjqFsAeOwa1CQ8r20WqcG0McUY0+NqPfUs2p/EsnnghiOJVOA35s7eu7JybFpxOigZzguZtalaNXEff5WgKw==","shasum":"ef6109d545cde516c7fe19732a337be9c9e98e74","tarball":"https://registry.npmjs.org/@abw/badger-color/-/badger-color-0.0.8.tgz","fileCount":5,"unpackedSize":142913,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFb+ASQTCDebQEre8mvL2heiAbEp2plozx/tmK3ZnlB2AiBb7dtauY9CLTLA4AXl9xAeKEGWwO4H/qFTxSFc/2rWuQ=="}]},"_npmUser":{"name":"abw","email":"abw@wardley.org"},"directories":{},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/badger-color_0.0.8_1698656451929_0.5968344295145074"},"_hasShrinkwrap":false},"0.0.9":{"name":"@abw/badger-color","version":"0.0.9","description":"Color Palette Designer","type":"module","main":"./dist/badger-color.umd.cjs","module":"./dist/badger-color.js","exports":{".":{"import":"./dist/badger-color.js","require":"./dist/badger-color.umd.cjs"}},"bin":{"badger-color-scss":"dist/bin/badger-color-scss.js"},"author":{"name":"Andy Wardley"},"license":"ISC","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"dependencies":{"@abw/badger":"^1.1.15","@abw/badger-css":"^0.1.8","@abw/badger-filesystem":"^1.0.3","@abw/badger-utils":"^1.0.21"},"devDependencies":{"@abw/badger-timestamp":"^1.0.4","@abw/react-context":"^2.0.3","@abw/react-formula":"0.0.5","@abw/react-night-and-day":"^0.0.5","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.31.0","@vitest/ui":"^0.31.0","chroma-js":"^2.4.2","eslint":"^8.37.0","eslint-plugin-react":"^7.32.2","jsdom":"^21.1.1","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.10.0","react-syntax-highlighter":"^15.5.0","rollup-plugin-copy":"^3.4.0","sass":"^1.60.0","vite":"^4.2.0","vite-plugin-svgr":"^3.2.0","vitest":"^0.31.0","yup":"^1.2.0"},"scripts":{"dev":"vite --config vite.docs.js","build":"vite build","test":"vitest --ui --coverage","color":"bin/badger-color-scss.js -p config/palette/badger2.json -o styles/palette -y -v","build:docs":"vite build --config vite.docs.js","preview":"vite preview --config vite.docs.js","lint":"eslint 'website/**/*.{js,jsx}' 'lib/**/*.{js,jsx}'"},"homepage":"https://github.com/abw/badger-color#readme","_id":"@abw/badger-color@0.0.9","_integrity":"sha512-vRLgdftRkcCLu3e4K3wsU0+qeEp0WCQs/tEFUUG2pOanOVGKE4/UkumIo3ACn3WQKoV4NLC0aLoIYNUBufw2vQ==","_resolved":"/private/var/folders/jw/y_b__hgj1n39hh2qgp9s8dnc0000gn/T/3f29ba6a2baeacb3ff7ee85f098f66a2/abw-badger-color-0.0.9.tgz","_from":"file:abw-badger-color-0.0.9.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-vRLgdftRkcCLu3e4K3wsU0+qeEp0WCQs/tEFUUG2pOanOVGKE4/UkumIo3ACn3WQKoV4NLC0aLoIYNUBufw2vQ==","shasum":"e136db8a8aefa9e0732c18033289f76fa7262acd","tarball":"https://registry.npmjs.org/@abw/badger-color/-/badger-color-0.0.9.tgz","fileCount":5,"unpackedSize":143647,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDpascQ9VmpKGWjv+mIxGC9DN7Fy/6CZKNuH28KKhfZ/AiEAr0P+fqnt4R9LVAKGq6o18FzZ4H73535/1E4dSE1FxF4="}]},"_npmUser":{"name":"abw","email":"abw@wardley.org"},"directories":{},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/badger-color_0.0.9_1698690881336_0.4301193562560761"},"_hasShrinkwrap":false},"0.0.10":{"name":"@abw/badger-color","version":"0.0.10","description":"Color Palette Designer","type":"module","main":"./dist/badger-color.umd.cjs","module":"./dist/badger-color.js","exports":{".":{"import":"./dist/badger-color.js","require":"./dist/badger-color.umd.cjs"}},"bin":{"badger-color-scss":"dist/bin/badger-color-scss.js"},"author":{"name":"Andy Wardley"},"license":"ISC","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"dependencies":{"@abw/badger":"^1.1.15","@abw/badger-css":"^0.1.10","@abw/badger-filesystem":"^1.0.3","@abw/badger-utils":"^1.0.21"},"devDependencies":{"@abw/badger-timestamp":"^1.0.4","@abw/react-context":"^2.0.3","@abw/react-formula":"0.0.5","@abw/react-night-and-day":"^0.0.5","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.31.0","@vitest/ui":"^0.31.0","chroma-js":"^2.4.2","eslint":"^8.37.0","eslint-plugin-react":"^7.32.2","jsdom":"^21.1.1","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.10.0","react-syntax-highlighter":"^15.5.0","rollup-plugin-copy":"^3.4.0","sass":"^1.60.0","vite":"^4.2.0","vite-plugin-svgr":"^3.2.0","vitest":"^0.31.0","yup":"^1.2.0"},"scripts":{"dev":"vite --config vite.docs.js","build":"vite build","test":"vitest --ui --coverage","color":"bin/badger-color-scss.js -p config/palette/badger2.json -o styles/palette -y -v","build:docs":"vite build --config vite.docs.js","preview":"vite preview --config vite.docs.js","lint":"eslint 'website/**/*.{js,jsx}' 'lib/**/*.{js,jsx}'"},"homepage":"https://github.com/abw/badger-color#readme","_id":"@abw/badger-color@0.0.10","_integrity":"sha512-V0JaDEQIidjoFgEzTJtlHnWmmYtEjOTs4F2hF7jzsrNhg27w16yFq8jz6mVj/VgqUe0/agVWr/pPSq5QUc5xQw==","_resolved":"/private/var/folders/jw/y_b__hgj1n39hh2qgp9s8dnc0000gn/T/611b39297bd731ef5ccf5471b6307487/abw-badger-color-0.0.10.tgz","_from":"file:abw-badger-color-0.0.10.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-V0JaDEQIidjoFgEzTJtlHnWmmYtEjOTs4F2hF7jzsrNhg27w16yFq8jz6mVj/VgqUe0/agVWr/pPSq5QUc5xQw==","shasum":"9ed43cd60e2d62343b1b96dd5cd4361db8f721da","tarball":"https://registry.npmjs.org/@abw/badger-color/-/badger-color-0.0.10.tgz","fileCount":5,"unpackedSize":143650,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICCOdcLFM+4kadQCkGLAD9nwh4SWpxNl/rKHgx3dP3eRAiAuAEcmm0blAqOnbg3gxRYfsb4JPnoURrzKvDFIpHRbUw=="}]},"_npmUser":{"name":"abw","email":"abw@wardley.org"},"directories":{},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/badger-color_0.0.10_1698752845892_0.2406927779446979"},"_hasShrinkwrap":false}},"time":{"created":"2023-06-26T12:47:21.463Z","0.0.3":"2023-06-26T12:47:21.762Z","modified":"2023-10-31T11:47:26.207Z","0.0.4":"2023-06-27T06:26:14.190Z","0.0.5":"2023-06-30T11:30:58.513Z","0.0.6":"2023-10-23T08:19:48.521Z","0.0.7":"2023-10-27T12:19:43.282Z","0.0.8":"2023-10-30T09:00:52.222Z","0.0.9":"2023-10-30T18:34:41.548Z","0.0.10":"2023-10-31T11:47:26.044Z"},"maintainers":[{"name":"abw","email":"abw@wardley.org"}],"description":"Color Palette Designer","homepage":"https://github.com/abw/badger-color#readme","keywords":["badger","color","palette","designer"],"repository":{"type":"git","url":"git+https://github.com/abw/badger-color.git"},"author":{"name":"Andy Wardley"},"bugs":{"url":"https://github.com/abw/badger-color/issues"},"license":"ISC","readme":"# badger-color\n\nThis is a collection of tools including an online editor for designing color\npalettes and exporting them as CSS and/or SCSS variables.\n\nThe palette editor is available here: https://abw.github.io/badger-color\n\nThis is a work-in-progress in a pre-release state.\n\n## Installation\n\nAdd the `@abw/badger-color` module to your project using your favourite\npackage manager.  Unless you're planning on running the online editor it\nshould be sufficient to add it as a dev dependency.\n\n```bash\n## using npm\n$ npm add -D @abw/badger-color\n\n## using yarn\n$ yarn add -D @abw/badger-color\n\n## using pnpm\n$ pnpm add -D @abw/badger-color\n```\n\n## Design a Palette\n\nUse the [online palette editor](https://abw.github.io/badger-color) to design\na color palette.\n\nClick on the download button to download the palette data as a JSON file.\nSave this to your project somewhere.\n\n## Export Palette Data\n\nRun the following command to export the palette data as SCSS files containing\nSCSS variables and CSS custom properties for each of the color ranges in your\npalette.\n\n```bash\n$ npm badger-color-scss\n```\n\nIt will prompt you to enter the path to your palette JSON file and an output\ndirectory for the generated files.\n\n```bash\n✔ Where is the palette data file? … path/to/palette.json\n✔ Where should the output files be written? … styles\n```\n\nYou can also provide command line options to avoid the questions.  Use the\n`-h` or `--help` option to see a summary of the options.  A typical invocation\nwill look like this:\n\n```bash\n$ npm badger-color-scss -p path/to/palette.json -o outdir -y -q\n```\n\nThe script will generate a `colors.scss` file in the output directory and\nseparate files in the `color` sub-directory for each of the color ranges in\nyour palette.  The `colors.scss` will import each of the color range files.\n\n## Add Palette Data to Your Stylesheet\n\nImport the generated `colors.scss` file into your main stylesheet SCSS file.\n\n```scss\n@import \"path/to/colors.scss\";\n```\n\nThen start using the colors.  You can use the generated SCSS variables:\n\n```scss\n.example {\n  color: $blue-50;\n}\n```\n\nOr you can use the generated CSS custom properties:\n\n```css\n.example {\n  color: var(--blue-50);\n}\n```\n\n## Notes for Maintainers\n\nCheck out the repository.\n\n```bash\n$ git clone https://github.com/abw/badger-color.git\n$ cd badger-color\n```\n\nInstall the dependencies.\n\n```bash\n$ pnpm install\n```\n\nTo run the development server.\n\n```bash\n$ pnpm dev\n```\n\nTo run the tests.\n\n```bash\n$ pnpm test\n```\n\nTo build for production.\n\n```bash\n$ pnpm build\n```\n\nTo build the documentation.\n\n```bash\n$ pnpm build:docs\n```\n\nTo preview the documentation.\n\n```bash\n$ pnpm preview\n```\n\nCheck source code for formatting errors.\n\n```bash\n$ pnpm lint\n```\n","readmeFilename":"README.md"}