`. The `
` **must** be provided a `title` and `children` to expand/collapse.\n\n##### AccordionItem Props\n\n- `title`: a string or JSX element to render for the item's title\n- `children`: content to expand/collapse\n\nAny additional props provided to the `
` element.\n\n### CSS API\n\nThe `Accordion` components use a predefined set of classes which can be used for styling. By default, the classes are prefixed with `Accordion`, but this may be changed by providing the `
` prop.\n\nThe classes which can be used for custom styles are:\n\n- `Accordion`: the top-level `
` div\n- `Accordion-item`: applied to each `
` div\n- `Accordion-item-open`: applied to the open `
` div\n- `Accordion-item-title`: applied to the div wrapping each `
`\n- `Accordion-item-trigger`: the button used to expand/collapse an `
`\n- `Accordion-item-icon`: a span for drawing an icon within the title\n- `Accordion-item-content`: applied to the div wrapping each `
`\n\n## License\n\nMPL 2.0\n","readmeFilename":"README.md","gitHead":"e95720b599969f1859b33e4b852d1a36d5eb2053","description":"[](https://circleci.com/gh/dequelabs/react-wai-accordion)","_id":"react-wai-accordion@0.0.0-canary.e95720b5","_nodeVersion":"10.24.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-qDfYvekzfiETDhxNaIh2RBKTqTvWERZcVTdWMUB73zF2/LKekMUpzNAPnOkSim5Lbm28XkSegD+PQnQA3mDvzA==","shasum":"cca5ba191fa04ba3bd243547e91cde3ba6ec062a","tarball":"https://registry.npmjs.org/react-wai-accordion/-/react-wai-accordion-0.0.0-canary.e95720b5.tgz","fileCount":48,"unpackedSize":63783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYkdzCRA9TVsSAnZWagAAg3IP/Re5g/z55FZWnzQXn64Q\nS1RnPlUe4olUJ284iXoXgaEJBQeMvyvk6PfK8+5BgnoEGtRAv9/S4S991H2y\nlfmDmOXvrb3UBH2Tf3fRIN067XUUPbTqp8lAxc/tpVhj21X/mXtI45WKtund\nO13Bob0cR1d00txA/CttuKwgGcCK+76D7ZqSRREcVHG+2xkMBOVT1t7aGYC/\npXz+csA/hhAps+vSKgJW/oEu3GrZSIAmj9BU3RZZGXmELGwjIAkox9m+0BqX\n+QO9vt1iahygfoHjwk7W6A+b71Qg5FYWLREnPOS9gv3uKTNF0FHgI3zh+hyl\nImTbitUxsh0RcL0e0nQs//PR2fkHS7ZxUBCSGYv3YMvkNP73Ph3q1OjTIhSw\n5933S4MNaUJ792y4+fRs7h0AMrzr0wc1NpyfboMe7l74z0noU8L320pIy6x0\nZbM0dbs3rbSmOlh9O7F3tbhJm+Xj3Jh0YuWJocw13NlhagWlVGFoiqaWqiDi\nHc2wn5kWj4hjph2/PTXzr3Xq+WZXbcDQ08YDssdgzHq4f2vt1SF+8d17EOxZ\nBKVMJw4geA+NOJqbakxZvOXTNrEQZD4Jas0PoR1lf7+3j9XYFtnv+YB4p/qA\njUWsUC9TbhxReDlY6EBsgnudvC/S1+AGOcr2n65i4+Y6/7kG3QUukGJwRj1D\n08Qz\r\n=UnYm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDMRi0k0YfsWi7a7eFUIgbHewjn+0+O+80ip29FxF6y9QIgL9b27/kOJJXENlXxNFTW2bnW3OIPjnTz+QvvVT7fXQg="}]},"_npmUser":{"name":"npmdeque","email":"axe@deque.com"},"directories":{},"maintainers":[{"name":"npmdeque","email":"axe@deque.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-wai-accordion_0.0.0-canary.e95720b5_1617053554855_0.3143027051446863"},"_hasShrinkwrap":false},"1.0.0":{"name":"react-wai-accordion","version":"1.0.0","scripts":{"build":"tsc","dev":"parcel src/example/index.html","build:example":"parcel build src/example/index.html --out-dir=dist/example","fmt":"prettier --write *.{json,md} .*.json .circleci/*.js 'src/**/*.{ts,tsx,css}'","lint":"eslint 'src/**/*.{ts,tsx}'","test":"mocha -r ts-node/register -r jsdom-global/register -r src/testutils/enzyme.ts 'src/**/*.test.{ts,tsx}'","coverage":"nyc npm run test","prepublishOnly":"npm run build","release":"standard-version"},"main":"dist/index.js","types":"dist/index.d.ts","license":"MPL-2.0","dependencies":{"keycode":"^2.2.0","prop-types":"^15.7.2"},"peerDependencies":{"react":"^16"},"devDependencies":{"@types/chai":"^4.2.4","@types/enzyme":"^3.10.3","@types/enzyme-adapter-react-16":"^1.0.4","@types/mocha":"^5.2.6","@types/node":"^12.11.7","@types/prop-types":"^15.7.3","@types/react":"^17.0.3","@types/react-dom":"^17.0.3","@types/sinon":"^7.5.0","@typescript-eslint/eslint-plugin":"^4.20.0","@typescript-eslint/parser":"^4.20.0","axe-core":"^3.4.0","chai":"^4.2.0","enzyme":"^3.8.0","enzyme-adapter-react-16":"^1.15.1","eslint":"^7.23.0","eslint-config-prettier":"^8.1.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.23.1","husky":"^6.0.0","jsdom":"^15.2.0","jsdom-global":"^3.0.2","lint-staged":"^10.5.4","mocha":"^6.2.2","nyc":"^14.1.1","ordinal-number-suffix":"^0.1.2","parcel-bundler":"^1.12.4","prettier":"^1.16.4","react":"^16.11.0","react-dom":"^16.11.0","sinon":"^7.5.0","standard-version":"^9.1.1","ts-node":"^8.4.1","typescript":"^3.6.4"},"prettier":{"arrowParens":"avoid","bracketSpacing":true,"jsxBracketSameLine":false,"printWidth":80,"semi":false,"singleQuote":true,"useTabs":false},"nyc":{"checkCoverage":true,"exclude":["**/*.test.ts","**/*.test.tsx","src/testutils/*.ts","src/testutils/*.tsx"],"extension":[".ts",".tsx"],"reporter":["text-summary","html"],"sourceMap":true,"instrument":true,"statements":85,"branches":85,"functions":85,"lines":85},"gitHead":"ab144084888ca3a638dcba52e6fd88e1e9b59a86","description":"[](https://circleci.com/gh/dequelabs/react-wai-accordion)","_id":"react-wai-accordion@1.0.0","_nodeVersion":"10.24.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-r7a/DxgIoWc4c0y1BoK39txJl6/u9w8dmWnBnsXt87ZEfq7GbUURinu8SzP4t1wcc18lutlExfk141Y1MZVpSg==","shasum":"eb51836faaf72eeaf6855e5368754a1310c31bbc","tarball":"https://registry.npmjs.org/react-wai-accordion/-/react-wai-accordion-1.0.0.tgz","fileCount":49,"unpackedSize":64433,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZJpQCRA9TVsSAnZWagAAeYIP/2ubOT9EYu+3URZpK+LI\nCG2alhL2YLyNxK1KKbhZVA/Qj1I2RO9AfuXFGzwGkpWG2DoEStYuITF3fSja\n2nndjIGNXsKPanHEewCM0ycxCkH/S1mCMWt+2SC32G6J75mOPyWl8ihM1RnV\nEaqVSy8yokF+2Xqowc1wt+GFskhRwJx2oOB1U+OBHvbhSBz/zvOaLdMsgxjA\naoll2dJmgy6IEmpnsai+IQDRN/0nDGvmnSxN63M9GGD4li+vzGbJWlZlwGS3\nZqDQsSheJH3LwBT/vynlNWzAKAms5O0mv9yn1Ym4vdcGScvfVLSrVtj4it9P\niAKssNZOLqub7tDp2OzMdYTn/SM8arDaW5O1Yu3VyDhadiWmsAwq3LE2gbwW\naLP0DXEc14Ohph8XHmCFak7za4HXCeN+TkuPj61lIatr0feahl63QFxJ6puN\nX8mOKC5efwrcMWVDN76ACy3ys385AH89JB6SKGcmG4DZqeIV22IhiT4gBWo3\n5+KiO3IfcahpJ6RJxtA9qU1qpdXzFXwI5Zca3uuju8lSZ2/sASRHSSCC7/Zc\nHBIFCqNecUrQz/AjQZNVsZzj1pbpp9JJ1JuEaJ8TdJAf5wBzM1dRPlDFAXKm\n5eeP2lbT/nxLUFLWWX18FzTEDEG4+bLub2+rWVKSDDpaCUlTdwXYaFEnBtJ6\nGQt+\r\n=m6RG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFz6FZ8Jqo09g7z9a4yPVphj5QicCrmcp/QczwVIdPKMAiEA+AjoMcvdRWaIWu/In/YiTOzq92J/ny6uXpMi0oBJ61Y="}]},"_npmUser":{"name":"npmdeque","email":"axe@deque.com"},"directories":{},"maintainers":[{"name":"npmdeque","email":"axe@deque.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-wai-accordion_1.0.0_1617205840437_0.8325661779184692"},"_hasShrinkwrap":false},"1.0.0-canary.271613ee":{"name":"react-wai-accordion","version":"1.0.0-canary.271613ee","scripts":{"build":"tsc","dev":"parcel src/example/index.html","build:example":"parcel build src/example/index.html --out-dir=dist/example","fmt":"prettier --write *.{json,md} .*.json .circleci/*.js 'src/**/*.{ts,tsx,css}'","lint":"eslint 'src/**/*.{ts,tsx}'","test":"mocha -r ts-node/register -r jsdom-global/register -r src/testutils/enzyme.ts 'src/**/*.test.{ts,tsx}'","coverage":"nyc npm run test","prepublishOnly":"npm run build","release":"standard-version"},"main":"dist/index.js","types":"dist/index.d.ts","license":"MPL-2.0","dependencies":{"keycode":"^2.2.0","prop-types":"^15.7.2"},"peerDependencies":{"react":"^16"},"devDependencies":{"@types/chai":"^4.2.4","@types/enzyme":"^3.10.3","@types/enzyme-adapter-react-16":"^1.0.4","@types/mocha":"^5.2.6","@types/node":"^12.11.7","@types/prop-types":"^15.7.3","@types/react":"^17.0.3","@types/react-dom":"^17.0.3","@types/sinon":"^7.5.0","@typescript-eslint/eslint-plugin":"^4.20.0","@typescript-eslint/parser":"^4.20.0","axe-core":"^3.4.0","chai":"^4.2.0","enzyme":"^3.8.0","enzyme-adapter-react-16":"^1.15.1","eslint":"^7.23.0","eslint-config-prettier":"^8.1.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.23.1","husky":"^6.0.0","jsdom":"^15.2.0","jsdom-global":"^3.0.2","lint-staged":"^10.5.4","mocha":"^6.2.2","nyc":"^14.1.1","ordinal-number-suffix":"^0.1.2","parcel-bundler":"^1.12.4","prettier":"^1.16.4","react":"^16.11.0","react-dom":"^16.11.0","sinon":"^7.5.0","standard-version":"^9.1.1","ts-node":"^8.4.1","typescript":"^3.6.4"},"prettier":{"arrowParens":"avoid","bracketSpacing":true,"jsxBracketSameLine":false,"printWidth":80,"semi":false,"singleQuote":true,"useTabs":false},"nyc":{"checkCoverage":true,"exclude":["**/*.test.ts","**/*.test.tsx","src/testutils/*.ts","src/testutils/*.tsx"],"extension":[".ts",".tsx"],"reporter":["text-summary","html"],"sourceMap":true,"instrument":true,"statements":85,"branches":85,"functions":85,"lines":85},"readme":"# react-wai-accordion\n\n[](https://circleci.com/gh/dequelabs/react-wai-accordion)\n\n> An Accordion component for React, based on the [WAI Accordion guidelines](https://www.w3.org/TR/wai-aria-practices/#accordion).\n\n## Installation\n\nWith `npm`, do:\n\n```\nnpm install react-wai-accordion\n```\n\n## Usage\n\nThis component was designed to be used as building-blocks for a more complex component. It _only_ takes care of the logic, ARIA relationships and markup required for an accordion. It does not provide _any_ styling for you — you must write your own styles.\n\nHowever, example styles can be found in `src/example/app.css`.\n\nNOTE: this package assumes `Map`, `WeakMap` and `process.env` are available. You are responsible for adding polyfills if your environment does not already support them.\n\n### Simple Example\n\nA simple example demonstrating how to use the component.\n\n```js\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Accordion, { AccordionItem } from 'react-wai-accordion'\n\nconst App = () => (\n
\n
\n \n List of fruits
\n \n - apples
\n - oranges
\n - bananas
\n
\n \n Animals}>\n List of animals
\n \n - Dogs
\n - Chickens
\n - Alligators
\n
\n \n \n
\n)\n\nconst container = document.createElement('div')\ndocument.body.appendChild(container)\n\nReactDOM.render(App, container)\n```\n\nA full example can be seen in `src/example` and run with `npm run dev`.\n\n### Component API\n\nThe `react-wai-accordion` package exports 2 different components, each with a specific purpose as described below.\n\n#### `
`\n\nThe top-level `
` component houses your `
`s. It is where the majority of the logic/state for the accordion is held.\n\nThe `
` component **must** be provided children, and those children **must** be of the type `
`. Failure to provide `
`s will result in an error being thrown in development (deduced via `process.env.NODE_ENV`).\n\n##### Accordion Props\n\n- `children`: any number of `
`s\n- `classPrefix`: an optional prefix to use for defining the classes used within the the `
`. This prefix will be applied to all rendered components.\n- `idPrefix`: an optional prefix to use for the randomly generated IDs the `
` children will be given.\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n#### `
`\n\nThe `
` denotes a collapsable item within the `
`. The `
` **must** be provided a `title` and `children` to expand/collapse.\n\n##### AccordionItem Props\n\n- `title`: a string or JSX element to render for the item's title\n- `children`: content to expand/collapse\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n### CSS API\n\nThe `Accordion` components use a predefined set of classes which can be used for styling. By default, the classes are prefixed with `Accordion`, but this may be changed by providing the `
` prop.\n\nThe classes which can be used for custom styles are:\n\n- `Accordion`: the top-level `
` div\n- `Accordion-item`: applied to each `
` div\n- `Accordion-item-open`: applied to the open `
` div\n- `Accordion-item-title`: applied to the div wrapping each `
`\n- `Accordion-item-trigger`: the button used to expand/collapse an `
`\n- `Accordion-item-icon`: a span for drawing an icon within the title\n- `Accordion-item-content`: applied to the div wrapping each `
`\n\n## License\n\nMPL 2.0\n","readmeFilename":"README.md","gitHead":"271613eeaa41ec39fb700d0dca5e204a5bd3179d","description":"[](https://circleci.com/gh/dequelabs/react-wai-accordion)","_id":"react-wai-accordion@1.0.0-canary.271613ee","_nodeVersion":"10.24.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-85XqlGhj7tORjRoQyJlunDjCCs1um69fnDacZevcE+bzLqXHSqZWIVz/vc55Olio+by5U+t4GtSfbyuA4gAgwA==","shasum":"348b741c9eaebec12c2c7f1db0c7610637d41075","tarball":"https://registry.npmjs.org/react-wai-accordion/-/react-wai-accordion-1.0.0-canary.271613ee.tgz","fileCount":49,"unpackedSize":64448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZJ6dCRA9TVsSAnZWagAAM0MP/3g8Lwuw1yaDA+6+q8Gp\n99RpRwyCLwo9p3mf4+H8NmK8pukrK0zkAscuslPJkNTKaZn8lUxj+lAskBTX\nbEghPVgFyfAAUWK1UIEYSd53Ne0QK9uQt+Br7HcOLx64fy3juHdM4mQHDjPl\naFnznSfxvXPn7lCI86y0WDC3V8+OQTBXZG34ZaPfLo3cIIijaVaFtGzA/yXh\n/0QaYQ0lBs6VspwHf2TACplb879VepdyX7tfK+A7+7QZefgNDG8aosa2IjHG\nL3vRiGwCTO1fajnYqvoS3K/rv2dAHwRRBSzO1E/OUH1DwUM47XgAAI1/aQ+M\n/2HTVk+qIZyuLdtYx2DySFXY/4Fe3fLUeDzeCHgjslBvtDvOtWmM380JC5kw\nOhqvfn3iHRk5Hbg7+uEv1pzUwn9s06CwCFvX+mM2KOgVQie1zBtFMUegmBIH\nGVoLI5Ezqt9kWtci1HYl3+Dfr+Rp9MJCr1oI5rUmzYlFCgpTAbvr1oy8xMVe\nFDGYngs08H4A05CX/MbLG+bUr2xzlytwRKInwDVa/sqbFkx4HWG3FgKqkeXi\nfCMMXVqCoBsKPxys+UT634mFbzIlmoQdXDavpEU+yUDaQXTMpZ6Qo3JKeAF6\nkLpUsFkHZEScNyGzV40WIRtOLH9UkwKLDfocsFGVUMxT9PkoqFo13Y4DIbOX\nUpo+\r\n=t8p1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZkpLfQIw8IMoDYOzRC4QB/hPICW5fYnAlPWNVk6QKNwIgKWU/s2H0u2Df1E2FYKvhUfi7jrDhzrDD+MirlCO43aE="}]},"_npmUser":{"name":"npmdeque","email":"axe@deque.com"},"directories":{},"maintainers":[{"name":"npmdeque","email":"axe@deque.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-wai-accordion_1.0.0-canary.271613ee_1617206940932_0.7260776141135581"},"_hasShrinkwrap":false},"1.0.0-canary.36138e9e":{"name":"react-wai-accordion","version":"1.0.0-canary.36138e9e","scripts":{"build":"tsc","dev":"parcel src/example/index.html","build:example":"parcel build src/example/index.html --out-dir=dist/example","fmt":"prettier --write *.{json,md} .*.json .circleci/*.js 'src/**/*.{ts,tsx,css}'","lint":"eslint 'src/**/*.{ts,tsx}'","test":"mocha -r ts-node/register -r jsdom-global/register -r src/testutils/enzyme.ts 'src/**/*.test.{ts,tsx}'","coverage":"nyc npm run test","prepublishOnly":"npm run build","release":"standard-version"},"main":"dist/index.js","types":"dist/index.d.ts","license":"MPL-2.0","dependencies":{"keycode":"^2.2.0","prop-types":"^15.7.2"},"peerDependencies":{"react":"^16"},"devDependencies":{"@types/chai":"^4.2.4","@types/enzyme":"^3.10.3","@types/enzyme-adapter-react-16":"^1.0.4","@types/mocha":"^5.2.6","@types/node":"^12.11.7","@types/prop-types":"^15.7.3","@types/react":"^17.0.3","@types/react-dom":"^17.0.3","@types/sinon":"^7.5.0","@typescript-eslint/eslint-plugin":"^4.20.0","@typescript-eslint/parser":"^4.20.0","axe-core":"^3.4.0","chai":"^4.2.0","enzyme":"^3.8.0","enzyme-adapter-react-16":"^1.15.1","eslint":"^7.23.0","eslint-config-prettier":"^8.1.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.23.1","husky":"^6.0.0","jsdom":"^15.2.0","jsdom-global":"^3.0.2","lint-staged":"^10.5.4","mocha":"^6.2.2","nyc":"^14.1.1","ordinal-number-suffix":"^0.1.2","parcel-bundler":"^1.12.4","prettier":"^1.16.4","react":"^16.11.0","react-dom":"^16.11.0","sinon":"^7.5.0","standard-version":"^9.1.1","ts-node":"^8.4.1","typescript":"^3.6.4"},"prettier":{"arrowParens":"avoid","bracketSpacing":true,"jsxBracketSameLine":false,"printWidth":80,"semi":false,"singleQuote":true,"useTabs":false},"nyc":{"checkCoverage":true,"exclude":["**/*.test.ts","**/*.test.tsx","src/testutils/*.ts","src/testutils/*.tsx"],"extension":[".ts",".tsx"],"reporter":["text-summary","html"],"sourceMap":true,"instrument":true,"statements":85,"branches":85,"functions":85,"lines":85},"readme":"# react-wai-accordion\n\n[](https://circleci.com/gh/dequelabs/react-wai-accordion)\n\n> An Accordion component for React, based on the [WAI Accordion guidelines](https://www.w3.org/TR/wai-aria-practices/#accordion).\n\n## Installation\n\nWith `npm`, do:\n\n```\nnpm install react-wai-accordion\n```\n\n## Usage\n\nThis component was designed to be used as building-blocks for a more complex component. It _only_ takes care of the logic, ARIA relationships and markup required for an accordion. It does not provide _any_ styling for you — you must write your own styles.\n\nHowever, example styles can be found in `src/example/app.css`.\n\nNOTE: this package assumes `Map`, `WeakMap` and `process.env` are available. You are responsible for adding polyfills if your environment does not already support them.\n\n### Simple Example\n\nA simple example demonstrating how to use the component.\n\n```js\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Accordion, { AccordionItem } from 'react-wai-accordion'\n\nconst App = () => (\n
\n
\n \n List of fruits
\n \n - apples
\n - oranges
\n - bananas
\n
\n \n Animals}>\n List of animals
\n \n - Dogs
\n - Chickens
\n - Alligators
\n
\n \n \n
\n)\n\nconst container = document.createElement('div')\ndocument.body.appendChild(container)\n\nReactDOM.render(App, container)\n```\n\nA full example can be seen in `src/example` and run with `npm run dev`.\n\n### Component API\n\nThe `react-wai-accordion` package exports 2 different components, each with a specific purpose as described below.\n\n#### `
`\n\nThe top-level `
` component houses your `
`s. It is where the majority of the logic/state for the accordion is held.\n\nThe `
` component **must** be provided children, and those children **must** be of the type `
`. Failure to provide `
`s will result in an error being thrown in development (deduced via `process.env.NODE_ENV`).\n\n##### Accordion Props\n\n- `children`: any number of `
`s\n- `classPrefix`: an optional prefix to use for defining the classes used within the the `
`. This prefix will be applied to all rendered components.\n- `idPrefix`: an optional prefix to use for the randomly generated IDs the `
` children will be given.\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n#### `
`\n\nThe `
` denotes a collapsable item within the `
`. The `
` **must** be provided a `title` and `children` to expand/collapse.\n\n##### AccordionItem Props\n\n- `title`: a string or JSX element to render for the item's title\n- `children`: content to expand/collapse\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n### CSS API\n\nThe `Accordion` components use a predefined set of classes which can be used for styling. By default, the classes are prefixed with `Accordion`, but this may be changed by providing the `
` prop.\n\nThe classes which can be used for custom styles are:\n\n- `Accordion`: the top-level `
` div\n- `Accordion-item`: applied to each `
` div\n- `Accordion-item-open`: applied to the open `
` div\n- `Accordion-item-title`: applied to the div wrapping each `
`\n- `Accordion-item-trigger`: the button used to expand/collapse an `
`\n- `Accordion-item-icon`: a span for drawing an icon within the title\n- `Accordion-item-content`: applied to the div wrapping each `
`\n\n## License\n\nMPL 2.0\n","readmeFilename":"README.md","gitHead":"36138e9ea6cbd80e62180e6fe547548dc09a8b28","description":"[](https://circleci.com/gh/dequelabs/react-wai-accordion)","_id":"react-wai-accordion@1.0.0-canary.36138e9e","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-BMElcaZkUXAfemQ2TdYK+oazcWIQrc1bDPRy+DmvGGzuxlsmGKRLuuXbs9k47lbFgaxN5fvbt7jLyc7SlsyRJw==","shasum":"9298853e828456c401caf669b93c0e6e89622d3f","tarball":"https://registry.npmjs.org/react-wai-accordion/-/react-wai-accordion-1.0.0-canary.36138e9e.tgz","fileCount":49,"unpackedSize":64448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglZ+qCRA9TVsSAnZWagAALAoQAIAquZpEId4Bvf6hw6MD\nTmLnI+rvHQuSj0wUEvSdJDUhDIWPS51efponSLDpUXFFgDRjVpA2iMkyNh29\nYPiP6kJ9CQEtCMkZCVcn6OycYe9ttPJ2EGJWYJOpynjFIjA340GnBe6Y62CD\n+ykMupTk0yUAsn3J6JUOWcJSiMgcsb5WY5kuuLBNkcPtPtP3X8cNoCAenmGC\nX3mOcgVVIVL7m7SMeHxZVpnzqajnTpIMaaBa4nVG/R9Off01FLaXkKh6Z5x3\naWDdG0N0Y3q+kWYh8KzbVkmVsoGKTlTaj99nxiSjkVjB6gBkglZjCraHzGBS\nmJ5f0WieiYsGRab40k0hGJP15umQ2kKXtwgyVzg1GflHXLkslkyYcLNUpep6\nsOag1wnDbN8b/IsyQyyGxvlVlD+G2NSRsR2hNfAA6RALq/UAAYk5HDWGK+KN\n5E9HoiJOoSKaHI+VxFkd6Sv8dhIEGVnjpZVBr0xw5G3ce+id66zARBprez/2\njWSKaYNiGCPTtTm66uwIu85OXv4z0ED2m4LxDhDuzgZ+tJNV2gND5LLRMXDh\nvBXnSqv62fCLAhFr24Audx1FTKBb94k7UVddzhvqHCWgJyD1HphMYcE9xtWY\nl3mL/nn4oIMW6CaX8Vu+kHb86okgn5bil5uiFkiYA+UxdwoylXONshKcDoie\nVIYb\r\n=/3R+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDHwasrYk/yCiW2hgaXUmmlwL4yKOt0IPCENv78pAqG2AiEAuP0GHCUWVnNg6mi62MEfaMBig+N3I7u5fgbeZjHCabw="}]},"_npmUser":{"name":"npmdeque","email":"axe@deque.com"},"directories":{},"maintainers":[{"name":"npmdeque","email":"axe@deque.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-wai-accordion_1.0.0-canary.36138e9e_1620418473981_0.37516031671905603"},"_hasShrinkwrap":false},"1.0.0-canary.2310c20b":{"name":"react-wai-accordion","version":"1.0.0-canary.2310c20b","scripts":{"build":"tsc","dev":"parcel src/example/index.html","build:example":"parcel build src/example/index.html --out-dir=dist/example","fmt":"prettier --write *.{json,md} .*.json .circleci/*.js 'src/**/*.{ts,tsx,css}'","lint":"eslint 'src/**/*.{ts,tsx}'","test":"mocha -r ts-node/register -r jsdom-global/register -r src/testutils/enzyme.ts 'src/**/*.test.{ts,tsx}'","coverage":"nyc npm run test","prepublishOnly":"npm run build","release":"standard-version"},"main":"dist/index.js","types":"dist/index.d.ts","license":"MPL-2.0","dependencies":{"keycode":"^2.2.0","prop-types":"^15.7.2"},"peerDependencies":{"react":"^16"},"devDependencies":{"@types/chai":"^4.2.4","@types/enzyme":"^3.10.3","@types/enzyme-adapter-react-16":"^1.0.4","@types/mocha":"^5.2.6","@types/node":"^12.11.7","@types/prop-types":"^15.7.3","@types/react":"^17.0.3","@types/react-dom":"^17.0.3","@types/sinon":"^7.5.0","@typescript-eslint/eslint-plugin":"^4.20.0","@typescript-eslint/parser":"^4.20.0","axe-core":"^3.4.0","chai":"^4.2.0","enzyme":"^3.8.0","enzyme-adapter-react-16":"^1.15.1","eslint":"^7.23.0","eslint-config-prettier":"^8.1.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.23.1","husky":"^6.0.0","jsdom":"^15.2.0","jsdom-global":"^3.0.2","lint-staged":"^10.5.4","mocha":"^6.2.2","nyc":"^14.1.1","ordinal-number-suffix":"^0.1.2","parcel-bundler":"^1.12.4","prettier":"^1.16.4","react":"^16.11.0","react-dom":"^16.11.0","sinon":"^7.5.0","standard-version":"^9.1.1","ts-node":"^8.4.1","typescript":"^3.6.4"},"prettier":{"arrowParens":"avoid","bracketSpacing":true,"jsxBracketSameLine":false,"printWidth":80,"semi":false,"singleQuote":true,"useTabs":false},"nyc":{"checkCoverage":true,"exclude":["**/*.test.ts","**/*.test.tsx","src/testutils/*.ts","src/testutils/*.tsx"],"extension":[".ts",".tsx"],"reporter":["text-summary","html"],"sourceMap":true,"instrument":true,"statements":85,"branches":85,"functions":85,"lines":85},"readme":"# react-wai-accordion\n\n[](https://circleci.com/gh/dequelabs/react-wai-accordion)\n\n> An Accordion component for React, based on the [WAI Accordion guidelines](https://www.w3.org/TR/wai-aria-practices/#accordion).\n\n## Installation\n\nWith `npm`, do:\n\n```\nnpm install react-wai-accordion\n```\n\n## Usage\n\nThis component was designed to be used as building-blocks for a more complex component. It _only_ takes care of the logic, ARIA relationships and markup required for an accordion. It does not provide _any_ styling for you — you must write your own styles.\n\nHowever, example styles can be found in `src/example/app.css`.\n\nNOTE: this package assumes `Map`, `WeakMap` and `process.env` are available. You are responsible for adding polyfills if your environment does not already support them.\n\n### Simple Example\n\nA simple example demonstrating how to use the component.\n\n```js\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Accordion, { AccordionItem } from 'react-wai-accordion'\n\nconst App = () => (\n
\n
\n \n List of fruits
\n \n - apples
\n - oranges
\n - bananas
\n
\n \n Animals}>\n List of animals
\n \n - Dogs
\n - Chickens
\n - Alligators
\n
\n \n \n
\n)\n\nconst container = document.createElement('div')\ndocument.body.appendChild(container)\n\nReactDOM.render(App, container)\n```\n\nA full example can be seen in `src/example` and run with `npm run dev`.\n\n### Component API\n\nThe `react-wai-accordion` package exports 2 different components, each with a specific purpose as described below.\n\n#### `
`\n\nThe top-level `
` component houses your `
`s. It is where the majority of the logic/state for the accordion is held.\n\nThe `
` component **must** be provided children, and those children **must** be of the type `
`. Failure to provide `
`s will result in an error being thrown in development (deduced via `process.env.NODE_ENV`).\n\n##### Accordion Props\n\n- `children`: any number of `
`s\n- `classPrefix`: an optional prefix to use for defining the classes used within the the `
`. This prefix will be applied to all rendered components.\n- `idPrefix`: an optional prefix to use for the randomly generated IDs the `
` children will be given.\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n#### `
`\n\nThe `
` denotes a collapsable item within the `
`. The `
` **must** be provided a `title` and `children` to expand/collapse.\n\n##### AccordionItem Props\n\n- `title`: a string or JSX element to render for the item's title\n- `children`: content to expand/collapse\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n### CSS API\n\nThe `Accordion` components use a predefined set of classes which can be used for styling. By default, the classes are prefixed with `Accordion`, but this may be changed by providing the `
` prop.\n\nThe classes which can be used for custom styles are:\n\n- `Accordion`: the top-level `
` div\n- `Accordion-item`: applied to each `
` div\n- `Accordion-item-open`: applied to the open `
` div\n- `Accordion-item-title`: applied to the div wrapping each `
`\n- `Accordion-item-trigger`: the button used to expand/collapse an `
`\n- `Accordion-item-icon`: a span for drawing an icon within the title\n- `Accordion-item-content`: applied to the div wrapping each `
`\n\n## License\n\nMPL 2.0\n","readmeFilename":"README.md","gitHead":"2310c20b1b7813ed6400e254d9cc400f76f302c7","description":"[](https://circleci.com/gh/dequelabs/react-wai-accordion)","_id":"react-wai-accordion@1.0.0-canary.2310c20b","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-SXAG3xTCbY2M3oYeK2m/7O9bYBAfCK99Xjw57lBgp4Hi5n5AmMZHbQD6GeX4cOGagWPYqcqrrIpfuUJuPwG9CA==","shasum":"12117485c5ee3663497cc932b618029e6ab3b984","tarball":"https://registry.npmjs.org/react-wai-accordion/-/react-wai-accordion-1.0.0-canary.2310c20b.tgz","fileCount":49,"unpackedSize":64448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrNlMCRA9TVsSAnZWagAA4+cP/jQ+yrpxpRhTsw8Z3LQY\nFzWMRDIghX4ndEGACJD5vVhr1bxJz/MY38hT+gwMOBNccJcxq+DdpNkwDYoS\neToGS3PNPGU1E7HCTIKO0wXm6HxTWv0wGRgAbk9LZrHe5O2seTb30WeJqOIR\nfNuSc4Rt/pV7YvkqoSKypaMdF+RMLkh1UrMHFX4QTGN9bWSrmcHP74Qwgrl5\na0RcctY2Ryno5J6JRh9gF3oawP+jpnmn0TRqJBYwYtefuGOi5SyRxW0FScCA\ngu/ohL/HLUgIffufbFmgdpUkmu1mqJQu9RCD0AdzNETSsFcllOduXsCsFwi+\nqTtTwepefVGpNQNx3bGs/J5G8dx07NZdyUdrb1XRs6kQEklp4hnwZ1G0s+hj\nc+qN6MSdCi6QfthPlW+j7M0H7cHLeTKl8mE6S8R1O813Dc8XV+x9ASFCjEv1\nc0LrpsxYUtxfY8BH+zoO3jwMVrBsl4PYzivp39eLHNjHs0nqu10tWgQc6Oyq\nRgyXw7tk2RtoKgZzIwRzBcv0VGDNgKwKm35HMWUciNqnSAU/gDC6WWAR1ddf\nHFBhF+tN/EJk9b7KFbSQD/ugo/ZjA8IzN9yHlw1r1TlDu5GMRE2Dbt6dwN6V\n8GNeujbLohDItJKq7nNbI5B1kwkGufhkvMX/3PNpyUBfKISqBPFwv8E4QJ0G\nR7vO\r\n=7SVa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHGHf4vvMqvuwcVhaUfr/5GJn715MgTaGoiFN89AdGtfAiEAsQa9DZn5q7L7OzZH8l5krJ1e884Zaj47qBl28BJV78o="}]},"_npmUser":{"name":"npmdeque","email":"axe@deque.com"},"directories":{},"maintainers":[{"name":"npmdeque","email":"axe@deque.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-wai-accordion_1.0.0-canary.2310c20b_1621940555602_0.8830064170682208"},"_hasShrinkwrap":false},"1.0.0-canary.a9b865ad":{"name":"react-wai-accordion","version":"1.0.0-canary.a9b865ad","scripts":{"build":"tsc","dev":"parcel src/example/index.html","build:example":"parcel build src/example/index.html --out-dir=dist/example","fmt":"prettier --write *.{json,md} .*.json .circleci/*.js 'src/**/*.{ts,tsx,css}'","lint":"eslint 'src/**/*.{ts,tsx}'","test":"mocha -r ts-node/register -r jsdom-global/register -r src/testutils/enzyme.ts 'src/**/*.test.{ts,tsx}'","coverage":"nyc npm run test","prepublishOnly":"npm run build","release":"standard-version"},"main":"dist/index.js","types":"dist/index.d.ts","license":"MPL-2.0","dependencies":{"keycode":"^2.2.0","prop-types":"^15.7.2"},"peerDependencies":{"react":"^16"},"devDependencies":{"@types/chai":"^4.2.4","@types/enzyme":"^3.10.3","@types/enzyme-adapter-react-16":"^1.0.4","@types/mocha":"^5.2.6","@types/node":"^12.11.7","@types/prop-types":"^15.7.3","@types/react":"^17.0.3","@types/react-dom":"^17.0.3","@types/sinon":"^7.5.0","@typescript-eslint/eslint-plugin":"^4.20.0","@typescript-eslint/parser":"^4.20.0","axe-core":"^3.4.0","chai":"^4.2.0","enzyme":"^3.8.0","enzyme-adapter-react-16":"^1.15.1","eslint":"^7.23.0","eslint-config-prettier":"^8.1.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.23.1","husky":"^6.0.0","jsdom":"^15.2.0","jsdom-global":"^3.0.2","lint-staged":"^10.5.4","mocha":"^6.2.2","nyc":"^14.1.1","ordinal-number-suffix":"^0.1.2","parcel-bundler":"^1.12.4","prettier":"^1.16.4","react":"^16.11.0","react-dom":"^16.11.0","sinon":"^7.5.0","standard-version":"^9.1.1","ts-node":"^8.4.1","typescript":"^3.6.4"},"prettier":{"arrowParens":"avoid","bracketSpacing":true,"jsxBracketSameLine":false,"printWidth":80,"semi":false,"singleQuote":true,"useTabs":false},"nyc":{"checkCoverage":true,"exclude":["**/*.test.ts","**/*.test.tsx","src/testutils/*.ts","src/testutils/*.tsx"],"extension":[".ts",".tsx"],"reporter":["text-summary","html"],"sourceMap":true,"instrument":true,"statements":85,"branches":85,"functions":85,"lines":85},"readme":"# react-wai-accordion\n\n[](https://circleci.com/gh/dequelabs/react-wai-accordion)\n\n> An Accordion component for React, based on the [WAI Accordion guidelines](https://www.w3.org/TR/wai-aria-practices/#accordion).\n\n## Installation\n\nWith `npm`, do:\n\n```\nnpm install react-wai-accordion\n```\n\n## Usage\n\nThis component was designed to be used as building-blocks for a more complex component. It _only_ takes care of the logic, ARIA relationships and markup required for an accordion. It does not provide _any_ styling for you — you must write your own styles.\n\nHowever, example styles can be found in `src/example/app.css`.\n\nNOTE: this package assumes `Map`, `WeakMap` and `process.env` are available. You are responsible for adding polyfills if your environment does not already support them.\n\n### Simple Example\n\nA simple example demonstrating how to use the component.\n\n```js\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Accordion, { AccordionItem } from 'react-wai-accordion'\n\nconst App = () => (\n
\n
\n \n List of fruits
\n \n - apples
\n - oranges
\n - bananas
\n
\n \n Animals}>\n List of animals
\n \n - Dogs
\n - Chickens
\n - Alligators
\n
\n \n \n
\n)\n\nconst container = document.createElement('div')\ndocument.body.appendChild(container)\n\nReactDOM.render(App, container)\n```\n\nA full example can be seen in `src/example` and run with `npm run dev`.\n\n### Component API\n\nThe `react-wai-accordion` package exports 2 different components, each with a specific purpose as described below.\n\n#### `
`\n\nThe top-level `
` component houses your `
`s. It is where the majority of the logic/state for the accordion is held.\n\nThe `
` component **must** be provided children, and those children **must** be of the type `
`. Failure to provide `
`s will result in an error being thrown in development (deduced via `process.env.NODE_ENV`).\n\n##### Accordion Props\n\n- `children`: any number of `
`s\n- `classPrefix`: an optional prefix to use for defining the classes used within the the `
`. This prefix will be applied to all rendered components.\n- `idPrefix`: an optional prefix to use for the randomly generated IDs the `
` children will be given.\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n#### `
`\n\nThe `
` denotes a collapsable item within the `
`. The `
` **must** be provided a `title` and `children` to expand/collapse.\n\n##### AccordionItem Props\n\n- `title`: a string or JSX element to render for the item's title\n- `children`: content to expand/collapse\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n### CSS API\n\nThe `Accordion` components use a predefined set of classes which can be used for styling. By default, the classes are prefixed with `Accordion`, but this may be changed by providing the `
` prop.\n\nThe classes which can be used for custom styles are:\n\n- `Accordion`: the top-level `
` div\n- `Accordion-item`: applied to each `
` div\n- `Accordion-item-open`: applied to the open `
` div\n- `Accordion-item-title`: applied to the div wrapping each `
`\n- `Accordion-item-trigger`: the button used to expand/collapse an `
`\n- `Accordion-item-icon`: a span for drawing an icon within the title\n- `Accordion-item-content`: applied to the div wrapping each `
`\n\n## License\n\nMPL 2.0\n","readmeFilename":"README.md","gitHead":"a9b865ad0fb86cd9d7e9cf1dc0e6d6afe21752f4","description":"[](https://circleci.com/gh/dequelabs/react-wai-accordion)","_id":"react-wai-accordion@1.0.0-canary.a9b865ad","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-CowI0SSmsluhQvyafK+ncvQDs9qF5eZbA+skrczkGx1h4y7R9dkvgst4yUGBmHF/YZkbRYDN8Y4TytJ3eiZeBw==","shasum":"a34924e51ab067f7651c4c2711328f8f579a88a9","tarball":"https://registry.npmjs.org/react-wai-accordion/-/react-wai-accordion-1.0.0-canary.a9b865ad.tgz","fileCount":49,"unpackedSize":64448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwKhtCRA9TVsSAnZWagAAApQQAJMoZqaOoEHEOLfC6sYR\nRXi2yTUEBUquh7l6eYHMGVoemsKJ0hbnB+pJZOO95vxa2QbHrQsbQoi0F9YT\nbOlWmOoy4lYGKIAJ09MSinex6z0YYcYeZU5pIU6CbI1PsuN+A0CXtkZeWsLa\ngDvInQUbi2CzCX2dFZK2epQZrXmAtEM5w86sV5veof+/5XZJSJwWq43gwKuh\nVDzC6+GOavN5KDOWouCqlLczNlF4EBz5mw0f9+ybt7yX2hFHIfALUSdhQ/l0\n5vEg1By0kaq3ovUP2Fkbct8Ag0dgI2VkNGKrMk3+TpU011Yre1nfbMum/63V\n6vHwN0nqUuWxpLEsMuTAi4uGgZC0NRNWztRxB0sj3h5tkYwQWbOKe/hJ3LSF\nGyeA4WB6kdqCwG6XCivnplcWFCnyy9XWzvNGALfMFWhPCq1JSBOEODGbC0Gi\ng4YstgjSAopWnkWPDbk5ywSh5oST/US9VlthwGn/mS2BL7NUTCZkKoejadWQ\nPnGzDb17fFx3WtovZjNRiC76ohe2ekRMPQOmEUtecp94WslbjwHyLZ3j2jes\noBYXuKhLB8owI+y2vfZ70mA8WO6cPEpCCTxE6g0N3wOhw+gKxSvzSTDy7Jds\nlnGDp3j7SikwqEhOIceXfQnZhzWl3zg/PD4pO7gNP789KlKR4uhNBOHUMfrv\nmZDI\r\n=vl7E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTLhPswEdzbRrWlkW74NYaUysBfeqh/Jc1UO2yx+L2VwIhAOEgcxcsq5Avf3EDix4mo1eHuSq33742R7/8elWOenns"}]},"_npmUser":{"name":"npmdeque","email":"axe@deque.com"},"directories":{},"maintainers":[{"name":"npmdeque","email":"axe@deque.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-wai-accordion_1.0.0-canary.a9b865ad_1623238765510_0.46052884798406546"},"_hasShrinkwrap":false},"1.0.0-canary.2a154e34":{"name":"react-wai-accordion","version":"1.0.0-canary.2a154e34","scripts":{"build":"tsc","dev":"parcel src/example/index.html","build:example":"parcel build src/example/index.html --out-dir=dist/example","fmt":"prettier --write *.{json,md} .*.json .circleci/*.js 'src/**/*.{ts,tsx,css}'","lint":"eslint 'src/**/*.{ts,tsx}'","test":"mocha -r ts-node/register -r jsdom-global/register -r src/testutils/enzyme.ts 'src/**/*.test.{ts,tsx}'","coverage":"nyc npm run test","prepublishOnly":"npm run build","release":"standard-version"},"main":"dist/index.js","types":"dist/index.d.ts","license":"MPL-2.0","dependencies":{"keycode":"^2.2.0","prop-types":"^15.7.2"},"peerDependencies":{"react":"^16"},"devDependencies":{"@types/chai":"^4.2.4","@types/enzyme":"^3.10.3","@types/enzyme-adapter-react-16":"^1.0.4","@types/mocha":"^5.2.6","@types/node":"^12.11.7","@types/prop-types":"^15.7.3","@types/react":"^17.0.3","@types/react-dom":"^17.0.3","@types/sinon":"^7.5.0","@typescript-eslint/eslint-plugin":"^4.20.0","@typescript-eslint/parser":"^4.20.0","axe-core":"^3.4.0","chai":"^4.2.0","enzyme":"^3.8.0","enzyme-adapter-react-16":"^1.15.1","eslint":"^7.23.0","eslint-config-prettier":"^8.1.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-react":"^7.23.1","husky":"^6.0.0","jsdom":"^15.2.0","jsdom-global":"^3.0.2","lint-staged":"^10.5.4","mocha":"^6.2.2","nyc":"^14.1.1","ordinal-number-suffix":"^0.1.2","parcel-bundler":"^1.12.4","prettier":"^1.16.4","react":"^16.11.0","react-dom":"^16.11.0","sinon":"^7.5.0","standard-version":"^9.1.1","ts-node":"^8.4.1","typescript":"^3.6.4"},"prettier":{"arrowParens":"avoid","bracketSpacing":true,"jsxBracketSameLine":false,"printWidth":80,"semi":false,"singleQuote":true,"useTabs":false},"nyc":{"checkCoverage":true,"exclude":["**/*.test.ts","**/*.test.tsx","src/testutils/*.ts","src/testutils/*.tsx"],"extension":[".ts",".tsx"],"reporter":["text-summary","html"],"sourceMap":true,"instrument":true,"statements":85,"branches":85,"functions":85,"lines":85},"readme":"# react-wai-accordion\n\n[](https://circleci.com/gh/dequelabs/react-wai-accordion)\n\n> An Accordion component for React, based on the [WAI Accordion guidelines](https://www.w3.org/TR/wai-aria-practices/#accordion).\n\n## Installation\n\nWith `npm`, do:\n\n```\nnpm install react-wai-accordion\n```\n\n## Usage\n\nThis component was designed to be used as building-blocks for a more complex component. It _only_ takes care of the logic, ARIA relationships and markup required for an accordion. It does not provide _any_ styling for you — you must write your own styles.\n\nHowever, example styles can be found in `src/example/app.css`.\n\nNOTE: this package assumes `Map`, `WeakMap` and `process.env` are available. You are responsible for adding polyfills if your environment does not already support them.\n\n### Simple Example\n\nA simple example demonstrating how to use the component.\n\n```js\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Accordion, { AccordionItem } from 'react-wai-accordion'\n\nconst App = () => (\n
\n
\n \n List of fruits
\n \n - apples
\n - oranges
\n - bananas
\n
\n \n Animals}>\n List of animals
\n \n - Dogs
\n - Chickens
\n - Alligators
\n
\n \n \n
\n)\n\nconst container = document.createElement('div')\ndocument.body.appendChild(container)\n\nReactDOM.render(App, container)\n```\n\nA full example can be seen in `src/example` and run with `npm run dev`.\n\n### Component API\n\nThe `react-wai-accordion` package exports 2 different components, each with a specific purpose as described below.\n\n#### `
`\n\nThe top-level `
` component houses your `
`s. It is where the majority of the logic/state for the accordion is held.\n\nThe `
` component **must** be provided children, and those children **must** be of the type `
`. Failure to provide `
`s will result in an error being thrown in development (deduced via `process.env.NODE_ENV`).\n\n##### Accordion Props\n\n- `children`: any number of `
`s\n- `classPrefix`: an optional prefix to use for defining the classes used within the the `
`. This prefix will be applied to all rendered components.\n- `idPrefix`: an optional prefix to use for the randomly generated IDs the `
` children will be given.\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n#### `
`\n\nThe `
` denotes a collapsable item within the `
`. The `
` **must** be provided a `title` and `children` to expand/collapse.\n\n##### AccordionItem Props\n\n- `title`: a string or JSX element to render for the item's title\n- `children`: content to expand/collapse\n\nAny additional props provided to the `
` will be passed onto the rendered `
` element.\n\n### CSS API\n\nThe `Accordion` components use a predefined set of classes which can be used for styling. By default, the classes are prefixed with `Accordion`, but this may be changed by providing the `
` prop.\n\nThe classes which can be used for custom styles are:\n\n- `Accordion`: the top-level `
` div\n- `Accordion-item`: applied to each `
` div\n- `Accordion-item-open`: applied to the open `
` div\n- `Accordion-item-title`: applied to the div wrapping each `
`\n- `Accordion-item-trigger`: the button used to expand/collapse an `
`\n- `Accordion-item-icon`: a span for drawing an icon within the title\n- `Accordion-item-content`: applied to the div wrapping each `
`\n\n## License\n\nMPL 2.0\n","readmeFilename":"README.md","gitHead":"2a154e343dd178abda697545cea2f689b1e2a170","description":"[](https://circleci.com/gh/dequelabs/react-wai-accordion)","_id":"react-wai-accordion@1.0.0-canary.2a154e34","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-+69gZTmWIjpvYhyi6DPVRACWxv/zvaDnevw/GDjR54e7e9WpfgEGS5hHyKHLveW0MHSMj5RI+7yPXP9sQsCwvA==","shasum":"c3eb3736cf8b05c392a3f6cabe2080ddc7efd010","tarball":"https://registry.npmjs.org/react-wai-accordion/-/react-wai-accordion-1.0.0-canary.2a154e34.tgz","fileCount":49,"unpackedSize":64448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhE+ReCRA9TVsSAnZWagAAtk4P+QEekKH076+ZI0j+U98f\nJ6buK0cMM8CU0s/XXcwqIA/mH9NPynRFjsJQjDLySiQgdYK3NUsyBLX/R4Ql\n2DfFVChAjAIIxPSb4k8eCaFN6IBX058+mCOOL9zmN7Kb6gn6qinbqUi6EHpq\nDxz/W5H79hFz+prQ2V8Ry5iqn9drF/V6bIY4tCuRegnE7PFnixMCiFU8TOcN\n3AUXM6P2m3KIkGIWTtZYF70srSdcdlhs2wr6L6yusaxJL36ztOcfHFxCMS/8\nYNg82BBu+CFQdRFLfbEEVAiIVr6sWAOBASFFLoBUx6U+tbx7byXYhvY5Rcpa\nZHSQqQOMos5c9eIF4jAevaQ5f3jJvdAjKQkcHTO2B0tiYXAX7+Ajlopr/YgJ\nQoCVV5EbwgUI5DESxwJ8abumfsapyYmDdW4dq9tJ3Mru+bKwPCowBXgSdV7D\nm4YXlDqG5Tt9GjErC+1OOd6ixSOTmqAgIVomC5mFID1xS377q8NA7XWl9yJW\nR2e5fDGWwQYJLNc+p2GQgwQQ7DFi4bjqDEZHr0Cf5DXzHAxM5xU8ZEuHXOhq\nc0w7tHENz1cufkQxAsBxoOZH4UBt0eSZJ/16eK7hKCzXwrMNLnSZbiK6UQQC\nPAQwHXkzZ2D5ZnVgH7m0fMS3jn9kvl4+y0QaOO2UjMKQtrZ13utTKaIf4zCs\nF3hG\r\n=nbzw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFtsryBRe1fSlUeCezFyTAfUSNEs3Aq3SiRPW6/5mATlAiEAjsTSofLrmIRlFE4X3jNzSFY2D54Iobo08vKSgOfbT/w="}]},"_npmUser":{"name":"npmdeque","email":"axe@deque.com"},"directories":{},"maintainers":[{"name":"npmdeque","email":"axe@deque.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-wai-accordion_1.0.0-canary.2a154e34_1628693598528_0.35588163820992635"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-20T16:12:53.577Z","0.0.0-canary.2ad4b10f":"2019-02-20T16:12:53.688Z","modified":"2022-05-15T07:39:28.851Z","0.0.0-canary.42ac184c":"2019-03-18T15:19:39.312Z","0.0.0-canary.b1929440":"2019-07-10T17:01:04.907Z","0.0.0-canary.6dd168a6":"2019-10-02T22:59:36.264Z","0.0.0-canary.88e0d10b":"2019-10-10T22:08:39.734Z","0.0.0-canary.67240aba":"2019-10-10T22:09:34.525Z","0.0.0-canary.bc0ea5ce":"2019-10-10T22:10:07.344Z","0.0.0-canary.9016a28a":"2019-10-10T22:10:52.845Z","0.0.0-canary.ef2ce16b":"2019-10-10T22:11:13.884Z","0.0.0-canary.3e1d27c9":"2019-10-10T22:12:06.460Z","0.0.0-canary.c77ea9a0":"2019-10-10T22:12:41.956Z","0.0.0-canary.cb4313d6":"2019-10-10T22:13:26.939Z","0.0.0-canary.18012429":"2019-10-10T22:15:44.175Z","0.0.0-canary.a12b3e6e":"2019-10-10T22:19:57.649Z","0.0.0-canary.8156dea5":"2019-10-14T15:21:49.058Z","0.0.0-canary.bb93a129":"2019-10-14T15:22:58.749Z","0.0.0-canary.4db2f36c":"2019-10-14T15:23:10.457Z","0.0.0-canary.cb65262d":"2019-10-14T15:23:50.522Z","0.0.0-canary.de04928e":"2019-10-14T15:27:48.218Z","0.0.0-canary.4c68f12c":"2019-10-14T15:28:18.805Z","0.0.0-canary.d9134ec3":"2019-10-14T15:32:10.150Z","0.0.0-canary.fb89e8b0":"2019-10-14T15:32:15.094Z","0.0.0-canary.014c9382":"2019-10-14T15:39:00.137Z","0.0.0-canary.c71fa880":"2019-10-14T15:53:47.163Z","0.0.0-canary.7d5f1116":"2019-10-15T15:07:39.591Z","0.0.0-canary.fbcb8369":"2019-10-15T15:09:13.324Z","0.0.0-canary.aa33723d":"2019-10-15T15:48:55.248Z","0.0.0-canary.c4cc290d":"2019-10-18T22:17:49.288Z","0.0.0-canary.78e7f157":"2019-10-18T22:18:27.940Z","0.0.0-canary.83f561e9":"2019-10-21T15:55:37.238Z","0.0.0-canary.e5078f10":"2019-10-22T17:33:38.464Z","0.0.0-canary.1de61113":"2019-10-22T17:34:10.217Z","0.0.0-canary.7b9ae6f8":"2019-10-28T14:51:30.927Z","0.0.0-canary.b8c418b0":"2019-10-28T14:51:58.261Z","0.0.0-canary.9cc39f6d":"2019-10-28T14:52:14.845Z","0.0.0-canary.016d3275":"2019-10-28T14:52:41.650Z","0.0.0-canary.83f1f33b":"2019-10-28T15:05:02.762Z","0.0.0-canary.5dfbba19":"2019-10-28T15:13:21.578Z","0.0.0-canary.1450aa13":"2020-01-13T17:47:36.066Z","0.0.0-canary.e0137bb3":"2020-01-30T17:33:55.594Z","0.0.0-canary.a6f5d6bd":"2020-03-17T14:27:14.689Z","0.0.0-canary.1613f2fc":"2020-05-28T13:39:51.414Z","0.0.0-canary.d392cac3":"2020-07-16T20:59:08.426Z","0.0.0-canary.545b2a38":"2020-07-29T21:53:34.536Z","0.0.0-canary.7f98b26d":"2020-10-28T21:19:12.011Z","0.0.0-canary.c3896209":"2020-11-26T17:45:56.857Z","0.0.0-canary.d5427453":"2020-12-10T19:08:33.160Z","0.0.0-canary.0e2361e6":"2021-03-08T21:41:13.298Z","0.0.0-canary.60aa10b8":"2021-03-29T20:36:42.766Z","0.0.0-canary.6886834c":"2021-03-29T21:07:54.944Z","0.0.0-canary.60fd9523":"2021-03-29T21:27:08.447Z","0.0.0-canary.e95720b5":"2021-03-29T21:32:35.060Z","1.0.0":"2021-03-31T15:50:40.570Z","1.0.0-canary.271613ee":"2021-03-31T16:09:01.066Z","1.0.0-canary.36138e9e":"2021-05-07T20:14:34.138Z","1.0.0-canary.2310c20b":"2021-05-25T11:02:35.778Z","1.0.0-canary.a9b865ad":"2021-06-09T11:39:25.657Z","1.0.0-canary.2a154e34":"2021-08-11T14:53:18.707Z"},"maintainers":[{"name":"npmdeque","email":"axe@deque.com"}],"description":"[](https://circleci.com/gh/dequelabs/react-wai-accordion)","license":"MPL-2.0","readme":"","readmeFilename":""}