{"_id":"@anthonyjeamme/classname","_rev":"6-2f901d1d436b8ccc7394d9fc915d2de1","name":"@anthonyjeamme/classname","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@anthonyjeamme/classname","version":"1.0.0","description":"A JavaScript utility for CSS modules.","main":"dist/classname.js","types":"dist/classname.d.ts","repository":{"type":"git","url":"git+https://github.com/anthonyjeamme/classname.git"},"bugs":{"url":"https://github.com/anthonyjeamme/classname/issues"},"private":false,"homepage":"https://github.com/anthonyjeamme/classname#readme","scripts":{"build":"tsc","test":"jest"},"author":{"name":"anthonyjeamme"},"license":"ISC","devDependencies":{"@types/jest":"^29.5.5","jest":"^29.7.0","ts-jest":"^29.1.1","typescript":"^5.2.2"},"gitHead":"bc183102c6d61ad90f08cca7a5c87608f5ba9414","_id":"@anthonyjeamme/classname@1.0.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-fcgoig+42LjH4bvxxeWOK9MqIDyDJrP3tC+hS030lW9+UVVkMbAKRKAAuTLu4kfw9hhWz5PNsqmPJXFr+3Vu9w==","shasum":"fdd421a890ad89b3cd21fbf3cd2a0fb528ea1875","tarball":"https://registry.npmjs.org/@anthonyjeamme/classname/-/classname-1.0.0.tgz","fileCount":2,"unpackedSize":2734,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5nhFhVj1ZOH8mxLwpS+BpSYC1u91G45+0lVyaL4YuggIhAMn6wbg8nn7dHw22fDRQre4H+WlQK6VJiAtgZU+doCtn"}]},"_npmUser":{"name":"anthonyjeamme","email":"anthony@jeamme.fr"},"directories":{},"maintainers":[{"name":"anthonyjeamme","email":"anthony@jeamme.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/classname_1.0.0_1695386522347_0.8057973408417722"},"_hasShrinkwrap":false},"1.0.1":{"name":"@anthonyjeamme/classname","version":"1.0.1","description":"A JavaScript utility for CSS modules.","main":"dist/classname.js","types":"dist/classname.d.ts","repository":{"type":"git","url":"git+https://github.com/anthonyjeamme/classname.git"},"bugs":{"url":"https://github.com/anthonyjeamme/classname/issues"},"private":false,"homepage":"https://github.com/anthonyjeamme/classname#readme","scripts":{"build":"tsc","test":"jest"},"author":{"name":"anthonyjeamme"},"license":"MIT","devDependencies":{"@types/jest":"^29.5.5","jest":"^29.7.0","ts-jest":"^29.1.1","typescript":"^5.2.2"},"gitHead":"0f8e9dd6cbe4c1924aa9c083387de4a65ec999df","_id":"@anthonyjeamme/classname@1.0.1","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-rs01lmPV/OYFOAce4pa4l9OPv0SVzBy+0Hv6uvq8Qwdnk5IQyT7mRxW7WMzM6Nqe7Fdi+r6h7CzFe+oPzTRoMw==","shasum":"fcd90e5c72784102c6fb39b0d1318401f17d4424","tarball":"https://registry.npmjs.org/@anthonyjeamme/classname/-/classname-1.0.1.tgz","fileCount":2,"unpackedSize":3046,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFmrKZaFLwi5ndZJxjn0F3QXpqxNXZP+Crgh93TyYdXBAiBBtQE1habpb6eJaCDBpUHP1M6If3DjUeUD6X5x6Mhl/w=="}]},"_npmUser":{"name":"anthonyjeamme","email":"anthony@jeamme.fr"},"directories":{},"maintainers":[{"name":"anthonyjeamme","email":"anthony@jeamme.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/classname_1.0.1_1695387706368_0.4567168338496401"},"_hasShrinkwrap":false},"1.0.2":{"name":"@anthonyjeamme/classname","version":"1.0.2","description":"A JavaScript utility for CSS modules.","main":"dist/classname.js","types":"dist/classname.d.ts","repository":{"type":"git","url":"git+https://github.com/anthonyjeamme/classname.git"},"bugs":{"url":"https://github.com/anthonyjeamme/classname/issues"},"private":false,"homepage":"https://github.com/anthonyjeamme/classname#readme","scripts":{"build":"tsc","test":"jest"},"author":{"name":"anthonyjeamme"},"license":"MIT","devDependencies":{"@types/jest":"^29.5.5","jest":"^29.7.0","ts-jest":"^29.1.1","typescript":"^5.2.2"},"gitHead":"2b210c60e515bad5aa54e0cdb2147f3ecc307da9","_id":"@anthonyjeamme/classname@1.0.2","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-Cc+QXirh6x0ul3R6t27ZjyjvIdm87T8tu6jb9E0HvmRTZoNugV9/oA7nHak4KgT22BzvCKbz0ypb8Fm0RtSXaA==","shasum":"7b591e68fda2c9660d61a36ee87b120d3d5a2c2f","tarball":"https://registry.npmjs.org/@anthonyjeamme/classname/-/classname-1.0.2.tgz","fileCount":4,"unpackedSize":6776,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0y1GZ+gsygghGN8g4ZGr18kV6z3W3Hr/OwTdB6D2FtQIhAMjMFaj4N66KpKZ+hIJGPXDQgdpNHm6yMDBNpq76j0Mt"}]},"_npmUser":{"name":"anthonyjeamme","email":"anthony@jeamme.fr"},"directories":{},"maintainers":[{"name":"anthonyjeamme","email":"anthony@jeamme.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/classname_1.0.2_1695388122744_0.5929179822537409"},"_hasShrinkwrap":false},"1.0.3":{"name":"@anthonyjeamme/classname","version":"1.0.3","description":"A JavaScript utility for CSS modules.","main":"dist/classname.js","types":"dist/classname.d.ts","repository":{"type":"git","url":"git+https://github.com/anthonyjeamme/classname.git"},"bugs":{"url":"https://github.com/anthonyjeamme/classname/issues"},"private":false,"homepage":"https://github.com/anthonyjeamme/classname#readme","scripts":{"build":"tsc","test":"jest"},"author":{"name":"anthonyjeamme"},"license":"MIT","devDependencies":{"@types/jest":"^29.5.5","jest":"^29.7.0","ts-jest":"^29.1.1","typescript":"^5.2.2"},"gitHead":"97e83b977dde438aed73d4c3c5f5c05dfa4f557b","_id":"@anthonyjeamme/classname@1.0.3","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-SxzrT9tndXq7zSXpyAu6l7x+wvdfRETsZKNGidoy4e/j31Wwa5oiG+OBVZrQt4kr+AfxAQX8qi3ngrVLAdWRUw==","shasum":"d7925d0c81af8ac803e30e8392b89448fd702aa8","tarball":"https://registry.npmjs.org/@anthonyjeamme/classname/-/classname-1.0.3.tgz","fileCount":2,"unpackedSize":2923,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgq1gSan4P3H7sD4erEtrroyOrT5mxvvisaUmQPjaQcAIgcBN8Zk4KMN9maBxrKufWZorLnKSSe6N5mcUTY7Kymm0="}]},"_npmUser":{"name":"anthonyjeamme","email":"anthony@jeamme.fr"},"directories":{},"maintainers":[{"name":"anthonyjeamme","email":"anthony@jeamme.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/classname_1.0.3_1695388697824_0.7932225100326271"},"_hasShrinkwrap":false},"1.0.4":{"name":"@anthonyjeamme/classname","version":"1.0.4","description":"A JavaScript utility for CSS modules.","main":"dist/classname.js","types":"dist/classname.d.ts","repository":{"type":"git","url":"git+https://github.com/anthonyjeamme/classname.git"},"bugs":{"url":"https://github.com/anthonyjeamme/classname/issues"},"private":false,"homepage":"https://github.com/anthonyjeamme/classname#readme","scripts":{"build":"tsc","test":"jest"},"author":{"name":"anthonyjeamme"},"license":"MIT","devDependencies":{"@types/jest":"^29.5.5","jest":"^29.7.0","ts-jest":"^29.1.1","typescript":"^5.2.2"},"gitHead":"7f88dbb73e0401a78e84227e07f526dbdb16471b","_id":"@anthonyjeamme/classname@1.0.4","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-fdj3pT6sYB6VxMCdM77l4YLW79FrshNRWaNDaFVzLsvrOl2xNU6nDGI0ogtMqMMOTISbDSWavkrR3kp7ffrltg==","shasum":"3df8493a51d2a0346c9c188da79011a23777efbf","tarball":"https://registry.npmjs.org/@anthonyjeamme/classname/-/classname-1.0.4.tgz","fileCount":4,"unpackedSize":6776,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBtc5z2aHTK6okBO1dwgK7fWFsLSBwoT1Tf+Zs3rwn+uAiEAszFEuStlbU2ERNW9IAkAY3zJ4T79ZQyf2PJZKPF7FPE="}]},"_npmUser":{"name":"anthonyjeamme","email":"anthony@jeamme.fr"},"directories":{},"maintainers":[{"name":"anthonyjeamme","email":"anthony@jeamme.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/classname_1.0.4_1695389034579_0.5465389853038447"},"_hasShrinkwrap":false},"1.0.5":{"name":"@anthonyjeamme/classname","version":"1.0.5","description":"A JavaScript utility for CSS modules.","main":"dist/classname.js","types":"dist/classname.d.ts","repository":{"type":"git","url":"git+https://github.com/anthonyjeamme/classname.git"},"bugs":{"url":"https://github.com/anthonyjeamme/classname/issues"},"private":false,"homepage":"https://github.com/anthonyjeamme/classname#readme","scripts":{"build":"tsc","test":"jest"},"author":{"name":"anthonyjeamme"},"license":"MIT","devDependencies":{"@types/jest":"^29.5.5","jest":"^29.7.0","ts-jest":"^29.1.1","typescript":"^5.2.2"},"gitHead":"8fee3ddf8a0384995b10990192e859734bebb6ed","_id":"@anthonyjeamme/classname@1.0.5","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-zqPcxOWz7qWbuLMVV2HWMK+LfRgCvl73TwXEiiKCs2/0wtOJic36Q9OlaCduENz77iF+5VlKhgLgCHTFwcppqw==","shasum":"ea8bbb96404aa2a6a6b81c73174181fd99f7f667","tarball":"https://registry.npmjs.org/@anthonyjeamme/classname/-/classname-1.0.5.tgz","fileCount":4,"unpackedSize":6651,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIClqUX74FeMXFAvoUD5ZtAUZwFwkWTmWlg4whXo0oMLVAiBiAuAJ15WUiwOrkd8nGjZf6QRwdCEgFx0184gg+mu2Ag=="}]},"_npmUser":{"name":"anthonyjeamme","email":"anthony@jeamme.fr"},"directories":{},"maintainers":[{"name":"anthonyjeamme","email":"anthony@jeamme.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/classname_1.0.5_1695389382021_0.5524066638765706"},"_hasShrinkwrap":false},"1.1.0":{"name":"@anthonyjeamme/classname","version":"1.1.0","devDependencies":{"@types/jest":"^29.5.5","jest":"^29.7.0","ts-jest":"^29.1.1","typescript":"^5.2.2"},"main":"dist/classname.js","module":"./dist/index.mjs","types":"dist/classname.d.ts","scripts":{"build":"tsup src/classname.ts --format cjs,esm --dts","publish-package":"echo DOIT PUBLISH","test":"jest","lint":"eslint . --max-warnings 0"},"publishConfig":{"access":"public"},"_id":"@anthonyjeamme/classname@1.1.0","gitHead":"82986df3f28d03b4f3e96c9b54942c621521f2b2","description":"> A JavaScript utility for CSS/SCSS modules.","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-LseSvTpDkR1lbjvhPzSstpnO/TC1aXf6RGqBUxOU70q/cTlVtQuum9CvYWWu13bPwlkNs1joN9dI+HvAIIaIPA==","shasum":"343a2b9a40535f15100da8bd56d543c98df6c2d3","tarball":"https://registry.npmjs.org/@anthonyjeamme/classname/-/classname-1.1.0.tgz","fileCount":12,"unpackedSize":9603,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIZmJm2OmRgTTcPgmxuAmG0h5Gthl7rDuwY2g77WJdeAIgaVeqfnO8s5ls/ivLgcMCjrMoPgOnWAiLUHhCiRGAP88="}]},"_npmUser":{"name":"anthonyjeamme","email":"anthony@jeamme.fr"},"directories":{},"maintainers":[{"name":"anthonyjeamme","email":"anthony@jeamme.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/classname_1.1.0_1700832453220_0.38132827044107387"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-22T12:42:01.672Z","1.0.0":"2023-09-22T12:42:02.494Z","modified":"2023-11-24T13:27:33.530Z","1.0.1":"2023-09-22T13:01:46.533Z","1.0.2":"2023-09-22T13:08:42.911Z","1.0.3":"2023-09-22T13:18:18.001Z","1.0.4":"2023-09-22T13:23:54.789Z","1.0.5":"2023-09-22T13:29:42.250Z","1.1.0":"2023-11-24T13:27:33.380Z"},"maintainers":[{"name":"anthonyjeamme","email":"anthony@jeamme.fr"}],"description":"> A JavaScript utility for CSS/SCSS modules.","readme":"> A JavaScript utility for CSS/SCSS modules.\n\n<p>\n  <a aria-label=\"NPM version\" href=\"https://www.npmjs.com/package/@anthonyjeamme/classname\">\n    <img alt=\"\" src=\"https://img.shields.io/npm/v/@anthonyjeamme/classname.svg\">\n  </a>\n  <a aria-label=\"License\" href=\"#\">\n    <img alt=\"\" src=\"https://img.shields.io/npm/l/classnames.svg\">\n  </a>\n</p>\n\n# Installation :\n\n```bash\nnpm i @anthonyjeamme/classname\n```\n\n# Usage\n\n_Component.tsx_ :\n\n```tsx\nimport classNameModule from \"@anthonyjeamme/classname\";\nimport styles from \"./Component.module.scss\";\nconst className = classNameModule(styles);\n\nconst Component = () => {\n  return <div {...className(\"Component\")}>Component</div>;\n};\n```\n\n_Component.module.scss_ :\n\n```scss\n.Component {\n  background: red;\n}\n```\n\n# Using variables\n\n_Component.tsx_ :\n\n```tsx\nimport classNameModule from \"@anthonyjeamme/classname\";\nimport styles from \"./Component.module.scss\";\nconst className = classNameModule(styles);\n\nconst Component = () => {\n  const [active, setActive] = useState(false);\n  const [type, setType] = useState(\"user\");\n\n  return <div {...className(\"Component\", { active, type })}>Component</div>;\n};\n```\n\n_Component.module.scss_ :\n\n```scss\n.Component {\n  background: red;\n\n  &.active {\n    background: blue;\n  }\n\n  &.type-user {\n    border: 2px solid purple;\n  }\n}\n```\n\n# Global classes\n\nPrefixing with `:` allows to use global classes :\n\n```js\nclassName(\":flex\");\n```\n\n_global.css_ :\n\n```css\n.flex {\n  display: flex;\n}\n```\n\n## Custom prefix\n\nCustom prefix can be set this way :\n\n```js\nconst className = classNameModule(styles, { globalPrefix: \"@\" });\n\nclassName(\"@flex\"); // Returns '.flex'\n```\n\n# Advanced configuration\n\n## Log unfound classes\n\n```js\nconst className = classNameModule(styles, { logUnfoundValues: true });\n```\n\nThen, this example will log a warning :\n\n```js\nclassName(\"UnknownClass\");\n```\n\n## Retaining Unfound Classes\n\nThis is an alternative way to use global variables :\n\n```js\nconst className = classNameModule(styles, { keepUnfoundValues: false });\nclassName(\"UnknownClass\"); // Returns ``\n```\n\n```js\nconst className = classNameModule(styles, { keepUnfoundValues: true });\nclassName(\"UnknownClass\"); // Returns `.UnknownClass`\n```\n","readmeFilename":"README.md"}