{"_id":"@chantelle/accordion","_rev":"12-588eabd96fc3579c2eb109991255e661","name":"@chantelle/accordion","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@chantelle/accordion","version":"0.1.0","description":"The Accordion component of the Chantelle Pattern Library","main":"dist/index.js","files":["dist"],"scripts":{"build":"run-p -l build:**","build:js":"babel src -d dist","build:css":"postcss src/styles.pcss --config ../../config/postcss -o dist/styles.css","test":"cd ../../ && yarn run test -t accordion"},"author":{"name":"Chantelle Lingerie GmbH","url":"http://cl.studio"},"repository":{"type":"git","url":"git@bitbucket.org:editionlingerie/pattern-library.git"},"peerDependencies":{"classnames":"^2.2.5","prop-types":"^15.6.1","react":"^16.2.0"},"license":"MIT","publishConfig":{"access":"public"},"_id":"@chantelle/accordion@0.1.0","dist":{"shasum":"d8ad126b998de7a8594c7d0f721c98fa009ee28f","tarball":"https://registry.npmjs.org/@chantelle/accordion/-/accordion-0.1.0.tgz","fileCount":7,"unpackedSize":8033,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbBADKCRA9TVsSAnZWagAAYGsP/RlBwiyCvsbF4hc3EPt9\nbt074qEgDSGFOWDWOhtsfLEtmjVWNPAIMyf1w/NqJoITE9QoX6SBwP3kN5YT\nSQ3AyG7+tYd+GwW8vKc6aXMdQLDn1jzIQh0duZAUk6ct1RKEIvMy5wLQAqux\n0AAlehGEsamuOefLKr9pdiLJ/uU9bVhmHkM5+lg7d8JXV+kr4pB0cii6lGow\nrqJw5dib6OvNYDKhP+7lqWZ+NH7r2MvQWZlkZ/BEWoDPc0ZXI7D97pxr4lit\nq77g80e9ZzDpym+oqy6uBKARyBtoZkqLbXSiQXsY4x9t8AhT08dSMLRptHHN\nvjR/fzw/UWpOVQsvBxVwlZjraovtzqbTIT9HNZByjUTOszCC5UG5fEK8Tzjx\n0Vxn8GpzL7rON1cgfx4sS2mAWrb/LFOf+Ss4XRWZPCb1h9g6ygqZSYYPzEBw\nRRPR5+npKEppN6ZyqhoJ46+w6RwspDezUHx2PaOQmXTOqVW0muRvMBCpsyPq\nRsOudiaxTGfM3sIBp4oUgVRH8Nwd/00CH3K716d+zxy7bu2jXBz4sCYT74kK\nNMfCUluygIfMIYAA+LlETp2HUi99CHYiPXaMjMT+qj0y8Ahjo6zvztoiM9WK\nnFTTt8s8JYlv3n1HJn1SljMt6TOLcQKD5ekmwx/j1rW5WeSJpS/sMw0phFPx\nuC+K\r\n=CI6k\r\n-----END PGP SIGNATURE-----\r\n","integrity":"sha512-2n3q0LLY2V/S/fAJ3wg6wzdwcPHENYuVOuKJVCow6ayJeDqQwoBD9PXeGIadPUVY/7TKx9yHQWGj4RLhBQYEuA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICeqBPqRd8Ust28DSqp5zEPfGI3nFRx9tGfOxtpo81JsAiEA/AMvmiqAzkN3SnJGGzncY/OBz8rSF5z8qkZbOzqKV3g="}]},"maintainers":[{"name":"blackakula","email":"blackakula@gmail.com"},{"name":"chkmrv","email":"chkmrv@gmail.com"},{"name":"ctsd","email":"clement.trestard@gmail.com"},{"name":"gabrielizaias","email":"gabriel.izaias@gmail.com"},{"name":"jacopkane","email":"furkan@nod.st"},{"name":"krasnovyehor","email":"krasnovegorinc@gmail.com"}],"_npmUser":{"name":"gabrielizaias","email":"gabriel.izaias@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/accordion_0.1.0_1526989001688_0.7766699605974321"},"_hasShrinkwrap":false},"0.1.1":{"name":"@chantelle/accordion","version":"0.1.1","description":"The Accordion component of the Chantelle Pattern Library","main":"dist/index.js","files":["dist"],"scripts":{"build":"run-p -l build:**","build:js":"babel src -d dist","build:css":"postcss src/styles.pcss --config ../../config/postcss -o dist/styles.css","test":"cd ../../ && yarn run test -t accordion"},"author":{"name":"Chantelle Lingerie GmbH","url":"http://cl.studio"},"repository":{"type":"git","url":"git@bitbucket.org:editionlingerie/pattern-library.git"},"peerDependencies":{"classnames":"^2.2.5","prop-types":"^15.6.1","react":"^16.2.0"},"license":"MIT","publishConfig":{"access":"public"},"_id":"@chantelle/accordion@0.1.1","dist":{"shasum":"cadea91b3e15d3cc407124d520d05bd93d98825f","tarball":"https://registry.npmjs.org/@chantelle/accordion/-/accordion-0.1.1.tgz","fileCount":7,"unpackedSize":8033,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2CePCRA9TVsSAnZWagAAcAwQAIkq27XaY+zBFLUuuZQp\nsTmZ56WPzt3YGFA4vw95c3uzLvLdU8IbiHw5NgTwCc96TqzRDX1QTkTKVv8Q\nZNj5WPn2KuypCFIxEoD1lQBS3WLd0Sc6RgxOvaXNxoRxsMU0q+y7pm9MZiC/\nQ538z7EsG+TbPOfAL5KMfkOJBw4Ga2JGBU1Qj/bkn89IegMtKirflNDWUqQv\nAPfiB2AOBH3hsHz1eR5b3TSTmy7n+ZVh2k4sNVkqgtjciIzrWfHCgxisrJUQ\nMRQKzD+zNK213KYe62gkuD9OOTz3M6/XOOekunQT2c69uT9YkEJmweCKMd+p\np7G8R4lJUeZMpARN9VFC7l5QMOCrsPElc3ChTQeuSsriMofCZTTcP4l62puh\n+GDJPQDv9JUY9zgjYsUuzqvk6cdoqLWIbMu+2AWeOw2gUh2TpvD32LIoiFlA\nKzCW0dkGr2tqDXvUUwfPYyL44QDXJFOA/u7hBrX84PuTUbXBgEZuyuaJh6Vz\nnAhWbZf/m0sOIQxaV09r8RDjwhk/hyJWBRHhbWmGpP4U+zGdWfWoYqHE/XRv\nKFmwI1wSiOZI9ivbqGwOKBAuNA/r3soPMK7D92huJ7sIYc1EcrPFFAvuCFEd\ntoDS9YlAjkC2s3zErZfXboxwPvUF6spu7C6meaG8rOUlxxHDz5bToQGVEAap\nq0Bh\r\n=kI2i\r\n-----END PGP SIGNATURE-----\r\n","integrity":"sha512-snf7gK4VBrD0ljxtJDugbD5N+dZy5JqaHW5rooQms161BDNxRm4a0oDhPy4Gchudk5/0uTh4Z8mS45RP1UNe/w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDZXX//xQJzHx3Q5vdwVEP+CdBRfgBP87MP2zS2P2XJnAiA+dfN6UmHBiroGtiPlpJJAGvPPU7y9p6jttJj/H82/dQ=="}]},"maintainers":[{"name":"blackakula","email":"blackakula@gmail.com"},{"name":"chkmrv","email":"chkmrv@gmail.com"},{"name":"ctsd","email":"clement.trestard@gmail.com"},{"name":"gabrielizaias","email":"gabriel.izaias@gmail.com"},{"name":"jacopkane","email":"furkan@nod.st"},{"name":"krasnovyehor","email":"krasnovegorinc@gmail.com"}],"_npmUser":{"name":"ctsd","email":"clement.trestard@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/accordion_0.1.1_1527773673526_0.8329867599863028"},"_hasShrinkwrap":false}},"time":{"created":"2018-05-22T11:36:41.423Z","0.1.0":"2018-05-22T11:36:41.751Z","modified":"2022-06-12T15:48:22.474Z","0.1.1":"2018-05-31T13:34:33.596Z"},"maintainers":[{"email":"clement.trestard@gmail.com","name":"ctsd"},{"email":"blackakula@gmail.com","name":"blackakula"}],"description":"The Accordion component of the Chantelle Pattern Library","repository":{"type":"git","url":"git@bitbucket.org:editionlingerie/pattern-library.git"},"author":{"name":"Chantelle Lingerie GmbH","url":"http://cl.studio"},"license":"MIT","readme":"# Accordion\n\n## Installation\n\n```bash\nyarn add @chantelle/accordion\n```\n\n## Usage\n\nFirst, include the CSS in your HTML:\n\n```html\n<link rel=\"stylesheet\" href=\"node_modules/@chantelle/accordion/dist/styles.css\">\n```\n\n```js\n import '@chantelle/accordion/dist/styles.css';\n```\n\n### React Component\n\n```jsx\nimport { Accordion, AccordionItem } from '@chantelle/accordion';\n\nReactDOM.render(\n   <Accordion>\n      <AccordionItem title=\"Section Title One\">Hello there</AccordionItem>\n      <AccordionItem title=\"Section Title Two\">General Kenobi</AccordionItem>\n   </Accordion>,\n  container\n);\n```\n\n### CSS API\n\nTo use the Accordion component, add the `.pl-accordion` to the `<div>` element to apply the styles. \nDon't forget add name and id for you Accordion\nYou can you `type='checkbox'` for standard `Accordion` and `type='radio`' and same `name` for auto fold\n\n```html\n\n<div class=\"pl-accordion\">\n    <div class=\"pl-accordion-item\">\n      <input  id=\"myFilterId1\" name=\"myFilter1\" type='checkbox' class=\"pl-accordion-handle\"/>\n      <label for=\"myFilterId1\" class=\"pl-accordion-title\">Section One</label>\n    \n      <div class=\"pl-accordion-content\">\n        <div class=\"pl-accordion-wrapper\">here text</div>\n      </div>\n    </div>\n    <div class=\"pl-accordion-item\">\n      <input  id=\"myFilterId2\" name=\"myFilter2\" type='checkbox' class=\"pl-accordion-handle\"/>\n      <label for=\"myFilterId2\" class=\"pl-accordion-title\">Section Two</label>\n    \n      <div class=\"pl-accordion-content\">\n        <div class=\"pl-accordion-wrapper\">here text</div>\n      </div>\n    </div>\n</div>\n```\n","readmeFilename":"README.md"}