{"_id":"@councildataproject/cdp-design","_rev":"4-c43e58e8352b6136b829e43e4d76f5e6","name":"@councildataproject/cdp-design","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.1":{"name":"@councildataproject/cdp-design","engines":{"node":"12.x","npm":"6.x"},"version":"1.0.1","author":{"name":"Council Data Project"},"description":"General styling and content for Council Data Project websites.","license":"MIT","scripts":{"generate":"node generate-cdp-colors.js && node generate-image-variants.js && node generate-cdp-images.js","build-dev":"webpack --progress","build-prod":"webpack --progress --mode=production","bumpversion":"npm version patch -m 'Bump version: %s'"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/CouncilDataProject/cdp-design.git"},"bugs":{"url":"https://github.com/CouncilDataProject/cdp-design/issues"},"homepage":"https://github.com/CouncilDataProject/cdp-design","devDependencies":{"css-loader":"^5.0.1","file-loader":"^6.2.0","glob":"^7.1.6","image-webpack-loader":"^7.0.1","mini-css-extract-plugin":"^1.3.4","style-loader":"^2.0.0","webpack":"^5.17.0","webpack-cli":"^4.4.0"},"dependencies":{},"keywords":[],"gitHead":"8ddb8d8087a408ea459cc74b078f6ff11eae261f","_id":"@councildataproject/cdp-design@1.0.1","_nodeVersion":"12.20.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-53yUETrnFRCJ7jE1s8sfau70qE/IrXAHQnNswJzlUpWi/On7mPuyk0Uncg/czRPbHyltQMfuZR/RPNow8DUKvQ==","shasum":"de7bb9cb51fa7067252b4d104c03b8741af2d092","tarball":"https://registry.npmjs.org/@councildataproject/cdp-design/-/cdp-design-1.0.1.tgz","fileCount":37,"unpackedSize":51173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDjZdCRA9TVsSAnZWagAAqC4P/2QSSR2pcw+NoDCHhzTb\n+fCpvynYEM9DWJozzjnLxAIvu9f6BjKHR9yGCY9lrGNN4lJi5jMWuTEPEH7j\n6PJKaB0+5kG29N645qCsp1OKks4M1rrzUh6EOoXZkNA8L9r9bZPCTH53O1eL\nTMz7KhmEqF2KSMfvb3Uv7XCZmM9FvLQNHblm3GAzIo6cj9aeAmf7mDF4gJh1\nrDneVYvpqpb6jpc5qf5hMa4pBQAhaAW9LhqBjFfIxP7jiw/Pyqs0ZzZ4OCWW\ntUsTVjSHWEhMgW2oKLnScZTLJS0DxwXeZ9L914Dbep/XenkBmpnJNTzV2Ido\n4I3QbQBVZSswwpb5VA0g2o4FUTat9pnv1SkU8gjrdZkhW8CkggkxNSxb1v7K\nCGieAoAHXEn2EvQRW5EqC1pVhATEZfD3jcIaUv++pofohU+S9q90scQO1Fma\nyldYBOCOLEYmDaaRdC7TD4F0ijL9Jlbv20VBGBZz+cSx89NLqFjRG0PEIalT\nGlKqJi5uoewI9tsVQABOB3Qsq7EOhxuuNzEwEqKMufEQlz6xBsHA/Uwlfh2/\n3hDSgjyTvYrT8UH0h1uY58QuMYlG4HQ8NvO+8cMq9+8XUJrdqaAYQ6bDjNgi\nTMx9E4ykBT813lPEA8OEL/asq1CO2BtFONjejVerk8znqDgK6UrXThGn0j6L\nukby\r\n=V5na\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCu/KwawTbEGvPTkonuyjuHEvm7u7N3KqA6vi17PYK3+wIgZUSfe6nPGiRrAdYVVJznnBJZWakFLsG9fa+2kgay2So="}]},"_npmUser":{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"},"directories":{},"maintainers":[{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cdp-design_1.0.1_1611544156897_0.3749675864006632"},"_hasShrinkwrap":false},"1.0.2":{"name":"@councildataproject/cdp-design","engines":{"node":"12.x","npm":"6.x"},"version":"1.0.2","author":{"name":"Council Data Project"},"description":"General styling and content for Council Data Project websites.","license":"MIT","scripts":{"generate":"node generate-cdp-colors.js && node generate-image-variants.js && node generate-cdp-images.js","build-dev":"webpack --progress","build-prod":"webpack --progress --mode=production","bumpversion":"npm version patch -m 'Bump version: %s'"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/CouncilDataProject/cdp-design.git"},"bugs":{"url":"https://github.com/CouncilDataProject/cdp-design/issues"},"homepage":"https://github.com/CouncilDataProject/cdp-design","devDependencies":{"css-loader":"^5.0.1","file-loader":"^6.2.0","glob":"^7.1.6","image-webpack-loader":"^7.0.1","mini-css-extract-plugin":"^1.3.4","style-loader":"^2.0.0","webpack":"^5.17.0","webpack-cli":"^4.4.0"},"dependencies":{},"keywords":[],"gitHead":"bee78123cdb6716c5c9651e7ffd9a5553fc50a37","_id":"@councildataproject/cdp-design@1.0.2","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-V6j7GhBR0Q92NKq8GvNGrKd3QSx1wYBTxT8D+HxT6OdhvaEALqjewF9juCQIj+RiPTPRtvxe9h143W0CvEejGg==","shasum":"a930c77d7db0b2f6ba04685f15c6f4962fb121c3","tarball":"https://registry.npmjs.org/@councildataproject/cdp-design/-/cdp-design-1.0.2.tgz","fileCount":37,"unpackedSize":51912,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJMs9CRA9TVsSAnZWagAAapMP/ifP3pBLP9d+steKnQTD\nftE8sRZYlwjlz0UfbBSpyJJEUzgnwrf9eggwvDKkWctrnwIpfXO04mablrm0\nX/OW9X9O7DC2aggpDsSgtc80ulHdzTgTWNXjAGiLdVodFfmqk1ArAApFJf/o\nmaYqW7MoMMCz+3qJf/BLYx902lafuTfWNKd4pjJFSLhk3IeQTPDcPZf5O5fO\nqWpUnpBsZus5xdxFARqyMOGVTZre7+BREYvvVIBKunNJg+L/Y6KJ7+uUIDT8\nBQsuO5XJor4M4jZyUeslamFA7Ms4fW17IP6FNewSmtSssW4enNiYRJ+Cx9Lb\nf9NEA0V56qRcgl1NfLbpgk1oV3QnyY27jJBPIU1YmCXngB8TyqQDcUQWtYlr\nr7LMK3TgqjISl7C+51zdNM94ldZNMf1HrsctiBRhOuv5YxWp9ahm9NhmbSEA\nQZ9HcjkVul5Or9v9mj59FbSlx79Inosvu9isVlFo4HdyBXGAsjn27lrflJA7\ndCTgtk+NQL0Ky92oHsnTxUBx0kCRezUdE+xm9UZHHIEakYhgoT+63370SB2c\n7TbXrb5askYuKPsfxfuFSk37d465RhyABZDbxI96NTr3Oe1481MWQa90Zj38\ndZLuA4NPG0cTBJs0X0zH22c+qSkkaIPSy5J0NSgp88gJatpsRXn0idn8O+ls\naWG+\r\n=HRff\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8dM6BzktfcrSq+kgpxGLbTkRS8gjRQKpHR3DXDD1MWAIhAOR7+NW9GP4Eu3Iac9AH+ZNbn0P2zJ7YABCvILzlCmV0"}]},"_npmUser":{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"},"directories":{},"maintainers":[{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cdp-design_1.0.2_1613024061214_0.2271340032596696"},"_hasShrinkwrap":false},"1.0.4":{"name":"@councildataproject/cdp-design","engines":{"node":"12.x","npm":"6.x"},"version":"1.0.4","author":{"name":"Council Data Project"},"description":"General styling and content for Council Data Project websites.","license":"MIT","scripts":{"generate":"node generate-cdp-colors.js && node generate-image-variants.js && node generate-cdp-images.js","build-dev":"webpack --progress","build-prod":"webpack --progress --mode=production","bumpversion":"npm version patch -m 'Bump version: %s'"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/CouncilDataProject/cdp-design.git"},"bugs":{"url":"https://github.com/CouncilDataProject/cdp-design/issues"},"homepage":"https://github.com/CouncilDataProject/cdp-design","devDependencies":{"css-loader":"^5.0.1","file-loader":"^6.2.0","glob":"^7.1.6","image-webpack-loader":"^7.0.1","mini-css-extract-plugin":"^1.3.4","style-loader":"^2.0.0","webpack":"^5.17.0","webpack-cli":"^4.4.0"},"dependencies":{},"keywords":[],"gitHead":"66ce3d2e0fac5667abcbe4c58195ab7a789165a8","_id":"@councildataproject/cdp-design@1.0.4","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-6qEeeJFzymf558UFPxBAj1VanfiqX32vLRBP43eq55OHZQn+O8yYJfr11AEv6fbm6JlTLsM/kmuAfRg/qFl+Lg==","shasum":"1844abb333e4a53307e15f7a56e5db28bd5e1c11","tarball":"https://registry.npmjs.org/@councildataproject/cdp-design/-/cdp-design-1.0.4.tgz","fileCount":39,"unpackedSize":315842,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBC2tCRA9TVsSAnZWagAAW0kP/ipRvIbD/WMYEOU5FK5w\nDFhEJFJJbJ+23w7S0IWqBtBbENuZgQTfKRfCQuA8CUcbkrxiwXnhVpNHczZ/\nzGI6Toja8cGXZ9mr9EiGAY9udfKMxRtlJxfGVd20l4uvEFoGgjGMBVR/vhA+\nZk0i5Rgz5RJx0p1wVUY2VQS3Y5N4g86uVUAzGPZZnT9cShG51Qyii6fnktl1\ncFlJxdyZgoyZpyjGOuAffR+cDo4H5ZowzmFn45u/lziN1c8kEDasEs4XH+Ep\nRvwaIufpg5deR9qTrcbp5N814oWmvworJtG0C+hFmw6Es018PYacaOrh8bZS\nhwwF0YXHKseeknP4CbafaunSNsN/DaGHjbVDyFCqeJUdLC6vAoN2ACkVlo4X\nIZHETDBzIGg9Dx1zE4mFCRt9Y80jm5hcofIPOhGS2jke+WqFNUYylrR1HgyN\naxMsM3G31RjP2GGtIIiCNJXlEdCpagSRXqwH+OuNpDRTBzwihIu457XiIVZH\nfe7vGZzRtEA2zHlxJKRmAWT+9UgcgmCxBTExu7oHpdvJiaWTECsSukcS0XZd\n786Mtk3tTceQ9ndkg1GFGVyB2nAj54yvPpMDvwerqmg5UoijETsaxpRBzRm/\no8lSQmBgpAN2izvHStgmPrwpJtnEYQF7WY9HGI8w80Wfdqre0WN4uuUhasN2\n3eEt\r\n=RUHs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGYXSE3Spcb/15RLv56Oz6XdUKtZWiNc3pbDnu26a2MHAiApiFopmgGCf5v1yjsJNYXSSVLMUZ9OEa2LtkE/Gj1PHg=="}]},"_npmUser":{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"},"directories":{},"maintainers":[{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cdp-design_1.0.4_1644441005552_0.22310822028584298"},"_hasShrinkwrap":false},"1.0.5":{"name":"@councildataproject/cdp-design","engines":{"node":"16.x","npm":"8.x"},"version":"1.0.5","author":{"name":"Council Data Project"},"description":"General styling and content for Council Data Project websites.","license":"MIT","scripts":{"generate":"node generate-cdp-colors.js && node generate-image-variants.js && node generate-cdp-images.js","build-dev":"webpack --progress","build-prod":"webpack --progress --mode=production","bumpversion":"npm version patch -m 'Bump version: %s'"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/CouncilDataProject/cdp-design.git"},"bugs":{"url":"https://github.com/CouncilDataProject/cdp-design/issues"},"homepage":"https://github.com/CouncilDataProject/cdp-design","devDependencies":{"css-loader":"^5.0.1","file-loader":"^6.2.0","glob":"^7.1.6","image-webpack-loader":"^7.0.1","mini-css-extract-plugin":"^1.3.4","style-loader":"^2.0.0","webpack":"^5.17.0","webpack-cli":"^4.4.0"},"dependencies":{},"keywords":[],"gitHead":"eacf6c825fcefb8904479b4b0985da619f7bf711","_id":"@councildataproject/cdp-design@1.0.5","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-X6NBhwyYGzRJaK0cVlRmCmsviJ5sZTGqjXQ6AOTw6AUUGO+dRLJ1HfLLqnMWG87Ybw4Fd1Tfdlw5BLsK13XPQA==","shasum":"4752ee954bde13a5732b88bd3240d619533348eb","tarball":"https://registry.npmjs.org/@councildataproject/cdp-design/-/cdp-design-1.0.5.tgz","fileCount":39,"unpackedSize":315842,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2Rcd/+psiOKKTfkgJ02sAb0lwocl2xq7qy92vUp5K1AIgSh4oy4qLzELBXGTSYE+l/dnRWSUML2rk/+DRNX+zB6c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTzmZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphZxAAjKSm62sRqdJOxQUuefuf+pnqadYuLRmnHvqoJB0Tq6f5XwQa\r\niGVae/n0XM/LqpJ63wo1Gt7SGXuEH0eFKLFWbfgcrfnedIWOTGgLqD2fLjF0\r\nMmm0SQoRQU+TkZca/e10sexSvgAOQcR6q5DlyXRVpto6vYl+JalfkcRIQnDi\r\naQuxo7x7W+VaGCWJO8RRlqMQEeQrkCVzXBfhHMl9bJwbcSQPJ1dAJxL3Ht64\r\nCrzWKlXd12JHUJqUfmrpiXlZ87y9kbN3KFjM/WsgDZt3j5fDHbwgyZzj4V6y\r\nZZmIgZN8EEflyt5NKoNnY0ZLwuR4yFQT3DYmc2+k1vDc64jOwUBlrdj+rKIU\r\nrStnjHFMdAwVxk+BHr6gYXixGyRfM3UuCTFlIMSFwv1qfbVzzc34BUlZbqKm\r\nt1Ok4re78vOYv4v1/5HjoV47G4FLjiiOt1EzrmWYpXo9g25Tn6nuELbCbqTq\r\nGj7Q3UR9c6lrnQnoIFLs4/4taMZ/lGV9SouL+k344kS+IDZf1qrhy1bcFya0\r\nmoK0yr6G4mV1NqoaVSTxEt+3t1ODvKSmbuN2QXSYw3m4GPgoPfAqpG7DVpcA\r\nKVr5T6T1x+oesk+ycEAs4+3RzfTUzixqPcMNAD2TPR/PgK8xSl8bGA8AhbK9\r\nOAHtCRNEbaMcBc9vYbEAWLww9spJyTtrr70=\r\n=nAs/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"},"directories":{},"maintainers":[{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cdp-design_1.0.5_1649359257510_0.4629087743733131"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-25T03:09:16.671Z","1.0.1":"2021-01-25T03:09:17.072Z","modified":"2022-04-07T19:20:57.794Z","1.0.2":"2021-02-11T06:14:21.359Z","1.0.4":"2022-02-09T21:10:05.804Z","1.0.5":"2022-04-07T19:20:57.709Z"},"maintainers":[{"name":"jacksonmaxfield","email":"jmaxfieldbrown@gmail.com"}],"description":"General styling and content for Council Data Project websites.","homepage":"https://github.com/CouncilDataProject/cdp-design","keywords":[],"repository":{"type":"git","url":"git+https://github.com/CouncilDataProject/cdp-design.git"},"author":{"name":"Council Data Project"},"bugs":{"url":"https://github.com/CouncilDataProject/cdp-design/issues"},"license":"MIT","readme":"# cdp-design\n\nStyling and graphic design for Council Data Project websites and instances.\n\n---\n\n## Council Data Project\n\nCouncil Data Project is an open-source project dedicated to providing journalists, activists, researchers, and all members of each community we serve with the tools they need to stay informed and hold their Council Members accountable.\n\nFor more information about Council Data Project, please visit [our website](https://councildataproject.org/).\n\n## About\n\n`cdp-design` is used to maintain all the styling and graphic design assets required for the various websites in the CDP ecosystem.\n\nThis means that any design changes made here propagate to:\n\n- [councildataproject.org](https://councildataproject.org/): The primary website for the entire organization\n- [cdp-frontend](https://github.com/CouncilDataProject/cdp-frontend): A library that is used by all CDP instance websites\n\n## Developer Usage\n\n### CDP Images\n\nImages are injected as a [CSS content attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/content).\n\nLogo image classes follow the specification: `cdp-logo-{primaryColor}-bg-{backgroundColor}`\n\nIcon image classes follow the specification: `cdp-icon-{primaryColor}-bg-{backgroundColor}-size-{int}`\n\nExample:\n\n```javascript\nimport \"@councildataproject/cdp-design/dist/images.css\";\n\n// assume you have a component\n// sets the content of this div to the CDP logo\n<div className=\"cdp-logo-black-bg-transparent\">...</div>;\n// OR an icon\n<div className=\"cdp-icon-black-bg-transparent-size-64\">...</div>;\n```\n\n### CDP Colors\n\nColors are simple color or background-color CSS attributes.\n\nContent colors follow the specification: `cdp-{color}`\n\nBackground colors folow the specification: `cdp-bg-{color}`\n\nExample:\n\n```javascript\nimport \"@councildataproject/cdp-design/dist/colors.css\";\n\n// assume you have a component\n// sets the background color of this div to dark purple\n// sets the text color to white\n<div className=\"cdp-bg-dark-purple cdp-white\">Hello World!</div>;\n```\n\n### Favicon\n\nThe most update-to-date favicon will always be found at:\n[`src/static/images/favicon.ico`](https://raw.githubusercontent.com/CouncilDataProject/cdp-design/main/src/static/images/favicon.ico)\n\n## Contributing\n\nMuch of this library and design system are auto-generated from a few key assets:\n\n- `src/static/css/cdp-text.css`: All typography styling.\n- `src/static/images/icon/black-bg-transparent.png`: The CDP icon, used for favicons, headers, etc. with all content of the icon in black and a transparent background.\n- `src/static/images/icon/white-bg-transparent.png`: The CDP icon, used for favicons, headers, etc. with all content of the icon in white and a transparent background.\n- `src/static/images/logo/black-bg-transparent.png`: The full CDP logo, used for branding with all content of the logo in black and a transparent background.\n- `src/static/images/logo/white-bg-transparent.png`: The full CDP logo, used for branding with all content of the logo in white and a transparent background.\n- `generate-cdp-colors.js`: The script to generate the `cdp-colors.css` file.\n\nFor example, if you wanted to propose a change to our logo you would:\n\n1. Fork the `cdp-design` repository.\n2. Clone your \"forked\" `cdp-design` repository to your local machine.\n3. Replace the `black-bg-transparent.png` and the `white-bg-transparent.png` files located in the `src/static/images/logo/` directory.\n4. Run `npm run generate` from the command line to generate all the new image variants.\n5. Verify that all assets have been created properly in a file browser by viewing the `src/static/images/logo` directory.\n6. Add, commit, and push the new logo files to your fork.\n7. Create a pull request from your fork to this repository.\n\n### Design Guidelines\n\n#### General\n\nCouncil Data Project designs should attempt to fit nicely within the [Mozilla Protocol](https://protocol.mozilla.org/) design system.\n\n#### Logo\n\nLogo proposals can be:\n\n- Any size or dimension\n\nLogo proposals must be:\n\n- Created with black and white color variants\n- Stored in PNG format\n\n#### Icon\n\nIcon proposals must:\n\n- Be created with black and white color variants\n- Be at least 256x256 in size\n- Have square dimensions (256x256, 512x512, etc.)\n- Stored in PNG format\n\nIf you are updating the icon, please also ensure that you update the `favicon.ico` in the `src/static/images/` directory.\n","readmeFilename":"README.md"}